.fl {float:left !important;}
.fr {float:right !important;}
.cl { clear:both;}
.none{ display:none;}
.clearfix:after{ content:"."; display:block; height:0; overflow:hidden; clear:both;}
.clearfix{*+height:1%; zoom:1;}
.w1550{ max-width:1360px; margin:0 auto; padding: 0 20px;}
.w1200{ max-width:1240px; margin:0 auto; padding: 0 20px;}
.relative{ position:relative;}
.products-content{background: #f5f5f5;background-size: cover;padding-bottom: 70px;padding-top: 70px;}
.products-content .products-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.products-content .products-content-tab ul{ display: flex; align-items: center; }
.products-content .products-content-tab ul li { flex: 1; height: 120px; }
.products-content .products-content-tab ul li a{ display: block; height: 120px; position: relative;}
.products-content .products-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(../images/icon34.png) center center no-repeat;}
.products-content .products-content-tab ul li.active a:after{ background: url(../images/icon35.png)  center center no-repeat;}
.products-content .products-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.products-content .products-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.products-content .products-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}
.products-content .products-content-tab ul li a dl dd p{ font-size: 13px;}
.products-content .products-content-tab ul li a:hover,.products-content .products-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.products-content .products-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.products-content .products-content-tab ul li:first-child dl dt{ background: url(../images/icon48.png) no-repeat; width: 50px; height: 46px;}
.products-content .products-content-tab ul li:first-child:hover dl dt,.products-content .products-content-tab ul li:first-child.active dl dt{ border: none; background: url(../images/icon48_01.png) no-repeat;}
.products-content .products-content-tab ul li:last-child dl dt{ background: url(../images/icon47.png) no-repeat; width: 50px; height: 48px;}
.products-content .products-content-tab ul li:last-child:hover dl dt,.products-content .products-content-tab ul li:last-child.active dl dt{ background: url(../images/icon47_01.png) no-repeat;}
.products-content .products-content-tab-con .con{ display: none;}
.products-main{display: flex;}

.products-main-nav{width: 260px;}
.products-main-nav .title{height: 120px;background: linear-gradient(300deg,rgb(24, 78, 183) 0%,rgb(0, 141, 195) 100%);color: #FFF;display: flex;align-items: center;padding-left: 35px;}
.products-main-nav .title h1{ font-weight: normal; font-size: 32px;}
.products-main-nav .title p{ font-size: 13px;}
.products-main-nav ul{ background-color: #FFF;}
.products-main-nav ul li{margin: 0 30px;}
.products-main-nav ul li.active ol{display: block;}
.products-main-nav ul li h3 a{ display: block; height: 60px; line-height: 59px; border-bottom: dashed 1px #dfdfdf; position: relative; font-size: 16px; font-weight: normal;}
.products-main-nav ul li h3 a:after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon49.png) no-repeat; width: 7px; height: 13px; transition: all 0.5s;}
.products-main-nav ul li:last-child h3 a{ border-bottom: none;}
.products-main-nav ul li.active h3 a{color: #15599F;}
.products-main-nav ul li.active h3 a:after{ transform: rotate(90deg); margin-top: -7px;}
.products-main-nav ul li.active ol li.active a{ color: #15599F;}
.products-main-nav ul li ol{ display: none;}
.products-main-nav ul li ol li{margin: 0;font-size: 14px;border-bottom: dashed 1px #dfdfdf;}
.products-main-nav ul li ol li a{display: block;line-height: 40px; color:#282828;}
.products-main-nav ul li ol li a:hover{display: block;line-height: 40px; color:#15599F;}
.products-main-nav ul li ol li a:before{content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;background-color: #AAA;margin: -2px 10px 0 0;border-radius: 50%;}
.products-main-nav ul li ol li a.active{ color:#15599F;}
.products-main-nav ul li ol li a.active:before{background-color: #15599F;}
.products-main-nav ul li.active ol li.active a:before{ background-color: #15599F;}
.products-main-list{ flex: 1; margin-left: 50px;}
.products-main-list .products-main-list-item ul{ display: flex; flex-wrap: wrap;}
.products-main-list .products-main-list-item ul li{ margin: 0 3% 3% 0; width: 30%;}
.products-main-list .products-main-list-item ul li:nth-child(3n){ margin-right: 0;}
.products-main-list .products-main-list-item ul li a{ display: block; background-color: #FFF;}
.products-main-list .products-main-list-item ul li a p{align-items: center;justify-content: space-between;padding: 0 20px;line-height: 70px;height: 70px;overflow: hidden;font-size: 16px;text-align: center;border-top: solid 1px #EEE;}
.products-main-list .products-main-list-item ul li a p i{ background: url(../images/icon8.png) no-repeat; width: 14px; height: 9px;}
.products-main-list .products-main-list-item ul li a img{ width: 100%;}
.products-main-list .products-main-list-item ul li a:hover{ box-shadow: 0 0 30px rgba(0,0,0,.1); transform: translateY(-10px);}
.products-main-list .products-main-list-pages{ text-align: center; padding-bottom: 70px;}
.products-main-list .products-main-list-pages ul{ font-size: 0;}
.products-main-list .products-main-list-pages ul li{ display: inline-block; font-size: 14px; margin: 0 5px;}
.products-main-list .products-main-list-pages ul li a{ display: block; width: 40px; height: 40px; border: solid 1px #e7e7e7; line-height: 38px; text-align: center; background-color: #FFF;}
.products-main-list .products-main-list-pages ul li a:hover{ border-color: #15599F;}
.products-main-list .products-main-list-pages ul li.active a{ background-color: #15599F; color: #FFF;}
.products-main-list .products-main-list-pages ul li.prev a,.products-main-list .products-main-list-pages ul li.next a{ min-width: 40px; width: auto; padding: 0 20px;}

.products-info-main{background: #f5f5f5;padding: 60px 0;}
.products-info-main .products-info-position{margin-bottom: 25px;font-size: 15px;background: url(../images/icon32.png) left center no-repeat;line-height: 22px;padding-left: 26px;}
.products-info-main .products-info-position em{ margin: 0 15px;}
.products-info-main .products-info-position a{color: #313131;}
.products-info-main .products-info-position a:hover{color: #1D72BA;}
.products-info-top{ display: flex; justify-content: space-between;}
.products-info-top-info{flex: 1;margin-left: 60px;padding-top: 20px;}
.products-info-top-info h1{font-size: 30px;font-weight: normal;padding-bottom: 25px;margin-bottom: 25px;border-bottom: solid 1px #cccccc;}
.products-info-top-info .text{font-size: 14px;line-height: 2;color: #525252;}
.big-img { position: relative; width: 670px; }
.small-box { position: relative; width: 670px; height: 420px; border: solid 1px #e6e6e6; background-color: #FFF; }
.small-box img { display: block; max-width: 100%; max-height: 100%; }
.pics-list{ width: 670px; position: relative; margin-top: 15px;}
.pics-list .prev,.pics-list .next{ position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 29px; outline: none;}
.pics-list .prev{ left: -27px; background: url(../images/icon50.png) no-repeat; cursor: pointer;}
.pics-list .next{ right: -27px; background: url(../images/icon51.png) no-repeat; cursor: pointer;}
.pics-list .swiper-slide img{border: solid 1px #e4e4e4;max-width: 100%;cursor: pointer;}
.pics-list .swiper-slide img.active,.pics-list .swiper-slide img:hover{border-color: #1D72BA;}
.products-info-bottom{margin-top: 60px;}
.products-info-bottom-tabs ul{display: flex;height: 60px;line-height: 60px;background: -moz-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);background: -webkit-linear-gradient(bottom, #f1f1f1 0%,#ffffff 100%);background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);background: -ms-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);background: linear-gradient(to top, #f1f1f1 0%,#ffffff 100%);border: solid 1px #EEE;border-bottom: solid 2px #1D72BA;}
.products-info-bottom-tabs ul li{margin-right: 5px;margin-left: -1px;margin-top: -1px;}
.products-info-bottom-tabs ul li a{display: block;font-size: 16px;width: 225px;text-align: center;}
.products-info-bottom-tabs ul li a:hover,.products-info-bottom-tabs ul li.active a{background: #1D72BA;}
.products-info-bottom-tabs ul li a i{ display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.products-info-bottom-tabs ul li a i.i1{ background: url(../images/icon52.png) no-repeat; width: 18px; height: 18px;}
.products-info-bottom-tabs ul li a i.i2{ background: url(../images/icon53.png) no-repeat; width: 22px; height: 19px;}
.products-info-bottom-tabs ul li a:hover,.products-info-bottom-tabs ul li.active a{ color: #FFF;}
.products-info-bottom-tabs ul li a:hover i.i1,.products-info-bottom-tabs ul li.active a i.i1{ background: url(../images/icon52_01.png) no-repeat;}
.products-info-bottom-tabs ul li a:hover i.i2,.products-info-bottom-tabs ul li.active a i.i2{ background: url(../images/icon53_01.png) no-repeat;}
.products-info-bottom-con{background-color: #FFF;padding: 40px 40px;}
.products-info-text{font-size: 14px;line-height: 1.8;}
.products-info-text img{ vertical-align: -1px;}
.products-info-bottom-con .con{ display: none;}
.products-info-bottom-con .con .parameter table{width: 100%;font-size: 14px;border-collapse: collapse;}
.products-info-bottom-con .con .parameter table thead th{ text-align: left; border: solid 1px #EEE; background-color: #999; color: #FFF; padding: 10px;}
.products-info-bottom-con .con .parameter table tbody td{border: solid 1px #717171;padding: 12px 20px;line-height: 1.7;}

.software-top{ background-color: #FFF; padding: 55px;}
.software-top h1{ font-size: 35px; font-weight: normal; padding-bottom: 30px; margin-bottom: 30px; border-bottom: dotted 2px #c2d1d7;}
.software-top .text{ font-size: 15px; line-height: 25px;}
.software-tabs1 { border-top: none; padding: 0 45px;}
.software-tabs1 .con .solution-info-item-box-con{ text-align: center;}
.software-tabs1 .con .solution-info-item-box-con img{ max-width: 100%;}
.software-tabs2{ border-top: none; padding: 0 45px 70px; margin-top: 0;}
.software-2{ background-color: #FFF; padding-bottom: 70px;}
.software-2 .software-2-img{ text-align: center;}

.software-2 .software-2-img img{ max-width: 100%;}
.software-tabs2 .con .solution-info-item-box-con dl dt img{ max-width: 720px; max-height: 380px; width: 100%; height: auto;}
.software-tabs2 .con .solution-info-item-box-con dl dd{ flex: 1; min-width: 0;}
.software-tabs2 .con .solution-info-item-box-con dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}

.products-info-text p{margin-bottom: 10px;line-height: 2;}

.solution-content{background: #f5f5f5;padding-bottom: 50px;padding-top: 70px;}
.solution .solution-content .solution-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.solution .solution-content .solution-content-tab ul{ display: flex; align-items: center; }
.solution .solution-content .solution-content-tab ul li { flex: 1; height: 120px; }
.solution .solution-content .solution-content-tab ul li a{ display: block; height: 120px; position: relative;}
.solution .solution-content .solution-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(../images/icon34.png) center center no-repeat;}
.solution .solution-content .solution-content-tab ul li.active a:after{ background: url(../images/icon35.png)  center center no-repeat;}
.solution .solution-content .solution-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.solution .solution-content .solution-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.solution .solution-content .solution-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}


.solution .solution-content .solution-content-tab ul li a dl dd p{ font-size: 13px;}
.solution .solution-content .solution-content-tab ul li a:hover,.solution .solution-content .solution-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.solution .solution-content .solution-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.solution .solution-content .solution-content-tab ul li:first-child dl dt{ background: url(../images/icon37.png) no-repeat; width: 53px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:first-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:first-child.active dl dt{ border: none; background: url(../images/icon37_01.png) no-repeat;}
.solution .solution-content .solution-content-tab ul li:last-child dl dt{ background: url(../images/icon36.png) no-repeat; width: 50px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:last-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:last-child.active dl dt{ background: url(../images/icon36_01.png) no-repeat;}
.solution .solution-content .solution-content-tab-con .con{ display: none;}
.solution .solution-content .solution-content-top{ margin-top: 80px;}
.solution .solution-content .solution-content-top dl{ background-color: #FFF; display: flex; align-items: center;}
.solution .solution-content .solution-content-top dl dt{ position: relative; width: 50%;}
.solution .solution-content .solution-content-top dl dt a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.solution .solution-content .solution-content-top dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution .solution-content .solution-content-top dl dt a img{ width: auto; height: auto;}
.solution .solution-content .solution-content-top dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .solution-content-top dl dd h2{ font-weight: normal; font-size: 30px;}
.solution .solution-content .solution-content-top dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}
.solution .solution-content .solution-content-top dl dd .text{ color: rgba(40,40,40,.8); font-size: 15px; line-height: 22px;}
.solution .solution-content .solution-content-top dl dd .text img{ margin-top: 20px;}
.solution .solution-content .solution-content-tabs{ margin-top: 60px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul{ display: flex; align-items: center; border-bottom: solid 2px #fb5941;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li{ flex: 1; text-align: center; font-size: 19px; padding-bottom: 55px; position: relative;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a { display: inline-block;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a:hover img{ -webkit-animation: down 0.6s linear infinite alternate; animation: down 0.6s linear infinite alternate; -moz-animation: down 0.6s linear infinite alternate; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a p{ margin-top: 15px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active a p{ color: #fd5d36;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active:after{ content: ''; position: absolute; width: 21px; height: 10px; background: url(../images/icon44.png) no-repeat; bottom: 0; left: 50%; transform: translateX(-50%);}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd{ background-color: #FFF; padding: 50px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con{ font-size: 15px; line-height: 24px; color: rgba(51,51,51,.8); display: none; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con img{ max-width: 100%;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con .con-text{ margin-bottom: 50px; }
.solution .solution-content .industry-item{}
.solution .solution-content .industry-item dl{ background-color: #FFF; display: flex; align-items: center; margin-bottom: 30px;}
.solution .solution-content .industry-item dl:nth-child(2n) dd{ order: -1;}
.solution .solution-content .industry-item dl dt{width: 50%;line-height: 0;}
.solution .solution-content .industry-item dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution .solution-content .industry-item dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 28px;color: #1D72BA;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #1D72BA;margin: 20px 0;}
.solution .solution-content .industry-item dl dd .text{color: rgba(40,40,40,.8);font-size: 14px;line-height: 24px;}
.solution .solution-content .industry-item dl dd .text img{ margin-top: 20px;}
.solution .solution-content .industry-item dl dd p a{display: inline-block;width: 140px;height: 45px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 43px;border: solid 2px #1D72BA;color: #ffffff;margin-top: 50px;background: #1D72BA;}
.solution .solution-content .industry-item dl dd p a:hover{border-color: #115a9a;color: #fff;background: #115a9a;}


.subNewsTitle h1,.subNewsTitle h2,.subNewsTitle h3,.subNewsTitle h4,.subNewsTitle h5,.subNewsTitle h6{font-size: 18px;padding-top: 100px;margin-top: -65px;margin-bottom: 5px;color: #333;}
.subNewsTitle h3:first-child{font-size: 25px;font-weight: 400;color: #333;margin-top: 0px;padding: 10px 0px 20px;border-bottom: 2px solid #dedede;text-align: center;}
.article h3{font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px;}


.article p{font-size: 14px;color: #545454;margin-bottom: 10px;line-height: 1.8;}

.otherNews {position: relative;border-top: 1px solid #dedede;}
.links22 { padding: 28px 0 0 0px; }
.links22 a { display: block; line-height: 2; font-size: 14px; color: #666; }
.links22 a:hover {color: #15599F;}


@media (max-width: 1600px){
.w1550{ max-width:1300px; }
.w1200{ max-width:1200px;}
}

@media (max-width: 1440px){
.w1550{ max-width:1260px; }
.w1200{ max-width:1200px; }
}