@charset "utf-8";
.tuiguang{padding:50px 0 30px;width:825pt;margin:0 auto}
.tuiguang h2{font-size:50px;color:#222;text-align:center}
dl.p3,ul.p3{overflow:hidden;padding:90px 0 30px}
dl.p3 dd,ul.p3 li{width:33.3%;float:left;text-align:center}
dl.p3 dd .font-din,ul.p3 .font-din{font-size:30px;color:#222}
dl.p3 dd .p,ul.p3 .p{font-size:50px}
.font-din{font-family:DIN-Regular}
.wrapper{width:980px;margin:0 auto}
.scroll-partner{padding:30px 0;max-height:300px;position:relative;border-top:1px solid #c7c7c7;height:300px}
.scroll-partner ul{height:100%;width:100%}
.scroll-partner li,.scroll-partner table{width:100%}
.scroll-partner td{width:16.6%;text-align:center;height:75pt;vertical-align:middle}
.scroll-partner td img{width:90%}
a.next,a.prev{display:block;width:70px;height:126px;position:absolute;top:50%;margin-top:-63px;filter:alpha(opacity=50);opacity:.5;z-index:6;transition:all .2s ease-in}
a{color: #666666;text-decoration: none;margin: 0;padding: 0;outline: 0}
a{transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
.scroll-partner a.prev{background:url(../img/bg.png) no-repeat;background-position:9px -170px;left:-7%}
.scroll-partner a.next:hover,.scroll-partner a.prev:hover{background-color:transparent}
.scroll-partner a.next{background:url(../img/bg.png) no-repeat;background-position:-23px -170px;right:-7%}
.scroll-partner a.next,.scroll-partner a.prev{width:2pc;height:2pc;margin-top:0;filter:alpha(opacity=100);opacity:1}
.scroll-partner td img{filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.scroll-partner td img:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

.c_0100_12 {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
	 padding: 90px 0 104px 0;
}
.c_0100_12 .container {
    position: relative;
    padding: 90px 0 104px 0;
}
.container {
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 680px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1182px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 1300px;
  }
}
@media (min-width: 1570px) {
  .container {
    width: 1570px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tit_2 {
    width: 11px;
    position: absolute;
    left: 0;
    top: 0;
}
.tit_3 {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 21px;
    background: url(../images/index2.jpg) no-repeat center bottom;
}
.tit_3 h3 {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #e91a14;
    line-height: 56px;
    font-family: Arial;
    font-weight: bold;
}
.tit_3 h4 {
    width: 100%;
    float: left;
    font-size: 36px;
    color: #3e3e3e;
    line-height: 60px;
}
.c_0100_12 .p {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #727272;
    line-height: 32px;
    margin-top: 22px;
}
.c_0100_12 ul {
    width: 100%;
    float: left;
    margin-top: 40px;
}
.c_0100_12 ul li {
    width: 16.666%;
    float: left;
	line-height: normal;
	list-style-type: none;
}
.c_0100_12 ul li h2 {
    width: 100%;
    float: left;
    font-size: 63px;
    color: #e91a14;
    line-height: 72px;
    font-family: 'OPENSANS-BOLD';
}
.c_0100_12 ul li h5 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #3e3e3e;
    line-height: 24px;
    margin-top: 12px;
}
.c_0100_12 .container {
    position: relative;
    padding: 90px 0 104px 0;
}

/* 产品 & 服务 */
.c_0100_1 {
    background: url(../images/index41152476.jpg) no-repeat center center;
    background-size: cover;
}
.c_0100_1 {
    width: 100%;
    float: left;
    padding: 142px 0 162px 0;
}
.c_0100_1 {
    width: 100%;
    float: left;
    padding: 174px 0 109px 0;
    /*background: url(../images/bg_3.jpg) no-repeat center center;*/
	
	margin-bottom: 100px;
}
.tit_4 {
    width: 326px;
    float: left;
    margin-top: 35px;
    padding: 5px 0 0 28px;
    background: url(../images/index2_3.png) no-repeat left top;
}
.tit_4 h2 {
    width: 100%;
    font-size: 70px;
    color: #a91411;
    line-height: 76px;
    font: bold;
    text-transform: capitalize;
    font-family: Arial;
    font-weight: bold;
}
.tit_4 h4 {
    width: 100%;
    font-size: 40px;
    color: #fff;
    line-height: 66px;
    letter-spacing: 1px;
    font-family: Arial;
    position: relative;
    text-transform: capitalize;
}
.tit_4 h4:before {
    content: '';
    width: 1000px;
    height: 1px;
    background: #9c9c9c;
    position: absolute;
    right: 0;
    bottom: -10px;
}
.tit_4 h3 {
    width: 100%;
    font-size: 40px;
    color: #fff;
    line-height: 54px;
    margin-top: 37px;
    padding-bottom: 32px;
    background: url(../images/index2_1.jpg) no-repeat 98% bottom;
    text-align: right;
}
.tit_4 .p {
    width: 100%;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    margin-top: 29px;
    text-align: right;
}
.tit_4 .more {
    width: 100%;
    float: left;
    margin-top: 32px;
}
.c_0100_1 .more {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 29px;
}
.c_0100_1 .more {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 29px;
}
.tit_4 .more a {
    display: block;
    float: right;
    width: 111px;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #d9261c;
    background: white;
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
.tit_4 .more a:hover{ background:#f23742; color:white;}

.c_0100_1 .slide_pic_14 .sbox {
    width: 25%;
    float: left;
}
@media screen and (max-width:1569px) {
.c_0100_1 .slide_pic_14{ width:910px;}}
.c_0100_1 .slide_pic_14 {
    float: right;
    width: 1210px;
    position: relative;
}
.c_0100_1 .slide_pic_14 .sbox {
    width: 25%;
    float: left;
}
@media screen and (max-width:1569px) {
.c_0100_1 .slide_pic_14{ width:910px;}}
.c_0100_1 .slide_pic_14 li {
    float: right;
    width: 200px;
    border: solid 1px white;
    height: 481px;
    background: url(../images/index4_2.png) no-repeat center bottom;
    text-align: center;
    padding: 15px 20px 0 20px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	line-height: normal;
	list-style-type: none;
}
.c_0100_1 .slide_pic_14 li:hover{ background-image:url(../images/index4_3.png);}
.c_0100_1 .slide_pic_14 li:hover .btn img{ opacity:0.5;}
.c_0100_1 .slide_pic_14 li:hover:before{ content:''; width:1px; height:38px; position:absolute; left:50%; bottom:-21px;}
.c_0100_1 .slide_pic_14 li .number {
    width: 100%;
    font-size: 18px;
    color: white;
    line-height: 24px;
    font-style: oblique;
    font-family: Arial;
    text-align: left;
}
.c_0100_1 .slide_pic_14 li .ico {
    display: inline-block;
    margin-top: 27px;
    width: 121px;
    height: 121px;
    line-height: 0;
    border: solid 1px white;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}
.c_0100_1 .slide_pic_14 li h4 {
    width: 100%;
    margin-top: 39px;
    font-size: 18px;
    color: white;
    line-height: 36px;
}
.c_0100_1 .slide_pic_14 li h5 {
    width: 100%;
    font-size: 12px;
    color: white;
    line-height: 28px;
    text-transform: uppercase;
    font-family: Arial;
    padding-bottom: 15px;
    background: url(../images/index4_1.jpg) no-repeat center bottom;
}
.c_0100_1 .slide_pic_14 li .p {
    width: 100%;
    margin-top: 19px;
    font-size: 14px;
    color: white;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}
.c_0100_1 .slide_pic_14 li .btn {
    width: 100%;
    margin-top: 47px;
    text-align: right;
    height: 21px;
}
.c_0100_1 .slide_pic_14 li .btn img {
    height: 100%;
}
@media screen and (max-width:1299px) {
.c_0100_1{ padding:102px 0 122px 0;}}
@media screen and (max-width:1199px) {
.c_0100_1{ padding:62px 0 82px 0;}}
@media screen and (max-width:991px) {
.c_0100_1{ padding:42px 0 62px 0;}}
@media screen and (max-width:767px) {
.c_0100_1{ padding:22px 10px 32px 10px;}}
@media (min-width: 768px) {
  .container {
    width: 680px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1182px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 1300px;
  }
}
@media (min-width: 1570px) {
  .container {
    width: 1570px;
  }
}

/* 产品 & 服务结束 */

/* 品牌案例 开始*/
.tit_5{ width:100%; float:left; text-align:center; margin-top:26px; font-size:15px; color:#727272; line-height:32px;}
.c_0100_2{ width:100%; float:left;}
.c_0100_2 .container{ position:relative; padding:0px 0 95px 25px;}
.row_2{ margin:0 -110px 0 0px;}
.ul_1{ width:100%; float:left; margin-top:20px;}
.ul_1 li{ width:30%; float:left; padding:0 10px 0 10px; margin-top:0px; }
.ul_1 li .zbox{ width:100%; float:left;}
.ul_1 li .zbox .img{ width:100%; float:left; position:relative; background:black; overflow:hidden; text-align:center;}
.ul_1 li .zbox .img img{ width:100%;
         height: 305px;  
         float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_1 li .zbox:hover .img > img{ opacity:0.5;
		transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09); }
   

   
.ul_1 li .zbox .img .bian{ width:100%; height:100%; border:solid 1px white; position:absolute; left:0; top:0; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .name{ width:70%; padding:0 50px; position:absolute; left:0; top:50%; margin-top:-82px; padding-bottom:22px; background:url(../images/bian_3.png) no-repeat center bottom; font-size:20px; color:white; line-height:30px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .p{ width:70%; padding:0 46px; position:absolute; left:0; top:50%; font-size:14px; color:white; line-height:24px; height:48px; overflow:hidden; opacity:0; margin-top:-33px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .more{ width:90%; position:absolute; left:0; top:50%; opacity:0; margin-top:27px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .more a{ display:inline-block; *zoom:1; *display:inline; width:41px; height:41px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.ul_1 li .zbox .img .more img{ display:inline-block; *zoom:1; *display:inline; width:41px; height:41px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
margin-left:45%;}
.ul_1 li .zbox .img .more a img{ width:100%; float:left;}
.ul_1 li .zbox:hover .img .bian{ opacity:1; width:90%; height:90%; left:5%; top:5%;}
.ul_1 li .zbox:hover .img .name{ opacity:1; margin-top:-102px;}
.ul_1 li .zbox:hover .img .p{ opacity:0.6;}
.ul_1 li .zbox:hover .img .more{ opacity:1; margin-top:47px;}
.ul_1 li .zbox .img .more a:hover{ box-shadow:0 0 12px rgba(255,255,255,0.6);}
.ul_1 li .zbox .title{ width:100%; float:left; margin-top:21px;}
.ul_1 li .zbox .title h4{ width:100%; float:left; padding-right:0px; position:relative;}
.ul_1 li .zbox .title h4 a{ display:block; width:100%; float:left; font-size:20px; color:#333; line-height:38px; text-align:left;}
.ul_1 li .zbox .title h4 span{ position:absolute; right:0; top:0;}
.ul_1 li .zbox .title .p{ width:100%; float:left; margin-top:10px; padding-top:12px; border-top:dashed 1px #b2b2b2; height:42px;}
.ul_1 li .zbox .title .p .p_l{ float:left; font-size:14px; color:#666; line-height:30px;}
.ul_1 li .zbox .title .p .p_l span{ display:block; float:left; margin-right:18px;}
.ul_1 li .zbox .title .p .p_l span img{ height:100%; float:left; margin-right:8px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .title .p .p_l span:hover img,.ul_1 li .zbox .title .p .p_r:hover img{ transform:rotateY(180deg);}
.ul_1 li .zbox .title .p .p_r{ float:right; height:30px;}
.ul_1 li .zbox .title .p .p_r img{ height:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .title h4 a:hover{ color:#d32329;}
@media screen and (max-width:1569px) {
.ul_1 li .zbox .title .p .p_l span{ margin-right:12px;}
.ul_1 li .zbox .title .p .p_l span img{ margin-right:4px;}
}
@media screen and (max-width:1199px) {
.c_0100_2 .container{ padding:69px 0 75px 0;}
.row_2{ margin:0 -10px 0 -15px;}
.ul_1 li{ padding:0 10px 0 15px; margin-top:32px;}
.ul_1 li .zbox .img .name{ padding:0 30px; margin-top:-42px; padding-bottom:12px; font-size:16px;line-height:24px; }
.ul_1 li .zbox .img .p{ padding:0 36px; font-size:12px; line-height:22px; height:44px;margin-top:-13px;}
.ul_1 li .zbox .img .more{ margin-top:17px;}
.ul_1 li .zbox .img .more a{ width:21px; height:21px;}
.ul_1 li .zbox:hover .img .name{ margin-top:-62px;}
.ul_1 li .zbox:hover .img .more{ margin-top:47px;}
.ul_1 li .zbox .title{ margin-top:11px;}
.ul_1 li .zbox .title h4{ padding-right:25px;}
.ul_1 li .zbox .title h4 a{ font-size:16px; line-height:28px;}
.ul_1 li .zbox .title h4 span{ width:20px;}
.ul_1 li .zbox .title .p{ margin-top:10px; padding-top:6px; height:30px;}
.ul_1 li .zbox .title .p .p_l{ font-size:12px; line-height:24px;}
.ul_1 li .zbox .title .p .p_l span{ margin-right:8px; height:24px;}
.ul_1 li .zbox .title .p .p_l span img{ margin-right:2px;}
.ul_1 li .zbox .title .p .p_r{ height:24px;}
.tit_5{ margin-top:20px; font-size:13px; line-height:26px;}
}
@media screen and (max-width:991px) {
.c_0100_2 .container{ padding:49px 0 55px 0;}
.ul_1 li{ width:50%; margin-top:22px;}
}
@media screen and (max-width:767px) {
.ul_1{ margin-top:0;}
.ul_1 li{ width:100%;}
.c_0100_2 .container{ padding:29px 10px 35px 10px;}
.tit_5{ margin-top:10px; font-size:12px; line-height:22px;}
}
/* 品牌案例 结束*/


.ul_1 li .zbox1{ width:100%; float:left;}
.ul_1 li .zbox1 .img{ width:100%; float:left; position:relative; background:black; overflow:hidden; text-align:center;}
.ul_1 li .zbox1 .img img{ width:100%;
          height:304px;
         float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_1 li .zbox1:hover .img > img{ opacity:0.5;
		transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09); }
   

   
.ul_1 li .zbox1 .img .bian{ width:100%; height:100%; border:solid 1px white; position:absolute; left:0; top:0; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox1 .img .name{ width:70%; padding:0 50px; position:absolute; left:0; top:50%; margin-top:-82px; padding-bottom:22px; background:url(../images/bian_3.png) no-repeat center bottom; font-size:20px; color:white; line-height:30px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox1 .img .p{ width:70%; padding:0 46px; position:absolute; left:0; top:50%; font-size:14px; color:white; line-height:24px; height:48px; overflow:hidden; opacity:0; margin-top:-33px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox1 .img .more{ width:90%; position:absolute; left:0; top:50%; opacity:0; margin-top:27px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox1 .img .more a{ display:inline-block; *zoom:1; *display:inline; width:41px; height:41px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.ul_1 li .zbox1 .img .more img{ display:inline-block; *zoom:1; *display:inline; width:41px; height:41px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
margin-left:45%;}
.ul_1 li .zbox1 .img .more a img{ width:100%; float:left;}
.ul_1 li .zbox1:hover .img .bian{ opacity:1; width:90%; height:90%; left:5%; top:5%;}
.ul_1 li .zbox1:hover .img .name{ opacity:1; margin-top:-102px;}
.ul_1 li .zbox1:hover .img .p{ opacity:0.6;}
.ul_1 li .zbox1:hover .img .more{ opacity:1; margin-top:47px;}
.ul_1 li .zbox1 .img .more a:hover{ box-shadow:0 0 12px rgba(255,255,255,0.6);}
.ul_1 li .zbox1 .title{ width:100%; float:left; margin-top:21px;}
.ul_1 li .zbox1 .title h4{ width:100%; float:left; padding-right:35px; position:relative;}
.ul_1 li .zbox1 .title h4 a{ display:block; width:100%; float:left; font-size:20px; color:#333; line-height:38px; text-align:left;margin-left: 20px;}
.ul_1 li .zbox1 .title h4 span{ position:absolute; right:0; top:0;}
.ul_1 li .zbox1 .title .p{ width:100%; float:left; margin-top:10px; padding-top:12px; border-top:dashed 1px #b2b2b2; height:42px;}
.ul_1 li .zbox1 .title .p .p_l{ float:left; font-size:14px; color:#666; line-height:30px;}
.ul_1 li .zbox1 .title .p .p_l span{ display:block; float:left; margin-right:18px;}
.ul_1 li .zbox1 .title .p .p_l span img{ height:100%; float:left; margin-right:8px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox1 .title .p .p_l span:hover img,.ul_1 li .zbox .title .p .p_r:hover img{ transform:rotateY(180deg);}
.ul_1 li .zbox1 .title .p .p_r{ float:right; height:30px;}
.ul_1 li .zbox1 .title .p .p_r img{ height:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox1 .title h4 a:hover{ color:#d32329;}
@media screen and (max-width:1569px) {
.ul_1 li .zbox1 .title .p .p_l span{ margin-right:12px;}
.ul_1 li .zbox .title .p .p_l span img{ margin-right:4px;}
}
@media screen and (max-width:1199px) {
.c_0100_2 .container{ padding:69px 0 75px 0;}
.row_2{ margin:0 -10px 0 -15px;}
.ul_1 li{ padding:0 10px 0 15px; margin-top:32px;}
.ul_1 li .zbox1 .img .name{ padding:0 30px; margin-top:-42px; padding-bottom:12px; font-size:16px;line-height:24px; }
.ul_1 li .zbox1 .img .p{ padding:0 36px; font-size:12px; line-height:22px; height:44px;margin-top:-13px;}
.ul_1 li .zbox1 .img .more{ margin-top:17px;}
.ul_1 li .zbox1 .img .more a{ width:21px; height:21px;}
.ul_1 li .zbox1:hover .img .name{ margin-top:-62px;}
.ul_1 li .zbox1:hover .img .more{ margin-top:47px;}
.ul_1 li .zbox1 .title{ margin-top:11px;}
.ul_1 li .zbox1 .title h4{ padding-right:25px;}
.ul_1 li .zbox1 .title h4 a{ font-size:16px; line-height:28px;}
.ul_1 li .zbox1 .title h4 span{ width:20px;}
.ul_1 li .zbox1 .title .p{ margin-top:10px; padding-top:6px; height:30px;}
.ul_1 li .zbox1 .title .p .p_l{ font-size:12px; line-height:24px;}
.ul_1 li .zbox1 .title .p .p_l span{ margin-right:8px; height:24px;}
.ul_1 li .zbox1 .title .p .p_l span img{ margin-right:2px;}
.ul_1 li .zbox1 .title .p .p_r{ height:24px;}
.tit_5{ margin-top:20px; font-size:13px; line-height:26px;}
}


/* 解决方案*/
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-initialized .slick-slide {
    display: block;
	width:100%;
}
.c_0100_3{ width:100%; float:left;  padding:76px 0 113px 0; overflow:hidden; background:url(../images/index6.jpg) no-repeat center center; background-size:cover;}
.slide_pic_15{ width:100%; float:left; margin-top:58px; padding-left:289px; position:relative;}
.slide_pic_15:before{ content:''; width:220px; height:474px; position:absolute; left:0; top:40px;}
.slide_pic_15 li{ width:287px; float:right; margin-top:40px; margin-right:10px; height:220px; background:#f6f6f6; text-align:center; padding:26px 28px 0 32px; border:solid 1px #f6f6f6; position:relative; float:left; list-style:none; }
.slide_pic_15 li .ico{ width:100%; height:92px;}
.slide_pic_15 li .ico img{ height:100%;}
.slide_pic_15 li h5{ width:100%; margin-top:7px; font-size:18px; color:#323232; line-height:23px; padding-bottom:9px; background:url(images/index5_2.jpg) no-repeat center bottom;}
.slide_pic_15 li h6{ width:100%; margin-top:5px; font-size:14px; color:#7a7a7a; line-height:22px;}
.slide_pic_15 li .detail{ width:100%; margin-top:14px; font-size:14px; color:#4a4a4a; line-height:22px; height:44px; overflow:hidden; display:none;}
.slide_pic_15 li:hover{ background:white; border-color:#eaeaea;  text-align:left; z-index:9999;}
.slide_pic_15 li:hover .ico{ height:58px; position:absolute; right:24px; top:15px; width:auto;}
.slide_pic_15 li:hover h5{ padding-bottom:0; background:none;}
.slide_pic_15 li:hover h6{ margin-top:11px; padding-bottom:19px; background:url(images/index5_2.jpg) no-repeat left bottom;}
.slide_pic_15 li:hover .detail{ display:block;}
.slide_pic_15 .slick-prev,.slide_pic_15 .slick-next {
	position: absolute;
	left: -73px;
	top: 50%;
	display: block;
	width: 29px;
	height: 30px;
	background:url(images/index5.png) no-repeat left center;
}
.slide_pic_15 .slick-next {
	left: auto;
	right: -65px;
	background-position:right center;
}
.slide_pic_15 .slick-prev:hover,
.slide_pic_15 .slick-next:hover{ background-image:url(images/index5_h.png);}
@media screen and (max-width:1716px) {
.slide_pic_15 .slick-prev{ left:10px;}
.slide_pic_15 .slick-next { right:10px}
}
@media screen and (max-width:1569px) {
.slide_pic_15{ padding-left:259px;}
.slide_pic_15 li{ width:257px; padding:26px 20px 0 22px;}
}
@media screen and (max-width:1199px) {
.c_0100_3{  padding:46px 0 63px 0;}
.slide_pic_15{ padding-left:180px; margin-top:38px;}
.slide_pic_15:before{ width:140px; height:302px; top:20px;}
.slide_pic_15 li{ width:230px; padding:12px 10px 0 12px; height:141px; margin-top:20px;}
.slide_pic_15 li .ico{ height:62px;}
.slide_pic_15 li h5{ margin-top:5px; font-size:16px; line-height:21px; padding-bottom:7px;}
.slide_pic_15 li h6{ margin-top:3px; font-size:12px; line-height:20px;}
.slide_pic_15 li .detail{ margin-top:10px; font-size:12px; line-height:20px; height:40px;}
.slide_pic_15 li:hover{ padding-top:20px;}
.slide_pic_15 li:hover .ico{ height:38px; right:14px; top:10px;}
.slide_pic_15 li:hover h6{ margin-top:5px; padding-bottom:10px;}
.slide_pic_15 .slick-prev{ left:-50px;}
.slide_pic_15 .slick-next { right:-50px}
}
@media screen and (max-width:767px) {
.c_0100_3{  padding:26px 10px 33px 10px;}
.slide_pic_15{ padding-left:0px; margin-top:18px; text-align:center; margin-top:18px;}
.slide_pic_15:before{ width:140px; height:302px; top:20px; display:none;}
.slide_pic_15 li{ float:none; display:inline-block; margin-top:10px; width:140px;}
.slide_pic_15 li .ico{ height:42px;}
.slide_pic_15 li:hover{ padding-top:6px;}
.slide_pic_15 li:hover .ico{ height:18px; right:6px; top:5px;}
.slide_pic_15 .slick-prev{ left:0px;}
.slide_pic_15 .slick-next { right:0px}
.slide_pic_15 li .detail{ margin-top:8px; line-height:18px; height:34px;}
.slide_pic_15 .slick-prev,.slide_pic_15 .slick-next{ background-image:url(images/index5_h.png); width:20px; height:20px; margin-top:-5px; background-size:auto 100%;}
}
/*解决方案结束*/

/* 新闻中心*/

.c_0100_13{ width:100%; float:left; padding:100px 0;}
.tit_4_r{ background-image:url(images/index2_4.png);}
.tit_4_r h4,.tit_4_r h2{ color:#a91411;}
.tit_4_r h4:before{ background:#9c9c9c; opacity:0.5;}
.tit_4_r h3{ color:#565656; background-image:url(../images/index2_2.jpg);}
.tit_4_r .p{ color:#5e5e5e;}
.tit_4_r .more a{ color:white; background:#d71518; border:solid 1px #d71518; line-height:27px;}
.tit_4_r .more a:hover{ background:white; color:#d71518;}
.c_0100_13 .newsTxtBox{ float:right;}
.c_0100_13 .newsTxtBox .hd{ float:left;}
.c_0100_13 .newsTxtBox .hd ul{ float:left; margin-top:74px; width:191px;}
.c_0100_13 .newsTxtBox .hd ul li{ float:left; margin-top:3px; width:70px; height:79px; text-align:center; padding:20px 5px 0 5px; background:url(../images/index7.png) no-repeat center center; background-size:contain;  font-size:18px; color:#717171; line-height:23px; cursor:pointer; margin-right: 10px;}
.c_0100_13 .newsTxtBox .hd ul li.on{ background-image:url(../images/index7_h.png); color:white;}
.c_0100_13 .newsTxtBox .bd{ float:right;}
.c_0100_13 .newsTxtBox .bd ul{ float:left; width:998px;}
.c_0100_13 .newsTxtBox .bd ul li{ float:left; width:38%; margin-left:5%; padding:42px 0 33px 16px; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; margin-top:-1px;}
.c_0100_13 .newsTxtBox .bd ul li .title{ padding-left:22px; padding-right:88px; position:relative; font-size:16px; color:#333; line-height:24px; background:url(images/index7_1.png) no-repeat left center; height: 45px;}
.c_0100_13 .newsTxtBox .bd ul li .title .time{ position:absolute; right:0; top:0; font-size:20px; color:#999;font-family: 'OPENSANS-LIGHT';}
.c_0100_13 .newsTxtBox .bd ul li .p{ padding-left:22px; padding-right:88px; margin-top:14px; font-size:14px; color:#999; line-height:28px; height:56px; overflow:hidden; background:url(../images/index7_2.png) no-repeat right 70%;}

.c_0100_13 .newsTxtBox .bd ul  .more{ margin-right:50%; }

.c_0100_13 .newsTxtBox .bd ul  .more a {
    color: white;
    background: #d71518;
    border: solid 1px #d71518;
    line-height: 27px;
	display: block;
    float: right;
    width: 111px;
    height: 29px;
     border-radius: 15px;
    text-align: center;
	margin-top: 40px;
}
.c_0100_13 .newsTxtBox .bd ul li .more a:hover {
    background: white;
    color: #d71518;
}
.c_0100_13 .newsTxtBox .bd ul li:hover .title{ color:#d71518; background-image:url(images/index7_1_h.png);}
@media screen and (max-width:1569px) {
.c_0100_13 .newsTxtBox .bd ul{ width:748px;}
.c_0100_13 .newsTxtBox .bd ul li{ width:38%; margin-left:3%; height: 110px;}
}
@media screen and (max-width:1299px) {
.c_0100_13 .newsTxtBox .bd ul{ width:668px;}
.c_0100_13 .newsTxtBox .hd ul{ width:151px;}
.c_0100_13 .newsTxtBox .hd ul li{ margin-right:5px;}
.c_0100_13 .newsTxtBox .bd ul li .title,.c_0100_13 .newsTxtBox .bd ul li .p{ padding-right:70px;}
}
@media screen and (max-width:1199px) {
.c_0100_13{ padding:60px 0;}
.c_0100_13 .newsTxtBox .hd ul,.c_0100_13 .newsTxtBox .hd{ width:100%; margin-top:0; margin-bottom:5px;}
.c_0100_13 .newsTxtBox .hd ul li{ margin-top:0; width:50px; height:59px; padding:12px 5px 0 5px; margin-right:0px; margin-left:10px; font-size:14px; line-height:18px;}
.c_0100_13 .newsTxtBox .bd ul{ width:100%;}
.c_0100_13 .newsTxtBox{ width:508px;}
.c_0100_13 .newsTxtBox .bd ul li{ width:47%; margin-left:2%; padding:16px 0 13px 0px;}
.c_0100_13 .newsTxtBox .bd ul li .title{ padding-left:16px; padding-right:60px; font-size:14px; line-height:22px;}
.c_0100_13 .newsTxtBox .bd ul li .title .time{ font-size:16px;}
.c_0100_13 .newsTxtBox .bd ul li .p{ padding-left:16px; padding-right:60px; margin-top:10px; font-size:12px; line-height:24px; height:48px;}
}
@media screen and (max-width:991px) {
.c_0100_13 .newsTxtBox{ width:448px;}
.c_0100_13 .newsTxtBox .bd ul li .title,.c_0100_13 .newsTxtBox .bd ul li .p{ padding-right:50px;}
.c_0100_13 .newsTxtBox .hd ul li{ margin-left:5px;}
}
@media screen and (max-width:767px) {
.c_0100_13{ padding:30px 10px;}
.c_0100_13 .newsTxtBox{ width:100%; margin-top:10px;}
.tit_4_r{ background:none;}
.tit_4_r .more a{ line-height:22px;}
.c_0100_13 .newsTxtBox .hd ul{ width:100%; text-align:center;}
.c_0100_13 .newsTxtBox .hd ul li{ display:inline-block; float:none; margin:0 2px;}
.c_0100_13 .newsTxtBox .bd ul{}
.c_0100_13 .newsTxtBox .bd ul li{ width:100%; margin-left:0%;}
}
/*新闻中心结束*/
/* 一封信*/
.c_0100_14{ width:100%; float:left; padding:42px 0 43px 0;}
.tit_3_w h3,.tit_3_w h4,.tit_5_w{ color:white;}
.c_0100_14 .dl{ width:100%; float:left; margin-top:46px; background:white; box-shadow:0 3px 20px rgba(0,0,0,0.06); padding:93px 83px 105px 83px; position:relative;}
.c_0100_14 .dl .dd{ width:44.52%; float:left;}
.c_0100_14 .dl .dd.last{ float:right;}
.c_0100_14 .dl .dd h4{ width:100%; font-size:30px; color:#56453c; line-height:38px; font-family:Arial; background:url(images/index8_1.jpg) no-repeat left bottom; padding-bottom:15px;}
.c_0100_14 .dl .dd h3{ width:100%; font-size:30px; margin-top:17px; color:#d71518; line-height:38px;}
.c_0100_14 .dl .dd .p{ width:100%; font-size:14px; margin-top:40px; color:#a3a3a3; line-height:28px;}
.c_0100_14 .dl .dt{ position:absolute; left:50%; top:50%; margin-top:-46px;}
@media screen and (max-width:1199px) {
.c_0100_14{ padding:22px 0 23px 0;}
.c_0100_14 .dl{ margin-top:26px; padding:63px 43px 75px 43px;}
.c_0100_14 .dl .dd{ width:46%;}
.c_0100_14 .dl .dd h4{ font-size:20px; line-height:28px; padding-bottom:10px;}
.c_0100_14 .dl .dd h3{ font-size:20px; margin-top:12px; line-height:32px;}
.c_0100_14 .dl .dd .p{ font-size:12px; margin-top:20px; line-height:24px;}
.c_0100_14 .dl .dt{ margin-top:-26px; width:8px;}
}

@media screen and (max-width:767px) {
.c_0100_14{ padding:12px 10px 13px 10px;}
.c_0100_14 .dl{ margin-top:16px; padding:33px 23px 45px 23px;}
.c_0100_14 .dl .dd{ width:100%;}
.c_0100_14 .dl .dd h4{ font-size:16px; line-height:24px; padding-bottom:5px;}
.c_0100_14 .dl .dd h3{ font-size:16px; margin-top:8px; line-height:26px;}
.c_0100_14 .dl .dd .p{ margin-top:10px; line-height:22px;}
.c_0100_14 .dl .dt{ position:relative; left:auto; top:auto; width:80%; height:2px; background:#f23742; float:left; margin:20px 10%; box-shadow:0 3px 6px rgba(0,0,0,0.2);}
.c_0100_14 .dl .dt img{ display:none;}
}


/*一封信结束*/
/* 评估*/
.c_0100_4{ width:100%; float:left; padding:118px 0 120px 0;}
.c_0100_4 ul{ width:100%; float:left;}
.c_0100_4 ul li{ width:48%; float:left; padding:0 10px;}
.c_0100_4 ul li .zbox{ width:100%; float:left; height:340px; position:relative; text-align:center; background-size:cover; background-repeat:no-repeat; background-position: center center;}
.c_0100_4 ul li .zbox .pf{ width: 234px; height:122px; position:absolute; left:50%; top:-61px; margin-left:-117px;}
.c_0100_4 ul li .zbox h4{ width:100%; float:left; position:absolute; left:0; top:50%; margin-top:-68px; font-size:30px; color:white; line-height:42px; letter-spacing:5px;}
.c_0100_4 ul li .zbox .more{ width:100%; float:left; position:absolute; left:0; top:50%; margin-top:-1px;}
.c_0100_4 ul li .zbox .more a{ display:inline-block; *zoom:1; *display:inline; width:160px; height:44px; line-height:42px; border:solid 1px white; font-size:14px; color:white; cursor:pointer;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
}
.c_0100_4 ul li.l1 .zbox{}
.c_0100_4 ul li.l2 .zbox{ }
.c_0100_4 ul li.l2 .zbox h4{ color:#222;}
.c_0100_4 ul li.l2 .zbox .more a{ border-color:#9a9fa2; color:#333;}
.c_0100_4 ul li .zbox .more a:hover{ border-color:#9a9fa2; background:#9a9fa2; color:white;}
@media screen and (max-width:1199px) {
.c_0100_4{ padding:68px 0 70px 0;}
.c_0100_4 ul li .zbox{ height:240px;}
.c_0100_4 ul li .zbox .pf{ width: 134px; height:70px; top:-35px; margin-left:-67px;}
.c_0100_4 ul li .zbox h4{ margin-top:-48px; font-size:20px; line-height:32px;}
.c_0100_4 ul li .zbox .more a{ width:100px; height:34px; line-height:32px; font-size:12px;}
}
@media screen and (max-width:767px) {
.c_0100_4{ padding:38px 20px 40px 20px;}
.c_0100_4 ul li{ padding:0 5px;}
.c_0100_4 ul li .zbox{ height:200px;}
.c_0100_4 ul li .zbox .pf{ top:-25px;}
.c_0100_4 ul li .zbox h4{ margin-top:-38px; font-size:16px; line-height:22px; padding:0 5px;}
.c_0100_4 ul li .zbox .more{margin-top:10px;}
}

/*评估结束*/
h2.h88 {
    line-height: 88px;
    color: #3c4658;
    font-size: 36px;
}
h5.h50 {
    line-height: 50px;
    color: #9ea6b5;
    font-size: 24px;
}
h5.h51 {
    line-height: 50px;
    color: #ffffff;
    font-size: 18px;
	width:160px;
	background: #ff6600;
	text-align:center;
}
a .Content1-more {

    width: 160px!important;
    height: 80px;
    display: block;
    position: absolute;
    background: #8abc1d;
    line-height: 80px;
    text-align: right;
    color: #fff;
    font-size: 20px;
    left: 64px;
    bottom: 170px;
	float:right;
}
.wd-t01 {
    width: 1000px;
    margin: 0 auto;
    background: url(../images/wd-tback.png) no-repeat center center;
    opacity: 1;
    filter: alpha(opacity=100);
	text-align:center;
}
.wd-title {
    height: 135px;
}




.pt50{padding-top:50px}.paging,.tc{text-align:center;width: 1200px;
    margin: auto;}

.paging .pageList a{font-size:1pc;color:#a3a3a3;border:1px solid #e5e5e5;padding:8px 15px;height:18px;display:inline-block;margin:0 5px;vertical-align:middle}
.paging .pageList a.current{background:#4c575c;color:#fff;border-color:#e3e3e3}.pageList .current{font-size: 1pc;color: #a3a3a3;padding: 8px 15px;height: 18px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.indexTab{ background:#FFF;padding-top:20px; padding-bottom:0px;}
.warp {width: 1182px; margin: 0 auto; }
.clearfix:before, .clearfix:after {display: table;content: "";line-height: 0;}
.indexTab .tabThis .nav {background: #f6f6f6;border-bottom: 1px solid #eee;}
.indexTab .tabThis .nav ul li {float: left;}
.indexTab .tabThis .nav ul li a {padding: 15px 30px;display: block;font-size: 18px;color: #9d9d9d;}
.indexTab .tabThis .detail {}
.indexTab .tabThis .detail>.row {
    padding: 30px 0;
    width: 1182px;
    margin: 0 auto;
}
.position{ width:216px;}
.indexTab .tabThis .detail>.row .hd {
    border-bottom: 1px solid #eee;
}
.indexTab .tabThis .detail>.row .hd ul li {
    float: left;
    margin-right: 20px;
}
.indexTab .tabThis .detail>.row .hd ul li.on a {
    border-color: #49b44f;
    color: #49b44f;
}
.index_edition {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
}
.index_caption {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}
.index_caption .line {
    width: 120px;
    height: 5px;
    background: #0ECC1B;
    margin: 0 auto;
}
.indexcase {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding-bottom: 30px;
}
.index_edition .indexcase ul {
    width: 100%;
    overflow: hidden;
}
.index_edition .indexcase ul li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 50px;
}
.index_edition .indexcase ul li img {
    padding-bottom: 20px;
    width: 45%;
}
.index_edition .indexcase ul li p.subtitle {
    font-size: 16px;
    color: #666;
}
.index_edition .indexcase ul li p {
    width: 80%;
    margin: 0 auto;
    color: #999;
    line-height: 22px;
}


.otherProducts ul {
    position: relative;
    height: 400px;
}

.otherProducts ul>li {
    width: 216px;
    height: 190px;
    text-align: center;
    background: #f6f6f6;
    color: #9d9d9d;
	float:left;
    overflow: hidden;
	margin:5px;
    border: 1px solid #fff;
    cursor: pointer;
}
.otherProducts ul>li:hover {
    background:#FFF;
    color: #a9db2e;
    overflow: hidden;
    border: 1px solid #a9db2e;
}
.otherProducts ul>li .liWarp {
    padding: 15px 20px;
}
.otherProducts ul>li .icon {
    margin-top: -15px;
}
.otherProducts ul>li .icon i {
    width: 216px;
    height: 190px;
    display: block;
	margin-left:-20px;
}
.otherProducts ul>li .icon i img {
    width: 216px;
    height: 190px;
    display: block;
    margin: 0 auto;
}
.otherProducts ul>li h2 {
color:#000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    padding-bottom: 10px;

}
.otherProducts ul>li p {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    display: block;
    height: 35px;
    overflow: hidden;
	margin-top:-10px;
}
.ns{width:48%;overflow:hidden;}
.ns h2{ font-size:16px;border-bottom:1px solid #996;line-height:35px;height:35px;display:block;clear:both;}
.ns h2 b{float:left;padding:0 20px 0 20px;border-bottom:3px solid #0C3;}
.ns h2 em{float:right;}
.nslist{ overflow:hidden;display:block;margin-top:10px;padding:10px;}
.nslist span{display:block;height:30px; line-height:30px;}
.nslist span a{float:left;display:inline-block;}
.nslist span em{float:right;color:#999;}
.new_edition .case{width:1200px; }
.new_edition .case1 {
    width: 1570px;
}
.new_edition .case1 {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding-bottom: 30px;
}
.tms{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:table-cell;position:relative;vertical-align:middle; text-align:center;display:none;}
.tms img{width:218px;margin-top:-6px; height:240px;}
.tool_bottom1{ background:#fff; width:100%; overflow:hidden; padding:0 0;}
.caption1{ width:100%; text-align:center; padding-bottom:0px;}
.anli_type1 span{
        display: inline-block;
    font-size: 17px;
    padding: 15px 27px;
    cursor: pointer;
    background:#e3e3e3;
}

.xx1 {
        background: #e3311f !important;
        color:#fff !important;
}
.xx1 a {
        
        color:#fff
}
.xx2 {color:#FFFFFF}
/*小程序SAAS平台 · 小程序新零售电商系统*/
.wrapper {
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
}
.freeSystem .title {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #868686;
	 padding: 95px 0 50px 0; 
}
.freeSystem .title .name {
    font-size: 32px;
    color: #282828;
    margin-bottom: 12px;
}
.freeSystem .title .name {
    font-size: 32px;
    color: #282828;
    margin-bottom: 12px;
}
.freeSystem ul {
    width: 1200px;
    margin: 0 auto;
}
.freeSystem .title .name {
    font-size: 32px;
    color: #282828;
    margin-bottom: 12px;
}
.freeSystem ul {
    width: 1200px;
    margin: 0 auto;
}
.freeSystem ul li {
    float: left;
    cursor: pointer;
    margin-top: 33px;
}
.freeSystem ul li {
    float: left;
    cursor: pointer;
    margin-top: 33px;
}
.freeSystem ul li .item1 {
    border: 1px solid #eee;
    width: 209px;
    height: 471px;
    text-align: center;
    padding: 0 40px;
    font-size: 14px;
    color: #999;
}
.freeSystem ul li .item2 {
    width: 363px;
    margin-top: -31px;
    overflow: hidden;
    display: none;
}
.freeSystem ul li .item1 .iconfont {
    font-size: 50px;
    margin: 38px auto 35px auto;
    color: #2e80fb;
}
.freeSystem ul li .item1 .name {
    font-size: 18px;
    color: #282828;
    margin-bottom: 10px;
}
.freeSystem ul li .item1 .list {
    margin-top: 50px;
}
.freeSystem ul li .item1 .list .item {
    font-size: 16px;
    color: #282828;
    margin-top: 25px;
}
.freeSystem ul li .item2 .bgcolor {
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(to right, #2a7efb, #5498fe);
    background: -ms-linear-gradient(to right, #2a7efb, #5498fe);
    background: -webkit-linear-gradient(to right, #2a7efb, #5498fe);
    background: linear-gradient(to right, #2a7efb, #5498fe);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#2a7efb", endColorstr="#5498fe", gradientType="1");
    font-size: 14px;
    color: #fff;
    padding: 25px 37px;
}
.freeSystem ul li .item2 .list {
    width: 100%;
    height: 448px;
    border: 1px solid #2a7efb;
    padding: 0 20px 0 32px;
    padding-top: 10px;
}
.freeSystem ul li .item2 .list .item{
    width: 100%;
    height: 84px;
}
.freeSystem ul li .item2 .bgcolor .name {
    font-size: 18px;
    margin-bottom: 10px;
}
.freeSystem ul li .item2 .list .item .iconfont {
    font-size: 60px;
    color: #2a7efb;
    margin-right: 12px;
}
.freeSystem ul li .item2 .list .item .dis {
    display: inline-block;
    vertical-align: middle;
}
.freeSystem ul li .item2 .list .item .dis .name {
    margin-bottom: 2px;
}
.freeSystem ul li .item2 .list .item .dis .explanation {
    color: #999;
    font-size: 14px;
    width: 230px;
    overflow: hidden;
}
.freeSystem ul li .item1.on {
    display: none;
}
.freeSystem ul li .item2.on {
    display: block;
}
.freeSystem ul li .item2.on {
    display: block;
}
.freeSystem ul li .item2 .more {
    text-align: center;
    margin-top: 37px;
}
.freeSystem ul li .item2 .more a{
	color: #2a7efb;
	font-size: 16px;
}
.freeSystem .freeBnt {
    display: block;
    font-size: 16px;
    color: #fff;
    width: 190px;
    height: 56px;
    background-color: #2a7efb;
    border: 5px solid #e9f2ff;
    text-align: center;
    line-height: 46px;
    margin: 57px auto 62px auto;
    cursor: pointer;
}
.freeSystem ul li .item2 .list .item .dis .name {
    margin-bottom: 2px;
	font-weight: 800;
}
.set_2_button {
    position: relative;
    transition: all 1s;
    overflow: hidden;
}
.set_2_button span {
    display: inline-block;
    transition: all 0.5s;
}
.clearfix {
    clear: both;
}
.wrapper {
    width: 1200px;
    min-width: 1200px;
    margin: 10px auto;
}



*, .comBtn {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

/*首页解决文案*/
.operate {
    overflow: hidden;
    background: rgba(247,247,252,1);
    padding-bottom: 68px;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.operate .section-title {
    text-align: center;
    padding-top: 0px;
    margin-bottom: 0px;
}
.operate .section-title h2 {
    font-size: 36px;
    color: #333;
    margin-bottom: 25px;
}
.section-title p {
    font-size: 16px;
    color: #95989d;
    width: 930px;
    margin: 0 auto;
}
.operate .list1 ul li {
    float: left;
    width: 31%;
    margin-right: 30px;
    text-align: center;
    background: #fff;
    padding-bottom: 38px;
	margin-top: 30px;
	height:490px;
}
.operate .list1 ul li img {
    border: 0;
    width: 100%;
}
.operate .list1 ul li p:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    color: rgba(51,51,51,1);
    line-height: 48px;
}
.operate .list1 ul li a {
    display: block;
    width: 180px;
    height: 44px;
    background: #3da1f9;
    background: -moz-linear-gradient(45deg, #3da1f9 0%, #476dfd 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #3da1f9), color-stop(100%, #476dfd));
    background: -webkit-linear-gradient(45deg, #3da1f9 0%, #476dfd 100%);
    background: -o-linear-gradient(45deg, #3da1f9 0%, #476dfd 100%);
    background: -ms-linear-gradient(45deg, #3da1f9 0%, #476dfd 100%);
    background: linear-gradient(45deg, #3da1f9 0%, #476dfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da1f9', endColorstr='#ff6c55', GradientType=1 );
    box-shadow: 0 3px 10px 0 #3da1f9;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(243,243,248,1);
    line-height: 44px;
    text-align: center;
    margin: 24px auto 0;
}
.clearfix:after, .container:after, .row:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}