@charset "utf-8";
@font-face {
    font-family: 'DINBold';
    src: url('../font/DINBold.eot');
    src:
    url('../font/DINBold.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINBold.woff') format('woff'),
    url('../font/DINBold.ttf') format('truetype'),
    url('../font/DINBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 鍒濆鍖朇SS */
html {font-size: 187.5% !important;  }
*{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 'PingFang SC', "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;scroll-behavior:smooth;}
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;}

/*瑙ｅ喅chrome娴忚鍣 input,textarea 鑾峰緱鐒︾偣鏃朵細鏈変竴涓竟妗嗙殑闂*/
input,textarea{outline: none;}
/*娓呴櫎ios绔 input,textarea 榛樿鍐呴槾褰 榛樿鍦嗚,radio鍜宑heckbox闇€瑕佽繕鍘熷€间负radio鍜宑heckbox*/
input[type="submit"],input[type="reset"],select,button,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*鑷畾涔 input,textarea 鐨刾laceholder鏂囧瓧鏍峰紡*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}

/*婊氬姩鏉?/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}

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

/*灏忓彿鏂囧瓧  scale浠?2鍙峰瓧浣撲负鍩哄噯 闇€鍐欏疄闄呭瓧鍙峰ぇ灏?/
.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: 5; -webkit-box-orient: vertical;}
.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


/*transition*/
.tran100{-webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;}
.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 img,
.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);}


*: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); }

/*鎼滅储寮圭獥鏍峰紡*/
.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: #E50011;}

.header .menuIcon{width: 24px;cursor: pointer;display: none;}
.header .menuIcon img{width: 100%;}
.menuIcon span{display: block;width: 100%;height: 2px;background: #fff;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menuIcon span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menuIcon span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}

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

.scrollStyle::-webkit-scrollbar{width: 4px;height: 4px;background: #EEEEEE;border-radius: 2px;}
.scrollStyle::-webkit-scrollbar-thumb{background: #CCCCCC;border-radius: 2px;}
.scrollStyle.white::-webkit-scrollbar{background: rgba(255, 255, 255, 0.1);}
.scrollStyle.white::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.4);}


.bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

/*鎸夐挳鑳屾櫙鍔ㄦ晥*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #006AB8;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #006AB8!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}


/*鎸夐挳鑳屾櫙鍔ㄦ晥*/
.ani-btn1{z-index: 1;position: relative;overflow: hidden;}
.ani-btn1:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%; background-image: linear-gradient(#A1D6F8, #008BE3);transform: translate(-50%,-50%) scale(0);}
.ani-btn1:hover,
.ani-btn1.active{border-color: #008BE3!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn1:hover:after,
.ani-btn1.active:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}

/*鎸夐挳鑳屾櫙鍔ㄦ晥2*/
.ani-btn2{z-index: 1;position: relative;overflow: hidden;}
.ani-btn2:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #CF1414;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn2:hover{background-color: rgba(255,255,255,0);border-color: #CF1414!important;color: #fff!important;transition: 0.5s ease-in;}
.ani-btn2:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.5s ease-in;}

/*鎸夐挳鑳屾櫙鍔ㄦ晥3*/
.ani-btn3{z-index: 0;position: relative;overflow: hidden;}
.ani-btn3:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,red,orange,yellow,orange,red,orange,yellow,orange,red);background-size: 200% 100%;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn3:hover{color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn3:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.6s ease-in;animation: bgAni 2s infinite linear;}
@keyframes bgAni{
0%{background-position: 0 0;}
}  

/*缃戦〉闄愬畾瀹藉害*/
.w1200{width: 1200px;margin: 0 auto;}
.w1440{width: 90%;margin: 0 auto;max-width: 1440px;}
.w1400{width: 90%;margin: 0 auto;max-width: 1400px;}



/*杈硅窛*/
.mrgBtm10{margin-bottom: 10px;}
.padding80{padding: 2.66rem 0;}
.margin80{margin: 2.66rem auto;}
.padding60{padding: 2rem 0;}
.padding50{padding: 1.66rem 0;}
.padding40{padding: 1.33rem 0;}
.padding30{padding: 1rem 0;}
.padding20{padding: 0.66rem 0;}
.mrgBtm30{margin-bottom: 1rem;}


/* 鍗曢〉榛樿鏍峰紡 */
.pageStyle{color: #222222;line-height: 0.93rem;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;max-width: 100% !important;}
.pageStyle ul,.pageStyle ul li{list-style: disc inside;}

/* flex甯冨眬 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexBetween{display: flex;justify-content: space-between;align-items: center;}

/* 瀛楀彿鍏敤 */
.fz12{font-size:0.4rem ;}
.fz14{font-size: 0.466rem;}
.fz16{font-size: 0.533rem;}
.fz18{font-size: 0.6rem;}
.fz20{font-size: 0.66rem;}
.fz22{font-size:0.733rem ;}
.fz24{font-size: 0.8rem;}
.fz26{font-size: 0.866rem;}
.fz28{font-size: 0.933rem;}
.fz30{font-size: 1rem;}
.fz32{font-size: 1.06rem;}
.fz34{font-size: 1.13rem;}
.fz36{font-size: 1.2rem;}
.fz38{font-size: 1.26rem;}
.fz39{font-size: 1.3rem;}
.fz40{font-size: 1.33rem;}
.fz42{font-size: 1.4rem;}
.fz44{font-size: 1.46rem;}
.fz45{font-size: 1.5rem;}
.fz48{font-size: 1.6rem;}
.fz50{font-size: 1.66rem;}
.fz56{font-size: 1.86rem;}
.fz180{font-size: 6rem;}
.fwb{font-weight:bold;}
.colff{color:#fff;}



@media screen and (max-width: 1480px){
html {font-size: 170% !important;}

.padding80{padding: 2rem 0;}
.margin80{margin: 2rem auto;}
}

@media screen and (max-width: 1280px){
.fz56{font-size:1.6rem;}
html {font-size: 160% !important;}
}


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

}

@media screen and (max-width: 760px){
.fz50{font-size: 1rem;}
.fz45{font-size: 0.9rem;}
.fz44{font-size: 0.9rem;}
.fz42{font-size: 0.9rem;}
.fz36{font-size: 0.9rem;}
.fz32{font-size: 0.76rem;}
.fz30{font-size: 0.75rem;}
.fz28{font-size: 0.7rem;}
.fz56{font-size: 1.2rem;}
.fz22{font-size: 0.6rem;}
.fz18{font-size: 0.56rem;}
}

@media screen and (max-width: 468px){
.fz56{font-size: 0.8rem;}

.padding80{padding: 1rem 0;}
.margin80{margin: 1rem auto;}

.cd-popup-container{padding: 40px 20px;width: 80%;}
}