@charset "UTF-8";
.pageTurning { margin: 30px auto; width: 1200px; }
.pageTurning .a { position: relative; overflow: hidden; height: 35px; width: 500px; margin-left: -250px; left: 50%; }

/*首页*/
/* banner-css */
.indexBanner { position: relative; overflow: hidden; }
.indexBanner .slideBox { height: 560px; overflow: hidden; width: 100% !important; position: relative; }
.indexBanner .slideBox .hd { width: 100%; height: 70px; position: absolute; top: 490px; z-index: 1; }
.indexBanner .slideBox .hd ul { width: 1170px; margin: 0 auto; }
.indexBanner .slideBox .hd ul li { width: 230px; float: left; height: 70px; line-height: 70px; overflow: hidden; color: #35b057; text-align: center; cursor: pointer; font-size: 20px; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.indexBanner .slideBox .hd ul li.on { color: #000; opacity: 1; filter: alpha(opacity=100); text-decoration: none; }
.indexBanner .slideBox .bd li { width: 100%; height: 580px; overflow: hidden; }

.icontainer { position: relative; overflow: hidden; /*margin-top: -70px;*/}
.icontainer .about { position: relative; }
.icontainer .case { position: relative; background: #f4f4f4; padding: 30px 0; margin: 30px 0; }
.icontainer .case .title { text-align: center; }
.icontainer .case .title h5 { font-size: 48px; color: #35b057; line-height: 72px; text-align: center; }
.icontainer .case .title p { color: #999; font-size: 24px; }
.icontainer .case .main { padding: 20px 0; position: relative; overflow: hidden; }
.icontainer .case .main ul { width: 120%; }
.icontainer .case .main li { float: left; width: 380px; margin: 20px 20px 0 0; }
.icontainer .case .main li:nth-child(3n) { margin-right: 0; }
.icontainer .case .main li .pic { width: 380px; height: 200px; position: relative; overflow: hidden; }
.icontainer .case .main li .pic img { display: block; transition: all 0.3s ease-in; transform: scale(1, 1); }
.icontainer .case .main li a { display: block; text-align: center; }
.icontainer .case .main li:hover img { transform: scale(1.1, 1.1); }
.icontainer .case .main li p { text-align: center; line-height: 45px; font-size: 18px; }
.icontainer .case .main li:hover p{color: #35b057;}
.icontainer .case .btn { background: url(../images/more.png) center no-repeat; text-align: center; height: 80px; width: 80px; line-height: 80px; color: #fff; position: absolute; left: 50%; margin-left: -40px; bottom: -40px; font-size: 18px; }
.icontainer .case .btn a { color: #fff; }
.icontainer .news { position: relative; overflow: hidden; margin: 60px 0 30px 0; }
.icontainer .news .newslist { position: relative; overflow: hidden; height: 402px; }
.icontainer .news .newslist li { background: #f8f8f8; width: 360px; float: left; margin-right: 33px; }
.icontainer .news .newslist li .cont { margin: 20px; }
.icontainer .news .newslist li .cont h5 { font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #333; font-weight: 400; }
.icontainer .news .newslist li:hover .cont h5{color: #35b057;}
.icontainer .news .newslist li .cont  span { color: #999; font-size: 14px;display: inline-block; }
.icontainer .news .newslist li .cont p { line-height: 24px; height: 72px; overflow: hidden; color: #999; }
.icontainer .news .newsscorl { background: #f8f8f8; position: relative; overflow: hidden; width: 350px; padding: 30px 20px; height: 308px; }
.icontainer .news .newsscorl h5 { font-size: 18px; color: #999; line-height: 24px; font-weight: 400; }
.icontainer .news .newsscorl .main { margin: 15px 0 40px 0; overflow: hidden; }
.icontainer .news .newsscorl .main li { font-size: 16px; height: 40px; line-height: 40px; position: relative; overflow: hidden;padding-right: 70px; }

.icontainer .news .newsscorl .main li:hover a{color: #35b057;}
.icontainer .news .newsscorl .main li span { position: absolute; top: 0; right: 0; display: block; color: #999; }
.icontainer .contact { position: relative; overflow: hidden; background: url(../images/contactbg.jpg) no-repeat center; height: 532px; width: 100%; }
.icontainer .contact .title { margin: 30px 0; text-align: center; color: #fff; }
.icontainer .contact .title h5 { font-size: 36px; line-height: 45px; font-weight: 400; }
.icontainer .contact .title p { font-size: 18px; }
.icontainer .contact .title a { color: #fff; }
.icontainer .contact .main { margin: 0 auto; width: 520px; }
.icontainer .contact .main p { color: #fff; font-size: 18px; line-height: 30px; }
.icontainer .contact .main .item { position: relative; overflow: hidden; margin-top: 20px; }
.icontainer .contact .main .item i { display: block; height: 40px; width: 40px; float: left; margin-right: 20px; }
.icontainer .contact .main .item input { height: 40px; line-height: 40px; width: 420px; padding: 0 10px; border-radius: 5px; }
.icontainer .contact .main .sent { width: 90px; height: 90px; background: #fff; border-radius: 100%; text-align: center; line-height: 90px; margin: 30px auto; font-size: 20px; }

.aboutWap { position: relative; overflow: hidden; }
/*2018.3.8*/
.aboutWap .abanner { width: 100%; height: 380px; background: url(../images/aboutbanner.jpg) no-repeat center; }
.aboutWap .abanner h5 { text-align: center; color: #fff; font-weight: 400; font-size: 36px; padding: 90px 0 0 0; line-height: 80px; }
.aboutWap .abanner p { text-align: center; color: #fff; line-height: 36px; font-size: 18px; }
/*2018.3.8*/
.aboutWap .aboutnav { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.aboutWap .aboutnav li { width: 180px; height: 180px; text-align: center; float: left; background: #35b057; color: #fff; margin: 100px 0 50px 50px; }
.aboutWap .aboutnav li img { margin-top: 20px; transition:all .5s}
.aboutWap .aboutnav li:hover img{transform:translateX(-20px)}

.aboutWap .aboutnav li a { color: #fff;transition:all .5s }
.aboutWap .aboutnav li:hover a{transform:translateX(-20px)}
.aboutWap .aboutnav li p { font-size: 20px; }
.aboutWap .aboutnav li:nth-child(2n) { background: #e0ce49; }
.aboutWap .banner { min-width: 1200px; position: relative; overflow: hidden; *padding-top: 50px;}
.aboutWap .banner .bd { position: relative; z-index: 0; }
.aboutWap .banner .bd ul { width: 100% !important; }
.aboutWap .banner .bd ul li { width: 100% !important; }
.aboutWap .banner .bd ul li a { width: 100%; display: block; z-index: 1; }
.aboutWap .banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.aboutWap .banner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 15px; height: 15px; margin: 5px; border-radius: 15px; overflow: hidden; line-height: 9999px; background: #FFFFFF; }
.aboutWap .banner .hd li a { width: 100%; display: block; z-index: 1; }
.aboutWap .banner .hd .on { background: #35b057; }
.aboutWap .aboutmain { position: relative; overflow: hidden; }
.aboutWap .aboutmain .company { margin: 70px auto; width: 1180px; text-align: center; }
.aboutWap .aboutmain .company h4 { font-size: 30px; font-weight: 400; line-height: 72px; }
.aboutWap .aboutmain .company p { line-height: 30px; width: 880px;
    text-align: center;
    color: #888;
    font-size: 15px;
    margin: 0 auto;}
.aboutWap .aboutmain .company .recruit { position: relative; overflow: hidden; }
.aboutWap .aboutmain .company .recruit li { float: left; width: 335px; background: #f2f3f4; margin-right: 20px; padding: 20px; text-align: left; height: 235px;}
.aboutWap .aboutmain .company .recruit li:last-child { margin-right: 0; }
.aboutWap .aboutmain .company .recruit li h5 { font-size: 16px; line-height: 35px; }
.aboutWap .aboutmain .company .recruit li .line { width: 100px; height: 0.5px; background-color: #35b057; margin: 10px 0; }
.aboutWap .aboutmain .company .recruit li .reply { width: 150px; height: 50px; line-height: 50px; text-align: center; background: #35b057; font-size: 18px; color: #fff; margin-top: 10px; }
.aboutWap .aboutmain .company .recruit li .reply a { color: #fff; }
.aboutWap .aboutmain .company .recruit li .main{height: 114px;line-height: 28px;overflow: hidden;}




.serviceWap { position: relative; overflow: hidden; background: #f6f6f6; }

.serviceWap .typemain { margin-top: 30px; }
.serviceWap .typemain .main { position: relative; overflow: hidden; }
.serviceWap .typemain .main li { float: left; background: #fff; width: 550px; padding:50px 0px; margin: 0 40px 40px 0; height: 330px;  }
.serviceWap .typemain .main li:nth-child(2n){ margin: 0 0 40px 0;*margin: 0 0 20px 0; }
.serviceWap .typemain .main li .mainde { width: 350px; margin: 0 auto; text-align: center; }
.serviceWap .typemain .main li .mainde h5 { font-size: 20px; font-weight: 400; margin: 10px 0; }
.serviceWap .typemain .main li .mainde h5 strong { font-size: 12px; font-weight: 400; }
.serviceWap .typemain .main li .mainde .line { width: 70px; height: 1px; background: #e5e5e5; margin: 20px auto; }
.serviceWap .typemain .main li .mainde .cont { position: relative; overflow: hidden; margin: 0 auto; width: 350px; }
.serviceWap .typemain .main li .mainde .cont span { display: block; float: left; margin: 0 15px;*margin: 0 10px; }


.serviceWap .typemain .main li .pic{ transition:all .5s;width: 140px; display: inline-block; margin: 0 auto;}
.serviceWap .typemain .main li:hover .pic {transform:translateY(-20px)}
.serviceWap .typemain .main li:hover h5{color: #35b057;}



.contant .icase .allcase { position: relative; overflow: hidden; width: 750px; }
.contant .icase .allcase ul li { float: left; width: 249px; border-right: 1px solid #e5e5e5; height: 109px; border-bottom: 1px solid #e5e5e5; text-align: center; padding-top: 40px; }
.contant .icase .allcase ul li i { transform: rotateZ(0); transition: all 0.3s ease-out; width: 60px; display: inline-block; }
.contant .icase .allcase ul li p { line-height: 30px; font-size: 16px; }
.contant .icase .allcase ul li:hover i { transform: rotateZ(360deg); }
.contant .icase .allcase ul li:hover p{color: #004890;}











.caseWap { position: relative; overflow: hidden; }
.caseWap .casemain .nav { position: relative; overflow: hidden; height: 70px; border-bottom: 1px solid #e5e5e5; }
.caseWap .casemain .nav ul { width: 1026px; margin: 0 auto; }
.caseWap .casemain .nav li { float: left; width: 190px; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #e5e5e5; margin: 20px 0; }
.caseWap .casemain .nav li:last-child { border-right: none; }
.caseWap .casemain .nav li a { display: block; }
.caseWap .casemain .nav li.on { border-bottom: 1px solid #35b057; color: #35b057; padding-bottom: 19px; }
.caseWap .casemain .nav li.on a { color: #35b057; }
.caseWap .casemain .nav li:hover a{color: #35b057;}
.caseWap .casemain .main { position: relative; overflow: hidden; margin: 40px 30px; }
.caseWap .casemain .main li { float: left; width: 540px; margin: 0 40px 20px 0; }
.caseWap .casemain .main li:nth-child(2n) { margin: 0 0 20px 0; }
.caseWap .casemain .main li p { font-size: 18px; margin-top: 10px; line-height: 30px; }
.caseWap .casemain .main li:hover p{color: #35b057;}
.caseWap .casemain .main li .pic{transition:all 0.2s ease-in-out;}
.caseWap .casemain .main li:hover .pic{transform: rotate(2deg); transition:all 0.2s ease-in-out;}


.caseWap .casemain .caseDenav li { width: 49%; }
.caseWap .casemain .caseDemain { background: #f6f6f6; padding: 40px 30px; }
.caseWap .cbanner { position: relative; overflow: hidden; background: url(../images/caseDebanner.jpg) no-repeat center; height: 200px; width: 100%; }
.caseWap .cbanner .btn { position: relative; }
.caseWap .cbanner .btn .back { position: absolute; right: 20px; top: 20px; width: 100px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; border: 1px solid #333; }

.newsWap { position: relative; overflow: hidden; }
.newsWap .resbanner { position: relative; overflow: hidden; background: url(../images/resbanner.jpg) no-repeat center; height: 179px; width: 100%; }
.newsWap .nbanner { position: relative; overflow: hidden; background: url(../images/newsbanner.jpg) no-repeat center; height: 179px; width: 100%; }
.newsWap .nbanner .type { position: relative; overflow: hidden; margin: 70px 0; }
.newsWap .nbanner .type ul { float: right; }
.newsWap .nbanner .type li { float: left; width: 100px; height: 40px; line-height: 40px; text-align: center; background: #cccccc; color: #fff; margin-right: 20px; }
.newsWap .nbanner .type li a { color: #fff; }
.newsWap .nbanner .type li.on { background: #35b057; }
.newsWap .nbanner .type li.on a { color: fff; }
/*.newsWap .newsmain { position: relative; overflow: hidden; background: #f6f6f6; }
.newsWap .newsmain .main { position: relative; overflow: hidden; }
.newsWap .newsmain .main li { background: #fff; width: 360px; float: left; margin: 0 33px 30px 0; }
.newsWap .newsmain .main li .cont { margin: 20px; }
.newsWap .newsmain .main li .cont h5 { font-size: 18px; line-height: 30px; height: 120px; overflow: hidden; color: #333; font-weight: 400; }
.newsWap .newsmain .main li .cont h5 span { color: #999; font-size: 14px; }
.newsWap .newsmain .main li .cont p { line-height: 24px; height: 72px; overflow: hidden; color: #999; }*/
.newsWap .newsDemain { position: relative; overflow: hidden; background: #f6f6f6; padding-bottom: 80px; }
.newsWap .newsDemain .main { position: relative; overflow: hidden; }
.newsWap .newsDemain .main .cont { float: left; background: #fff; width: 880px; padding: 40px; }
.newsWap .newsDemain .main .cont h5 { font-size: 24px; line-height: 35px; font-weight: 400; margin-bottom: 20px; }
.newsWap .newsDemain .main .cont h5 strong { font-size: 14px; color: #999; font-weight: 400; }
.newsWap .newsDemain .main .arrow { float: left; width: 50px; background: #fff; margin: 20px 0 0 90px; }
.newsWap .newsDemain .main .arrow li { text-align: center; }






.contactWap { position: relative; overflow: hidden; }
.contactWap .cbanner { background: url(../images/contbanner.jpg) no-repeat center; height: 380px; width: 100%; }
.contactWap .cbanner h5 { text-align: center; font-size: 48px; color: #fff; line-height: 80px; padding-top: 120px; }
.contactWap .cbanner p { text-align: center; font-size: 18px; color: #fff; }
.contactWap .form { position: relative; overflow: hidden; }
.contactWap .form .item {height: 40px; float: left; margin: 30px 20px 0 0; border: 1px solid #ddd; width: 370px; position: relative; overflow: hidden; }
.contactWap .form .item i { float: left; display: block; margin: 8px 0 0 8px; }
.contactWap .form .item .inpt { height: 32px; float: left; border-radius: 5px; padding-left: 10px; }
.contactWap .form .item input { border: 0; margin-top: 5px; }
.contactWap .form .item textarea { border: 0; resize: none; width: 1110px; height: 200px; float: left; overflow-y: hidden; padding: 8px 0 0 10px; }
.contactWap .form .item_t { width: 1155px; height: 220px; }
.contactWap .btn { margin: 40px auto; position: relative; overflow: hidden; width: 280px; }
.contactWap .btn input { background: #35b057; width: 280px; height: 40px; line-height: 40px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; }
.contactWap .infor { position: relative; overflow: hidden; padding: 30px 0 60px; }
.contactWap .infor .pic { border: 1px solid #e5e5e5; margin-right: 60px; }
.contactWap .infor .cont { margin: 60px 0; }
.contactWap .infor .cont h5 { font-size: 24px; line-height: 45px; font-weight: 400; }
.contactWap .infor .cont p { font-size: 16px; line-height: 30px; }



.solutionWap { position: relative; overflow: hidden; }
.solutionWap .solunav { width: 1200px; margin: 60px auto; position: relative; overflow: hidden; }
.solutionWap .solunav .title { text-align: center; }
.solutionWap .solunav .title h5 { font-size: 30px; color: #35b057; line-height: 48px; }
.solutionWap .solunav .title .line { width: 100px; margin: 10px auto; height: 1px; background: #333; }
.solutionWap .solunav .title p { font-size: 16px; color: #999; }
.solutionWap .solunav .main { position: relative; overflow: hidden; margin: 0 100px; }
.solutionWap .solunav .main li { width: 200px; height: 200px; text-align: center; float: left; background: #c2b341; color: #fff; border-radius: 100%; margin: 50px 70px;*margin: 50px 60px; }
.solutionWap .solunav .main li img { margin-top: 30px;transform: rotateZ(0); transition: all 0.3s ease-out; }
.solutionWap .solunav .main li:hover img{transform: rotateZ(360deg);}

.solutionWap .solunav .main li a { color: #fff; }
.solutionWap .solunav .main li p { font-size: 20px; }
.solutionWap .solunav .main li:nth-child(2n) { background: #24a849; }
.solutionWap .solunav .main li:nth-child(3n) { background: #25b99e; margin-right: 0; }
/*2017.8.17*/
.solutionWap .advanage { width: 100%; height: 665px; background: url(../images/solution_1.jpg) no-repeat center; position: relative; overflow: hidden; }
.solutionWap .advanage .main{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;height: 665px;}
.solutionWap .advanage .cont { color: #999; font-size: 18px; line-height: 35px; position: absolute; left: 7%; top: 30%; text-align: center; }
.solutionWap .advanage .cont_1 { left: 23%; top: 60%; }
.solutionWap .advanage .cont_2 { left: 55%; top: 60%; }
.solutionWap .advanage .cont_3 { left:70%; top: 30%; }
.solutionWap .advanage .cont p:hover{color: #35b057;cursor: pointer;}
/*2017.8.17*/
.solutionWap .procedure { width: 100%; height: 650px; background: url(../images/solution_2.jpg) no-repeat center; position: relative; overflow: hidden; }
.solutionWap .procedure .main { position: relative; overflow: hidden; width: 1200px; height: 650px; margin: 0 auto; }
.solutionWap .procedure .main p { position: absolute; bottom: 90px; display: block; }
.solutionWap .procedure .main .cont { left: 80px; }
.solutionWap .procedure .main .cont1 { left: 245px; }
.solutionWap .procedure .main .cont2 { left: 460px; }
.solutionWap .procedure .main .cont3 { left: 715px; }
.solutionWap .procedure .main .cont4 { left: 925px; }
.solutionWap .procedure .main .cont5 { left: 1075px; }
.solutionWap .socase { background: url(../images/solution_3.jpg); height: 900px; position: relative; overflow: hidden; }
.solutionWap .socase .title { color: #fff; text-align: center; margin-top: 80px; }
.solutionWap .socase .title h5 { font-size: 30px; line-height: 60px; }
.solutionWap .socase .title p { font-size: 20px; line-height: 30px; }

.solutionWap .container_image{width:1180px;height:420px;margin:80px auto;position:relative;}
.solutionWap .add{background:url(../images/a_more.png) no-repeat 0 0;width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;bottom:30px;z-index:4;cursor:pointer;display:none;}
.solutionWap .container_image .i_btn{display:block;width:34px;height:80px;position:absolute;top:200px;z-index:3;background-image:url(../images/a_l.png);}
.solutionWap .container_image .prev_L{left:136px;background-position:0 0;}
.solutionWap .container_image .next_R{right:136px;background-position:-34px 0;}
.solutionWap .slide_img {width:880px;height:400px;position:relative;z-index:1;}
.solutionWap .slide_img li{width:180px;height:380px;overflow:hidden;position:absolute;top:15px;background:#ffffff;}
.solutionWap .slide_img li a{display:block;position:relative;width:100%;height:100%;height:500px;}
.solutionWap .slide_img li a img{position:absolute;height:100%;}
.solutionWap .slide_img li.on a{height:420px;}
.solutionWap .slide_img li.on{width:650px;left:190px;left:190px;top:0;box-shadow:0 0 15px rgba(0,0,0,0.6) ;overflow:hidden;}
.solutionWap .slide_img li.on img{width:100%;}
.solutionWap .slide_img li.left{left:0;}
.solutionWap .slide_img li.right{left:1000px;}
.solutionWap .slide_img li.mid{left:190px;}
.solutionWap .slide_img li .info{height:134px;padding-top:6px;position:absolute;left:0;bottom:0;width:94%;padding:0 3%;color:#ffffff;display:none;z-index:3;}
.solutionWap .slide_img li .icon{background:url(../images/a_more.png) no-repeat 0 0;width:60px;height:60px;position:absolute;left:295px;bottom:30px;z-index:4;}
.solutionWap .slide_img li.on .icon{display:block;}
.solutionWap .slide_img li .bg{width:100%;height:142px;background:#000000;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);position:absolute;left:0;bottom:0;z-index:0;display:none;}
.solutionWap .slide_img li .info span{font-size:18px;display:block; padding:7px 0;height:36px;overflow:hidden;padding-left:12px;background:url(../images/tibg3.png) no-repeat 0 center;line-height:36px;}
.solutionWap .slide_img li .info p{font-size:16px;line-height:24px;height:48px;overflow:hidden;}
.solutionWap .slide_img li .info i{display:block;width:60px;height:60px;background:url(../images/a_more.png) no-repeat 0 -60px;cursor:pointer;position:absolute;left:50%;margin-left:-30px;top:-30px;}


.productWap { position: relative; overflow: hidden; }
.productWap .promain { background-color: #f9f9f9; overflow: hidden; padding-top: 50px; padding-bottom: 50px; }
.productWap .promain .main { width: 1200px; }
.productWap .promain .main li { position: relative; float: left; width: 385px; margin-right: 20px; height: 520px; box-sizing: border-box; background-color: #fff; margin-bottom: 40px;*margin-right: 15px; }
.productWap .promain .main li:nth-child(3n) { margin-right: 0; }
.productWap .promain .main li .title { border-bottom: 1px solid #e5e5e5; height: 60px; margin-bottom: 25px; }
.productWap .promain .main li .title h5 { padding-left: 25px; font-size: 24px; color: #000; line-height: 60px; }
.productWap .promain .main li .cont { margin: 0 25px; }
.productWap .promain .main li .cont i { display: block; width: 330px; height: 170px; overflow: hidden; margin-bottom: 5px; }
.productWap .promain .main li .cont i img { display: block; transition: all 0.3s ease-in; transform: scale(1, 1); }
.productWap .promain .main li .cont p { font-size: 16px; color: #999; line-height: 24px; }
.productWap .promain .main li:hover .cont img { transform: scale(1.2, 1.2); }
.productWap .promain .main li .bot { margin: 10px 25px; }
.productWap .promain .main li .bot dt { float: left; margin-right: 8px; margin-bottom: 10px; }
.productWap .promain .main li .bot dt a { border: 1px solid #b4b4b4; width: 100px; line-height: 30px; display: block; text-align: center; font-size: 13px; color: #000; border-radius: 4px; box-sizing: border-box; }
.productWap .promain .main li .bot dt a:hover { color: #35b057; }

.brandWap { position: relative; overflow: hidden; }
.brandWap .bmain { position: relative; overflow: hidden; margin: 50px 0; }
.brandWap .bmain .babout .logo { text-align: center; font-size: 16px; line-height: 30px; }
.brandWap .bmain .babout .bot { position: relative; overflow: hidden; margin-left: 80px; }
.brandWap .bmain .babout .bot li { float: left; width: 200px; text-align: center; margin: 30px 80px; }
.brandWap .bmain .babout .bot li img { transform: rotateZ(0); transition: all 0.6s ease-out; }
.brandWap .bmain .babout .bot li:hover img { transform: rotateZ(360deg); }
.brandWap .bmain .babout .bot li p { font-size: 16px; line-height: 40px; }
.brandWap .bmain .brandinf { position: relative; overflow: hidden; height: 998px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fbfbfb; margin: 0 auto; text-align: center; }
.brandWap .bmain .brandinf h5 { font-size: 30px; margin-top: 60px; }
.brandWap .bmain .brandinf p { font-size: 16px; margin: 20px 0; line-height: 30px; }
.brandWap .bmain .bchoose { position: relative; overflow: hidden; margin: 50px 0; }
.brandWap .bmain .bchoose .title { margin: 0 auto; text-align: center; }
.brandWap .bmain .bchoose .title h5 { font-size: 30px; line-height: 60px; }
.brandWap .bmain .bchoose .title p { font-size: 16px; line-height: 30px; }
.brandWap .bmain .bchoose .main { position: relative; overflow: hidden; margin: 50px 0; }
.brandWap .bmain .bchoose .main .col { margin-bottom: 30px; width: 25%; }
.brandWap .bmain .bchoose .main .col .cont { padding-bottom: 20px; background: #FFFFFF; box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); margin-right: 20px; }
.brandWap .bmain .bchoose .main .col .cont:nth-child(2) .preordain { background: #7caced; }
.brandWap .bmain .bchoose .main .col .cont .dtitle { background: #ff507c; padding-top: 25px; padding-bottom: 25px; color: #ffffff; border-radius: 3px 3px 0 0; }
.brandWap .bmain .bchoose .main .col .cont .dtitle p { font-size: 24px; color: #ffffff; text-align: center; letter-spacing: 3px; }
.brandWap .bmain .bchoose .main .col .cont .dtitle span { display: block; font-size: 16px; text-align: center; letter-spacing: 3px; line-height: 30px; }
.brandWap .bmain .bchoose .main .col .cont .dtitle i { display: block; color: #ffffff; font-style: normal; font-size: 28px; text-align: center; }
.brandWap .bmain .bchoose .main .col .cont .details { padding: 25px 20px 0; }
.brandWap .bmain .bchoose .main .col .cont .details li { background: url(../images/red_icon.png) left 5px no-repeat; padding-left: 20px; font-size: 16px; padding-bottom: 15px; position: relative; clear: both; }
.brandWap .bmain .bchoose .main .col .cont .tra_price { font-size: 14px; color: #999999; padding: 0 20px; margin-bottom: 10px; }
.brandWap .bmain .bchoose .main .col .cont .tra_price span { text-decoration: line-through; }
.brandWap .bmain .bchoose .main .col .cont .preordain { display: block; width: 80%; height: 50px; margin: auto; text-align: center; background: #ff507c; line-height: 50px; color: #fff; font-size: 16px; letter-spacing: 3px; border-radius: 3px; text-decoration: none; }
.brandWap .bmain .bchoose .main .col:nth-child(2) .dtitle { background: #44e7b9; }
.brandWap .bmain .bchoose .main .col:nth-child(2) .preordain { background: #44e7b9; }
.brandWap .bmain .bchoose .main .col:nth-child(2) .details ul li { background: url(../images/green_icon.png) left 5px no-repeat; }
.brandWap .bmain .bchoose .main .col:nth-child(3) .dtitle { background: #c190e3; }
.brandWap .bmain .bchoose .main .col:nth-child(3) .preordain { background: #c190e3; }
.brandWap .bmain .bchoose .main .col:nth-child(3) .details ul li { background: url(../images/purple_icon.png) left 5px no-repeat; }
.brandWap .bmain .bchoose .main .col:nth-child(4) .dtitle { background: #7caced; }
.brandWap .bmain .bchoose .main .col:nth-child(4) .preordain { background: #7caced; }
.brandWap .bmain .bchoose .main .col:nth-child(4) .details ul li { background: url(../images/blue_icon.png) left 5px no-repeat; }




.operationWap { position: relative; overflow: hidden; }
.operationWap .operamain { position: relative; overflow: hidden; margin: 50px 0; }
.operationWap .operamain .operaship h4 { font-size: 30px; line-height: 60px; text-align: center; }
.operationWap .operamain .operaship p { font-size: 16px; line-height: 30px; text-align: center; color: #999; }
.operationWap .operamain .operaship .shipmain { position: relative; overflow: hidden; margin-top: 30px; }
.operationWap .operamain .operaship .shipmain li { float: left; background: url(../images/otop_1.jpg) center no-repeat; width: 275px; height: 160px; cursor: pointer; margin-right: 20px; }
.operationWap .operamain .operaship .shipmain li i { display: block; width: 50px; height: 50px; transform: rotateZ(0); transition: all 0.3s ease-out; float: right; margin: 10px 10px 0 0; }
.operationWap .operamain .operaship .shipmain li h5 { font-size: 18px; margin: 50px 20px 0; color: #fff; }
.operationWap .operamain .operaship .shipmain li p { text-align: left; font-size: 14px; color: #fff; margin: 0 20px; line-height: 24px; }
.operationWap .operamain .operaship .shipmain li:hover i { transform: rotateZ(360deg); }
.operationWap .operamain .operaship .shipmain li:nth-child(2n) { background: url(../images/otop_2.jpg) center no-repeat; }
.operationWap .operamain .operaship .shipmain li:nth-child(3n) { background: url(../images/otop_3.jpg) center no-repeat; }
.operationWap .operamain .operaship .shipmain li:nth-child(4n) { background: url(../images/otop_4.jpg) center no-repeat; margin-right: 0; }

.operationWap .inter-main { width: 1200px; margin: 50px auto; }
.operationWap .inter-main .inter-title { text-align: center; font-size: 16px; color: #999; line-height: 28px;}
.operationWap .inter-main .inter-title h5 { font-size: 30px; color: #333; line-height: 60px; font-weight: 400; }
.operationWap .inter-main .custody-step-box { padding: 95px 0 75px; }
.operationWap .inter-main .custody-step-box ul { background: url(../images/custody_wire.png) no-repeat center 10px; height: 180px; position: relative;}
.operationWap .inter-main .custody-step-box ul li { width: 20%; margin: 0 2.35%; display: inline-block; text-align: center; position: absolute; top: -30px; }
.operationWap .inter-main .custody-step-box ul li .custody-step-icon { display: block; width: 114px; height: 114px; border-radius: 100%; margin: 0 auto; background-color: #f9f9f9; background-image: url(../images/custody_step.png); }
.operationWap .inter-main .custody-step-box ul li h3 { font-size: 18px; font-weight: bold; padding-top: 10px;line-height: 40px; }
.operationWap .inter-main .custody-step-box ul li p { font-size: 16px; color: #666; }
.operationWap .inter-main .custody-step-box ul li .custody-step-icon.icon1 { background-position: 0 0; }
.operationWap .inter-main .custody-step-box ul li .custody-step-icon.icon2 { background-position: -114px 0; }
.operationWap .inter-main .custody-step-box ul li .custody-step-icon.icon3 { background-position: -228px 0; }
.operationWap .inter-main .custody-step-box ul li .custody-step-icon.icon4 { background-position: -342px 0; }
.operationWap .inter-main .custody-step-box ul .top2 { top: 40px; left: 280px;}
.operationWap .inter-main .custody-step-box ul .top3 { top: 10px; left: 620px;}
.operationWap .inter-main .custody-step-box ul .top4{ top: 70px; left: 900px;}


.operationWap .inter-main .custody-step-box ul li:hover .custody-step-icon { background-color: #54c584; }
.operationWap .inter-main .custody-step-box ul li:hover .custody-step-icon.icon1 { background-position: 0 -114px; }
.operationWap .inter-main .custody-step-box ul li:hover .custody-step-icon.icon2 { background-position: -114px -114px; }
.operationWap .inter-main .custody-step-box ul li:hover .custody-step-icon.icon3 { background-position: -228px -114px; }
.operationWap .inter-main .custody-step-box ul li:hover .custody-step-icon.icon4 { background-position: -342px -114px; }
.operationWap .inter-main .custody-step-box ul li:hover h3 { color: #54c584; }

.construtionWap .inter-title { text-align: center; font-size: 16px; color: #999; }
.construtionWap .inter-title h5 { font-size: 30px; color: #333; line-height: 60px; }

.construtionWap .conmian { position: relative; overflow: hidden; margin: 50px 0; }
.construtionWap .conmian .service-range { width: 1200px; margin: 0 auto; padding: 80px 0 110px; position: relative; overflow: hidden; }
.construtionWap .conmian .service-range .range-img { width: 700px; }
.construtionWap .conmian .service-range .range-img img { transform: rotateZ(0); transition: all 0.3s ease-out; }
.construtionWap .conmian .service-range .range-img:hover img { transform: rotateY(180deg); }
.construtionWap .conmian .service-range .range-txt { width: 500px; }
.construtionWap .conmian .service-range .range-txt h3 { font-size: 30px; color: #333; margin-bottom: 10px; line-height: 60px; }
.construtionWap .conmian .service-range .range-txt p { font-size: 16px; color: #999; margin-bottom: 15px; }
.construtionWap .conmian .service-range .range-txt ul { overflow: hidden; padding-bottom: 20px; }
.construtionWap .conmian .service-range .range-txt ul li { display: block; width: 50%; float: left; font-size: 18px; color: #333; line-height: 35px; }
.construtionWap .conmian .service-range .range-more { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 25px; color: #fff; background: #35b057; line-height: 50px; border-radius: 3px; font-size: 20px; transition: all .5s; }
.construtionWap .conmian .service-range .range-more:hover { transform: translateY(-10px); }
.construtionWap .conmian .service-range .range-more span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 10px; }
.construtionWap .building-cover { background: #fbfbfb; min-width: 1200px; padding: 50px 0 44px; border-top: 1px #d4d4d4 dotted; border-bottom: 1px #d4d4d4 dotted; }
.construtionWap .building-cover .inter-box { padding: 20px 0 80px; }
.construtionWap .building-cover .inter-box .build-cover-box { padding: 50px 0 80px;overflow: hidden; }
.construtionWap .building-cover .inter-box .build-cover-box li { display: inline-block; vertical-align: middle; width: 33%; float: left;}
.construtionWap .building-cover .inter-box .build-cover-box li .cover-img { margin: 0 12px; overflow: hidden; position: relative; }
.construtionWap .building-cover .inter-box .build-cover-box li .cover-img img { display: block; transition: all 0.3s ease-in; transform: scale(1, 1); }
.construtionWap .building-cover .inter-box .build-cover-box li .cover-img:hover img { transform: scale(1.2, 1.2); }
.construtionWap .building-cover .inter-box .build-cover-box li .cover-img .building-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/hover_bg1.png); text-align: center; color: #fff; padding: 40px 0 0; display: none; }
.construtionWap .building-cover .inter-box .build-cover-box li .cover-img .building-hover h3 { font-size: 24px; font-weight: bold; margin-bottom: 15px; }
.construtionWap .building-cover .inter-box .build-cover-box li .cover-img .building-hover p { font-size: 16px; position: absolute; line-height: 22px; height: 44px; left: 10px; right: 10px; top: 42%; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.construtionWap .building-cover .inter-box .build-cover-box li .cover-img .building-hover .btn { position: absolute; left: 50%; margin-left: -60px; bottom: 20px; font-size: 16px; display: block; width: 120px; text-align: center; line-height: 40px; color: #fff; background: #35b057; border-radius: 3px; }
.construtionWap .building-cover .inter-box .build-cover-box li:hover .building-hover { display: block; }
.construtionWap .building-step { padding: 50px 0 80px; border-bottom: 1px #d4d4d4 dotted; text-align: center; }
.construtionWap .building-step .building-step-box { position: relative; width: 1200px; margin: 70px auto 0; }
.construtionWap .building-step .building-step-box img { position: relative; z-index: 1; }
.construtionWap .building-step .building-step-box .building-step-ul { width: 345px; height: 345px; position: absolute; top: 0; left: 50%; margin-left: -172.5px; z-index: 28; }
.construtionWap .building-step .building-step-box .building-step-ul li { display: block; position: absolute; color: #fff; }
.construtionWap .building-step .building-step-box .building-step-ul li label { font-size: 30px; font-weight: bold; line-height: 35px; }
.construtionWap .building-step .building-step-box .building-step-ul li p { font-size: 22px; }
.construtionWap .building-step .building-step-box .building-step-ul li.step1 { width: 240px; left: 50%; margin-left: -120px; padding: 20px 0 0; }
.construtionWap .building-step .building-step-box .building-step-ul li.step2 { width: 148px; text-align: right; right: 20px; top: 130px; }
.construtionWap .building-step .building-step-box .building-step-ul li.step3 { width: 240px; left: 50%; margin-left: -120px; bottom: 0; padding-bottom: 20px; }
.construtionWap .building-step .building-step-box .building-step-ul li.step4 { width: 148px; text-align: left; left: 20px; top: 140px; }
.construtionWap .building-step .building-step-box .building-step-txt { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; }
.construtionWap .building-step .building-step-box .building-step-txt li { display: block; position: absolute; padding: 0 30px; width: 220px; font-size: 16px; color: #000; text-align: left; transition: all 0.2s ease-in-out; }
.construtionWap .building-step .building-step-box .building-step-txt li p { display: table-cell; vertical-align: middle; width: 220px; height: 110px;*padding-top: 20px; *height: 90px;}
.construtionWap .building-step .building-step-box .building-step-txt li:hover { background: #fcd7ce !important; color: #000 !important; transform: rotate(2deg); transition: all 0.2s ease-in-out; }
.construtionWap .building-step .building-step-box .building-step-txt li span { color: #cf1617; }
.construtionWap .building-step .building-step-box .building-step-txt li i { position: absolute; display: block; width: 0; height: 0; }
.construtionWap .building-step .building-step-box .building-step-txt li i.left-i { top: 0; left: 0; border-top: 14px #fff solid; border-bottom: 14px transparent solid; border-left: 12px #fff solid; border-right: 12px transparent solid; }
.construtionWap .building-step .building-step-box .building-step-txt li i.right-i { bottom: 0; right: 0; border-top: 14px transparent solid; border-bottom: 14px #fff solid; border-left: 12px transparent solid; border-right: 12px #fff solid; }
.construtionWap .building-step .building-step-box .building-step-txt li.step1 { background: #c8d9f3; top: 25px; left: 0; }
.construtionWap .building-step .building-step-box .building-step-txt li.step2 { background: #dce8c4; top: 20px; right: 0; }
.construtionWap .building-step .building-step-box .building-step-txt li.step3 { background: #ffe6c8; right: 0; bottom: 25px; }
.construtionWap .building-step .building-step-box .building-step-txt li.step4 { background: #f47a55; color: #fff; left: 0; bottom: 25px; }
.construtionWap .bullding-choose { position: relative; background: url(../images/consstru_bg.jpg) no-repeat; height: 460px;*height: 660px; }
.construtionWap .bullding-choose .inter-title { color: #fff; padding: 50px 0; }
.construtionWap .bullding-choose .inter-title h5 { color: #fff; }
.construtionWap .bullding-choose .choosemain { position: relative; height: 450px;}
.construtionWap .bullding-choose .choosemain li { float: left; width: 390px; background: #e5e5e5; height: 450px; }
.construtionWap .bullding-choose .choosemain li h5 { font-size: 18px; padding: 0 30px; line-height: 35px; font-weight: 400; margin-top: 20px; cursor: pointer; }
.construtionWap .bullding-choose .choosemain li p { padding: 0 30px; line-height: 24px; }
.construtionWap .bullding-choose .choosemain li span { color: #35b057; }
.construtionWap .bullding-choose .choosemain li img { transform: rotateZ(0); transition: all 0.3s ease-out; }
.construtionWap .bullding-choose .choosemain li:nth-child(2n) { background: #f7f7f7; }
.construtionWap .bullding-choose .choosemain li:hover h5 { color: #35b057; }
.construtionWap .bullding-choose .choosemain li:hover img { transform: rotateY(180deg); }
.construtionWap .custom1 { border-bottom: 1px solid #e5e5e5; width: 100% !important; }
.construtionWap .custom1 .cusmain { width: 1200px; margin: 0 auto; }
.construtionWap .title{margin: 0 auto;width: 1180px;text-align: center;}
.construtionWap .title h5{font-size: 30px;line-height: 60px;}
.construtionWap .title p{font-size: 16px;line-height: 30px;color: #999;}
.construtionWap .custoncue{margin: 50px 0;}




.appWap .homebanner{position:relative;}
.appWap .section{overflow:hidden;position:relative;zoom:1;}
.appWap .section .content{position:relative;z-index:9;}
.appWap .section .bgimg{z-index:1}
#fp-nav{position:fixed;z-index:200;top: 50%;opacity: 1;right:15px;}
#fp-nav li{display: block;width: 16px;height: 16px;margin:7px;position: relative;}
#fp-nav li a{background:url(../images/bacur.png) no-repeat center center;width:16px;height:16px;display: block;cursor: pointer;}
#fp-nav li a.active{background:url(../images/bacuron.png) no-repeat center center;}

.appWap .bgimg{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;}
.appWap .box1 .content{width: 40%;margin:8% auto;text-align: center;}
.appWap .box1 .pic{text-align:center;width:70%;margin:30px auto 0;color: #fff;}
.appWap .box1 .pic img{transition:all .5s;}
.appWap .box1 .pic:hover img{transform:translateY(-20px)}
.appWap .box1 .title{transition:all .5s;cursor: pointer;}
.appWap .box1 .title:hover{transform:translateY(-20px)}
.appWap .box1 .title h3{margin:0 auto;font-weight:lighter;color: #fff;}
.appWap .box1 .title h3 strong{display:block;font-size:36px;line-height:60px;color:#fff;font-weight:lighter;padding-top:15px;}
.appWap .box1 .title p{color:#fff;font-size:20px;}
.appWap .content{width: 80%;margin:7% auto;overflow: hidden;*padding-top: 8%;zoom:1;}
.appWap .ti{width:40%;margin:20px auto;text-align:center;}
.appWap .box2 .ti{*width: 40%;}
.appWap .ti img{transition:all .5s;}
.appWap .ti:hover img{transform:translateY(-20px)}
.appWap .cont{width: 30%;margin-left: 20%;margin-top: 10%;transition:all .5s;cursor: pointer;}
.appWap .cont:hover{transform:translateY(-20px)}
.appWap .cont h3{margin:0 auto;font-weight:lighter;color: #fff;}
.appWap .cont h3 strong{display:block;font-size:36px;line-height:60px;color:#fff;font-weight:lighter;padding-top:15px;}
.appWap .cont h3 span{font-size: 20px;}
.appWap .cont p{color:#fff;font-size:20px;margin-top: 30px;line-height: 30px;}
.appWap .box3 .ti{width:40%;margin-left:15%;}
.appWap .box3 .cont{margin-left: 0%;margin-top: 15%;}
.appWap .box4 .ti{width:40%;margin:20px auto;text-align:left;}
.appWap .box4 .cont{margin-left: 15%;width: 25%;}

.icontainer .news .title { text-align: center;margin: 30px 0; }
.icontainer .news .title h5 { font-size: 36px; color: #35b057; line-height: 72px; text-align: center; }
.icontainer .news .title a{color: #35b057;}
.icontainer .news .title p { color: #999; font-size: 18px; }
.icontainer .news .main{position: relative;overflow: hidden;}
.icontainer .news .newslist { position: relative; overflow: hidden; height: 402px; }
.icontainer .news .newslist li { background: #f8f8f8; width: 360px; float: left; margin-right: 33px; }
.icontainer .news .newslist li .cont { margin:8px 20px; }
.icontainer .news .newslist li .cont h5 { font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #333; font-weight: 400; }
.icontainer .news .newslist li:hover .cont h5{color: #35b057;}
.icontainer .news .newslist li .cont  span { color: #999; font-size: 14px;display: inline-block; }
.icontainer .news .newslist li .cont p { line-height: 24px; height: 48px; overflow: hidden; color: #999; }
.icontainer .news .newslist li .tag{position: relative;overflow: hidden;margin: 15px 20px 12px 20px;}
.icontainer .news .newslist li .tag .tcon{width: 70px;height: 30px;border: 1px solid #35b057;line-height: 30px;
font-size: 16px;text-align: center;color: #35b057;float: left;margin-right: 8px;}


.icontainer .case { position: relative; background: #f4f4f4;margin: 0;}
.icontainer .case .title { text-align: center; }
.icontainer .case .title h5 { font-size: 36px; color: #35b057; line-height: 72px; text-align: center; }
.icontainer .case .title a{color: #35b057;}
.icontainer .case .title p { color: #999; font-size: 18px; }
.icontainer .case .nmain{position: relative;overflow: hidden;margin: 30px 0;}
.icontainer .case .nmain li{float: left;width: 275px;margin: 0 9px;background: #fff;border: 1px solid #e5e5e5;padding-bottom: 15px;}
.icontainer .case .nmain li:hover{border: 1px solid #35b057;}
.icontainer .case .nmain li h5{font-size: 16px;line-height: 30px;padding: 0 10px;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;}
.icontainer .case .nmain li h5:hover{color: #35b057;}
.icontainer .case .nmain li p{color: #999;line-height: 24px;height: 72px;overflow: hidden;padding: 0 10px;}


.caseWap .casemain .nmain{position: relative;overflow: hidden;margin: 50px 0 20px 0;}
.caseWap .casemain .nmain li{float: left;width: 275px;margin: 0 9px 30px 9px;background: #fff;border: 1px solid #e5e5e5;padding-bottom: 15px;}
.caseWap .casemain .nmain li:hover{border: 1px solid #35b057;}
.caseWap .casemain .nmain li h5{font-size: 16px;line-height: 30px;padding: 0 10px;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;}
.caseWap .casemain .nmain li h5:hover{color: #35b057;}
.caseWap .casemain .nmain li p{color: #999;line-height: 24px;height: 72px;overflow: hidden;padding: 0 10px;}

.newsmain { position: relative; overflow: hidden; background: #f6f6f6; }
.newsmain .main { position: relative; overflow: hidden; background: #f6f6f6; }
.newsmain .main li { background: #fff; width: 360px; float: left;margin: 0 33px 30px 0;}
.newsmain .main li .cont { margin:8px 20px; }
.newsmain .main li .cont h5 { font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #333; font-weight: 400; }
.newsmain .main li:hover .cont h5{color: #35b057;}
.newsmain .main li .cont  span { color: #999; font-size: 14px;display: inline-block; }
.newsmain .main li .cont p { line-height: 24px; height: 48px; overflow: hidden; color: #999; }
.newsmain .main li .tag{position: relative;overflow: hidden;margin: 15px 20px 12px 20px;}
.newsmain .main li .tag .tcon{width: 70px;height: 30px;border: 1px solid #35b057;line-height: 30px;
font-size: 16px;text-align: center;color: #35b057;float: left;margin-right: 8px;}

.bqian{position: relative;overflow: hidden;margin: 15px 0;}
.bqian .title{    border-bottom: 1px solid #ddd;height: 45px;line-height: 45px;color: #333;
font-size: 16px;}
.bqian .title .green{border-left: 4px solid #35b057;font-size: 18px;padding-left: 15px;}
.bqian .bqcon{position: relative;overflow: hidden;margin-top: 10px;}
.bqian .bqcon li{line-height: 30px;
    border-radius: 15px;
    padding: 0 22px;
    color: #35b057;border: 1px solid #ddd;float: left;margin: 10px;}
.bqian .bqcon li a{color: #35b057;}
.aboutWap .aboutmain .company .recruit li {  margin:0 18px 18px 0;  }
.aboutWap .resbanner { position: relative; overflow: hidden; background: url(../images/resbanner.jpg) no-repeat center; height: 179px; width: 100%; }

.solutionWap .sbanner { width: 100%; height: 380px; background: url(../images/solution_banner.jpg) no-repeat center; }
.solutionWap .sbanner h5 { text-align: center; color: #fff; font-weight: 400; font-size: 48px; padding: 90px 0 0 0; line-height: 100px;}
.solutionWap .sbanner p { text-align: center; color: #fff; line-height: 40px; font-size: 20px; font-weight: 400;margin-top: 5px;}
.solutionWap  .conmian { position: relative; overflow: hidden; margin: 50px 0; }
.solutionWap  .conmian .service-range { width: 1200px; margin: 0 auto; padding: 80px 0 110px; position: relative; overflow: hidden; }
.solutionWap  .conmian .service-range .range-img { width: 700px; }
.solutionWap  .conmian .service-range .range-img img { transform: rotateZ(0); transition: all 0.3s ease-out; }
.solutionWap  .conmian .service-range .range-img:hover img { transform: rotateY(180deg); }
 .solutionWap  .conmian .service-range .range-txt { width: 500px; }
 .solutionWap  .conmian .service-range .range-txt h3 { font-size: 30px; color: #333; margin-bottom: 10px; line-height: 60px; }
 .solutionWap  .conmian .service-range .range-txt p { font-size: 16px; color: #999; margin-bottom: 15px;line-height: 24px;height: 72px;overflow: hidden; }
 .solutionWap  .conmian .service-range .range-txt ul { overflow: hidden; padding-bottom: 20px; }
 .solutionWap  .conmian .service-range .range-txt ul li { display: block; width: 50%; float: left; font-size: 18px; color: #333; line-height: 35px; }
 .solutionWap  .conmian .service-range .range-more { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 25px; color: #fff; background: #35b057; line-height: 50px; border-radius: 3px; font-size: 20px; transition: all .5s; }
 .solutionWap  .conmian .service-range .range-more:hover { transform: translateY(-10px); }
 .solutionWap  .conmian .service-range .range-more span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 10px; }
.solutionWap .custom1{border-bottom: 1px solid #e5e5e5;    width: 100% !important}
.solutionWap .custom1 .cusmain { width: 1200px; margin: 0 auto; }





.wa-banner{height:390px;color:#fff;background:url(/img/banner/banner-4.jpg) center center/cover no-repeat}
.wa-text{color:#7a7a7a;font-size:16px;line-height: 30px;}
.wa-banner-title{font-size:36px;line-height:1;margin-bottom:30px}
.wa-banner-content{font-size:16px}
.wa-wrap{padding:60px 0 50px 0}
.wa-wrap-gray{background-color:#f9f9f9}
.wa-title{position:relative;padding-bottom:20px;margin-bottom:20px;line-height:1;font-size:36px;text-align:center;font-weight: 400;}
.wa-title::after{content:'';position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:30px;height:3px;background-color:#35b057}
.wa-plan-item{margin-top:20px}
.wa-plan-title{color:#333;font-size:24px;margin-bottom:10px}
.wa-plan-title span{color:#35b057;font-size:30px}
.wa-plan-content{min-height:32px;line-height:2;margin-bottom:30px}
.wa-advantage-box{margin-top:20px;padding:50px 40px 40px;height:180px;background-color:#fff;border:1px solid #ededed}.wa-case-title{margin-top:20px;margin-bottom:15px;font-size:24px}.wa-case-list{margin-left:30px;font-size:16px}.wa-case-list>li{position:relative;margin-top:20px;margin-bottom:80px;line-height:1.7}


.soluDemain .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1100px;
}
.wa-wrap-gs .row {margin-right: -15px;margin-left: -15px;position: relative;overflow: hidden;}
.wa-wrap-gs .row .col-sm-6 {width:450px;float: left;padding:0 50px;height: 180px;overflow: hidden;}
.wa-wrap-gray .row {margin-right: -15px;margin-left: -15px;position: relative;overflow: hidden;}
.wa-wrap-gray .row .col-sm-4 {width:30%;float: left;margin: 0 15px;}
.wa-wrap-gray .row .col-sm-4 h4{font-size: 16px; color:#333;line-height: 40px;}
.wa-wrap-gsd p{text-align: center;font-size: 16px;color: #666;padding-bottom: 25px;}




.sertimeWrap{
	position: relative;
	overflow: hidden;
}
.sertimeWrap .sertimeship{
	margin: 50px auto;
}
.sertimeWrap .sertimeship .title{
	text-align: center;
    font-size: 16px;
    color: #999;
}
.sertimeWrap .sertimeship .title h4{
	font-size: 30px;
    color: #333;
    line-height: 60px;
    font-weight: 400;
}

.sertimeWrap .sertimeship .List{
	position: relative; 
	overflow: hidden;
	margin-top: 50px;
}
.sertimeWrap .sertimeship .List table{
	border-collapse: collapse; 
	border: none; 
	width: 100%; 
}


.sertimeWrap .sertimeship .List table th{
	width: 22%; 
	line-height: 100px;
	vertical-align: top; 
	text-align: center;
	font-size: 24px;
	color: #666;
}

.sertimeWrap .sertimeship .List table td{
	width: 22%; 
	line-height: 100px;
	vertical-align: top; 
	text-align: center;
	font-size: 18px;
	color: #666;
}
.sertimeWrap .sertimeship .List table th{background: #6ad59a;color: #fff;font-weight: 400;}
.sertimeWrap .sertimeship .List table td a{color: #666;display: inline-block;}
.sertimeWrap .sertimeship .List table .bg{background: #f5f5f5;}
.sertimeWrap .sertimeship .List table .col_2{
	width: 34%; 
	text-align: left;
	padding: 0 10px 0 10px;
}
.sertimeWrap .sertimeship .List table .col_5{
	width: 34%; 
	line-height: 30px;
	padding: 20px 10px 0 10px;
	text-align: left;
}
.sertimeWrap .sertimeship .List table .col_6{
	width: 34%; 
	text-align: center;
}

.wechatWrap .content{
	overflow: hidden;
	padding: 35px;
	margin:20px 20px 80px 20px;
	background: #51a976;
	border:20px solid #6ad59a ;
}
.wechatWrap .content .pic{
	float: right;
	margin-right: 50px;
}
	.wechatWrap .content .pic_lo{
		border-radius: 100%;
		height: 260px;
		width: 260px;
		background: #fff;
		margin-top: 10px;
		float: left;
		margin-right: 35px;
		margin-left: 50px;
	}
	.wechatWrap .content .pic_lo img{
		width: 180px;
		height: 180px;
		margin: 40px;
	}
	.wechatWrap .content .pic .pic_bw{
		border-radius: 100%;
		height: 260px;
		width: 260px;
		background: #fff;
		margin-top: 10px;
		float: right;
	}
	.wechatWrap .content .pic .pic_bw img{
		width: 160px;
		height: 160px;
		margin: 50px;
	}
	.wechatWrap .content .con{
		float: left;
		margin: 40px 0 0 50px;
	}
.wechatWrap .content .con h4{
		background: #FFF;
		color: #51a976;
		padding: 20px;
		font-size: 24px;
		font-weight: 400;
		width: 220px;
		margin-bottom: 20px;
}
.wechatWrap .content .con p{
	color: #f1f2f3;
	font-size: 18px;
	line-height: 35px;
	font-weight: 400;
	margin-left: 20px;
}
.opradvanWrap{
	position: relative;
	overflow: hidden;
	margin: 80px auto;
}
.opradvanWrap .title{
	text-align: center;
    font-size: 16px;
    color: #999;
}
.opradvanWrap .title h4{
	font-size: 30px;
    color: #333;
    line-height: 60px;
    font-weight: 400;
}
.opradvanWrap .advanmian{
	position: relative;
	overflow: hidden;
	margin-top: 45px;
}
.opradvanWrap .advanmian .pic{
	float: left;
	width: 480px;
	margin-right: 80px;
}
.opradvanWrap .advanmian .cont{
	margin-top: 65px;
	width: 450px;
	float: left;
}
.opradvanWrap .advanmian .cont h5{
	font-size: 30px;
	line-height: 45px;
	color: #333;
	font-weight: 400;
	padding: 15px 0;
}
.opradvanWrap .advanmian .cont p{
	font-size: 18px;
	line-height: 35px;
	color: #999;
}
.opradvanWrap .ad2 .cont{
	margin-right: 60px;
	margin-left: 30px;
}



.operallWrap{
	position: relative;
	overflow: hidden;
}
.operallWrap .title{
	text-align: center;
    font-size: 16px;
    color: #999;
}
.operallWrap  .title h5{
	font-size: 30px;
    color: #333;
    line-height: 60px;
    font-weight: 400;
}
.operallWrap .mian{
	padding: 30px 0;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}
 .operallWrap .mian li{
 	float: left;
 	background: #fff;
 	width: 335px;
	padding: 15px;
 	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5);
 	margin-right: 30px;
 	border-radius: 10px;
 	height: 300px;
}
 .operallWrap .mian li:last-child{
 	margin-right: 0;
 }
 .operallWrap .mian li .pic{
 	text-align: center;
 	margin: 0 auto;
 	width: 335px;
 }
  .operallWrap .mian li p{
  	font-size: 18px;
  	line-height: 35px;
  	text-align: center;
  	padding: 10px 15px;
  	color: #666;
  }
  
  
  
.vipcardWrap .title{
	text-align: center;
    font-size: 16px;
    color: #999;
}
.vipcardWrap   .title h4{
	font-size: 30px;
    color: #333;
    line-height: 60px;
    font-weight: 400;
}
   .vipcardWrap .content {
    overflow: hidden;
    padding-bottom: 20px;
	}
	.vipcardWrap .card{
		margin: 20px 10px;
		position: relative;
		float: left;
	}
	.vipcardWrap .card .pic{
		width: 550px;
		margin-right: 20px;
	}
	.vipcardWrap .card .pic img{
		width: 550px;
	}
	.vipcardWrap .card .con{
		position: absolute;
		top: 90px;
		text-align: center;
		width: 400px;
		left: 50%;
		margin-left: -200px;
	}
	.vipcardWrap .card .con h3{
		font-weight: 400;
		font-size: 34px;
		color: #6ad59a;
		padding-bottom: 15px;
	}
	.vipcardWrap .card .con p{
		line-height: 34px;
		font-size: 18px;
		color: #999;
		text-align: center;
	}
	.vipcardWrap .card .con .abtn{
		background: #6ad59a;
		color: #fff;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		text-align: center;
		margin: 20px auto;
		width: 160px;
		border-radius:5px;
	}
	.vipcardWrap .card .con .abtn a{
		display: block;
		color: #fff;
	}
	
	
	.serveDebtn{
		background: #6ad59a;
		width: 400px;
		margin: 60px auto 30px auto;
		text-align: center;
		color: #fff;
		height: 70px;
		line-height: 70px;
		font-size: 18px;
	}
	.serveDebtn a{
		display: block;
		color: #fff;
	}


.footer .blackimg .bot a{display: inline-block;
    color: #848486;}
/*# sourceMappingURL=sub.css.map */