body,html{background:#fff;}
/*产品介绍*/
/*banner*/
.ne-banner{ width:100%; height:319px;margin:0 auto; overflow: hidden;}
.main{width:100%; margin:0 auto; overflow: hidden;}
.product-bt{width: 100%; background:#f1f1f1; height: 70px; margin-bottom: 20px;}
.product-bt ul{ width: 1200px; margin: 0 auto;}
.product-bt ul li{ width: 33.3%; line-height: 70px; color: #777;font-size: 16px; text-align: center; float: left; }
.product-bt ul li.currentr{color: #333; font-size: 20px; background: url(../images/prod-bg01.png) center 66px no-repeat;}
.product-coren{ width: 100%; margin: 0 auto;}
.ddzb-cp{ width: 100%; height: 760px; background: url(../images/product01.jpg) center bottom no-repeat;}
.product01{overflow: hidden;}
.ddzb-cp p{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ddzb-cp p img{width: 1014px; height: 584px; padding-left: 93px; padding-top: 50px;}
.ddzb-gn{ width: 1200px; margin:30px auto; height: auto;}
.ddzb-gn p{ line-height: 30px; font-size: 14px; text-indent: 30px; padding-top: 20px;}
.ddzb-gn1{ width: 1200px; margin:30px auto; height: auto;}
.ddzb-gn1 ul{ margin-bottom: 20px;}
.ddzb-gn1 ul li{ width: 19%; float: left; height: 180px; background:#eaeaf4; line-height: 24px; font-size: 14px; padding: 3%; }
.ddzb-gn1 ul li.gn-bt{background: #fff;}
.ddzb-gn1 ul li.gn-bg{background: #8f92cb; color: #fff;}
.ddzb-gn1 ul li h3{width: 100px; height: 100px; font-size: 24px; line-height: 35px; background: url(../images/cpjs-bt.png) top left no-repeat;margin: 30px; padding-top: 20px; }
.ddzb-gn1 ul li span{ display:block; text-align: center; font-size: 20px; font-weight: bold; line-height: 35px; padding-bottom: 20px;}
.cpy-box{ width: 100%; height: 676px; margin: 50px auto;background: url(../images/product02.jpg)center center no-repeat;}
.cpy01{width: 1200px; height:480px; margin: 0 auto; padding-top: 150px;}
.cpy01 h3{ width:150px;background: url(../images/cpbt02.png) top left no-repeat;font-size: 24px; line-height: 35px; color: #fff;list-style: 35px; padding-top: 20px;}
.cpy01 p{ color: #fff; font-size: 14px; line-height: 24px; width: 400px; padding: 30px 0;}
.cpy01 ul li{ line-height: 35px; font-size: 14px; font-weight: bold; color: #fff; background: url(../images/product05.png)left center no-repeat; text-indent: 30px;}
.cpjs-cg{ width: 100%; margin: 0 auto; height: 644px; background:url(../images/cpjs01.jpg) center bottom no-repeat;}
.cpjs-cg01{width: 1200px; margin:0 auto; height: auto; padding-top: 20px; }
.cpjs-cg01 h3{width: 300px; float: left; font-size: 24px; line-height: 36px; padding-top: 50px; background: url(../images/cpjs-bt.png) left 30px no-repeat;}
.cpjs-xq p{width: 787px; float: right; line-height: 28px; font-size: 14px; text-indent: 30px;padding-bottom: 40px;}
.cpjs-xq p.cpjs-lc{ height: 74px; width: 787px;  background: url(../images/cpjs03.jpg)center 40px no-repeat; padding-bottom: 0; }
.cpjs-xq p.cpjs-lc a{ width: 81px;height: 64px; font-weight: bold; display:inline-block; text-align: center; line-height: 44px; background: url(../images/cpjs04.png) center 50px no-repeat; text-indent: 0; font-size: 16px;}
.cpjs-xq p.cpjs-lc a:hover{ color: #4449a9; background: url(../images/cpjs05.png)center bottom no-repeat;}
.cpjs-cg02{ width: 100%; background:#f7f7f8 url(../images/cpjs02.jpg)center bottom no-repeat; height:1500px; margin: 0 auto;}
.cpjs-fw{ width: 1200px; margin: 0px auto; padding-top: 20px; overflow: hidden;}
.cpjs-fw ul li{width:46%;float:left;height:420px; margin:2% 2%; background: #fff;background-color: rgb(255,255,255, 0.5); -webkit-box-shadow: #ccc 0px 0px 10px;-moz-box-shadow: #ccc 0px 0px 10px;box-shadow: #ccc 0px 0px 10px;-ms-box-shadow: #ccc 0px 0px 10px;  }
.cpjs-fw img{ padding: 88px; }
.cpjs-fw span{ display: inline-block; padding-top: 50px; font-size: 160px; color: #f5f5f5;text-align: right; }
.cpjs-fw em{ display: block;  padding-left: 88px; font-size:30px; }
.cpjs-fw p{ width: 40%; padding-top: 20px;  height: 130px; background: url(../images/fwsm.png) 30px center no-repeat; padding-left: 80px; padding-top: 45px; line-height: 28px; font-size: 14px;}
.jrfw{ width: 100%; height: 497px; padding-top: 20px; background: url(../images/jrpt.jpg) center bottom no-repeat;margin:0 auto; overflow: hidden;}
.jr-cpjs{ width: 1114px; border: 3px solid #696dba;height: 240px; margin: 0 auto;background: #fff;-webkit-box-shadow: #ccc 0px 0px 10px;-moz-box-shadow: #ccc 0px 0px 10px;box-shadow: #ccc 0px 0px 10px;-ms-box-shadow: #ccc 0px 0px 10px; }
.jr-cpjs h3{ width: 200px; font-size: 24px; line-height: 36px; margin-left: 50px; padding-top: 100px; background: url(../images/cpjs-bt.png) left 80px no-repeat; float: left; }
.jr-cpjs p{ padding:70px 50px; line-height: 28px;font-size: 14px; }
.jr-cptd{ width: 1200px; height:360px; margin: 0 auto;}
.jr-cptd h3{width: 20%; font-size: 24px; line-height: 36px; margin-left: 50px; padding-top: 100px; background: url(../images/cpjs-bt.png) left 80px no-repeat; float: left;}
.jr-cptd li{width:21%;float:left;height:225px; margin:5% 2%; background: #fff;background-color: rgb(255,255,255, 0.5); -webkit-box-shadow: #ccc 0px 0px 10px;-moz-box-shadow: #ccc 0px 0px 10px;box-shadow: #ccc 0px 0px 10px;-ms-box-shadow: #ccc 0px 0px 10px;  }
.jr-cptd li img{ padding-top: 50px; padding-left: 90px;}
.jr-cptd li span{ display: block; text-align: center; font-size: 18px; padding-top: 30px;}

/*平台介绍*/
.ptjs-banner{ width:100%; height:563px;margin:0 auto; overflow: hidden;}
.ptjs-ys{width: 1200px; margin:30px auto; height: 560px;}
.ptjs-ys h3{ line-height: 38px; font-size: 54px;color: #4449a9; text-align: center; padding-top: 30px;}
.ptjs-ys p{line-height: 60px; font-size:20px; text-align: center; }
.ptjs-ys ul li a{display: block; width: 26.1%; float:left;height:122px; margin:2%;padding:2% 1.5%;line-height: 28px;text-align: center; background: #fff;border: 1px solid #7d7d7d; font-size:14px;color: #777;}
.ptjs-ys ul li a span{display: block;line-height: 38px; height:48px; font-size:20px;color: #333; text-align: center;background: url(../images/ptjsbt01.png) bottom center no-repeat;margin-bottom: 10px;  }
.ptjs-ys ul li a:hover{ background: #fff;border: 1px solid #4449a9;color: #333; -webkit-box-shadow: #4449a9 0px 0px 10px;-moz-box-shadow: #4449a9 0px 0px 10px;box-shadow: #4449a9 0px 0px 10px;-ms-box-shadow: #4449a9 0px 0px 10px; }
.ptjs-ys ul li a:hover span{background: url(../images/ptjsbt02.png) bottom center no-repeat; }
.ptjs-sm{width:100%; height:687px;margin:30px auto; overflow: hidden; background: url(../images/ptjs01.jpg) bottom center no-repeat; overflow: hidden;}
.ptsm{width: 1200px; margin:30px auto; height: 560px;color: #fff;}
.ptsm h3{height:100px;font-size:54px; line-height: 38px; text-align: center; padding-top:100px; }
.ptsm h3 span{display: block;line-height: 60px; font-size:20px; text-align: center;  font-weight: normal;}
.ptsm p{width: 520px;line-height: 30px;  font-size:14px;padding-top:50px;text-indent: 30px;}
.ptsm p a{ display: block;width: 120px; height:32px;border: 1px solid #fff;color: #fff; line-height: 32px; text-align: center; float: right;margin-top:80px;text-indent:0;}
.ptzs{width: 1200px; margin:30px auto; height: 500px; overflow: hidden;}
 .swiper-container { width: 100%; height: 429px; padding:10px 0;}
 .swiper-slide {text-align: center;font-size: 18px; background:#fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  transition: 300ms;border-radius:15px;overflow: hidden;}
.swiper-slide:not(.swiper-slide-active) { transform: scale(0.8);}
.swiper-slide-active{box-shadow: -2px 0px 5px 1px #ccc,0px -2px 5px 1px #ccc,2px 0px 5px 1px #ccc,0px 2px 5px 1px #ccc;}
.ptjs-lx{width: 100%; height:343px;  margin:0 auto; background: url(../images/ptjs02.jpg) bottom center no-repeat; overflow: hidden; color: #fff;}
.ptjs-lx h3{ width:1200px; margin:0 auto;line-height:150px; font-size:45px;text-align: center; padding:50px 0; }
.ptjs-lx h3 a{display: block;width: 200px;margin:0 auto; font-size:24px;height:50px;border: 1px solid #fff;border-radius:10px;color: #fff; line-height: 50px; text-align: center;}
/*企业介绍*/
.qyjs01{ width: 1200px; margin: 20px auto; overflow: hidden; height: 100px; padding-top: 30px; border-bottom: 1px solid #ccc;}
.qyjs01 h3{ font-size: 30px;  height: 100px;line-height: 50px; text-align: center; background: url(../images/qyjs-bt.png)bottom center no-repeat;}
.qyjs01 h3 span{ display: block;font-size: 24px; line-height:30px; text-align: center; color: #777;  }
.qyjs-ys{ width: 1200px; margin: 20px auto;}
.qyjs-ys li{width: 22%; height: 230px; padding-left: 3%; text-align: center; float: left; padding-top: 30px; font-size: 18px; line-height: 30px;}
.qyjs-ys li a{ display: block;margin: 0 auto; width: 134px; height: 110px; background:url(../images/js-ys01.jpg)top center no-repeat; text-align: center;padding-top:35px;}
.qyjs-ys li a:hover{background:url(../images/js-ys02.jpg)top center no-repeat;}
.qyjs-ys li span{display: block; font-size: 30px; font-weight: bold;}
.qyjs-ys p{ line-height: 28px; font-size: 14px; padding-top: 20px; text-indent: 30px;}
.qyjs-fzlc{ width:100%; height: 533px; margin: 0 auto; background: url(../images/qyjs01.jpg)center center no-repeat;}
.qylc{ width: 1200px; margin:50px auto; height: 280px; overflow: hidden;}
.qylc ul{ height: 140px; border-bottom: 1px solid #7d7d7d;}
.qylc ul li{ width: 18%; height: 140px; padding:0 2%;float: left; font-size: 16px; line-height: 30px; text-align: center;}
.qylc ul li a{ display: block;width:100%; height: 140px;  background: url(../images/fzlc04.png) center bottom no-repeat; }
.qylc ul li a:hover{ background:url(../images/fzlc03.png)center bottom no-repeat; color: #4449a9;}
.qylc ul li a span{ font-size: 20px; font-weight: bold;}
.qylc ul.qylc-db li{float:right; }
.qylc ul.qylc-db li a{ display: block;width:100%; height: 140px; padding-top: 30px; background: url(../images/fzlc01.png) center top no-repeat; }
.qylc ul.qylc-db li a:hover{background: url(../images/fzlc02.png) center top no-repeat;}
.qyjs-lx{ width: 100%; height: 608px; margin:0 auto; background: url(../images/qyjs02.jpg) center center no-repeat; overflow: hidden;}
.qyjs01 h3.lxwm-bt{color: #fff;  background: url(../images/qyjs-bt01.png)bottom center no-repeat;}
.qyjs-item{ width: 620px; height: auto; margin: 20px auto;}
.qyjs-item li{width: 620px;height:48px; padding:15px 0 0 0;  }
.qyjs-item li p{background: #fff;height: 48px; line-height: 48px; font-size: 14px;}
.qyjs-item li p span{ padding-left: 20px;}
.qyjs-item li p input{border:none;outline:none;width:500px;}
.qyjs-item li p.item-01{ width:300px;float: left;}
.qyjs-item li p em{display:inline-block;width:38px;height:48px;float:right;}
.qyjs-item li p i{transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;display:inline-block;width:38px;background:url(../images/down.png) center center no-repeat;height:48px;}
.qyjs-item li p.itemright{ float: right;}
.qyjs-item li p.item-01 input{border:none;outline:none;width:100px;overflow: hidden;}
.qyjs-item li p.form-tex{ height: auto;}
.qyjs-item li p.form-tex span{line-height: 48px; }
.qyjs-item li p textarea{ width:560px; height: 60px; line-height: 30px; padding-left: 60px; border:none;outline:none; }
.caltBtn{ width: 210px; height: 50px; background: #8c92ff; margin: 100px auto 0 auto; font-size: 18px; text-align: center; line-height: 50px;}
.caltBtn a{ color: #fff;}