/* 弹出搜索 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;overflow: hidden;}

@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;background-color:#fff; }

.header.on{background:#fff}





.header .logo img{max-width:100%}

.lang {

    float: right;

    margin-top: 33px;

    margin-right: 10px;

}

.lang a {

    margin-right: 5px;

}

.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 .cd{position: absolute;
    top: 0;
    color: #152D4E;
    margin-top: 33px;
    left: 5%;
    font-size: 18px;
    z-index: 99;
}

.header .an{position:absolute; top:0; left:3%; height:18px; width:30px; display:none; margin-top:36px; }

.header .an span{width:30px; height:2px; background:#256eb0; 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:20px;}

.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:#0c469c;}






.zixun{float:right;margin-top:40px;}

.zixun a{background-color:#0c469c;text-align:center;padding:10px 20px;color:#fff;    border-radius: 30px; }

.zixun a:hover{background-color:#ff0000;color:#fff;}


.header{padding:0%; height:90px; }

.header .logo{display: flex;
    justify-content: center;
    align-items: center;margin-top:20px;}

.yuyuan .langu{margin-right:50px;margin-top:10px;}

.header .zyqh { margin-top:20px; margin-right:20px;}

.header .an{display:block;}

.header .nav ul { width: 100%;display: flex;
}

.header .nav{width:100%; padding:10% 5%;  height:100%; position:fixed; top:90px; 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: url(../images/nav.jpg)#0962c6 no-repeat top;}

.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{
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
    width: 23.5%!important;margin-right:2%;overflow: hidden;}
.header .nav ul li:nth-child(4){margin-right:auto}
.header .nav ul li a {}

.header .nav ul li:after { background: rgba(0,0,0,0);}

.nav .y_j{width:100%;border-bottom: solid 2px #227dd1;position: relative;padding-bottom:20px;font-size:18px;color:#fff;}
.nav .y_j a{color:#fff;}
.nav .y_j a:before{background: #fff;
    content: '';
    display: block;
    position: absolute;
    width: 10%;
    height: 2px;
    bottom:-1px;
    left: 0;}
.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;display:block!important;padding-top:30px;}

.header .nav .e_j dl{color:#fff;padding-bottom:15px;font-size:16px;}
.header .nav .e_j dl dt{padding-bottom:10px;}
.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:#fff; margin-left:0px; text-align: left;padding-bottom:10px;}

.header .nav ul li .e_j a:hover { color: #fff; }

.lang {margin-top: 20px;margin-right: 40px;}

.zixun{margin-right: 10%;margin-top: 20px}


@media only screen and (max-width:1360px){
.header .cd{left:6%;}
}







@media only screen and (max-width:995px){

.header .nav ul li{width:49%!important}
.header .nav ul li:nth-child(2n){margin-right:2%;}





}



@media only screen and (max-width:450px){


.header .nav ul{display:block}
.header .nav ul li{width:100%!important;margin-right:auto;margin-bottom:20px;}
.header .nav ul li .e_j a{width:49%;float:left;margin-right:2%;font-size:14px;}
.header .nav ul li .e_j a:nth-child(2n){margin-right:auto}	
.header .nav ul li:last-child dl{display:none}
.header .cd{display:none}
.ey_lang .first-level span em{display:none}
.ey_lang .first-level span{width:30px;}
.header{height:60px;}
.header .logo{margin-top:5px;}
.header .an{margin-top:20px;}

}

@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;}

}