@charset "utf-8";

@font-face {

    font-family: 'Poppins-Regular';

    src: url('../font/Poppins-Regular.eot');

    src:

    url('../font/Poppins-Regular.eot?#font-spider') format('embedded-opentype'),

    url('../font/Poppins-Regular.woff') format('woff'),

    url('../font/Poppins-Regular.ttf') format('truetype'),

    url('../font/Poppins-Regular.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

  font-family: 'Poppins-SemiBold';

  src: url('../font/Poppins-SemiBold.eot');

  src:

  url('../font/Poppins-SemiBold.eot?#font-spider') format('embedded-opentype'),

  url('../font/Poppins-SemiBold.woff') format('woff'),

  url('../font/Poppins-SemiBold.ttf') format('truetype'),

  url('../font/Poppins-SemiBold.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



/* 初始化CSS */

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: "PingFang SC", "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: "PingFang SC", "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}

body{font:12px "PingFang SC", "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;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和checkbox需要还原值为radio和checkbox*/

input[type="text"], input[type="submit"],input[type="reset"],select,button,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}

/*自定义 input,textarea 的placeholder文字样式*/

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

.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.TXTovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -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 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: #19408c;}



.menuIcon{width: 22px;cursor: pointer;display: none;margin-left: 0.8rem;}

.menuIcon span{display: block;width: 100%;height: 2px;background: #87BF77;border-radius: 2px;animation: navBtn 2s infinite ease;}

.menuIcon span:nth-child(2){margin: 4px 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;}



*::-webkit-scrollbar{width: 5px;height: 4px;background: #eee;border-radius: 2px;}

*::-webkit-scrollbar-thumb{background: #bbb;border-radius: 2px;}



/* 背景图 */

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

.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}

.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}





/*按钮背景动效*/

.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: #87BF77;transform: translate(-50%,-50%) scale(0);}

.ani-btn:hover,

a:hover .ani-btn{border-color: #87BF77!important;color: #fff!important;transition: 0.5s ease-in-out;}

.ani-btn:hover:after,

a:hover .ani-btn::after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}

.ani-btn:hover img,

a:hover .ani-btn img{filter: brightness(0) invert(1) !important;}



/*按钮背景动效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;}

}  



/*边距*/

.mrgBtm10{margin-bottom: 10px;}

.padding100{padding: 3.33rem 0;}

.padding80{padding: 2.66rem 0;}
.padding70{padding:2.33rem 0}
.padding60{padding: 2rem 0;}

.padding50{padding: 1.66rem 0;}

.padding40{padding: 1.33rem 0;}

.padding30{padding: 1rem 0;}

.padding20{padding: 0.66rem 0;}

.marginBtm73{margin-bottom: 2.43rem;}

.marginBtm50{margin-bottom: 1.67rem;}



/*网页限定宽度*/

.w1200{width: 1200px;margin: 0 auto;}

.w1680{width: 90%;margin: 0 auto;max-width: 1680px;}

.w1400{width: 90%;margin: 0 auto;max-width: 1400px;}



/* 单页默认样式 */

.pageStyle{color: #636162;line-height: 2;}

.pageStyle *{max-width: 100% !important;}

.pageStyle img{height: auto !important;max-width: 100% !important;}

.pageStyle ul,.pageStyle ul li{list-style: disc inside;}

.pageStyle p{margin-bottom: 10px;}

.pageStyle p:last-child{margin-bottom: 0;}



/* flex布局 */

.disflex{display: flex;}

.flexCenter{display: flex;justify-content: center;align-items: center;}

.flexBetween{display: flex;justify-content: space-between;align-items: center;}

.flexBetweenTop{display: flex;justify-content: space-between;align-items: flex-start;}

.flexAlignCenter{display: flex;align-items: center;}



/* 字号公用 */

.fz12{font-size:0.4rem ;}

.fz14{font-size: 0.466rem;}

.fz16{font-size: 0.533rem;}

.fz18{font-size: 0.6rem;}

.fz19{font-size: 0.63rem;}

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

.fz44{font-size: 1.46rem;}

.fz45{font-size: 1.5rem;}

.fz46{font-size: 1.53rem;}

.fz48{font-size: 1.6rem;}

.fz50{font-size: 1.66rem;}

.fz58{font-size: 1.93rem;}

.fz180{font-size: 6rem;}



/* 定位 */

.poRe{position: relative;}

.poHidden{position: relative;overflow: hidden;}



/*黑色遮罩层*/

.black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.6);}

.black-layer-header{z-index: 3;}

/*弹窗-视频*/

.popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);}

.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;display: inline-flex;justify-content: center;align-items: center;width: 40px;height: 40px;background-color: #0F5ADE;font-size: 40px;color: #fff;cursor: pointer;}

.popup-video video{display: block;width: 100%;max-height: 600px;object-fit: contain;}



/* boxsizing */

.boxSizing{box-sizing: border-box;}



/* 字体 */

.pFont{font-family: "Poppins-Regular'";}



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

  html {font-size: 175% !important;}

}

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

html {font-size: 164% !important;}



.padding100{padding: 2.8rem 0;}

.marginBtm60{margin-bottom: 1.8rem;}

}



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

html {font-size: 140% !important;}

}





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



}



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

html {font-size: 160% !important;}



.fz58{font-size: 1.5rem;}

.fz46{font-size: 1rem;}

.fz40{font-size: 0.92rem;}

.fz38{font-size: 0.9rem;}

.fz36{font-size: 0.88rem;}

.fz32{font-size: 0.86rem;}

.fz30{font-size: 0.75rem;}

.fz24{font-size: 0.7rem;}

.fz22{font-size: 0.64rem;}

.fz20{font-size: 0.6rem;}





.padding100{padding: 2rem 0;}

.padding80{padding: 1.6rem 0;}

.marginBtm60{margin-bottom: 1rem;}

.marginBtm73{margin-bottom: 1rem;}

.marginBtm50{margin-bottom: 1rem;}

}



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

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

}