/*what we do*/
.contain{width:1200px;margin:0 auto;position:relative;/*min-width:1200px*/;overflow:hidden;}
.who p,.ourser p{text-align:center;font-size:14px;line-height:2.5em;color:#666;overflow:hidden;font-size:16px;}
.who p.himg img,.ourser p.himg img,.ourcase p.himg img,.ournews p.himg img,.ourcus p.himg img,.oursl p.himg img{display:inline-block;}
.ourser{position:relative;background:#fff;padding:40px 0;overflow:hidden;padding-bottom:0px;}
.s_fst{margin-left:0;}
.s_i{display:inline-block;float:left;text-align:center;margin-top:20px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;width:239px;border-right:solid 1px #e3e3e3;}
.s_i_wx{border-right:0;}
.s_i:hover{margin-top:30px;}
.s_i:hover .sico span.y{opacity:1;}
.s_i:hover .sico span.b{opacity:0;}
.s_i .sico{width:118px;height:118px;position:relative;overflow:hidden;display:inline-block;}
.s_i .sico span{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:url(../img/404.html);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.s_i .sico span.y{opacity:0;}
.s_i_a span.b{background-position:0 0;}
.s_i_a span.y{background-position:-119px 0;}
.s_i_b span.b{background-position:-241px 0;}
.s_i_b span.y{background-position:-360px 0;}
.s_i_c span.b{background-position:-479px 0;}
.s_i_c span.y{background-position:-598px 0;}
.s_i_d span.b{background-position:-720px 0;}
.s_i_d span.y{background-position:-840px 0;}
.s_i_e span.b{background-position:-962px 0;}
.s_i_e span.y{background-position:-1084px 0;}
.s_i p.s_hd{font-size:20px;color:#333;text-align: left;margin: 7px 0 7px 45px;}
.s_i p.s_hd strong{font-weight:600;}
.s_i p.s_p{font-size: 13px;text-align: left;color: #666;background: url(http://www.zzxvip.com/public/images/qu6_17.jpg) left center no-repeat;text-indent: 16px;line-height: 2em;margin: 0 0 0 45px;}
.s_i p.s_p a{color:#666;}
/*what we do */

/*SERver introduction*/
.index_box{ width:1200px; overflow:hidden; margin:auto}
 p.pimg{
    text-align: center;
    font-size: 14px;
    line-height: 2.5em;
    color: #666;
    overflow: hidden;}
.bt_box{  border-bottom:1px solid #e9e9e9; height:60px; padding-top:16px; line-height:60px;}
.bt_box h3{ float:left}
.bt_box a{ float:right;color:#b4b4b4; }
.index_box a:hover{ text-decoration:none}

.gn_box{ margin-right:30.2px; overflow:hidden; padding:0 3px 3px 0}
.gn_box li{ float:left; width:25%; margin-top:21px;}
.gn_box  a{ display:block; margin-left:30.2px; height:192px; border-radius:10px; border:1px solid #e9e9e9; text-align:center;color:#767676;}
.gn_box  a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.2);text-decoration:none;}
.gn_box  a:hover span{ color:#ffb20a}
.gn_box  a i{ display:block; width:60px; height:60px; margin:22px auto 0px; background:url(../img/404.html) repeat}
.gn_box  span{ display:block; line-height:35px; font-size:16px;}
.gn_box p{ width:168px; line-height:24px; height:48px; font-size:12px; overflow:hidden;  margin:0px auto}

.gn_2 a i{ background-position: -60px 0px;}
.gn_3 a i{ background-position: -120px 0px;}
.gn_4  a i{ background-position: -180px 0px;}

.gn_5  a i{ background-position: 0px -60px;}
.gn_6  a i{ background-position: -60px -60px;}
.gn_7  a i{ background-position: -120px -60px;}
.gn_8  a i{ background-position: -180px -60px;}

.gn_9  a i{ background-position: 0px -120px;}
.gn_10  a i{ background-position: -60px -120px;}
.gn_11 a  i{ background-position: -120px -120px;}
.gn_12 a  i{ background-position: -180px -120px;}

.gn_1 a:hover i{ background-position: 0px -180px;}
.gn_2  a:hover i{ background-position: -60px -180px;}
.gn_3  a:hover i{ background-position: -120px -180px;}
.gn_4  a:hover i{ background-position: -180px -180px;}

.gn_5  a:hover i{ background-position: 0px -240px;}
.gn_6  a:hover i{ background-position: -60px -240px;}
.gn_7  a:hover i{ background-position: -120px -240px;}
.gn_8  a:hover i{ background-position: -180px -240px;}

.gn_9  a:hover i{ background-position: 0px -300px;}
.gn_10  a:hover i{ background-position: -60px -300px;}
.gn_11  a:hover i{ background-position: -120px -300px;}
.gn_12  a:hover i{ background-position: -180px -300px;}
/*SERver introduction*/

/*图片滚动*/
.rollboxs{height:227px;margin:10px auto;width:1100px;overflow:hidden;position: relative;}
.rollboxs .jslogo{height:68px;width:120px;border:0px;padding:1px}
.rollboxs .scrollcons{width:598px;height:68px;position:absolute;top:1px;}
.rollboxs .LeftBotton{height:68px;width:22px;background:#ff0000 url(http://www.zzxvip.com/public/css/images/1294825702857.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0px;cursor:pointer;}
.rollboxs .RightBotton{height:68px;width:22px;background:#ff0000 url(http://www.zzxvip.com/public/css/images/1294825623597.jpg);overflow:hidden;float:left;display:inline;margin:0px;cursor:pointer;}
.rollboxs .Cont{width:1100px;overflow:hidden;float:left;height:227px;}
.rollboxs .ScrCont{width:10000000px;}
.rollboxs .Cont .pic{width:185px;height:227px;overflow:hidden;float:left;}
.rollboxs .Cont .pic img{background:#fff;display:block;}
.rollboxs #List1, .rollboxs #List2{float:left;}

.box_case{width:1100px;margin:auto;}
.btbox1{width:1100px;margin:auto;border-bottom:1px solid #e9e9e9; height:60px; padding-top:16px; line-height:60px;}
.btbox1 h3{ float:left}
.btbox1 h3 font{ font-size:12px;color:#626262;}
.btbox1 a{ float:right;color:#b4b4b4; }
.index_box1 a:hover{ text-decoration:none}


/*图片滚动*/


/*系统介绍*/
.coreboxs{display:block;background:#fff;margin-top:10px;}
.core_cons{display:block;width:1200px;margin:0 auto;padding-bottom:30px;}
.core_cons .core_condls{width:1210px;display:block;overflow:hidden;}
.core_cons .core_condivs{position:relative;float:left;}
.core_cons .core_condls dl{display:block;float:left;position:relative;height:276px;margin:0px 12px 12px 0px;cursor:pointer;}
.core_cons .core_condls dl .ddcons_div{display:block;/*background:#FFFAFA;*/width:285px;height:270px;overflow:hidden;padding-bottom:21px;border:solid 1px #fff;position:relative;z-index:2;}
.core_cons .core_condls dl .ddcons_div span{display:block;margin-top:27px;}
.core_cons .core_condls dl .ddcons_div span img{display:block;margin:0 auto;}
.core_cons .core_condls dl .ddcons_div h3{color:#626262;font-size:18px;display:block;text-align:center;margin-top:32px;}
.core_cons .core_condls dl .ddcons_div p{display:block;text-align:center;color:#9a9a9a;font-size:12px;margin-top:20px;line-height:18px;height:35px;}
.core_cons .core_condls dl .i_bot{display:block;width:230px;height:6px;position:absolute;left:0px;bottom:0px;}



.nones_div{display:block;position:absolute;left:286px;top:0px;width:285px;height:270px;padding:20px 20px 0px 20px;transform:translate(-100px,0);opacity:0;z-index:1;}
.nones_div01{background:#E71541;}
.nones_div02{background:#E93005;}
.nones_div03{background:#56cd80;left:-300px;transform:translate(100px,0);}
.nones_div04{background:#919191;left:-300px;transform:translate(100px,0);}
.nones_div05{background:#e87070;}
.nones_div06{background:#b97fde;}
.nones_div07{background:#fdc504;left:-300px;transform:translate(100px,0);}
.nones_div08{background:#fc6f22;left:-300px;transform:translate(100px,0);}
.nones_div09{background:#4cd1d1;left:-300px;transform:translate(100px,0);}
.nones_div010{background:#4cd18e;}
.nones_div011{background:#E968A2;}
.nones_div012{background:#2ac853;}
.nones_div013{background:#2a61d1;}
.nones_div014{background:#e81414;left:-300px;transform:translate(100px,0);}
.nones_div017{background:#e968a2;left:-300px;transform:translate(100px,0);}
.nones_div019{background:#f1d200;}
.nones_div021{background:#86be58;}
.nones_div025{background:#22bf9c;}

.nones_div .ileft_dot{display:block;width:9px;height:18px;position:absolute;left:-9px;top:120px;}
.nones_div01 .ileft_dot{}
.nones_div02 .ileft_dot{}
.nones_div03 .ileft_dot{}
.nones_div04 .ileft_dot{left:254px;}
.nones_div05 .ileft_dot{left:254px;}
.nones_div06 .ileft_dot{}
.nones_div07 .ileft_dot{}
.nones_div08 .ileft_dot{}
.nones_div09 .ileft_dot{left:254px;}
.nones_div010 .ileft_dot{left:254px;}
.nones_div011 .ileft_dot{}
.nones_div012 .ileft_dot{}
.nones_div013 .ileft_dot{}
.nones_div014 .ileft_dot{left:254px;}
.nones_div017 .ileft_dot{left:254px;}
.nones_div019 .ileft_dot{}
.nones_div021 .ileft_dot{}
.nones_div025 .ileft_dot{}


.nones_div h1{display:block;font-size:16px;color:#fff;}
.nones_div h3{display:block;font-size:16px;color:#fff;}
.nones_div p{display:block;color:#fff;font-size:12px;line-height:20px;margin-top:20px;}
.nones_div em{display:block;overflow:hidden;width:100%;position:absolute;left:0px;bottom:10px;}
.nones_div em a{display:block;width:50%;float:left;text-align:center;color:#fff;padding-top:24px;}
.nones_div em a.a1{background:url(../img/liaojie.png) no-repeat top center;}
.nones_div em a.a2{background:url(../img/zixun.png) no-repeat top center;}

/*鼠标经过*/
.core_condivs:hover .nones_div{opacity:1;transform:translate(0,0);z-index:9;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}
.core_cons .core_condls dd .ddcons_div:hover{-webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}
.core_cons .core_condls dd #ddcons_div01:hover h3{-webkit-transition: 0.5s;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;}

.core_condivs:hover #ddcons_div01{border:solid 1px #E71541;}
.core_condivs:hover #ddcons_div01 h3{color:#E71541;}
.core_condivs:hover #ddcons_div02{border:solid 1px #E93005;}
.core_condivs:hover #ddcons_div02 h3{color:#E93005;}
.core_condivs:hover #ddcons_div03{border:solid 1px #56CD80;}
.core_condivs:hover #ddcons_div03 h3{color:#56CD80;}
.core_condivs:hover #ddcons_div04{border:solid 1px #919191;}
.core_condivs:hover #ddcons_div04 h3{color:#919191;}
.core_condivs:hover #ddcons_div05{border:solid 1px #e87070;}
.core_condivs:hover #ddcons_div05 h3{color:#e87070;}
.core_condivs:hover #ddcons_div06{border:solid 1px #b97fde;}
.core_condivs:hover #ddcons_div06 h3{color:#b97fde;}
.core_condivs:hover #ddcons_div07{border:solid 1px #fdc504;}
.core_condivs:hover #ddcons_div07 h3{color:#fdc504;}
.core_condivs:hover #ddcons_div08{border:solid 1px #fc6f22;}
.core_condivs:hover #ddcons_div08 h3{color:#fc6f22;}
.core_condivs:hover #ddcons_div09{border:solid 1px #4cd1d1;}
.core_condivs:hover #ddcons_div09 h3{color:#4cd1d1;}
.core_condivs:hover #ddcons_div010{border:solid 1px #4cd18e;}
.core_condivs:hover #ddcons_div010 h3{color:#4cd18e;}
.core_condivs:hover #ddcons_div011{border:solid 1px #E968A2;}
.core_condivs:hover #ddcons_div011 h3{color:#E968A2;}
.core_condivs:hover #ddcons_div012{border:solid 1px #2ac853;}
.core_condivs:hover #ddcons_div012 h3{color:#2ac853;}
.core_condivs:hover #ddcons_div013{border:solid 1px #2a61d1;}
.core_condivs:hover #ddcons_div013 h3{color:#2a61d1;}
.core_condivs:hover #ddcons_div014{border:solid 1px #e81414;}
.core_condivs:hover #ddcons_div014 h3{color:#e81414;}
.core_condivs:hover #ddcons_div017{border:solid 1px #e968a2;}
.core_condivs:hover #ddcons_div017 h3{color:#e968a2;}
.core_condivs:hover #ddcons_div019{border:solid 1px #f1d200;}
.core_condivs:hover #ddcons_div019 h3{color:#f1d200;}
.core_condivs:hover #ddcons_div021{border:solid 1px #86be58;}
.core_condivs:hover #ddcons_div021 h3{color:#86be58;}
.core_condivs:hover #ddcons_div025{border:solid 1px #22bf9c;}
.core_condivs:hover #ddcons_div025 h3{color:#22bf9c;}