/*
 ===============================
 * @authro      : 杨朝杰
 * @created     : 2018-05-26
 * @content     : 
 ===============================
*/
@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, b{padding: 0;margin: 0 auto;}
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;}/*文字强制换行word-break:keep-all;(Ff)*/
img{box-sizing: border-box;}
table{border-collapse: collapse;}/*细线表格*/
fieldset, img{border: none;}/*清除描边,块显示*/
ul, li{list-style-type: none;}/*无列表项目标记*/
a{text-decoration: none;color:#333;}/* 链接无下划线,有为underline;链接去框 */
body{
	font-family:'Microsoft YaHei',"SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial","sans-serif";font-size:14px;color:#555;}
	
.INbanner{ margin-top:110px;}
@font-face {
    font-family: 'SourceHanSansCNLight';
    src: url('../fonts/SourceHanSansCNLight.eot');
    src: url('../fonts/SourceHanSansCNLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceHanSansCNLight.woff2') format('woff2'),
         url('../fonts/SourceHanSansCNLight.woff') format('woff'),
         url('../fonts/SourceHanSansCNLight.ttf') format('truetype'),
         url('../fonts/SourceHanSansCNLight.svg#SourceHanSansCNLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

select, input{vertical-align: middle;outline: none;font-family:"Microsoft YaHei";}
em, i{font-style: normal;}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox]{cursor: pointer;outline: none;border: none;}
input, textarea{-webkit-tap-highlight-color: rgba(255,255,255,0);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #aab2bd; /* placeholder颜色  */
    font-size:0.65rem; /* placeholder字体大小  */
    text-align: left; /* placeholder位置  */
}
.fl{ float:left;}
.fr{ float:right;}
.clear:after{
    display: block;
    content: "";
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.h5{height:5px;clear:both;}
.h10{height:10px;clear:both;}
.h15{height:15px;clear:both;}
.h20{height:20px;clear:both;}
.h25{height:25px;clear:both;}
.h30{height:30px;clear:both;}
.h40{height:40px;clear:both;}
.h50{height:50px;clear:both;}
.h60{height:60px;clear:both;}
.h70{height:70px;clear:both;}
.h80{height:80px;clear:both;}
.h90{height:90px;clear:both;}
.h100{height:100px;clear:both;}
.h110{height:110px;clear:both;}
.h140{height:140px;clear:both;}
.h160{height: 160px;clear: both;}
.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis_two{
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden; 
}
.jqthumb{
    position:absolute !important;
    left:0px;
    top:0px;
}
.scaleImg img{
}
.scaleImg:hover img{
    transform: scale(1.1);
    transition: all 0.3s linear;
}
/*将彩色图片变灰色*/
img.desaturate{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);     
    -moz-filter: grayscale(100%);     
    -ms-filter: grayscale(100%);     
    -o-filter: grayscale(100%); 
    }

/*字竖向排列*/
.writing-mode-lr{
    writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
    text-align: left;  
}
.writing-mode-rl{
    writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
    text-align: left;    
}

/**
 * 改变浏览器滚动条
 * @author 杨朝杰
 * @return
 */
::-webkit-scrollbar {width:8px;background:none;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#333;border-radius: 8px;}
::-webkit-scrollbar-corner {background:none;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}

/**
 * css截取字数串
 */
.clamp1{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.clamp2{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp3{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp4{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp5{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp6{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*
* 公共部分 ksi2
*/
.row{
    position: relative;
    z-index: 3;
}
.row:after{
    display: block;
    content: "";
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
.cont{
    position: relative;
    z-index: 6;
    padding: 0px 6.7708333%;
    padding: 0px calc(260px/100vw*100%);
}
.cont.full{
    padding: 0px;
}
.subCont{
    padding: 0px 6.8008333%;
    position: relative;
    z-index: 5;
}


/*
* 字体类
*/
.impact{
    font-family: "Impact";
}
.microsoftJhengHei{
    font-family: "MicrosoftJhengHei",
}

/**
 * css3动画（从上往下、从下往上、从左往右、从右往左、淡入、淡出）
 * @author 杨朝杰
 * @return
 */
@-webkit-keyframes gupIn{from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0; -moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0; transform:translate3d(0,-30px,0);}}

@-webkit-keyframes gdownIn{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gdownIn{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gdownIn{from{opacity:0; transform:translate3d(0,30px,0);}}

@-webkit-keyframes gleftIn{0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes gleftIn{0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes gleftIn{0%{opacity:0; transform:translate3d(-30px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes grightIn{0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes grightIn{0%{opacity:0; -moz-transform:translate3d(80px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes grightIn{0%{opacity:0; transform:translate3d(80px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
.ghide{
    visibility: hidden;
    visibility: visible\9;
}
.gupIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
    }
.gdownIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gdownIn 1s 0.1s both;
    -moz-animation: gdownIn 1s 0.1s both;
    animation: gdownIn 1s 0.1s both;
    }
.gleftIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gleftIn 1s 0.1s both;
    -moz-animation: gleftIn 1s 0.1s both;
    animation: gleftIn 1s 0.1s both;
    }
.grightIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: grightIn 1s 0.1s both;
    -moz-animation: grightIn 1s 0.1s both;
    animation: grightIn 1s 0.1s both;
    }
.gfadeIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeIn 1s 0.1s both;
    -moz-animation: gfadeIn 1s 0.1s both;
    animation: gfadeIn 1s 0.1s both;
    }
.gfadeOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeOut 1s 0.1s both;
    -moz-animation: gfadeOut 1s 0.1s both;
    animation: gfadeOut 1s 0.1s both;
}

span.br-pc {display: block;}
span.br-m {display: inline;font-family: 'SourceHanSansCNLight';}


.w-header,.wap-search{display: none;width: 100%;}


.about-desc {padding-top: 148px;padding-bottom: 135px;text-align: center; background:#fff;}
.about-desc h2 {position: relative;margin: 0;margin-bottom: 78px;line-height: 42px;font-size: 28px;color: #464646; font-weight:normal;}
.about-desc h2::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -38px; width: 28px;height: 3px; background: #d51b32;}
.about-desc p.desc {margin: 0;line-height: 35px;font-size:16px;}

.about-desc.letmove h2,
.about-desc.letmove p.desc {transform: translateY(40px);transition: transform .8s .0s, opacity .8s .0s;opacity: 0;}
.about-desc.letmove p.desc {transform: translateY(50px);transition: transform .8s .1s, opacity .8s .1s;}
.about-desc.move h2,
.about-desc.move p.desc {transform: translateY(0);opacity: 1;}


.about-idea {overflow: hidden;}

.about-idea-t {position: relative;height: 700px;}
.about-idea-t img {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: auto;}

.about-idea-b {display: table;position: relative;width: 100%;background: #8d8d8d;}
.about-idea-b-in {float: right;position: relative;margin-top: -281px;width: 1524px;}
.letmove .about-idea-b-in {transform: translateX(60px);transition: transform 1.3s .0s, opacity 1.3s .0s;opacity: 0;}
.move .about-idea-b-in {transform: translateX(0);opacity: 1;}
.idea-title {position: absolute;left: 95px;top: -162px;color: #fff;}
.idea-title h2,
.idea-title h4 {margin: 0;}
.idea-title h2 {margin-bottom: 12px;font-size: 75px;font-family: gothicb;}
.idea-title h4 {font-size: 28px;}
.idea-one {font-size: 0;background: #1d1f24;}
.idea-one-desc,
.idea-one-img {display: inline-block;width: 50%;vertical-align: top;box-sizing: border-box;}
.idea-one-img {overflow: hidden;}
.idea-one-img img {width: 100%;height: 100%;transition: .6s .05s;} 
.idea-one-img:hover img {transform: scale(1.1);}
.idea-one-desc {padding: 60px 125px 0 100px;}
.idea-one:nth-of-type(3) .idea-one-desc {float: left;}
.idea-one-desc h3 {margin: 0;margin-bottom: 22px;font-size: 22px;color: #fff;}
.idea-one-desc p.desc {position: relative;margin-bottom: 0;line-height: 28px;font-size: 12px;color: #898989;}
.idea-one-desc p.desc::after {content: '';position: absolute;left: 0;bottom: -28px;width: 28px;height: 3px;background: #d51b32;}
.about-title {text-align: center;}
.about-title h2,
.about-title h4 {margin: 0;}
.about-title h2 {margin-bottom: 35px;font-size: 46px;font-weight: bold;color: #787878;}
.about-title h4 {font-size: 16px;color: #787878;}
.about-title.letmove h2,
.about-title.letmove h4 {transform: translateY(40px);transition: transform .8s .0s, opacity .8s .0s;opacity: 0;}
.about-title.letmove h4 {transition: transform .8s .1s, opacity .8s .1s;}
.about-title.move h2,
.about-title.move h4 {transform: translateY(0);opacity: 1;}

.about-good {padding-top: 125px;text-align: center;}
.about-good-list {display: inline-block;margin-top: 104px;width: 1500px;width: 78.823%;}
.good-one {display: inline-block;margin: 0 48px 115px;margin: 0 3.2% 45px;width: 245px;width: 16.334%;vertical-align: top;}
.good-one-img {display: inline-block;margin-bottom:26px;border: 2px solid #d51b32;width: 106px;height: 106px;line-height: 102px;text-align: center;border-radius: 50%;}
.good-one-img img{box-sizing: border-box;vertical-align: middle; margin:40px auto;}
.good-one-desc h3 {margin: 0;margin-bottom:10px;font-size:18px;color: #d51b32;}
.good-one-desc p.desc {margin-bottom: 0;line-height: 24px;font-size:14px;color: #898989;}
.letmove .good-one-img,
.letmove .good-one-desc {transform: translateY(40px);transition: transform .8s .0s, opacity .8s .0s;opacity: 0;}
.letmove .good-one-desc {transition: transform .8s .1s, opacity .8s .1s;}
.move .good-one-img,
.move .good-one-desc {transform: translateY(0);opacity: 1;}

.about-client {position: relative;height: 728px;overflow: hidden;}
.about-client picture {position: absolute;width: 1920px;left: 50%;top: 0;transform: translateX(-50%);}
img.about-client-bg,
img.about-client-line-bg {width: 100%;height: auto;}

img.about-client-line-bg-ef{width: 0;position: absolute;left: 0;top: 0;transition:ease 1.6s width;}

.about-client-line.move img.about-client-line-bg-ef{width: 100%;}

.about-client .about-title {position: absolute;left: 50%;top: 108px;transform: translateX(-50%);}
.about-client .about-title h2,
.about-client .about-title h4 {color: #fff;}
.about-client-line {position: absolute;bottom: 100px; width:100%;}

.ac-line-one {position: absolute;left: 14.85%;bottom:12%;width: 110px;text-align: center;}
.ac-line-one-2 {left: 30%;bottom: 75.7%;}
.ac-line-one-3 {left: 44.7%;bottom: 38%;}
.ac-line-one-4 {left: 60.2%;bottom: 97.7%;}
.ac-line-one-5 {left: 78%; bottom: 35.8%;}
.ac-line-one h3 {margin: 0;margin-bottom: 10px;font-family: gothicb;font-size: 63px;color: #fff;}
.ac-line-one h3 i{font-style: normal;}
.ac-line-one h3 span {margin-left:3px;font-size: 30px;}
.ac-line-one h4 {margin: 0;margin-bottom: 7px;font-size: 16px;color: #fff;}
.ac-line-one p.desc {margin: 0;margin-bottom: 20px;font-size: 12px;color: #fff;opacity: .5;}

.letmove .ac-line-one {transition: transform 1.4s .0s, opacity 1.4s .0s;opacity: 0;}
.move .ac-line-one {opacity: 1;}
.letmove .ac-line-one {transition: transform 1.4s .0s, opacity 1.4s .0s;opacity: 0;}
.letmove .ac-line-one-2 {transition: transform 1.4s .3s, opacity 1.4s .3s;}
.letmove .ac-line-one-3 {transition: transform 1.4s .6s, opacity 1.4s .6s;}
.letmove .ac-line-one-4 {transition: transform 1.4s .9s, opacity 1.4s .9s;}
.letmove .ac-line-one-5 {transition: transform 1.4s 1.2s, opacity 1.4s 1.2s;}
.move .ac-line-one {opacity: 1;}

.partner-in {
	width: 1400px;
	margin: 0 auto;
}
.partner-title {
	padding-top: 48px;
	padding-bottom: 48px;
}
.partner-title h2 {
	padding-left: 70px;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #464646;
}
.partner-title h2 span {
	font-weight: normal;
	color: #7a7a7a;
}
.partner-title h2 span::before {
	content: ' ';
	display: inline-block;
	margin-left: 15px;
	margin-right: 12px;
	width: 2px;
	height: 16px;
	background-image: url(../images/h2-line.png);
	background-repeat: no-repeat;
	background-size: 2px 16px;
}

.about-partner {
	position: relative;
	padding-bottom: 145px; background:#fff;
}

.about-partner.letmove {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}
.about-partner.move {
	transform: translateY(0);
	opacity: 1;
}

.partner-show {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.imgs-all {
	position: relative;
	margin: 0 auto;
	width: 1221px;
    text-align: center;
    font-size: 0;
}
.imgs-list {
}
.imgs-one-in-list {
	font-size: 0;
	text-align: left;
}
.team-in-all .imgs-one-in-one {
	margin-bottom: 35px;
}
.imgs-one-in-one {
	display: inline-block;
	/*margin-right: 6px;*/
	margin-top: 20px;
	margin-right: 1%;
	margin-bottom: 20px;
	/*margin-left: 6px;*/
	margin-left: 1%;
	width: 14.66%;
	text-align: center;
	vertical-align: top;
}
.imgs-one-img {
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	height: 80px;
	line-height: 80px;
	border-radius: 4px;
	overflow: hidden;
}
.imgs-one-img img {
	max-width: 100%;

	height: auto;
	transition: .6s;
}
.imgs-one-img:hover img {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.swiper-pagination {
    bottom: 90px;
	left:0PX;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	margin-right: 5px;
	margin-left: 5px;
	width: 6px;
	height: 6px;
	transition: .45s;
    border-radius: 3px;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
	background: #d51b32;
	width: 24px;
}



.juzhong{ display:block; width:100%;max-width:1260px; margin:0 auto;}

.taock2{ width:14%; height:auto; float:left; padding-top:25px; position:relative;}
.taock{ width:17%; height:auto; float:left; position:relative;}
.taock .taock_zi{font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 120px;}
.taocbt2{ display:block;  height:95px;}
.tcxz1{ display:block; padding-top:36px; text-align:center; line-height:28px; font-size:18px; color:#FFF;}
.taocbt{ display:block; height:120px;}
.taoc_lx2{ display:block; padding:20px 10px; text-align:right; line-height:22px; font-size:16px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;  height:auto; min-height:194px; _height:194px; background:#FFF;}
.taoc_lx, .taoc_lx0{ display:block; padding:20px 20px;  line-height:24px; font-size:14px; color:#333; background:#eef9fc; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;  height:auto; min-height:194px; _height:194px; }
.taoc_lx{ background:#fff; } .taoc_lx a, .taoc_lx a:visited{ cursor:pointer; color:#d61818;}
.taoc_nf2{ display:block; padding:18px 10px 0; text-align:right; line-height:24px; font-size:16px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:42px;}
.taoc_nf{ display:block; padding:18px 18px 0; background:#FFF; line-height:24px; font-size:14px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:42px;}
.taoc_nf3{ display:block; padding:18px 5px; text-align:right; line-height:24px; font-size:14px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:150px;}
.taoc_nf3 span{ display:block; clear:both; height:27px;}
.taoc_nf3 strong{ display:block; clear:both; font-weight:normal; font-size:14px !important; line-height:30px; height:30px; color:#818181;}
.taoc_zz{ display:block; padding:18px 25px; text-align: center; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:150px;}
.taoc_zz span{ display:block; height:27px;}
.taoc_zz strong{ display:block; height:30px; line-height:30px; font-size:12px; color:#666666; text-align:center;}
.taoc_kf{display:block; padding:39px 25px; line-height:24px; font-size:16px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:38px;}
.taoc_kf1{ width:128px; height:37px; border-radius:37px;display:block; background:#d61818; margin:0 auto; text-align:center; overflow:hidden; line-height:37px; color:#fff; font-size:16px; position:relative;} .taoc_kf1 span{ display:block; clear:both; position:relative;}
.taoc_kf10{ top:0;} .taoc_kf11{ top:0;}
.taoc_kf10, .taoc_kf11{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.taoc_kf1:hover .taoc_kf10{top:-37px;}
.taoc_kf1:hover .taoc_kf11{top:-37px;}
#detail {
				position: absolute;
				width: 1260px;
				height: auto;
				display: none;
			}
			
			#detail .tit{
				display: block;
				cursor: move;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 98;
			}
			
			#detail .tit i{
				float: right;
				width: 28px;
				height: 28px;
				margin-top: 10px;
				margin-right: 10px;
				display: block;
				cursor: pointer;
			}
			
			#detail .tit i{
				animation: tit 8s linear 1s infinite both;
				-webkit-animation: tit 8s linear 1s infinite both;
				-moz-animation: tit 8s linear 1s infinite both;
				-ms-animation: tit 8s linear 1s infinite both;
				-o-animation: tit 8s linear 1s infinite both;
			}
			
			@keyframes tit {
				0% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
				40% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				60% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				100% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
			}
			
			@-webkit-keyframes tit {
				0% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
				40% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				60% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				100% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
			}
			
			@-moz-keyframes tit {
				0% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
				40% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				60% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				100% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
			}
			
			@-ms-keyframes tit {
				0% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
				40% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				60% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				100% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
			}
			
			@-o-keyframes tit {
				0% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
				40% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				60% {
					transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
				}
				100% {
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
			}
/**价格飞入特效**/
.tck1, .tck2, .tck3, .tck4, .tck5, .tck6{
	animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-webkit-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-moz-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-ms-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-o-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both; }
.tck1{animation-delay:0; -webkit-animation-delay:0; -ms-animation-delay:0; -moz-animation-delay:0; -o-animation-delay:0;}
.tck2{animation-delay:0.2s; -webkit-animation-delay:0.2s; -ms-animation-delay:0.2s; -moz-animation-delay:0.2s; -o-animation-delay:0.2s;}
.tck3{animation-delay:0.4s; -webkit-animation-delay:0.4s; -ms-animation-delay:0.4s; -moz-animation-delay:0.4s; -o-animation-delay:0.4s;}
.tck4{animation-delay:0.6s; -webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s;}
.tck5{animation-delay:0.8s; -webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; -o-animation-delay:0.8s;}
.tck6{animation-delay:1s; -webkit-animation-delay:1s; -ms-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s;}
@keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-webkit-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-moz-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-ms-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-o-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}



.sjbg{ width:97%;background:#fff;padding:30px 1.5%;}
.about2{ width:1080px; float:left; margin-top:20px; margin-bottom:30px;}
.about2 .a1{ width:1080px; float:left;}
.about2 .a1 .a1L{ width:505px; float:left;}
.about2 .a1 .a1L .a1LImg{ width:505px; float:left; height:204px;}
.about2 .a1 .a1L .a1LTxt{ width:505px; float:left; margin-top:20px; text-align:right;}
.about2 .a1 .a1L .a1LTxt .general_con_c_ri_title {color:#ccc;font-size:22px;font-family:"微软雅黑";margin-bottom:30px;font-weight:bold;}
.about2 .a1 .a1L .a1LTxt .general_con_c_ri_word {color:#666; line-height:25px; font-family:"宋体";}
.about2 .a1 .a1L .a1LTxt .general_con_c_ri_int {padding-top:15px;color:#999;font-size:14px;font-family:"微软雅黑";}

.about2 .a1 .a1R{ width:500px; float:right;}
.about2 .a1 .a1R .a1RTxt{ width:500px; float:left;}
.about2 .a1 .a1R .a1RTxt .general_con_c_ri_title {color: #ccc;font-size: 26px;font-family:"微软雅黑";margin-bottom:30px;font-weight: bold; text-align:center;}
.about2 .a1 .a1R .a1RTxt .general_con_c_ri_ad {font-family: "微软雅黑";font-size: 14px;font-weight: bold;color: #666;padding-bottom: 20px;margin-top: 10px; text-align:center; line-height:25px;}
.about2 .a1 .a1R .a1RTxt .general_con_c_ri_ad  span{ color:#ffba19;}
.about2 .a1 .a1R .a1RTxt .general_con_c_ri_word{ color: #666; line-height:25px; text-indent:2em; margin-top:20px;}
.about2 .a1 .a1R .a1RImg{ width:500px; height:177px; float:right; margin-top:30px;}


/*--小程序 css----*/

.IndexService_content_title {text-align: center; margin-bottom: 30px;position:relative;}

.IndexService_content_title dd {font-size: 26px;color: #333333;text-transform: uppercase; height:40px; position:relative;}

.IndexService_content_title dd em{position:absolute;display:inline-block;width:34px;height:2px;background:#d71819;bottom:-20px;left:0;right:0;margin:0 auto;}

 .ServiceWebsite {
    background: #f5f5f5;
}

 .ServiceWebsite:before {
    display: none;
}
.AAdvantage_content{ width:70%; display:block; margin:100px auto;}
 .AAdvantage .AAdvantage_content .AAdvantage_content_list {
    width: 16.66%;
    text-align: center;
}

 .AAdvantage .AAdvantage_content .content_list_txt dd {
    font-size: 18px;
    color: #333333;
    margin-bottom: 35px;
    margin-top: 25px;
}

 .AAdvantage .AAdvantage_content .content_list_txt dt {
    line-height: 26px;
    color: #666666;
    font-size:12px;
}

 .AWhat {
    background: #fff;
}

 .AWhat .IndexService_content {
    padding: 65px 156px;
}

 .AWhat .IndexService_content .IndexService_content_title dd {
    margin-bottom: 45px;
}

 .AWhat .IndexService_content .IndexService_content_title dt {
    line-height: 28px;
    color: #666666;
}

 .AWhat .AWhat_content .AWhat_content_title {
    text-align: center;
    margin-bottom: 60px;
}

 .AWhat .AWhat_content .AWhat_content_title a {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    padding: 0px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    line-height: 36px;
    margin-right: 20px;
}

 .AWhat .AWhat_content .AWhat_content_title a:last-child {
    margin-right: 0px;
}

 .AWhat .AWhat_content .AWhat_content_title a:hover {
    background: #d71819;
    color: #fff;
    border: 1px solid #d71819;
}

 .AWhat .AWhat_content .AWhat_content_title a.on {
    background: #d71819;
    color: #fff;
    border: 1px solid #d71819;
}

 .AWhat .AWhat_content .AWhat_content_txt {
    padding: 40px 35px;
    background: #fff; width:70%; margin:0 auto;
    box-shadow: 0px 0px 27px rgba(0,0,0,.1);
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_list{ display:none;}
 .AWhat .AWhat_content .AWhat_content_txt .content_txt_left {
    width: 29%;
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_left img {
    width: 100%;
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_right {
    width: 60%;
    margin-left: 5%;
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_right .txt_right_title {
    font-size: 20px;
    color: #333;
    text-align: center;
    font-weight: bolder;
    margin-bottom: 35px;
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_right .txt_right_txt {
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 30px;
    height: 134px;
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_right .txt_right_txt a {
    display: inline-block;
    width: 25%;
    margin-bottom: 22px;
    margin-right: -5px;
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_right .txt_right_txt a img {
    margin-right: 6px;
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_right .txt_right_more {
    text-align: center
}

 .AWhat .AWhat_content .AWhat_content_txt .content_txt_right .txt_right_more a {
    display: inline-block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    background: #d71819;
    color: #fff;
    border-radius: 5px;
    margin-top: 25px;
}

 .AJijin .IndexService_content {
    padding: 65px 156px;
}

.AJijin .AJijin_content {width:70%; margin:40px auto;}
.AJijin .AJijin_content .AJijin_content_list .content_list_icon img {vertical-align: middle; display:block; margin:25px auto; line-height:86px;}
 .AJijin .AJijin_content .AJijin_content_list {
    background: #fff;
    text-align: center;
    width: 22%;
    margin-right: 4%;
    position: relative;
    padding-top: 70px;
    padding-bottom: 30px;
    margin-top: 8%;
}

 .AJijin .AJijin_content .AJijin_content_list:nth-child(4n) {
    margin-right: 0px;
}

 .AJijin .AJijin_content .AJijin_content_list .content_list_icon {
    width: 86px;
    height: 86px;
    border-radius: 100%;
    box-shadow: 0px 0px 20px rgba(0,0,0,.12);
    line-height: 86px;
    margin: 0 auto;
    position: absolute;
    top: -43px;
    background: #fff;
    left: 0;
    right: 0;
}

 .AJijin .AJijin_content .AJijin_content_list .content_list_txt dd {
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
}

 .AJijin .AJijin_content .AJijin_content_list .content_list_txt dt {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

 .AFlow {
    background: #fff;
}

 .AFlow .AFlow_content { width:70%; margin:100px auto 20px auto;}

 .AFlow .AFlow_content .AFlow_content_list {
    width: 33.33%;
    margin-bottom: 50px;
}

 .AFlow .AFlow_content .AFlow_content_list .content_list_right {
    margin-left: 15px;
    padding: 8px 0px;
}

 .AFlow .AFlow_content .AFlow_content_list .content_list_right dd {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
}

 .AFlow .AFlow_content .AFlow_content_list .content_list_right dt {
    font-size: 14px;
    color: #666;
}

 .ACooperation {
    position: relative;
    height: 865px;
}

 .ACooperation .ServiceCooperation_content .ServiceCooperation_content_list {
    background: url(../images/xn35.png) no-repeat 50% 100%;
    width: 220px;
}

 .ACooperation .ServiceCooperation_content .ServiceCooperation_content_list.on {
    background: url(../images/xn36.png) no-repeat 50% 100%;
}

 .ACooperation .IndexService_content {
    padding: 65px 90px;
}

 .ACooperation .ServiceCooperation_content .ServiceCooperation_content_list.on .content_list_icon {
    background: #d71819;
}

 .ACooperation .ServiceCooperation_content .ServiceCooperation_content_list .content_list_title {
    left: 0px;
}

 .ACooperation .AFlow_more {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
}

 .ACooperation .AFlow_more a {
    display: inline-block;
    width: 222px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    background: #d71819;
    color: #fff;
    border-radius: 5px;
    margin-top: 25px;
}

 .AFeatures {
    background: #f1f4f4;
}

 .AFeatures .AFeatures_content .AFeatures_content_list {
    width: 23.5%;
    margin-right: 2%;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    margin-bottom: 2%;
    background: #fff;
}

 .AFeatures .AFeatures_content .AFeatures_content_list:nth-child(4n) {
    margin-right: 0px;
}

 .AFeatures .AFeatures_content .AFeatures_content_list .content_list_img img {
    width: 100%;
}

 .AFeatures .AFeatures_content .AFeatures_content_list .content_list_txt {
    text-align: center;
    padding: 15px 0px;
}

 .AFeatures .AFeatures_content .AFeatures_content_list .content_list_txt dd {
    font-size: 18px;
    color: #403e3e;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 15px;
}

 .AFeatures .AFeatures_content .AFeatures_content_list .content_list_txt dt {
    font-size: 14px;
    color: #666;
    height: 38px;
}

 .AFeatures .IndexService_content {
    padding: 65px 0px;
}

 .AFeatures .IndexService_content .IndexService_content_title {
    padding-bottom: 50px;
}

 .ACase .ACase_title a {
    padding: 0 28px;
    margin-right: 19px;
    margin-bottom: 20px;
    line-height: 34px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    display: inline-block;
}

 .ACase .ACase_title a:hover {
    background: #d71819;
    color: #fff;
    border: 1px solid #d71819;
}

 .ACase .ACase_title a.on {
    background: #d71819;
    color: #fff;
    border: 1px solid #d71819;
}

 .ACase .ACase_cotnent {
    background: #fff;
    padding: 40px 30px;
}

 .ACase .ACase_cotnent .ACase_cotnent_list {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #dcdcdc;
    text-align: center;
    padding-bottom: 20px;
    transition: all 0.3s ease 0s;
    padding-top: 20px;
}

 .ACase .ACase_cotnent .ACase_cotnent_list img {
    max-width: 100%;
    max-height: 427px;
}

 .ACase .ACase_cotnent .ACase_cotnent_list:nth-child(4n) {
    margin-right: 0px;
}

 .ACase .ACase_cotnent .ACase_cotnent_list dt {
    font-size: 18px;
    color: #333;
    margin-top: 25px;
    padding: 0px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

 .ACase .ACase_cotnent .ACase_cotnent_list:hover {
    box-shadow: 0px 0px 18px rgba(0,0,0,.2);
    transition: all 0.3s ease 0s;
}

.xtkf .case .IndexService_content .case_content_t {
    top: -113px;
}

Case .IndexCase .IndexCase_content {
    padding: 33px;
    background: #f5f5f5;
}

Case .IndexCase .IndexCase_content .IndexCase_content_list {
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    padding: 25px 35px;
    border-bottom: 0px;
}

Case .IndexCase .IndexCase_content .IndexCase_content_list:nth-child(4n) {
    margin-right: 0px;
}

Case .IndexCase .IndexCase_content .IndexCase_content_list .content_list_img img {
    height: auto;
}

Case .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_left dd i {
    display: none;
}

Case .IndexCase .IndexCase_content .IndexCase_content_list .content_list_hover {
    display: none;
}

Case .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_icon {
    display: none;
}

/*---微信公众号---*/

#wweb{width:100%;}
#wweb .wrap{ width:100%; background:#fff;padding:60px 0;}
#wweb .wrap .list{ width:70%; margin:0 auto; border-left:none !important;} 
#wweb .list .img{text-align:center;}
#wweb .list .text{width:calc(100% - 600px);padding-top:150px;}
#wweb .list .text big{display:block;font-size:24px;}
#wweb .list .text small{display:block;font-size:14px;margin-top:10px;color:#878B99;}
#wweb .list .text .pic{margin-top:30px;}

.ntitle{text-align:center;}
.ntitle small{display:block;font-size:14px;color:#878B99;margin-top:10px;}
.ntitle big{display:block;font-size:30px;}
.ntitle big img{vertical-align:baseline;margin-left:10px;}
.ntitle.w big,
.ntitle.w small{color:#fff;}

#wweb_why{width:100%;padding:60px 0;background:url("../images/wweb_bg_1.jpg") center center;background-size:cover;}
#wweb_why .list{margin-top:30px;text-align:center;}
#wweb_why .list .text{color:#fff;font-size:16px;margin-top:20px; line-height:30px;}
#wweb_why .list .pic img{width:300px;}

#wweb_wyx{width:100%;padding:60px 0;}
#wweb_wyx .list{margin-top:30px;text-align:center;}
#wweb_wyx .list img{width:800px;}

#wweb_hy{width:100%;padding:60px 0;background:url("../images/wweb_bg_2.jpg") center center;background-size:cover;}
#wweb_hy .list{ width:70%; display:block; margin:0 auto;border-left:none !important;}
#wweb_hy .list ul li{float:left;width:calc(100% / 4);text-align:center;margin-top:50px; padding-bottom:0px !important;border-right:none !important;border-bottom:none !important;}
#wweb_hy .list ul li .box{border:5px solid rgba(255,255,255,.5);width:150px;height:150px;border-radius:100%;overflow:hidden;position:relative;margin:0 auto;}
#wweb_hy .list ul li .box .img{width:100%;height:100%;overflow:hidden;}
#wweb_hy .list ul li .box .img img{width:100%;height:100%;object-fit:cover;}
#wweb_hy .list ul li .box .info{position:absolute;left:0;top:0;width:100%;padding:57px 0;text-align:center;color:#fff;background:rgba(0,0,0,.5);}
#wweb_hy .list ul li .box .info big{display:block;font-size:20px;}
#wweb_hy .list ul li .box .info small{display:block;font-size:12px;text-transform:uppercase;}

#wweb_gn{width:100%;padding:60px 0; background:#fff;}
#wweb_gn .list{ width:70%; display:block; margin:0 auto;border-left:none !important;}
#wweb_gn .list ul li{float:left;width:calc(100% / 6);text-align:center;margin-top:30px; padding-bottom:0px;border-right:none !important;border-bottom:none !important;}
#wweb_gn .list ul li big{font-size:18px;display:block;margin-top:10px;}
#wweb_gn .list ul li small{font-size:12px;display:block;color:#878B99;}



/*------服务范围下面的  网站件黑色------*/
#w_brand{width:100%;padding:60px 0; background:#fff;}
#w_brand .list{ width:70%; margin:60px auto 0px auto; border-left:none !important;}
#w_brand .list .img{text-align:center;}
#w_brand .list .img img{width:60%;}

#w_business{width:100%;background:#f8f8f8;padding:60px 0;}
#w_business .list{width:70%; margin:0px auto;}
#w_business .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;background:#fff;margin-top:30px;}
#w_business .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#w_business .list ul li:nth-child(4n){margin-right:0;}
#w_business .list ul li .img img{width:100%;}
#w_business .list ul li .info{padding:40px 30px 20px;position:relative;}
#w_business .list ul li .info h2{font-size:18px;font-weight:normal;position:relative;z-index:1;}
#w_business .list ul li .info p{color:#878B99;line-height:24px;margin-top:10px;}
#w_business .list ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#w_business .list ul li .info i{opacity:0;}
#w_business .list ul li .info  em{font-size:56px;color:#f5f5fa;position:absolute;left:30px;top:20px;font-weight:bold;z-index:0;}
#w_business .list ul li:hover{background:#d71819;}
#w_business .list ul li:hover .info i{opacity:.8;color:#fff;}
#w_business .list ul li:hover .info em{color:#fff;opacity:.1;}
#w_business .list ul li:hover .info h2{color:#fff;}
#w_business .list ul li:hover .info p{color:#fff;}

#w_relevant{width:100%;padding:60px 0; background:#fff;}
#w_relevant .wrap{overflow:inherit; width:70%; margin:0 auto;}
#w_relevant .list { border-left:none !important;}
#w_relevant .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;border:1px solid #e6e6e6;padding:30px 40px;margin-top:30px;display:flex;justify-content:space-between;align-items:center;text-align:left;}
#w_relevant .list ul li:nth-child(3n){margin-right:0;}
#w_relevant .list ul li .icon{width:25%; margin-top:0px !important; height:auto !important;}
#w_relevant .list ul li .icon i{font-size:50px;line-height:78px;color:#878B99;}
#w_relevant .list ul li .icon i img{width:100%;}
#w_relevant .list ul li .info{width:75%;}
#w_relevant .list ul li .info big{display:block;font-size:18px;}
#w_relevant .list ul li .info small{display:block;font-size:14px;line-height:24px;color:#878B99;}
/*#w_relevant .list ul li:hover{border:1px solid #d71819;-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}*/
#w_relevant .list ul li:hover .icon i{color:#d71819;}

#okwork{width:100%;padding:100px 0;background:url("../images/w_bg.png") center center no-repeat;background-size:cover;}
#okwork .text{text-align:center;color:#fff;}
#okwork .text big{display:block;font-weight:700;font-size:36px;line-height:50px;}
#okwork .text small{display:block;font-size:16px;letter-spacing:10px;margin-top:10px;}
#okwork .text em{width:60px;height:4px;background:#fff;display:block;overflow:hidden;margin:30px auto 0;}
#okwork .text p{text-align:center;font-size:14px;color:#abb8d1;text-align:center;line-height:26px;margin-top:30px;}
#okwork .btn{margin-top:40px;text-align:center;}
#okwork .btn a{display:inline-block;background:#206ae4;color:#fff;border-radius:2px;margin:0 5px;padding:0px 40px;position:relative;line-height:50px;}
#okwork .btn a:nth-child(2){background:#ff502e;}
#okwork .btn a i{width:0;position:absolute;left:0;top:0;height:100%;content:"";display:block;z-index:0;-webkit-transition:all .3s;transition:all .3s;background:#fff;border-radius:2px;}
#okwork .btn a span{position:relative;z-index:10;}
#okwork .btn a:hover{color:#333;}
#okwork .btn a:hover i{width:100%;}
#okwork .btn em{margin-left:5px;}

#w_process{width:100%;padding:60px 0; background:#fff;}
#w_process .list{ width:70%; margin:30px auto 0px auto;border-left:none !important;}
#w_process .list ul li{float:left;width:calc((100% - 300px) / 7);margin-right:50px; border-right:none !important;border-bottom:none !important;}
#w_process .list ul li:last-child{margin-right:0;}
#w_process .list ul li .title-box{display:block;width:80px;height:80px;margin:0 auto;text-align:center;border-radius:50%;background:#206ae4;overflow:hidden;position:relative;}
#w_process .list ul li:nth-child(1) .title-box{background:#e771b1;}
#w_process .list ul li:nth-child(2) .title-box{background:#ae82e3;}
#w_process .list ul li:nth-child(3) .title-box{background:#e87676;}
#w_process .list ul li:nth-child(4) .title-box{background:#e17ae2;}
#w_process .list ul li:nth-child(5) .title-box{background:#4fc9e2;}
#w_process .list ul li:nth-child(6) .title-box{background:#97d25c;}
#w_process .list ul li em{color:#fff;font-size:18px;line-height:80px;}
#w_process .list ul li .num{color:#fff;font-size:24px;opacity:0.2;position:absolute;left:0;right:0;bottom:-12px;margin:auto;}
#w_process .list ul li p{color:#666;padding:20px 0;background:#f5f5f5;border-radius:4px;position:relative;text-align:center;margin:20px auto 0;height:160px;}
#w_process .list ul li p::before{content:"";display:block;width:0;height:0;border-top:8px solid #fff;border-right:8px solid rgba(255,255,255,0);border-left:8px solid rgba(255,255,255,0);border-bottom:8px solid #f5f5f5;position:absolute;top:-16px;left:50%;margin-left:-9px;}
#w_process .list ul li p span{display:block;}
#w_process .list ul li p i{display:block;color:#E87B2A;font-style:normal;}
#w_process .btn{display:block;margin:auto;margin-top:60px;text-align:center;}
#w_process .btn a{display:inline-block;background:#206ae4;color:#fff;border-radius:2px;padding:0px 40px;position:relative;line-height:50px;}

#w_promise{width:100%;padding:60px 0;background:#f8f8f8;}
#w_promise .list{margin-top:30px;width:70%; margin:30px auto 0px auto;border-left:none !important;}
#w_promise .list ul li{float:left;width:50%;background:#fff; border-right:none !important;border-bottom:none !important; padding-bottom:0px !important;}
#w_promise .list ul li .info{width:50%;padding:40px 0px;text-align:center;}
#w_promise .list ul li .info big{display:block;font-size:24px;margin-top:10px;}
#w_promise .list ul li .info small{display:block;font-size:14px;color:#666;line-height:24px;margin-top:10px;}
#w_promise .list ul li .img{width:50%;}
#w_promise .list ul li .img img{width:100%;}

#w_periphery{width:100%;padding:60px 0;}
#w_periphery .wrap{overflow:inherit;}
#w_periphery .list{margin-top:30px;width:70%; margin:30px auto 0px auto;border-left:none !important;}
#w_periphery .list ul li{float:left;text-align:center;border:1px solid #e8edf2;padding:40px 10px;width:calc((100% - 90px) / 4);margin-right:30px;}
#w_periphery .list ul li:last-child{margin-right:0;}
#w_periphery .list ul li big{font-size:18px;display:block;position:relative;}
#w_periphery .list ul li big::before{content:"";display:block;width:20px;height:3px;overflow:hidden;background:#206ae4;position:absolute;left:50%;margin-left:-10px;bottom:-10px;}
#w_periphery .list ul li small{font-size:14px;color:#666;display:block;line-height:24px;margin-top:30px;}
#w_periphery .list ul li i{font-size:50px;margin-top:30px;color:#206ae4;}
#w_periphery .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}


/*---服务范围 app 开发--*/

.pc_all{ position: relative; z-index: 3;}
.pc_all .pc_all_content{width:70%; margin: 0 auto;}
.APPProcess .pc_all_content{ width:100%; margin:0 auto;max-width: 1705px; padding:0px 23px;}

.APPService{ background:url(../images/bg47.jpg) no-repeat 50%/cover; padding:94px 0px; position:relative;}
.APPService .pc_all_content{ position:relative;}
.APPService .HighWebsite_left{ width:53%;}
.APPService .HighWebsite_right{ bottom:0; right:50px; align-items: flex-start; width:44%;}


.HighWebsite{padding: 147px 0px; position: relative;}
.HighWebsite .HighWebsite_left{ width: 45%; position: relative; z-index: 2; margin:0px 0px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title{ margin-bottom: 70px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dd{ font-size: 34px; color: #333333; margin-bottom: 15px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dt{ font-size: 18px; color: #666666; padding-bottom: 33px; margin-bottom: 33px; position: relative;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dt::before{ content: ""; position: absolute; display: inline-block; width: 223px; height: 1px; background: #dcdcdc; bottom: 0; left: 0;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title p{ font-size: 16px; color: #666666; line-height: 32px; text-align: justify;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l{ display: flex; align-items: center; margin-bottom: -1px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list{ width: 25%; background: #fff; border: 1px solid #eaeaea; text-align: center; padding: 25px 0px; margin-right: -1px; position: relative;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list:hover{ box-shadow: 0px 0px 27px rgba(0,0,0,.15); z-index: 2;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd{ height: 48px; display:flex; align-items:center; justify-content:center;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dt{ font-size: 18px; color: #666666; margin-top: 12px;}
.HighWebsite .HighWebsite_right{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; width: 52%; justify-content: flex-end;}
.HighWebsite .HighWebsite_right img{ max-width: 100%;}




.HighWebsite2{ background: #fff; position: relative; padding: 91px 0px;}
.HighWebsite2 .pc_all_content{ display: flex; align-items: center; justify-content: space-between;}
.HighWebsite2 .HighWebsite2_left{ position: relative; z-index: 2;}
.HighWebsite2 .HighWebsite2_center{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0;}
.HighWebsite2 .HighWebsite2_right{ position: relative; z-index: 2;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 113px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dd{ font-size: 34px; color: #333333; margin-bottom: 10px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dt{ font-size: 18px; color: #888888;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_txt{ font-size: 18px; color: #333333; margin: 40px 0px; line-height: 30px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_bottom b{ font-size: 18px; color: #888888;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_bottom p{ font-size: 16px; margin-top: 5px; color: #888888;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more{ margin-top: 30px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more a{ font-size: 16px; color: #888888; display: flex; align-items: center; justify-content: center; width: 134px; height: 40px; border: 1px solid #dcdcdc; background: #fff;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more a:hover{ background: #ffe100; color: #fff; border: 1px solid #ffe100;}



.APPProcess{ background:#000 url(../images/bg48.jpg) no-repeat 50%/cover fixed; padding:80px 0px; position:relative;}
.APPProcess:before{ content:""; display:inline-block; width:100%; height:100%; background:url(../images/bn132.png) no-repeat 50% 61%; position:absolute; left:0; top:0; z-index:1;}
.APPProcess .pc_all_content{ position:relative; z-index:2; padding:0px 23px;}
.APPProcess .APPProcess_title{ font-size:32px; color:#fff; text-align:center; margin-bottom:55px;}
.APPProcess .APPProcess_content{ display:flex; justify-content:space-between;}
.APPProcess .APPProcess_content .APPProcess_content_list{ text-align:center;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:70px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2n) .content_list_title{ margin-bottom:0px; margin-top:70px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dd{ font-size:18px; color:#fff; margin-bottom:12px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dt{ font-size:14px; color:#fff; font-weight:bolder;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_icon{ width:66px; height:66px; border-radius:100%; border:1px solid #fff; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(1){ margin-top:145px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2){ margin-top:104px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(3){ margin-top:45px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(4){ margin-top:63px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(5){ margin-top:46px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(6){}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(7){ margin-top:58px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(8){ margin-top:120px;}





.APPAdvantage{ background:#f8f8f8; padding:95px 0px;}
.APPAdvantage .APPAdvantage_title{ text-align:center; margin-bottom:80px;}
.APPAdvantage .APPAdvantage_title dd{ font-size:32px; color:#27282a;}
.APPAdvantage .APPAdvantage_title dd span{ }
.APPAdvantage .APPAdvantage_title dt{ font-size:16px; color:#666666; margin-top:20px;}
.APPAdvantage .APPAdvantage_content{ display:flex; justify-content:space-between;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ background:#fff; width:22%; padding:60px 15px;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1)}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_title{ display:flex; align-items:center; justify-content:space-between; font-size:22px; color:#333; margin-bottom:35px;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_txt{ font-size:16px; color:#888; line-height:28px; text-align:justify;}

/*----服务范围 模板站---*/

.layout {margin: 0px auto; width:100%; background:#fff; clear: both;overflow: hidden; padding-bottom:60px;}
.mbwzjs h1{padding-top:50px; font-size:36px; text-align:center;}
.mbwzjs p{padding-top:20px; line-height:32px; font-size:16px; color:#666666; width:100%;max-width:800px; margin:auto; text-align:center;}
.wtab_body{ width:100%;max-width:1200px; margin:0 auto;}
.wtab .wtab_title {
	margin: 30px 0px 0px; height: 60px; text-align: center;
}
.wtab .wtab_title a {
	padding: 0px 40px; border: 1px solid #bd2121; border-image: none; height: 40px; color: rgb(51, 51, 51); line-height: 40px; font-size: 15px; display: inline-block; position: relative; cursor: pointer; font-size:18px
}
.wtab .wtab_title a.ons {
	background: #bd2121; color: rgb(255, 255, 255); text-decoration: none;
}
.wtab .wtab_title a:hover {
	background: #bd2121; color: rgb(255, 255, 255); text-decoration: none;
}
.wtab .wtab_title a.ons b {
	background: url("../images/website_05.png") no-repeat center -5px; left: 50%; top: 41px; width: 23px; height: 9px; margin-left: -11px; display: block; position: absolute;
}
.wtab .wtab_title a em {
	background: rgb(255, 153, 0); padding: 0px 10px; border-radius: 4px; top: -27px; height: 24px; right: 0px; color: rgb(255, 255, 255); line-height: 24px; font-family: SimSun; font-size: 12px; font-style: normal; position: absolute;
}
.wtab .wtab_title a em i {
	background: url("../images/gm_8.png") no-repeat; left: 16px; top: 24px; width: 13px; height: 7px; position: absolute;
}
.websitepzfa {
	padding: 50px 0px 0px;
}
.websitepzfa ul {
	border: 1px solid rgb(221, 221, 221); transition:0.3s ease-in-out; border-image: none; text-align: center; color: rgb(51, 51, 51); margin-right: -1px; float: left; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s;
}
.websitepzfa ul.lul {
	width:24.4%; color: rgb(136, 136, 136);
}
.websitepzfa ul.lul li.firstli {
	background: rgb(51, 51, 51); height: 100px; line-height: 24px; padding-top: 50px; font-size:16px;
}
.websitepzfa ul.rul {
	width:24.4%;
}
.websitepzfa ul li {
	background: rgb(255, 255, 255); height: 50px; line-height: 50px; border-bottom-color: rgb(245, 245, 245); border-bottom-width: 1px; border-bottom-style: solid;
}
.websitepzfa ul li.firstli {
	background: #bd2121; height: 150px; color: rgb(255, 255, 255);
}
.websitepzfa ul li.firstli .xzzj {
	line-height: 24px; margin-bottom: 20px;
}
.websitepzfa ul li.firstli .xzzj a {
	margin: 0px 10px; color: rgb(143, 195, 237); line-height: 24px; text-decoration: none; display: inline-block; position: relative; cursor: pointer;
}
.websitepzfa ul li.firstli .xzzj a.on {
	color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid;
}
.websitepzfa ul li.firstli .xzzj a em {
	background: rgb(255, 153, 0); border-radius: 2px; top: -22px; width: 48px; height: 20px; right: -15px; color: rgb(255, 255, 255); line-height: 20px; font-family: SimSun; font-size: 12px; font-style: normal; position: absolute;
}
.websitepzfa ul li.firstli .xzzj a em i {
	background: url("../images/gm_8.png") no-repeat; left: 16px; top: 20px; width: 13px; height: 7px; position: absolute;
}
.websitepzfa ul li.firstli select {
	outline: 0px; border: 0px currentColor; border-image: none; height: 30px;
}
.websitepzfa ul li.endli {
	border: 0px currentColor; border-image: none; height: 82px; padding-bottom: 20px;
}
.websitepzfa ul li.endli a {
	color: rgb(102, 102, 102);
}
.websitepzfa ul li.onli {
	background: rgb(249, 249, 249);
}
.websitepzfa ul li .btna {
	border: 1px solid #bd2121; border-image: none; color: #bd2121; margin-top: 30px; font-size:14px;
}
.websitepzfa ul.hover.rul {
	border-color: #bd2121; top: -30px; color: #bd2121; position: relative; z-index: 2; box-shadow: 0px 0px 14px rgb(204,204,204);
}
.websitepzfa ul.hover.rul li.firstli {
	background: #bd2121; padding-top: 30px;
}
.websitepzfa ul.hover.rul li.endli {
	padding-bottom: 30px;
}
.websitepzfa ul.hover.rul .btna {
	background: #bd2121; border-color: #bd2121; color: rgb(255, 255, 255);
}
.websitepzfa ul li.firstli .xzjg {
	margin: 0px auto; width: 100px; position: relative; z-index: 2;
}
.websitepzfa ul li.firstli .xzjg em.mrjg {
	background: rgb(255, 255, 255); width: 100%; height: 24px; color: rgb(51, 51, 51); line-height: 24px; font-style: normal; display: block; cursor: pointer;
}
.websitepzfa ul li.firstli .xzjg ul {
	left: 0px; top: 24px; width: 100%; display: none; position: absolute;
}
.websitepzfa ul li.firstli .xzjg ul li {
	height: 30px; line-height: 30px; cursor: pointer;
}
.btna {
	background: rgb(255, 255, 255); margin: 30px auto 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width:94%;max-width: 120px; height: 30px; text-align: center; color: rgb(102, 102, 102); line-height: 30px; display: block;
}
.btna:hover {
	border-color: rgb(32, 135, 237); color: rgb(32, 135, 237);
}

.wid1100e8 {margin: 0px auto; width:100%;max-width: 1100px; height:400px;}
.htitle h2 {color: rgb(51, 51, 51); line-height: 30px; font-size: 30px; font-weight: normal; margin-top: 6px;}
.htitle {text-align: center; margin-bottom: 30px;}

.websiteblue {background: url("../images/websiteh02.jpg") no-repeat center #bd2121; padding: 60px 0px 80px;}
.websiteblue .htitle h2 {
	color: rgb(255, 255, 255);
}
.wmdys {
	margin-top: 50px;
}
.wmdys li {
	background: rgba(255, 255, 255, 0.1); padding: 30px 0px; width:24.5%; height: 260px; text-align: center; margin-right: 1px; float: left;
}
.wmdys li i {margin: 10px 0px; border-radius: 50px; width: 80px; height: 80px; padding-top:25px; display: inline-block;
}
.wmdys li h3 {
	color: rgb(255, 255, 255); line-height: 26px; font-size: 18px; margin-bottom: 6px;
}
.wmdys li p {
	padding: 0px 30px; color: rgb(255, 255, 255); line-height: 24px; font-size: 13px;
}