﻿.topimg-con{width:1100px; margin:0 auto; position: relative;}
.topimg-con a{width:86px; height:86px; background: url(../maobg/cs-touch-btn-bg.png) 0 0 no-repeat; position: absolute; top:174px; left: 805px; z-index: 5px;}
.con-inner{width:1100px; margin:0 auto;}
.cs-touch1 .con-inner{width:1340px;}
.story-img{width:584px;}
.story-img img{display: block;}
.story-block{width:640px; padding-top:125px;}
.story-content{width:465px;}
.story-name{font-size: 36px; height:90px; line-height: 90px; position: relative;}
.cs-touch1 .story-name{background: url(../maobg/cs-ztouch-liner.png) left bottom no-repeat;}
.story-name-arrow{width:0; height:0; border-width: 6px 12px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ff8626; margin-top:-6px; position: absolute; top:50%; left:-60px; z-index: 2;}
.story-name em{font-style: normal; font-weight: bold; color:#ff8626;}
.story-manager{font-size: 20px; height:60px; line-height: 60px;}
.story-det{line-height: 26px;}

.cs-touch2{width:100%; height:660px; background: url(../maobg/cs-ztouch-bg1.jpg) top center no-repeat;}
.cs-touch2 .story-block{width:100%; padding-top:26px;}
.cs-touch2 .story-content{width:100%; font-size: 20px; padding-bottom:30px;}
.cs-touch2 .com-develop{ padding-left: 115px;}
.cs-touch2 .com-develop ul{border-left:1px solid #ff8626; padding-left: 42px;}
.cs-touch2 .com-develop ul li{padding-bottom:48px;}
.cs-touch2 .com-develop ul li .list-inner{color:#fff; line-height: 28px; border-radius: 5px; background-color: #5c5c5c; padding:16px 25px 16px 20px; position: relative;}
span.develop-time{width:100px; height:30px; text-align: right; line-height: 30px; font-size: 16px; color:#333; position: absolute; top:50%; left:-160px; margin-top:-15px;}
span.mark-circle{width:21px; height:21px; background: url(../maobg/cs-ztouch-circle.png) 0 0 no-repeat; position: absolute; top:50%; left: -53px; margin-top:-10px;}
span.develop-arrow{width:0; height:0; border-width: 14px 13px 8px; border-color: transparent #5c5c5c transparent transparent; border-style: dashed solid dashed dashed; position:absolute; top:50%; left:-26px; margin-top:-11px;}
.cs-touch2 .com-develop ul li.last{width:328px;}
.cs-touch2 .com-develop ul li.last .develop-det a{width:130px; height:60px; font-size: 20px; color:#fff; text-align: center; line-height: 60px; border-radius: 0 10px 10px 0; background-color: #ff8626; position: absolute; top:0; right:-125px;}

.cs-touch3{width:100%; height:783px; color:#fff; background: url(../maobg/cs-ztouch-bg2.jpg) top center no-repeat;}
.cs-touch3 .touch-con{padding-top:20px;}
.hd-tit{color:#fff; font-size: 20px; text-align: center; padding-bottom:40px;}
.hd-tit h1{font-size: 36px; font-weight: normal; height:70px; line-height: 70px;}
.hd-tit h1 strong{color:#ff8626;}
.jz-before{padding-bottom:30px;}
.cs-touch3 .con-inner .jz-hd{font-size: 20px; color:#ff8626; text-align: center; padding-bottom:30px;}
.jz-bgfx{line-height: 24px; text-align: center; color:#c5bcb6; border:1px dashed #ff8626; padding:15px 42px;}
.jz-wzjx ul{padding-left:90px; padding-bottom:20px;}
.jz-wzjx ul li{width:200px; padding-right:42px; float: left;}
.jz-wzjx ul li .wzjx-img{text-align: center; padding-bottom:20px;}
.jz-wzjx ul li .wzjx-hd{font-size: 20px; text-align: center;}
.jz-wzjx ul li .wzjx-bd{color:#c5bcb6; padding-top:20px;}
.jz-ztouch{width:565px; height:38px; line-height: 38px; border:1px dashed #ff8626; padding:10px 40px; margin:0 auto;}
.jz-ztouch a{display: block; width:180px; height:38px; line-height: 38px; text-align: center; font-size: 20px; color:#fff; border-radius: 19px; background-color: #ff8626;}

.cs-touch4{width:100%; color:#333; background: url(../maobg/cs-ztouch-bg3.png) top center no-repeat; padding-bottom:66px;}
.cs-touch4 .hd-tit{color:#333;}
.cs-touch4 .con-inner ul{padding:115px 0 85px 4px;}
.cs-touch4 .con-inner ul  li{width:243px; height:154px; border:1px dashed #ff8626; border-radius: 5px; margin-right:34px; position: relative; float: left;}
.cs-touch4 .con-inner ul li.mr36{margin-right:36px;}
.cs-touch4 .con-inner ul li.last{margin-right:0;}
.cs-touch4 .con-inner ul li.bg-gray{background-color: #f5f6fc;}
.cs-touch4 .con-inner ul li.bg-white{background-color: #fff;}
.cs-touch4 .con-inner ul li div{line-height: 26px; padding:20px 16px 0;}
.cs-touch4 .con-inner ul li span{width:36px; height:18px; position: absolute; top:-18px; left:50%; margin-left: -18px;}
.cs-touch4 .con-inner ul li.bg-gray span{background-image: url(../maobg/cs-ztouch-arrow-gray.png);}
.cs-touch4 .con-inner ul li.bg-white span{background-image: url(../maobg/cs-ztouch-arrow-white.jpg);}
.bottom-tips{height:80px; border:1px dashed #ff8626; margin-left: 120px}
.bottom-tips-inner{padding-right:40px; position: relative;}
.success-gw{padding-left:75px; padding-top:5px;}
.success-q{font-size:20px; height:40px; line-height: 40px;}
.bottom-tips a{display: block; width:144px; height:38px; color:#fff; font-size: 20px; text-align: center; line-height: 38px; border-radius: 19px; background-color: #ff8626; margin-top:21px;}
.pop_img{width:172px; height:116px; position: absolute; top:-30px; left: -122px; z-index: 2;}

.cs-touch5{width:100%; color:#333; background: url(../maobg/cs-ztouch-bg4.jpg) top center no-repeat;}
.cs-touch5 .touch-con{padding-top:70px;}
.cs-touch5 .con-inner{height:502px; position: relative;}
.cs-touch5 .hd-tit{color:#333; padding-bottom:20px;}
.speak-block{width:500px; padding-right:70px; margin:0 auto;}
.speak-block p{text-indent: 2em; line-height: 2em;}
.speak-block p.textR{text-align: right; text-indent: 0;}
.cs-touch5 .bottom-tips{width:222px; height:38px; line-height: 38px;  background-color: #fff; padding:9px 16px 9px 20px; position: absolute; bottom:34px; left:542px; z-index: 2; margin:0;}
.bottom-tips p{color:#ff8626;}
.cs-touch5 .bottom-tips a{margin:0;}