


/* 弹出搜索 begin */
.searchBar-m {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center}
.searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;}
.searchBar-m a {display:block;position:absolute;right:5%;top:5%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;}
.searchBar-m a:hover{color:#ff9600}
.searchBar-m .form-group {width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#6E6E6E;height:60px;line-height:60px;float:left;padding:0}
.searchBar-m .button {width:8%;height:60px;line-height:60px;border-bottom:2px solid #f2f2f2;display:block;float:left;background:url(../images/ico-search-button.png) no-repeat center 50%;text-indent:-2000px}
.searchBar-m .button:hover{background:url(../images/ico-search-button.png) no-repeat center 50%;}
/* 弹出搜索 end */

.con { width:90%; margin:0px auto;}
@media only screen and (max-width:1440px){
.con { width:96%; margin:0px auto;}	
}
@media only screen and (max-width:1024px){
.con { width:96%; margin:0px auto;}	
}


@media only screen and (max-width:995px){
.con { width:94%; margin:0px auto;}	

}

.header{width:100%; position:fixed; top:0; left:0; z-index:99; }
.header.on{background: rgba(0, 0, 0, 0.4);}

.header .logo{width:15%; float:left; margin:20px 0;margin-right:3%}
.header .logo .logo2{display:none}
.header .logo img{max-width:100%}

.lang strong {
    margin-left:3px;display: inline-block;
}

.lang img{display: inline-block;margin-bottom:30px;}
.header .zyqh { float: right; margin-top:35px;margin-right: 20px;color:#fff;}
.header .zyqh i{color:#fff;font-size:20px;}
.header .zyqh li{float:left;}
.header .zyqh li:nth-child(2){margin-left:20px;}
.header.on .zyqh i{color:#000}
.header_icons_1{float: right;margin-top: 35px;right:20px;}
.header_icons_1 ul{margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
.header_icons_1 li{height: 27px;    border: 1px solid #fff;align-items: center;    display: flex;}

.header_icons_1 li a{font-size: 16px;
    height: 25px;
    line-height: 25px;
    padding: 8px 5px;
    font-family: "Montserrat-Bold";
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}

.header_icons_1 .on{background-color: #00b3c4;
    color: #fff;border: 1px solid #00b3c4;}
.header_icons_1 .on a{  color: #fff;}
.header.on .an i{color:#0a76e3;}
.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:24px;z-index:99 }
.header .cd{position:absolute;top:0;color:#fff;margin-top: 22px;right:5%;font-size:16px;z-index:99}
.header .an span{width:30px; height:2px; background:#fff; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;width:70%}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header.on .an span{background:#fff;}
.header .sousuo{width:16%;float: right;position:absolute; right:15%;top:0;margin-top:20px;z-index:99}

.sinput {
    width:100%;
    height:30px;
    line-height: 30px;
    padding: 0 2%;
    overflow: hidden;
    background: none;
	border:none;
    border-bottom: 1px solid #fff;
    outline: none;
	color:#fff;
  
}
.sousuo input[type="text"]::placeholder{  color: #fff;}





.ssubmit {
    width: 20px;
    height: 20px;
    border: none;
    background: url(../images/search.png);
    position: absolute;
    right:0;
   
   
    cursor: pointer;
}

.header .nav{ float: right;}
.header .nav i{font-size:18px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.header .nav ul{width:100%;display: flex;
    width: 100%;
    height: 100vh;}
.header .nav ul li{margin:0px; position:relative;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s; }
.header .nav ul li a { font-size:16px; color: #fff;}
.header_1{background: rgba(0, 0, 0, 0.4)!important;}
.header_1 .logo1{display:none}
.header_1 .logo2{display:block!important}

.header{padding:0%; height: 65px; }
.header .logo{width:250px; float:left; margin-top:10px; position:relative;z-index:99}
.yuyuan .langu{margin-right:50px;margin-top:10px;}
.header .zyqh { margin-top:20px; margin-right:20px;}
.header .an{display:block;}

.header .nav{width:100%;height:100%; position:fixed; top:0; margin-top:0; left:-100%; z-index:11; overflow:auto; 
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; z-index:65; margin-left:0;background-image: url(../images/dh_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;}
.header .nav.on{left:0; margin-top:0} 
.header .nav ul { width: 100%;background-color: rgba(0,0,0,.3);}
.header .nav ul li.on span{width:0%;}
.header .nav ul li:hover span{width:0%;}
.header .nav ul li:hover a { color:#0a76e3;}
.header .nav i{display:block; }
.header .nav ul li{ 
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
   width:20%!important;}
.header .nav ul li:nth-child(2n){background-color: rgba(46,46,46,.8);}	
.header .nav ul li:nth-child(odd){background-color: rgba(0,0,0,.8);}	
	
.header .nav ul li a {font-size:24px; color:#fff!important;font-weight:600;position: relative;}
.header .nav ul li .y_j a::before{content:'';display:none;position:absolute;background-image:url(../images/sy_jiantou.png);position:absolute;right:20%;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:23px;height:13px;background-repeat:no-repeat;}
.header .nav ul li:hover{align-items:flex-end;background-color:transparent;justify-content:flex-end;}

.header .nav ul li:hover .y_j{width:100%;text-align:left;padding:0 20%;line-height:140px;background-color:#0326a9;margin-top:0;}
.header .nav ul li:hover .y_j a::before{display:block;}

.nav .y_j{display: inline-block;float:left;}
.header .nav .e_j{display: inline-block!important;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav ul li .e_j a{display:block; font-size:16px; color:#666; float:left;}
.header .nav ul li .e_j a:hover { color: #fff;}


/* 多语言切换*/
.ey_lang{position:absolute;top:0;right:8%;margin-top: 22px;z-index:99}
.ey_lang a:hover{text-decoration:none}
.ey_lang .sf-menu a{border:none;color:#fff !important;padding-top:6px;padding-bottom:9px}
.ey_lang .sf-menu li{background-color:transparent}
.ey_lang .sf-menu li ul{width:11em}
.ey_lang .sf-menu li li{background-color:#fff}
.ey_lang .sf-menu li li a{border-bottom:1px solid #f2f2f2;padding:0.75em 1em}
.ey_lang .first-level,.ey_lang .first-level:active{font-size:13px;padding:0 15px !important;color:#fff;font-size:16px}
.ey_lang .first-level span{display:block;height:25px;line-height:25px;padding-left:20px;background:url(../images/icon-lang.png) no-repeat left center}
.ey_lang .first-level span em{}
.ey_lang em{margin:0 8px}
.ey_lang .sf-menu li:hover ul{top:25px}
.ey_lang .sf-menu li ul{width:180px;left:auto;right:0}
.ey_lang .sf-menu li li{background-color:#0024b6}
.ey_lang .sf-menu li li a{line-height:normal;padding:13px 15px;color:#fff !important;border-bottom:none;font-size:13px}
.ey_lang .sf-menu li li:hover,.ey_lang .sf-menu li li a:focus,.ey_lang .sf-menu li li a:hover,.ey_lang .sf-menu li li a:active{background:#fdf202}
.ey_lang .sf-menu li li:hover span{color:#0015a7}
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute;top:-999em;width:13em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left;position:relative}
.sf-menu a{display:block}
.sf-menu a{border-left:1px solid #fff;border-top:1px solid #CFDEFF;padding:.75em 1em;text-decoration:none}
.sf-menu a,.sf-menu a:visited{color:#13a}
.sf-menu a:focus,.sf-menu span:hover{background:url(../images/lang.png) no-repeat left center;}
/* 多语言切换 end*/






@media only screen and (max-width:1440px){


}
@media only screen and (max-width:1024px){

.header .sousuo{right:17%;}	
.header .cd{right:6%;}
}


@media only screen and (max-width:995px){
.header .sousuo{right:25%;}
.ey_lang{right:13%;}	
.header .cd{right:8%;}


}

@media only screen and (max-width:450px){
	.header .logo{width:150px;margin-top:10px}
.header .sousuo{width:120px}
.header .cd{display:none}
.ey_lang{right:8%}	
.ey_lang .first-level span{padding-left:0.1px;background:none}
.header .nav ul li a{font-size:16px;}
.header .nav ul li .e_j a{font-size:14px;}
.nav ul a{padding:5px 10px;}
.sousuo{display:none}
.header .nav ul{flex-direction: column;}
.header .nav ul li{width:100%!important}
}
@media only screen and (max-width:330px){

.yuyuan	span{display:none}
}





.head_h{width:100%; height:115px;}
@media only screen and (max-width:1023px) {
.head_h{width:100%; height:65px;}
}