@charset "utf-8";

/*首页*/

.main{ width:100%; padding-bottom:70px}

.main .section{ padding-top:42px}

.section .title span{ display:inline-block; color:#fff; font-weight:bold; font-size:16px; height:34px;text-align:center; line-height:34px; background:#0c87da; padding:0 24px}

.section .title a{display:inline-block; float:right; color:#999; font-size:12px; height:34px; line-height:34px}

.section .biao{ background:url(../images/tit.jpg) no-repeat; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px; font-weight:bold}

.step .left{width:930px}

.step .left .content{ border:1px solid #dbdbdb; padding:3px 8px 4px 8px; margin-top:20px}

.step .left dl{ border-bottom:1px dashed #e0e0df; padding:19px 0 18px 10px;}

.step .left dt{ display:inline-block;background:#71c2f9;height:30px; line-height:30px;font-weight:bold; font-size:14px;padding:0 10px}

.step .left dt a{color:#fff;}

.step .left dd{display:inline-block;height:30px; line-height:30px;margin:0 16px}

.step .left dd a{ color:#666; font-size:14px;font-weight:bold;}

.step .left dl:nth-child(1) dd:nth-child(6) a{font-size: 16px;font-weight: bolder;color: #000;}

.step .left dd a:hover{ text-decoration:underline; color:#0c87da}

.step .left .list{ padding:17px 10px}

.step .left .list li{ float:left; margin-right:40px}

.step .left .list li a{color:#fff; background:#71c2f9;height:30px; line-height:30px;font-weight:bold; font-size:14px; display:block; padding:0 10px}

.step .right{width:248px}

.step .right .way{ border:1px solid #e1e2e2; padding:17px 0px 6px 8px}

.step .way h2{ color:#333; font-size:16px; font-weight:bold; margin-bottom:18px}

.step .way li{ margin-bottom:13px}

.step .way li strong{ display:inline-block; float:left; margin:2px 8px 0 0px;}

.step .way li span{ display:inline-block; float:left; color:#333; font-size:16px}

.step .way li span em{ display:block;color:#999; font-size:12px; margin-top:2px}

.step .way li span.f12{ font-size:12px}

.step2 .left{width:930px}

.step2 .left .content{ padding-top:31px; height:205px; overflow:hidden}

.step2 .scroll{ width:307px}

.step2 .item{ width:598px}

.step2 .item li{line-height:32px; background:url(../images/qq.png) no-repeat left center; padding-left:14px}

.step2 .item li em{ display:inline-block; color:#999; font-size:12px; float:right}

.step2 .item li a{ display:inline-block; color:#333; font-size:14px; }

.step2 .item li a:hover{ text-decoration:underline; color:#0c87da}

.step2 .right{width:248px; height:270px}

.step2 .nuo{border:1px solid #e1e2e2;padding:12px 18px 25px 18px; height:186px; overflow: hidden}

.step2 .nuo ul{background:url(../images/num.png) no-repeat left 15px;}

.step2 .nuo li{ border-bottom:1px solid #d7d5d5; color:#ff1c00; font-size:14px; font-weight:bold; position:relative; height:36px; line-height:37px; padding-left:18px; margin-left:21px}

.step2 .nuo li span{ position:absolute; right:0px; bottom:0px; width:25px; height:6px; background:#d7d5d5; display:block}

.pro-switch{height:205px;overflow:hidden;position:relative;width:307px;float:left;}

.flexslider{margin:0;padding:0;}

.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}

.flexslider .slides img{width:100%;display:block;}

.slides:after {content: ".";display: block;clear:both;visibility:hidden;line-height:0;height:0;}

html[xmlns] .slides{display:block;}

.no-js .slides > li:first-child{display:block;}

.flexslider{margin:0 auto;position:relative;width:307px;zoom:1;height:205px}

.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}

.flexslider .slides{zoom:1;}

.flex-control-paging{position:absolute;bottom:8px;right:5px}

.flex-control-paging li{float:left;margin-right:7px}

.flex-control-paging li a{background:#fff;display:block;height:15px;overflow:hidden;width:15px;cursor:pointer; color:#333; font-size:12px; text-align:center; line-height:15px}

.flex-control-paging li a.flex-active{background:#0c9ae4; color:#fff}

.flexslider .slides li{ position:relative}

.flexslider .slides li .img img{ width:307px; height:205px}

.flexslider .slides li span{display:block;position:absolute;height:31px;background:url(../images/main_44.png) repeat-x;bottom:0px;left:0px;width:307px;}

.step3 .left{width:264px}

.step3 .left h3{ height:48px; background:#0c87da; line-height:48px;color:#fff; font-size:16px; font-weight:bold; padding-left:22px;}

.step3 .sub_nav{ margin-bottom:24px;}

.step3 .sub_nav li.li1{ border:1px solid #e5e5e5; border-top:none; padding:10px 0 12px 20px; position:relative; z-index:11}

.step3 .sub_nav li.li1 .blue{ display:none; position:absolute; left:-1px; top:0px; width:4px; background:#0c87da; height:65px; z-index:100}

.step3 .sub_nav li.li1:hover .blue{ display:block}

.step3 .sub_nav dd{ display:inline-block}

.step3 .sub_nav dt a{ color:#0c87da; font-size:14px; margin-bottom:5px; display:block}

.step3 .sub_nav dd a{ color:#777; font-size:12px; display:inline-block;margin-right:20px}

.step3 .right{width:901px;}

.section .tit{ height:44px; border:1px solid #e5e5e5; border-left:none; line-height:44px; padding:0 6px}

.section .tit a{ display:inline-block; float:right; color:#999; font-size:12px; float:right}

.section .tit h4{ display:inline-block; background:url(../images/xx.jpg) no-repeat left center; padding-left:17px; color:#333; font-size:16px; font-weight:bold}

.step3 .show{border-bottom:1px solid #e5e5e5; margin-bottom:14px;border-left:1px solid #e5e5e5;}

.step3 .show li{ float:left; width:224px;border-right:1px solid #e5e5e5; text-align:center}

.step3 .show li p{ color:#333; font-size:12px; font-weight:bold}

.step3 .show li span{ display:block;padding:17px 0}

.step3 .show li span a{ display:inline-block; width:90px; height:30px; text-align:center; line-height:30px; border-radius:3px; background:#ffa100; font-size:12px; color:#fff; margin:0 5px}

.step3 .show li span a.come{ background:#dcdbda; color:#666}

.step3 .show li span a.come:hover{ background:#0c87da; color:#fff}

.step3 .show li .img{ padding:10px 0 9px 0;height:147px}

.step3 .show li .img img{ width:105px; height:147px}

.step3 .show li .img a{ display:block; height:147px}

.step3 .fen ul{ width:921px;}

.step3 .fen li{ float:left;margin-right:21px}

.step3 .fen li a{display:block;background:url(../images/tit_bg.jpg) no-repeat;width:286px;height:40px;text-align:center; line-height:40px; color:#fff; font-weight:bold; font-size:15px;}

.step3 .sub_nav .popover{position:absolute;top:-1px;left:262px;z-index:-2;background:#fff;width:408px;border:1px solid #e5e5e5;border-bottom:4px solid #0c87da;padding-top:31px;border-left:0}

.sub_nav .popover ul{display:inline-block; margin-right:50px; float:left}

.sub_nav .popover h5{ color:#0c87da; font-size:16px; font-weight:bold;padding-left:36px; margin-bottom:11px}

.sub_nav .popover li a{ color:#777; font-size:14px; line-height:32px}

.sub_nav .popover li a:hover{ color:#0c87da}

.step3 .sub_nav li.li1:hover{ /*border-left:4px solid #0c87da; */border-right:1px solid #fff}

.sub_nav .popover .wz{border-left:1px solid #e5e5e5; padding-left:36px;padding-bottom:62px; padding-top:8px;border-bottom:1px solid #e5e5e5;}

.main .sy_box{ width:100%;background:#f8f8f8 url(../images/line.jpg) no-repeat 0 54px; margin-top:16px}

.section2 .title2{ padding-top:20px}

.section2 .title2 a{ display:inline-block; color:#999; font-size:12px; float:right; margin-top:10px}

.section2 .title2 span{ display:inline-block; color:#333; font-size:20px; font-weight:bold}

.section2 .title2 span em{ display:inline-block; font-size:12px; color:#c4c3c3; font-weight:normal; padding-left:15px}

.section2 .step4{ padding-top:33px}

.step4 .left{ width:256px; margin-right:40px}

.step4 .left li{ margin-bottom:11px}

.step4 .left li a{ display:block; background: url(../images/main_51.jpg) no-repeat; width:256px; height:40px; text-align:center; line-height:40px; color:#fff; font-weight:bold; font-size:14px}

.step4 .right{ width:904px}

.step4 .right li{ margin-bottom:14px}

.step4 .right li .pic{ display:inline-block; width:222px; margin-right:20px}

.step4 .right li .text{ width:662px}

.step4 .right li h5 a{ display:block; color:#333; font-size:15px; font-weight:bold; margin-bottom:8px}

.step4 .right li p{ color:#666; font-size:12px; line-height:22px}

.step4 .right li .text span{ display:block; margin-top:16px}

.step4 li .text span a{ display:inline-block; width:95px; height:32px; text-align:center; line-height:32px; margin-right:12px; border-radius:3px; color:#666; font-size:12px; background:#dcdbda}

.step4 li .text span a.zx{ color:#fff; background:#ffa100}

.main .sy_box2{ width:100%;background:#fff url(../images/line.jpg) no-repeat 0 54px; margin-top:16px}

.section2 .step5{ padding-top:38px}

.step5 .left{ width:880px}

.step5 .right{ width:274px}	

.step5 .left .img2{ display:inline-block; width:205px; margin-right:28px}

.step5 .left .wz2{ width:647px}

.step5 .left .wz2 p{ color:#666; font-size:14px; line-height:26px; margin:15px 0}

.step5 .left .wz2 .read{ width:95px; height:32px; line-height:32px; font-size:12px; color:#fff; background:#0c87da; border-radius:3px; display:block; text-align:center; margin-top:2px}

.step5 .right li{ float:left; width:130px; text-align:center; margin-left:7px; margin-bottom:7px;}

.step5 .right li a{ display:block; background:#f0eeee; color:#666; font-size:14px; font-weight:bold; line-height:24px; padding:22px 10px 13px 10px}

.step5 .right li a span{ display:block; background:url(../images/tm.png) no-repeat; height:40px; max-width:46px; margin:0 auto; margin-bottom:7px}

.step5 .right li a span.tp{ background-position:0 2px}

.step5 .right li:hover a span.tp{ background-position:-86px 2px}

.step5 .right li a span.tp2{ background-position:0 -58px}

.step5 .right li:hover a span.tp2{background-position:-86px -58px}

.step5 .right li a span.tp3{ background-position:0 -118px}

.step5 .right li:hover a span.tp3{background-position:-86px -118px}

.step5 .right li a span.tp4{ background-position:0 -178px}

.step5 .right li:hover a span.tp4{background-position:-86px -178px}

.step5 .right li:hover a{ background:#0c87da; color:#fff}

.section2 .friend{margin-top:38px; border:1px solid #dbdbdb; border-right:none}

.section2 .friend ul{ width:1210px}

.section2 .friend li{ float:left;border-right:1px solid #dbdbdb; padding:0 1px 0 0}

.step5 .bottom{ padding-top:33px}

.step5 .left2{ width:824px}

.step5 .right2{ width:326px}

.step5 .tab_title .more{ display:inline-block; float:right; color:#999; font-size:12px; height:34px; line-height:34px}

.step5 .tab_title li{ float:left; margin-right:8px}

.step5 .tab_title li a{ height:34px; line-height:34px; font-weight:bold; padding:0 25px; color:#666; font-size:14px; background:#f1efef; display:block}

.step5 .tab_title li a.move{ background:#0c87da; color:#fff}

.step5 .tab_list{ padding-top:30px}

.step5 .tab_list .team{ display:none}

.step5 .team .pic2{ width:235px; display:inline-block; margin-right:30px}

.step5 .team .wz3{ width:559px;}

.step5 .team li a{ font-size:12px; background:url(../images/kk.jpg) no-repeat left center; padding-left:13px; color:#555; font-size:14px; line-height:34px}

.step5 .team li a:hover{ text-decoration:underline; color:#0c87da}

.step5 .team li em{ display:inline-block; float:right; color:#999; font-size:12px; line-height:34px}

.step5 .tit2 a{ display:inline-block; color:#999; font-size:12px; float:right; line-height:34px}

.step5 .tit2 span{ display:inline-block; width:100px; height:34px; line-height:34px; text-align:center; color:#fff; font-weight:bold; background:#0c87da;}

.step5 .offen{ padding-top:22px}

.step5 .offen li{ margin-top:15px}

.step5 .offen li h6{padding:0; margin:0;}

.step5 .offen li h6 a{color:#666; font-size:14px; display:block; margin-bottom:7px}

.step5 .offen li h6 a strong{ color:#0c9ae4}

.step5 .offen li p{ color:#666; font-size:14px}

.step5 .offen li p em{ color:#fd4c36}

.step5 .offen li span{ height:1px; width:35px; background:#0c9ae4; display:block; margin-top:15px}

/*新闻资讯*/

.main .contain{ padding-top:40px}

.contain .leftside{width:248px; margin-right:30px}

.leftside .nav,.leftside .nav2{ background:#f8f8f8}

.leftside .nav h1{ height:45px; background:#0c87da; padding-left:18px; color:#fff; font-size:16px; font-weight:bold; line-height:45px}

.leftside .nav ul{ border:1px solid #e5e5e5; padding-bottom:30px}

.leftside .nav li{ padding:0px 16px}

.nav li a{color:#0c87da; font-size:15px; font-weight:bold; height:50px; line-height:51px; border-bottom:1px dashed #e5e5e5; display:block; background:url(../images/jiantou.png) no-repeat 100% center}

.nav li a:hover{background:url(../images/jiantou2.png) no-repeat 100% center}

.contain .rightside{ width:922px}

.rightside .home{ border:1px solid #e5e5e5; height:33px; line-height:33px; padding:0 20px}

.home span{ display:inline-block; float:right; color:#999; font-size:12px; background:url(../images/home.png) no-repeat left center; padding-left:21px}

.home a{color:#999;}

.home span em{color:#0c87da}

.home strong{ color:#333; font-size:16px;}

.rightside .news{padding-top:13px}

.news li{ border-bottom:1px dashed #e5e5e5; height:47px; line-height:48px;padding:0 10px}

.news li em{ display:inline-block; float:right; color:#999; font-size:12px}

.news li a{ color:#555; font-size:14px;background:url(../images/kk.jpg) no-repeat left center; display:inline-block; padding-left:13px}

.news li:hover a{ color:#0c87da; font-weight:bold}

.leftside .way{ border:1px solid #e1e2e2; padding:17px 0px 6px 8px;}

.leftside .way h2{ color:#333; font-size:14px; font-weight:bold; margin-bottom:18px}

.leftside .way li{ margin-bottom:13px}

.leftside .way li strong{ display:inline-block; float:left; margin:2px 8px 0 0px;}

.leftside .way li span{ display:inline-block; float:left; color:#333; font-size:14px}

.leftside .way li span em{ display:block;color:#999; font-size:12px; margin-top:2px}

.leftside .way li span.f12{ font-size:12px}

.leftside .biao{ background:url(../images/tit.jpg) no-repeat; height:45px; line-height:45px; text-align:center; color:#fff; font-size:15px; font-weight:bold;margin-top:20px}

/*公司简介*/

.rightside .about{ padding-top:26px}

.about p{ color:#666; font-size:12px; line-height:24px; text-indent:26px}

.about .dt{ padding-top:50px}

/*解决方案*/

.rightside .solution{ padding-top:12px}

.solution li{padding:20px 0}

.solution li .pic{ display:inline-block; width:222px; margin-right:20px}

.solution li .text{ width:680px}

.solution li h5 a{ display:block; color:#333; font-size:15px; font-weight:bold; margin-bottom:8px}

.solution li p{ color:#666; font-size:12px; line-height:22px}

.solution li .text span{ display:block; margin-top:16px}

.solution li .text span a{ display:inline-block; width:95px; height:32px; text-align:center; line-height:32px; margin-right:12px; border-radius:3px; color:#ffa100; font-size:12px; border:1px solid #ffa100}

.solution li .text span a:hover{ background:#ffa100; color:#fff}

.rightside .solution2{ padding-top:26px}

.solution2 h2{ text-align:center; border-bottom:1px dotted #d3d3d3; color:#333; font-size:24px; padding-bottom:17px}

.solution2 h2 span{ display:block; color:#999; font-size:12px; margin-top:10px}

.solution2 h2 span em{ display:inline-block; margin:0 10px}

.solution2 p{ color:#666; font-size:12px; line-height:30px}

.solution2 .article{ padding-top:16px}

.solution2 .article span{ color:#333; font-size:14px; font-weight:bold; margin-bottom:6px; display:block; margin-top:30px}

/*联系我们*/

.contact_us{ padding-top:27px}

.contact_us p{font-size:14px;color:#666;line-height:30px}

.contact_us h3{color:#333;font-size:16px;margin-bottom:10px;}

.contact_us .m25{margin-top:25px}

.contact_us .map{margin-top:20px}

/*产品展示*/

.rightside .products,.rightside .partner{ padding-top:32px}

.products ul{ width:964px}

.products li{ float:left; width:221px;text-align:center;border:1px solid #e5e5e5;margin-bottom:24px; margin-right:10px}

.products li p{ color:#333; font-size:12px; font-weight:bold; height:17px; overflow:hidden; padding:0 10px}

.products li span{ display:block;padding:17px 0}

.products li span a{ display:inline-block; width:90px; height:30px; text-align:center; line-height:30px; border-radius:3px; background:#ffa100; font-size:12px; color:#fff; margin:0 5px}

.products li span a.come{ background:#dcdbda; color:#666}

.products li span a.come:hover{ background:#0c87da; color:#fff}

.products li .img{ padding:10px 0 9px 0;height:147px}

.products li .img img{ width:auto; height:147px}

.products li .one:nth-child(4n){ width:230px}

.rightside .products2{ padding-top:32px}

.products2 .js{ width:478px}

.products2 .js h4{ color:#333; font-size:20px; font-weight:bold; margin-bottom:30px}

.products2 .js p{ color:#666; font-size:14px; line-height:26px}

.products2 .js h5{ color:#ff0000; font-size:16px; font-weight:bold; padding-top:102px}

.products2 .js a.zx{ display:block; background:#ffa100; font-size:16px; color:#fff; width:132px; height:38px; line-height:38px; text-align:center; border-radius:3px; margin-top:35px}

.partner ul{ width:932px}
.partner li{ float:left;width:221px;text-align:center;border:1px solid #e5e5e5;margin-bottom:24px; margin-right:10px}
/*图片放大镜样式*/

.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:408px; height:408px; text-align:center}
.jqzoom img{width: 398px;height: 398px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/*图片小图预览列表*/

.spec-preview{width:408px;height:408px;border:1px solid #e5e5e5;margin-bottom:15px}

.spec-scroll{clear:both;margin-top:5px;width:410px;}

.spec-scroll .prev{float:left;margin-right:9px;}

.spec-scroll .next{float:right;}

.spec-scroll .prev,.spec-scroll .next{display:block;background:url(../images/left.jpg) no-repeat;width:18px;height:110px;cursor:pointer}

.spec-scroll .next{background:url(../images/right.jpg) no-repeat;}

.spec-scroll .items{float:left;position:relative;width:353px;height:110px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:110px;}

.spec-scroll .items ul li{float:left;width:119px;text-align:center;}

.spec-scroll .items ul li img{border:1px solid #e5e5e5;width:108px;height:108px;}

.spec-scroll .items ul li img:hover{border:1px solid #0c87da;}

.leftside .nav2 h1{ height:45px; background:#0c87da; padding-left:18px; color:#fff; font-size:16px; font-weight:bold; line-height:45px}

.nav2 ul.yiji{border:1px solid #e5e5e5;padding-bottom: 30px;}

.nav2 ul li{margin:0px 16px;border-bottom:1px dashed #e5e5e5;}

.nav2 ul li a{position:relative;color:#0c87da;font-size:15px;font-weight:bold;height:50px;line-height:51px;display:block;background:url(../images/jiantou.png) no-repeat 100% center;}

.nav2 ul li .inactive{ background:url(../images/jiantou.png) no-repeat 100% center;}

.nav2 ul li .inactives{background:url(../images/jiantou2.png) no-repeat 100% center;} 

.nav2 ul li ul{display: none;}

.nav2 ul li ul li{ padding:0 18px;border-bottom:none;margin:0 0 10px 0}

.nav2 ul li ul li ul{display: none; padding:9px 0 0 0}

.nav2 ul li ul li a{background:url(../images/ico.png) no-repeat left center; padding-left:24px;color:#666;font-size:14px; font-weight:normal; height:26px;line-height:26px}

.nav2 ul li ul li .inactive{background:url(../images/ico.png) no-repeat left center;}

.nav2 ul li ul li .inactives{background:url(../images/ico2.png) no-repeat left center;}

.nav2 ul li ul li ul li a{padding-left:0px;background:none; color:#999; font-size:12px; line-height:32px; font-weight:normal; height:32px}

.nav2 ul li ul li ul li a:hover{color:#0c87da}

.nav2 ul li ul li ul li{ padding:0 37px;border-bottom:none;margin:0}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:5px;

border:1px #CCCCCC solid;

margin-right:2px;

cursor:pointer;

}

.page .current{

border:1px #999999 solid;

background:#FFFFCD;

font-weight:bold;

}

.page  a:hover{

border:1px #333333 solid;

background:#FFFFCD;

text-decoration:none;

}



.detail{padding:15px 10px;}

.detail h2{ color:##666; text-align:center; font-size:20px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}

.write span{ color:#666;}

.detail p{ padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }

.dow b{ color:##666;}

.dow p{ text-indent:0;font-size:12px;}

.info p {line-height:25px;font-size:12px; margin-top:5px; }



#gg2{width:250px;height:90px; background:#133984; color:#fff; font-size:20px; text-align:center; line-height:90px; position:relative;z-index:1000}

#gg2 span{position: absolute; right:8px; top:8px; font-size:14px; font-weight:bold; height:20px; line-height:20px; z-index:1001;}

#gg2 span a{background:#fff;color:#133984; text-decoration:none; border-radius:100%; border:1px solid #133984; width:20px; height:20px; display:block}

.down2{ padding-top:30px}
.down2 span{ display:block; color:#999; font-size:12px; line-height:30px}
.down2 span a{ color:#666}


.biao-ti{color: #333;font-size: 16px;font-weight: bold;border-left: 3px solid #0c87da;padding-left:12px;margin-bottom: 26px;height: 18px;line-height: 18px;margin-top: 32px;}
.pp-goods{}
.pp-goods .good-boxs{padding: 32px 0 0 0;}
.pp-goods .good-boxs dl{float: left;width: 302px;margin-right: 8px;}
.pp-goods .good-boxs dt{height: 49px;line-height: 49px;color: #fff;background-color: #0c87da;font-size: 20px;padding: 0 20px;}
.pp-goods .good-boxs dd p{color: #333;font-size: 16px;line-height: 28px;height: 84px;overflow: hidden;}
.pp-goods .good-boxs dd{border:1px solid #e5e5e5;padding:15px 20px;border-top: none;}
.pp-goods .good-boxs dl:nth-child(3){margin-right: 0;}
.case-box li{float: left;width: 299px;margin-right: 12px;margin-bottom: 20px;}
.case-box li:nth-child(3n){margin-right: 0;}
.case-box li img{width: 299px;height: 164px;}
.case-box li a h2{color: #333;font-size: 14px;font-weight: bold;margin:12px 0 8px 0;}
.case-box li a p{color: #666;font-size: 13px;line-height: 22px;}

.wz-ju{position: relative;border-top: 2px solid #ccc;margin: 50px 0;}
.wz-ju span{display: block;position: absolute;top: -24px;left:50%;margin-left: -290px;font-size:30px;background-color: #fff;color:#ffa100;width:580px;text-align: center;}
.case-box_2 li:nth-child(3n){margin-right:28.5px;}
.case-box_2 li{width: 250px;margin: 0 28.5px 10px 28.5px;text-align: center;}
.case-box_2 li img{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); transition: all 0.5s;}
.case-box_2{padding-top: 40px;}
.case-box_2 li .tpp{width: 250px;height: 164px;position: relative; overflow: hidden;}
.case-box_2 li:hover img{transform: translate(-50%, -50%) scale(1.2); }