.clear
{ height:0px; clear:both; }
.clearfix:before{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}
.clearfix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.w92
{ width:92%; margin:0 auto;}
.bghui
{ background:#fafafa;}
/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.trans2
{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.trans3
{ transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.top { width:92%; margin:0px auto}
.top div{ float: left;padding:10px 0px ;height:78px; font-size:16px}
.top .logo{ width:20%}
.top .navcb{ width:68%; padding:20px 0px 0px;}
.top .navcb ul li{ float:left;list-style:none; width:14%; text-align:center}
.top .navcb ul .xcx{width:13%;}
.top .navcb a{ color:#000000}
.top .telzx{ width:12%; background: #0098E0; color:#FFFFFF; text-align:center;padding:15px 0px ;}
.top .telzx p{ padding:0px; margin:0px;font-size:14px}
.top .telzx tel{ padding:0px;font-size:20px}
.fwys{padding:20px 0px; width:92%; margin:0px auto} 
.fwys>div{ width:24%; border:1px solid #EFEFEF; padding:15px 20px; border-top:2px solid #1F3ABF; float:left; margin:0px 0.5%}
.fwys .tp{ border-radius: 50%; width:66px; height:66px;  float:left; margin-right:15px;}
.fwys .tpbg{border-top:2px solid #25C362;}
.fwys .tpbg1{border-top:2px solid #F28300;}
.fwys .tpbg2{border-top:2px solid #E7145E;}
.fwys .tp1{background:#1F3ABF url(../image/tb1.png) center 3px;}
.fwys .tp2{ background:#25C362 url(../image/tb1.png) center -165px;}
.fwys .tp3{ background:#F28300 url(../image/tb1.png) center -80px;}
.fwys .tp4{ background:#E7145E url(../image/tb1.png) center -260px;}
.fwys h4{ color:#000000}
.fwys h4 a { color:#000000}
.fwys>div:hover .tp
{ }
.fwys>div .tp {
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom:1;
}
.fwys>div:hover .tp{
	transform: perspective(800px) rotateY(-179.9deg);
	-moz-transform: perspective(800px) rotateY(-179.9deg);
	-webkit-transform: perspective(800px) rotateY(-179.9deg);
	-o-transform: perspective(800px) rotateY(-179.9deg);
	-ms-transform: perspective(800px) rotateY(-179.9deg);
}
/*banner*/
.banner
{width:100%; height:456px;  overflow:hidden; position:relative; }
.banner ul li
{width:100%; height:100%; overflow:hidden;  position:absolute; left:0px; top:0px;}
.banner ul li a
{ height:100%; display:block;}
.banner .hd
{ width:100%; height:16px; text-align:center; position:absolute; bottom:30px; z-index:200;}
.banner .hd ol
{  height:16px; margin:0 auto; padding:0;}
.banner .hd ol li
{ width:10px; height:5px; display: inline-block; margin: 2px 4px; text-indent: -999px; cursor: pointer;  background-color: rgba(255, 255, 255, 0.5);  border-radius: 10px; overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.banner .hd ol .on
{ width:30px;  background-color: #fff; }
.fwys p{ color:#8D8D8D; font-size:12px}
.title{ text-align:center; padding-bottom:20px; }
.title h2{ font-size:34px;}
.title p{ color:#666666}
.title span{ color:#0098E0}
/*如何制作一个出众的网站*/
.wzfwlr>div{width:25%; float:left}
.wzfwlr>div>div{background: rgba(245,245,245,0.9);text-align:center; padding:30px}
.wzfwlr .bg{ background:url(../image/sp1.jpg)  no-repeat left top/100% 100%;}
.wzfwlr .bg1{ background:url(../image/sp2.jpg)  no-repeat left top/100% 100%;}
.wzfwlr .bg2{ background:url(../image/sp3.jpg)  no-repeat left top/100% 100%;}
.wzfwlr .bg3{ background:url(../image/sp4.jpg)  no-repeat left top/100% 100%;}
.wzfwlr .lrtp{width:120px; height:90px; margin:0px auto;}
.wzfwlr .lrtp1{background: url(../image/fwtb.png) no-repeat right 3px;}
.wzfwlr .lrtp2{background: url(../image/fwtb.png) no-repeat right -128px;}
.wzfwlr .lrtp3{background: url(../image/fwtb.png) no-repeat right -240px;}
.wzfwlr .lrtp4{background: url(../image/fwtb.png) no-repeat right -370px;}
.wzfwlr h3{ font-size:20px; font-weight:bold; }
.wzfwlr p{ line-height:180%; color:#434343;padding:18px 0px} 
.wzfwlr a{border-radius: 15px; padding:5px 20px; background:#FFFFFF; border:1px solid #D1D1D1; color:#A19F9F}
.wzfwlr>div>div:hover
{ background:rgba(0,152,224,0.9); }
.wzfwlr>div>div:hover .lrtp1
{ background-position:15px 3px; }
.wzfwlr>div>div:hover .lrtp2
{ background-position:15px -128px; }
.wzfwlr>div>div:hover .lrtp3
{ background-position:15px -240px; }
.wzfwlr>div>div:hover .lrtp4
{ background-position:15px -370px; }
.wzfwlr>div>div:hover h3,.wzfwlr>div>div:hover p
{ color:#fff; }
.wzfwlr>div>div:hover a
{ color:#0098e0; }
.faq{ background:#F9F9F9; line-height:40px; margin-bottom:20px; border-bottom:1px solid #EFEFEF;border-top:1px solid #EFEFEF}
.faq ul
{ padding:0}
.faq ul li{ float:left; width:25%; color:#666666; font-size:12px; text-align:center; padding:0 20px; list-style:none; }
.faq ul li a{  color:#666666;}
.faq span{ color:#CCCCCC; padding-left:10px}
.case{ padding:0px}
.case>div{padding:0px;}
.caseli 
{ display: block; overflow:hidden; position:relative;	cursor: pointer;}
.caseli:before
{ content: ''; opacity: 0;    z-index: 4;  box-sizing: border-box; position: relative; right: 30px; left: 30px; top:30px; 
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
 }
.caseli:hover:before
{ opacity: 1; top:0;  -webkit-transform: scale(1); transform: scale(1);}
.caseli a 
{ display: block; overflow:hidden; text-decoration: none; position:relative;}
.caseli .a1:before
{ content: ''; width: 100%;	height: 100%; display: block; position: absolute;  top:-100%; z-index: 3; background: rgba(0,0,0,0.7); opacity: 0; transition: opacity 0.35s; -webkit-transition: opacity 0.35s;}
.caseli .a1 img
{ display: block; margin: 0; width: 100%;
transition: -webkit-transform 0.3s linear;
transition: -moz-transform 0.3s linear;
transition: transform 0.3s linear;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.caseli .a2{ width:100%; height:100%; display:block; position:absolute; z-index:99; left:0; top:0; text-align: center;}
.caseli .a2{	
	transition: -o-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -ms-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -webkit-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -moz-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
    transition: transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
	-ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); 
	opacity:1;  -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);	
}
.caseli .a2 h3
{ font-size:18px; color:#fff; padding-top:60px;}
.caseli .a2 i
{ display:block; position:relative; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); }
.caseli .a2 i em
{ display:inline-block; width: 50px; height: 65px; background-image:url(../image/t71.png); transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7); -moz-transform:scale(0.7,0.7); -o-transform:scale(0.7,0.7);}
.caseli .a2 i em{ -ms-animation: sprite-animate-go 1.7s steps(51)infinite; animation: sprite-animate-go 1.7s steps(51)infinite; -o-animation: sprite-animate-go 1.7s steps(51)infinite; -moz-animation: sprite-animate-go 1.7s steps(51)infinite; -webkit-animation: sprite-animate-go 1.7s steps(51)infinite; }
.caseli:hover .a2{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }
.caseli:hover .a1:before
{ opacity: 1;  top:0;}
.caseli:hover .img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.caseli .bg
{ padding:15px; line-height:220%; color:#9A9999; font-size:12px; overflow:hidden; position:relative;}
.caseli .bg figcaption
{ color: #333333; font-size: 16px; }
.caseli .bg p
{ color:#9A9999; padding-right:65px; }
.caseli .a4
{ display:block; width:32px; height:32px; border:1px solid #c2c2c2; border-radius:50%; cursor:pointer; position: absolute; z-index:999; background:url(../image/t8.png) no-repeat center top; overflow:hidden;  bottom:40px; right:23px;}
.caseli .a4{
-o-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
-webkit-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
-ms-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
-moz-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);}
.caseli .a4on
{ overflow:visible;}
.caseli:hover .a4
{ border-color:#0098c5; background-position:center bottom; }
.a4:hover .toolbar-layer {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.a4 .toolbar-layer {
height: 192px;
width: 154px;
background: url(../image/ewm_sj_2.png) center top no-repeat; z-index:9999;
}
.toolbar-layer {
position: absolute;
right: 32px;
bottom: -10px;
opacity: 0;
filter: alpha(opacity=0);
transform-origin: 95% 95%;
-moz-transform-origin: 95% 95%;
-ms-transform-origin: 95% 95%;
-o-transform-origin: 95% 95%;
-webkit-transform-origin: 95% 95%;
transform: scale(0.01);
-moz-transform: scale(0.01);
-ms-transform: scale(0.01);
-o-transform: scale(0.01);
-webkit-transform: scale(0.01);
transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.toolbar-layer b {
display: block;
position: absolute;
width: 128px;
height: 128px;
left: 50%;
margin-left: -64px;
margin-top: 14px;
}
@-webkit-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-moz-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-o-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
/*优势*/
.wzys{ background:#F5F5F5 url(../image/ysbg.jpg) no-repeat center top; text-align:center; color:#FFFFFF; padding:15px 0px 30px; margin-bottom:20px}
.wzys h2{ font-size:34px}
.youshi
{width:100%; margin:150px auto 0;}
.youshiA .quan
{ display:block; width:25%; height: auto; position: relative; float:left;  }
.youshiA .gd_x
{ background:#000; width:0; height:1px; display:block; position:relative; top:50%;}
.youshiA .gd_img
{ display:block; position:relative; z-index:1; width:100%; height:100%;}
.youshiA .gd_img img
{ width:100%; border-radius:50%; border:1px solid #C2C2C2;}
.youshiA .gd1{left:100px;}  
.youshiA .gd2{left:350px;}  
.youshiA .gd3{left:600px;} 
.youshiA .gd4{left:850px;}
.youshiB .quan_jsk
{ display:block; width:25%; position: relative; float:left; height: auto; overflow:hidden; padding-bottom:1em;}
.youshiB .quan_js
{ width:78%; height:60%; text-align:center;  padding-top:9px; position:relative; left:80%;  top:0;}
.youshiB  h3{ color:#333; font-size:24px; padding:10px 0px}
.youshiB  p{ color:#424242; padding:0px 5%; line-height:26px}
/**横排观点动作*/
.wzys.current .gd_x
{ -webkit-transition:0.3s linear; -moz-transition: 0.3s linear;	-ms-transition:0.3s linear;	-o-transition:0.3s linear;	transition:0.3s linear;}
.wzys.current .gd_x1 {	-webkit-transition-delay:1.0s; 	-moz-transition-delay:1.0s; 	-o-transition-delay:1.0s; 	-ms-transition-delay:1.0s; 	transition-delay:1.0s;}
.wzys.current .gd_x2 {	-webkit-transition-delay:1.3s; 	-moz-transition-delay:1.3s; 	-o-transition-delay:1.3s; 	-ms-transition-delay:1.3s; 	transition-delay:1.3s;}
.wzys.current .gd_x3 {	-webkit-transition-delay:1.8s; 	-moz-transition-delay:1.8s; 	-o-transition-delay:1.8s; 	-ms-transition-delay:1.8s; 	transition-delay:1.8s;}
.wzys.current .gd_x4 {	-webkit-transition-delay:2.1s; 	-moz-transition-delay:2.1s; 	-o-transition-delay:2.1s; 	-ms-transition-delay:2.1s; 	transition-delay:2.1s;}
.wzys.current .gd_x5 {	-webkit-transition-delay:2.4s; 	-moz-transition-delay:2.4s; 	-o-transition-delay:2.4s; 	-ms-transition-delay:2.4s; 	transition-delay:2.4s;}
.wzys.current .gd_x6 {	-webkit-transition-delay:2.7s; 	-moz-transition-delay:2.7s; 	-o-transition-delay:2.7s; 	-ms-transition-delay:2.7s; 	transition-delay:2.7s;}
.wzys.current .gd_x7 {	-webkit-transition-delay:3s; 	-moz-transition-delay:3s; 	-o-transition-delay:3s; 	-ms-transition-delay:3s; 	transition-delay:3s;}
.wzys.current .gd_x8 {	-webkit-transition-delay:3.3s; 	-moz-transition-delay:3.3s; 	-o-transition-delay:3.3s; 	-ms-transition-delay:3.3s; 	transition-delay:3.3s;}
.wzys.current .gd_x1, .wzys.current .gd_x2 , .wzys.current .gd_x3 , .wzys.current .gd_x4 , .wzys.current .gd_x5, .wzys.current .gd_x6 , .wzys.current .gd_x7 , .wzys.current .gd_x8
{ width:0%;}
.wzys.current .gd1, .wzys.current .gd2, .wzys.current .gd3 ,.wzys.current  .gd4{ 
	-webkit-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	-moz-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	-ms-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	-o-transition:1.5s cubic-bezier(1, .57, .48, 1.45) ;
	transition:1.5s cubic-bezier(1, .57, .48, 1.45) ; left:0;
}
.wzys.current .gd1, .wzys.current .gd2, .wzys.current .gd3, .wzys.current .gd4{ left:0;}
.youshiB .quan_js41, .youshiB .quan_js42, .youshiB .quan_js43 ,.youshiB .quan_js44
{ top:0% !important; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.wzys.current .quan_js41, .wzys.current .quan_js42, .wzys.current .quan_js43 ,.wzys.current  .quan_js44
{
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;}
.wzys.current .quan_js
{ left:11%;}
.wzys.current .quan_js41{	-webkit-transition-delay:1.0s; 	-moz-transition-delay:1.0s; 	-o-transition-delay:1.0s; 	-ms-transition-delay:1.0s; 	transition-delay:1.0s;}
.wzys.current .quan_js42{	-webkit-transition-delay:1.5s; 	-moz-transition-delay:1.5s; 	-o-transition-delay:1.5s; 	-ms-transition-delay:1.5s; 	transition-delay:1.5s;}
.wzys.current .quan_js43{	-webkit-transition-delay:2.0s; 	-moz-transition-delay:2.0s; 	-o-transition-delay:2.0s; 	-ms-transition-delay:2.0s; 	transition-delay:2.0s;}
.wzys.current .quan_js44{	-webkit-transition-delay:2.5s; 	-moz-transition-delay:2.5s; 	-o-transition-delay:2.5s; 	-ms-transition-delay:2.5s; 	transition-delay:2.5s;}
.wzys.current .quan_js41, .wzys.current .quan_js42, .wzys.current .quan_js43 ,.wzys.current  .quan_js44{ top:0.8em; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}
.youshiA .youtp,.youshiB .quan_jsk
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; top:0px;}
/*.wzys .yslr{width:90%; margin:150px auto 0}
.wzys .yslr>div{ width:25%; float:left; color:#424242}
.wzys .yslr .tp{ width:116px; height:116px;margin:0px auto;border-radius:50%;border:1px solid #C2C2C2}
.wzys .yslr .tp1{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat 12px 12px; }
.wzys .yslr .tp2{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat 9px -130px; }
.wzys .yslr .tp3{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat 8px -270px; }
.wzys .yslr .tp4{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat 8px -390px; }
.wzys .yslr h3{ font-size:24px; padding:10px 0px}
.wzys .yslr p{ color:#424242; padding:0px 5%; line-height:26px}
*/
.bfw{ width:92%; margin:0px auto; padding:0px 0px 40px}
.bfw>div{ width:14.2%; float:left}
.bfw .tp{width:140px; height:140px;margin:0px auto;border-radius:50%;border:1px solid #D3D3D3; text-align:center; padding-top:85px; font-size:18px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; position:relative; top:0px;}
.bfw .tp1{ background:#FFFFFF url(../image/bfw.png) no-repeat 20px 20px; }
.bfw .tp2{ background:#FFFFFF url(../image/bfw.png) no-repeat -155px 20px; }
.bfw .tp3{ background:#FFFFFF url(../image/bfw.png) no-repeat -325px 20px; }
.bfw .tp4{ background:#FFFFFF url(../image/bfw.png) no-repeat -505px 20px; }
.bfw .tp5{ background:#FFFFFF url(../image/bfw.png) no-repeat -685px 20px; }
.bfw .tp6{ background:#FFFFFF url(../image/bfw.png) no-repeat -855px 20px; }
.bfw .tp7{ background:#FFFFFF url(../image/bfw.png) no-repeat -1035px 20px; }
.bfw .tp:hover
{ top:-10px;
 -moz-box-shadow:0px 0px 10px #969696;
-webkit-box-shadow:0px 0px 10px #969696;
box-shadow:0px 0px 10px #969696;}
/*售后服务*/
.shfw { width:92%; margin:0px auto 20px; }
.shfw .left{ width:25.5%;float:left;}
.shfw .left .major_list 
{ display: block; height: 103px; padding: 37px 0; background: #f5f5f5; border: 2px solid #f5f5f5; margin:0px 10px 10px; cursor: pointer;}
.shfw .left .major_list.cur
{ border:2px solid #00aeff; background:#fff;}
.major_list span 
{ display: block; width: 28px; height: 28px; float: left; margin-left: 28%; margin-right: 15px; overflow: hidden;}
.major_list p 
{ display: block; overflow: hidden; line-height: 28px; color: #333; font-size: 18px;}
.shfw .center{ width:49%; height:330px; float:left;position:relative}
.shfw .fuwuA{ width:100%; position: absolute; left:0px; top:0px;}
.shfw .center .img{ height:330px; width:100%}
.shfw .list1_c_bg {
    background: rgba(0,175,255,0.6);
    width: 100%;
    height: 180px;
    padding: 47px 159px;
    position: absolute;
    top: 72px;
	left: 0px;
}
.list1_c_bg .comma1 {
    width: 48px;
    height: 29px;
    position: absolute;
    left: 80px;
    top: 28px;
}
.comma_con{width: 100%;
    height: 99px;}
.comma_con_tit{ overflow: hidden;}
.comma_con_tit span {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;}
.comma_con_tit h4 {
    line-height: 32px;
    display: block;
    float: left;
    font-size: 22px;
    color: #FFF;
	margin:0px
}
.comma_con p {
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    padding-top: 14px;
	clear:both
}
.comma2 {
    width: 48px;
    height: 29px;
    position: absolute;
    right: 95px;
    bottom: 35px;
}
.qtfw{ background:url(../image/wt_bg2.jpg) no-repeat left top/100% 100%; text-align:center; color:#FFFFFF; padding:15px 0px ;margin-bottom:20px}
.qtfw h2{ font-size:34px}
.wt_moreServer ul {
    background: url(../image/wt_moreBg.png) no-repeat center 40px/70% auto;
    width: 90%;
    margin: 0 auto;
    height: 230px;
}
.wt_moreServer ul li.morelist1 {
    margin-top: 0px;
}
.wt_moreServer ul li.morelist2 {
    margin: 80px 0 0 75px;
}
.wt_moreServer ul li.morelist3 {
    margin: 15px 0 0 75px;
}
.wt_moreServer ul li.morelist4 {
    margin: 50px 0 0 75px;
}
.wt_moreServer ul li {
 list-style:none;
    float: left;
    width: 20%;
    text-align: center;
	list-style:none
 transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; position:relative; top:0px;
	
}
.wt_moreServer ul li:hover
{ top:-10px;}
.wt_moreServer ul li .pic {
    margin-bottom: 35px;
    display: inline-block;
}
.wt_moreServer ul li h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: center;
}
.wt_moreServer ul li p {
    width: 188px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border: 1px solid #5ECBFE;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    margin: 0 auto;
}
.news{ width:90%; margin:0px auto}
.news div{ width:33%; float:left}
.news ul {padding:10px 0px; border-left:1px solid #EEEEEE}
.news ul li{list-style:none;padding-left:20px; line-height:36px}
.news ul li a { color:#666;}
.news ul li span{ color:#999999; padding-left:20px}
.news h4{border-left:2px solid #19B5FF;padding-left:20px; font-size:24px; margin-bottom:20px}
.news .nlist2 h4{border-left:2px solid #FF9445;}
.news .nlist3 h4{border-left:2px solid #59D049;}
.link{ background: #3B3B3B; padding:20px 0px; text-align: center; color:#D7D8D9; line-height:30px}
.link ul { clear:both; }
.link ul li{list-style:none;line-height:30px; float:left; width:10%; text-align:left}
.link ul .libt{ font-weight:bold;padding-left:30px;}
.foot{ background: #2C2C2C; padding:20px 0px; text-align: center; color:#D7D8D9; line-height:30px; font-size:12px}
.mbnav{ background:url(../image/mb1.png) repeat-x left top; height:51px}
.mbnav .nav{ font-size:14px; width:92%; margin:0px auto}
.mbnav h1{ float:left; font-size:18px;line-height:51px; padding:0px; margin:0px}
.mbnav ul{ float:right}
.mbnav ul li{ float:left; padding-right:60px; list-style:none; line-height:51px}
.mbnav .a{ border:1px solid #FF6600;padding:5px 15px; color:#FF6600;border-radius:5px;  }
.mbnav ul .li{padding-right:0px;}
.banner-mb{ height:456px; background:url(../image/mb2.jpg) no-repeat center top; text-align:center; color:#FFFFFF;padding-top:60px; line-height:250%; margin-bottom:20px}
.banner-mb h2{ font-size:40px}
.banner-xcx{ background:url(../image/xcx.jpg) no-repeat center top;}
.banner-seo{ background:url(../image/seo.jpg) no-repeat center top;}
.banner-wx{ background:url(../image/wx.jpg) no-repeat center top;}
.banner-dz{ background:url(../image/dz.jpg) no-repeat center top;}
.banner-idc{ background:url(../image/idc1.jpg) no-repeat center top;}
/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 1240px){
.case .none,.list1_c_bg,.news ul li span{ display:none}
.top div{ padding:10px 0px ;height:58px; font-size:12px}
.top .logo{ width:17%}
.top .navcb{ width:68%;padding:12px 0px 0px;}
.top .telzx{ width:15%;}
.top .telzx p{ padding:0px; margin:0px;font-size:12px}
.top .telzx tel{ padding:0px;font-size:14px}
.fwys>div{ width:24%; margin:0px 3px; text-align:center; padding:10px 0px;}
.fwys .tp{width:70px; height:70px;float:none; margin:0px auto;}
.fwys h4{font-size:14px; clear:both; text-align:center}
.wzfwlr>div{width:50%; background:url(../image/sp1.jpg)  no-repeat left top/auto 100%;}
.faq ul li{width:50%;}
.faq{ background:#F9F9F9; line-height:36px; margin-bottom:20px; border-bottom:1px solid #EFEFEF;border-top:1px solid #EFEFEF}
.wzys .yslr{width:100%; margin:150px auto 0}
.wzys .yslr .tp{ width:90px; height:90px; margin:0px auto;border-radius:50%;border:1px solid #C2C2C2}
.wzys .yslr .tp1{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat 0px 0px; }
.wzys .yslr .tp2{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat -5px -140px; }
.wzys .yslr .tp3{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat -5px -280px; }
.wzys .yslr .tp4{ background:#FFFFFF url(../image/yslrtb.jpg) no-repeat -5px -400px; }
.wzys .yslr h3{ font-size:18px; padding:10px 0px}
.wzys .yslr p{ font-size:12px; padding:0px 2%; }
.bfw .tp{width:96px; height:96px;margin:0px auto;border-radius:50%;border:1px solid #D3D3D3; text-align:center; padding-top:60px; font-size:14px}
.bfw .tp1{ background:#FFFFFF url(../image/bfw.png) no-repeat 0px 5px; }
.bfw .tp2{ background:#FFFFFF url(../image/bfw.png) no-repeat -175px 5px; }
.bfw .tp3{ background:#FFFFFF url(../image/bfw.png) no-repeat -345px 5px; }
.bfw .tp4{ background:#FFFFFF url(../image/bfw.png) no-repeat -525px 5px; }
.bfw .tp5{ background:#FFFFFF url(../image/bfw.png) no-repeat -705px 5px; }
.bfw .tp6{ background:#FFFFFF url(../image/bfw.png) no-repeat -875px 5px; }
.bfw .tp7{ background:#FFFFFF url(../image/bfw.png) no-repeat -1055px 5px; }
.major_list span {
    margin-left: 10%;
}
.wt_moreServer ul li {
    float: left;
    width: 15%;
    text-align: center;
	list-style:none
}
.wt_moreServer ul li.morelist2 {
    margin: 30px 0 0 75px;
}
.wt_moreServer ul li h3 {
    font-size: 14px;}
	
.wt_moreServer ul li p {
    width: 150px;
    height: 56px;
}
.link{ font-size:12px}
.link ul .libt{padding-left:0px;}
.mbnav ul li{padding-right:30px; }}
/*平板小屏幕样式 sm < 768px */
@media  (max-width: 768px){
	ul{padding:0;}
	.carousel-inner{position:unset;}
	.top .logo{width:35%;}
	.top .navcb{width:100%;position:absolute;height:unset;z-index:900;left:0;background-color:unset;transition:all 0.2s;padding:0;}
	.top .navcb.open{height:100vh;background-color:#3495e2;}
	.top .navcb .open_menu{  padding:0;   position: absolute;    top: 0.55rem;    right: 1rem;  border-bottom: 9px double #3495e2;    border-top: 3px solid #3495e2;   width: 25px;   height: 15px;top:29px;}
	.top .navcb nav{display:none;position:absolute;width:100%;height:100%;z-index:990;}
	.top .navcb ul{position:relative;top:40px;}
	.top .navcb ul li,.top .navcb ul .xcx{width:100%;padding:8px 0;}
	.top .navcb ul li a{color:#fff;}
	.top .navcb nav .myclose{position:absolute;top:12px;right:20px;width:30px;height:30px;opacity:1;z-index:910;padding:0;}
	.top .navcb nav .myclose:before{content: "";position: absolute;top: 0;left: 12px;width:2px;height:20px;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.top .navcb nav .myclose:after{content: "";position: absolute;top: 0;left: 12px;width:2px;height:20px;background: #fff;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);-o-transform: rotate(315deg);-ms-transform: rotate(315deg);transform: rotate(315deg);}
	.top .telzx{width:35%;position:absolute;top:0;right:0;display:none;}
	
	.fwys>div,.wzfwlr>div,.youshiB .quan_jsk{width:49%;margin-bottom:10px;}
	.bfw>div{width:32%;margin-bottom:20px;}
	.shfw .left{width:100%;}
	.shfw .left:first-child{margin-bottom:15px;}
	.shfw .left .major_list{width:32%;margin:0; margin-right:2%;float:left;}
	.shfw .left .major_list:last-child{margin-right:0%;}
	.shfw .center{float:right;width:100%;}
	.shfw .left:last-child{margin-top:15px;}
	.wt_moreServer ul li:nth-child(n){margin:0;margin-bottom:25px;width:49%;margin:0;margin-right:2%;}
	.wt_moreServer ul li:nth-child(2n){margin-right:0;}
	.wt_moreServer ul li .pic{margin-bottom:10px;}
	.wt_moreServer ul li p{margin-bottom:20px;width:100%;}
	.link ul li{width:unset;padding:2px 6px;}
	.link ul .libt{padding:0;width:unset;}
	.caseli .a4{display:none;}
	.caseli .bg figcaption{height:26px;overflow:hidden;}
	.caseli .bg p{padding-right:unset;}
	
	
}
@media  (max-width: 670px){
	.top .logo{margin-bottom:unset;}
	.top div{height:unset;}
	.fwys .tp{float:unset;display:block;margin:0 auto;}
	.fwys h4,.fwys p{min-height:unset;text-align:center;}
	.fwys>div{height:188px;overflow:hidden;}
	.wzfwlr>div{height:390px;overflow:hidden;}
	.wzfwlr>div>div{height:390px;}
	.fwys>div, .wzfwlr>div, .youshiB .quan_jsk,.news div{width:100%;}
	.bfw>div,.fwys>div{width:49%;}
	.major_list span,.major_list p{width:100%;text-align:center;margin-left:unset;}
	.shfw .left .major_list{padding: 22px 0;}
	.shfw .list1_c_bg{padding:30px;}
	.list1_c_bg .comma1{left:3px;}
	.comma2{right:3px;}
	.wt_moreServer ul{padding:0px;}
	.faq ul li{width:100%;}
	.mbnav .nav h1{display:none;}
}
@media  (max-width: 532px){
	
	.top .navcb .open_menu{top:20px;}
	
}
@media  (max-width: 450px){
	ul, ol{padding:0;}
	.fwys>div{width:100%;}
	.top div{height:auto;}
	.top .navcb .open_menu{top:15px;}
	.news ul li a{width:calc( 100% - 105px);display:inline-block;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
	.news ul li span{display:inline-block;vertical-align:top;}
	.mbnav ul li{padding:0;padding:0 5px;}
}