@charset "utf-8";
/*产品服务*/
.service{ width:1570px; margin:0 auto; padding-top:80px; padding-bottom:80px;}
.service h3{font-size: 48px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;text-transform:uppercase;letter-spacing: -1px;}
.service h4{font-size: 24px; width:100%; text-align:center; margin-top:10px; color:#555;}
.service ul{width:100%;height:100%; padding-top:80px;}
.service ul li{width:23%;float:left;margin-right:2.66666%;padding:40px 30px 60px 30px;margin-bottom:2.66666%;border-radius:5px;text-align:center;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12);}
.service ul li:nth-child(4n+4){ margin-right:0}
.service ul li a{ display:block;}
.service ul li span i {width: 101px;height: 101px;display: table-cell;vertical-align: middle;text-align: center;margin: 0 auto; color:#db0001; font-size:60px;}
.service ul li h3 {font-size:20px;color: #333;margin:0 auto;}
.service ul li p {font-size: 16px;color: #aaaaaa;line-height:28px;height:110px;overflow:hidden;margin:0 auto;margin-top:20px;transition-delay: .0s; text-align:left;}
.service ul li .service_btn{display: inline-block;font-size:14px;line-height:30px;height:26px;margin-top:24px;color: #555 !important;font-family: Arial, serif;text-transform:uppercase;}
.service ul li .service_btn i{ font-size:24px;float: right; margin-left:10px;}
.service ul li:hover{background-color:#db0001;}
.service ul li:hover span i{ color:#fff;}
.service ul li:hover h3,.service ul li:hover p {color: #fff;}
.service ul li:hover .service_btn{color: #fff !important;}
@media screen and  (max-width:1570px){
.service{ width:1300px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.service h3{font-size: 38px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;text-transform:uppercase;letter-spacing: -1px;}
.service ul{width:100%;height:100%; padding-top:50px;}
.service ul li{width:23%;float:left;margin-right:2.66666%;padding:20px 30px 40px 30px;margin-bottom:2.66666%;border-radius:5px;text-align:center;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12);}
.service ul li p {font-size: 14px;color: #aaaaaa;line-height:24px;height:100px;overflow:hidden;margin:0 auto;margin-top:20px;transition-delay: .0s; text-align:left;}
}
@media screen and  (max-width:1280px){
.service{ width:1180px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.service ul{width:100%;height:100%; padding-top:50px;}
.service h3{font-size: 30px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;text-transform:uppercase;letter-spacing: -1px;}
.service h4{font-size: 22px; width:100%; text-align:center; margin-top:10px; color:#555;}
.service ul li{width:23%;float:left;margin-right:2.66666%;padding:20px 30px 40px 30px;margin-bottom:2.66666%;border-radius:5px;text-align:center;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12);}
.service ul li p {font-size: 12px;color: #aaaaaa;line-height:20px;height:90px;overflow:hidden;margin:0 auto;margin-top:20px;transition-delay: .0s; text-align:left;}
.service ul li .service_btn{display: inline-block;font-size:12px;line-height:30px;height:26px;margin-top:10px;color: #555 !important;font-family: Arial, serif;text-transform:uppercase;}
.service ul li .service_btn i{ font-size:16px;float: right; margin-left:10px;}
}
@media screen and  (max-width:768px){
.service{ width:100%; float:left; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.service h3{font-size:20px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;text-transform:uppercase;letter-spacing: -1px;}
.service h4{font-size:20px; width:100%; text-align:center; margin-top:5px; color:#555;}
.service ul{width:92%; margin:0 auto; height:100%; padding-top:30px;}
.service ul li{width:48%;float:left;margin-right:4%;padding:10px 15px 20px 15px;margin-bottom:2.66666%;border-radius:5px;text-align:center;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12);}
.service ul li:nth-child(2n+2){ margin-right:0;}
.service ul li span i {width: 101px;height: 60px;display: table-cell;vertical-align: middle;text-align: center;margin: 0 auto; color:#db0001; font-size:40px;}
.service ul li h3 {font-size:14px;color: #333;margin:0 auto;}
.service ul li p {font-size: 12px;color: #aaaaaa;line-height:20px;height:auto;overflow:hidden;margin:0 auto;margin-top:10px;transition-delay: .0s; text-align:left; min-height:120px;}
}
/*项目流程*/
.liucheng {background:url(../images/service_bg1.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;padding:110px 0 110px;width:100%;float:left;position:relative; margin-bottom:80px;}
.liucheng h3 {width:100%;font-size:48px;color:#fff;font-family:Cambria;font-weight:700;text-transform:uppercase;letter-spacing:-1px;text-align:center;}
.liucheng h4 {width:100%;font-size:24px;color:#fff;margin-top:10px;letter-spacing:1px;text-align:center}
.liucheng ul {width:1570px; margin:0 auto;margin-top:60px}
.liucheng ul .li_slide {outline: none;float: left;min-height: 1px;width: 173.666px;}
.liucheng ul .li_hp {width:100%;text-align:center}
.liucheng ul .li_hp .ico {width:100%;height:90px;text-align:center}
.liucheng ul .li_hp .ico img {height:100%;display:inline-block;*zoom:1;*display:inline;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.liucheng ul .li_hp .bian {width:100%;float:left;margin-top:13px}
.liucheng ul .li_hp .title {width:100%;float:left;margin-top:17px}
.liucheng ul .li_hp .title h4 {width:100%;float:left;font-size:18px;color:#fff;line-height:28px}
.liucheng ul .li_hp .title h6 {width:100%;float:left;font-size:12px;color:#fff;line-height:20px;font-family:Arial}
.liucheng ul .li_hp:hover .ico img {transform:rotateY(180deg)}
.liucheng ul .slick-dots {position:absolute;bottom:-40px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;overflow:hidden}
.liucheng ul .slick-dots li {position:relative;display:inline-block;width:8px;height:8px;margin:0 6px;padding:0;cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;background:#fff;opacity:.55}
.liucheng ul .slick-dots li.slick-active {opacity:1;background:#fff}
@media screen and  (max-width:1570px){
.liucheng ul {width:1300px; margin:0 auto;margin-top:60px}
.liucheng h3 {width:100%;font-size:38px;color:#fff;font-family:Cambria;font-weight:700;text-transform:uppercase;letter-spacing:-1px;text-align:center;}
.liucheng ul .li_slide {outline: none;float: left;min-height: 1px;width: 143.666px;}
.liucheng {background:url(../images/service_bg1.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;padding:110px 0 110px;width:100%;float:left;position:relative; margin-bottom:50px;}
}
@media screen and  (max-width:1280px){
.liucheng ul {width:1180px; margin:0 auto;margin-top:60px}
.liucheng h3 {width:100%;font-size:30px;color:#fff;font-family:Cambria;font-weight:700;text-transform:uppercase;letter-spacing:-1px;text-align:center;}
.liucheng h4 {width:100%;font-size:22px;color:#fff;margin-top:10px;letter-spacing:1px;text-align:center}
.liucheng ul .li_slide {outline: none;float: left;min-height: 1px;width: 130.666px;}
.liucheng {background:url(../images/service_bg1.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;padding:70px 0 70px;width:100%;float:left;position:relative; margin-bottom:50px;}
.liucheng ul .li_hp .title h4 {width:100%;float:left;font-size:14px;color:#fff;line-height:28px}
.liucheng ul .li_hp .title h6 {width:100%;float:left;font-size:12px;color:#fff;line-height:20px;font-family:Arial}
.liucheng ul .li_hp .ico {width:100%;height:75px;text-align:center}
}
@media screen and  (max-width:768px){
.liucheng {background:url(../images/service_bg1.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;padding:40px 0 40px;width:100%;float:left;position:relative; margin-bottom:30px;}
.liucheng ul {width:100%; margin:0 auto;margin-top:30px}
.liucheng h3 {width:100%;font-size:20px;color:#fff;font-family:Cambria;font-weight:700;text-transform:uppercase;letter-spacing:-1px;text-align:center;}
.liucheng h4 {width:100%;font-size:20px;color:#fff;margin-top:0;letter-spacing:1px;text-align:center}
.liucheng ul .li_slide {outline: none;float: left;min-height: 1px;width: 33%; margin-bottom:40px;}
.liucheng ul .li_hp .title {width:100%;float:left;margin-top:0}
.liucheng ul .li_hp .title h6 {width:100%;float:left;font-size:12px;color:#fff;line-height:20px;font-family:Arial; display:none;}
}
/*服务保障*/
.baozhang{ width:1570px; margin:0 auto;padding-bottom:80px;}
.baozhang h3{font-size: 48px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;letter-spacing: -1px;text-transform:uppercase;}
.baozhang h4{font-size: 24px; width:100%; text-align:center; margin-top:10px; color:#555;}
.baozhang ul .li_slide {outline: none;float: left;min-height: 1px;width:250px;}
.baozhang ul {width:100%;float:left;margin-top:60px}
.baozhang ul li {width:100%;text-align:center}
.baozhang ul li .img {display:inline-block;*zoom:1;*display:inline;width:190px;height:190px;background:url(../images/img17.png) no-repeat center center;padding:25px 57px 0;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.baozhang ul li .img img {margin:auto}
.baozhang ul li .img .ico {width:100%;float:left;height:96px;padding-bottom:16px;border-bottom:solid 1px rgba(255,255,255,.3)}
.baozhang ul li .img .ico img {height:100%}
.baozhang ul li .img h4 {width:100%;float:left;margin-top:16px;font-size:18px;color:#fff;line-height:28px;font-weight:700}
.baozhang ul li h5 {width:100%;float:left;margin-top:15px;font-size:16px;color:#333;line-height:25px}
.baozhang ul li.l2 .img {background-image:url(../images/img17_1.png)}
.baozhang ul li:hover .img {transform:rotateY(360deg)}
@media screen and  (max-width:1570px){
.baozhang{ width:1300px; margin:0 auto;padding-bottom:80px;}
.baozhang h3{font-size:38px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;letter-spacing: -1px;text-transform:uppercase;}
.baozhang ul .li_slide {outline: none;float: left;min-height: 1px;width:216px;}
}
@media screen and  (max-width:1280px){
.baozhang{ width:1180px; margin:0 auto;padding-bottom:50px;}
.baozhang h3{font-size:30px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;letter-spacing: -1px;text-transform:uppercase;}
.baozhang h4{font-size: 22px; width:100%; text-align:center; margin-top:10px; color:#555;}
.baozhang ul .li_slide {outline: none;float: left;min-height: 1px;width:196px;}
.baozhang ul li .img {display:inline-block;*zoom:1;*display:inline;width:150px;height:150px;background:url(../images/img17.png) no-repeat center center;padding:17px 30px 0;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.baozhang ul li .img .ico {width:100%;float:left;height:80px;padding-bottom:10px;border-bottom:solid 1px rgba(255,255,255,.3)}
.baozhang ul li .img h4 {width:100%;float:left;margin-top:10px;font-size:16px;color:#fff;line-height:28px;font-weight:700}
.baozhang ul li h5 {width:100%;float:left;margin-top:15px;font-size:14px;color:#333;line-height:25px}
}
@media screen and  (max-width:768px){
.baozhang{ width:100%; margin:0 auto;padding-bottom:30px;}
.baozhang h3{font-size:20px;font-family: Cambria; width:100%; text-align:center; font-weight:bold;letter-spacing: -1px;text-transform:uppercase;}
.baozhang h4{font-size: 20px; width:100%; text-align:center; margin-top:10px; color:#555;}
.baozhang ul {width:100%;float:left;margin-top:30px}
.baozhang ul .li_slide {outline: none;float: left;min-height: 1px;width:50%; margin-bottom:30px;}
.baozhang ul li .img {display:inline-block;*zoom:1;*display:inline;width:120px;height:120px;background:url(../images/img17.png) no-repeat center center;padding:15px 10px 0;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.baozhang ul li .img .ico {width:100%;float:left;height:55px;padding-bottom:10px;border-bottom:solid 1px rgba(255,255,255,.3)}
.baozhang ul li .img h4 {width:100%;float:left;margin-top:10px;font-size:14px;color:#fff;line-height:28px;font-weight:700}
.baozhang ul li h5 {width:100%;float:left;margin-top:5px;font-size:12px;color:#333;line-height:25px}

}
/*service_lx*/
.service_lx{width:100%;min-height:280px;background-color:#2eb2cb;}
.container{ width:1570px; margin:0 auto;}
.service_lxinfo {width:480px;margin-right:120px;font-size:26px;line-height:40px;color: #fff;margin:0 auto;float:left;text-align: left;font-weight:200;}
.service_lxph {width:600px;float:right;text-align: right;}
.service_lxph a{display:inline-block;width:236px;height:61px;line-height:61px;font-size: 18px;color: #e3fbff;border:1px solid #e3fbff;overflow:hidden;margin:0 auto;text-align: center;border-radius:5px;background-color:#41c6df;}
.service_lxph a:hover {color: #fff;background-color:#db0001;border:1px solid #db0001;}
@media screen and  (max-width:1570px){
.container{ width:1300px; margin:0 auto;}
}
@media screen and  (max-width:1280px){
.container{ width:1180px; margin:0 auto;}
}
@media screen and  (max-width:768px){
.container{ width:92%; margin:0 auto;}

}
/*品牌网站建设*/
.pinpai{ width:1570px; margin:0 auto;padding-top:80px;}
.pp_title{width: 100%;float: left;position: relative;text-align: center; margin-bottom:80px;}
.pp_title h3{width: 100%;font-size: 80px;color: #f6f6f6;line-height: 56px;height: 56px;font-weight: 700;letter-spacing: 2px;position: absolute;left: 0;top: 0;z-index: 1;text-transform: uppercase;font-family: opensans-bold;}
.pp_title h4{width: 100%;float: left;font-size: 36px;color: #db0001;line-height: 56px;font-weight: 700;letter-spacing: 2px;position: relative;z-index: 2;}
.pinpai ul{padding-bottom:80px;}
.pinpai ul li{width:1200px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.pinpai ul li .left_img{width:550px; float:left;}
.pinpai ul li .right_img{width:550px; float:right;}
.pinpai ul li .left_img img,.pinpai ul li .right_img img{width:100%;}
.pinpai ul li .right_content{padding-left:12px; width:545px; float:left;}
.pinpai ul li .left_content{margin-left:62px; width:545px; float:left;}
.pinpai ul li .title{font-size:26px; color:#333; margin:0; line-height:32px; padding:15px 0; text-align:left; font-weight:300;}
.pinpai ul li .content{font-size:18px; color:#aaaaaa; line-height:32px; text-align:left; font-weight:200;}
.pinpai ul li .service_1{margin-top:61px;}
.pinpai ul li .service_2{margin-top:50px;}
.pinpai ul li .service_3{margin-top:113px;}
.pinpai ul .box_01{ margin-bottom:50px;}
.pinpai ul .box_03{ margin-top:50px;}
@media screen and  (max-width:1570px){
.pinpai{ width:1300px; margin:0 auto;padding-top:80px;}
.pp_title{width: 100%;float: left;position: relative;text-align: center; margin-bottom:50px;}
.pp_title h3{width: 100%;font-size:60px;color: #f6f6f6;line-height: 56px;height: 56px;font-weight: 700;letter-spacing: 2px;position: absolute;left: 0;top: 0;z-index: 1;text-transform: uppercase;font-family: opensans-bold;}
.pp_title h4{width: 100%;float: left;font-size: 30px;color: #db0001;line-height: 56px;font-weight: 700;letter-spacing: 2px;position: relative;z-index: 2;}
.pinpai ul .box_03{ margin-top:20px;}
}
@media screen and  (max-width:1280px){
.pinpai{ width:1180px; margin:0 auto;padding-top:50px;}
.pinpai ul li{width:1180px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.pp_title{width: 100%;float: left;position: relative;text-align: center; margin-bottom:50px;}
.pp_title h3{width: 100%;font-size:50px;color: #f6f6f6;line-height: 56px;height: 56px;font-weight: 700;letter-spacing: 2px;position: absolute;left: 0;top: 0;z-index: 1;text-transform: uppercase;font-family: opensans-bold;}
.pinpai ul .box_03{ margin-top:20px;}
.pinpai ul li .content{font-size:14px; color:#aaaaaa; line-height:28px; text-align:left; font-weight:200;}

}
@media screen and  (max-width:768px){
.pinpai{ width:100%; margin:0 auto;padding-top:30px;}
.pp_title{width: 100%;float: left;position: relative;text-align: center; margin-bottom:20px;}
.pp_title h3{width: 100%;font-size:20px;color: #f6f6f6;line-height: 56px;height: 56px;font-weight: 700;letter-spacing: 1px;position: absolute;left: 0;top: 0;z-index: 1;text-transform: uppercase;font-family: opensans-bold;}
.pp_title h4{width: 100%;float: left;font-size: 24px;color: #db0001;line-height: 56px;font-weight: 700;letter-spacing: 2px;position: relative;z-index: 2;}

.pinpai ul li{width:100%; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.pinpai ul li .left_img{width:100%; float:left;}
.pinpai ul li .right_img{width:100%; float:right;}
.pinpai ul li .content{font-size:14px; color:#aaaaaa; line-height:26px; text-align:left; font-weight:200;}
.pinpai ul li .service_1{margin-top:0;}
.pinpai ul li .right_content{padding-left:4%; padding-right:4%; width:100%; float:left;}
.pinpai ul li .title{font-size:18px; color:#333; margin:0; line-height:32px; padding:10px 0; text-align:left; font-weight:300;}
.pinpai ul li .left_content{margin-left:4%; width:100%;float:left; padding-right:4%;}
.pinpai ul li .service_2{margin-top:0px;}
.pinpai ul li .service_3{margin-top:0px;}
}
/*商城网站建设*/
.shopweb{ width:100%;padding-top:80px;}
.shopweb_top{font-size:18px;line-height:32px;color:#6c6c6c;width:780px;overflow:hidden;margin:0 auto;margin-bottom:70px;}
.shopweb_pic{width:100%; height:auto; overflow:hidden; margin:0; padding:0;}
.shopweb_pic img{width:100%; display:block;}
.profession{background:#fafafa; text-align:center; padding-bottom:80px; padding-top:80px;}
.profession .pro_01,.profession .pro_03{width:1000px; float:left;}
.profession .pro_02{width:500px; float:right;}
.profession .img{width:500px; height:275px;}
.profession .img img{ width:100%;}
.profession .content{width:500px; height:275px; border:1px solid #eeeeee; padding:60px 40px 0 40px; font-size:18px; line-height:34px; color:#6c6c6c; text-align:left;}
.profession .profession_info{height:auto; overflow:hidden; width:1500px; margin:0 auto;}
.profession .pro_03 .img,.profession .pro_01 .content{float:right;}
.profession .pro_01 .img,.profession .pro_03 .content{float:left;}
.easy{text-align:center;padding-top:80px;}
.easy ul{padding:0; height:auto; overflow:hidden; margin:0 auto;width:1200px;padding-bottom: 80px;}
.easy ul li{width:600px; float:left; list-style:none; margin-bottom:50px;}
.easy ul li:nth-child(2n){padding-left:41px;}
.easy ul li .li_left{width:190px; float:left;}
.easy ul li .li_right{padding:47px 53px 0 42px; width:410px; height:auto; overflow:hidden; text-align:left;}
.easy ul li:nth-child(2n) .li_right{width:369px;}
.easy ul li .li_right .title{font-size:24px;color:#db0001; padding-bottom:10px;}
.easy ul li .li_right .content{font-size:18px; line-height:30px; color:#6c6c6c;}
@media screen and  (max-width:1570px){
.shopweb_top{font-size:16px;line-height:32px;color:#6c6c6c;width:780px;overflow:hidden;margin:0 auto;margin-bottom:70px;}
.profession .profession_info{height:auto; overflow:hidden; width:1300px; margin:0 auto;}
.profession .pro_01,.profession .pro_03{width:866px; float:left;}
.profession .pro_02{width:434px; float:right;}
.profession .img{width:433px; height:238px;}
.profession .content{width:433px; height:238px; border:1px solid #eeeeee; padding:60px 40px 0 40px; font-size:16px; line-height:30px; color:#6c6c6c; text-align:left;}
.profession .profession_info{height:auto; overflow:hidden; width:1300px; margin:0 auto;}
.easy ul li .li_right .content{font-size:16px; line-height:30px; color:#6c6c6c;}
}
@media screen and  (max-width:1280px){
.shopweb{ width:100%;padding-top:50px;}
.shopweb_top{font-size:14px;line-height:28px;color:#6c6c6c;width:780px;overflow:hidden;margin:0 auto;margin-bottom:70px;}
.profession .profession_info{height:auto; overflow:hidden; width:1180px; margin:0 auto;}
.profession .pro_01,.profession .pro_03{width:786px; float:left;}
.profession .pro_02{width:393px; float:right;}
.profession .img{width:393px; height:216px;}
.profession .content{width:393px; height:216px; border:1px solid #eeeeee; padding:60px 40px 0 40px; font-size:14px; line-height:28px; color:#6c6c6c; text-align:left;}
.profession .profession_info{height:auto; overflow:hidden; width:1180px; margin:0 auto;}
.easy ul li .li_right .content{font-size:14px; line-height:24px; color:#6c6c6c;}
.easy ul{padding:0; height:auto; overflow:hidden; margin:0 auto;width:1180px;padding-bottom: 50px;}
.easy ul li{width:590px; float:left; list-style:none; margin-bottom:50px;}
.easy ul li .li_right{padding:47px 53px 0 42px; width:400px; height:auto; overflow:hidden; text-align:left;}
.easy ul li:nth-child(2n) .li_right{width:359px;}
.easy ul li .li_right .title{font-size:22px;color:#db0001; padding-bottom:10px;}

}
@media screen and  (max-width:768px){
.shopweb{ width:100%;padding-top:20px;}
.shopweb_top{font-size:14px;line-height:26px;color:#6c6c6c;width:100%;overflow:hidden;margin:0 auto;margin-bottom:20px; padding-left:4%; padding-right:4%;text-align:justify}
.profession{background:#fafafa; text-align:center; padding-bottom:30px; padding-top:30px;}
.profession .profession_info{height:auto; overflow:hidden; width:100%; margin:0 auto;}
.profession .img{width:100%; height:auto;}
.profession .content{width:100%; height:auto; border:none; padding:20px; font-size:14px; line-height:26px; color:#6c6c6c; text-align:left; float:left !important}
.profession .pro_01,.profession .pro_03{width:100%; float:left;}
.profession .pro_02{width:100%; float:right;}
.easy{text-align:center;padding-top:30px;}
.easy ul{padding:0; height:auto; overflow:hidden; margin:0 auto;width:100%;padding-bottom: 50px;}
.easy ul li{width:100%; padding-left:4%; padding-right:4%; float:left; list-style:none; margin-bottom:20px;}
.easy ul li .li_right{padding:0; padding-left:20px; padding-top:15px; width:70%; height:auto; overflow:hidden; text-align:left;}
.easy ul li:nth-child(2n) .li_right{width:70%;}
.easy ul li .li_left{width:30%; float:left;}
.easy ul li .li_left img{ width:100%;}
.easy ul li .li_right .title{font-size:18px;color:#db0001; padding-bottom:10px;}
.easy ul li:nth-child(2n){padding-left:4%;}
}
/*外贸建站*/
.waimao{ width:100%;padding-top:80px;}
.waimao .box1,.waimao .box2{ width:1570px; margin:0 auto;}
.waimao .box1 .img{float:left; width:570px; overflow:hidden;}
.waimao .box1 .box_info{float:right; width:990px; text-align:left; padding-left:100px;}
.waimao .box2 {margin-top:52px; height:auto; overflow:hidden;}
.waimao .box2 .box_info{float:left; width:960px; text-align:left; padding-right:120px; padding-top:100px;}
.waimao .box2 .img{float:right; width:600px; overflow:hidden;}
.waimao .box_info h2{font-size:26px; color:#db0001; margin-bottom:22px;}
.waimao .box_info h3{font-size:18px; line-height:32px; color:#6c6c6c;}
.waimao_need{ padding-top:80px; width:1570px; margin:0 auto;padding-bottom: 80px;}
.waimao_need ul{ width:1200px; margin:0 auto;}
.waimao_need ul li{width:150px; float:left; margin-right:172px; list-style:none;}
.waimao_need ul li img{width:100%;}
.waimao_need ul li:first-child{margin-left:41px;}
.waimao_need ul li:last-child{margin-right:41px;}
.waimao_need ul li h4{font-size:18px; line-height:26px; color:#6c6c6c; margin-top:13px; margin-bottom:81px; text-align:center;}
@media screen and  (max-width:1570px){
.waimao .box1,.waimao .box2{ width:1300px; margin:0 auto;}
.waimao .box1 .box_info{float:right; width:730px; text-align:left; padding-left:60px;}
.waimao .box_info h2{font-size:24px; color:#db0001; margin-bottom:22px;}
.waimao .box_info h3{font-size:16px; line-height:30px; color:#6c6c6c;}
.waimao .box2 .box_info{float:left; width:700px; text-align:left; padding-right:60px; padding-top:100px;}
.waimao_need{ padding-top:80px; width:1300px; margin:0 auto;padding-bottom:20px;}
}
@media screen and  (max-width:1280px){
.waimao{ width:100%;padding-top:50px;}
.waimao .box1,.waimao .box2{ width:1180px; margin:0 auto;}
.waimao .box1 .box_info{float:right; width:610px; text-align:left; padding-left:40px; padding-top:50px;}
.waimao .box_info h2{font-size:22px; color:#db0001; margin-bottom:22px;}
.waimao .box_info h3{font-size:14px; line-height:24px; color:#6c6c6c;}
.waimao .box2 .box_info{float:left; width:580px; text-align:left; padding-right:20px; padding-top:120px;}
.waimao_need{ padding-top:50px; width:1180px; margin:0 auto;padding-bottom:20px;}
.waimao_need ul{ width:1000px; margin:0 auto;}
.waimao_need ul li{width:120px; float:left; margin-right:146px; list-style:none;}
.waimao_need ul li h4{font-size:14px; line-height:24px; color:#6c6c6c; margin-top:13px; margin-bottom:81px; text-align:center;}
}
@media screen and  (max-width:768px){
.waimao{ width:100%;padding-top:20px;}
.waimao .box1,.waimao .box2{ width:100%; margin:0 auto;}
.waimao .box1 .img{float:left; width:100%; overflow:hidden; padding-left:4%; padding-right:4%;}
.waimao .box1 .img img{ width:100%;}
.waimao .box1 .box_info{float:right; width:100%; padding-left:4%; padding-right:4%; text-align:left; padding-top:20px;}
.waimao .box_info h2{font-size:18px; color:#db0001; margin-bottom:15px;}
.waimao .box2 .img{float:right; width:100%; overflow:hidden; margin-top:20px;}
.waimao .box2 .img img{ width:100%;}
.waimao .box2 .box_info{float:left; width:100%; padding-left:4%; text-align:left; padding-right:4%; padding-top:20px;}
.waimao_need{ padding-top:30px; width:100%; margin:0 auto;padding-bottom:20px;}
.waimao_need ul{ width:100%; margin:0 auto;}
.waimao_need ul li{width:50%; float:left; margin-right:0; list-style:none;}
.waimao_need ul li:first-child{margin-left:0;}
.waimao_need ul li:last-child{margin-right:0;}
.waimao_need ul li .img{ width:50%; margin:0 auto;}
.waimao_need ul li h4{font-size:14px; line-height:24px; color:#6c6c6c; margin-top:5px; margin-bottom:30px; text-align:center;}
}
/*微信手机网站*/
.mobileweb{ width:100%;padding-top:80px;}
.mobileweb li{width:1570px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.mobileweb li .title{font-size:26px; line-height:40px; color:#db0001; text-align:left; padding-bottom:15px;}
.mobileweb li .content{font-size:18px; line-height:32px; color:#6c6c6c; text-align:left;}
.mobileweb li.box_01{margin-bottom:40px; height:auto; overflow:hidden;}
.mobileweb li.box_02{margin-bottom:40px; height:auto; overflow:hidden;}
.mobileweb li.box_01 .img{width:577px; float:right; overflow:hidden;}
.mobileweb li.box_02 .img{width:700px; float:left; overflow:hidden;}
.mobileweb li.box_03 .img{width:500px; float:right; overflow:hidden;}
.mobileweb li.box_01 .box_content{width:900px; float:left; overflow:hidden; padding-top:50px;}
.mobileweb li.box_02 .box_content{width:750px; float:right; overflow:hidden; padding-top:40px;}
.mobileweb li.box_03 .box_content{width:900px; float:left; overflow:hidden; padding-top:126px;}
.mobileweb li.box_03 .box_content ul{margin:0; padding:0; height:auto; overflow:hidden;}
.mobileweb li.box_03 .box_content ul li{font-size:16px; line-height:32px; color:#8c8c8c; list-style:none;}
.mobileweb li.box_03 .box_content ul li span{display:block; float:left; width:13px; height:13px; border:1px solid #3bb7ce; background:url(../images/service6_mark.jpg) no-repeat center center; margin:8px 11px 7px 0;}
.mobileweb_foot h1{font-size:30px;color:#db0001; text-align:center; margin-top:60px; }
.mobileweb_foot h3{font-size:22px;color:#6c6c6c; text-align:center; margin-bottom:60px; padding-top:20px;}
.mobileweb_foot_img{ width:1570px; margin:0 auto}
.mobileweb_foot_img img{width:100%; display:block;}
@media screen and  (max-width:1570px){
.mobileweb li{width:1300px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.mobileweb li .title{font-size:24px; line-height:40px; color:#db0001; text-align:left; padding-bottom:15px;}
.mobileweb li .content{font-size:16px; line-height:30px; color:#6c6c6c; text-align:left;}
.mobileweb li.box_01 .box_content{width:700px; float:left; overflow:hidden; padding-top:50px;}
.mobileweb li.box_02 .img{width:600px; float:left; overflow:hidden;}
.mobileweb li.box_02 .img img{width:100%;}
.mobileweb li.box_02 .box_content{width:650px; float:right; overflow:hidden; padding-top:40px;}
.mobileweb li.box_03 .box_content{width:800px; float:left; overflow:hidden; padding-top:100px;}
.mobileweb_foot_img{ width:1300px; margin:0 auto}
.mobileweb_foot h1{font-size:24px;color:#db0001; text-align:center; margin-top:60px; }
.mobileweb_foot h3{font-size:18px;color:#6c6c6c; text-align:center; margin-bottom:60px; padding-top:20px;}
}
@media screen and  (max-width:1280px){
.mobileweb{ width:100%;padding-top:50px;}
.mobileweb li{width:1180px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.mobileweb li .title{font-size:22px; line-height:40px; color:#db0001; text-align:left; padding-bottom:15px;}
.mobileweb li .content{font-size:14px; line-height:26px; color:#6c6c6c; text-align:left;}
.mobileweb li.box_01 .box_content{width:600px; float:left; overflow:hidden; padding-top:50px;}
.mobileweb li.box_02 .img{width:500px; float:left; overflow:hidden;}
.mobileweb li.box_02 .img img{width:100%;}
.mobileweb li.box_02 .box_content{width:650px; float:right; overflow:hidden; padding-top:40px;}
.mobileweb li.box_03 .box_content{width:650px; float:left; overflow:hidden; padding-top:100px;}
.mobileweb_foot_img{ width:1180px; margin:0 auto}
.mobileweb li.box_03 .box_content ul li{font-size:14px; line-height:28px; color:#8c8c8c; list-style:none;}
.mobileweb_foot h1{font-size:22px;color:#db0001; text-align:center; margin-top:20px; }
.mobileweb_foot h3{font-size:16px;color:#6c6c6c; text-align:center; margin-bottom:40px; padding-top:20px;}
}
@media screen and  (max-width:768px){
.mobileweb{ width:100%;padding-top:20px;}
.mobileweb li{width:100%; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.mobileweb li.box_01 .img{width:100%; float:right; overflow:hidden;}
.mobileweb li.box_02 .img{width:100%; float:left; overflow:hidden;}
.mobileweb li.box_03 .img{width:100%; float:right; overflow:hidden;}
.mobileweb li.box_01 .img img{ width:100%;}
.mobileweb li.box_03 .img img{ width:100%;}
.mobileweb li.box_01 .box_content{width:100%; padding-left:4%; padding-right:4%; float:left; overflow:hidden; padding-top:0;}
.mobileweb li .title{font-size:18px; line-height:26px; color:#db0001; text-align:left; padding-bottom:10px;}
.mobileweb li.box_02 .box_content{width:100%; float:right; overflow:hidden; padding-top:20px; padding-left:4%; padding-right:4%;}
.mobileweb li.box_03 .box_content{width:100%; float:left; overflow:hidden; padding-top:20px;padding-left:4%; padding-right:4%;}
.mobileweb li.box_02{margin-bottom:10px; height:auto; overflow:hidden;}
.mobileweb_foot h1{font-size:18px;color:#db0001; text-align:center; margin-top:20px; }
.mobileweb_foot h3{font-size:14px;color:#6c6c6c; text-align:center; margin-bottom:20px; padding-top:10px;}
.mobileweb_foot_img{ width:100%; margin:0 auto}
.mobileweb li.box_03 .box_content ul{ margin-top:10px;}
.mobileweb li.box_03 .box_content ul li{font-size:12px; line-height:22px; color:#8c8c8c; list-style:none; margin-bottom:10px;}
}
/*Html5响应式网站*/
.html5{ width:100%;padding-top:80px;}
.html5 .box_01{width:1570px; margin:0 auto;margin-bottom:80px;}
.html5 .title{font-size:30px;padding:17px 0; color:#db0001; text-align:left; position:relative; margin-bottom:0px;}
.html5 .title .title_line{display:block; height:1px; width:79px; position:absolute; left:0; bottom:0; background:#c4c3c3;}
.html5 .content{font-size:18px; line-height:32px; color:#6c6c6c; text-align:left; margin-top:16px;}
.html5 .box_02{margin-bottom:60px; height:auto; overflow:hidden; background:#eceded; padding-top:137px;}
.html5 .box_03{width:1570px; margin:0 auto;margin-bottom:80px;}
.html5 .box_01 .img{width:730px; float:left; overflow:hidden;}
.html5 .box_02 .img{width:820px; float:right; overflow:hidden; margin-left:-50px; padding-top:10px;}
.html5 .box_02 .img img{vertical-align:bottom;}
.html5 .box_03 .img{width:700px; float:left; overflow:hidden;}
.html5 .box_01 .box_content{width:720px; float:right; overflow:hidden; padding-right:43px; padding-top:114px; text-transform:uppercase;}
.html5 .box_02 .box_content{width:630px; float:left; overflow:hidden;}
.html5 .box_03 .box_content{width:800px; float:right; overflow:hidden; padding-top:100px; padding-right:43px; padding-left:83px;}
.html5 .box_02 .box_02_main{ width:1570px; margin:0 auto;}
.html5_foot{background:#eceded; padding-top:56px; padding-bottom:67px;}
.html5_foot h1{font-size:30px;padding:23px 0; color:#db0001; text-align:center; margin-bottom:0;}
.html5_foot h3{font-size:18px; line-height:32px; color:#6c6c6c; text-align:center; width:630px; margin:0 auto; margin-bottom:30px; height:auto; overflow:hidden;}
.html5_foot img{width:100%; height:auto; overflow:hidden;}
@media screen and  (max-width:1570px){
.html5{ width:100%;padding-top:80px;}
.html5 .box_01{width:1300px; margin:0 auto;margin-bottom:50px;}
.html5 .box_01 .img{width:700px; float:left; overflow:hidden;}
.html5 .box_01 .img img{width:100%;}
.html5 .box_01 .box_content{width:600px; float:right; overflow:hidden; padding-right:43px; padding-top:80px; text-transform:uppercase;}
.html5 .content{font-size:16px; line-height:30px; color:#6c6c6c; text-align:left; margin-top:16px;}
.html5 .box_02{margin-bottom:60px; height:auto; overflow:hidden; background:#eceded; padding-top:100px;}
.html5 .box_02 .box_02_main{ width:1300px; margin:0 auto;}
.html5 .box_02 .img{width:610px; float:right; overflow:hidden; margin-left:-50px; padding-top:10px;}
.html5 .box_02 .img img{ width:100%;}
.html5 .box_03{width:1300px; margin:0 auto;margin-bottom:80px;}
.html5 .box_03 .img{width:600px; float:left; overflow:hidden;}
.html5 .box_03 .img img{ width:100%;}
.html5 .box_03 .box_content{width:700px; float:right; overflow:hidden; padding-top:100px; padding-right:43px; padding-left:83px;}
.html5_foot h3{font-size:16px; line-height:30px; color:#6c6c6c; text-align:center; width:630px; margin:0 auto; margin-bottom:30px; height:auto; overflow:hidden;}
}
@media screen and  (max-width:1280px){
.html5{ width:100%;padding-top:50px;}
.html5 .box_01{width:1180px; margin:0 auto;margin-bottom:50px;}
.html5 .box_01 .img{width:600px; float:left; overflow:hidden;}
.html5 .box_01 .img img{width:100%;}
.html5 .box_01 .box_content{width:580px; float:right; overflow:hidden; padding-right:43px; padding-top:80px; text-transform:uppercase;}
.html5 .content{font-size:14px; line-height:26px; color:#6c6c6c; text-align:left; margin-top:16px;}
.html5 .box_02{margin-bottom:60px; height:auto; overflow:hidden; background:#eceded; padding-top:100px;}
.html5 .box_02 .box_02_main{ width:1180px; margin:0 auto;}
.html5 .box_02 .img{width:510px; float:right; overflow:hidden; margin-left:-50px; padding-top:10px;}
.html5 .box_02 .img img{ width:100%;}
.html5 .box_03{width:1180px; margin:0 auto;margin-bottom:80px;}
.html5 .box_03 .img{width:500px; float:left; overflow:hidden;}
.html5 .box_03 .img img{ width:100%;}
.html5 .box_03 .box_content{width:680px; float:right; overflow:hidden; padding-top:100px; padding-right:43px; padding-left:83px;}
.html5_foot h3{font-size:14px; line-height:26px; color:#6c6c6c; text-align:center; width:630px; margin:0 auto; margin-bottom:30px; height:auto; overflow:hidden;}
.html5 .title{font-size:26px;padding:17px 0; color:#db0001; text-align:left; position:relative; margin-bottom:0px;}
.html5_foot h1{font-size:26px;padding:23px 0; color:#db0001; text-align:center; margin-bottom:0;}
}
@media screen and  (max-width:768px){
.html5{ width:100%;padding-top:10px;}
.html5 .box_01{width:100%; margin:0 auto;margin-bottom:30px;}
.html5 .box_01 .img{width:100%; float:left; overflow:hidden;}
.html5 .box_01 .box_content{width:100%; float:right; overflow:hidden; padding-right:4%; padding-left:4%; padding-top:0; text-transform:uppercase;}
.html5 .title{font-size:20px;padding:17px 0; color:#db0001; text-align:left; position:relative; margin-bottom:0px;}
.html5 .box_02{margin-bottom:30px; height:auto; overflow:hidden; background:#eceded; padding-top:30px;}
.html5 .box_02 .box_02_main{ width:100%; margin:0 auto;}
.html5 .box_02 .img{width:100%; float:right; overflow:hidden; margin-left:0; padding-top:0;}
.html5 .box_02 .box_content{width:100%; float:left; overflow:hidden; padding-left:4%; padding-right:4%; padding-bottom:30px;}
.html5 .box_03{width:100%; margin:0 auto;margin-bottom:30px;}
.html5 .box_03 .img{width:92%; margin:0 auto; float:left; overflow:hidden;}
.html5 .box_03 .box_content{width:100%; float:right; overflow:hidden; padding-top:10px; padding-right:4%; padding-left:4%;}

.html5_foot{background:#eceded; padding-top:30px; padding-bottom:30px;}
.html5_foot h1{font-size:20px;padding:20px 0; color:#db0001; text-align:center; margin-bottom:0;}
.html5_foot h3{font-size:14px; line-height:26px; color:#6c6c6c; text-align:left; width:100%; margin:0 auto; margin-bottom:30px; height:auto; overflow:hidden;}
.html5_foot img{width:100%; height:auto; overflow:hidden;}
}
/*微信小程序*/
.wxxcxOne{ width:100%;padding-top:80px;}
.wxxcxOne ul {width:1570px; margin:0 auto;}
.wxxcxOne ul li {width:33.33%;float:left;padding:0 10px;margin-bottom:20px}
.wxxcxOne ul li .zbox {width:100%;float:left;background:#f5f5f5;padding:47px 10px 20px 145px;position:relative;height:200px;overflow:hidden;border:solid 1px #eee;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxOne ul li .zbox .iconfont {position:absolute;left:20px;top:50%;width:100px;height:100px;background:#fff;overflow:hidden;box-shadow:3px 15px 15px rgba(0,0,0,.05);margin-top:-50px;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%; font-size:65px; color:#db0001; text-align:center; line-height:100px;}
.wxxcxOne ul li .zbox .text {width:100%;float:left}
.wxxcxOne ul li .zbox .text h4 {width:100%;float:left;font-size:18px;color:#2c2c2c;line-height:28px;letter-spacing:1px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxOne ul li .zbox .text h4 span {font-weight:700;margin-right:16px}
.wxxcxOne ul li .zbox .text h5 {width:100%;float:left;margin-top:5px;font-size:15px;color:#787878;line-height:26px;padding-right:10px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxOne ul li .zbox:hover {background:#db0001;border-color:#db0001}
.wxxcxOne ul li .zbox:hover .text h4,.wxxcxOne ul li .zbox:hover .text h5 {color:#fff}

.wxxcxTwo {width:100%;float:left;background:url(../images/wxxcx_01.jpg); margin-top:80px;}
.wxxcxTwo .wxxcxTwoLeft {width:50%;float:left;height:510px;position:relative;overflow:hidden;background:#000;line-height:510px}
.wxxcxTwo .wxxcxTwoLeft .img {width:100%;height:100%;position:absolute;left:0;top:0;opacity:.1;z-index:1}
.wxxcxTwo .wxxcxTwoLeft .text {display:inline-block;vertical-align:middle;width:100%;text-align:center;padding:0 0 0 18.229%;line-height:0}
.wxxcxTwo .wxxcxTwoLeft .text .iconfont {display:inline-block;vertical-align:top; font-size:100px; color:#fff; height:88px;line-height: 88px;}
.wxxcxTwo .wxxcxTwoLeft .text h4 {width:100%;margin-top:36px;color:#fff;font-size:36px;line-height:44px;text-transform:uppercase;font-weight:700;font-family:Cambria}
.wxxcxTwo .wxxcxTwoLeft .text h3 {width:100%;color:#fff;font-size:36px;line-height:52px;font-weight:700;letter-spacing:2px}
.wxxcxTwo .wxxcxTwoRight {width:50%;float:left;height:510px;position:relative;line-height:510px}
.wxxcxTwo .wxxcxTwoRight ul {display:inline-block;vertical-align:middle;width:100%;padding:0 18.229% 0 9.58%}
.wxxcxTwo .wxxcxTwoRight ul li {width:100%;font-size:18px;color:#fff;line-height:48px}

.wxxcxTre {width:100%;float:left;margin-top:100px}
.wxxcxTre ul {width:1570px; margin:0 auto;display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:flex-start}
.wxxcxTre ul li {width:25%;float:left;margin-top:30px;padding:0 15px}
.wxxcxTre ul li .zbox {width:100%;float:left;background:#fff;padding:38px 30px 20px 38px;text-align:center;border:solid 2px #fff;box-shadow:0 0 84px rgba(244,244,244,.75);-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxTre ul li .zbox .iconfont {display:inline-block;vertical-align:top;width:130px;height:130px;background:url(../images/wxxcx_03.png) no-repeat center center;background-size:contain;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s; color:#db0001; font-size:50px; line-height:130px;}
.wxxcxTre ul li .zbox h4 {width:100%;margin-top:25px;font-size:20px;color:#000;line-height:28px}
.wxxcxTre ul li .zbox h5 {width:100%;margin-top:17px;font-size:15px;color:#7e7e7e;line-height:26px;min-height:104px}
.wxxcxTre ul li .zbox:hover {border-color:#db0001}
.wxxcxTre ul li .zbox:hover .iconfont {background-image:url(../images/wxxcx_04.png)}

.wxxcxFou {width:100%;float:left;margin-top:100px}
.wxxcxFou .wxxcxFouBody {width:100%;float:left;margin-top:20px}
.wxxcxFou .wxxcxFouBody li {width:50%;float:left;background:#eee;height:485px;line-height:485px;padding:0 5.99% 0 9.11%}
.wxxcxFou .wxxcxFouBody li .text {display:inline-block;vertical-align:middle;width:100%;font-size:30px;color:#db0001;line-height:40px}
.wxxcxFou .wxxcxFouBody li .text dt {width:100%;font-size:30px;color:#db0001;line-height:40px}
.wxxcxFou .wxxcxFouBody li .text .p {margin-top:23px;width:100%;font-size:16px;color:#868686;line-height:30px;min-height:90px;}
.wxxcxFou .wxxcxFouBody li .text .ljzx {display:block;width:173px;height:41px;line-height:41px;background:#db0001;color:#fff;font-size:16px;margin-top:8px;text-align:center;-moz-border-radius:21px;-webkit-border-radius:21px;-khtml-border-radius:21px;border-radius:21px}
.wxxcxFou .wxxcxFouBody li .text dl {width:100%;margin-top:15px}
.wxxcxFou .wxxcxFouBody li .text dl dd {width:25%;margin-top:17px;float:left;text-align:center}
.wxxcxFou .wxxcxFouBody li .text dl dd span {display:inline-block;vertical-align:top;width:143px;border:solid 1px #e2e2e2;height:115px;padding:16px 10px 10px}
.wxxcxFou .wxxcxFouBody li .text dl dd span .iconfont {width:100%;height:54px;line-height:0; line-height:54px; font-size:40px;}
.wxxcxFou .wxxcxFouBody li .text dl dd span h5 {width:100%;margin-top:5px;font-size:16px;color:#606060;line-height:22px}
.wxxcxFou .wxxcxFouBody li .text .ljzx:hover {background:#000}
.wxxcxFou .wxxcxFouBody li.l1 {background:#f6f6f6}
.wxxcxFou .wxxcxFouBody li.l2 {padding:0 9.11% 0 3.54%}
.wxxcxFou .wxxcxFouBody li.l3 {padding:0 3.54% 0 9.11%}
.wxxcxFou .wxxcxFouBody li.l4 {float:right}
@media screen and  (max-width:1570px){
.wxxcxOne ul {width:1300px; margin:0 auto;}
.wxxcxOne ul li .zbox .iconfont {left:20px}
.wxxcxOne ul li {padding:0 10px;margin-top:5px}
.wxxcxOne ul li {width:33.33%;float:left;padding:0 10px;margin-bottom:15px}
.wxxcxOne ul li .zbox {width:100%;float:left;background:#f5f5f5;padding:40px 10px 20px 145px;position:relative;height:200px;overflow:hidden;border:solid 1px #eee;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxTre ul {width:1300px; margin:0 auto;display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:flex-start}
}
@media screen and  (max-width:1280px){
.wxxcxOne{ width:100%;padding-top:50px;}
.wxxcxTwo {width:100%;float:left;background:url(../images/wxxcx_01.jpg); margin-top:50px;}
.wxxcxOne ul {width:1180px; margin:0 auto;}
.wxxcxOne ul li .zbox .iconfont {left:20px}
.wxxcxOne ul li {padding:0 10px;margin-top:5px}
.wxxcxOne ul li {width:33.33%;float:left;padding:0 10px;margin-bottom:15px}
.wxxcxOne ul li .zbox {width:100%;float:left;background:#f5f5f5;padding:40px 10px 20px 145px;position:relative;height:200px;overflow:hidden;border:solid 1px #eee;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxTre ul {width:1180px; margin:0 auto;display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:flex-start}
.wxxcxTre ul li .zbox h5 {width:100%;margin-top:17px;font-size:14px;color:#7e7e7e;line-height:26px;min-height:104px}
.wxxcxTre ul li .zbox h4 {width:100%;margin-top:25px;font-size:18px;color:#000;line-height:28px}
.wxxcxFou .wxxcxFouBody li .text dl dd span {display:inline-block;vertical-align:top;width:100%;border:solid 1px #e2e2e2;height:115px;padding:16px 10px 10px}
.wxxcxFou .wxxcxFouBody li .text dl dd span h5 {width:100%;margin-top:5px;font-size:14px;color:#606060;line-height:22px}
.wxxcxFou .wxxcxFouBody li .text dl dd {width:115px;margin-top:10px;float:left;text-align:center; margin-right:10px;}
.wxxcxFou .wxxcxFouBody li.l3 {padding:0 3% 0 5%}
.wxxcxFou .wxxcxFouBody li.l2 {padding:0 5% 0 3%}
}
@media screen and  (max-width:768px){
.wxxcxOne{ width:100%;padding-top:20px;}
.wxxcxOne ul {width:100%; margin:0 auto;}
.wxxcxOne ul li {width:100%;float:left;padding:0 10px;margin-bottom:10px}
.wxxcxOne ul li .zbox .iconfont {position:absolute;left:20px;top:50%;width:60px;height:60px;background:#fff;overflow:hidden;box-shadow:3px 15px 15px rgba(0,0,0,.05);margin-top:-30px;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%; font-size:50px; color:#db0001; text-align:center; line-height:60px;}
.wxxcxOne ul li .zbox {width:100%;float:left;background:#f5f5f5;padding:20px 10px 20px 95px;position:relative;height:auto;overflow:hidden;border:solid 1px #eee;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxOne ul li .zbox .text h4 {width:100%;float:left;font-size:16px;color:#2c2c2c;line-height:28px;letter-spacing:0;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxOne ul li .zbox .text h4 span {font-weight:700;margin-right:14px}
.wxxcxOne ul li .zbox .text h5 {width:100%;float:left;margin-top:5px;font-size:12px;color:#787878;line-height:22px;padding-right:10px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxTwo {width:100%;float:left;background:url(../images/wxxcx_01.jpg); margin-top:30px;}
.wxxcxTwo .wxxcxTwoLeft {width:100%;float:left;height:280px;position:relative;overflow:hidden;background:#000;line-height:280px}
.wxxcxTwo .wxxcxTwoLeft .text {display:inline-block;vertical-align:middle;width:100%;text-align:center;padding:0;line-height:0}
.wxxcxTwo .wxxcxTwoLeft .text .iconfont {display:inline-block;vertical-align:top; font-size:80px; color:#fff; height:88px;line-height: 88px;}
.wxxcxTwo .wxxcxTwoLeft .text h4 {width:100%;margin-top:10px;color:#fff;font-size:26px;line-height:34px;text-transform:uppercase;font-weight:700;font-family:Cambria}
.wxxcxTwo .wxxcxTwoLeft .text h3 {width:100%;color:#fff;font-size:16px;line-height:52px;font-weight:700;letter-spacing:2px}
.wxxcxTwo .wxxcxTwoRight {width:100%;float:left;height:310px;position:relative;line-height:310px}
.wxxcxTwo .wxxcxTwoRight ul {display:inline-block;vertical-align:middle;width:100%;padding:0; padding-left:4%; padding-right:4%;}
.wxxcxTwo .wxxcxTwoRight ul li {width:100%;font-size:14px;color:#fff;line-height:28px}
.wxxcxTre {width:100%;float:left;margin-top:20px}
.wxxcxTre ul {width:100%; padding-left:4%; padding-right:4%; margin:0 auto;display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:flex-start}
.wxxcxTre ul li {width:50%;float:left;margin-top:10px;padding:0}
.wxxcxTre ul li .zbox .iconfont {display:inline-block;vertical-align:top;width:80px;height:80px;background:url(../images/wxxcx_03.png) no-repeat center center;background-size:contain;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s; color:#db0001; font-size:40px; line-height:80px;}
.wxxcxTre ul li .zbox {width:100%;float:left;background:#fff;padding:20px;text-align:center;border:solid 2px #fff;box-shadow:0 0 84px rgba(244,244,244,.75);-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.wxxcxTre ul li .zbox h5 {width:100%;margin-top:10px;font-size:12px;color:#7e7e7e;line-height:20px;min-height:100px}
.wxxcxTre ul li .zbox h4 {width:100%;margin-top:10px;font-size:14px;color:#000;line-height:20px}
.wxxcxFou {width:100%;float:left;margin-top:30px}
.wxxcxFou .wxxcxFouBody {width:100%;float:left;margin-top:0px}
.wxxcxFou .wxxcxFouBody li {width:100%;float:left;background:#eee;height:auto;line-height:0;padding:15px 4%;}
.wxxcxFou .wxxcxFouBody li .text dt {width:100%;font-size:18px;color:#db0001;line-height:28px}
.wxxcxFou .wxxcxFouBody li .text .p {margin-top:5px;width:100%;font-size:12px;color:#868686;line-height:22px;min-height:0;}
.wxxcxFou .wxxcxFouBody li .text .ljzx {display:none;}
.wxxcxFou .wxxcxFouBody li.l3 .text dt, .wxxcxFou .wxxcxFouBody li.l1.l2 .text dt{ display:none;}
.wxxcxFou .wxxcxFouBody li .text dl dd {    width: 25%;padding: 0 2px;margin: 2px 0;margin-right: 0;float: left;}
.wxxcxFou .wxxcxFouBody li .text dl dd span .iconfont {width:100%;height:34px;line-height:34px; font-size:26px;}
.wxxcxFou .wxxcxFouBody li .text dl dd span {height:90px;padding:10px}
.wxxcxFou .wxxcxFouBody li .text dl dd span h5 {width:100%;margin-top:5px;font-size:14px;color:#606060;line-height:18px}
.wxxcxFou .wxxcxFouBody li.l2 {padding:15px 3%}
.wxxcxFou .wxxcxFouBody li.l3 {padding:0 3% 15px}
.wxxcxFou .wxxcxFouBody li .text dl {width:100%;margin-top:0}
}
/*软件系统开发*/
.soft{ width:1570px; margin:0 auto;padding-top:80px;}
.soft_1{ width:100%;}
.soft_1 .rt-icon{padding-top: 25px;padding-right: 100px;}
.soft_1 .rt-icon .title h2{font-size: 30px;color: #373737;margin-bottom: 10px;}
.soft_1 .rt-icon .title p{font-size: 16px;color: #585858;}
.soft_1 .rt-icon ul{margin-top: 55px;}
.soft_1 .rt-icon ul li{margin-bottom: 40px;}
.soft_1 .rt-icon dl .iconfont{ font-size:46px; color:#585858}
.soft_1 .rt-icon dl dd{margin-left:70px;}
.soft_1 .rt-icon dd p:nth-child(1){font-size: 18px;color: #373737;margin-bottom: 5px;}
.soft_1 .rt-icon dd p:nth-child(2){font-size: 14px;color: #7B7B7B;}
.soft_2{background: url("../images/soft_bg.jpg") no-repeat;background-size: cover;padding-top: 153px;padding-bottom: 70px; margin-top:80px;}
.soft_2_box{width: 1570px;margin: 0 auto;}
.soft_2_box .fl-box{padding-top: 75px;padding-left: 50px;color: #ffffff;}
.soft_2_box .fl-box h2{font-size: 30px;color: #ffffff;}
.soft_2_box .fl-box i{display: block;width: 40px;height: 3px;background-color: #2D2D2D;margin: 20px 0 30px;}
.soft_2_box .fl-box>div{margin-bottom: 85px;}
.soft_2_box .fl-box>div h3{font-size: 22px;font-weight: normal;margin-bottom: 5px;}
.soft_2_box .fl-box>div p{font-size: 16px;}
.soft_2_box .fl-box ul li{float: left;text-align: center;padding: 0 25px;}
.soft_2_box .fl-box ul li:first-child{padding-left: 0;}
.soft_2_box .fl-box ul li+li{border-left: 1px solid #292929;}
.soft_2_box .fl-box li p{font-size: 14px;margin-top: 15px;line-height: 24px;}
.soft_2_box .fl-box li .iconfont{ font-size:40px; color:#fff;}
@media screen and  (max-width:1570px){
.soft{ width:1300px; margin:0 auto;padding-top:80px;}
.soft_1 .fl-box{ width:50%;}
.soft_1 .fl-box img{ width:100%;}
.soft_1 .rt-icon{padding-top: 5px;padding-right: 10px;}
.soft_2_box{width: 1300px;margin: 0 auto;}
.soft_2{background: url("../images/soft_bg.jpg") no-repeat;background-size: cover;padding-top: 100px;padding-bottom: 70px; margin-top:80px;}
}
@media screen and  (max-width:1280px){
.soft{ width:1180px; margin:0 auto;padding-top:50px;}
.soft_1 .fl-box{ width:50%;}
.soft_1 .fl-box img{ width:100%;}
.soft_1 .rt-icon{padding-top: 5px;padding-right: 10px;}
.soft_2_box{width: 1180px;margin: 0 auto;}
.soft_2{background: url("../images/soft_bg.jpg") no-repeat;background-size: cover;padding-top:50px;padding-bottom: 50px; margin-top:50px;}
.soft_1 .rt-icon .title h2{font-size: 24px;color: #373737;margin-bottom: 10px;}
.soft_1 .rt-icon .title p{font-size: 14px;color: #585858;}
.soft_1 .rt-icon ul{margin-top:35px;}
}
@media screen and  (max-width:768px){
.soft{ width:100%; margin:0 auto;padding-top:20px;}
.soft_1 .fl-box{ width:100%; padding-left:4%; padding-right:4%;}
.soft_1 .rt-icon{padding-top: 5px;width:100%; padding-left:4%; padding-right:4%;}
.soft_1 .rt-icon .title h2{font-size: 18px;color: #373737;margin-bottom: 10px;}
.soft_1 .rt-icon .title p{font-size: 14px;color: #585858; line-height:26px;}
.soft_1 .rt-icon ul li{margin-bottom:20px;}
.soft_1 .rt-icon dd p:nth-child(1){font-size: 16px;color: #373737;margin-bottom: 5px;}
.soft_2_box{width: 100%;margin: 0 auto;}
.soft_2{background: url("../images/soft_bg.jpg") no-repeat;background-size: cover;padding-top:30px;padding-bottom: 30px; margin-top:30px;}
.soft_2_box .fl-box{padding-top: 0px;padding-left: 4%; padding-right:4%;color: #ffffff;}
.soft_2_box .fl-box h2{font-size:18px;color: #ffffff;}
.soft_2_box .fl-box>div h3{font-size:16px;font-weight: normal;margin-bottom: 5px;}
.soft_2_box .fl-box>div p{font-size: 14px;}
.soft_2_box .fl-box i{display: block;width: 40px;height: 3px;background-color: #2D2D2D;margin: 10px 0 20px;}
.soft_2_box .fl-box>div{margin-bottom:25px;}
.soft_2_box .fl-box ul li{float: left;text-align: center;padding: 0; width:25%;}
.soft_2_box .fr{ width:100%; margin-top:30px;}
.soft_2_box .fr img{ width:100%;}

}

/*公众号软文编辑*/
.wechat{ width:1570px; margin:0 auto;padding-top:80px;}
.wechat ul{padding-bottom:80px;}
.wechat ul li{width:1200px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.wechat ul li .left_img{width:550px; float:left;}
.wechat ul li .left_img img{width:100%;}
.wechat ul li .right_content{padding-left:12px; width:545px; float:left;}
.wechat ul li .title{font-size:26px; color:#333; margin:0; line-height:32px; padding:15px 0; text-align:left; font-weight:300;}
.wechat ul li .content{font-size:18px; color:#aaaaaa; line-height:32px; text-align:left; font-weight:200;}
.wechat ul li .content ul{margin:0; padding:0; height:auto; overflow:hidden;}
.wechat ul li .content ul li{font-size:16px; line-height:32px; color:#8c8c8c; list-style:none;}
.wechat ul li .content ul li span{display:block; float:left; width:13px; height:13px; border:1px solid #3bb7ce; background:url(../images/service6_mark.jpg) no-repeat center center; margin:8px 11px 7px 0;}
@media screen and  (max-width:1570px){
.wechat{ width:1300px; margin:0 auto;padding-top:80px;}
}
@media screen and  (max-width:1280px){
.wechat{ width:1180px; margin:0 auto;padding-top:80px;}
.wechat ul li{width:1180px; margin:0 auto; height:auto; overflow:hidden; clear:both;}
}
@media screen and  (max-width:768px){
.wechat{ width:100%; margin:0 auto;padding-top:30px;}
.wechat ul{padding-bottom:30px;}
.wechat ul li{width:100%; margin:0 auto; height:auto; overflow:hidden; clear:both;}
.wechat ul li .left_img{width:100%; float:left;}
.wechat ul li .right_content{padding-left:4%; padding-right:4%; width:100%; float:left;}
.wechat ul li .title{font-size:18px; color:#333; margin:0; line-height:28px; padding:15px 0; text-align:left; font-weight:300;}
.wechat ul li .content{font-size:14px; color:#aaaaaa; line-height:26px; text-align:left; font-weight:200;}
.wechat ul li .content ul li{font-size:14px; line-height:32px; color:#8c8c8c; list-style:none;}

}