@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body,html{color:#000; font-size:14px; font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;min-width:1300px}
.topb ul,.topb ul li,.topb dl,.topb dd,.topc ul,.topc li,.fota ul,.fota li{ list-style:none;} 
.m-top a,.fos a,.y-kefu-box01 a,.top a{ color:#333; text-decoration:none;}


img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:14px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b,textarea,input{ font-family:Arial,'微软雅黑';}
.w1200{max-width:1320px;margin:auto;width:96%;}
.top,.topb ul,.topb ul>li p,.topc p,.topfa,.topd p,.proMain,.abouta,.yiy ul,.fooab,.fooabb,.fooabbb,.fooabba,.i-bana .div,.i-app ul li,.i-app .i-apwd dl,.i-aps,.topo,.you,.topc ul,.fot,.fota ul,.fotbb p,.div2,.seh ul,.aboss ul,.view-page,.cstt ul .csb dd,.i-apsab p,.i-apsab,.i-abst ul,.i-pos ul,.i-pot,.i-poba ul,.i-pobb li,.i-cos,.i-cxs,.i-pota,.i-potc{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

/*top*/
#top{position:fixed;top: 0;left:0;z-index:999;width:100%;}
.top{padding:0 5%;justify-content: space-between;align-items: center;min-width:1320px;}
.topa{width:15%;}
.topa h1{margin-bottom:10px;}
.topa img{max-width:100%;}
.topa .lo1{display:none;}
.topo{justify-content: space-between;align-items: center;width: 75%;}
.topb{position:relative;width:calc(100% - 180px);}
.topb ul{justify-content: space-between;}
.topb .jjs{position:absolute;bottom:0px;height:5px;background:#fff;content: '';transition:.35s;display:none; transform: scale(0)}

.topb ul>li{position:relative;font-size:1.2rem;width: 16%;}
.topb ul>li p{line-height:98px;align-items: center;justify-content: center;}
.topb ul>li i{display:none;align-items: center;margin-left:5px;width:13px;height:7px;background:url("../images/a1-.png") center no-repeat;}
.topb ul>li .dl{position:absolute;top:100%;;left:0;width:180px;z-index:999;display:none;padding-top:5px;}
.topb ul>li dl{background:rgb(255 255 255 / 85%);border-radius: 5px;box-sizing:border-box;border:1px solid #2a67af;}
.topb ul>li dl:after{width:100%;content:'';height:5px;z-index:1;position:absolute;top:-5px;left:0;}
.topb ul>li p a{display:block; transition:all 0.3s;color:#fff;white-space: nowrap;}
.topb ul>li dd{position:relative;font-size: 16px;}
.topb ul>li dd a{box-sizing:border-box;padding:12px 10px 12px 20px;display:block;color:#000;position:relative;}
.topb ul>li dd a:after{border-top:8px solid #2a67af;border-left:8px solid transparent;content: '';position:absolute;top:50%;right: 15px;transform:rotate(45deg) translateY(-50%);display:none;}
.topb ul>li dd a.po:after{display:block;}
.topb ul>li ol{position:absolute;top:0;left:100%;background:rgb(255 255 255 / 85%);;width:100%;display:none;border-radius: 5px;}
.topb ul>li dd:hover>a{background: #2a67af;color:#fff;}
.topb ul>li li:hover a{background: #2a67af;color:#fff;}
.topb ul>li dd:hover ol{display:block;}

.topc{text-align:center;position:relative;}
.topc ul{}
.topc li{width:36px;line-height:36px;text-align:center;background:#fff;border-radius: 50%;margin-left:10px;font-weight: bold;font-size:1rem;}
.topc li.tpc a{color:#fff;}
.topd{width:36px;text-align:center;margin-left:45px}
.topd p{width:36px;text-align: center;background:#fff;border-radius: 50%;height:36px;box-sizing: border-box;padding:9px;}
.topd p img{width:100%;}
.im2{display:none;}


.topf{width:100%;z-index:999;background:#fff;padding:30px 0;display:none;position:absolute;top:100%;left:0;}
.topfa{max-width:900px;align-items: center;margin:auto;}
.topfa .tfa{width:95px;background:url("../images/a2.png") center no-repeat;border:none;padding:10px 0; cursor: pointer;}
.topfa .tfb{width:calc(100% - 95px);border:none;border-bottom:1px solid #999;line-height:42px;}

.toss{background: #fff;box-shadow:  0 0 10px #ccc;}
.toss .topb ul>li p a{color:#000;}
.toss .topb ul>li i{background: url("../images/a1.png") center no-repeat;}
.toss .topd p{background:#2a67af;}
.toss .topa .lo1{display:block;}
.toss .topa .lo2{display:none;}
.toss .topc li{background:#e7e7e7;}
.topc li.tpc{background:#2a67af;}
.toss .im1{display:none;}
.toss .im2{display: block;}
.toxx{position:fixed;top:0;left: 0;right:0;bottom:0;background:transparent;z-index: -1;display: none;}
.toss .topb ul>li:hover p a{color:#2a67af;}

/*内页头部*/
.m-top{background: #fff;box-shadow:  0 0 10px #ccc;}
.m-top .topb ul>li p a{color:#000;}
.m-top .topb ul>li i{background: url("../images/a1.png") center no-repeat;}
.m-top .topd p{background:#2a67af;}
.m-top .topa .lo1{display:block;}
.m-top .topa .lo2{display:none;}
.m-top .topc li{background:#e7e7e7;}
.m-top li.tpc{background:#2a67af;}
.m-top .im1{display:none;}
.m-top .im2{display: block;}
.m-top .topb ul>li:hover p a{color:#2a67af;}


/*大图 #0081c2*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;position:relative;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul{}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}
.div img{width: 100%;}
.div2{position:absolute;top:0;left:0;align-items: flex-end;justify-content: center;z-index:2;width:100%;height: 100%;color:#fff;text-align:center;text-shadow: 0 0 2px #333;}
.div2>div{margin-bottom:5rem;}
.div2 h4{font-size:3.5rem;font-weight: bold;margin-bottom:1rem;opacity: 0;}
.div2 p{font-size: 2rem;opacity: 0;margin-bottom:20px;}
.div2 a{font-size: 1.3rem;opacity: 0;color:#fff;display:inline-block;border:1px solid #ccc;padding:10px 30px;}
.div2 a:hover{background:rgb(25, 60, 127);color:#fff;}

.swiper-slide-active h4{animation: as 1s;animation-fill-mode: forwards;}
.swiper-slide-active p{animation: at 2s;animation-fill-mode: forwards;animation-delay: 0.5s;}
.swiper-slide-active a{animation: aj 2s;animation-fill-mode: forwards;animation-delay: 1s;}
@keyframes as{
0%{transform: translateY(-30px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;}
}
@keyframes at{
0%{transform: translateY(-30px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;}
}
@keyframes aj{
0%{transform: translateY(-30px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;}
}

/*标题**/
.layout{max-width:1320px;width:96%;margin:55px auto 40px;}
.hTitle{font-size:34px;color:#191919;line-height:36px; text-align: center;}
.hTitle h2{border-bottom: 1px solid #000; }
.hTitle span{font-weight: bold; background: #fff; padding: 0 80px; display: inline-block; position: relative; top: 12px; text-indent: 8px;font-size: 36px;}
.hTitle p{text-align: center; font-size: 18px; color: #757575; text-transform: uppercase; margin-top:20px;}
.hTitle.bei p{color:#fff;}
.hTitle.bei span{color:#fff;}


/**/
.proMain{padding:0px;flex-wrap: wrap;margin-right:-3%;}
.proMain li{width:30.333333%;transition:all .4s;position:relative;z-index:2;box-sizing: border-box;padding:20px 40px 30px;background:#eff2f7;margin:0 3% 40px 0;}
.proMain li a{display:block;overflow:hidden;}
.proMain li img{width:100%;transition:all .5s;}
.proMain li h3{left:30px;top:30px;font-size:1.7rem;color:#333;transition:all .4s;line-height: 34px;}
.proMain li h3 i{display:inline-block;width:21px;height:21px;background:url("../images/arr_pro.png") -21px center no-repeat;margin-left:5px;transition: all 0.3s;}
.proMain li h3 span{display:block;opacity:.5;font-size:12px;font-family:Arial;margin-bottom:20px;;}
.proMain li div{width:100%;margin:2rem auto 0;}
.proMain li:hover{box-shadow:0 6px 16px 2px rgb(191 191 191);transform: translateY(-4px);background:#e8b921;}
.proMain li:hover img{transform: translateY(-10px) scale(1.1)}
.proMain li:hover h3 i{background:url("../images/arr_pro.png") 0px center no-repeat;}
.proMain li:hover h3{color:#fff;}


/*关于我们*/
.about{background:#f7f7f7;margin-top:60px;padding:70px 0;}
.abouta{max-width:1320px;margin:auto;justify-content: space-between;align-items: center;}
.aboutaa{width:47%;}
.aboutaa img{width:100%;}
.aboutab{width:47%;}
.aboutaba{color:#191919;background: url("../images/we_line.gif") bottom no-repeat;background-size:100% auto;padding-bottom:20px;margin-bottom: 20px;}
.aboutaba h4{font-size:28px;}
.aboutaba h5{font-size: 32px;font-weight: bold;}
.aboutac{line-height:28px;font-size:15px;color:#444;}
.aboutad{margin-top:20px;}
.aboutad a{width:150px;background:#727272;color:#fff;font-size: 0;display: block;text-align: center;padding:10px 0;}
.aboutad span{display:inline-block;vertical-align: middle;font-size:15px;margin-right:20px;}
.aboutad img{display:inline-block;vertical-align: middle;}
.aboutad a:hover{background:#2a67af;color:#fff;}

/*2*/
.abouts{padding:30px 0 10px; overflow:hidden; margin:60px auto 0;background:#f7f7f7;background-size:100% 100%;}
.abouts .hTitle span{font-weight: bold;background:none;top:0;}
.abouts .hTitle h2{border:0;position:relative;}
.abouts .hTitle h2:after{content:'';width:508px;height:1px;background:#000;position:absolute;top:49.5%;left:0;}
.abouts .hTitle h2:before{content:'';width:508px;height:1px;background:#000;position:absolute;top:49.5%;right:0;}
.aboutL{width:100%; color: #444; margin:55px auto 0 auto;}
.aboutL .tie{margin:30px 0 50px 0;font-size:27px;color:#e8b920;}
.aboutL .txt{font-size: 16px;line-height: 36px;}
.aboutL .txt p{text-indent: 2em;}
.aboutL .more{display:block; line-height: 42px; margin:80px auto 60px;color: #fff;font-size: 15px;}
.aboutL .more a{    display: block;width: 124px;height: 42px;background: #727272 url(../images/arr_about.png) no-repeat right center;line-height: 42px;padding-left: 15px;margin: 20px auto;color: #fff;font-size: 15px;}
.aboutL .more a:Hover{color:#fff;background: #2a67af url(../images/arr_about.png) no-repeat right center;}
.aboss{}
.aboss ul{justify-content: space-between;margin-right:-2%;}
.aboss li{width:30%;border-radius: 10px;text-align: center;box-sizing:border-box;padding:0 1rem 2rem 1rem;margin-right:2%;}
.aboss li h4{color:#fff;font-weight: bold;font-size:1.3rem;padding:1.7rem 0;}
.aboss li p{line-height:47px;background: #fff;border-radius: 10px;color:#333;margin-bottom:1rem; font-weight: bold;}
.aboss li a{color:#333;display:block;}
.aboss li:nth-child(1){background: #282d3f;}
.aboss li:nth-child(2){background: #8d919a;}
.aboss li:nth-child(3){background: #055c99;}
.aboss li:nth-child(4){background: #0d9079;}
.aboss li:nth-child(5){background: #6a75a0;}


/*应用*/
.you{justify-content: space-between;}
.youa{width:50%;position: relative;overflow: hidden;}
.youa img{width:100%;transition: all 0.4s;}
.youa:after{position:absolute;top:0;left:0;width: 100%;height:100%;background:rgb(0 0 0 / 10%);z-index:1;content: '';transition: all 0.4s;}
.youaa{box-sizing:border-box;width: calc(100% - 1px);}
.youab{position:absolute;top:0px;left:0;box-sizing:border-box;z-index: 3;color:#fff;font-size:1.2rem;width:100%;height:100%;background:rgb(42 103 175 / 55%);opacity: 0;transition: all 0.2s;}
.youab p{display: flex;align-items: center;justify-content: center;    height: 100%;font-size: 2.2rem;}
.youa:hover img{transform: scale(1.05);}
.youa:hover .youab {opacity: 1;}
.youa:hover:after{background:rgb(0 0 0 / 0%);}
.yiy{width:50%;}
.yiy ul{justify-content: space-between;flex-wrap:wrap;}
.yiy ul li{position:relative;overflow:hidden;transition:all 0.3s;width:calc(50% - 1px);box-sizing:border-box;margin:0 0 1px 1px;}
.yiy ul li img{width:100%;transition: all 0.4s;}
.yiy ul .yia{position:relative;}
.yiy ul .yib{position:absolute;top:0px;left:0;box-sizing:border-box;font-size:2rem;color:#fff;z-index:2;background:rgb(42 103 175 / 55%);opacity: 0;transition: all 0.2s;width:100%;height:100%;}
.yiy ul .yib p{display: flex;align-items: center;justify-content: center;    height: 100%;}
.yiy ul .yia:after{content:'';width:100%;height:100%;z-index:1;position:absolute;top:0;left:0;background:rgb(0 0 0 / 10%);transition: all 0.4s;}
.yiy ul li:hover .yia:after{background:rgb(0 0 0 / 0%);}
.yiy ul li:hover img{transform: scale(1.05);}
.yiy ul li:hover .yib{opacity:1;}

/*解决方案*/
.apss{background:#f7f7f7;padding:20px 0 80px;/*margin-top:80px*/;background-size:100% 100%;}
.apss .hTitle span{font-weight: bold;background:none;top:0;}
.apss .hTitle h2{border:0;position:relative;}
.apss .hTitle h2:after{content:'';width:508px;height:1px;background:#000;position:absolute;top:49.5%;left:0;}
.apss .hTitle h2:before{content:'';width:508px;height:1px;background:#000;position:absolute;top:49.5%;right:0;}
.aplle{margin:0 auto 100px;}
.aplle ul .owl-item{box-sizing:border-box;padding:10px;}
.aplle li{box-sizing:border-box;background:#fff;transition: all 0.3s;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);border-radius: 10px;overflow:hidden;}
.aplle li .apimg{overflow:hidden;}
.aplle li .apimg img{width:100%;transition:all 0.3s;}
.aplle li .apa{padding:20px 20px 30px;box-sizing:border-box;}
.aplle li .apaa{font-size:18px;line-height:26px;color:#333333;margin:10px auto 10px;}
.aplle li .apab{margin-top:30px;color:#999;}
.aplle li .apac{color:#555555;line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size:1rem;}
.aplle li:hover{background:#0a6eb7;}
.aplle li:hover .apaa{color:#fff;}
.aplle li:hover .apac{color:#fff;}
.aplle li:hover .apimg img{transform: scale(1.1);}
.aplle li:hover .apab{color:#fff}
.aplle .owl-theme .owl-dots .owl-dot.active span{width:30px;}

/*新闻*/
.in_news_list{width:96%;max-width:1320px;margin:0 auto 80px;overflow:hidden;}
.in_news_list ul{margin-left:-2%;}
.in_news_list ul li{width:31.3333333333%; margin:0px 0 0 2%; float:left;}
.news-pic{width:100%; height:260px; overflow:hidden; position:relative;}
.news-pic img{width:100%; height:100%; display:block; object-fit:cover; -webkit-transition:all .6s linear; transition:all .6s linear;}
.news-pic h3{position:absolute; bottom:20px; left:20px; font-size:24px; line-height:30px; color:#fff; z-index:1;}
.in_news_list ul li:hover .news-pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news-words{width:100%; overflow:hidden; padding:0 20px 30px 20px; background-color: #fff; border:1px solid #e6e6e6;}
.news-wordslist{width:100%; padding:20px 0 10px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.news-wordslist p{font-size:16px;}
.news-wordslist a{ font-size:1rem; color:#333; margin-top:10px; line-height:26px;overflow:hidden; display:-webkit-box;text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news-wordslist a:hover{color:#2a67af;}
.news-wordsmore{width:100%; overflow:hidden; margin-top:20px; font-size:0;}
.news-wordsmore a p{width:28px; height:28px; border-radius:100%; background-color:#2a67af; display:inline-block; vertical-align:middle; position:relative;}
.news-wordsmore a p i{display:block; position:absolute; left:7px; width:14px; height:7px; background:url('../images/case-arr.png') no-repeat; top:10.5px;}
.news-wordsmore a span{font-size:16px; color:#2a67af; display:inline-block; vertical-align:middle; padding-left:12px; height:28px; line-height:28px;}
.news-wordsmore a:hover p i{animation: newsDh .4s linear both;}
@keyframes newsDh {
0%{left:7px; opacity:1;}
25%{left:14px; opacity:0;}
75%{left:-14px; opacity:0;}
100%{left:7px; opacity:1;}
}

/**/
.swo{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;background:#f6f6f6;background:url("../images/jj.jpg")left center no-repeat;width:100%;justify-content: flex-end;overflow: hidden;}
.swob{z-index:2;height:100%;box-sizing:border-box;padding:50px 0 50px 50px;width:60%;margin-right: -3%;}
.swobb{height:100%;width:100%;position:relative;box-shadow: 0 0 20px #e0e0e0;transform: skewX(-10deg);background:url("../images/ee.jpg");background-size:100% auto;}
.swobb:after{position:absolute;top:0;left:-41px;content:'';width:100px;height:100%;background:#f7f7f7;transform: skewX(-10deg);display:none;}
.swobbb{z-index: 2;position:relative;box-sizing:border-box;padding:80px 0 80px 120px;letter-spacing:8px;transform: skewX(10deg);}
.swobbb h4{font-size:30px;margin-bottom:30px;line-height:40px;}
.swobbb p{font-size:16px;line-height:24px;margin-bottom:30px;}
.swobbb a{display:inline-block;border:1px solid #333;color:#333;padding:15px 40px;font-size:16px;}
.swobbb span{letter-spacing:0px}
.swobbb a:hover{background:#fe9900;border:1px solid #fe9900;color:#fff;}


/*合作*/
.seh{margin-bottom:5rem;}
.seh ul{flex-wrap: wrap;margin-right:-2%;}
.seh ul li{text-align:center;box-sizing:border-box;border:1px solid #eee;border-radius:10px;overflow: hidden;width:23%;margin:0 2% 10px 0;}
.seh ul img{max-width:100%;}

/*尾部*/
.foot{background:#1a1a1a;}
.fooa{max-width:1320px;margin:auto;}
.fooaa{padding:40px 0;}
.fooaa li{display:inline-block;border-right:1px solid #787878;padding:0 40px;font-size:16px;}
.fooaa li a{color:#fff;}
.fooaa li a:hover{text-decoration:underline;}
.fooaa li:first-child{padding-left:0;}
.fooaa li:last-child{border:0;}
.fooab{justify-content: space-between;padding:10px 0 60px;}
.fooaba{color:#999999;line-height:28px;}
.fooabb{align-items: center;}
.fooabba{margin-right:50px;}
.fooabbb{border-left:1px dashed #454545;padding-left:30px;}
.fooabbb p{margin-left:20px;}
.fooabbb p span{display:block;text-align:center;width:100%;color:#999;padding:20px 0;}
.fooabbb img{width:120px;}
.fooabbaa{color:#999;margin-bottom:10px;}
.fooabbaa p{font-size:24px;color:#2a67af;font-weight: bold;}
.fooabbab{margin-right:20px;}


.fos{background:#f8f8f8;padding:50px 0 0px;background: -webkit-linear-gradient(top, #535458, #2d2e32);
background: -o-linear-gradient(top, #535458, #2d2e32); 
background: -moz-linear-gradient(top, #535458, #2d2e32); 
background: linear-gradient(top, #535458, #2d2e32); }
.fot{max-width:1320px;margin:0 auto 10px;justify-content: space-between;flex-wrap: wrap;}
.fota{width:50%;position:relative;font-size: 1rem;}
.fota:after{content: '';width:100%;height:1px;position:absolute;top:56px;border-bottom:1px dashed #e0e0e0;}
.fota ul{justify-content: space-between;line-height:2.4rem;}
.fota ul li{width:50%;}
.fota ul li:nth-child(4){display:none;}
.fota ul h4{font-size:1.2rem;margin-bottom:50px;}
.fota ul a{color:#fff;}
.fota ul a:hover{color:#ffa000;}
.fotb{width: 37%;}
.fotba{margin-bottom:30px;}
.fotba img{max-width:210px;}
.fotbb{line-height:2rem;color:#fff;font-size: 1rem;}
.fotbb p{align-items: center;}
.fotbb span{display:inline-block;margin-left:10px;}
.fotbc{margin-top:20px;color:#fff;}
.fotbc p{display:inline-block;margin-right:40px;text-align:center;}
.fotbc img{width:110px;}
.fotbc p span{display:block;padding:10px 0;}
.fotss{text-align:center;padding:20px 0;font-size: 1rem;color:#fff;}



/*右侧浮动*/
.y-kefu-box{position:fixed; right:0; top:20%; z-index:9999; font-size:13px;}
.y-kefu-box img{display: block; width:100%; height:auto;}
.y-kefu-box01 .icon{display:block; background:url(../images/icons01.png) no-repeat; margin:0 auto 6px;}
.y-kefu-box01{width:54px; color: #666; text-align: center;}
.y-kefu-box01 .kf-close-btn{width:27px; height:27px; background-position:-5px -115px; position: relative; cursor:pointer;}
.y-kefu-box01 .kf-close-btn:before{content:''; display: block; width:1px; height:12px; background-color:#2a67af; position: absolute; bottom:-12px; left:13px; z-index: 1;}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{display:block; width:52px; padding:8px 0 12px; background-color:#fff; border-left:solid 1px #efefef; border-top:solid 1px #efefef; border-right:solid 1px #efefef; position:relative;}
.y-kefu-box01 .show-status{position: relative;}
.y-kefu-box01 .show-status .kf-qiao{background-color:#2a67af; border-color: #2a67af; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-qiao{border-radius:2px;}
.y-kefu-box01 .kf-qiao i{width:21px; height:22px; background-position:-30px -150px;}
.y-kefu-box01 .kf-QQ{border-top-left-radius:2px;border-top-right-radius:2px;}
.y-kefu-box01 .kf-QQ>i{width:21px; height:22px; background-position:-5px -5px;}
.y-kefu-box01 .kf-QQ:hover>i{background-position:-30px -5px;}
.y-kefu-box01 .kf-zixun{border-radius:2px;}
.y-kefu-box01 .kf-zixun i{width:21px;height:22px;background-position:-30px -150px;}

.y-kefu-box01 .kf-shopping{border-radius:2px;}
.y-kefu-box01 .kf-shopping i{width:21px;height:22px;background-position:-5px -180px;}

.y-kefu-box01 .kf-mobile{border-top-left-radius:2px; border-top-right-radius:2px;}
.y-kefu-box01 .kf-mobile>i{width:18px; height:18px; background-position:-5px -32px;}
.y-kefu-box01 .kf-mobile:hover>i{background-position:-30px -32px;}
.y-kefu-box01 .kf-weChat>i{width:22px; height:19px; background-position:-5px -55px;}
.y-kefu-box01 .kf-weChat:hover>i{background-position:-30px -55px;}
.y-kefu-box01 .kf-email{border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.y-kefu-box01 .kf-email>i{width:18px; height:14px; background-position:-5px -80px;}
.y-kefu-box01 .kf-email:hover>i{background-position:-30px -80px;}

.y-kefu-box01 .kf-shopping>i{width:18px; height:14px; background-position:-5px -180px;}
.y-kefu-box01 .kf-shopping:hover i{background-position:-30px -180px;}

.y-kefu-box01 .back-top i{width:13px; height:11px; background-position:-5px -98px;}
.y-kefu-box01 .back-top:hover i{background-position:-30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .back-top{margin-top:-1px; border-radius:2px; left:55px;}
.y-kefu-box01 .hver:hover{background-color:#2a67af; border-color:#2a67af;}
.y-kefu-box01 .hver:hover>p{color:#fff;}
.y-kefu-box01 .mobile-infos,.y-kefu-box01 .QQ-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{background-color:#fff; border:solid 1px #efefef; position:absolute; right:90px; z-index:2; border-radius:2px; display:none;}
.y-kefu-box01 .mobile-infos{width:215px; text-align:left; top:0;}
.y-kefu-box01 .mobile-infos>div{padding:20px 0 20px 45px; position:relative;}
.y-kefu-box01 .mobile-infos>div i{width:15px; height:15px; background-position:-52px -32px; position:absolute; top:22px; left:20px; z-index:2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#999;}
.y-kefu-box01 .mobile-infos p{color:#2a67af; font-size:18px;}
.y-kefu-box01 .QQ-infos{width:320px;text-align: left;top: 0;}
.y-kefu-box01 .part01{padding:20px 20px 20px 30px; border-bottom:solid 1px #e9e9e9; position:relative;}
.y-kefu-box01 .part01 p{font-size:16px; color:#2a67af; padding-bottom:5px;}
.y-kefu-box01 .part01 i{width:28px; height: 26px; background-position:-40px -5px; position: absolute; left:0; top:18px; z-index:2;}
.y-kefu-box01 .part02{padding:20px;}
.y-kefu-box01 .part02 li{width:86px; float:left; position:relative; margin:10px; padding-left:30px;}
.y-kefu-box01 .part02 i{width:22px; height:22px; background-position:-5px -5px; position:absolute; left:0; top:0; z-index:2;}
.y-kefu-box01 .part02 li:hover a{color:#2a67af;}
.ri{width:12px; height:12px; position:absolute; right:-12px; top:24px;}
.ri-arrow1,.ri-arrow2{width:0; height:0; display:block; position:absolute; left:0; top:0; border-top:6px transparent dashed; border-right:6px transparent dashed; border-bottom:6px transparent dashed; border-left:6px white solid; overflow:hidden;}
.ri-arrow1{left:1px; border-left:6px #efefef solid;}
.ri-arrow2{border-left:6px white solid;}

.y-kefu-box01 .y-ewm-box{width:151px; height:178px; top:-60px;}
.y-kefu-box01 .y-ewm-box>div{width:151px; }
.y-kefu-box01 .y-ewm-box img{width:94px; height:94px; margin:30px auto 10px;}
.y-kefu-box01 .y-ewm-box .y-ewm-img1{width:150px; border-right:solid 1px #efefef;}
.y-kefu-box01 .y-ewm-box .right{top:84px;}

.y-kefu-box01 .y-email-infos{padding:28px 20px 28px 45px; color:#999; text-align:left; bottom:0;}
.y-kefu-box01 .y-email-infos p{color:#2a67af; font-size:16px;}
.y-kefu-box01 .y-email-infos>i{width:18px; height:13px; background-position:-52px -80px; position:absolute; left:15px; top:30px;}
.y-kefu-box01 .y-email-infos .right{top:55px;}
.y-kefu-box01 .hide-status{width:54px; height:65px; background-color:#2a67af; position:absolute; top:37px; left:55px; z-index:9;}
.y-kefu-box01 .hide-status .kf-zixun{padding:10px 0 7px; color:#fff; cursor:pointer;}

/*****************内页************************/
.i-ban{height:350px;position: relative;margin-top:98px;}
.i-bana{height:100%;position:relative;}
.i-bana .div{max-width: 1320px;width:90%;margin:auto;height:100%;align-items: center;}
.i-bana .div1{margin-bottom: 50px;text-shadow: 0 0 1px #333;}
.i-bana .div1 h4{font-size:40px;font-weight: bold;color:#fff;margin-bottom: 10px;}
.i-bana .div1 p{color:#fff;font-size: 20px;}
.i-bas{position:absolute;bottom: 0;width: 100%;}
.i-bass{max-width:1320px;width: 90%;margin:auto;display:flex;padding:15px 0;color:#fff;background:url("../images/home_tb.png") left no-repeat;padding-left:25px;align-items: center;font-size: 16px;}
.i-bass a{display:inline-block;margin:0 10px;color:#fff;}
.i-bass p{margin-right:0px;}
.i-bass span{display:inline-block;margin-left:10px;color:#ffa20b;}
.i-bass a:hover{color:#ffa20b;}

.i-bso{top: 98px;background: #fff;z-index: 2;}
.i-bsos{max-width:1340px;width:90%;margin:20px auto;}
.i-bsos ul{font-size:0;}
.i-bsos li{display:inline-block;font-size:1.2rem;border:1px solid #ccc;margin-right:10px;}
.i-bsos li a{display:block;padding:15px 25px;position:relative;}
.i-bsos li.i-so a{color:#fff;background: #2a67af;}
.i-bsos li a:hover{color:#fff;background: #2a67af;}


.i-tit{position:absolute;bottom:0;left:0;width:100%;background: rgb(242 242 242 / 37%);z-index: 1;}
.i-tita{max-width:1320px;margin:auto;}
.i-tita ul{display:flex;font-size:16px;box-sizing:border-box;justify-content: center;}
.i-tita li{text-align:center;font-size:18px;}
.i-tita li a{display:block;padding:27px 0px 27px 0;line-height:20px;color:#fff;margin:0px 30px;}
.i-tita li a:hover{font-weight:bold;}
.i-ti a{font-weight:bold;color:#0a79b6;}

/*联系我们*/
.i-cos{justify-content: space-between;max-width:1320px;width:96%;margin:80px auto;}
.i-contact{width:50%;background: #f9f9f9;box-sizing:border-box;padding:3rem 0 3rem 3rem;}
.i-contacta{font-size:26px;margin-bottom:10px;}
.i-contactb{width:100%;justify-content: space-between;display:flex;flex-wrap: wrap;}
.i-contactb p{font-size:15px;padding:10px 0;display:flex;align-items: center;width:100%;flex-wrap: wrap;}
.i-contactb p img{width:20px;margin-right:10px;}
.i-contactb p span{display:flex;line-height:18px;align-items: center;}
.i-contactb p:last-child{border:none;}
.i-conta{width:50%;}
#map_container{height:428px;}
.i-cxs{margin-top:20px;}
.i-cxs p{text-align:center;}
.i-cxs .p img{width:100px;margin:auto;display: block;}

.i-cou{background:#f8f8f8;padding-top:60px;}
.i-cont{font-size:26px;margin:0px auto 0px;max-width:1320px;width:96%;    font-weight: bold;}
.i-conx{max-width:1320px;width:96%;font-size:16px;margin:20px auto;line-height:26px;color:#666;}

.fes{margin:30px auto 0;padding-bottom:80px;max-width:1320px;width:96%;}
.fes ul{justify-content: space-between;margin-bottom:20px;display:flex;flex-wrap: wrap;}
.fes ul li{width:23%;}
.fes p{line-height:36px;}
.fes input{line-height:50px;height:50px;border:1px solid #ccc;background:#f9f9f9;box-sizing:border-box;padding:0 10px;width:100%;}
.fes textarea{height:250px;width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;}
.fes a{display:block;color:#333;width:150px;text-align:center;line-height:40px;margin:20px auto 0px;border-radius: 5px;border:1px solid #ccc;}
.fes a:hover{background:#000;color:#fff;}

/*关于我们*/
.i-abkk{}
.i-abxx{max-width:1320px;width:96%;margin:60px auto 0;display:flex;justify-content: space-between;padding-bottom:100px;align-items: center;}
.i-abxxb{}
.i-abxxba{font-size:36px;margin-bottom:30px;position:relative;}
.i-abxxba:after{content:'';width:60px;height:3px;background:#333;display:block;margin-top:20px;}
.i-abxxbb{font-size:1.2rem;line-height:2.5rem;color: #555;}
.i-abxs{margin-bottom: 2rem;}
.i-abxs h4{font-size:24px;}
.i-abxs h5{font-size: 30px;margin-top: 10px;}
.i-abst{margin:3rem auto 50px;}
.i-abst ul{justify-content: space-between;}
.i-abst li{width:48%;box-sizing:border-box;padding:30px 30px 40px 30px;background:#f7f7f7;color:#666;}
.i-abst h4{color:#333;margin-bottom:20px;font-size: 1.7rem;}
.i-abst p{line-height:2.3rem;font-size:1.2rem;}

/*案例*/
.i-app{margin:3rem auto 5rem;}
.i-app ul li{box-sizing:border-box;padding:30px;border:1px solid #dedede;border-radius: 5px;justify-content: space-between;margin-bottom:30px;transition:all 0.3s;}
.i-app .i-apq{width:310px;overflow: hidden;}
.i-app .i-apq img{width:100%;transition: all 0.3s;}
.i-app .i-apw{width:calc(100% - 400px);}
.i-app .i-apwa{font-size:20px;margin-bottom:10px;}
.i-app .i-apwb{font-size:1.1rem;color:#777;margin-bottom:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-app .i-apwc{font-size:17px;}
.i-app .i-apwd{margin-top:20px;}
.i-app .i-apwd dl{flex-wrap: wrap;}
.i-app .i-apwd dd{width:150px;text-align:center;margin-right:20px;transition: all 0.3s;}
.i-app .i-apwd img{width:100%;}
.i-app .i-apwd p{padding:15px 0 0;font-size:12px;}
.i-app .i-apwd span{display:block;box-sizing:border-box;padding:0 30px;}
.i-app .i-apwa:hover a{color:#2a67af}
.i-app ul li:hover .i-apq img{transform: scale(1.1);}
.i-app .i-apwd dd:hover {transform: translateY(-10px);}
.i-app .i-apwd dd:hover p{color:#2a67af;}
.i-app ul li:hover{box-shadow: 0 0 10px #ccc;}

.i-aps{max-width:1320px;margin:60px auto;justify-content: space-between;align-items: flex-start;}
.i-apsa{}
.i-apsaa{text-align:center;font-size:1.6rem;}
.i-apsab{border-top:1px solid #eee;border-bottom:1px solid #eee;margin:2rem 0;padding:1.2rem 0;justify-content: center;}
.i-apsab p{align-items: center;padding:0 2rem;color:#666;font-size: 1.1rem;}
.i-apsab img{margin-right:5px;}
.i-apsac{line-height:2rem;font-size:16px;margin:3rem 0;}
.i-apsac img{max-width:100%;}

.i-apsac table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-apsac table td{padding: 4px!important; padding-left:8px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}
.i-apsac table td div{padding: 0px!important;height:auto!important;}

/*新闻*/
.news_list{width: 90%;max-width: 1320px;margin:7rem auto;}
.news_list li{width:100%; margin-top:30px; border-bottom:1px solid #eee; padding-bottom:30px;overflow:hidden;}
.news_list li a{display:block;}
.news_list li a .img{width:30%; float:left; display:block; overflow:hidden;}
.news_list li a .img img{display:block; width:100%; object-fit:cover; -webkit-transition:all .3s; transition:all .3s;}
.news_list li a .art{width:63%; float:right; padding-top:20px;}
.news_list li a .art .att{font-size:18px; font-weight:bold; color:#000; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;}
.news_list li a .art .atc{font-size:14px; line-height:28px; margin:20px 0; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical;}
.news_list li a .art .more .day{float:left; margin-top:20px; font-size:18px; font-weight:bold; border-top:1px solid #ddd; color:#999; padding:10px 0 0;}
.news_list li a .art .more span{float:right; color:#2a67af; border-bottom:1px solid #2a67af; opacity:0; margin-top:20px;}
.news_list li:hover a .art .att{color:#2a67af;}
.news_list li:hover a .img img{transform: scale(1.05);-webkit-transform:scale(1.05);}
.news_list li:hover a .art .more .day{border-color:#2a67af; color:#2a67af;}
.news_list li:hover a .art .more span{opacity:1;}

.ny_main{max-width:1320px;margin:7rem auto;}
.new-view-title{width:100%; text-align:center; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#2a67af;}
.new-view-wz{width:100%;  text-align:center; line-height:30px; color:#999;}
.newsmore_text{width:100%; margin-top:40px;line-height: 3rem;font-size: 1.2rem;color:#444;}
.newsmore_text table{ border-collapse:collapse; border: 1px #ccc solid !important; line-height:22px!important;}
.newsmore_text table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}


.pagebox{ font-family:Arial; text-align:center;clear:both;}
.page{ display:inline-block; margin-top:30px; margin-bottom:20px; margin-left:1px; font-size:0px;}
.page a,.page span{ margin-left:-1px; display:inline-block; font-size:14px; line-height:30px; width:30px; border:1px  solid #e0e0e0;}
.page span.on{  border:1px  solid #2a67af; background:#2a67af; color:#fff;}
.page a:first-child,.page span:first-child{ border-radius:4px 0px 0px 4px;}
.page a:last-child,.page span:last-child{ border-radius:0px 4px 4px 0px;}
.page2 { margin-top:20px;}
.page2 span{ color:#999;}

.view-page{width:100%;position:relative; margin:50px 0 60px;justify-content: space-between;}
.view-page .prev,.view-page .back,.view-page .next{font-size:16px; width:180px; line-height:46px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #2a67af;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-90px; width:180px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #2a67af;color: #fff; text-align:center; padding-left:25px; border:none;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #2a67af; color:#fff;}
.view-page .next a{background:#fff url(../images/ri.png) 85% center no-repeat;text-align:center;}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 85% center no-repeat #2a67af;}

/*下载*/
.cstt{max-width: 1320px;width: 90%;margin:7rem auto;}
.cstt ul{-webkit-column-gap: 2rem;-webkit-column-count: 2;}
.cstt ul li{margin-bottom:5rem;-webkit-column-break-inside: avoid}
.cstt ul .csa{font-weight: bold;color:#333;font-size:1.6rem;position:relative;margin-bottom: 20px;padding-bottom:10px;}
.cstt ul .csa:after{position:absolute;bottom:0;left:0;width:40px;height:4px;background: #2a67af;content: '';}
.cstt ul .csb{background: #f7f7f7;box-sizing: border-box;padding:1px 1rem;}
.cstt ul .csb dd{justify-content: space-between;font-size:1.2rem;margin:1.6rem 0;}
.cstt ul .csz{padding-left:30px;background:url("../images/zy2.png") left center no-repeat;background-size: 17px auto;max-width: 70%;}
.cstt ul .csz a:hover{color:#2a67af;}
.cstt ul .csy{}
.cstt ul .csy span{display:inline-block;margin-right:20px;}


/*产品*/
.i-proda-cb{margin: 0rem auto 3rem;max-width: 1320px;width: 96%;}
.i-proda-cb table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-proda-cb table tr{background: #eee;font-size:16px;}
.i-proda-cb table tr:nth-child(1){background: #444;color:#fff;font-size:16px;text-align: center;white-space:nowrap;}
.i-proda-cb table tr:nth-child(2n){background: #fff}
.i-proda-cb table tr td:nth-child(1){white-space: nowrap;}
.i-proda-cb table tr td:nth-child(3){white-space: nowrap;}
.i-proda-cb table tr td:last-child{text-align:center;}
.i-proda-cb table td{padding:10px!important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}
.i-proda-cb table td div{padding: 0px!important;height:auto!important;}
.i-proda-cb table img{width:30px;}
.i-proda-cb a{text-decoration: underline;}
.i-proda-cb a:hover{color:#2a67af}

.i-proda-cc{margin: 0rem auto 3rem;max-width: 1320px;width: 96%;}
.i-proda-cc table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-proda-cc table tr{background: #eee;font-size:16px;}
.i-proda-cc table tr td:nth-child(1){background: #444;color:#fff;font-size:16px;text-align: center;white-space:nowrap;width: 12%;}
.i-proda-cc table tr:nth-child(2n){background: #fff}
.i-proda-cc table td{padding:10px!important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;width: 22%}
.i-proda-cc table td div{padding: 0px!important;height:auto!important;}
.i-proda-cc table img{width:30px;}
.i-proda-cc a{text-decoration: underline;}
.i-proda-cc a:hover{color:#2a67af}

.i-prods{max-width:1320px;width:90%;margin:50px auto 0;}
.i-prods ul{font-size:0;text-align: center;}
.i-prods li{font-size:1.2rem;display:inline-block;vertical-align: middle;margin-right: 10px;}
.i-prods li a{display:block;padding:12px 30px;line-height:1.8rem;border:1px solid #ccc;}
.i-prods li.ist a{background:#2a67af;border:1px solid #2a67af;color:#fff;}
.i-prods li:hover a{background:#2a67af;border:1px solid #2a67af;color:#fff;}

.i-pos{margin:4rem auto 0;max-width: 1320px;width: 96%;}
.i-pos ul{flex-wrap: wrap;margin-right:-2%;}
.i-pos li{width:23%;border-radius: 10px;margin-bottom:30px;margin-right:2%;}
.i-pos li a{}
.i-pos li .i-pa{transition:all 0.3s;overflow:hidden;border-radius: 10px;box-shadow:0px 0px 7px 2px rgba(41, 47, 103, 0.1);box-sizing:border-box;}
.i-pos li .i-pa img{width: 100%;transition:all 0.3s;}
.i-pos li:hover .i-pa img{transform: scale(1.1)}
.i-pos li .i-pb{text-align: center;}
.i-pos li .i-pb h4{font-size:16px;}
.i-pos li .i-pb h5{font-size:17px;margin:15px 0 5px;}
.i-pos li .i-pb span{font-weight: bold;}
.i-pos li .i-pb p{line-height:1.7rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;    color: #666;}
.i-pos li:hover .i-pa{box-shadow:0px 0px 7px 2px rgba(41, 47, 103, 0.3)}
.i-pos li:hover .i-pb{color:#2a67af}

.i-pii{font-size:2rem;margin-top:4rem;padding-left:5px;position:relative;line-height:23px;}
.i-pii p{border-left:4px solid #2a67af;padding-left:10px;display:inline-block;font-weight: bold;}
.i-pii:after{content:'';width:2px;height:100%;background:#2a67af;position:absolute;top: 0;left:0px;}
.i-pot{margin:2rem auto 4rem;max-width: 1320px;width:90%;justify-content: space-between;position:relative;}
.i-pota{width:43%;box-sizing: border-box;flex-wrap: wrap;align-content: space-between;}
.i-potb{width:40%;text-align: center;box-sizing: border-box;border: 1px solid #eee;}
.i-potb img{width:100%;}
.i-potc{width:10%;flex-wrap: wrap;align-content: space-around;}
.i-potc a{box-sizing:border-box;display:block;box-shadow: 0 0 10px #666;width:100%;}
.i-potc img{width:100%;}

.i-pota h3{font-size: 2rem;font-weight: bold;margin-bottom:20px;}
.i-pota h4{font-size:16px;margin:1rem auto 20px;color: #4b4b4b;font-weight: bold;}
.i-potaa{font-size: 15px;line-height: 24px;color: #595959;border:1px solid #eee;box-sizing:border-box;padding:20px;width: 100%;height:47%;}
.i-potaa h3{color:#333;}
.i-pota .i-potaa:last-child{margin:auto;}

.i-poj{background: #fafafa;padding:60px 0 80px;}
.i-pom{max-width:1320px;width:90%;margin:auto;}
.i-pox{font-size:22px;font-weight: bold;margin-bottom:30px;background:url("../images/item_bg_big.png") center no-repeat;height:45px;text-align:center;background-size:100%;color:#fff;line-height: 40px;}
.i-poxa{text-align:center;margin:0 auto 50px;}
.i-poxa a{display:inline-block;border-bottom:1px solid #2a67af;color:#2a67af;}
.i-pop{margin-bottom:40px;}
.i-pop ul,.i-pop li{list-style: disc;}
.i-pop img{max-width: 100%;}
.i-pop a{color:initial;}

.i-poms{max-width:1320px;width:90%;margin:auto;}

.i-poja{max-width: 1320px;width: 90%;margin:auto;padding:5rem 0;position: sticky;top:118px;}
.i-poja ul{font-size:0;background:#fff;border-radius: 15px;padding:0 2rem;display:inline-block;box-shadow:0px 0px 16px 2px rgba(40, 95, 147, 0.1);}
.i-poja li{display:inline-block;vertical-align: middle;font-size:1.2rem;padding:0 2rem;}
.i-poja p{display:inline-block;line-height:4.5rem;position:relative; cursor: pointer;}
.i-poja p:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#2a67af;transform: scale(0);transition:all 0.3s;}
.i-poja li.i-pojs p{color:#2a67af;}
.i-poja li.i-pojs p:after{background:#2a67af;transform: scale(1);}
.i-poja li p:hover:after{transform: scale(1);}
.i-poja li p:hover{color:#2a67af}

.i-poa{max-width: 1320px;width: 90%;margin:auto;padding:30px 30px 7rem 30px;font-size: 1.2rem;line-height: 3rem;color: #333;background:#fff;box-sizing: border-box;}
.i-poa img{max-width:100%;}

.i-pob{max-width: 1320px;width: 90%;margin:auto;font-size: 1.2rem;}
.i-poba{background:#D5DFEF;border-radius: 10px;}
.i-poba ul{justify-content:space-between;text-align:center;}
.i-poba li{width:15%;padding:1.3rem 0;}
.i-poba li:nth-child(1){width:40%;}

.i-pobb{padding-bottom:7rem;}
.i-pobb li{justify-content:space-between;text-align:center;border-bottom:1px solid #eee;}
.i-pobb li p{width:15%;padding:3rem 0;color:#707070;}
.i-pobb li p:nth-child(1){width:40%;text-align: left;box-sizing:border-box;padding-left:2rem;color:#2a67af;}
.i-pobb li:hover{background:#f6f8fb}

.i-poc{max-width: 1320px;width: 90%;margin:auto;font-size: 1.2rem;padding-bottom:7rem;line-height: 2.3rem;}
.i-poc table{ border-collapse:collapse; border: 1px #e9e8e8 solid !important; width:100% !important;}
.i-poc table tr:nth-child(1){background:#6BB6D9;color:#fff;}
.i-poc table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #e9e8e8 solid !important;}
.i-poc table td:nth-child(3),.i-poc table td:nth-child(4){text-align: center;}
.i-poc img{width:24px;display: block}
.i-poc a{display:inline-block;vertical-align: middle;width: 24px;height:22px;background: url("../images/gwc.png") center no-repeat; background-size: 100% 100%;}
.i-poc a:hover{background: url("../images/gwc1.png") center no-repeat; background-size: 100% 100%;}

/*1.17改产品*/
.i-pros{margin:3rem auto 4rem;justify-content: space-between;background:#fff;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;max-width: 1340px;width: 90%;}
.i-pra{width:40%;}
.i-prb{width:52%;margin-top:20px;}
.i-prba{font-size:30px;font-weight: bold;margin-bottom: 20px;border-bottom:1px dashed #ccc;padding-bottom:10px;color: #2a67af;}
.i-prbb{line-height:24px;font-size:15px;color:#555;}
.i-prbc{margin-top:30px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;border-top: 1px dashed #ccc;padding-top:20px;justify-content: space-between;}
.i-prbc a{font-weight: bold;display:inline-block;color:#fff;background: #f00;line-height:38px;padding:0 20px;font-size:20px;border-radius: 5px;border-bottom: 2px solid #3f3f3f;}
.i-prbc a img{width:100%;}
.i-prbc a:hover{}
.d3{display:none;}
.i-prbc a:hover .d2{display:none;}
.i-prbc a:hover .d3{display:block;}
.i-prbc a.tx {display:none;}
.i-prbc a.tx img{filter: grayscale(1);-webkit-filter: grayscale(1);}
.i-prbc p{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex; align-items: center;color: rgb(128 128 128);font-weight: bold;font-size:18px;}
.i-prbd{font-size: 18px;color: #087ed5;font-weight: bold;margin:30px 0 10px;}
.i-prbd p{display:inline-block;background:#48b9f5;color:#fff;font-size:20px;font-weight: bold;padding:5px 35px;border-radius: 5px;border-bottom:2px solid #3f3f3f;}

.cpxq_l{width:100%;}
.cpxq_l_t{width:100%; background:#fff}
.cpxq_l_t img{width:100%;}
.cpxq_l_b{width:100%; overflow:hidden; margin-top:10px; padding:0 20px; position:relative;}
.cpxq_l_b a.prev,.cpxq_l_b a.next{display:block;width:12px;height:21px; margin-top:-10px; position:absolute;top:50%;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.cpxq_l_b a.prev:hover{background-position:0 -21px;}
.cpxq_l_b a.next{left:auto;right:0;background-position:0 -42px;}
.cpxq_l_b a.next:hover{background-position:0 -63px;}
.cpxq_l_b .cpxq_l_b_kj{position:relative; width:100%; overflow:hidden;}
.cpxq_l_b .cpxq_l_b_kj ul{width:100%; font-size:0px; white-space:nowrap; position:absolute; z-index:10;}
.cpxq_l_b .cpxq_l_b_kj ul li{display:inline-block;  width:20%; cursor:pointer;}
.cpxq_l_b .cpxq_l_b_kj ul li img{border:2px #fff solid;width:100%;box-sizing:border-box;}
.cpxq_l_b .cpxq_l_b_kj ul li a{display:block;}

dl.op{width:100%; font-size:0px; white-space:nowrap; opacity:0;}
dl.op dd{display:inline-block;  width:20%; cursor:pointer;}
dl.op dd img{border:2px #fff solid;width:100%;}
dl.op dd a{display:block;}