@font-face {
    font-family: 'ChivoBold';
    src: url('../font/ChivoBold.eot');
    src:
    url('../font/ChivoBold.eot?#font-spider') format('embedded-opentype'),
    url('../font/ChivoBold.woff') format('woff'),
    url('../font/ChivoBold.ttf') format('truetype'),
    url('../font/ChivoBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ChivoReg';
    src: url('../font/ChivoReg.eot');
    src:
    url('../font/ChivoReg.eot?#font-spider') format('embedded-opentype'),
    url('../font/ChivoReg.woff') format('woff'),
    url('../font/ChivoReg.ttf') format('truetype'),
    url('../font/ChivoReg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ChivoLight';
    src: url('../font/ChivoLight.eot');
    src:
    url('../font/ChivoLight.eot?#font-spider') format('embedded-opentype'),
    url('../font/ChivoLight.woff') format('woff'),
    url('../font/ChivoLight.ttf') format('truetype'),
    url('../font/ChivoLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ChivoMed';
    src: url('../font/ChivoMed.eot');
    src:
    url('../font/ChivoMed.eot?#font-spider') format('embedded-opentype'),
    url('../font/ChivoMed.woff') format('woff'),
    url('../font/ChivoMed.ttf') format('truetype'),
    url('../font/ChivoMed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ChivoThin';
    src: url('../font/ChivoThin.eot');
    src:
    url('../font/ChivoThin.woff') format('woff'),
    url('../font/ChivoThin.ttf') format('truetype'),
    url('../font/ChivoThin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/* 初始化CSS */

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.w1200{width: 1200px;margin: 0 auto;}

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

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}

body{font-family: "Source Han Sans CN";}

.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.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; height: 36px; 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); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .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; }
.hidden_search .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); }
.hidden_search .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; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #19408c;}

.header .menuIcon{width: 30px;cursor: pointer;display: none;position: absolute;right: 5%;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header .menuIcon img{width: 100%;filter: brightness(0) invert(1);}

.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

.header{position: absolute;left: 0;top: 0;z-index: 8;width: 100%;box-sizing: border-box;padding-right: 100px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.header .wrap{padding: 0 34px 0 54px;font-size: 0;line-height: 119px;color: #fff;}
.header .logo img{max-width: 360px;max-height: 60px;filter: brightness(0) invert(1);}
.header .nav .nLi{padding: 0 24px;position: relative;}
.header .nav .nLi h3 a{display: block;font-size: 20px;font-weight: normal;}
.header .nav .nLi h3 a:hover,.header .nav .nLi.on h3 a{color: #003087 !important;}
.header .nav .nLi .navSub{position: absolute;width: 150px;left: 50%;margin-left: -75px;top:92px;background: #fff;text-align: center;display: none;}
.header .nav .nLi .navSub li{padding: 4px 0;}
.header .nav .nLi .navSub li a{display: block;font-size: 15px;color: #444;line-height: 28px;padding: 3px 0;position: relative;}
.header .nav .nLi .navSub li a:before{content: "";width: 3px;height: 100%;background: #f18101;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nav .nLi .navSub li a:hover{color: #f18101;}
.header .nav .nLi .navSub li a:hover:before{-webkit-transform: scale(1,1);transform: scale(1,1);}


.header.block{border-color: rgba(194,194,194,0.41);}
.header.block .logo img{filter: brightness(1) invert(0);}
.header.block .nav .nLi h3 a{color: #222222;}
.header.block .nav .nLi h3 a:hover{color: #003087;}
.header.block .menuIcon img{filter: brightness(1) invert(0);}

.w1370{width: 71%;max-width: 1370px;margin: 0 auto;}


.moreBtn{display: block;width: 162px;height: 47px;border-radius: 5px;overflow: hidden;position: relative;background: #ffae42;text-align: center;font-size: 0;line-height: 47px;color: #fff;}
.moreBtn span{display: inline-block;font-size: 14px;padding-right: 23px;background: url(../images/arrow2.png) no-repeat right center;position: relative;z-index: 2;}
.moreBtn:before{width: 238px;height: 238px;border-radius: 100%;background: #003087;content: '';
position: absolute;left: -20%;top: -80%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);}
.moreBtn:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.moreBtn{width: 136px;height: 39px;line-height: 39px;}

/* .w1370{max-width: 1320px;width: 80%;} */
.header{padding-right: 80px;}
.header.show{top:0;}
.header .wrap{line-height: 90px;}
.header .wrap .logo img{height: 58px;}
.header .nav .nLi{padding: 0 20px;}
.header .nav .nLi h3 a{font-size: 18px;}
.header .nav .nLi .navSub{top:91px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}

.header .nav .nLi h3 a{padding: 20px 0;}
.header .nav .nLi h3 a span{display: block;text-align: center;line-height: 25px;}
.header .nav .nLi h3 a .ch{}
.header .nav .nLi h3 a .en{text-transform: uppercase;opacity: 0.7;font-size: 15px;font-family: "Arial";font-size: 12px;}

@media screen and (max-width: 1600px){
.header .nav .nLi{padding: 0 14px;}	
}

@media screen and (max-width: 1480px){
.header{padding-right: 70px;}
.header .wrap{line-height: 84px;}
.header .wrap .logo img{height: 52px;}
.header .nav .nLi{padding: 0 16px;padding: 0 10px;}
.header .nav .nLi h3 a{font-size: 15px;}
.header .nav .nLi .navSub{top:85px;}



}
@media screen and (max-width: 1300px){
.header .nav .nLi{padding: 0 10px;}

.header .wrap .logo img{height: 40px;}

}

@media screen and (max-width: 1200px){
.homePage .header .nav .nLi{padding: 0 8px;}
.header .nav .nLi h3 a{padding: 30px 0;}
.header .nav .nLi h3 a .en{display: none;}	
}
@media screen and (max-width: 1100px){
.header{padding-right: 52px;}
.header .wrap{line-height: 62px;}
.header .wrap .logo img{height: 40px;}
.header .nav .nLi{padding: 0 4px;}
.header .nav .nLi .navSub{top:63px;}

}


@media screen and (max-width: 990px){
.header{padding: 0;}
.header .wrap{padding: 0 5%;}
.header .nav,.rFloat{display: none;}
.header .menuIcon{display: block;}
}

@media screen and (max-width: 760px){
.w1370,.outerSlider2 .w1370{width: 90%;}
.moreBtn{width: 110px;height: 34px;line-height: 34px;}

}

@media screen and (max-height: 700px){



}

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

}