/* CSS Document */
/* #ee7800 */
body{ background: #fff; }
._container{ width:1200px; margin:0 auto; position: relative;}

.menu{ height: 38px; line-height: 38px; background: #ededed; font-size: 14px; color:#333;}
.menu p{ float:left;}
.menu .menu_func{ float:right;}
.menu .menu_func a{ color:#333; margin:0 3px; transition: color 0.25s;}
.menu .menu_func a:hover{ color:#FF0000; text-decoration: underline;}
.menu #span_login{ cursor: pointer; float:right; display: none; }
.menu #span_login:hover{ color:#ee7800; text-decoration: underline;}
/* menu */

.header{ height:110px;overflow:hidden;} 
.header h1{ width:130px; height: 110px; float:left; text-indent: -9999px; background:url(../img/icon_logo.png) no-repeat left center; }
.header .header_info{ padding-top:10px; float:right; text-align: right;}
.header .header_info h4{ line-height: 36px; font-size: 18px; color:#5e5e5e;}
.header .header_info h5{ line-height: 36px; font-size: 30px; color:#E50100;}
.header .span_toggle{ width:44px; height: 34px; background: url(../img/nav_toggle.png) no-repeat center center; position: absolute; display: none; cursor: pointer;}
/* header */

.nav{ height: 44px; line-height: 44px; background:#E50100; overflow:hidden;}
.ul_nav li{ width:10%; line-height: 44px; text-align: center; float:left;}
.ul_nav a{ font-size: 15px; color:#fff; transition:color 0.25s;}
.ul_nav a:hover{ color:#FFF; }
.ul_nav li:hover{ background: #C33}
/* nav */



/* flexslider */
.flexslider{position:relative;height:555px; margin:0px; padding:0px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:555px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:300000; left:0;width:100%;top:35%;}
.flex-direction-nav li a{width:75px;height:148px;cursor:pointer;position:absolute;display:block;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../img/bannerLeft.png) center top no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../img/bannerRight.png) center top no-repeat;}

.flinks { padding:40px 0;}
.flinks span{ width:104px; height: 40px; line-height: 40px; text-align: center; background:#E50100; font-size: 16px; color:#fff; float:left; }
.flinks .links{ width:1068px; height: 38px; line-height: 38px; color:#333; float:left; border:1px solid #ddd; margin-left:6px; padding-left:20px; font-size: 16px;}
.flinks .links a{ font-size: 16px; margin:0 6px; color:#333; }
.flinks .links a:hover{ text-decoration: underline; color:#FF0000;}
/* flinks */

.footer{background:url(../img/foot.jpg);height:183px;color:#fff; width:100%}
.footer .container{width:1200px; margin:0 auto}
.footer .left{float:left;width:680px; padding-top:35px}
.footer .left  p{ width:100%; float:left; height:30px; font-size:14px; line-height:30px; }
.footer .left .imga{ width:380px; float:right}
.footer .left .imga img{ margin:0px auto; padding-top:30px} 
.footer .right{float:right;width:270px;padding-top:35px;}
.footer .right .title{font-size:18px;font-family:'微软雅黑';}
.footer .right .child{cursor:pointer;position:relative;width:57px;float:left;margin:14px 38px 0 0;}
.footer .right .child.no{margin:14px 0 0 0;}
.footer .right .child img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.footer .right .child img{width:100%;}
.footer .right .child .childCode{display:none;background:url(img/footCodeBg.png) no-repeat left top;background-size:151px 166px;position:absolute;left:50%;bottom:68px;width:151px;height:166px;margin-left:-75px;text-align:center;}
.footer .right .child .childCode img{position:absolute;top:0px;left:0px;width:142px;height:142px;}

/* footer */


@media (max-width:1024px){
    ._container{ width:auto; padding:0 10px;}
    
    .menu .menu_func{ float:left;}
    .menu p{ display: none;}
    .menu #span_login{ display: block;}
    
    .header{ height: 80px;}
    .header h1{ width:60%; height: 80px;  background:url(../img/icon_logo.png) no-repeat left center/auto 60px;}
    .header_info{ display: none;}
    .header .span_toggle{ display:block; top:23px; right:10px;}
    
    .nav{ width:200px; height: auto; position:absolute; top:118px; right:0; z-index: 120; display: none;}
    .nav .ul_nav li{ width:100%; height: 36px; line-height: 36px; float:none; border-bottom: 1px solid #ffa64c;}
    
    .func ._container{ padding:0;}
    .func .login{ width:100%; height: 100%; background: rgba(0,0,0,0.4); position:fixed; top:0; left:0; z-index: 999; display: none;}
    .func .login .span_l_close{ display: block;}
    .func .login p{ margin-bottom: 4px;}
    .func .login label{ display: inline-block; line-height: 32px;}
    .func .login input{ width:100% !important; margin-bottom: 10px;}
    .func .login_wrapper{ width:90%; background: #fff; position: absolute; left:5%; top:10%;}
    .func .login_panel h5{ width:100%;}
    .func .banner{ width:100%; height: auto; float:none;}
    .func .banner p{ height: 30px; line-height: 30px; font-size: 14px;}
    .func .flexslider{ height: auto;}
    .func .flex-control-nav{ display: none;}
    
    .flinks{ padding-top:0px;}
    .flinks .links{ width:98%; height: auto; margin:0 auto; box-sizing: border-box;float:left; }
    .flinks span{ display: block; margin-bottom: 10px;}
    .links a{ width:90%; display: inline-block;}
    
    .footer p{ line-height: 18px; font-size: 12px; }
}