/* CSS Document */
.module-bj1{ background:#f2f2f2; padding-bottom:40px;}
.module-bj2{ background:#fff; padding-bottom:40px;}
.module-tit h2,.module-tit2 h2{ font-size:26px; color:#000; margin-bottom:10px; font-weight:bold;}
.module-tit h3,.module-tit2 h3{ font-size:12px; color:#555;}
.module-tit2 .line1 span{ display:inline-block; width:67px; height:1px; background:#0078d7;}
.module-tit,.module-tit2{ padding-top:40px; padding-bottom:30px; text-align:center; }
.module-tit2 h2{ margin-bottom:0px;}
.module-tit2 h3{ color:#a3a3a3;}
.module-tit2{ padding-top:0;}
.function-box1{ background:#f2f2f2; padding-bottom:40px;}
.function-navbj1{ background:#f2f2f2;border-bottom:1px solid #e5e5e5; overflow:hidden; margin-bottom:40px; }
.function-nav1{ text-align:center;}
.function-nav1 ul{ overflow:hidden;}
.function-nav1 ul li{ display:inline-block; padding-top:30px;*float:left;*margin-left:60px;*margin:0 auto}
.function-nav1 ul li a{ display:block; font-size:18px; color:#000; font-weight:bold; padding:0 28px 23px;}
/* .function-nav1 ul li a:hover{ color:#d50101; border-bottom:2px solid #d50101;} */
.function-nav1 ul li a.on{ color:#d50101; border-bottom:2px solid #d50101;}
.curfnavese {color:#d50101 !important; border-bottom:2px solid #d50101; }
.function-nav1 ul li .curfnav{ color:#d50101; border-bottom:2px solid #d50101;}
.function-list1 ul{ overflow:hidden; text-align:center;}
.function-list1.content_box{ max-width:1224px; margin:0 auto;}
.function-list1 ul li{ display:inline-block;width:280px; height:200px; background:#fff; margin:13px;float:left;*float:left}
.function-colum1{ padding:20px;}
.function-colum1 h3{ text-align:left;line-height:60px; font-size:14px; color:#333; font-weight:bold; margin-bottom:20px;}
.function-colum1 h3 img{ vertical-align:middle; margin-right:20px;}
.function-colum1 p{ text-align:left;font-size:12px; color:#6d6d6d; line-height:20px; max-height:60px; overflow:hidden;}

.function-box2{ background:#46b7ca; padding-bottom:40px;}
.function-navbj2{ background:#46b7ca;border-bottom:1px solid #62c2d2; overflow:hidden; margin-bottom:40px; }
.function-nav2{ text-align:center;}
.function-nav2 ul{ overflow:hidden;}
.function-nav2 ul li{ display:inline-block; padding-top:30px;}
.function-nav2 ul li a{ display:block; font-size:18px; color:#006475; font-weight:bold; padding:0 28px 23px;}
.function-nav2 ul li a:hover{ color:#fff; border-bottom:2px solid #fff;}
.function-nav2 ul li .curfnav{ color:#fff; border-bottom:2px solid #fff;}
.function-list2 ul{ overflow:hidden; text-align:center;}
.function-list2.content_box{ max-width:1224px; margin:0 auto;}
.function-list2 ul li{ display:inline-block;width:260px; height:490px; background:#fff; margin:13px;}
.function-colum2{ padding:20px 0;}
.function-colum2 h3{ font-size:14px; color:#333; font-weight:bold; padding-bottom:15px;
border-bottom:1px solid #f2f2f2;}
.function-colum2 .txtbox{ padding:20px 26px;}
.function-colum2 p{ text-align:left;font-size:12px; color:#6d6d6d; line-height:30px;overflow:hidden;}

.function-box3{ background:#87d1ee; padding-bottom:40px;}
.function-navbj3{ background:#87d1ee;border-bottom:1px solid #62c2d2; overflow:hidden; margin-bottom:40px; }
.function-nav3{ text-align:center;}
.function-nav3 ul{ overflow:hidden;}
.function-nav3 ul li{ display:inline-block; padding-top:30px;*float:left;*margin-left:60px}
.function-nav3 ul li a{ display:block; font-size:18px; color:#006475; font-weight:bold; padding:0 28px 23px;}
.function-nav3 ul li a:hover{ color:#fff; border-bottom:2px solid #fff;}
.function-nav3 ul li .curfnav{ color:#fff; border-bottom:2px solid #fff;}
.function-list3 ul{ overflow:hidden; float:left;}
.function-list3.content_box{ max-width:1220px; margin:0 auto;}
.function-list3 ul li{ display:block;width:224px; min-height:150px; background:#fff; margin:0 10px 20px;
}
.function-colum3{ padding:20px 0;}
.function-colum3 h3{ font-size:14px; color:#333; font-weight:bold; padding-bottom:15px; padding-left:26px;
border-bottom:1px solid #f2f2f2; text-align:left;}
.function-colum3 .txtbox{ padding:10px 26px;}
.function-colum3 p{ text-align:left;font-size:12px; color:#6d6d6d; line-height:24px;overflow:hidden;
padding-left:16px; background:url(../image/pic25.png) no-repeat left center;}

.plug-inbox ul{ overflow:hidden; text-align:center;}
.plug-inbox ul li{ display:inline-block; width:224px; height:260px; background:#fff; margin:10px;}
.plug-inbox.content_box{ max-width:1220px; margin:0 auto;}
.plug-inbox ul li .imgbox{ width:224px; height:114px; display:table-cell; vertical-align:middle; text-align:center;}
.plug-inbox ul li h3{  font-size:16px; color:#000; font-weight:bold; margin-bottom:20px;}
.plug-inbox ul li p{ font-size:12px; color:#6d6d6d; line-height:20px; max-height:60px; overflow:hidden; padding:0 20px;}
.plug-inimgbox{ text-align:center;}
.plug-inimg{ width:76.4%; max-width:917px;}
.module-imgshow{ text-align:center;}
.module-imgshow .img1{ width:100%; max-width:1200px;}
.module-car .txtbox{ padding-left:20px;}
.module-car .txtbox h3{ font-size:24px; color:#000; margin-bottom:15px;}
.module-car .txtbox p{ font-size:14px; color:#585858; margin-bottom:10px; padding-left:26px; background:url(../image/pic14.png) no-repeat left 2px;}
.module-goods{ overflow:hidden; margin-top:30px;}
.module-goods .txtbox{ float:left; width:70%; margin-bottom:20px;}
.module-goods .txtbox p{ font-size:14px; color:#585858; line-height:24px; margin-bottom:10px;}
.module-goods img{ float:right; width:28%; max-width:380px; height:200px;}
.module-pay{ overflow:hidden; margin-top:30px;}
.module-pay .txtbox{ float:left; width:60%; margin-bottom:20px; margin-right:100px; background:#fff;}
.module-pay .txtbox .cont{ padding:25px;}
.module-pay .txtbox p{ font-size:14px; color:#555; line-height:22px; margin-bottom:15px;}
.module-pay .txtbox p b{ color:#f47933;}
.module-pay img{ float:left; width:290px; height:442px;}
/*solution*/
.solution-inbox{ text-align:center; background:#f2f2f2; padding:40px 0;}
.solution-inbox .content_box{ max-width:1230px;}
.solution-inlist{ overflow:hidden; text-align:center;}
.solution-inlist li{ display:inline-block; margin:0 15px 15px;*float:left}
.solution-inlist li img{ width:380px; height:250px;}
.solution-delbox{ width:100%; border:1px solid #6ea4d9; box-sizing:border-box; box-shadow:0px 0px 15px #ddd;}
.solution-delbox .cont{ padding:5% 5%;}
.solution-delbox .cont img{ width:100%; margin-bottom:25px;}
.solution-delbox .cont p{ font-size:14px; color:#585858; line-height:24px; margin-bottom:20px;}
/*case*/
.case-navbox{ width:100%; background:url(../image/banners07.jpg) no-repeat 50%; background-size:cover;}
.case-navbox h3{ font-size:14px; color:#d5001d; font-weight:bold; padding-top:25px; margin-bottom:5px;}
.casenavlist1{ overflow:hidden; width:100%; padding-bottom:25px;}
.casenavlist1>li{ float:left; width:180px; position:relative; padding-left:15px; background:url(../image/picnavcase01.png) no-repeat left 12px;*float:left}
.casenavlist1>li>a{ display:inline-block;font-size:12px; color:#333; line-height:30px;}
.casenavlist1>li>a:hover{ color:#0078d7;}
.case-iconnav{ overflow:hidden;}
.case-iconnav a{ display:block; width:25%; border-right:2px solid #fbfbfc;text-align:center; box-sizing:border-box; float:left;*float:left;*width:24%} 
.case-iconnav a i{ display:inline-block; font-size:14px; color:#fff; line-height:50px; font-weight:bold;}
.case-iconnav a img{ vertical-align:middle; margin-right:28px;}
.case-iconnav a .img1{ margin-right:10px;}
.case-iconnav a.bj1{ background:#0278d7;}
.case-iconnav a.bj2{ background:#ef5511;}
.case-iconnav a.bj3{ background:#af51e4;}
.case-iconnav a.bj4{ background:#e91212;}
.case-module1{ padding-top:40px; padding-bottom:70px;}
.case-module1 .content_box{ max-width:1240px;}
.case-module1 ul{ overflow:hidden; text-align:center; margin-bottom:30px;}
.case-module1 ul li{ display:inline-block; margin:8px; text-align:left; float:left;border:#FBE9FF 1px solid;cursor:pointer;*float:left}
.case-module1 ul li img{ width:290px; height:180px;} 
.case-module1 ul li p span{font-size:14px; color:#555; line-height:60px; padding-left:20px;}

.case-navbox2{ width:100%; background:url(../image/banners07.jpg) no-repeat 50%; background-size:cover;
padding:20px 0;}
.case-navbox2 .content_box{ width:94%;}
.case-navbox-bj2{background:#fff; filter:Alpha(opacity=80); background-color:rgba(255,255,255,0.8); }
.case-navsort{ position:absolute; top:0px; left:0px; width:150px;}
.case-navsort span{ display:inline-block; font-size:14px; color:#fff; line-height:30px; font-weight:bold; padding-left:28px; margin-top:15px;}
.case-navsort span.ic1{ background:url(../image/piccase01.png) no-repeat left center;}
.case-navsort span.ic2{ background:url(../image/piccase02.png) no-repeat left center;}
.case-navsort.one{ height:60px; text-align:center; background:url(../image/bjcase01.png) no-repeat center center; margin-bottom:2px; background-size:cover;}
.case-navsort .one span{ line-height:60px;}
.case-navsort.two{ text-align:center; background:url(../image/bjcase02.png) no-repeat center center; height:160px;}
.casenavlist2-box{ overflow:hidden; position:relative; padding-left:160px;}
.casenavlist2{ float:left; max-width:1000px; padding:15px 0;*float:left}
.casenavlist2>li{ float:left; width:180px; position:relative; padding-left:15px; background:url(../image/picnavcase01.png) no-repeat left 12px;}
.casenavlist2>li>a{ display:inline-block;font-size:12px; color:#333; line-height:30px;}
.casenavlist2>li>a:hover{ color:#0078d7;}
.bianse{ color:red!important;}
.case-iconnav2{ border-bottom:1px solid #f3f3f3; min-height:60px; overflow:hidden; position:relative; padding-left:160px;}
.case-iconnav2-cont{ padding-top:15px;}
.case-iconnav2 a{ display:inline-block; padding-left:26px; font-size:14px; color:#575757; background-repeat:no-repeat; background-position:left center; line-height:30px; margin-right:4%;}
.case-iconnav2 a.ic1{ background-image:url(../image/piccnav01.png);}
.case-iconnav2 a.ic2{ background-image:url(../image/piccnav02.png);}
.case-iconnav2 a.ic3{ background-image:url(../image/piccase03.png);}
.case-iconnav2 a.ic4{ background-image:url(../image/piccnav04.png);}
.case-iconnav2 a.ic5{ background-image:url(../image/piccnavv05.png);}
.case-iconnav2 a.ic6{ background-image:url(../image/piccnavv06.png);}
.case-iconnav2 a.ic7{ background-image:url(../image/piccnavv07.png);}
.case-iconnav2 a:hover{ color:#df0407;}
.case-iconnav2 a:hover.ic1{ background-image:url(../image/piccnav01h.png);}
.case-iconnav2 a:hover.ic2{ background-image:url(../image/piccnav02h.png);}
.case-iconnav2 a:hover.ic3{ background-image:url(../image/piccase03h.png);}
.case-iconnav2 a:hover.ic4{ background-image:url(../image/piccnav04h.png);}
/*case effect*/
.case-module1 ul li h2{ text-align:center; font-size:14px; color:#fff; position:absolute; left:0px; bottom:0px; width:100%; line-height:40px; font-weight:bold; z-index:100;}
.case-module1 ul li h2 a{ color:inherit;}
.case-module1 ul li figure{margin:0; overflow:hidden;
	height: auto;background: #f5f5f5; position:relative; box-sizing:border-box;}
figure.effect-terry {
	background: #34495e;
}

figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after {
	position: absolute;
	width: 200%;
	height: 200%;
	border-style: solid;
	border-color: #101010;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	z-index:99;
	opacity:0;
}

figure.effect-terry figcaption::before {
	right: 0;
	bottom: 0;
	border-width: 0 45px 35px 0;
	-webkit-transform: translate3d(50px,40px,0);
	transform: translate3d(50px,40px,0);
}

figure.effect-terry figcaption::after {
	top: 0;
	left: 0;
	border-width: 15px 0 0 15px;
	-webkit-transform: translate3d(-15px,-15px,0);
	transform: translate3d(-15px,-15px,0);
}

figure.effect-terry img,
figure.effect-terry p a {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-terry img {
	opacity: 1;
}

figure.effect-terry p {
	float: right;
	clear: both;
	text-align: left;
	text-transform: none;
	font-size: 111%;
}

figure.effect-terry p a {
	display: block;
	margin-bottom: 1em;
	margin-right:15px;
	color: #fff;
	opacity: 0;
	-webkit-transform: translate3d(90px,0,0);
	transform: translate3d(90px,0,0);
	position:relative;
	z-index:111;
}
figure.effect-terry p a:hover,
figure.effect-terry p a:focus {
	color: #f3cf3f;
}

figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1;
}

figure.effect-terry:hover img {
	opacity: 0.6;

}

figure.effect-terry:hover h2,
figure.effect-terry:hover p a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-terry:hover p a {
	opacity: 1;
}

figure.effect-terry:hover p a:first-child {
	-webkit-transition-delay: 0.025s;
	transition-delay: 0.025s;
}

figure.effect-terry:hover p a:nth-child(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-terry:hover p a:nth-child(3) {
	-webkit-transition-delay: 0.075s;
	transition-delay: 0.075s;
}

figure.effect-terry:hover p a:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
figure.effect-terry figcaption{ position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
figure.effect-terry figcaption p{ padding-top:45px;}
figure.effect-terry figcaption p i{ display:inline-block; width:16px; height:16px; background-repeat:no-repeat; background-position:50%;}
figure.effect-terry figcaption p .iccase01{ background-image:url(../image/picce01.png);}
figure.effect-terry figcaption p .iccase02{ background-image:url(../image/picce02.png);}
figure.effect-terry figcaption p .iccase03{ background-image:url(../image/picce03.png);}
figure.effect-terry figcaption p .iccase04{ background-image:url(../image/picce04.png);}
figure.effect-terry figcaption p .iccase05 { float:left; width:250px;color:#fff;font-size:14px;text-align:center; line-height:40px;}

.icasej{
	font-size:12px; text-align:center;margin:8px;
	}
/*new*/
figure.effect-terry figcaption p .aaa{
	width: 234px;
	height: 145px;
	display: inline-block;
	float: left;
}
/*template*/
.template-box{ background:#fff; padding-top:40px; padding-bottom:70px;}
.template-box .content_box{ max-width:1260px;}
.template-item{ display:inline-block; width:47%; margin:0px 0 40px 19px;*float:left }
.template-item img{ width:77.26%;float:left;}
.weix {width:96%!important;display:none}
.template-item .linkcont{ width:17%; min-height:288px; float:left; background:#EDEDED;}
.template-item h3{ font-size:14px; color:#fff; line-height:2; background:#3cb77c; text-align:center;
margin-bottom:15px;}
.template-item a{font-size:12px; color:#555; line-height:30px; display:block; text-align:center;}
.template-item a:hover{ color:#3cb77c; text-decoration:underline;}
.template-item span{ /*position:relative; bottom:-89px; right:-26px;*/ display:inline-block; width:100px; height:28px; background:url(../image/pictc01.png) no-repeat; text-align:center; font-size:12px; color:#fff; line-height:28px; text-align:center;}
.template-nav{ text-align:center; margin-bottom:40px;} 
.template-nav a{ display:inline-block; max-width:270px; box-sizing:border-box; border:1px solid #e5e5e5;
text-align:center; font-size:14px; color:#555; line-height:40px; padding:0 4%; margin-bottom:10px;}
.template-nav a:hover{ background:#3cb77c; border-color:#3cb77c; color:#fff; position:relative;}
.template-nav a:hover:after{ content:''; position:absolute; bottom:-6px; left:50%; margin-left:-6px; display:inline-block; width:12px; height:6px; background:url(../image/pic24.png);}
.template-nav a.active{ background:#3cb77c; border-color:#3cb77c; color:#fff; position:relative;}
.template-nav a.active:after{ content:''; position:absolute; bottom:-6px; left:50%; margin-left:-6px; display:inline-block; width:12px; height:6px; background:url(../image/pic24.png);}
/*brand*/
.brand-module1{ background:#f2f2f2; padding-top:50px; padding-bottom:30px;}
.brand-module1 .content_box{ max-width:1260px;}
.brand-module1 ul{ overflow:hidden; text-align:center;}
.brand-module1 ul li{ display:inline-block; margin:0px 15px 30px;*float:left}
.brand-module1 ul li img{ max-width:380px;}
/*foreign*/
.foregign-one{ width:100%; background:#f2f2f2; padding:40px 0;}
.foregign-one ul{ overflow:hidden; text-align:center;}
.foregign-one ul li{ float:left; width:33.33%;*float:left;*width:32.3%}
.foregign-one .cont{ padding:0 10%;}
.foregign-one .imgbox{ width:100%; height:100px;}
.foregign-one h3{ font-size:18px; color:#0a0a0a; margin-bottom:10px;}
.foregign-one p{ font-size:12px; color:#555; line-height:24px;}
.foregign-module li{ position:relative;}
.module-ic1{ position:absolute; top:10px; right:10px; display:inline-block; width:50px; height:50px; background:url(../image/pic29.png) no-repeat;}
/*marketing*/
.market-one{ width:100%; height:340px; background:url(../image/imgbj07.jpg) no-repeat center center;}
.market-module{ background:#fff; padding-bottom:50px;text-align:center;}
.market-module .img1{ width:71.5%; max-width:858px; }
.market-two{ width:100%; background:url(../image/imgbj08.jpg) no-repeat center center; background-size:cover; padding:40px 0;}

.market-two h3{ font-size:28px; color:#000; margin-bottom:40px; text-align:center;}
.market-two ul{ overflow:hidden; text-align:center;}
.market-two .content_box{ max-width:1280px;}
.market-two ul li{ display:inline-block; margin:20px 30px;*float:left}
/*revision*/
.revision-cont{ background:url(../image/imgbj09.jpg) repeat-x;padding-bottom:60px; background-size:contain;}
.revision-icnav{ overflow:hidden; text-align:center; width:100%;}
.revision-icnav li{ display:inline-block; width:12%;margin:0 1% 20px; float:left;*float:left}
.revision-icnav li .icbox{ width:100%; height:30px; text-align:center;}
.revision-icnav li p{ font-size:12px; color:#545454; line-height:20px; margin-top:10px; height:40px; overflow:hidden;}
.revision-case{ padding-bottom:60px;}
.revision-case ul li{ margin-bottom:30px; width:100%; overflow:hidden; background:#f6f7f8; position:relative;*float:left}
.revision-case .imgshow{ float:left; width:50%; background:#fff;}
.revision-case .casetxt{ float:left; width:50%;}
.revision-case .imgitem{ float:left; width:49%; margin-right:1%; position:relative;}
.revision-case .imgitem img{ width:100%;}
.revision-case .imgitem p{ position:absolute; bottom:0px; left:0px; width:100%; height:40px; text-align:center;
background:#000; filter:Alpha(opacity=50); background-color:rgba(0,0,0,0.5);}
.revision-case .imgitem span{ position:relative; display:inline-block; font-size:14px; color:#fff; line-height:40px;}
.revision-case .casetxt-cont{ padding:20px;}
.revision-case .casetxt-cont h3{ font-size:14px; color:#333; font-weight:bold; margin-bottom:5px;} 
.revision-case .casetxt-cont p{ font-size:14px; color:#7a7a7a; line-height:24px; max-height:48px; overflow:hidden;} 
.revision-case .view{ position:absolute; bottom:20px; left:50%; display:inline-block; width:100px; height:30px; border-radius:3px; background:#f39604; font-size:12px; color:#fff; line-height:30px; text-align:center; margin-left:20px;}

.service-icnav{ overflow:hidden; text-align:center; width:100%;}
.service-icnav li{ float:left; width:160px;margin:0 10px; height:140px; position:relative; overflow:hidden;}
.service-icnav li .icbox{ width:160px; height:50px; display:table-cell; vertical-align:middle; text-align:center;}
.service-icnav li p{ font-size:12px; color:#545454; line-height:20px; margin-top:10px; max-height:40px; overflow:hidden;}
.service-icnav .hovertxt{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#f2f2f2;text-align:center;  box-sizing:border-box; font-size:14px; line-height:24px; width:100%; height:140px;
transform:translateY(-140px);-webkit-transform:translateY(-140px);-moz-transform:translateY(-140px); opacity:0; filter:Alpha(opacity=0); -webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.service-icnav li:hover .hovertxt{ transform:translateY(0px);-webkit-transform:translateY(0px); opacity:1;
filter:Alpha(opacity=100);}
.service-icnav .hovertxt h3{ padding:10px 15px; margin:0 10px 5px; border-bottom:1px solid #7ab540; font-size:16px;}
.service-icnav .hovertxt p{ max-height:96px; overflow:hidden;margin:0 10px;}
.service-icnavbj1 .hovertxt{border:3px solid #3072b8;}
.service-icnavbj1 .hovertxt h3{ border-bottom:1px solid #3072b8;color:#3072b8;}
.service-icnavbj1 .hovertxt p{ color:#3072b8;}
.service-icnavbj2 .hovertxt{border:3px solid #d13f26;}
.service-icnavbj2 .hovertxt h3{ border-bottom:1px solid #d13f26;color:#d13f26;}
.service-icnavbj2 .hovertxt p{ color:#d13f26;}
.service-icnavbj3 .hovertxt{border:3px solid #226cb0;}
.service-icnavbj3 .hovertxt h3{ border-bottom:1px solid #226cb0;color:#226cb0;}
.service-icnavbj3 .hovertxt p{ color:#226cb0;}
.service-icnavbj4 .hovertxt{border:3px solid #7ab540;}
.service-icnavbj4 .hovertxt h3{ border-bottom:1px solid #7ab540;color:#7ab540;}
.service-icnavbj4 .hovertxt p{ color:#7ab540;}
.service-icnavbj5 .hovertxt{border:3px solid #0074d2;}
.service-icnavbj5 .hovertxt h3{ border-bottom:1px solid #0074d2;color:#0074d2;}
.service-icnavbj5 .hovertxt p{ color:#0074d2;}
.service-icnavbj6 .hovertxt{border:3px solid #177a3e;}
.service-icnavbj6 .hovertxt h3{ border-bottom:1px solid #177a3e;color:#177a3e;}
.service-icnavbj6 .hovertxt p{ color:#177a3e;}
.service-icnavbj7 .hovertxt{border:3px solid #1db5e8;}
.service-icnavbj7 .hovertxt h3{ border-bottom:1px solid #1db5e8;color:#1db5e8;}
.service-icnavbj7 .hovertxt p{ color:#1db5e8;}
.service-icnavbj8 .hovertxt{border:3px solid #009cda;}
.service-icnavbj8 .hovertxt h3{ border-bottom:1px solid #009cda;color:#009cda;}
.service-icnavbj8 .hovertxt p{ color:#009cda;}

.service-icnav2{ overflow:hidden; text-align:center;}
.service-icnav2 li{ display:inline-block; width:260px; margin:0 20px 20px; overflow:hidden; text-align:center;*float:left}
.service-icnav2 li .icbox{ width:260px; height:120px; display:table-cell; vertical-align:middle; text-align:center;}
.service-icnav2 li h3{ font-size:18px; color:#000; margin-bottom:10px; font-weight:bold;}
.service-icnav2 li h4{ font-size:12px; color:#555;}
/*website construct*/
.construct-module1{ background:#f2f2f2;padding-bottom:50px;}
.construct-module2{ background:#fff; padding-bottom:50px;}
.construct-contdel1{ overflow:hidden;}
.construct-contdel1 img{ float:left; width:50%; max-width:562px; margin-right:5%;}
.construct-contdel1 dl{ float:left; width:45%; padding-top:30px;}
.construct-contdel1 dl dt{ font-size:20px; color:#000; margin-bottom:10px;}
.construct-contdel1 dl dd{ font-size:14px; color:#555; line-height:30px;}
.construct-plan{ overflow:hidden; text-align:center;}
.construct-plan li{ display:inline-block; width:280px; height:320px; margin:0 10px 30px; background:#f2f2f2;}
.construct-plan li img{ display:block; width:280px; height:160px;}
.construct-plan li dl{ padding:20px; text-align:left;}
.construct-plan li dl dt{ font-size:14px; color:#333; font-weight:bold; margin-bottom:5px;}
.construct-plan li dl dd{font-size:12px; color:#555; line-height:22px; max-height:88px; overflow:hidden;}
.seo-one{ background:#f2f2f2; padding-bottom:60px;}
.seo-one ul{ overflow:hidden; text-align:center;}
.seo-one ul li{ width:198px; height:300px; display:inline-block; text-align:left; margin-bottom:20px;float:left;margin-left:5px;*float:left}
.seo-one ul li.bj1{ background:#56b0f1;}
.seo-one ul li.bj2{ background:#1d85f3;}
.seo-one ul li .icbox{ width:200px; height:120px; display:table-cell; text-align:center; vertical-align:middle; text-align:center;}
.seo-one ul li dl{ overflow:hidden; padding:20px 20px 10px;}
.seo-one ul li dt{ float:left; font-size:36px; color:#fff; font-weight:bold;}
.seo-one ul li dd{ float:right; font-size:14px; color:#fff; width:110px; margin-top:5px;}
.seo-one ul li p{ padding:0 20px; font-size:12px; color:#fff; line-height:22px; margin-bottom:20px;}
.seo-two{ background:#fff; padding:50px 0;}
.seo-two img{ float:left; width:50%; margin-right:5%; max-width:443px;}
.seo-two dl{ float:left; width:45%; padding-top:30px;}
.seo-two dl dt{ font-size:28px; color:#000; margin-bottom:20px;}
.seo-two dl dd{ font-size:14px; color:#555; line-height:30px;}
.seo-two dl dd p{ margin-bottom:10px;}
.seo-three{ background:url(../image/imgbj10.jpg) no-repeat center center; background-size:cover; padding-bottom:50px;}
.seo-three table{ width:100%; border-spacing:10px;}
.seo-three table tr{ margin-bottom:10px;}
.seo-three table td{ margin-bottom:10px; width:48%; border:1px solid #75bdf0; border-radius:3px; box-sizing:border-box; vertical-align:top;height:60px}
.seo-three table td.bdl{ margin-right:2%;}
.seo-three table td.bdr{ margin-right:2%;}
.seo-three .item dl{ padding:10px 3%;}
.seo-three .item dt{ font-size:12px; color:#222; font-weight:bold;}
.seo-three .item dd{ font-size:12px; color:#666; line-height:20px;}
.language-one{ background:#fff; padding:50px 0;}
.language-one h3{ font-size:20px; color:#333; line-height:30px; margin-bottom:20px;} 
.language-one h3 b{ font-weight:bold; color:#28adfa; font-size:36px;}
.language-one .img1{ width:100%;}
.language-two{ background:url(../image/imgbj11.jpg) no-repeat center center; background-size:cover; padding-bottom:50px;}
.language-two ul{ overflow:hidden; text-align:center;}
.language-two ul li{ float:left;width:31%; margin:0 1%; text-align:center;*float:left}
.language-two ul li img{ width:40%; max-width:150px;}
.language-two ul li p{ margin-top:10px; font-size:14px; color:#555; line-height:24px;}
/*excellent-case*/
.ex-casebox{ padding-bottom:60px;}
.ex-casebox .guidebox{ padding:40px 0; overflow:hidden;}
.ex-casebox .guidebox .btn1{ float:left; width:140px; height:36px; border:1px solid #ccc; box-sizing:border-box; display:inline-block; font-size:14px; color:#a3a3a3; line-height:36px; text-align:center; cursor:pointer; margin-right:10px; margin-bottom:10px;*float:left}
.ex-casebox .guidebox .btn1 i{ display:inline-block; padding-right:30px; background:url(../image/pic57.png) no-repeat right center;}
.ex-casebox .guidebox .btn2{ float:right; width:140px; height:36px; box-sizing:border-box; display:inline-block; font-size:14px; color:#fff; line-height:36px; text-align:center; cursor:pointer; background:#00c7b4;*float:right}
.ex-caselist .content_box{ max-width:1230px; overflow:hidden; text-align:center; margin:0 auto;} 
.ex-caselist li{ display:inline-block; margin:15px 8px; width:390px; height:180px; box-sizing:border-box; border:1px solid #e7e7e7; background:#fff; float:left;}
.ex-caselist li .img1{ width:100%; max-width:388px; height:78px;}
.ex-caselist li .txtbox{ padding:0 24px 10px;}
.ex-caselist li p{ font-size:14px; color:#737373; line-height:22px; height:44px; overflow:hidden;
margin-bottom:15px; text-align:left;}
.ex-caselist li .info{ overflow:hidden; font-size:14px; color:#0078d7;}
.ex-caselist li .info span{ float:left;}
.ex-caselist li .info a{ float:right; display:inline-block; padding-right:24px; background:url(../image/pic58.png) no-repeat right center; color:inherit;}
.ex-caselist li:hover{ border-color:#0078d7; box-shadow:0px 0px 8px #eee;}
.ex-morebox{ margin-top:20px; text-align:center;}

/*案例二维码*/
.ewm {width:290px;height:180px;position:relative;z-index:11111;text-align: center;display:none }
.ewm img {width:70%!important;}

@media(max-width:1260px){
	.template-item img{ width:100%;}
	.template-item .linkcont{ width:100%; min-height:130px;}
	.template-item a{ display:inline-block; margin:0 10px;}
	}


@media(max-width:1203px){
	.case-module1 ul li { margin-left:6%}	
	}
@media(max-width:1120px){
    .case-module1 ul li { margin-left:4%}	
	}
@media(max-width:1092px){
    .case-module1 ul li { margin-left:3%}	
	}
@media(max-width:1092px){
    .case-module1 ul li { margin-left:0%}	
	}
@media(max-width:960px){
    .case-module1 ul li { margin-left:10%}	
	}
@media(max-width:800px){
    .case-module1 ul li { margin-left:6%}	
	}
@media(max-width:1119px){
	.casenavlist1 > li{ width:29%; margin-right:2%;}
	.plug-inimg{ width:100%; max-width:917px;}
}


@media(max-width:968px){
	.revision-case .imgshow{ width:100%;}
	.revision-case .casetxt{ width:100%; padding-bottom:50px;}
	.revision-case .view{ left:0px;}
	.brand-module1 ul li{width:48%; margin-left:1%; margin-right:1%;}
	.brand-module1 ul li img{ width:100%; }
	.case-iconnav2 a{ margin-right:2%;}
}

@media(max-width:768px){
	.module-goods .txtbox{ width:100%;}
	.module-goods img{ float:left;}
	.solution-inlist li img{ width:100%; max-width:380px; height:auto;}
	.module-goods img{width:100%;}
	.module-pay .txtbox{ width:100%; margin-right:0px;}
	.casenavlist1 > li{ width:40%; margin-right:2%;}
	.case-iconnav a{ width:50%;}
	.template-box ul li{ width:100%; margin:0px; margin-bottom:20px;}
	.template-box ul li img{ width:100%;}
    .template-item { margin-left:8px}
	.foregign-one ul li{ width:100%; margin-bottom:30px;}
	.revision-icnav li{ width:18%;}
	.service-icnav li{ width:120px; margin:0 10px 20px;}
	.service-icnav li .icbox{ width:120px;}
	.construct-contdel1 img{ width:100%; margin:0px;}
	.construct-contdel1 dl{ width:100%;}
	.service-icnav2 li{ width:110px; margin:0 10px 20px;}
	.service-icnav2 li .icbox{ width:110px;}
	.seo-two img{ width:100%; margin:0px;}
	.seo-two dl{ width:100%;}
	.language-two ul li img{ max-width:75px;}
	.ex-casebox .guidebox .btn2{ float:left;}
	.ex-caselist li{ width:100%; margin:0px; margin-bottom:30px;}
	.case-module1 ul li{ width:47%; margin-left:1%; margin-right:1%;}
	.case-module1 ul li img{ width:100%} 
	.case-iconnav2-cont{ padding-top:0px;}
}
@media screen and (min-width: 401px) and (max-width: 520px){
	figure.effect-terry p a{margin-bottom:3px;}
}
@media(max-width:400px){
	.casenavlist1 > li{ width:80%; margin-right:2%;}
	.brand-module1 ul li{ width:100%; margin:0 0 30px;}
	.brand-module1 ul li img{ width:100%;}
	.case-module1 ul li{ width:100%; margin-left:0%; margin-right:0%;}
	.case-module1 ul li img{ width:100%; max-width:none;} 
	.template-item{ width:100%; margin:0 0 40px;}
	.case-iconnav2,.casenavlist2-box{ padding-left:100px;}
	.case-navsort{ width:90px;}
     .template-item { margin-left:5px}	
}


@media(max-width:647px){
	figure.effect-terry figcaption p .iccase05{ width:240px;}	
    figure.effect-terry figcaption p .aaa{width: 82%;}	
}
@media(max-width:579px) {
	figure.effect-terry figcaption p .aaa {width: 80%;}
}
@media(max-width:520px) {
    figure.effect-terry figcaption p .aaa {width: 74%;}
	}
 @media(max-width:615px){
	figure.effect-terry figcaption p .iccase05{ width:230px;}		
}
@media(max-width:576px){
	figure.effect-terry figcaption p .iccase05{ width:200px;}		
}
@media(max-width:512px){
	figure.effect-terry figcaption p .iccase05{ width:170px;margin-top:21px;line-height:1}		
}
@media(max-width:473px){
	figure.effect-terry figcaption p .iccase05{ width:150px;margin-top:21px;line-height:1}		
}
@media(max-width:440px){
	figure.effect-terry figcaption p .iccase05{ width:150px;margin-top:21px;line-height:1}		
}
@media(max-width:405px){
	figure.effect-terry figcaption p .iccase05{ width:140px;margin-top:20px;line-height:1;font-size:12px}		
}
@media(max-width:400px){
	figure.effect-terry figcaption p .iccase05{ width:335px;}
    figure.effect-terry figcaption p .aaa{width:86%;}		
}

@media(max-width:1260px){
	.weix{ width:90px!important; height:85px;float:right!important;}		
}
@media(max-width:760px){
	.weix{ width:96%!important;height:auto; float:none}		
}

#dingw {
    width:225px;
    height:160px;
    position:absolute;
    top:8%;
    left:6%;
    z-index:99999
}

/*解决方案-2017-2-4*/
.shopdw {
    width: 1180px;
    margin: 0 auto;
    text-align: center;
}

.shopdw p {
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    word-break: normal;
    margin: 10px 0px 30px;
}

.introduce {
    width: 1180px;
    padding-top: 5px;
    clear: both;
	padding-left:22px;
}
.introduce_left {
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    color: #353736;
    margin: 0 20px;
    padding: 10px 0px 30px;
}

/*shopindex*/
.function-list {
    color: #242C3B;
    width: 1154px;
    overflow: hidden;
    margin: 0 auto;
}
.function-list ul {
    font-size: 0;
    *word-spacing: -1px
    /*IE6、7*/
    
    ;
    width: 1152px;
}
.function-list ul li {
    font-size: 12px;
    vertical-align: top;
    letter-spacing: normal;
    display: inline-block;
    *display: inline
    /*IE7*/
    
    ;
    height: 150px;
    width: 332px;
    padding: 25px;
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-color: #EEE;
    *zoom: 1
    /*IE7*/
    
    ;
    position: relative;
}
.function-list ul li sub {
    animation: 0.4s ease 0s normal none 1 running orangeOut;
    background-color: #FAFAFA;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
.function-list ul li:hover sub {
    animation: 0.2s ease 0s normal none 1 running orangeIn;
    opacity: 1;
}
.function-list-reset ul li {
    height: 170px !important;
}
@keyframes orangeIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes orangeOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    
    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}
.function-list .block-name {
    font-size: 20px;
    color: #000000;
    text-align: center;
    float: left;
}
.function-list .block-name span {
  
    
    display: block;
    /* width: 60px; height: 80px; margin: 5px -20px;*/
}
.function-list dl {
    font-size: 0;
    *word-spacing: -1px
    /*IE6、7*/
    
    ;
    width: 236px;
    float: right;
}
.function-list dl dt {
    font-size: 12px;
    line-height: 22px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}
.function-list dl dd {
    font-size: 12px;
    line-height: 20px;
    color: #666;
    background-color: #F7F7F7;
    text-align: center;
    display: inline-block;
    width: 100px;
    height: 20px;
    padding: 4px;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 13px;
}
.function-list ul li:hover dl dd {
    background: #B2BCC4;
    color: #FFF;
}
.function-list dl dd i {
    font-size: 12px;
    color: #999;
}

/*b2b 详情描述*/

.imgflt {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90px;
}

.b2bgnzs {
	height: 270px;
}

.wfxht3{
	height:300px;
}

.b2bsb{
	border-top: 1px dashed #ccc;
}

.bodbtm {
	border-bottom: 1px dashed #ccc;
}

.bodright {
	border-right: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
}

.b2bgnzs {
	width: 520px;
	padding: 10px 30px 30px;
	float: left;
	height: 90px;
	font-size: 12px;
	line-height: 24px;
}

.txtalt {
    text-align: left;
    line-height: 30px;
}

.txtalct {
    text-align: center;
}