


/* 弹出搜索 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;border-bottom: solid 1px #354d6f; }
.header.on{background: rgba(0, 0, 0, 0.4);}

.header .logo{width:15%; float:left; margin:10px 0;margin-right:3%;position:relative;z-index:9}
.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; }
.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;}
.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:#70b34e;}

.header .nav{ float: left;}
.header .nav i{font-size:18px; color:#fff; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:-10px; 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%);}
.header .nav ul li{margin:0px; line-height:40px; float:left; position:relative; padding:0px 20px 0px 0px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s; font-size:16px;margin-right:10px; }
.header .nav ul li a { font-size:18px; color: #fff;}
.header_1{background: rgba(0, 0, 0, 0.4)!important;}
.header_1 .logo1{display:none}
.header_1 .logo2{display:block!important}
.header_1 .nav ul li a {  color: #fff!important;}
.header .nav ul li .ys {color: #333;}
.header.on .nav ul li a { font-size:18px;color:#fff }

.header .nav ul li:hover span{width:100%;background-color:#70b34e}

.header .nav ul li.on .y_j a{color:#70b34e}

.header .nav ul li span{width:0; height:4px; background:#70b34e; position:absolute; left:50%; bottom:0;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;

transform:translate(-50%,0);

-webkit-transform:translate(-50%,0);

-moz-transform:translate(-50%,0);

-ms-transform:translate(-50%,0);

-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.nav .y_j{position:relative;     display: block;
    position: relative;
    line-height: 90px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: line-height 0.5s;z-index:9;text-transform: uppercase;}
.nav .e_j{  
     position: absolute;
    top:0;
    left: 0;
    width: 100%;
  background: rgba(221, 228, 238, 0.8);
    z-index: 999;
    padding: 0px;
    opacity: 0;
    visibility: hidden;
	position: fixed;
 transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;

transform:translate(-50%,0);

-webkit-transform:translate(-50%,0);

-moz-transform:translate(-50%,0);

-ms-transform:translate(-50%,0);

-o-transform:translate(-50%,0);z-index:8;-webkit-transform: scale(1.07);-moz-transform: scale(1.07);
-o-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07);-webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s;}

	
	
.header .nav ul li:hover .e_j {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    transition: all 0.5s;
}	

.header .nav ul li .e_j a {
  
}

.header .nav .e_j{display:none !important;}
.header .nav .e_j dl{width:100%;margin-top:100px; border-top: 1px solid #a6adb7;padding:20px 0}
.header .nav .e_j dl dd{width:32%;float:left;border-bottom: solid 1px #a6aeb8;margin-right:2%;margin-bottom:20px}
.header .nav .e_j dl dd a{color:#666666;font-weight:600;font-size:18px;}
.header .nav .e_j dl dd:nth-child(3n){margin-right:auto}
.header .nav ul li:hover .e_j{display:block !important;}

.header .nav .e_j a:hover{ color:#70b34e;}
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}



/* 多语言切换*/
.ey_lang{float:right;margin-top: 30px;position:relative;z-index:9}
.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{}
.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:#ccc !important;font-size:13px}
.ey_lang .first-level span{display:block;padding-left:20px;}
.ey_lang .first-level span img{margin-bottom:-5px;}
.ey_lang em{font-size:18px;margin-left:5px;}
.ey_lang .sf-menu li:hover ul{top:30px}
.ey_lang .sf-menu li ul{left:auto;right:0;background: rgba(221, 228, 238, 0.8);border-radius:10px;}
.ey_lang .sf-menu li li{padding:0 10px;}
.ey_lang .sf-menu li li em{font-size:14px;}
.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:#70b34e;border-radius:10px;}
.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}

/* 多语言切换 end*/

.dh_contact{float:right;margin-top:35px;margin-left:3%;position:relative;z-index:9;text-transform: uppercase;}
.dh_contact a{
    border-radius: 30px;
    padding: 10px 30px;
    font-weight: 600;
    color: #fff;border: solid 1px #fff;}
.dh_contact a:hover{border: solid 1px #70b34e;color:#fff;background-color:#70b34e}






@media only screen and (max-width:1440px){


}
@media only screen and (max-width:1024px){
.nav .y_j{line-height:65px;}
.ey_lang{margin-top:20px;}
.dh_contact {margin-top:25px;}
.header .nav ul li a {font-size:16px;}	
.header .nav ul li{margin-right:1px;}
.header .nav .e_j dl{margin-top:75px;}	
}


@media only screen and (max-width:995px){
.header{padding:0%; height: 65px; }
.header .logo{width:150px; float:left; margin-top:5px; }
.dh_contact{margin-right:50px;}
.header .an{display:block;}
.header .nav ul { width: 100%;}
.header .nav{width:100%; padding:10px 5%;  height:100%; position:fixed; top:65px; margin-top:0; left:-100%; z-index:11; overflow:auto; background: rgba(255, 255, 255, 0.99);
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;}
.header .nav.on{left:0; margin-top:0} 
.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{line-height:60px;  text-align:left; float:none; margin:0; padding:0; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.header .nav ul li a {font-size:16px; color:#333!important;}
.header .nav ul li:after { background: rgba(0,0,0,0);}
.nav .y_j{line-height: 60px;}
.header .nav .e_j{padding:0px;  background:none; position:relative; top:auto; left:auto; width:100%; height: auto; margin-left:0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.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:14px; color:#666; margin-left:0px; text-align: left;}
.header .nav ul li .e_j a:hover { color: #fff; padding: 0 10px;}
.lang {margin-top: 20px;margin-right: 40px;}
.zixun{margin-right: 15%;margin-top: 20px}
.e_j .dropTitle{display:none}
.dh_img{display:none;}
.dropMenu{width:100%;padding:1px 0;}
.dropMenu dd{width:100%;overflow: hidden;}
.dropMenu dd a{color:#000!important;padding:10px 0;line-height:20px;height:auto;}
.zixun .ewm2{right:10px;}
.lang img{display:none}
.lang .e_j a{text-align:left!important}

}

@media only screen and (max-width:450px){
	.header .logo{width:150px;margin-top:10px}
.header .nav .e_j dl{margin-top:auto;}
	
}
@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;}
}