@font-face {
    font-family: 'FuturaBk';
    //src: url('../font/FuturaBk.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  background: #fff;}

body {color: #333333;  background: #fff; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none;overflow-x: hidden; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a { color: #333333; text-decoration: none; outline: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a:hover{color: #1565d4;}

button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei'; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; }

input { outline: none; border-radius: 0; font-family: 'microsoft yahei'; }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

/*select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;}
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i, span, b { font-style: normal; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}

.w_1350{max-width: 1350px;margin: auto;width: 94%;}

/*transition*/
.fl{float: left;}
.fr{float: right;}
.m_header{display: none;padding-bottom: 5px;width: 100%;z-index: 2;top:0;}
.m_logo{margin-top: 6px;margin-bottom: 6px;float: left;}
.m_logo img{height: 41px;}
.menua{float: right;margin-top: 11px;}
.menua img{height: 30px;}

.logo{margin: 24px 0 27px;}
.logo img{height: 103px;}
.navWrap{ background: url(../images/header_bg.jpg) center top no-repeat;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;position: relative;z-index: 10;}
.navWrap .w_1350 > .fr{margin-top: 48px;}
.nav{width: 100%;background: #1565d4;position: relative;z-index: 9;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; -webkit-box-shadow: 0 2px 5px #777;box-shadow: 0 2px 5px #777;}
.nav ul{ -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }
.nav .nLi{position: relative;-webkit-transition: 0.5s; transition: 0.5s; width: calc( (100% - 50px ) / 9);}
.nav .nLi:first-child{margin-left: 0;width: 50px;}
.nav .nLi h3{position: relative;text-align: center;}
.nav .nLi h3 a{display: block;position: relative;z-index: 3;font-size: 20px;color: #fff;font-weight: bold;line-height: 63px;padding-bottom: 3px;}
.nav .nLi h3 a:after,.nav .nLi h3 a:before{width: 0;height: 2px;background: #fff;content: '';display: inline-block;position: absolute;bottom: 5px;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;}
.nav .nLi h3 a:after{left: 50%}
.nav .nLi h3 a:before{right: 50%}
.nav .nLi.on a,.nav .nLi:hover a{color: #fff;}
.nav .nLi.on h3 a:after,.nav .nLi.on h3 a:before,.nav .nLi.cur h3 a:after,.nav .nLi.cur h3 a:before{width: 50%;}
.nav .nLi .navSub{overflow: hidden;width: 230px;margin-left: -42px;position: absolute;left: 0;top:66px;background: #fff;display: none;padding:0 40px 28px;}
.nav .nLi .navSub ul li a{display: block;font-size: 16px;color: #555;line-height: 57px;border-top: 1px solid #eeeeee;}
.nav .nLi .navSub ul{overflow: hidden;width: 100%;float: none;}
.nav .nLi .navSub ul li a:hover{color: #0064b7;}
.nav .nLi .navSub ul li:first-child{padding-top: 10px;}
.nav .nLi .navSub ul li:first-child a{border-top: none;}
.nav .nLi .navSub ul li em{float: right;font-family: simsun;font-size: 12px;}
.nav .nLi .navSub ul li i{margin-right: 10px;background: url(../images/ico.png) 0 center no-repeat;display: inline-block;width: 7px;float: left;line-height: 57px;height: 57px;}
.nav .nLi .navSub ul li:hover i{background-position: -7px center;}
.nav .nLi .navSub ul li:hover em{color: #0064b7;}
.searbtn{-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;display: inline-block;position: relative;}
.searbtn .searchBtn{cursor: pointer;display: block; background:#fff url(../images/sear_ico.png) no-repeat center center;width: 37px;height: 37px;-webkit-border-radius: 100%;border-radius: 100%;border:1px solid #e7e7e7;-webkit-background-size: 18px;background-size: 18px;}
.head_btn{border:1px solid #e7e7e7;-webkit-border-radius: 25px;border-radius: 25px;background: #fff;padding: 0 19px;margin-right:10px}
.head_btn a,.head_btn span{cursor: pointer;display: inline-block;font-size: 14px;color: #4c4c4c;line-height: 38px;padding: 0 11px;position: relative;}
.head_btn a:after{width: 1px;height: 12px;background: #e7e7e7;display: inline-block;content: '';position: absolute;right: 0;top: 13px}
.head_btn span em{display: none;position: absolute;top: 38px;left:-10px;}
.head_btn span:hover em{display: block;}
.head_btn a:hover{color: #999;}
.Site_of{position: relative;margin: 0 6px;}
.Site_of span{display: inline-block;cursor: pointer;border:1px solid #e7e7e7;-webkit-border-radius: 25px;border-radius: 25px;background: #fff url(../images/ico1.png) 105px center no-repeat;font-size: 14px;color: #4c4c4c;line-height: 38px;padding: 0 60px 0 22px;}
.Site_of ul{position: absolute;width: 126px;left:0;top:40px;display: none;background: #fff;padding: 5px 0;font-size: 14px;line-height: 30px;text-indent: 25px;-webkit-border-radius: 10px;border-radius: 10px;}

.tophide{position: fixed;top: 0;left: 0;width: 100%;-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;}
.nav_box{height: 66px;background: #1565d4;}


.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: url(../images/h_50.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup-container1 { top: 10%; }
.close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.search_wrap{float: left;border:1px solid #ccc;width: 100%;-webkit-border-radius: 25px;border-radius: 25px;}
.sear_txt{float: left;width: 80%;height: 50px;font-size: 16px;line-height: 50px;font-family: 'microsoft yahei';border: none;background: none;color: #666;text-indent: 15px;}
.sear_btn{float: right;background: url('../images/sear_ico.png') center center no-repeat;-webkit-background-size: 20px;background-size: 20px;text-indent: 999px;overflow: hidden;width: 50px;height: 50px;border:none;cursor: pointer;}
.close_btn:after, .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.fixed{position: fixed;left: 0;bottom: 40%;z-index: 99;}
.fixed span{cursor: pointer;position: absolute;right:0;top: 0;z-index: 3;}
.fixed span img{width: 13px;}

.footer{background: #3a3f4b;padding: 40px 0 37px;}
.foot_swiper{width: 83.2%;overflow: hidden;position: relative;float: left;}
.foot_swiper a{display: block;background: #fff;text-align: center;font-size: 14px;color: #555;font-weight: bold;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.foot_swiper a img{height: 26px;margin-top: 12px;margin-right: 7px;}
.foot_swiper a:hover{color: #1565d3;}
.foot_link select{border:none;background: #fff;width: 16.3%;float: right;height: 50px;line-height: 50px;font-size: 14px;color: #333333;text-indent: 20px;}
.foot_two{color: #9a9ea7;font-size: 14px;line-height: 26px;margin-top: 40px;}
.foot_nav{float: left;padding-bottom: 20px;border-bottom: 1px solid #63666f;line-height: 30px;}
.foot_nav a{color: #fff;font-size: 16px;margin-left: 40px;}
.foot_nav a:first-child{margin-left: 0;}
.copyright{float: left;padding-top: 37px;}
.copyright a{color: #9a9ea7;}
.foot_ewm{margin-top: 35px;}
.foot_nav a:hover{color: #999;}
.copyright a:hover{color: #fff;}
.to_top{position: fixed;right: 10px;bottom: 148px;z-index: 10;}
.to_top a{display: block;background: #f4f4f4 url(../images/to_top.png) center center no-repeat;width: 60px;padding-top: 23px;line-height: 41px;font-size: 12px;color: #666;text-align: center;}
.to_top a:hover {background: #1565d3 url(../images/to_top2.png) center center no-repeat;color: #fff;}

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

.logo img{height: 90px;}
.nav .nLi h3 a{font-size: 17px;}
}

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

.logo img{height: 80px;}
}
@media screen and (max-width:1200px){
.nav,.navWrap,.foot_nav,.nav_box{display: none;}
.m_header{display: block;}
.foot_swiper a{font-size: 14px;}
.foot_ewm{margin-top: 0;}
.copyright{padding-top: 25px;}
}
@media screen and (max-width:991px){
.four_wap{margin-top: 10px;}
.foot_swiper{width: 78%;}
.foot_link select{width: 21.3%;}
.foot_ewm{width: 100%;text-align: center;}
.copyright{text-align: center;width: 100%;}
.foot_swiper a img{margin-right: 5px;}
}
@media screen and (max-width:768px){
.foot_swiper,.foot_link select{width: 49%;}
.foot_link select{text-indent: 5px;}
.foot_two{margin-top: 30px;}
}