/*logo*/
.logo {position: relative; height:78px; line-height:78px; margin-left:20px; }


/*header*/


.header{
    position: fixed; top:0; display: block; width: 100%;padding-top: 30px;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    /*position: relative;*/
    z-index: 1001;
    height: 100px;
}
.header .wrapper{position: relative;}

.logo_box{float: left; margin-left:30px;width:380px;height: 78px;background:url(../images/navbg.png) center no-repeat; border-radius:8px;}
.logo_box .logo{float: left;}
.logo_box .pcmenubtn{float: left; height: 78px; line-height: 78px;margin-left: 30px;    cursor: pointer;}
.header .gpdm{float: left;margin-left: 20px;font-size:18px; line-height:24px;padding-top:15px; color: #fff;}

.right_col{float: right;margin-right:400px;}


.header_absolute{position: absolute; top: 0; z-index: 3; }
.header.hover{background: #fff; }
.header.m_hover{background: #fff; }


.serchinco{position: fixed;width:30px;color: #fff;height: 30px; text-align: center;transition: all 0.5s;
 right:180px; top:50px; line-height:30px;cursor: pointer;z-index: 999; font-size: 30px;}
.serchinco:hover{color: #024099;}




.languagebox{ position: fixed; right: 100px; top: 35px;color:#fff; font-size: 36px;} 
.languagebox a{color:#fff; }



.search-tc {position: absolute; top:-2000px; left:0;width: 100%; height: 100vh;
    background:url(../images/daohangbg.png) center no-repeat;background-size: cover; z-index: 999;
    transition: all 0.5s;
 }

.search-tc.active{top: 0;}
.search-tc .warp{padding:20px 50px;}
.search-tc .close{ float: right;font-size: 24px;color: #fff; padding:0 20px;cursor: pointer;line-height: 65px; height: 65px;}
.search-tc .search02 .warp{margin-top:300px;}



.pc-nav {position: absolute; top:-2000px; left:0;width: 100%; height: 100vh;
    background:url(../images/daohangbg.png) center no-repeat;background-size: cover; z-index: 999;
    transition: all 0.5s;
 }

.pc-nav.active{top:0;}
.pc-nav .warp{padding:20px 50px;}
.pc-nav-top{width: 100%; height: 70px; line-height: 70px;}
.pc-nav-top .logo02  {float: left;}
.pc-nav-top .lang{ float: right;font-size: 24px;color: #fff;line-height: 70px; }
.pc-nav .close{ float: right;font-size: 24px;color: #fff; padding:0 20px;cursor: pointer;line-height: 65px; height: 65px;}

.search02 .warp{max-width: 1440px;margin: 0 auto;  border-bottom:1px solid #fff;padding:10px 0;margin-top:120px; }
.search02 #q{ float: left;   border: 0 none; }
.search02 .search-btn { float: right;   border: 0 none; }

.search02 #q { width: calc(100% - 300px); height: 18px; padding: 15px 0 15px 50px; line-height: 18px;
     background: url(../images/btn_ser02.png) no-repeat left center;background-color: none; border:0;line-height: 18px;font-size:30px; color: #fff; }
     .search02 #q::-webkit-input-placeholder { 
        color: #fff;
    }
.search02 .search-btn { padding:0;margin:0; height: 40px; cursor: pointer; background: none;color: #fff;font-size: 30px; }
.index-nav{max-width: 1440px;margin: 0 auto;  margin-top:100px;}
.index-nav .navrow{width: calc(14.28% - 20px);float: left;margin-right: 20px; }


.pc-nav .index-nav h3{line-height: 30px; height:30px;color: #fff; font-weight: 500;  font-size:28px; position: relative;padding-bottom: 20px; margin-bottom:50px;}
.pc-nav .index-nav h3:before { content: ""; display: block; bottom: 0; left: 0; position: absolute; width:50px; height: 2px; background: #fff;}
.pc-nav .index-nav h3 a{color: #fff;}
.pc-nav .index-nav li{ line-height:30px; margin-bottom:15px;font-size: 20px;}
.pc-nav .index-nav li a{color: #fff;opacity: .8;}
.pc-nav .index-nav li a:hover{opacity:1;}








.m-bar{height:50px;position: fixed;top:10px;left:10px;width:190px; display: none;z-index: 99; 
    background:url(../images/navbg.png) left center no-repeat;border-radius:8px;}
.m-bar .logo_m{ display: inline-block; float: left; margin-left: 20px; height: 50px; line-height:50px; }
.m-bar .nav_toggle{width: 50px; height:50px; float: right;margin-right: 10px;}
.m-bar .nav_toggle img{height: 50px; display: inline-block;}
.m-bar .logo_m img{max-width: 100%; display: inline-block; height: 30px;}

.m_menu {position: fixed; top:-2000px; left:0;width: 100%; height: 100vh;
    background:url(../images/daohangbg.png) center no-repeat;background-size: cover; z-index: 999;
    transition: all 0.5s;
 }

 .m_menu.active{top:0;}
 .m_menu .warp{padding:10px 20px;}

.m_nav{}
.m_nav h3{ border-bottom:1px solid rgba(255, 255, 255, .3); cursor:pointer;  color: #fff;font-weight: 500;padding: 0 10px; font-size: 18px; line-height: 60px;}
.m_nav h3 a{color: #fff;}
.m_nav h3 em{ float:right; display:block; width:60px; height:60px;   background:url(/cn/images/icoAdd.png) top center no-repeat; cursor:pointer; }
.m_nav h3.on em{ background-position:left bottom; }
.m_nav ul{ padding:20px 25px; color:#999; display:none;  }
.m_nav ul li{line-height: 30px;font-size: 16px;}
.m_nav ul li a{display: block;color: #fff;}
.m_nav ul li a:hover{font-weight: bold;}


.m_menu_top{width: 100%; height: 50px; line-height: 70px;}
.m_menu_top .logo02  {float: left;}
.m_menu_top .logo02 img{height: 35px;}
.m_menu_top .lang{ float: right;font-size: 24px;color: #fff;line-height: 70px; }
.m_menu_top .close{ float: right;font-size: 24px;color: #fff; padding:0 20px;cursor: pointer;line-height: 65px; height: 65px;}
.m_menu .search02{}
.m_menu .search02 #q {    width: calc(100% - 100px);}
.m_menu .search02 .warp{ margin-top: 30px;background: rgba(255, 255, 255, 0.1);margin-bottom: 20px;border-bottom:NONE;}
.m_menu .search02 .search-btn{line-height: 47px;height: 47px;font-size: 20px;}
.search02 #q{font-size: 20px;padding-left: 10px;background:none;}



@media only screen and (max-width:1600px) {
    .logo_box .logo{ height: 68px; line-height: 68px;}
    .logo_box .logo img{max-width: 100%; height:45px;}
    .logo_box{width:320px;border-radius:8px; height: 68px;}
    .logo_box .pcmenubtn{height: 68px; line-height: 68px;margin-left:20px;}
    .header .gpdm { font-size: 16px; line-height:20px; padding-top: 15px; }
    
    .languagebox,.serchinco{font-size: 24px; line-height: 30px; top:50px;}
    .header{height: 68px;}
    .pc-nav .warp{padding:20px 100px;}
    .search02 .warp{padding:20px 0;margin-top: 40px;}
    .index-nav{margin-top: 60px;}
    .pc-nav .index-nav h3{font-size: 24px; margin-bottom:30px;}
    .pc-nav .index-nav li{font-size: 18px;}
    
}

@media only screen and (max-width:1440px) {
    .logo_box .logo{ height: 58px; line-height: 58px;}
    .logo_box .logo img{height:35px; }
    .logo_box{width:280px; height: 58px;}
    .logo_box .pcmenubtn{height: 58px; line-height: 58px; }
    .logo_box .pcmenubtn img{height: 100%;}
    .header .gpdm {padding-top: 10px;    }
    .languagebox,.serchinco{font-size:18px; line-height: 30px; top:40px;}
    .header{height: 58px;}
    .languagebox{right: 60px;}
    .serchinco{right: 100px;}
    .pc-nav .index-nav h3{font-size: 20px; margin-bottom:20px;}
    .pc-nav .index-nav li{font-size: 16px;margin-bottom:5px;}
    .search02 .search-btn{font-size: 18px;}
    .search02 #q{font-size: 16px;width: calc(100% - 200px);}
           
    .search02 .warp{padding:10px 0;}
    .index-nav{margin-top: 40px;}
}

@media only screen and (max-width:1200px) {
.header{display: none;}
    .m-bar{display: block;}
}

@media only screen and (max-width:768px) {
    .m-bar{width: 160px;}
    .m-bar .logo_m{ margin-left:10px; height: 50px; line-height:50px; }
    .m-bar .nav_toggle{height: 50px;width: 50px;}
    .m-bar .nav_toggle img{height: 50px;}
    .search02 #q,.m_menu .search02 .search-btn{font-size: 16px;}
    .m_menu_top .logo02 img{height: 25px;}
    
   

}

@media only screen and (max-width:450px) {
    .m-bar .logo_m{width:150px;margin-left:10px; height: 40px; line-height:40px; }
    .m-bar .nav_toggle{height: 40px;width: 40px;}
    .m-bar .nav_toggle img{height: 40px;}
    .search02 #q,.m_menu .search02 .search-btn{font-size: 14px;}
    .m-bar{width: 230px;height: 40px;}
    .m_menu .warp{padding:0 10px;}
    .search02 #q{padding-left: 0;}
    .m_menu_top .lang,.m_menu_top .close{font-size: 18px;}

}