@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;font-size: 14px;font-size: 1.4rem;height: 100%;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.pull-left{ float:left;}
.pull-right{ float:right;}

::-webkit-input-placeholder {color:#999;}/* WebKit browsers */
:-o-placeholder {color:#999;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999;}/* Internet Explorer 10+ */
 
@media screen and (min-width:1220px) {.wp {width: 1200px!important;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px!important;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%!important;margin: auto;}}

@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}

.self-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.self-ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.relative{position: relative;}
.absolute{position: absolute;}
.common-vc{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.common-hc{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.common-center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
[class*="-item"] .item-pic { position: relative; display: block;  text-align: center; overflow: hidden; }
[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
[class*="-item"] .item-title { overflow: hidden; }
[class*="-item"] .item-title a:hover { color: #482A04!important; }
[class*="-item"] .item-desc { overflow: hidden; }
[class*="-item"] .item-desc a { display: block; }
[class*="-item"] .item-desc a:hover { color: #482A04!important; }

/*wrap*/
.wrap{overflow: hidden;}
/*  main3  */
.main3{ background:#F9F9F9 url(../images/m3bei.png) no-repeat center top; padding-top:65px; padding-bottom:60px; overflow:hidden;}
.m3biao{ display:block;  font-size:30px; font-size:3rem; color:#4A8ECC; text-align:center;}

.m3n{ width:1155px; margin:auto; position:relative; height:490px; margin-top:83px;}
.feiji{ display:block; width:887px; margin-left:138px;}
.feiji img{ display:block; margin:auto; width:100%; max-width:887px; max-width:887px; max-height:490px;}

.m31{ width:166px; height:45px; position:absolute; left:0px; top:223px;}
.m3a{ display:block; width:166px; height:45px!important;line-height: 45px!important; border-radius:5px; background:#77a9d7; background:url(../images/zhyx40.png) repeat; border:1px solid #FF7E0E;box-sizing: border-box; text-align:center; line-height:43px; font-size:18px; font-size:1.8rem; color:#3A7DBA;}

.m32{ position:absolute; left:285px; top:0px;}
.m32 p{ position:absolute; width:110px;}
.m32 p a{ display:block; font-size:20px; font-size:2rem; line-height:22px; color:#4A8ECC;}
.m32 .m3a{ width:132px; height:37px;border: solid 1px #3A7DBA;background: url(../images/zhyx41.png) repeat; line-height:35px; position:absolute; left:0px; top:154px;}
.m3p1{ left:75px; top:101px;}
.m3p2{ left:117px; top:54px;}
.m3p3{ left:152px; top:12px}

.m33{ position:absolute; left:285px; bottom:0px;}
.m33 p{ position:absolute; width:136px;}
.m33 p a{ display:block; font-size:20px; font-size:2rem; line-height:22px; color:#4A8ECC;}
.m33 .m3a{ width:132px; height:37px;border: solid 1px #3A7DBA;background: url(../images/zhyx41.png) repeat; position:absolute; left:0px; bottom:151px; font-size:18px; font-size:1.8rem;}
.m3p4{ left:75px; bottom:92px;}
.m3p5{ left:117px; bottom:48px;}
.m3p6{ left:152px; bottom:8px}

.m34{ position:absolute; left:662px; top:0px;}
.m34 p{ position:absolute; width:280px;}
.m34 p a{ display:block; font-size:20px; font-size:2rem; line-height:22px; color:#4A8ECC;}
.m34 .m3a{ width:132px; height:37px;border: solid 1px #3A7DBA;background: url(../images/zhyx41.png) repeat; line-height:35px; position:absolute; left:0px; top:163px;}
.m3p7{ left:36px; top:104px;}
.m3p8{ left:77px; top:59px;}

.m35{ position:absolute; left:664px; bottom:16px;}
.m35 p{ position:absolute; width:110px;}
.m35 p a{ display:block; font-size:20px; font-size:2rem; line-height:22px; color:#4A8ECC;}
.m35 .m3a{ width:132px; height:37px;border: solid 1px #3A7DBA;background: url(../images/zhyx41.png) repeat; line-height:35px; position:absolute; left:0px; bottom:151px;}
.m3p9{ left:42px; bottom:87px;}
.m3p10{ left:81px; bottom:48px;}

.m36{ position:absolute; top:159px; right:0px;}
.m36 .m3a{ width:132px; height:37px;border: solid 1px #3A7DBA;background: url(../images/zhyx41.png) repeat; line-height:35px;}
.m37{ position:absolute; bottom:155px; right:0px;}
.m37 .m3a{ width:132px; height:37px;border: solid 1px #3A7DBA;background: url(../images/zhyx41.png) repeat; line-height:35px;}
/*.m3n a:hover{ color:#ff7e0e;}*/
.feiji2{ display:none}
/*@media screen and (min-width:1220px) and (max-width:1619px) {
 .m3n{ width:980px; margin:auto; position:relative; height:490px; margin-top:98px;}
 .feiji{ margin-left:60px;}
 .m32{ left:200px;}
 .m33{ left:200px;}
 .m34{ left:562px;}
 .m35{ left:564px;}
}*/
@media screen and (min-width:1000px) and (max-width:1219px) {
 .m3n{ width:980px; margin:auto; position:relative; height:490px; margin-top:98px;}
 .feiji{ margin-left:40px;}
 .m32{ left:200px;}
 .m33{ left:200px;}
 .m34{ left:562px;}
 .m35{ left:564px;}
 .m31 .m3a{width: 140px;}
.m3a{font-size: 16px;font-size: 1.6rem;height: 40px!important;line-height: 40px!important;}
.m32 p a,.m33 p a,.m34 p a,.m35 p a,
.m32 .m3a,.m33 .m3a,.m34 .m3a,.m35 .m3a,.m36 .m3a,.m37 .m3a{font-size: 14px;font-size: 1.4rem;}
.m32 .m3a,.m33 .m3a,.m34 .m3a,.m35 .m3a,.m36 .m3a,.m37 .m3a{width: 110px;}

}
@media screen and (max-width:999px) {
 .main3{ background:#F9F9F9 url(../images/m3bei.png) no-repeat center top; padding-top:30px; padding-bottom:35px;}
 /*.m3biao{ background:none; font-size:20px; font-size:2rem;}*/
 .m3n{ width:640px; margin:auto; position:relative; height:330px; margin-top:28px;}
 .feiji{ width:570px; margin-left:20px;}
 .m3a{ width:100px; height:23px!important; line-height:23px!important; font-size:12px; font-size:1.2rem;}
 .m31{ width:102px; height:25px; top:50%; margin-top:-20px;left: -10px;}

 .m32{ position:absolute; left:106px; top:0px;}
 .m32 p{ position:absolute; width:70px;}
 .m32 p a{ font-size:12px; font-size:1.2rem;}
 .m32 .m3a{ width:100px; height:23px; line-height:23px; top:110px;}
 .m3p1{ left:40px; top:80px;}
 .m3p2{ left:70px; top:40px;}
 .m3p3{ left:100px; top:12px}

 .m33{ position:absolute; left:106px; bottom:0px;}
 .m33 p{ position:absolute; width:90px;}
 .m33 p a{ display:block; font-size:12px; font-size:1.2rem; line-height:22px; }
 .m33 .m3a{ width:100px; height:23px; line-height:23px; bottom:120px;  font-size:12px; font-size:1.2rem;}
 .m3p4{ left:40px; bottom:92px;}
 .m3p5{ left:70px; bottom:55px;}
 .m3p6{ left:100px; bottom:13px}

 .m34{ position:absolute; left:340px; top:0px;}
 .m34 p{ position:absolute; width:170px;}
 .m34 p a{ display:block; font-size:12px; font-size:1.2rem; line-height:22px;}
 .m34 .m3a{ width:100px; height:23px; line-height:23px; position:absolute; left:0px; top:110px;}
 .m3p7{ left:30px; top:68px;}
 .m3p8{ left:60px; top:40px;}

 .m35{ position:absolute; left:340px; bottom:16px;}
 .m35 p{ position:absolute; width:100px;}
 .m35 p a{ display:block; font-size:14px; font-size:1.4rem; line-height:22px; }
 .m35 .m3a{ width:100px; height:23!importantpx; line-height:23px!important; position:absolute; left:0px; bottom:104px;}
 .m3p9{ left:30px; bottom:78px;}
 .m3p10{ left:60px; bottom:48px;}

 .m36{ position:absolute; top:100px; right:0px;}
 .m36 .m3a{ width:90px; height:23px; line-height:23px;}
 .m37{ position:absolute; bottom:113px; right:0px;}
 .m37 .m3a{ width:90px; height:23px; line-height:23px;}
}
@media only screen  and (max-width: 767px) {
	.m3biao{ background:none; font-size:24px; font-size:2.4rem;}
}
@media screen and (max-width:669px) {
 .feiji{ display:none;}
 .feiji2{ display:block; margin:auto; padding-top:25px;}
 .feiji2 img{ display:block; margin:auto; width:100%; max-width:201px; max-height:291px;}
 .m3n{ width:280px; margin:auto; position:relative; height:340px; margin-top:28px;}
 .m31{ left:50%; margin-left:-51px; top:0px; margin-top:auto;}
 .m32{ left:0px; top:70px;}
 .m33{ left:auto; right:0px; top:70px;}
 .m34{ left:0px; top:210px;}
 .m35{ left:auto; right:0px; top:210px;}
 .m32 .m3a,.m33 .m3a,.m34 .m3a,.m35 .m3a{ position:relative; top:auto; bottom:auto; left:auto; right:auto;}
 .m32 p,.m33 p,.m34 p,.m35 p{ display:none}
 .m36{ top:auto; bottom:0px; left:30px;}
 .m37{ bottom:0px; right:30px;}
}
/*six-box*/
.six-box{
	text-align: center;
	padding: 105px 0 121px;
}
.six-title{
	font-size: 30px;
	font-size: 3rem;
	color: #3A7DBA;
}
.six-title .title-span{
	position: relative;
	z-index: 3;
	color: #3A7DBA;
}
.six-title .bei3{
	font-size: 50px;
	font-size: 5rem;
	color: #FF7E0E;
	position: relative;
	top: 8px;
	left: -8px;
}
.six-title .bei3:before{
	position: absolute;
	content: '';
	left:-111px;
	width: 111px;
	height: 113px;
	top: 50%;
	margin-top: -57px;
	background: url(../images/zhyx1.png);
	z-index: 2;
}
.six-btn{
	display: block;
	margin:37px auto 84px;
	width:190px;
	height:46px;
	line-height: 48px;
	border-radius:5px;
	background-color: #FF7E0E;
	color: #FFFFFF;
	font-size: 20px;
	font-size: 2rem;
}
.six-btn:hover{background-color: #3A7DBA;border-radius:23px;}
.six-btn span{
	background: url(../images/zhyx8.png) no-repeat -22px -10px;
	color: #FFFFFF;
	padding-left: 30px;
	height: 100%;
	display: inline-block;
}
.six-list li{
	float: left;
	width: 140px;
	margin-left: 72px;
	font-size: 20px;
	font-size: 2rem;
}
.six-list li img{
	width: 100%;
	max-width: 140px;
	max-height: 140px;
	display: block;
	margin: 0 auto;
}
.six-list li p{margin-top: 30px;}
@media only screen and (max-width:1219px ) {
	.six-list li{
		width: 134px;
		margin-left: 35px;
	}
}
@media only screen and (max-width:999px ) {
	.six-list li{
		width: 14.66%;
		margin: 0 1%;
	}
	.six-box{padding: 50px 0;}
	.six-title .bei3:before{background-image: none;}
}
@media only screen and (max-width:767px ) {
	.six-box{padding: 30px 0}
	.six-title{font-size: 24px;font-size: 2.4rem;}
	.six-title .bei3{font-size: 32px;font-size: 3.2rem;top: 2.5px;}
	/*.six-title .bei3:before{
		left:-80px;
		width: 80px;
		height: 80px;
		top: 50%;
		margin-top: -40px;
		background-size: 100%;
	}*/
	.six-btn{
		margin: 20px auto;
		font-size: 16px;
		font-size: 1.6rem;
		height: 40px;
		line-height: 40px;
	}
	.six-btn span{
		background-position: -22px -13px;
	}
	.six-list li p{margin: 15px 0;font-size: 12px;font-size: 1.2rem;}
	.six-list li{font-size: 16px;font-size: 1.6rem;}
	.six-list li img{width: 70%;}
}
@media only screen and (max-width:640px ) {
	.six-list li{
		width: 21%;
		margin: 0 2%;
	}
}
@media only screen and (max-width:550px ) {
	.six-list li{
		width: 29.33%;
		margin: 0 2%;
	}
}

/*留言免费获取外贸建站+海外推广方案*/
.leave-mes{
	background: url(../images/zhyx18.png) no-repeat top center;
	padding: 60px 0 44px;
}
.lmes-title{
	font-size: 30px;
	font-size: 3rem;
	color: #F5F5F5;
	text-align: center;
	margin-bottom: 45px;
}
.lmes-form{
	width: 527px;
	margin: 0 auto;
	font-size: 16px;
	font-size: 1.6rem;
}
.lmes-form .lmes-name,
.lmes-form .lmes-tel{
	width: 100%;
	height: 52px;
	line-height: 52px;
	margin-bottom: 11px;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
}
.lmes-form .lmes-textarea{
	width: 100%;
	height: 200px;
	resize: none;
	margin-bottom: 11px;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
}
.lmes-code{
	width: 257px;
	height: 43px;
	line-height: 42px;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
}
.lmes-codeimg{
	margin:0 18px 0 13px;
	float: left;
}
.lmes-span{
	color: #F5F5F5;
	line-height: 48px;
	cursor: pointer;
}
.lmes-btn{
	width:122px;
	height:42px;
	line-height: 42px;
	background:#FF7E0E;
	border-radius:5px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFFFFF;
	margin: 24px auto 0;
	display: block;
	cursor: pointer;
}
@media only screen and (max-width:767px ) {
	.leave-mes{
		padding: 30px 0;
	}
	.lmes-title{font-size: 24px;font-size: 2.4rem;margin-bottom: 15px;}
	.lmes-form input{
		height: 40px!important;
		line-height: 40px!important;
		font-size: 14px!important;
		font-size: 1.4rem!important;
		padding: 0 10px!important;
	}
	.lmes-form .lmes-textarea{
		height: 150px;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 10px;
	}
	.lmes-span{font-size: 14px;font-size: 1.4rem;line-height: 40px;}
	.lmes-codeimg{height: 40px;margin: 0 5px;}
	.lmes-btn{margin: 15px auto 0;}
}
@media only screen and (max-width:550px ) {
	.lmes-form{width: 100%;}
	.lmes-code{width: 40%;}
}
@media only screen and (max-width:350px ) {
	.lmes-code{width: 30%;}
}
/*整合营销四部曲*/
.four-box{
	text-align: center;
	padding: 76px 0 138px;
	background-color: #f9f9f9;
}
.four-title{
	font-size:30px;
	font-size: 3rem;
	color: #3A7DBA;
	margin-bottom: 66px;
}
.four-list li{
	float: left;
	width: 25%;
	/*height: 300px;*/
	padding: 15px 0 38px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.four-list li:hover .h1,.four-list li:hover .h2,
.four-list li:hover .h3,.four-list li:hover .h4{width: 18px;}
.four-list li:hover .h6,.four-list li:hover .h7{height: 100%;}
.four-list li:hover .h5,.four-list li:hover .h8{width: 100%;}
/*.four-list li:hover{
	background: url(../images/zhyx14.png) no-repeat top ;
	background-size: 100%;
}*/
.four-list .four-item-title{
	font-size: 20px;
	font-size: 2rem;
	color: #1367AF;
}
.four-list .four-item-word{
	line-height: 24px;
	width: 180px;
	margin: 0 auto;
}
.four-box .four-item-img{
	width: 103px;
	margin: 46px auto 23px;
}
.four-box .four-item-img img{
	display: block;
	width: 100%;
	max-width: 103px;
	max-height: 103px;
	margin: 0 auto;
}
@media only screen and (max-width:1219px ) {
	.four-list li{
		/*height: 245px;*/
	}
	.four-box .four-item-img{
		margin: 15px auto;
	}
}
@media only screen and (max-width:999px ) {
	/*.four-list li:hover{background-image: none;}*/
	.four-box{padding: 50px 0;}
	.four-title{margin-bottom: 10px;}
	.four-list li{height: auto;padding: 15px 0;}
	.four-box .four-item-img{margin:10px auto;}
	.four-box .four-item-img{width: 50%;}
}
@media only screen and (max-width:767px ) {
	.four-box{padding: 30px 0 20px;}
	.four-list li{padding: 10px 0;}
	.four-title{font-size:24px;font-size: 2.4rem;}
	.four-list .four-item-title{font-size: 16px;font-size: 1.6rem;}
	.four-list .four-item-word{
		width: 80%;
		font-size: 12px;
		font-size: 1.2rem;
		height: 44px;
		line-height: 22px;
	}
}
@media only screen and (max-width:600px ) {
	.four-list li{
		width: 50%;
	}
}
/*海外营销推广*/
.overseas-marketing{text-align: center;padding:75px 0 0;overflow: hidden;}
.om-title{font-size: 30px;font-size: 3rem;color: #3A7DBA;}
.om-subt{font-size: 18px;font-size: 1.8rem;margin: 16px 0 48px;}

.om-left{float: left;width: 51.84%;}
.om-left-title{font-size: 24px;font-size: 2.4rem;text-align: left;margin: 40px 0 47px;}
.om-l-content{position: relative;}
.om-l-content600{width: 100%;max-width: 622px;max-height: 284px;display: block;margin: 0 auto;display: none;}
.om-l-content img{width: 100%;max-width: 622px;max-height: 284px;display: block;margin: 0 auto;}
.om-l-list{width: 102px;position: absolute;left: 20px;top: 15.49%;}
.om-l-list2{width:137px;right: 0!important;bottom: 10.915%!important;left: auto;top: auto;}
.om-l-list li{
	background: url(../images/zhyx15.png) no-repeat left center;
	font-size: 18px;
	font-size: 1.8rem;
	padding-left: 29px;
	margin-bottom: 24px;
	text-align: left;
	cursor: pointer;
}
.om-l-list li:hover{color: #3A7DBA;}
.om-right{float: right;position: relative;width: 38.84%;}
.om-right-img{width: 100%;max-width: 466px;max-height: 528px;display: block;margin: 0 auto;}
.fdj{position: absolute;left: 50%;bottom: 18.74%;width: 80px;margin-left: -40px;display: inline-block;}
.fdj p{font-size: 20px;font-size: 2rem;font-weight: bold;color: #00B0F0;margin-top: 13px;}
@media only screen and (max-width: 999px) {
	.overseas-marketing{padding: 50px 0 0 ;}
	.om-subt{margin: 15px 0 30px;}
	.om-left{float: none;width: 622px;margin: 0 auto;}
	.om-left-title{margin: 0 0 20px;}
	.om-right{float: none;width: 100%;margin: 0 auto;}
}
@media only screen and (max-width:767px ) {
	.overseas-marketing{padding: 30px 0 0;}
	.om-title{font-size: 24px;font-size: 2.4rem;}
	.om-subt{font-size: 14px;font-size: 1.4rem;margin: 10px 0 0;}
	.om-left-title{font-size: 18px;font-size: 1.8rem;text-align: left;margin: 20px 0;}
	
	/*.om-l-list li{font-size: 16px;font-size: 1.6rem;margin-bottom: 10px;}*/
	.fdj p{font-size: 16px;font-size: 1.6rem;}
	.fdj img{width: 30px;}
}
@media only screen and (max-width: 622px) {
	.om-left{width:100%;}
	.om-l-content{display:none}
	.om-l-content600{display: block;}
}
/*five*/
.five-box{
	background: url(../images/zhyx39.png) no-repeat top center;
}
.five-list li{
	position: relative;
	float: left;
	width: 171px;
	margin: 173px 0 166px 86px;
}
.item-circle{
	width: 100%;
	height: 171px;
	background: url(../images/zhyx38.png) no-repeat center;
	background-size: contain;
	text-align: center;
	position: relative;
	transition: all .35s;
	-webkit-transition: all .35s;
	max-width: 171px;
	margin: 0 auto;
}
.item-circle .item-num{
	color: #FFFFFF;
	line-height: 164px;
	font-size: 124px;
	font-size: 12.4rem;
	opacity: .3;
}
.item-circle .item-title{
	display: block;
	width: 96px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 36px;
	color: #FFFFFF;
	text-shadow: 3px 0 7px rgba(0,0,0,.35);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -48px;
}
.double-line{margin-top: -36px!important;}
.hover-item-title {
	display: block;
	width: 100%;
	font-size: 24px;
	font-size: 2.4rem;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	display: none;
	transition: all .35s;
	-webkit-transition: all .35s;
}
.item-word {
	color: #FFFFFF;
	line-height: 24px;
	margin: 12px 0 0;
	transition: all .35s;
	-webkit-transition: all .35s;
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
}
.five-list li:hover .item-circle{background-image:url(../images/zhyx38_1.png);margin-top: -50px;}
.five-list li:hover .hover-item-title{display: block;}
.five-list li:hover .item-word{display: block;}
.five-list li:hover .item-num{opacity: 0;}
.five-list li:hover .item-title{display: none;}
@media only screen and (max-width:1219px ) {
	.five-list li{
		width: 171px;
		margin: 168px 0 158px 31px;
	}
}
@media only screen and (max-width:999px ) {
	.five-list li{
		width: 18%;
		margin: 50px 1% 50px 1%;
	}
	.item-circle .item-title{
		font-size: 22px;
		font-size: 2.2rem;
	}
	.double-line{margin-top: -30px!important;}
	.item-circle{height: auto;}
	.item-circle .item-num{
		line-height: 160px;
		font-size: 100px;
		font-size: 10rem;
	}
	
	.item-word{display: block;position: relative;}
	.five-list li:hover .hover-item-title{display: none;}
	.five-list li:hover .item-title{display: block;}
	.five-list li:hover .item-num{opacity: .3;}
	.five-list li:hover .item-circle{background-image: url(../images/zhyx38.png);margin-top: 0;}
}
@media only screen and (max-width:767px ) {
	.five-list li{margin: 30px 1%;}
	.item-circle .item-num{
		font-size: 80px;
		font-size: 8rem;
		line-height: 100px;
	}
	.item-circle .item-title{
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		width: 60%;
		margin-left: -30%;
	}
	.double-line{margin-top: -24px!important;}
	.item-word{font-size: 12px;font-size: 1.2rem;line-height: 20px;}
}
@media only screen and (max-width: 640px) {
	.five-box{padding: 20px 0;}
	.five-list li{
		width: 31.33%;
		margin: 10px 1% 10px 1%;
	}
	.item-circle .item-num{
		font-size: 60px;
		font-size: 6rem;
		line-height: 80px;
	}
	.item-circle .item-title{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		width: 60%;
		margin-left: -30%;
	}
	.item-word{line-height: 16px;}
	.item-circle{max-width: 100px;}
}

/*搜索引擎优化(SEO) 社交媒体营销 start*/
.seo-box{text-align: center;padding: 74px 0 90px;overflow: hidden;}
.seo-title,.sm-title{font-size: 30px;font-size: 3rem;color: #3A7DBA;}
.seo-subt,.sm-subt{font-size: 18px;font-size: 1.8rem;margin: 18px 0 0;}
.seo-box img{margin: 61px auto 33px;width: 84.75%;}
.seo-inst{font-size: 18px;font-size: 1.8rem;}
.social-media{text-align: center;overflow: hidden;}
.social-media img{margin: 47px auto 104px;width: 99.83%;}
@media only screen and (max-width:999px ) {
	.seo-box{padding: 50px 0;}
	.social-media img{margin: 48px auto;}
}
@media only screen and (max-width:767px ) {
	.seo-box{padding: 30px 0;}
	.seo-title,.sm-title{font-size: 24px;font-size: 2.4rem;}
	.seo-subt,.sm-subt{font-size: 14px;font-size: 1.4rem;margin: 10px 0 0;}
	.seo-box img{margin: 20px 0;width: 90%;}
	.seo-inst{font-size: 14px;font-size: 1.4rem;}
	.social-media img{margin: 20px auto 30px;width: 100%;}
}
/*搜索引擎优化(SEO) 社交媒体营销 end*/
/*想要获得更多外商关注？点我咨询吧*/
.consulting-box{
	text-align: center;
	background: url(../images/zhyx21.png) no-repeat top center;
	padding: 57px 0 42px;
}
.consulting-title{font-size: 30px;font-size: 3rem; color: #FFFFFF;}
.consulting-tel{font-size: 20px;font-size: 2rem;color: #FD7C0E;margin: 14px 0 39px;}
.consulting-box .consulting-btn{
	display: block;
	width: 229px;
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	background-color: #FD7C0E;
	font-size: 18px;
	font-size: 1.8rem;
	margin:0 auto;
}
.consulting-box .consulting-btn:hover{background-color: #3A7DBA;border-radius: 30px;}
.consulting-box .consulting-btn span{
	background: url(../images/zhyx22.png) no-repeat left center;
	color: #FFFFFF;
	padding-left: 42px;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
}
@media only screen and (max-width:767px ) {
	.consulting-box{padding: 30px 0;}
	.consulting-title{font-size: 24px;font-size: 2.4rem;}
	.consulting-tel{font-size: 16px;font-size: 1.6rem;margin: 10px 0 20px;}
	.consulting-box .consulting-btn{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		font-size: 1.6rem;
		width: 170px;
	}
	.consulting-box .consulting-btn span{
		background: url(../images/zhyx22.png) no-repeat left center;
		background-size: 25px;
		padding-left: 30px;
	}
}
/*B2B营销*/
.b2b-box{text-align: center;padding: 93px 0 132px;}
.b2b-title{font-size: 30px;font-size: 3rem;color: #3A7DBA;}
.b2b-subt{font-size: 18px;font-size: 1.8rem;margin: 17px 0 56px;}
@media only screen and (max-width:999px ) {
	.b2b-box{padding: 50px 0 60px;}
}
@media only screen and (max-width:767px ) {
	.b2b-box{text-align: center;padding: 30px 0 40px;}
	.b2b-title{font-size: 24px;font-size: 2.4rem;}
	.b2b-subt{font-size: 14px;font-size: 1.4rem;margin: 10px 0 20px;}
}
.b2b-list li{
	float: left;
	width: 25%;
	position: relative;
}
.b2b-list li p{font-size: 20px;font-size: 2rem;letter-spacing: .5px;}
.b2b-list li.b2b-item1 p{color: #3A7DBA;}
.b2b-list li.b2b-item2 p{color: #81BF32;}
.b2b-list li.b2b-item3 p{color: #E44227;}
.b2b-list li.b2b-item4 p{color: #61BFA5;}
.b2b-list li .b2b-item-img{
	width: 54%;
	margin: 0 auto;
	position: relative;
}
.b2b-list li .b2b-item-img:after{
	position: absolute;
	content: '';
	width: 135.8%;
	height: 100%;
	top: 0;
	right: -110%;
	background:url(../images/zhyx37.png) no-repeat center;
	background-size: 100%;
	z-index: 3;
}
.b2b-list li.b2b-item4 .b2b-item-img:after{width: 0;}
.b2b-list li img{
	width:100%;
	max-width: 162px;
	max-height: 162px;
	display: block;
	margin:22px auto 0;
	position: relative;
	z-index: 4;
}

@media only screen and (max-width:767px ) {
	.b2b-list li p{font-size: 16px;font-size: 1.6rem;}
	.b2b-list li img{margin: 15px auto 0;}
}
@media only screen and (max-width:600px) {
	.b2b-list li{width: 50%;margin-bottom: 15px;}
	.b2b-list li.b2b-item2 .b2b-item-img:after{width: 0;}
}
.b2b-scroll.img-scroll{
	position: relative;
	width: 100%;
	padding: 0 73px 0 82px;
	box-sizing: border-box;
	margin-top: 75px;
}
.b2b-scroll.img-scroll .prev,.b2b-scroll.img-scroll .next{
	width: 27px;
	height: 27px;
	z-index: 9999;
	border: 0;
	position: absolute;
	top: 50%;
	margin-top: -13.5px;
	background-size: contain!important;
	cursor: pointer;
}
.b2b-scroll.img-scroll .prev{background: url(../images/zhyx27.png) no-repeat left center;left: 0;}
.b2b-scroll.img-scroll .next{background: url(../images/zhyx28.png) no-repeat left center;right: 0;}
.b2b-scroll.img-scroll .prev:hover{background: url(../images/zhyx27_1.png) no-repeat left center;}
.b2b-scroll.img-scroll .next:hover{background: url(../images/zhyx28_1.png) no-repeat left center;}
.b2b-scroll .img-list {position:relative;width:100%;overflow: hidden;}
.b2b-scroll .img-list ul {width: 1000%;}
.b2b-scroll .img-list li {
	float: left;
	display: inline;
	width:1.545%;
	margin-right: 0.155%;
}
.b2b-scroll img{width: 100%;max-width: 159px;max-height: 52px;display: block;margin: 0 auto;}
@media only screen and (max-width:1219px ) {
	.b2b-scroll .img-list li{
		width: 1.54%;
		margin-right: .15%;
	}
}
@media only screen and (max-width:999px ) {
	.b2b-scroll.img-scroll{padding: 0 50px;margin-top: 50px;}
	.b2b-scroll .img-list li{
		width: 1.88%;
		margin-right: .15%;
	}
}
@media only screen and (max-width:767px ) {
	.b2b-scroll.img-scroll .prev,.b2b-scroll.img-scroll .next{
		width: 22px;
		height: 22px;
		margin-top: -11px;
	}
	.b2b-scroll.img-scroll{padding: 0 30px;}
	.b2b-scroll.img-scroll{margin-top: 30px;}
	.b2b-scroll .img-list li{
		width: 2.38%;
	}
}
@media only screen and (max-width:600px ) {
	.b2b-scroll .img-list li{width: 3.2%;}
}
@media only screen and (max-width:400px ) {
	.b2b-scroll .img-list li{width: 4.85%;}
}

/*数据报告*/
.data-report{text-align: center;padding-bottom: 107px;}
.dr-title,.hzc-title{font-size: 30px;font-size: 3rem;color: #3A7DBA;}
.dr-subt,.hzc-subt{font-size: 18px;font-size: 1.8rem;margin: 18px 0 23px;}
.data-report img{width: 93.75%;}
/*合作客户*/
.hz-customer{text-align: center;padding-bottom: 70px;}
.hz-customer img{width: 100%;}
@media only screen and (max-width:999px ) {
	.data-report{padding-bottom:50px;}
	.hz-customer{padding-bottom: 50px;}
}
@media only screen and (max-width:767px ) {
	.data-report{padding-bottom:30px;}
	.dr-title,.hzc-title{font-size: 24px;font-size: 2.4rem;}
	.dr-subt,.hzc-subt{font-size: 14px;font-size: 1.4rem;margin:10px 0;}
	.hz-customer{padding-bottom: 30px;}
}
/*****外贸型网站******************************************************************************/
.top4-list{
	padding: 68px 0 75px;
}
.top4-list li{
	float: left;
	width: 380px;
	margin-left: 26px;
	cursor: pointer;
}
.top4-list li .top4-item-box{
	width: 100%;
	max-width: 380px;
	border: solid 1px #e5e5e5;
	border-radius: 5px;
	padding: 12px 15px 13px;
	box-sizing: border-box;
	margin: 0 auto;
}

.top4-list li .top4-item{
	width: 100%;
	/*height: 100%;*/
	border: solid 1px #E5E5E5;
	border-radius: 5px;
	padding: 27px 20px 20px ;
	box-sizing: border-box;
}
.top4-list li .top4-item-box:hover{
	box-shadow:0 0 20px 0px rgba(19,103,175,0.2);
}
.top4-item img{
	float:left;
	width: 118px;
	max-width: 118px;
	max-height: 118px;
}
.top4-item p{
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	color: #1367AF;
	margin-left: 23px;
	float: left;
}
.top4-item .span_num{
	font-size: 52px;
	font-size: 5.2rem;
	color: #1367AF;
	font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;
	font-weight: bolder;
}
.top4-item .span_year{
	font-size: 18px;
	font-size: 1.8rem;
	color: #1367AF;
}
@media only screen and (min-width:1640px ) {
	.top-four .wp{width: 1598px!important;}
}
@media only screen and (min-width:1440px ) and (max-width:1639px ){
	.top-four .wp{width: 1400px!important;}
	.top4-list li{
		width: 335px;
		margin-left: 20px;
	}
	.top4-list li .top4-item{
		padding: 27px 15px 20px;
	}
	.top4-item img{width: 115px;}
	.top4-item p{margin-left: 10px;}
}
@media only screen and (max-width:1439px ) {
	.top4-list li{
		width: 288px;
		margin-left: 15px;
	}
	.top4-list li .top4-item{
		padding: 27px 10px 20px;
	}
	.top4-item img{width: 104px;}
	.top4-item p{margin-left: 10px;font-size: 20px;font-size: 2rem;}
}
@media only screen and (max-width:1219px ) {
	.top4-list li{
		width: 237px;
		margin-left: 10px;
	}
	.top4-list li .top4-item-box{
		padding: 10px;
	}
	.top4-list li .top4-item{
		padding: 15px 10px;
	}
	.top4-item img{width:63px;margin-top: 10px;}
	.top4-item p{margin-left: 10px;font-size: 20px;font-size: 2rem;}
	.top4-item .span_num{font-size: 45px;font-size: 4.5rem}
	.top4-item .span_year{font-size: 18px;font-size: 1.8rem;}
}
@media only screen and (max-width:999px ) {
	.top4-list{padding: 30px 0;}
	.top4-list li{
		width: 45%;
		margin: 0 2.5% 20px;
	}
	/*.top4-item img{width: 30%;}*/
}
@media only screen and (max-width:767px ) {
	.top4-item p{margin-left: 10px;font-size: 18px;font-size: 1.8rem;}
	.top4-item .span_num{font-size: 40px;font-size: 4rem}
	.top4-item .span_year{font-size: 16px;font-size: 1.6rem;}
}
@media only screen and (max-width:600px ) {
	.top4-list li{
		width: 48%;
		margin: 0 1% 20px;
	}
}
@media only screen and (max-width:500px ) {
	.top4-list li .top4-item{padding: 10px;}
	.top4-list li{
		width: 98%;
		margin: 0 1% 10px;
	}
}
/*外贸营销类网站分类*/
.site-class{text-align: center;background-color: #F9F9F9;padding: 55px 0 112px;}
.siteclass-title{font-size: 30px;font-size: 3rem;color: #1367AF;}
.siteclass-subt{font-size: 20px;font-size: 2rem;margin-top: 7px;}
.siteclass-subt span{font-size: 36px;font-size: 3.6rem;color: #FF7E0E;}
.siteclass-list li{
	float: left;
	position: relative;
	width: 25%;
	/*height: 300px;*/
	padding: 50px 0 70px 0;
	box-sizing: border-box;
	margin-top: 70px;
	position: relative;
}
.siteclass-list li p{font-size: 20px;font-size: 2rem;color: #1367AF;margin-bottom: 46px;}
.siteclass-list-img{
	display: block;
    width: 100%;
    max-width: 131px;
    max-height: 102px;
    margin: 0 auto;
}
.siteclass-list li:hover .h1,.siteclass-list li:hover .h2,
.siteclass-list li:hover .h3,.siteclass-list li:hover .h4{width: 18px;}
.siteclass-list li:hover .h6,.siteclass-list li:hover .h7{height: 100%;}
.siteclass-list li:hover .h5,.siteclass-list li:hover .h8{width: 100%;}
.h1{position: absolute;left: 0;top: 0;z-index: 9;width: 0;}
.h2{position: absolute;right: 0;top: 0;z-index: 9;width: 0;}
.h3{position: absolute;left: 0;bottom: 0;z-index: 9;width: 0;}
.h4{position: absolute;right: 0;bottom: 0;z-index: 9;width: 0;}
.h5{position: absolute;left: 0;top: 0;height: 1px;background: url(../images/hover5.png) repeat;z-index: 8;width: 0;}
.h6{position: absolute;left: 0;bottom: 0;width: 1px;background: url(../images/hover6.png) repeat;z-index: 8;height: 0;}
.h7{position: absolute;right: 0;top: 0;width: 1px;background: url(../images/hover6.png) repeat;z-index: 8;height: 0;}
.h8{position: absolute;right: 0;bottom: 0;height: 1px;background: url(../images/hover5.png) repeat;z-index: 8;width: 0;}

@media only screen and (max-width: 999px) {
	.site-class{padding: 50px 0;}
	.siteclass-list li{margin-top: 30px;padding: 30px 0;}
	.siteclass-list li p{margin-bottom: 30px;}
	.siteclass-list-img{width: 50%;}
}
@media screen and (max-width: 767px) {
	.site-class{padding: 30px 0;}
	.siteclass-title{font-size: 24px;font-size: 2.4rem;}
	.siteclass-subt{font-size: 16px;font-size: 1.6rem;}
	.siteclass-subt span{font-size: 28px;font-size: 2.8rem;}
	.siteclass-list li{margin-top: 15px;padding: 30px 0;height: auto;}
	.siteclass-list li p{font-size: 16px;font-size: 1.6rem;margin-bottom: 20px;}
	
}
@media screen and (max-width: 600px) {
.siteclass-list li{width: 50%;padding: 20px 0;}
}
/*10年见证，专注外贸营销型网站*/
@media only screen and (min-width:1440px ) {
	.years-box.wp{width: 1400px!important;}
}
@media only screen and (min-width:1640px ) {
	.years-box.wp{width: 1600px!important;}
}
.years-box{
	text-align: center;
	padding: 80px 0 60px;
}
.years-box .zxjz-btn{margin: 9px auto 0;}
.years-title{
	font-size: 30px;
	font-size: 3rem;
	color: #1367AF;
}
.years-subt{
	font-size: 20px;
	font-size: 2rem;
	margin: 37px 0 30px;
}
.tab-box .tab-options{text-align: center;display: inline-block;}
.tab-box .tab-options li{
	float: left;
	width: 77px;
	height: 39px;
	border: solid 1px #dcdcdc;
	border-radius: 3px;
	box-sizing: border-box;
	margin-left: 8px;
	line-height: 38px;
	color: #999999;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
	margin-bottom: 20px;
}
.tab-box .tab-options li.tab-active{
	background-color: #FF7E0E;
	border-color: #FF7E0E;
	color:#FFFFFF;
}
@media only screen and (max-width:1639px ) {
	.tab-box .tab-options li{width: 74px;}
}
@media only screen and (max-width:1439px ) {
	/*.tab-box .tab-options li{margin-bottom: 20px;}*/
	.tab-box .tab-options li.no_margin{margin-left:8px!important;}
}
@media only screen and (max-width:999px ) {
	.years-box{padding: 50px 0;}
	.tab-box .tab-options{margin-bottom: -20px;}
}
@media only screen and (max-width:767px ) {
	.years-box{padding: 30px 0;}
	.years-title{font-size: 24px;font-size: 2.4rem;}
	.years-subt{font-size: 16px;font-size: 1.6rem;margin: 20px 0;line-height: 24px;}
	.tab-box .tab-options li{font-size: 14px;font-size: 1.4rem;height: 36px;line-height: 36px;margin-bottom: 15px;}
	
}
.tab-content-item{display: none;padding: 20px 0 0;}
.tab-content li{
	float: left;
	width: 32.44%;
	margin-left: 1.31%;
	margin-bottom: 33px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.tab-content li .item-pic{
	width: 100%;
}
.tab-content li .item-pic img{
	width: 100%;
	max-width: 520px;
	max-height: 324px;
	display: block;
	margin: 0 auto;
}
.itemp{
	display: none;
	font-size: 16px;
	line-height: 1.6rem;
	line-height: 30px;
	padding: 0 15px;
}
.tab-content li:hover .tab-backdrop{
	bottom: 0;	
}
/*.tab-content li:hover .tab-backdrop .jz-btn{display: block;}*/
/*.tab-content li:hover .tab-backdrop .ckal-btn{display: block;}*/
.tab-backdrop{
	position: absolute;
	bottom:-999px;
	left: 0;
	width:100%;
	height:100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	background: url(../images/yxz10.png) repeat;
}
.tab-backdrop .jz-btn{
	display: block;
	width:158px;
	height:42px;
	line-height: 42px;
	border-radius:21px;
	background:#FF7E0E;
	font-size: 20px;
	font-size: 2rem;
	color: #FFFFFF;
	margin: 109px auto 29px;
}
.tab-backdrop .jz-btn:hover{background:#FFFFFF;border-radius:5px;color: #000;}
.tab-backdrop .ckal-btn{
	display: block;
	width:132px;
	height:39px;
	line-height: 38px;
	background:#FFFFFF;
	border-radius:5px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #000000;
	margin: 0 auto;
}
.tab-backdrop .ckal-btn:hover{border-radius:21px;background:#FF7E0E;color: #FFFFFF;}
@media only screen and (max-width:999px ) {
	.tab-content li{
		width: 48%;
		margin: 0 1% 20px;
	}
	.tab-backdrop{display: none;}
	.itemp{display: block;}
}
@media only screen and (max-width:767px ) {
	
}
@media only screen and (max-width:500px ) {
	.tab-content li{
		width: 98%;
		margin: 0 1% 20px;
	}
}

/*外贸营销型网站"流量+订单" 双重保障 start*/
.traffic-order{
	text-align: center;
	background: url(../images/yxz11.png) no-repeat top center;
	padding: 65px 0 55px;
	box-sizing: border-box;
	overflow: hidden;
}
.to-title{
	font-size: 30px;
	font-size: 3rem;
	color: #1367AF;
	margin-bottom: 66px;
}
.to-img{
	width: 100%;
	max-width: 1240px;
	max-height: 610px;
	display: block;
	margin: 0 auto;
}
@media only screen and (min-width:1280px) {
	.traffic-order .wp{width: 1240px!important;}
}
@media only screen and (max-width:767px ) {
	.traffic-order{padding: 30px 0;}
	.to-title{font-size: 24px;font-size: 2.4rem;margin-bottom: 30px;}
}
/*34项SEO布局-细节建站*/
.to-rank{
	text-align: center;
	padding: 56px 0 67px;
	background: url(../images/yxz14.png) no-repeat top center;
	box-sizing: border-box;
	overflow: hidden;
}
.torank-title{font-size: 30px;font-size: 3rem;color: #1367AF;}
.torank-subt{font-size: 20px;font-size: 2rem;margin: 19px 0 36px;}
.torank-img{
	width: 100%;
	max-width: 910px;
	max-height: 910px;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width:767px ) {
	.to-rank{padding: 30px 0;}
	.torank-title{font-size: 24px;font-size: 2.4rem;}
	.torank-subt{font-size: 16px;font-size: 1.6rem;margin: 15px 0;}
}
/**/
@media only screen and (min-width: 1300px) {
	.management-system .wp{width:1251px!important;}
}
.management-system{
	text-align: center;
	padding: 59px 0 73px;
	box-sizing: border-box;
	overflow: hidden;
}
.msystem-title{font-size: 30px;font-size: 3rem;color: #1367AF;margin-bottom: 37px;}
.msystem-tab-item{display: none;}
.msystem-tab-options{
	float: left;
	width: 243px;
	font-size: 16px;
	font-size: 1.6rem;
}
.msystem-tab-options li{
	width: 100%;
	height: 91px;
	line-height: 90px;
	margin-bottom: 10px;
	background-color: #f4f4f4;
	cursor: pointer;
}
.msystem-tab-options li:hover,
.msystem-active{background-color: #34A8EE!important;color: #FFFFFF!important;}
.msystem-tab-content{
	float: right;
	width: 963px;
	margin-top: 15px;
	box-shadow: 0 0 23px rgba(183,183,183,0.2);
	border-radius: 10px;
	border: solid 1px #fbfbfb;
	box-sizing: border-box;
}
.msystem-tab-item img{
	width: 100%;
	max-width: 963px;
	max-height: 556px;
	display: block;
	margin: 0 auto;
}
.zxjz-btn{
	display: block;
	width:257px;
	height:54px;
	line-height: 54px;
	background:#FF7E0E;
	border-radius:5px;
	text-align: center;
	color: #FFFFFF;
	margin: 59px auto 0;
	font-size: 18px;
	font-size: 1.8rem;
}
.zxjz-btn:hover{background-color: #3A7DBA;border-radius: 27px;}
.zxjz-btn span{
	display: inline-block;
	color: #FFFFFF;
	padding-left: 40px;
	background: url(../images/zhyx22.png) no-repeat left center;
	background-size: 26px;
}
@media only screen and (max-width:999px ) {
	.zxjz-btn{margin: 30px auto 0;}
}
@media only screen and (max-width:767px ) {
	.zxjz-btn{width:200px;height:40px;line-height: 40px;font-size: 16px;font-size: 1.6rem;margin: 30px auto 0;}
}
@media only screen and (max-width:1299px ) {
	.msystem-tab-options{width: 243px;}
	.msystem-tab-content{width: 930px;}
}
@media only screen and (max-width:1219px ) {
	.msystem-tab-options{width: 19.42%;}
	.msystem-tab-options li{height: 75px;line-height: 74px;}
	.msystem-tab-content{width: 78%;}
}
@media only screen and (max-width:999px ) {
	.msystem-tab-options li{height: 64px;line-height: 64px;}
	.management-system{padding: 50px 0;}
}
@media only screen and (max-width:767px ) {
	.msystem-tab-options{width: 100%;font-size: 14px;font-size: 1.4rem;display: inline-block;margin: 0 auto;}
	.msystem-tab-options li{float: left;width: 15.66%;margin:0 .5%;height: 50px;line-height: 50px;}
	.msystem-tab-content{width: 100%;}
	
	.management-system{padding: 30px 0;}
	.msystem-title{font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;}
}
@media only screen and (max-width:600px ) {
	.msystem-tab-options li{float: left;width: 32.33%;margin:0 .5%;height: 40px;line-height: 40px;margin-bottom: 10px;}
}
/*11道建站工序，保证网站质量*/
@media only screen and (min-width:1440px ) {
	.process11 .wp{width: 1388px!important;}
}
.process11{
	text-align: center;
	background:url(../images/yxz18.png) no-repeat top center;
	padding: 85px 0 77px;
	box-sizing: border-box;
	overflow: hidden;
}
.process11-title{
	font-size: 30px;
	font-size: 3rem;
	color: #1367AF;
	text-shadow: 6px 0 11px RGBA(23, 103, 171, 0.2);
	margin-bottom: 16px;
}
.process11-img{
	width: 100%;
	max-width: 1388px;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width:999px ) {
	.process11{padding: 50px 0;}
}
@media only screen and (max-width:767px ) {
	.process11{padding: 30px 0;}
	.process11-title{font-size: 24px;font-size: 2.4rem;}
}
/*你的网站是营销型网站吗？*/
.diagnosis-box{text-align: center;padding: 55px 0 0;max-width: 1920px;margin: 0 auto;position: relative;overflow: hidden;}
.d-title{font-size: 30px;font-size: 3rem;color: #1367AF;}
.d-subt{font-size: 20px;font-size: 2rem;margin: 15px 0 50px;}
.d-list{box-shadow: 0 -1px 10px RGBA(23, 103, 171, 0.2);}
.d-form{
	float: left;
	width: 34.11%;
	/*height: 100%;*/
	background: url(../images/yxz19.png) no-repeat;
	background-position: 112% 94%;
	background-size: 49.16%;
	/*padding: 82px 0 44px;*/
	padding:82px 0 0;
}
.d-form-title{
	font-size: 24px;
	font-size: 2.4rem;
	color: #355BB7;
	background: url(../images/yxz20.png) no-repeat left center;
	padding-left: 29px;
	box-sizing: border-box;
}
.d-form-subt{
	font-size: 42px;
	font-size: 4.2rem;
	color: #FA7B0D;
	margin: 22px 0 54px;
}
.dinput-name,.dinput-tel{
	width: 76.18%;
	height: 44px;
	line-height: 44px;
	border: solid #d2d2d2 1px;
	background-color: transparent;
	background: url(../images/yxz21.png) no-repeat 8px center;
	padding:0 10px 0 41px;
	margin-bottom: 28px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
}
.dinput-tel{
	background: url(../images/yxz22.png) no-repeat 8px center;
}
.d-textarea{
	width: 76.18%;
	height: 96px;
	border: solid #d2d2d2 1px;
	background-color: transparent;
	resize: none;
	background: url(../images/yxz23.png) no-repeat 8px 11px;
	padding: 10px 10px 10px 41px;
	box-sizing: border-box;	
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: -1px;
}
.d-btn{
	width: 102px;
	height: 46px;
	line-height: 46px;
	background: url(../images/yxz24.png) repeat-x;
	border-radius: 23px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFFFFF;
	margin:20px auto 0;
	display: block;
	cursor: pointer;
}
@media only screen and (max-width: 1772px) {
	.d-form{padding:40px 0 0;}
}
@media only screen and (max-width: 1640px) {
	.d-form{padding:40px 0 0;}
	.d-form-subt{margin: 22px 0 25px;}
}
@media only screen and (max-width: 1545px) {
	.d-form{padding:30px 0 0;}
	.d-form-subt{margin: 15px 0 15px;}
}
@media only screen and (max-width: 1460px) {
	.d-form{padding:20px 0 0;}
	.d-form-subt{margin: 15px 0 15px;}
	.dinput-name,.dinput-tel{margin-bottom: 15px;}
}
@media only screen and (max-width: 1342px) {
	.d-form{padding:20px 0 0;}
	.d-form-subt{margin: 0px 0 10px;font-size: 36px;font-size: 3.6rem;}
	.dinput-name,.dinput-tel{margin-bottom: 15px;height: 36px;line-height: 36px;}
	.d-btn{height: 40px;line-height: 40px;}
}
@media only screen and (max-width:999px ) {
	.diagnosis-box{padding: 50px 0 0;}
}
/**/
.d-item{
	width: 32.945%;
	float:left;
}
.d-item2{float: right!important;}
.d-item li{
	float: left;
	width: 33.33%;
	position: relative;
	overflow: hidden;
}
.d-item li img{
	width: 100%;
	max-width: 210px;
	max-height: 197px;
	display: block;
	margin: 0 auto;
}
.d-item-p{
	padding: 0 10px;
	line-height: 30px;
	display: none
}
.d-item li:hover .d-item-backdrop{bottom: 0;}
.d-item-backdrop{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -999px;
	height:100%;
	background: url(../images/yxz26.png) repeat;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.d-item-backdrop p{
	color: #FFFFFF;
	font-size: 22px;
	font-size: 2.2rem;
	height: 48px;
	line-height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
}

@media only screen and (max-width: 1200px) {
	.d-btn{margin-bottom: 20px;}
	.d-form{width: 100%}
	.d-item{width: 50%;}
}
@media only screen and (max-width:999px ) {
	.d-item-backdrop{display: none;}
	.d-item-p{display: block;}
}
@media only screen and (max-width: 767px) {
	.diagnosis-box{padding: 30px 0 0;}
	.d-title{font-size: 24px;font-size: 2.4rem;}
	.d-subt{font-size: 16px;font-size: 1.6rem;margin: 15px 0 20px;}
	.d-form-title{font-size: 18px;font-size: 1.8rem;}
	.d-form-subt{font-size: 24px;font-size: 2.4rem;margin: 10px 0;}
	.dinput-name, .dinput-tel{font-size: 14px;font-size: 1.4rem}
	.d-textarea{font-family: 14px;font-size: 1.4rem;}
	.d-btn{font-size: 14px;font-size: 1.4rem;height: 36px;line-height: 36px;}
}
@media only screen and (max-width: 640px) {
	.d-item{width: 100%;}
}

#online_qq_layer{ z-index:99999999999999999999999; position:fixed; right:0px; top:300px; margin-top:-135px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
#online_qq_tab{ width:25px; float:left; margin:0px; margin-top:68px; position:relative; z-index:9; }
#online_qq_tab a{ display:block; height:90px; line-height:999em; overflow:hidden;width: 25px; }
#onlineService{ display:inline;float:left;width:130px; height:454px;opacity: 1; display:block; background:url(../images/kefu_jing.png) no-repeat; border-radius:8px; padding-bottom:5px;}
.kefubiao{ display:block; line-height:25px; color:#fff; font-size:14px; text-align:center; padding-top:4px;padding-bottom: 4px; }
.kefun{  border-radius:8px; overflow:hidden; padding-bottom:2px;padding-top: 13px;}
.kefutu{ display:block; margin-bottom:0px; text-align:center;}
.kefutu img{ width:90px; height:19px;margin-top: 117px; margin-bottom:15px;}
.kefun div{background:url(../images/kefu_smalljing.png) no-repeat; width:123px; height:34px; line-height:32px; text-align:center; margin-left:4px; margin-bottom:7px}
.kefun a{ color:#fff; text-decoration:none; }
.kefun ul{ padding:0 5px;}
.kefun ul li{  padding-left:27px; padding-bottom:5px;}
.kefun ul li a{ display:block; border-bottom:1px solid #c7c7c7; color:#444444; line-height:25px; padding-left:11px;}
.kefun ul li a:hover{ color:#1769b3;}

@media screen and (max-width: 1199px) { .b-foot { display: none!important; } }
@media screen and (max-width: 1019px) {
	.foot{padding-bottom: 60px!important;}
}

@media screen and (max-width:767px) {
    #hexinjiazhi{display: none;}
}