.mr20{margin-right:20px;}
.ser_tit {max-width:1180px;margin:10px auto;}
.ser_main { width:1180px;height: 265px;padding-top: 15px;overflow: hidden;background: url(/templets/JX/images/bgimg.jpg) top center no-repeat;}
.z_news {width: 1180px;margin: 0 auto;min-height: 250px;padding-top: 10px;}
/*
.z_news .title{text-align:left;padding: 10px 5px;display:none;}
.title .t_js{float: left;width: 675px;}
.title .t_news{width: 464px;float: right;margin-top: -5px;}
*/
.z_newlist {width: 464px;float: right;margin-top: -5px;}
.z_newlist .title{margin-bottom: 5px;text-align: left;padding: 12px 5px;font-size: 16px;color: #f22e00;border-bottom: 1px solid #ccc;}
.z_newlist .inews {margin-bottom: 2px;height: 28px;line-height: 28px;padding-left: 35px;background: url(/templets/JX/images/j.png) left center no-repeat;}
.z_newlist .inews a {font-size: 14px;color: #666;float: left;}
.z_newlist .inews a:hover {color: #ff0000;}
.z_newlist .inews span {color: #999;float: right;}
.z_js {float: left;width: 675px;border-right: 1px solid #ccc;min-height: 225px;padding-right: 20px;margin-right: 20px;}
.z_js .psinfo p {text-align: justify;line-height: 25px;color: #666;font-size: 14px;}
.z_js .linkmove a {width: 198px;height: 28px;line-height: 28px;text-indent: 10px;text-align: left;display: block;color: #666;font-size: 11px;background: url(/templets/JX/images/icojia.png) 110px center no-repeat;border: 1px solid #ccc;}
.z_js .linkmove a:hover {background: #f2f2f2 url(/templets/JX/images/icojia.png) 150px center no-repeat;}
.z_js .psinfo {height: 110px;margin-bottom: 10px;}
.z_js img {width: 300px;height: 225px;display: block;}
.z_js .ac {width: 300px;height: 225px;display: block;float: left;}
.z_js dl {float: left;padding-left: 25px;width: 345px;}
.z_js dl dt {height: 10px;}
.z_js dl dt a {    font-size: 16px;
    color: #f22e00;
    padding: 7px 5px;
    display: block;}
.z_js dl .datasinfo {color: #666;height: 30px;line-height: 25px;margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.z_js dl .datasinfo span {color: #ff0000;}
.z_ry{background: #fff;padding: 2.5px 2.5px 0;     width: 1180px;
    margin: auto;}
.z_ry div {margin: 0;overflow: hidden;padding: 0;}
.z_ry .row>div {padding: 2.5px 2.5px;}
.z_ry div {margin: 0;overflow: hidden;padding: 0;    margin-bottom: 15px;}
.z_ry .grid-item {overflow: hidden;line-height: 0;display: block;position: relative;color: #fff;}
.z_ry .grid-item img {width: 100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;transition: transform 1s;}
.z_ry .grid-item .text-wrap {position: absolute;	display:none;height: 50%;width: 100%;left: 0;bottom: 0;background: -webkit-linear-gradient(-90deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);background: -moz-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);background: -ms-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);background: -o-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);background: linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);}
.z_ry .grid-item .text {position: absolute;left: 30px;bottom: 25px;}
@media (min-width: 768px){.col-sm-4 {width: 32.9%;}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float: left;}
}

/*常见问题*/
.serviceCase { width:1180px; height:160px; margin:auto; margin-bottom:10px; }
.wenti_title {
	width: 80px;
    margin-bottom: 5px;
    text-align: left;
    padding: 12px 5px;
    font-size: 16px;
    color: #f22e00;
    border-bottom: 1px solid #ccc;}

.serviceCase ul li{    width: 333px;
    height: 19px;
    float: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666;
    padding: 5px 0 6px 28px;
    margin-left: 20px;
    background: url(/templets/JX/images/j.png) left center no-repeat;
}
.serviceCase ul li:hover { color:#F00}

/*服务奖轮播图*/

.serviceImg { width:1180px; height:271px; margin:auto; margin-bottom:20px;}
.Img_title {width: 200px;
    margin-bottom: 5px;
    text-align: left;
    padding: 12px 5px;
    font-size: 16px;
    color: #f22e00;
    border-bottom: 1px solid #ccc;}

.Reward { width:1180px; margin:auto; margin:10px 5px;}
.Reward ul li {width:226px; height:200px; display:block; float:left;padding:5px; }
.Reward img { width:228px; height:200px; }


/*维修和维护*/

.ad_img { width:1180px; height:161px; margin:auto; margin-bottom:50px; }
.brand { width:1180px; margin:auto;}
.brand_title {    width: 1180px;
    height: 34px;
    margin: auto;
    text-align: center;
    font-size: 30px;
    margin-bottom: 35px;
    color: #0e0e0e;}

.blue {     color: #005ca1;
    font-size: 21px;
    margin-left: 10px;}	
	
.brand ul {width:1180px; height:232px; margin:auto;}
.brand ul li {
       width: 170px;
    height: 170px;
    float: left;
    display: block;
    border: 3px solid #CCC;
    margin: 28px 10px;
	line-height: 170px;
}
.brand ul li:hover{border: 3px solid #09F;}


.di1 {margin: -2px 0 0 49px;}
.di2 {margin: -2px 0 0 249px;}
.di3 {margin: -2px 0 0 449px;}
.di4 {margin: -2px 0 0 649px;}
.di5 {margin: -2px 0 0 849px;}
.di6 {margin: -2px 0 0 1049px;}


.show {width:1180px; height:150px; margin:auto;}
.show1 {width:1180px; height:150px; margin:auto; display:none}
.show2 {width:1180px; height:150px; margin:auto; display:none}
.show3 {width:1180px; height:150px; margin:auto; display:none}
.show4 {width:1180px; height:150px; margin:auto; display:none}
.show5 {width:1180px; height:150px; margin:auto; display:none}
.show6 {width:1180px; height:150px; margin:auto; display:none}


#onclick1:hover show1{display:block;}
#onclick2:hover show2{display:block;}
#onclick3:hover show3{display:block;}
#onclick4:hover show4{display:block;}
#onclick5:hover show5{display:block;}
#onclick6:hover show6{display:block;}





.show_imgTxt {    width: 1156PX;
    height: 64PX;
    background-color: #eceaea;
    padding: 30px 11px;
    text-align: center;}


.other_brand {    width: 1180px;
    height: 646px;
    margin: 22px 0px;
    padding-left: 21px;}
.other_brand ul li {    width: 174px;
    height: 61px;
    float: left;
    display: block;
    margin: 15px 11px;
    line-height: 60px;}
.other_brand ul li img {    width: 114px;
    height: 41px;}





.bottom_db{    width: 1180px;
    height: 34px;
    margin: auto;
    text-align: center;
    font-size: 30px;
    margin-bottom: 57px;
    margin-top: 98px;
    color: #1a1b1b;
}
.Typical_customer { width:1180px; margin:auto;}
.Typical_customer li { width:147px;
    height: 32px;
    float: left;
    display: block;
	
}

.jianju {    width: 1180px;
    height: 68px;
    margin: auto;}

.jianju2 { width: 1180px;
    height: 45px;
    margin: auto;}

.strong_title {font-weight:bold; text-align:center;}




/*特色服务*/
.Special_service {     max-width: 1180px;
    height: 350px;
    margin: 70px 0 20px;
	font-family: 微软雅黑;
}
.Special_service img {width:100%;}
.Special_service_div {    width: 260px;
    height: 340px;
    display: block;
    float: left;
    line-height: 20px;
    font-size: 12px;
    font-family: 微软雅黑;
    margin: 0 17px;
    background-color: #f3f7ff;
}


.ul_txt {padding: 10px;
    text-align: left;
    font-family: 微软雅黑;
}
	
.ul_txt span {     text-align: center;
    font-size: 21px;
    color: #0a0a0a;
    margin: 10px 0px;
    display: block;}


.more {    width: 40px;
    height: 20px;
    line-height: 17px;
    display: block;
    float: left;
    margin-left: -75px;
    margin-top: 317px;
    color: #2c8cd2;
    vertical-align: bottom;
    padding-left: 18px;
    background: url(/z_style/img/gd.jpg) no-repeat;
}

	
	
	
	
/*典型案例*/
.z_jss{float: left;
    width: 432px;
    border-right: 1px solid #ccc;
    min-height: 278px;
    padding-right: 20px;
    margin-right: 20px;
}
.z_jss img {    max-width: 420px;}
.z_news_a ddt {
     color: #333;
    display: inline-block;
    padding: 0 20px 15px;
    border-bottom: 3px solid #ff0000;
    font-size: 34px;
    font-weight: normal;
    text-align: center;
}


/*维修和维护-典型案例*/

.z_newlist_a{    width: 665px;
    float: right;
    margin-top: 15px;}
	
.title_solid { width:1180px; height:1px; border-bottom:1px solid #CCC; margin:10px 0 22px 0;}
	

.z_newlist_a .title {
    margin-bottom: 5px;
    text-align: left;
    padding: 12px 5px;
    font-size: 16px;
    color: #f22e00;
    border-bottom: 1px solid #ccc;
}

.z_newlist_a .inews {
    margin-bottom: 2px;
    height: 28px;
    line-height: 28px;
    padding-left: 35px;
    background: url(/templets/JX/images/j.png) left center no-repeat;
}
.z_newlist_a .inews a {
    font-size: 14px;
    color: #666;
    float: left;
}
.z_newlist_a .inews span {
    color: #999;
    float: right;
}



/*轮播图*/

/*CSS代码开始*/
/*中间区域*/
.center_area .center{width:100%;height:500px;background:#ccc;float: left;}
.common_da{ width: 800px; height: 100px;}
.center_area .center .center_top{width:100%;height:440px;/*background: orange;*/
}
/*中间轮播图区域*/
.z_content{    height: 310px;
    margin: 0px auto;
    position: relative;
    background-color: #eceaea;
}
.z_content:hover .common{display: block;}
/*左右切换图标*/
.z_content .common{display: block;width:50px;height: 100px;position: absolute;z-index: 25;top:72%;margin-top: -50px;display: none;}
.z_content .btnLeft{opacity: 0.5;left:0px;background: url(../images/sprite.png) no-repeat;}
.z_content .btnRight{opacity: 0.5;right:0px;background: url(../images/sprite.png) no-repeat -60px 0;}
/*左右切换图标*/
.z_content ul {width: 1180px;margin:0 auto;}
.z_content ul li{width: 1124px;
    color: #383636;
    font-size: 18px;
    opacity: 0;
    font-family: 微软雅黑;
    position: absolute;
    height: 90PX;
    padding: 14px 27px 35px 27px;
    text-align: center;
    margin: 0px 2px 12px 1px;
    background: url(/z_style/img/lunbobg.png) no-repeat;}

/*切换小图标*/

.z_content .table{width: 1180px;height: 172px;margin: auto;}
.z_content .table a{width:172px;height:103px;border: 2px solid #fff;position: relative;opacity: 1;text-align:center;    margin: 28px 10px;display: block;float:left; background:#fff;}
.z_content .table a img{display: block;position: absolute;top: 50%;left: 50%;max-width: 100%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}
.z_content .table a.small_active{border-color:#ff0000;color: #fff;}
.z_content .table i{background:url(/z_style/img/sanjiao.png) top center no-repeat;background-size:auto 100%;width:170px;position:absolute;bottom:-50px;display:none;height:47px;}
.z_content .table .z_d>i{display:block;}
/*css代码结束*/


/* 头狼科技：www.toulang.com CSS开始 跑马灯带停顿效果 */
.examples_body {
	width: 1180px;
	margin: 25px auto;
	clear: both;
	position: relative;
}
.bx_wrap {
	margin-left: 0px;
}
.bx_wrap ul img { border: 2px solid #DDD; }
.bx_wrap ul li>img { width:230px;height:170px; }



/*支持和服务-成功案例-单页面*/

.cgal_title {width:100%; height:55px; margin:auto;}
.cgal_title h2{font-size: 24px;color: #1fb316; text-align:left;}

.body_txt {width: 100%; min-height: 118px; margin: auto; line-height: 27px; color: rgb(102, 102, 102); font-size: 14px; text-align: justify; border-bottom: 1px solid rgb(204, 204, 204); font-family: 微软雅黑, "Arial Narrow", HELVETICA;
	}


.jjfa {    width: 100%;
    min-height: 200px;
    color: rgb(0, 0, 0);
    text-align: center;
    border-bottom: 1px solid #ccc;}


.jjfa strong {    width:38%;
    min-height: 200px;
    display: block;
    float: left;
    line-height: 200px;
    font-size: 21px;
    color: #383737;
    text-align: left;}
.jjfa_p {    width:60%;
    min-height: 155px;
    display: block;
    float: left;
    color: rgb(102, 102, 102);
    font-family: 微软雅黑, "
    font-size: 14px;
    text-align: justify;}

.jjfa_p span {     
    display: block;
    margin: 52px 0 0;
	font-size: 14px;}

	
	
.cganli {width: 100%; min-height: 200px; margin-top: 40px; color: rgb(0, 0, 0); font-family: 微软雅黑, "Arial Narrow", HELVETICA; text-align: center;}
	
.cgal {width: 38%;
    min-height: 200px;
    float: left;
    display: block;
    color: #3dcd58;
    font-size: 18px;
    text-align: left;
	font-family: 微软雅黑;
}
.cgal_a {    width: 450px;
    height: 52px;
    line-height: 53px;
    display: block;
    color: #0a0a0a;
    font-family: 宋体;
    text-align: left;
    font-size: 26px;
}

.cgal_b {    width: 100%;
    height: 148px;
    font-size: 16px;
    color: #000;
    font-family: 微软雅黑;
	min-width: 200px;
	}


.cgal_c {    width: 578px;
    min-height: 200px;
    float: left;
    text-align: left;
    margin-left: 20px;
	margin-top: 15px;}


.cgal_c img {width:320px;height:200px;}