@charset "utf-8";

*{padding: 0;margin: 0;list-style: none;text-decoration: none;border: none; outline: none;box-sizing: border-box;font-family: "微软雅黑";}
img{width: 100%;display: block;}
input,button,textarea{border: none; outline: none; background: none;}
.wid{width: 1280px;margin: 0 auto;}
.flex{display: flex;justify-content: center;align-items: center;;}
.flex-sc{display: flex;align-items: center;}
.flex-sb{display: flex;justify-content: space-between;align-items: center;}
.flex-sa{display: flex;justify-content: space-around;align-items: center;}
.width{width: 1760px;margin: 0 auto;}
svg{width: 34px;}
/* nav select color */
.current{background: #f6293e;}
/* p titles style css */
.titles{font-size: 36px;color: #647b8c;}
.titles span{display: block;text-transform: uppercase;color: #647b8c;font-size: 14px;font-weight: 300;}
/* btn template css */
.btn{width: 50px;height: 50px;border-radius: 50%;border: 2px solid #fff;font-size: 34px;color: #fff;font-weight: 300;transition: all .3s;}
.btn svg{fill: #fff;}
.btn:hover{background: #f6293e;border-color: #f6293e}
.pg_ban .swipe li a.btn1{display: flex;margin: 3% auto;}
.pg_ban .swipe li a.btn1 svg{height: 170px;}
sub{white-space: pre-line;}
.btn-color{border-color: #f6293e;}
.btn-color svg{fill: #f6293e;}


/* top nav css */
.top-nav{position: fixed;width: 100%;z-index: 666;}
.top-nav.active{background: #fff;}
.top-nav .nav-inner-box{border-bottom: 1px solid rgba(255,255,255,.4);padding: 1% 0;}
.top-nav .nav-inner-box .tb-logo{width: 150px;}
.top-nav .nav-inner-box .logo2,.top-nav.active .nav-inner-box .logo1{display: none;}
.top-nav.active .nav-inner-box .logo2{display: block;}
.top-nav .nav-inner-box .nav{width: 950px;}
.top-nav .nav-inner-box .nav>ul{width: 650px;}
.top-nav .nav-inner-box .nav>ul>li{padding: 10px;border-radius: 5px;transition: all .2s;}
.top-nav .nav-inner-box .nav>ul>li:hover{background: #f6293e;}
.top-nav .nav-inner-box .nav>ul>li>a>p,.top-nav .nav-inner-box .nav>ul>li>a>span{color: #fff;}
.top-nav.active .nav-inner-box .nav>ul>li>a>p,.top-nav.active .nav-inner-box .nav>ul>li>a>span{color: #000;}
.top-nav .nav-inner-box .nav>ul>li>a>p{margin-bottom: 2px;font-size: 18px;}
.top-nav .nav-inner-box .nav>ul>li>a>span{font-size: 12px;text-transform: uppercase;}
.top-nav .nav-inner-box .nav>ul>li:hover a>p,.top-nav .nav-inner-box .nav>ul>li:hover a>span{color: #fff;}
.top-nav .nav-inner-box .lxtel{color: #fff;padding: 1%;border-radius: 5px;background: #f6293e;width: 224px;cursor: pointer;}
.top-nav .nav-inner-box .lxtel a.m-ico,.top-nav .nav-inner-box .lxtel a.m-ico svg.ico-worng{display: none;}
.top-nav .nav-inner-box .lxtel svg{fill: #fff;}
.top-nav .nav-inner-box .lxtel hr{height: 1.5rem; margin: 0 10px;border: 1px solid #fff;}
.m-nav{display: none;}

/* banner css */
.banner-box{position: relative;}
.banner-box .swipe{margin-bottom: 0;}
.banner-box .swipe li,.banner-box .swipe li a{margin: 0;position: relative;overflow: hidden;}
.banner-box .swipe li img{max-width: 100%;display: block;}
.banner-box #pagenavi{position: absolute;bottom: 16px;left: 50%;transform: translate(-50%);}
.banner-box #pagenavi a{width: 70px;height: 10px;font-size: 0;margin: 0 10px;background: #fff;}
.banner-box #pagenavi a.active{background: #f6293e;}
.banner-box .swipe .banner-cont{width: 100%;position: absolute;left: 50%;transform: translate(-50%);top: 30%;z-index: 99;background: transparent;display: flex;flex-direction: column;justify-content: center;line-height: 2rem;color: #fff;}
.banner-box .swipe .banner-cont .tbsm{font-size: 24px;color: #a0c5e1; font-weight: bold;margin-bottom: .8%;}
.banner-box .swipe .banner-cont>h4{font-size: 48px;font-weight: bold;margin: 1% 0;}
.banner-box .swipe .banner-cont .main-cont{margin-top: 1%;font-size: 24px;font-weight: 300;}
.banner-box .swipe .banner-cont .main-cont span{display: block;}
.banner-box .swipe .banner-cont .btn{margin: 3% auto 0;}
.banner-box .swipe .banner-cont sub{font-size: 12px;font-weight: 300;margin-top: 3%;line-height: 1.3rem;}

.in-history{margin: 4% auto 0;text-align: center;}
.in-history .custom-hd{text-align: center;margin-bottom: 2%;}
.in-history .custom-hd .titles{margin-bottom: 1%;}
.in-history .custom-hd .titles span{margin-bottom: 0.5%;}
.in-history .his-item{background: url(../images/in-bg.jpg)no-repeat center center;background-size: cover;margin: 4% 0}
.in-history .his-item .his-list{width: 25%;align-self: normal;padding: 4%;flex-direction: column;color: #fff;text-transform: uppercase;}
.in-history .his-item .his-list span{font-size: 72px;font-weight: bold;display: flex;color: #fff;}
.in-history .his-item .his-list:nth-child(2n){background: rgba(0,0,0,.2);}
.in-history .his-item .his-list:nth-child(2n-1){background: #a0c5e1;}
.btn.btn-color{display: inline-flex;}
.btn-color:hover svg{fill: #fff;}

/* form taibai  */
.tb-main-cont{background: url(../images/in-bg-2.png)no-repeat top center;background-size: cover;}
.tb-main-cont .from-tb{align-items: flex-start;padding: 10% 0 8%}
.tb-main-cont .from-tb li.from-tb-left{width: 40%;margin-right: 4%}
.tb-main-cont .from-tb li.from-tb-left .titles{color: #242a3a;margin-bottom: 4%;}
.tb-main-cont .from-tb li.from-tb-left .titles span{color: #fff;}
.tb-main-cont .from-tb li.from-tb-left .from-cont{font-weight: 300;font-size: 14px;color: #242a3a;line-height: 1.4rem;margin-bottom: 8%;}
.tb-main-cont .from-tb li.from-tb-left .btn svg path{fill: #f6293e;}
/* .tb-main-cont .from-tb li.from-tb-right img{width: 130%;} */
.tb-main-cont .cs-in h4,.tb-main-cont .cs-in h4 span{text-align: center;color: #fff;}
.tb-main-cont .cs-in{overflow: auto;padding: 5% 0 2%}
.tb-main-cont .cs-in .cs-desc{text-align: center;margin: 2% 0;color: #fff;}
.tb-main-cont .cs-in .cs-pic{padding: 5% 0 10%}
.tb-main-cont .cs-in .cs-pic .cs-list a,.tb-main-cont .cs-in .cs-pic .cs-list:before{display: flex;clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);}
.tb-main-cont .cs-in .cs-pic>a{padding: 0 2%;}
.tb-main-cont .cs-in .cs-pic .cs-list{position: relative;}
.tb-main-cont .cs-in .cs-pic .cs-list:before{content:'';position: absolute;top: -10px;right: -10px;background: #a0c5e1;width: 100%;height: 100%;}
.tb-main-cont .cs-in .cs-pic .cs-list h5{position: absolute;margin-top: 8%;color: #fff;font-size: 22px;font-weight: bold;text-align: center;width: 100%;}
.tb-main-cont .cs-in .cs-pic .cs-list h5 span{font-size: 14px;font-weight: 300;display: block;margin-top: 2%;}
.tb-main-cont .cs-in .btn{margin: 5% auto;}


/* partner css */
.partner{width: 100%;background: #a0c5e1;padding: 1% 0}
.partner .titles{font-weight: bold;}
.partner .partner-item li{margin: 0 2%;}
.partner .partner-item li img{display: block;padding: 5%;}

/* footer css */
.in-fot{background: #242a3a;padding: 4%;}
.in-fot .foter-cont {text-align: center;}
.in-fot .foter-cont .fot-logo{width: 120px;display: flex;margin: 1% auto 2%;}
.in-fot .foter-cont .info-in{color: #fff;margin: 8px 0;}
.in-fot .foter-cont .fot-nav{margin: 2% 0;}
.in-fot .foter-cont .fot-nav a{color: #fff;} 
.in-fot .foter-cont .fot-nav hr{height: 12px;border-left: 2px solid #fff;margin: 0 10px}
.copyright{width: 100%;text-align: center;padding: 1% 0;}
.copyright p{font-size: 12px;color: #647b8c;margin: 6px 0;}


/* news css */
.dynamic{width: 100%;position: relative;overflow: hidden;}
.dynamic .dyn-title{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.np{font-weight: bold;color: #242a3a;text-align: center;}
.np span{color: #000;margin-bottom: 2%;font-weight: 300;}
.news-items{flex-wrap: wrap;justify-content: unset;align-items: flex-start;margin-bottom: 2%;}
.news-items .nlist{width: 31%;margin-bottom: 4%;}
.news-items .nlist:not(:nth-child(3n)){margin-right: calc(7% / 2);}
.news-items .nlist h4,.news-det .nd-hd h4{margin-bottom: 6px;}
.news-items .nlist h4 a,.news-det .nd-hd h4 a{font-size: 24px;font-weight: bold;color: #242a3a;}
.news-items .nlist:hover h4 a{color: #a0c5e1;}
.news-items .nlist .ntime,.news-det .nd-hd .ntime{font-weight: 300;font-size: 14px;color: #c7dced;}
.news-items .nlist .ncont{margin: 5% 0 8%;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.news-items .nlist .btn{border-color: #f6293e;}
.news-items .nlist .btn svg{fill: #f6293e;}
.news-items .nlist .btn:hover svg{fill: #fff;}

/* news detail css */
.news-det{margin-bottom: 4%;}
.news-det .nd-hd{text-align: center;margin-bottom: 1.5%;}
.news-det .nd-cont{padding: 3% 0 5%;border-top: 1px dashed #242a3a;border-bottom: 1px dashed #242a3a;}
.news-det .nd-cont p{font-size: 14px;margin-bottom: 2%;}
.news-det .nd-cont img{padding-top: 3%;width: 70%;display: flex;margin: 0 auto;}

/* contact css */
.contact-info{width: 100%;padding: 4% 0 5%; background: #a0c5e1;position: relative;}
.contact-info .info-item{align-items: flex-start;}
.contact-info .info-item .info-list{width: 46%;}
.contact-info .info-item span{font-size: 14px;color: #fff;}
.contact-info .info-item .info-list h5{color: #fff;margin-bottom: 5%;}
.contact-info .info-item .info-list .info-cont{flex-wrap: wrap;align-items: flex-start;}
.contact-info .info-item .info-list .info-cont li{width: 50%;color: #fff;margin-bottom: 10px;}
.contact-info .info-item .info-list .info-cont li p,.contact-info .info-item .info-list .info-cont li p.tel span{font-size: 24px;font-weight: bold;margin-top: 2%;}
.contact-info .info-item .info-list .info-cont li p.tel span{display: block;}
.contact-info .info-item hr{border-left: 1px solid #fff;height: 200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.contact-info .info-item .info-list .codes{justify-content: flex-start;}
.contact-info .info-item .info-list .codes .code-att{margin-right: 8%;}
.contact-info .info-item .info-list .codes a{text-align: center;}
.contact-info .info-item .info-list .codes a img{margin-bottom: 3%;}
.contact-map{margin: 3% auto 5%;}
.contact-map .titles{margin-bottom: 2rem;}
.contact-map .titles span{margin-bottom: 0.3%;}

/* about css */
.pg_ban .swipe .banner-list .about-pre .main-cont,.pg_ban .swipe .banner-list .about-pre sub{white-space: pre-line;text-align: center;}
.about,.pg_ban{background: #c5dced;}
.about{margin-top: -1px;}
.about .about-item{overflow: auto;}
.about .titles{color: #242a3a;text-align: center;padding: 2% 0;}
.about .about-list{position: relative;margin-bottom: 5%;overflow: hidden;}
.about .about-list .about-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: left;padding: 6% 5%;}
.about .about-list .about-cont h6{color: #fff;text-align: left;}
.about .about-list .about-cont .cont-cont{line-height: 1.5rem;margin-bottom: 3%;}
.about .about-list .about-cont h6,.about .about-list .about-cont .cont-cont{white-space: pre-line;}
.a-history{width: 100%;background: url(../images/about-3.jpg)no-repeat center center;background-size: cover;}
.a-history .ah-ib{padding: 3%;color: #fff;}
.a-history .ah-ib h6{color: #fff;margin-bottom: 3%;}
.a-history .ah-ib .ah-item .ah-list{width: 48%;}
.a-history .ah-ib .ah-item .ah-list p{margin-bottom: 2.5%;font-weight: bold;}
.a-history .ah-ib .ah-item .ah-list span{display: block;font-weight: 300;margin-top: 1%;}
.ac .dyn-title{flex-direction: column;}
.ac .titles{white-space: pre-line;color: #242a3a;}
.btn2{margin: 2% auto;background: #f6293e;border-radius: 5px;color: #fff;font-weight: bold;width: 140px;height: 40px;}

/* pro line css */
.line-title{margin: 2% auto 4%;text-align: center;}
.line-title .titles span{margin-bottom: 1%;color: #a0c5e1;}
.line-title img{margin: 3% auto;width: 80%;}
.lin-pic{flex-wrap: wrap;justify-content: unset;align-items: flex-start;margin-bottom: 3%;}
.lin-pic a{display: flex;width: 24%;}
.lin-pic a:not(:nth-child(4n)){margin: 0 calc(4% / 3) calc(4% / 3) 0;}

/* pro css */
.pro,.pro-fture{background: #4e6e8d;}
.pro-fture{margin-top: -2px;}
.pro-fture .pi-fture{text-align: center;overflow: auto;padding-bottom: 2%;}
.pro-fture .pi-fture .titles{padding: 2% 0;}
.pro-fture .pi-fture .titles,.pro-fture .pi-fture .titles span,.pro-fture .pi-fture sub{color: #fff;}
.pro-fture .pi-fture .titles span{margin-bottom: 1%;}
.pro-fture .pi-fture .fture-pic{margin: 5% 0;justify-content: unset;align-items: flex-start;}
.pro-fture .pi-fture .fture-pic>li:nth-child(1){background: url(../images/product-1.jpg)no-repeat center center;background-size: cover;}
.pro-fture .pi-fture .fture-pic>li:nth-child(2){background: url(../images/product-2.jpg)no-repeat center center;background-size: cover;}
.pro-fture .pi-fture .fture-pic>li:nth-child(3){background: url(../images/product-3.jpg)no-repeat center center;background-size: cover;}
.pro-fture .pi-fture .fture-pic>li:nth-child(4){background: url(../images/product-4.jpg)no-repeat center center;background-size: cover;}
.pro-fture .pi-fture .fture-pic>li{width: 24%;padding: 3% 2%;color: #fff;align-items: flex-start;flex-direction: column;justify-content: flex-start;align-self: normal;font-size: 18px;font-weight: bold;}
.pro-fture .pi-fture .fture-pic>li:not(:nth-child(4n)){margin-right: calc(4% / 3);}
.pro-fture .pi-fture .fture-pic>li span{display: block;text-align: left;font-weight: 300;font-size: 14px;margin-top: 3%;}
.adv{background: #a0c5e1;padding: 4% 0;}
.adv .adv-pi{align-items: flex-start;}
.adv .adv-pi .adv-list{width: 48%;}
.adv .adv-pi .left-pic a{display: flex;width: 30%;clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);}
.adv .adv-pi .right-cont h6{text-align: left;margin-bottom: 2%;}
.adv .adv-pi .right-cont h6 span{margin-bottom: 1%;}
.adv .adv-pi .right-cont .adv-cont{font-size: 18px;font-weight: bold;color: #242a3a;padding: 2% 0;border-bottom: 1px dashed #242a3a;}
.adv .adv-pi .right-cont .adv-cont span{display: block;font-size: 14px;font-weight: 300;margin: 1% 0;line-height: 1.4rem;}
.custom{padding: 4% 0;text-align: center;}
.custom .custom-hd{text-align: center;}
.custom .custom-hd .titles{margin-bottom: 1%;}
.custom .custom-hd .titles span{margin-bottom: 1%;color: #a0c5e1;}


.custon-item{justify-content: unset;align-items: flex-start;margin: 3% auto;flex-wrap: wrap;}
.custon-item .cst-list{align-self: normal;width: 23%;margin-bottom: 40px;}
.custon-item .cst-list:not(:nth-child(4n)){margin-right: calc(7% / 3);}
.custon-item .cst-lis.slide:not(:nth-child(4n)){margin-right: calc(7% / 3)}
.custon-item .cst-list a{display: block;transition: all .3s;}
.custon-item .cst-list:hover>a{box-shadow: 0 0 16px rgba(0,0,0,.15);}
.custon-item .cst-list h5{background: #a0c5e1;text-align: center;padding: 4% 0}
.custon-item .cst-list h5>a{color: #fff;font-size: 18px;font-weight: bold;}
.custon-item .cst-list .custon-desc,.custom .float-window{display: none;}
.float-window.active{display: flex;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.6);z-index: 667;justify-content: center;align-items: center;}
.float-window.active .float-in{width: 350px;height: 460px;background: #fff;}
.float-window.active .float-in .close{width: 100%;justify-content: flex-end;font-size: 14px;font-weight: bold;background: #f0f0f0;height:6.5%;cursor: pointer;}
.float-window.active .float-in .close svg{width: 20px;margin-left: 4px;}
.float-window.active .float-in .close svg path{fill: #242a3a;}
.float-window.active .float-in .custom-info{overflow: auto;padding: 6% 8%;overflow: auto;height: 93.5%;}
.float-window.active .float-in .custom-info a{display: flex;border: 1px solid #dcdcdc;}
.float-window.active .float-in .custom-info h6{background: #a0c5e1;text-align: center;line-height: 3rem;color: #fff;font-size: 18px;font-weight: bold;}
.float-window.active .float-in .custom-info p{font-size: 14px;font-weight: 300;text-align: left;margin-top: 6%;}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.custom-info::-webkit-scrollbar{width: 4px;height: 4px;background-color: #f2f2f2;}
/*定义滚动条的轨道，内阴影及圆角*/
.custom-info::-webkit-scrollbar-track{border-radius: 10px;background-color: #f2f2f2;}
/*定义滑块，内阴影及圆角*/
.custom-info::-webkit-scrollbar-thumb{/*width: 10px;*/height: 10px;border-radius: 10px;background-color: #999;}

.custom .bx-wrapper{margin-bottom: 0;}
.custom .bx-wrapper .bx-viewport{left: 0;border: 0;box-shadow: none;height: auto!important;}
.custom .bx-wrapper .bx-pager,.pro-item-box  .bx-wrapper .bx-controls-auto{bottom: 25px}
.custom .bx-wrapper .bx-pager.bx-default-pager a{width: 10px;height: 10px;border-radius: 50%;border: 1px solid #d0d0d0;background: none;}
.custom .bx-wrapper .bx-pager.bx-default-pager a.active{background: #d0d0d0;}
/* .custon-item .cst-list.inlb.slide{margin-bottom: 1.5%;} */