@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: "Microsoft YaHei"; font-size: 16px; color: #333333; position: relative; font-family: "Microsoft YaHei"; min-height: 100%;}
input[type="text"],input[type="password"],button,textarea{outline: none; border: none; -webkit-appearance: none;}
select{outline: none; border: none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}

/*common_desc*/
.common_desc{text-align: center;}
.common_desc h3{font-size: 40px; color: #000;}
.common_desc p{color: #808080; line-height: 30px; margin-top: 30px;}
.leftBtn{width: 10px; height: 19px; background: url(../images/common_icon3.png) no-repeat;}
.rightBtn{width: 10px; height: 19px; background: url(../images/common_icon4.png) no-repeat;}

/*common_intro*/
.common_intro{max-width: 1300px; margin: 0 auto;}
.common_intro .imgBlock{width: 50%;}
.common_intro .imgBlock img{width: 100%;}
.common_intro .txtBlock{width: 50%;}
.common_intro .txtBlock h3{font-size: 30px; color: #333; line-height: 34px;}
.common_intro .txtBlock h3 img{margin: -2px 10px 0 0; height: 32px;}
.common_intro .txtBlock h5{font-size: 16px; color: #808080; line-height: 32px;}
.common_intro .txtBlock .p_block{margin: 20px 0 50px;}
.common_intro .txtBlock .p_block p{font-size: 16px; color: #808080; line-height: 32px; padding-left: 30px; background: url(../images/common_icon1.png) left 5px no-repeat;}
a.bg_blue{width: 180px; height: 50px; line-height: 50px; text-align: center; display: block; font-size: 14px; color: #fff; background: #5474b4; border-radius: 5px; transition: all 0.3s ease;}
a.bg_blue:hover{box-shadow: 0 0 20px 3px #b5c3df;}
a.bg_white{width: 180px; height: 50px; line-height: 48px; text-align: center; display: block; font-size: 15px; color: #5474b4; border: 1px solid #5474b4; border-radius: 5px; transition: all 0.3s ease;}
a.bg_white:hover{background: #5474b4; color: #fff;}
a.bd_white{width: 180px; height: 50px; line-height: 46px; text-align: center; display: block; font-size: 15px; color: #fff; border: 2px solid #fff; border-radius: 5px; transition: all 0.3s ease;}
a.bd_white:hover{background: #fff; color: #5474b4;}

/*common*/
.content .commonitems{overflow: hidden; padding: 60px 0 100px;}
.content .commonitem{width: 30%; float: left; margin: 0 1.5%; padding: 40px 30px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px 5px #4d6ba6;}
.content .commonitem h3{font-size: 30px; color: #333;}
.content .commonitem span{width: 20px; height: 2px; display: block; margin: 24px 0; background: #36aab9;}
.content .commonitem p{font-size: 16px; color: #808080; line-height: 32px; margin-top: 20px;}
.common_tab_title{display: table; margin: 85px auto 0; padding: 0 10px; border-bottom: 2px solid #f2f2f2;}
.common_tab_title span{display: inline-block; padding: 0 38px; line-height: 56px; color: #aaa; cursor: pointer; position: relative; bottom: -2px;}
.common_tab_title span:hover{color: #5474b4;}
.common_tab_title span.active{color: #5474b4; border-bottom: 2px solid #5474b4;}

/*product1*/
.product1 .section1{background: #fff; padding-top: 100px; position: relative;}
.product1 .section1 .common_intro{margin-top: 80px; position: relative; z-index: 1;}
.product1 .section1 .common_intro .imgBlock{float: left;}
.product1 .section1 .common_intro .txtBlock{float: right; display: none;}
.product1 .section1 .common_intro .txtBlock h5{margin-top: 20px;}
.product1 .section1 .common_intro .txtBlock a.bg_blue{margin-top: 60px;}
.product1 .section1 .common_intro .txtBlock.padding1{padding: 100px 100px 0 190px;}
.product1 .section1 .waveContent{margin-top: -230px; z-index: 0;}
.product1 .section2{background: #f5f5f9; padding: 100px 0;}
.product1 .section2 .common_intro{margin-top: 80px;}
.product1 .section2 .common_intro .txtBlock{float: left;}
.product1 .section2 .common_intro .imgBlock{float: right; text-align: right;}
.product1 .section2 .common_intro .imgBlock img{max-width: 643px;}
.product1 .section2 .common_intro .txtBlock.padding2{padding-right: 80px;}
.product1 .section3{background: #fff; padding-top: 130px; position: relative;}
.product1 .section3 .bg{background: #5474b4; width: 100%; height: 620px; position: absolute; top: 0; left: 0; z-index: 1;}
.product1 .section3 .common_desc{position: relative; z-index: 2;}
.product1 .section3 .common_desc h3{color: #fff;}
.product1 .section3 .common_desc p{color: #fff;}
.product1 .section3 .content{margin: 0 120px; position: relative; z-index: 2;}
.product1 .section3 .leftImg{margin-top: -60px; width: 344px; float: left;}
.product1 .section3 .leftImg img{width: 100%; display: block;}
.product1 .section3 .rightCont{padding: 245px 0 0 360px;}
.product1 .section3 .swiper1{height: 360px;}
.product1 .section3 .swiper-slide{height: 300px !important; position: relative; background: #fff; border-radius: 10px; padding: 50px 40px; box-shadow: 0 10px 20px #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform: scale(0.8); transition: all 0.3s ease;}
.product1 .section3 .swiper-slide-visible{transform: scale(0.9);}
.product1 .section3 .swiper-slide-visible h3{color: #e1e1e1;}
.product1 .section3 .swiper-slide-visible b{background: #e1f2f5;}
.product1 .section3 .swiper-slide-visible p{color: #ececec;}
.product1 .section3 .swiper-slide-active{transform: scale(1); top: 0;}
.product1 .section3 .swiper-slide-active h3{color: #333 !important;}
.product1 .section3 .swiper-slide-active b{background: #36aab9 !important;}
.product1 .section3 .swiper-slide-active p{color: #808080 !important;}
.product1 .section3 .swiper1 h3{font-size: 30px; line-height: 40px; height: 40px; color: #e1e1e1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product1 .section3 .swiper1 b{width: 20px; height: 2px; display: block; margin: 30px 0; background: #e1f2f5;}
.product1 .section3 .swiper1 p{line-height: 32px; height: 96px; color: #ececec; overflow: hidden;}
.product1 .section3 .pagination{text-align: center;}
.product1 .section3 .swiper-pagination-switch{width: 28px; height: 10px; background: #d9d9d9; border-radius: 5px; display: inline-block; margin: 0 5px;}
.product1 .section3 .swiper-active-switch{background: #5474b4;}
.product1 .section4{padding: 100px 0; background: #f5f5f9;}
.product1 .section4 .common_intro .txtBlock{float: left;}
.product1 .section4 .common_intro .imgBlock{float: right;}
.product1 .section4 .common_intro .txtBlock.padding3{padding: 200px 80px 0 0;}
.product1 .section5{background: url(../images/product/img5.jpg); background-size: cover; padding-top: 130px;}
.product1 .section5 .common_desc h3{color: #fff;}
.product1 .section5 .common_desc p{color: #fff;}
.product1 .section5 .content{max-width: 1300px; margin: 0 auto; text-align: center;}
.product1 .section5 .content p{color: #fff; margin: 60px 0;}
.product1 .section5 .content img{max-width: 100%; display: block; margin: 0 auto;}
.product1 .section6{padding: 100px 0;}
.product1 .section6 .content{max-width: 1520px; margin: 100px auto 0; overflow: hidden; border-bottom: 1px solid #e9f2f9;}
.product1 .section6 .left,.product1 .section6 .right{width: 50%; float: left;}
.product1 .section6 .left h3{font-size: 20px; color: #fff; line-height: 64px; background: #7cacee; text-align: center;}
.product1 .section6 .left .list{border-left: 1px solid #e9f2f9; border-right: 1px solid #e9f2f9;}
.product1 .section6 .left p{line-height: 70px; padding-left: 270px; color: #666; border-bottom: 1px solid #e9f2f9;}
.product1 .section6 .left p:last-of-type{border: none;}
.product1 .section6 .left p img{margin: -2px 10px 0 0;}
.product1 .section6 .right h3{font-size: 20px; color: #333; line-height: 64px; background: #e0ebfb; text-align: center;}
.product1 .section6 .right .cont{border-right: 1px solid #e9f2f9; width: 100%; text-align: center; display: table; height: 496px;}
.product1 .section6 .right .cont p{display: table-cell; vertical-align: middle; font-size: 24px; color: #333; line-height: 48px;}

/*product2*/
.product2 .section1{padding-top: 100px;}
.product2 .section1 .common_intro .txtBlock{float: left; padding-top: 120px;}
.product2 .section1 .common_intro .imgBlock{float: right; text-align: right; margin-right: -120px;}
.product2 .section1 .common_intro .imgBlock img{max-width: 685px;}
.product2 .section2{padding: 100px 0; background: #f5f5f9;}
.product2 .section2 .common_intro{margin-top: 80px;}
.product2 .section2 .common_intro .txtBlock{float: right; padding: 70px 0 0 130px;}
.product2 .section2 .common_intro .imgBlock{float: left;}
.product2 .section2 .common_intro .imgBlock img{max-width: 640px;}
.product2 .section3{padding-bottom: 50px; background: #f5f5f9;}
.product2 .section3 .common_intro{margin-top: 80px; position: relative;}
.product2 .section3 .common_intro .txtBlock{position: absolute; top: 0; left: 0;}
.product2 .section3 .common_intro .imgBlock{width: 80%; float: right; margin-right: -120px; text-align: right;}
.product2 .section3 .common_intro .imgBlock img{max-width: 1000px;}
.product2 .section4{background: #fff; padding-top: 130px; position: relative;}
.product2 .section4 .bg{background: #5474b4; width: 100%; height: 620px; position: absolute; top: 0; left: 0; z-index: 1;}
.product2 .section4 .common_desc{position: relative; z-index: 2;}
.product2 .section4 .common_desc h3{color: #fff;}
.product2 .section4 .common_desc p{color: #fff;}
.product2 .section4 .content{margin: 0 120px; position: relative; z-index: 2;}
.product2 .section4 .leftImg{margin-top: -60px; width: 344px; float: left;}
.product2 .section4 .leftImg img{width: 100%; display: block;}
.product2 .section4 .rightCont{padding: 245px 0 0 360px;}
.product2 .section4 .swiper3{height: 360px;}
.product2 .section4 .swiper-slide{height: 300px !important; background: #fff; border-radius: 10px; padding: 50px 40px; box-shadow: 0 10px 20px #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform: scale(0.8); transition: all 0.3s ease;}
.product2 .section4 .swiper-slide-visible{transform: scale(0.9);}
.product2 .section4 .swiper-slide-visible h3{color: #e1e1e1;}
.product2 .section4 .swiper-slide-visible b{background: #e1f2f5;}
.product2 .section4 .swiper-slide-visible p{color: #ececec;}
.product2 .section4 .swiper-slide-active{transform: scale(1); top: 0;}
.product2 .section4 .swiper-slide-active h3{color: #333 !important;}
.product2 .section4 .swiper-slide-active b{background: #36aab9 !important;}
.product2 .section4 .swiper-slide-active p{color: #808080 !important;}
.product2 .section4 .swiper3 h3{font-size: 30px; color: #e1e1e1;}
.product2 .section4 .swiper3 b{width: 20px; height: 2px; display: block; margin: 30px 0; background: #e1f2f5;}
.product2 .section4 .swiper3 p{line-height: 32px; color: #ececec; height: 96px; color: #ececec; overflow: hidden;}
/*.product2 .section4 .pagination{text-align: center;}
.product2 .section4 .swiper-pagination-switch{width: 28px; height: 10px; background: #d9d9d9; border-radius: 5px; display: inline-block; margin: 0 5px;}
.product2 .section4 .swiper-active-switch{background: #5474b4;}*/
.product2 .section5{padding: 100px 0; background: #f5f5f9;}
.product2 .section5 .common_intro{margin-top: 80px;}
.product2 .section5 .common_intro .txtBlock{float: left;}
.product2 .section5 .common_intro .imgBlock{float: right;}
.product2 .section5 .common_intro .imgBlock img{max-width: 643px;}
.product2 .section6{padding: 100px 0;}
.product2 .section6 .common_intro{margin-top: 30px;}
.product2 .section6 .common_intro .txtBlock{float: right; padding: 180px 0 0 130px;}
.product2 .section6 .common_intro .imgBlock{float: left;}
.product2 .section6 .common_intro .imgBlock img{max-width: 620px;}
.product2 .section7{padding: 100px 0; background: #5474b4;}
.product2 .section7 .common_desc h3{color: #fff;}
.product2 .section7 .common_desc p{color: #fff;}
.product2 .section7 .common_intro{margin-top: 20px;}
.product2 .section7 .common_intro .txtBlock{float: left; padding-top: 80px;}
.product2 .section7 .common_intro .txtBlock h3{color: #fff;}
.product2 .section7 .common_intro .txtBlock .p_block p{color: #fff;}
.product2 .section7 .common_intro .imgBlock{float: right;}
.product2 .section8{padding-top: 100px;}
.product2 .section8 .common_intro{margin-top: 30px;}
.product2 .section8 .common_intro .txtBlock{float: right; padding-top: 180px;}
.product2 .section8 .common_intro .imgBlock{float: left;}
.product2 .section8 .common_intro .imgBlock img{max-width: 555px;}
.product2 .section9{padding: 100px 0; background: #f5f5f9;}
.product2 .section9 .content{padding: 0 150px;}
.product2 .section9 .content .items{overflow: hidden; padding: 60px 0 100px;}
.product2 .section9 .content .item{width: 30%; float: left; margin: 0 1.5%; padding: 40px 22px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px 5px #e2e2e5;}
.product2 .section9 .content .item h3{font-size: 30px; color: #333;}
.product2 .section9 .content .item .p_block{margin-top: 20px;}
.product2 .section9 .content .item p{font-size: 16px; color: #808080; line-height: 32px; padding-left: 30px; background: url(../images/common_icon1.png) left 5px no-repeat;}
.product2 .section9 .content .imgs{max-width: 90%; margin: 0 auto;}
.product2 .section9 .content .imgs img{width: 100%;}
.product2 .section10{padding-top: 100px; background: #5474b4;}
.product2 .section10 .common_desc h3{color: #fff;}
.product2 .section10 .common_desc p{color: #fff;}
.product2 .section10 .content{padding: 0 150px;}
.product2 .section10 .content .imgs{max-width: 90%; margin: 0 auto;}
.product2 .section10 .content .imgs img{width: 100%;}

/*product3*/
.product3 .section1{padding-top: 100px; background: #fff;}
.product3 .section1 .common_intro{margin-top: 80px;}
.product3 .section1 .common_intro .txtBlock{float: left; padding-right: 130px;}
.product3 .section1 .common_intro .imgBlock{float: right;}
.product3 .section1 .common_intro .imgBlock img{max-width: 595px;}
.product3 .section2{padding-top: 100px; background: #f5f5f9;}
.product3 .section2 .common_intro{margin-top: 100px;}
.product3 .section2 .common_intro .txtBlock{float: right; width: 60%; padding: 0 88px;}
.product3 .section2 .common_intro .txtBlock h3{font-size: 24px; line-height: 40px;}
.product3 .section2 .common_intro .txtBlock a{margin-top: 100px;}
.product3 .section2 .common_intro .imgBlock{float: left; width: 40%; position: relative; bottom: -100px; margin-top: -160px;}
.product3 .section2 .common_intro .imgBlock img{max-width: 344px;}
.product3 .section3{padding: 180px 0 100px; background: #5474b4;}
.product3 .section3 .common_desc h3{color: #fff;}
.product3 .section3 .common_desc p{color: #fff;}
.product3 .section3 .common_intro .txtBlock{float: left; margin-top: 130px; padding-right: 80px;}
.product3 .section3 .common_intro .imgBlock{float: right;}
.product3 .section3 .common_intro .txtBlock .p_block p{color: #fff;}

/*product4*/
.product4 .section1{padding-top: 100px;}
.product4 .section1 .content{padding: 135px 50px 0;}
.product4 .section1 .content .items{text-align: center;}
.product4 .section1 .content .item{display: inline-block; margin: 0 50px; text-align: center;}
.product4 .section1 .content .item h3{font-size: 24px; color: #333; margin: 30px 0 15px;}
.product4 .section1 .content .item p{font-size: 16px; color: #808080;}
.product4 .section1 a{margin: 100px auto 0;}
.product4 .section2{padding-top: 100px; background: #f5f5f9;}
.product4 .section2 .common_intro{margin-top: 80px; position: relative;}
.product4 .section2 .common_intro .txtBlock{position: absolute; top: 70px; left: 0;}
.product4 .section2 .common_intro .imgBlock{width: 100%; text-align: right;}
.product4 .section2 .common_intro .imgBlock img{max-width: 820px;}
.product4 .section3{padding: 100px 0; background: #5474b4;}
.product4 .section3 .common_desc h3{color: #fff;}
.product4 .section3 .content{margin-top: 80px; text-align: center;}
.product4 .section3 .content span{display: inline-block; color: #fff; line-height: 30px; margin: 0 40px; padding-left: 30px; background: url(../images/common_icon1.png) left center no-repeat;}
.product4 .section3 .content img{max-width: 1300px; width: 100%; margin-top: 80px;}
.product4 .section4{padding-top: 100px; }
.product4 .section4 .common_intro .txtBlock{float: right; padding: 190px 0 0 190px;}
.product4 .section4 .common_intro .imgBlock{float: left; padding: 0 40px; position: relative;}
.product4 .section4 .common_intro .swiper4 .swiper-wrapper{height: 100% !important;}
.product4 .section4 .common_intro .swiper4 .swiper-slide{height: 100% !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product4 .section4 .common_intro .swiper4 p{text-align: center; font-size: 24px; line-height: 40px; color: #333;}
.product4 .section4 .common_intro .leftBtn{position: absolute; left: 0; bottom: 80px; cursor: pointer;}
.product4 .section4 .common_intro .rightBtn{position: absolute; right: 0; bottom: 80px; cursor: pointer;}
.product4 .section5{padding-top: 100px; background: #f5f5f9;}
.product4 .section5 .common_intro{margin-top: 80px;}
.product4 .section5 .common_intro .txtBlock{width: 40%; float: left; padding-top: 100px;}
.product4 .section5 .common_intro .imgBlock{width: 60%; float: right; position: relative;}
.product4 .section5 .common_intro .swiper5 .swiper-wrapper{height: 100% !important;}
.product4 .section5 .common_intro .swiper5 .swiper-slide{height: 100% !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product4 .section5 .common_intro .leftBtn{position: absolute; left: -20px; bottom: 80px; cursor: pointer;}
.product4 .section5 .common_intro .rightBtn{position: absolute; right: -20px; bottom: 80px; cursor: pointer;}
.product4 .section6{padding-top: 100px; background: #5474b4;}
.product4 .section6 .common_desc h3{color: #fff;}
.product4 .section6 .common_desc p{color: #fff;}
.product4 .section6 .common_intro{margin-top: 80px;}
.product4 .section6 .common_intro .txtBlock{width: 40%; float: right; padding: 20px 0 0 50px;}
.product4 .section6 .common_intro .txtBlock h3{color: #fff;}
.product4 .section6 .common_intro .txtBlock .p_block p{color: #fff;}
.product4 .section6 .common_intro .imgBlock{width: 60%; float: left; position: relative;}
.product4 .section6 .common_intro .swiper6 .swiper-wrapper{height: 100% !important;}
.product4 .section6 .common_intro .swiper6 .swiper-slide{height: 100% !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product4 .section6 .common_intro .leftBtn{position: absolute; left: -20px; bottom: 80px; cursor: pointer; background: url(../images/common_icon5.png) no-repeat;}
.product4 .section6 .common_intro .rightBtn{position: absolute; right: -20px; bottom: 80px; cursor: pointer; background: url(../images/common_icon6.png) no-repeat;}
.product4 .section7{padding-top: 100px;}
.product4 .section7 .content{padding: 0 150px;}
.product4 .section7 .content .commonitems .commonitem{box-shadow: 0 0 20px 5px #ebebeb;}
.product4 .section7 .imgs{position: relative;}
.product4 .section7 .swiper7{max-width: 86%;}
.product4 .section7 .swiper7 .swiper-wrapper{height: 100% !important;}
.product4 .section7 .swiper7 .swiper-slide{height: 100% !important; text-align: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product4 .section7 .swiper7 .swiper-slide img{width: 100%; max-width: 1220px;}
.product4 .section7 .leftBtn{position: absolute; left: 0; bottom: 40%; cursor: pointer;}
.product4 .section7 .rightBtn{position: absolute; right: 0; bottom: 40%; cursor: pointer;}
.product4 .section8{padding: 100px 0; background: #5474b4;}
.product4 .section8 .common_desc h3{color: #fff;}
.product4 .section8 .common_desc p{color: #fff;}
.product4 .section8 .common_intro{margin-top: 80px;}
.product4 .section8 .common_intro .txtBlock{float: left; padding-right: 50px;}
.product4 .section8 .common_intro .txtBlock h3{color: #fff;}
.product4 .section8 .common_intro .txtBlock .p_block p{color: #fff; text-align: justify;}
.product4 .section8 .common_intro .imgBlock{float: right;}
.product4 .section9{padding-top: 100px;}
.product4 .section9 .common_intro{max-width: 1100px; margin-top: 80px; position: relative; z-index: 1;}
.product4 .section9 .common_intro .imgBlock{float: left; width: 60%;}
.product4 .section9 .common_intro .imgBlock img{max-width: 615px;}
.product4 .section9 .common_intro .txtBlock{float: right; width: 40%; padding: 200px 0 0 80px; display: none;}
.product4 .section9 .common_intro .txtBlock h5{margin-top: 20px;}
.product4 .section9 .common_intro .txtBlock a.bg_blue{margin-top: 60px;}
.product4 .section10{padding: 100px 0; background: #f5f5f5;}
.product4 .section10 .items{padding: 80px 70px 0; overflow: hidden;}
.product4 .section10 .items .item{width: 33%; float: left; padding: 0 35px;}
.product4 .section10 .items .item .block{border-radius: 10px; background: #fff; box-shadow: 0 0 30px 10px #e4e4e7; position: relative; top: 0; overflow: hidden; transition: all 0.3s ease;}
.product4 .section10 .items .item img{width: 100%;}
.product4 .section10 .items .item .titleBox{padding: 40px 20px; text-align: center;}
.product4 .section10 .items .item h3{font-size: 30px; color: #333;}
.product4 .section10 .items .item h5{font-size: 20px; color: #808080; margin-top: 8px;}
.product4 .section10 .items .item .contBox{padding: 0 80px 60px;}
.product4 .section10 .items .item p{padding-left: 30px; font-size: 16px; line-height: 32px; color: #808080; background: url(../images/common_icon1.png) left 5px no-repeat;}
.product4 .section10 .items .item a{margin: 80px auto 0; transition: all 0.3s ease; opacity: 0; visibility: hidden;}
.product4 .section10 .items .item:hover a{opacity: 1; visibility: visible; margin-top: 60px;}
.product4 .section10 .items .item:hover .block{top: -20px;}

/*product6*/
.product6 .section1{padding: 100px 0; background: #fff;}
.product6 .section1 .common_intro{margin-top: 80px; position: relative;}
.product6 .section1 .common_intro .imgBlock{width: 100%;}
.product6 .section1 .common_intro .txtBlock{position: absolute; top: 0; left: 0;}
.product6 .section2{padding: 100px 0; background: #f5f5f9;}
.product6 .section2 .common_intro{margin-top: 60px;}
.product6 .section2 .common_intro .txtBlock{float: right; width: 40%; padding: 140px 0 0 80px;}
.product6 .section2 .common_intro .txtBlock h3{font-size: 24px;}
.product6 .section2 .common_intro .imgBlock{float: left; width: 60%;}
.product6 .section2 .common_intro .imgBlock img{max-width: 748px;}
.product6 .section3{padding: 100px 0; background: #5474b4;}
.product6 .section3 .common_desc h3{color: #fff;}
.product6 .section3 .common_desc p{color: #fff;}
.product6 .section3 .common_intro{margin-top: 80px;}
.product6 .section3 .common_intro .txtBlock{width: 100%;}
.product6 .section3 .common_intro .txtBlock .p_block{margin: 0 0 60px;}
.product6 .section3 .common_intro .txtBlock .p_block p{color: #fff;}
.product6 .section3 .common_intro .imgBlock{width: 100%;}
.product6 .section3 .bd_white{margin: 80px auto 0;}
.product6 .section4{padding: 100px 0;}
.product6 .section4 .content{padding: 0 100px;}
.product6 .section4 .content img{width: 100%;}

/*solution1*/
.solution1 .common_intro .txtBlock h3{font-size: 24px;}
.solution1 .section1{padding: 100px 0 60px;}
.solution1 .section1 .common_intro{padding-top: 100px;}
.solution1 .section1 .common_intro .txtBlock{float: right; padding: 0 50px 0 80px;}
.solution1 .section1 .common_intro .txtBlock .p_block{margin: 20px 0 40px;}
.solution1 .section1 .common_intro .imgBlock{float: left; margin-top: 40px;}
.solution1 .section1 .common_intro .imgBlock img{max-width: 625px;}
.solution1 .section2{padding: 100px 0; background: #5474b4;}
.solution1 .section2 .content{background: rgba(255, 255, 255, .15); padding: 10px; max-width: 1220px; margin: 0 auto;}
.solution1 .section2 .content img{width: 100%; display: block;}
.solution1 .section3{padding-top: 100px;}
.solution1 .section3 .common_intro{margin-top: 80px; max-width: 1220px;}
.solution1 .section3 .common_intro .txtBlock{float: right; margin-top: 150px; padding-left: 100px;}
.solution1 .section3 .common_intro .imgBlock{float: left;}
.solution1 .section3 .common_intro .imgBlock img{max-width: 560px;}
.solution1 .section4{padding: 100px 0  60px; background: #f5f5f9;}
.solution1 .section4 .common_intro{margin-top: 80px;}
.solution1 .section4 .common_intro .txtBlock{float: right; padding: 40px 0 0 125px;}
.solution1 .section4 .common_intro .imgBlock{float: left;}
.solution1 .section4 .common_intro .imgBlock img{max-width: 650px;}

/*solution2*/
.solution2 .section1{padding-top: 100px;}
.solution2 .section1 .common_intro{max-width: 1320px;}
.solution2 .section1 .common_intro .txtBlock{float: left; margin-top: 250px;}
.solution2 .section1 .common_intro .imgBlock{float: right; margin-right: -130px;}
.solution2 .section2{padding: 80px 0 40px; background: #f5f5f9;}
.solution2 .section2 .common_intro{margin-top: 100px;}
.solution2 .section2 .common_intro .txtBlock{float: right; padding: 180px 0 0 100px;}
.solution2 .section2 .common_intro .txtBlock .p_block p{margin-top: 20px;}
.solution2 .section2 .common_intro .imgBlock{float: left;}
.solution2 .section2 .common_intro .imgBlock img{max-width: 600px;}
.solution2 .section3{padding: 80px 0 40px; background: #f5f5f9;}
.solution2 .section3 .common_intro{margin-top: 80px; position: relative;}
.solution2 .section3 .common_intro .txtBlock{float: left; width: 40%; position: absolute; top: 30px; left: 0;}
.solution2 .section3 .common_intro .txtBlock a{margin-top: 80px;}
.solution2 .section3 .common_intro .imgBlock{width: 78%; float: right; margin-right: -120px;}
.solution2 .section4{padding-top: 100px; background: #5474b4;}
.solution2 .section4 .common_desc h3{color: #fff;}
.solution2 .section4 .common_desc p{color: #fff;}
.solution2 .section4 .common_intro{margin-top: 100px; max-width: 1470px;}
.solution2 .section4 .common_intro .txtBlock{float: right;}
.solution2 .section4 .common_intro .txtBlock .p_block{margin: 0;}
.solution2 .section4 .common_intro .txtBlock .p_block p{color: #fff;}
.solution2 .section4 .common_intro .txtBlock .p_block img{margin-top: 80px; width: 100%;}
.solution2 .section4 .common_intro .imgBlock{float: left;}
.solution2 .section4 .common_intro .imgBlock img{max-width: 615px;}
.solution2 .section5{padding: 100px 0; background: #f6f6f9;}
.solution2 .section5 .common_intro{margin-top: 80px;}
.solution2 .section5 .common_intro .txtBlock{float: left; padding: 130px 0 0 80px;}
.solution2 .section5 .common_intro .imgBlock{float: right; text-align: right;}
.solution2 .section5 .common_intro .imgBlock img{max-width: 528px;}
.solution2 .section6{padding: 100px 0; background: #fff;}
.solution2 .section6 .common_intro{margin-top: 80px;}
.solution2 .section6 .common_intro .txtBlock{float: right; padding: 160px 0 0 180px;}
.solution2 .section6 .common_intro .txtBlock .p_block p{margin-top: 20px;}
.solution2 .section6 .common_intro .imgBlock{float: left;}
.solution2 .section6 .common_intro .imgBlock img{max-width: 642px; margin-left: 50px;}
.solution2 .section7{padding: 100px 0; background: #5474b4;}
.solution2 .section7 .common_desc h3{color: #fff;}
.solution2 .section7 .common_intro{margin-top: 50px;}
.solution2 .section7 .common_intro .txtBlock{float: left; padding: 180px 0 0 60px;}
.solution2 .section7 .common_intro .txtBlock h3{font-size: 24px; color: #fff;}
.solution2 .section7 .common_intro .txtBlock .p_block{margin: 50px 0 80px;}
.solution2 .section7 .common_intro .txtBlock .p_block p{color: #fff; margin-top: 20px;}
.solution2 .section7 .common_intro .imgBlock{float: right; margin-right: -60px;}
.solution2 .section8{padding-top: 100px;}
.solution2 .section8 .common_intro{margin-top: 40px;}
.solution2 .section8 .common_intro .txtBlock{float: right; padding-top: 170px;}
.solution2 .section8 .common_intro .txtBlock .p_block p{margin-bottom: 20px;}
.solution2 .section8 .common_intro .imgBlock{float: left;}
.solution2 .section8 .common_intro .imgBlock img{max-width: 535px;}
.solution2 .section9{padding: 100px 0; background: #f5f5f9;}
.solution2 .section9 .common_intro{margin-top: 80px;}
.solution2 .section9 .common_intro .txtBlock{float: left; padding: 140px 0 0 50px;}
.solution2 .section9 .common_intro .imgBlock{float: right;}
.solution2 .section9 .common_intro .imgBlock img{max-width: 630px;}

/*solution3*/
.solution3 .common_intro .txtBlock h3{font-size: 24px;}
.solution3 .section1{padding-top: 100px; background: #fff;}
.solution3 .section1 .common_intro{margin-top: 80px; max-width: 1400px;}
.solution3 .section1 .common_intro .txtBlock{float: right; width: 40%; margin-top: 110px;}
.solution3 .section1 .common_intro .imgBlock{float: left; width: 60%;}
.solution3 .section1 .common_intro .imgBlock img{max-width: 750px;}
.solution3 .section2{padding: 100px 0; background: #f5f5f9;}
.solution3 .section2 .common_intro{margin-top: 80px; max-width: 1400px;}
.solution3 .section2 .common_intro .txtBlock{float: left; width: 40%; margin-top: 110px;}
.solution3 .section2 .common_intro .imgBlock{float: right; width: 60%; text-align: right;}
.solution3 .section2 .common_intro .imgBlock img{max-width: 750px;}
.solution3 .section3{padding-top: 130px; background: #fff; position: relative;}
.solution3 .section3 .bg{background: #5474b4; width: 100%; height: 620px; position: absolute; top: 0; left: 0; z-index: 1;}
.solution3 .section3 .common_desc{position: relative; z-index: 2;}
.solution3 .section3 .common_desc h3{color: #fff;}
.solution3 .section3 .common_desc p{color: #fff;}
.solution3 .section3 .content{margin: 0 auto; max-width: 1400px; position: relative; z-index: 2;}
.solution3 .section3 .leftImg{width: 344px; float: left;}
.solution3 .section3 .leftImg img{width: 100%; display: block;}
.solution3 .section3 .rightCont{padding: 245px 0 0 360px;}
.solution3 .section3 .swiper2{height: 360px; width: 940px; margin: 0 auto;}
.solution3 .section3 .swiper-slide{height: 360px !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.solution3 .section3 .swiper-slide .box{background: #fff; margin: 30px; border-radius: 10px; padding: 40px 50px; box-shadow: 0 10px 20px #ebebeb;}
.solution3 .section3 .swiper2 h3{font-size: 30px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.solution3 .section3 .swiper2 b{width: 20px; height: 2px; background: #36aab9; display: block; margin: 30px 0;}
.solution3 .section3 .swiper2 p{line-height: 32px; height: 96px; color: #808080; overflow: hidden;}
.solution3 .section3 .pagination{text-align: center;}
.solution3 .section3 .swiper-pagination-switch{width: 28px; height: 10px; background: #d9d9d9; border-radius: 5px; display: inline-block; margin: 0 5px;}
.solution3 .section3 .swiper-active-switch{background: #5474b4;}
.solution3 .section4{padding: 100px 0; background: #f5f5f9;}
.solution3 .section4 .common_intro{margin-top: 80px; max-width: 1400px;}
.solution3 .section4 .common_intro .txtBlock{float: left; width: 40%; margin-top: 110px;}
.solution3 .section4 .common_intro .imgBlock{float: right; width: 60%; text-align: right;}
.solution3 .section4 .common_intro .imgBlock img{max-width: 750px;}

/*solution4*/
.solution4 .common_intro .txtBlock h3{font-size: 24px;}
.solution4 .section1{padding-top: 100px; background: #fff;}
.solution4 .section1 .common_intro{margin-top: 80px;}
.solution4 .section1 .common_intro .txtBlock{float: left; width: 40%;}
.solution4 .section1 .common_intro .txtBlock.padding1{padding: 85px 80px 0 0;}
.solution4 .section1 .common_intro .imgBlock{float: right; width: 60%;}
.solution4 .section1 .common_intro .imgBlock img{max-width: 724px;}
.solution4 .section2{padding-top: 100px; background: #f5f5f9;}
.solution4 .section2 .common_intro{margin-top: 80px;}
.solution4 .section2 .common_intro .imgBlock{float: left; bottom: -60px; position: relative; margin-top: -50px;}
.solution4 .section2 .common_intro .imgBlock img{max-width: 344px;}
.solution4 .section2 .common_intro .txtBlock{float: right; margin-top: 30px;}
.solution4 .section2 .common_intro .txtBlock .p_block{margin: 15px 0 25px;}
.solution4 .section3{padding: 180px 0 90px;}
.solution4 .section3 .common_intro{margin-top: 130px;}
.solution4 .section3 .common_intro .txtBlock{width: 40%; float: left; margin-top: 50px;}
.solution4 .section3 .common_intro .txtBlock .p_block{margin: 40px 0 90px;}
.solution4 .section3 .common_intro .imgBlock{width: 60%; float: right;}
.solution4 .section3 .common_intro .imgBlock img{max-width: 750px;}