table {
	border-spacing: 0;
	border-collapse: collapse;
}
body {
	font-family: "微软雅黑";
}
.wrap {
	width: 1200px;
	margin: 0 auto;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.header-nav nav ul {
	margin: 0;
}
.header-nav .lip .pic-a {

}
.f-cb {
	zoom: 1;
}
.f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: ".";
}
.header {
	padding-top: 24px;
	height: 84px;
	background: #fff;
	position: relative;
	z-index: 92;
}
.header-main {
	width: 1200px;
}
#hr {
	padding: 40px 0 60px 0;
}
.logo a {
	min-width: 504px;
}
.logo a img {
	/* max-width: 277px;*/
}
.logo .js {
	max-width: 195px;
	margin-top: 12px;
	padding-left: 10px;
	border-left: 1px solid #cbcbcb;
}
.pro-table td.field {
	width: 214px;
}
.pro-table .imgbox img {
	max-width: 265px;
}
.header-main .row-fluid .rt {
	float: right;
	margin-top: 20px;
	min-width: 220px;
}
.header-main .rt .tm-ico {
	background: url("../images/index-2_09.png") no-repeat center center;
}
.header-main .rt .ewm-ico {
	position: relative;
	background: url("../images/index-2_11.png") no-repeat center center;
}
.header-main .rt .ewm-ico img {
	position: absolute;
	display: none;
	max-width: none;
	top: 30px;
	left: 50%;
	margin-left: -122px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.header-main .rt .ewm-ico:hover img {
	display: block;
}
.header-main .rt .ctry {
	background: url("../images/tut_14.png") no-repeat 10% 2px;
	min-height: 20px;
	max-height: 20px;
	margin-left: 10.4%;
	padding-left: 10.4%;
	border-left: 1px solid #e0e1dd;
	margin-top: 4px;
	text-align: right;
	font-size: 14px;
	color: #a4a4a4;
	font-family: "Arial";
}
.lang {
	position: relative;
	float: left;
	margin-left: 22px;
}
.lang i {
	width: 1px;
	height: 20px;
	background: #e0e1dd;
	overflow: hidden;
	display: inline-block;
	margin-top: 4px;
}
.lang dl {
	position: absolute;
	left: 7px;
	top: -6px;
	padding: 10px 10px 16px;
	background: #fff;
	border-radius: 8px;
	margin: 0;
}
.lang dl dt {
	width: 122px;
	margin: 0;
	padding: 0;
	height: 32px;
	/*padding-left: 38px;*/
	line-height: 18px;
	/*background: url("../images/tut_14.png") no-repeat 0 2px;*/
	font-size: 14px;
	color: #000;
	font-family: "Arial";
	font-weight: normal;
}
.lang dl dd {
	display: none;
	margin: 0;
	padding: 6px 0 0;
	border-top: 1px solid #e0e0e0;
}
.lang dl dd a {
	display: block;
	font-size: 12px;
	line-height: 22px;
	color: #666;
}
.lang dl:hover {
	box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.lang dl dd a:hover {
	color: #08c;
}
nav li {
	text-align: center;
	line-height: 44px;
	margin-top: 1px;
	position: relative;
	font-family: "微软雅黑";
	font-size: 16px;
	min-width: 100px;
}
nav li a {
	color: #fff;
}
nav li i {
	display: none;
	position: absolute;
	width: 64px;
	left: 18px;
	bottom: 0;
	height: 2px;
	background: #1c69bd;
}
.header-holder {
	position: relative;
	width: 100%;
	height: 46px;
	z-index: 90;
}

.header-nav {
	width: 100%;
	height: 55px;
	background: #005ba2;
	z-index: 91;
	opacity: 0.95;
}
nav .in-a:hover {
	background: #fff;
	text-decoration: none;
	display: block;
}
.find {
	height: 46px !important;
}
.find-box {
	width: 100%;
	height: 30px;
	background: #014887;
	border-radius: 12px;
	margin-top: 8px;
}
.find .sub {
	width: 15px !important;
	background: url("../images/fdj_26.png") no-repeat center center;
	background-size: 100%;
	border: none;
	float: right !important;
	margin: 0 11px 0 0 !important;
}

.find .texts {
	background: none;
	border: none;
	color: #fff;
	border-radius: 12px 0 0 12px !important;
}
.find .texts:focus, .find .texts:hover {
	/*background:#fff;*/
}
nav li .lt-box {
	background: #fff;
	padding-top: 28px;
	width: 504px;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	display: none;
	padding-bottom: 10px;
}
.my-swiper .say {
	position: absolute;
	bottom: 0;
	text-align: center;
	color: #fff;
	line-height: 26px;
	width: 100%;
}
nav li .lt-box dl {
	float: left;
	overflow: hidden;
	padding-left: 18px;
}
nav li .lt-box dd {
	line-height: 36px;
	min-width: 115px;
}
nav li .lt-box dd a {
	color: #333;
	font-size: 14px;
	text-align: left;
	display: block;
	padding-left: 20px;
	background: url("../images/jt_33.jpg") no-repeat left -24px;
	border-bottom: 1px solid #eaeaea;
	transition: color 0.3s, border-color 0.3s, font-size 0.3s;
}
nav li .lt-box .pic-a {
	float: left;
	margin: 12px 0 0 50px;
}
nav li .lt-box dd a:hover {
	font-size: 15px;
	color: #055ead;
	border-color: #afcbe5;
	background-position: 0 13px;
}

.header-menu {
	width: 100%;
	position: absolute;
	top: 47px;
	right: 0;
	background: #0058a7;
	z-index: 11;
	padding-top: 10px;
	display: none;
}
.menu-open {
	background: url("../images/st_08.png") no-repeat center center #0058a7 !important;
	background-size: 21px 15px !important;
}
.header-menu li dd, .header-menu li dt {
	border-bottom: 1px solid #1d74c0;
	margin-right: 10px;
}
.header-menu li dd {
	display: none;
}
.header-menu li dd a {
	font-size: 12px;
}

.header-menu li a {
	line-height: 30px;
	color: #fff;
}
nav .c-had .in-a {
	background: #fff;
	color: #005580;
}
nav li .lt-box dd a:hover {
	color: #005580;
}
.header-menu li {
	float: none;
}
.header-menu li dl {
	margin-bottom: 4px;
}
.header-menu li dt {
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
	background: url("../images/jt_03.png") no-repeat right center;
	background-size: 17px 10px;
}
.unslider {
	width: 100%;
}
nav li a {
	display: block;
}
nav li:hover i {
	display: block;
}
/*nav li:hover .lt-box{
 display: block;
 }*/
.unslider .unslider-nav li {
	display: inline-block;
	float: left;
	margin: -2px 0 0 32px;
	padding: 2px 18px;
	border-radius: 30px;
	color: #fff;
	color: rgba(255,255,255,.7);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	list-style: none;
	transition: color .2s, background .2s;
}
.unslider-arrow {
	display: none;
}
.hide-menuico {
	padding: 0 5%;
	height: 100%;
	float: right;
	background: url("../images/brow_03.png") no-repeat center center;
	position: absolute;
	background-size: 21px 15px;
	right: 0;
	top: 0;
	z-index: 11;
	display: none;
}
.unslider {
	position: relative;
}
.unslider-nav {
	position: absolute;
	width: 100%;
	bottom: 1%;
	text-align: center;
}
.unslider-nav li {
	min-width: auto;
	padding: 0;
	display: inline-block;
}

/*about*/
.n_banner {
	width: 100%;
	height: auto;
	background: url("../images/n_banner2.jpg") no-repeat center center;
	background-size: 100%;
	height: 265px;
	margin-top: 107px;
}
.n_banner img {

	height: 100% !important;
}

.n_menu {
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #d4d4d4;
}

.path {
	line-height: 55px;
	margin: 0 15px;
	font-size: 13px;
}
.n_nav {

}
.n_nav li {
	float: left;
	margin: 20px 0px;
}
.n_nav li a {
	padding: 15px 15px;
	font-size: 14px;
}
.on {
	border-bottom: 2px solid #005ba2;
	color: #005ba2;
}
.n_tit {
	width: 356px;
	height: 95px;
	/*border: 2px solid #fff;*/
	margin: 0 auto;
	text-align: center;
	background: url("../images/img2.png") no-repeat center center;
}

.n_tit_p1 {
	color: #333333;
	font-size: 34px;
	margin-top: 20px;
}

.n_tit_p2 {
	s
	color: #c9c9c9;
	font-size: 34px;
}

.linian_list li {
	float: left;
	width: 20%;
	height: auto;
	text-align: center;
	margin: 55px 0px;
}
.linian_list_p1 {
	font-size: 17px;
	color: #005ba2;
	font-weight: bold;
	margin: 10px auto;
}
.linian_list_p2 {
	font-size: 14px;
	color: #696969;
	padding: 0px 15px;
}

.n_about_con {
	margin-top: 40px;
	line-height: 35px;
	text-indent: 2em;
	font-size: 14px;
}
.n_shipin {
	width: 100%;
	height: 500px;
}
.n_fazhan {
	width: 100%;
	height: 640px;
	background: url("../images/img18.jpg") no-repeat center center;
	position: relative;
}
.n_zizhi {
	width: 1300px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 45px;
}
.col-md-12 {
	width: 1200px;
	margin: 0 auto;
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.n_case {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}
.caselist_1 {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 66px 0px 10px 0px;
}
.caselist_1 li {
	border-radius: 25px;
	width: 200px;
	height: 45px;
	display: inline;
	list-style-type: none;
	padding: 10px 35px;
	margin: 0px 15px;
	text-align: center;
	background-color: #eaeaec;
}

.caselist_2 {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 0px 0px 5px 0px;
}
.caselist_2 li {
	float: left;
	width: 238px;
	height: 230px;
	border: 1px solid #cccccc;
	padding: 15px 15px;
	margin: 15px 15px;
	position: relative;
}

.n_case_p1 {
	text-align: left;
	font-size: 15px;color;#534e4e;
	font-weight: bold;
	margin: 8px 0px 3px 0px;
}
.n_case_p2 {
	text-align: left;
}

.onn {
	background-color: #f24702 !important; cursor:pointer;
}
.onn a {
	color: #fff !important;
}

.n_newlist {

}

.n_newlist li {
	width: 100%;
	height: 200px;
	background-color: #f7f7f7;
	margin-bottom: 30px;
	position: relative;
}

.newlist_time {
	background-color: #005ba2;
	width: 105px;
	height: 170px;
	padding: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.newlist_p1 {
	font-size: 45px;
	color: #fff;
	text-align: right;
	margin-top: 20px;
}
.newlist_p2 {
	font-size: 14px;
	color: #fff;
	text-align: right;
}

.newlist_p3 {
	width: 25px;
	height: 1px;
	text-align: right;
	float: right;
	margin: 9px 0px;
	background-color: #fff;
}

.newlist_p4 {
	width: 100%;
	float: right;
	text-align: right;
	color: #fff;
}
.newkist_a1 {
	color: #333;
	font-size: 17px;
	text-align: left;
	margin: 30px 0px 0px 170px;
}
.newlist_con {
	float: left;
	width: 100%;
	height: 200px;
}

.newlist_a2 {
	color: #787878;
	font-size: 13px;
	text-align: left;
	margin: 15px 0px 0px 170px;
	line-height: 25px;
	padding-right: 30px;
	overflow: hidden;
	height: 77px;
}

.more {
	display: block;
	position: absolute;
	right: 40px;
	bottom: 19px;
	width: 110px;
	height: 35px;
	color: #005ba2;
	text-align: center;
	line-height: 35px;
	border: 1px solid #005ba2;
}

.n_gdcon {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	text-align: center;
}

.gd1 {
	margin: 85px auto;
}

.gdlist {

}
.gdlist li {
	float: left;
	width: 250px;
	height: 250px;
	margin: 0px 64px 0px 0px;
	border: 1px solid #cdcdcd;
	text-align: center;
}
.gdlist li:nth-child(4) {
	margin-right: 0px !important;
}
.gdlist li p {
	font-size: 18px;
	color: #828282;
}
.gdlist li img {
	padding: 53px 0px 10px 0px;
}

.vs {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.mian_666 {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.mian_666list {
	width: 100%;
}

.mian_666list li {
	float: left;
	width: 580px;
	height: 143px;
	background-color: #fff;
	margin: 0px 40px 30px 0px;
}
.mian_666list li:nth-child(2n) {
	margin-right: 0px;
}

.mian_666_p1 {
	text-align: left;
	padding: 18px 15px 15px 175px;
	font-size: 17px;
	color: #2c2c2c;
}
.mian_666_p2 {
	text-align: left;
	padding: 0px 15px 10px 175px;
	color: #818181;
	font-size: 14px;
	line-height: 24px;
}

.main {
	width: 1200px;
	margin: 0 auto;
}

.article, .intro, .download, .document, .developer {
	margin: 20px 0px;
	border: 1px solid #c7cdd6;/*border-radius:8px;*/
	background: #f5f6f7;
	box-shadow: 0px 1px 3px #ccc;
}

.normalContent {
	background: #fff;
	/* border-radius: 0 0 10px 10px; */
	/* padding: 40px; */
}
.lastSection {
	border: none;
	margin-bottom: 0px;
}

TABLE.ListProduct8 {
	BORDER-TOP: #d3d3d3 1px solid;
	WIDTH: 100%;
	border-collapse: collapse;
}

TABLE.ListProduct8 th.lefttitle {
	BORDER-BOTTOM: #005ba2 3px solid;
	BORDER-left: #005ba2 1px solid;
	text-align: center !important;
	vertical-align: middle;
	color: #333333;
	padding: 10px 0;
	background-image: none;
}

TABLE.ListProduct8 THEAD TH span {
	font-size: 19px;
	font-weight: bold;
	color: #fff;
}

table.ListProduct8 TBODY TR:nth-child(2n+1) {
	background-color: #f8f8f8;
}
TABLE.ListProduct8 td.lefttitle, TABLE.ListProduct8 th.lefttitle {
	border-left: 1px #dadada solid;
	font-weight: bold;
	text-align: center !important;
	vertical-align: middle;
	color: #333333;
}
TABLE.ListProduct8 TBODY TD {
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;
	BORDER-left: #dddddd 1px solid;
	font-size: 14px;
	_empty-cells: show;
	padding: 2px;
	color: #333;
	text-align: center;
	line-height: 28px;
}

table.ListProduct8 td.checked {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/checkbox.gif)/*tpa=http://www.97444.cn/tpl/Home/pigcms/common/images/img/checkbox.gif*/;
}
TABLE.ListProduct8 TBODY TD {
	BORDER-BOTTOM: #eeeeee 1px solid;
	BORDER-RIGHT: #dddddd 1px solid;
	BORDER-left: #dddddd 1px solid;
	font-size: 14px;
	_empty-cells: show;
	padding: 2px;
	color: #333;
	text-align: center;
	line-height: 28px;
}
TABLE.ListProduct8 th.lefttitle {
	BORDER-BOTTOM: #005ba2 3px solid;
	BORDER-left: #005ba2 1px solid;
	text-align: center !important;
	vertical-align: middle;
	color: #333333;
	padding: 10px 0;
	background-image: none;
}

#WebId tr th {
	background-color: #005ba2;
}

table.ListProduct8 td.error {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/error.gif)/*tpa=http://www.97444.cn/tpl/Home/pigcms/common/images/img/error.gif*/;
}

.smain1 {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}

.smain1_p1 {
	text-align: center;
	width: 1200px;
	font-size: 40px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}

.smain1_p2 {
	text-align: center;
	width: 1200px;
	color: #666;
	font-size: 21px;
}

.smain2 {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	background-color: #f5f6fa;
}

.smain2_p1 {
	text-align: center;
	width: 1200px;
	font-size: 40px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
	margin-top: 45px;
}

.smain2_p2 {
	text-align: center;
	width: 1200px;
	color: #666;
	font-size: 21px;
}

.smain2_p3 {
	text-align: center;
	width: 1200px;
	color: #666;
	font-size: 16px;
	margin-top: 18px;
}
.smain2_color {
	width: 100%;
	height: auto;
	background-color: #f5f6fa;
	padding-top: 45px;
	padding-bottom: 45px;
}

.smain2list li {
	float: left;
	text-align: center;
	width: 300px;
	height: 250px;
	margin-top: 50px;
}

.smain2list li img {
	width: 145px;
	height: 150px;
}

.smain2list_p1 {
	width: 170px;
	height: 40px;
	border: 1px dashed #378bcc;
	margin: 0 auto;
	border-radius: 10px;
	color: #378bcc;
	line-height: 40px;
	font-size: 16px;
	margin-top: 20px;
}
.content {
	padding: 20px 15px;
}

.content p {
	line-height: 26px;
	color: #666;
	/*	text-indent: 2em;*/
	font-size: 15px;
}

.tuijian {
	height: 540px;
	width: 100%;
	background: url("../img/img31.jpg") no-repeat center center;
	background-size: 100% 100%;
	overflow: hidden;
	padding-bottom: 50px;
}

.db1 {
	float: left;
	width: 477px;
	height: 450px;
	margin-right: 30px;
	margin-top: 30px;
	background-color: #f5f5f5;
	padding: 53px;
	position: relative;
}
.db1 span {
	font-size: 15px;
}

.db1 input {
	width: 414px;
	height: 35px;
	margin-bottom: 25px;
}
.db1 textarea {
	width: 430px;
	height: 150px;
	margin-bottom: 25px;
	margin-left: 52px;
}
.db2 {
	float: left;
	width: 583px;
	height: px;
	margin-top: 27px;
}

.db1cc {
	position: absolute;
	left: 52px;
	right: 10px;
	bottom: 223px;
}

.db1ccc {
	position: absolute;
	left: 36px;
	right: 10px;
	bottom: 40px;
}

.db1cccc {
	margin-left: 37px;
	width: 110px !important;
	position: absolute;
	left: 68px;
	right: 10px;
	bottom: 6px;
}

.db1ccccc {
	position: absolute;
	left: 230px;
	right: 10px;
	bottom: 30px;
}

.table_mess {
	display: block;
	width: 145px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	background: #0f75bc;
	float: left;
	border: none;
	position: absolute;
	left: 330px;
	bottom: 29px;
}

.db2 h3 {
	font-size: 24px;
	color: #333;
}

.db2 ul li {
	width: 100%;
	height: 45px;
	float: left;
	padding-left: 15px;
}
.db2 ul li:nth-child(2n) {
	background-color: #f4f4f4;
}

.db2 ul li span {
	line-height: 45px;
	font-size: 17px;
	color: #585858;
}

.fenzhi {
	background-color: #f3f3f3;
	height: 300px;
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 45px;
	overflow: hidden;
}

.fenzhi_p1 {
	color: #005ba2;
	width: 300px;
	height: 50px;
	margin: 45px auto;
	font-size: 40px;
}

.fenzhi_list {
	width: 1038px;
	margin: 0 auto;
}

.fenzhi_list li {
	background-color: #f3f3f3;
	float: left;
	width: 122px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #313131;
	background-color: #005ba2;
	margin-right: 25px;
	margin-bottom: 45px;
	color: #fff;
}
.fenzhi_list li a {
	font-size: 14px;
	color: #fff;
}
.onn {

}
.onn a {

}

.map1 {
	width: 434px;
	height: 233px;
	padding: 15px;
	background-color: #fff;
	margin: 20px 0px 0px 80px;
	float: left;
}
.map2 {
	float: left;
	width: 434px;
	height: 233px;
	padding: 15px;
	margin: 20px 0px 0px 80px;
}

.map2_p1 {
	font-size: 18px;
	color: #005ba2;
	margin-bottom: 8px;
}

.map2_p2 {
	font-size: 14px;
	color: #5d5d5d;
	margin-bottom: 8px;
}
.map2_p3 {
	font-size: 14px;
	color: #5d5d5d;
	margin-bottom: 8px;
}

.hide {
	display: none;
}

.
.scrollBox {
	width: 940px;
	background: url(../img/scrollBg.png);
	padding: 10px;
	border-top: 1px solid #fff;
	position: relative;
}

.scrollBox .piclist {
	overflow: hidden;
	zoom: 1;
}

.scrollBox .ohbox {
	overflow: hidden;
	position: relative;
	width: 818px;
	left: 60px
}

.scrollBox {
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.scrollBox .piclist li {
	float: left;
	display: inline;
	width: 185px;
	background: #fff;
	border: 1px solid #c9bea9;
	margin-right: 10px;
	padding: 5px;
}

.scrollBox .piclist li span {
	height: 25px;
	line-height: 25px;
	display: block;
	text-align: center;
}

.scrollBox .pageBtn span {
	background: url(../img/bntBg.png) no-repeat;
	display: block;
	width: 37px;
	height: 59px;
	position: absolute;
	top: 72px;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden;
}

.scrollBox .pageBtn .prev {
	left: 20px;
	background-position: -11px -84px;
}

.scrollBox .pageBtn .next {
	right: 20px;
	background-position: -53px -84px;
}

.scrollBox .pageBtn .list {
	overflow: hidden;
	zoom: 1;
	margin: 10px 0 0 413px;
}

.scrollBox .pageBtn .list li {
	background: url(../img/bntBg.png);
	float: left;
	display: inline;
	width: 15px;
	height: 15px;
	background-position: -86px -57px;
	cursor: pointer;
	margin-left: 10px;
	line-height: 10000px;
	overflow: hidden;
}

.scrollBox .pageBtn .list li.on {
	background-position: -114px -57px
}

.piclist li a img {
	width: 100%;
}

.swiper_con {
	width: 255px;
	height: 72px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 225px;
	left: 10px;
}

.swiper-slide {
	position: relative;
}

.swiper_p11 {
	font-size: 15px;
	color: #000;
	height:21px;
	overflow: hidden;
	margin: 5px 0px;
}
.swiper_p22 {
	font-size: 13px;
	line-height: 20px;
}
.indexFlink ul li:nth-of-type(5n) {
	margin-right: 0px;
}
.gdlist li:hover {
	background-color: #f24702;
}
.gdlist li:hover p {
	color: #fff;
}
.hongbao {
	width: 720px;
	height: 442px;
	position: fixed;
	top: 25%;
	left: 50%;
	right: 0px;
	background: url(../img/hongbao.png) no-repeat top center;
	background-size: 100%;
	margin-left: -358px;
	display: none;
	z-index: 99999;
}
.hongbaofrom {
	width: 590px;
	height: 86px;
	margin: 255px 0px 0px 58px;
	z-index: 99999;
}
.hongbaofrom input {
	width: 275px;
    height: 35px;
    z-index: 99999;
    padding-left: 10px;
	font-size: 16px;
}
.hongbaofrom button {
	width: 287px;
	height: 38px;
	background-color: red;
	text-align: center;
	line-height: 35px;
	border: none;
	margin-left: 8px;
	color: #fff;
	font-size: 16px;
	z-index: 99999;
}
.kgkg {
	width: 38px;
	height: 41px;
	float: right;
	top: 3px;
	right: 5px;
	position: absolute;
	z-index: 99999;
}
.hb800 {
	height: 80px;
	width: 135px;
	position: fixed;
	bottom: 4%;
	 display: inline-block; 
	right: 20px;
	background: url(../img/800.png) no-repeat top center;
	background-size: 100%;
	z-index: 99999;
	 animation: myfirst 1.5s infinite;  
}
.animate-bounce-up{-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
 @-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(10px);}
         50%, 100% {-webkit-transform: translateY(0);}
         75% {-webkit-transform: translateY(-10px);}
        }

        @keyframes bounce-up {
         25% {transform: translateY(10px);}
         50%, 100% {transform: translateY(0);}
         75% {transform: translateY(-10px);}
        }
.animate-bounce-up{-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.zan{
	width:16px;
	height:16px;
	display:inline-block;
	background:url(../images/zan.png) no-repeat center;
}
.neiyeNewsArea a{
	width:560px;
	padding:15px 20px;
	float:left;
	font-size:16px;
}



/*最新分类*/
.cf{background-color:#fff;}
.hf .cf{padding-top:0px;margin:30px auto;}
.hf .cf .left{width:153px;background:#2b78d9;height:85px;vertical-align: middle;}
.hf .cf .right{width:987px;background:#fff;padding-bottom:3px;}
.hf .cf .left p{text-align:center;font-size: 18px;color:#fff;line-height: 85px;_line-height:85px;height:85px;}
.hf .cf .left p img{padding-right:13px;}
.hf .cf .left .img{padding-top:16px;text-align: center;}
.hf .cf .left a{font-size: 14px;color:#7e7e7e;line-height: }
.hf .cf .right ul{padding-top:21px;padding-left:36px;}
.hf .cf .right li{font-size: 14px;height: 32px; line-height: 32px; padding-top: 1px; padding-bottom: 1px; float: left;}
.hf .cf .right li a{padding:0 22px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;color:#7e7e7e;}
.hf .cf .right li a.hehe{color:#fff;background:#2b78d9;-moz-border-radius: 15px;-ms-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.hf .cf .right li a:hover{color:#fff;background:#2b78d9;-moz-border-radius: 15px;-ms-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.hf .cf .right .active a{color:#fff;background:#2b78d9;-moz-border-radius: 15px;-ms-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.hf .list{padding-top:42px;padding-bottom:30px;}
.hf .cf .op .right li{width:auto;margin-right:17px;font-size: 14px;}
.hf .cf .op .right{padding-bottom:0px;}
.hf .cf .op .right li.last{margin-right: 0;}
.hf .cf .op{margin-bottom:1px;}
.hf .list li,.design .case li{float:left;width:277px;height:267px;position: relative;margin-right: 30px;margin-bottom: 26px;background:#fff;}
.hf .list .last{margin-right: 0;}
.hf .list .txt{padding-left:15px;padding-top:18px;}
.hf .list .p1{font-size: 16px;color:#444;line-height: 48px;background:url(../images/cgal_07.jpg) no-repeat left top;}
.hf .list .p2{font-size: 12px;color:#898989;line-height: 18px;}
.hf .list .con{position: absolute;left:0;top:0;width:100%;height:100%;text-align: center;background:url(../images/cgal_06.png);-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity: 0;}
.hf .list .bl .con{opacity: 1;}
.hf .list .tit,.design .case .con .li_tit{font-size: 21px;color:#fff;line-height: 36px;padding-top:80px;padding-bottom:12px;}
.hf .list .hy,.design .case .con .hy{font-size: 14px;color:#fff;line-height: 30px;padding-bottom:33px;}
.hf .list a,.design .case .con a{display: block;width:120px;font-size: 16px;margin:0 auto;line-height: 44px;background:#2b78d9;border-radius: 5px;color:#fff;}





.vid-wrapper{
    width:100%;
    position:relative;
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.vid-wrapper video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%
}



.element {
	text-align: center;
    padding: 1.5rem 4rem;
    /* font-family: '微软雅黑'; */
    font-size: 1.55rem;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    background-color: #005ba2;
    opacity: 0.9;
    /* border-radius: 8rem; */
    transition: box-shadow 600ms cubic-bezier(0.33, 0.11, 0.02, 0.99);
    z-index: 999;
    margin: 150px auto;
    display: block;
    width: 100px;
    left: -26px;
    display: block;
    overflow: hidden;
    width: 172px;
    right: 0px;
}
.element:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 8px 32px 32px rgba(0, 0, 0, 0.15), 8px 64px 64px rgba(0, 0, 0, 0.15);
}
.element:active {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 8px 16px 16px rgba(0, 0, 0, 0.15), 8px 32px 32px rgba(0, 0, 0, 0.15);
}

.info {
  min-height: 20vh;
  background-color: #2c6597;
  font-family: 'Josefin Sans', sans-serif;
  color: #aaaaee;
  text-align: center;
  padding: 2rem;
  margin: 0;
}
.info a {
  color: #ddd;
  text-decoration: none;
  border-bottom: solid #ddd 1px;
}
.por{ position: relative;}  
.poa{ position: absolute;}





.lanren {
				width: 100%;
				height: auto;
				margin: 0 auto;
				overflow: hidden;
				text-align: left;
				background: #fff;
			}
			.lanren ul.list {
				overflow: hidden;
			}
			.lanren ul.list li {
				width: 20%;
				float: left;
				overflow: hidden;
				position: relative;
			}

			.lanren ul.list li img {
				width: 100%;
				height: 100%;
			}
			.lanren ul.list p {
				text-align: center;
				padding: 10px;
			}
			.lanren .more {
				overflow: hidden;
				padding: 10px;
				text-align: center;
			}
			.lanren .more a {
				display: block;
				width: 180px;
				padding: 8px 0;
				color: #fff;
				margin: 0 auto;
				background: #333;
				text-align: center;
				border-radius: 3px;
				margin: 25px auto;
			}
			.lanren .more a:hover {
				text-decoration: none;
				background: red;
				color: #fff;
			}
			.childHide {
				background-color: #000;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0px;
				left: 0px;
				opacity: 0.8;
			}
			.childImg {
				cursor: pointer;
				transition: all 0.6s;
			}
			.childImgs:hover {
				transform: scale(1.2);
			}

/*营销型网站*/
.marketing_txt{
	margin-top: 30px;
}
.marketing_txt h5{
	    display: block;
    font-size: 30px;
    color: #222;
}

.marketing_txt p{
	      display: block;
    font-size: 20px;
    color: #666;
    padding: 15px 0 35px;
}

.kh_con { background:url(../images/yxpic01.jpg) no-repeat 410px 75px; height:562px;}
.kh_con dl dt { float:left; width:363px;}
.kh_con dl dt p { height:133px; border-bottom:dotted 1px #666; margin-bottom:40px;}
.kh_con dl dt .nobor01 { border:none;}
.kh_con dl dt p img { display:block; float:left;}
.kh_con dl dt p span { display:block; float:left; width:318px; padding-left:15px;}
.kh_con dl dt p span a { display:block; font-size:20px; color:#dd2821; font-weight:bold; margin-bottom:15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.kh_con dl dt p span a:hover { padding-left:5px;}
.kh_con dl dt p span em { display:block; font-size:14px; color:#666; line-height:26px;}
.kh_con dl dd { float: right; width:363px;}
.kh_con dl dd p { height:133px; border-bottom:dotted 1px #666; margin-bottom:40px;}
.kh_con dl dd .nobor01 { border:none;}
.kh_con dl dd p img { display:block; float: right;}
.kh_con dl dd p span { display:block; float:left; width:318px; padding-right:15px; text-align:right;}
.kh_con dl dd p span a { display:block; font-size:20px; color:#dd2821; font-weight:bold; margin-bottom:15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.kh_con dl dd p span a:hover { padding-right:5px;}
.kh_con dl dd p span em { display:block; font-size:14px; color:#666; line-height:26px;}
i, em {
    font-style: normal;
   /* font-family: "Microsoft Yahei";*/
}
.marketing_box2{
	margin-top: 40px;
	width:100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background:#f5f5f5;
}
/*marketing_box3*/
.marketing_box3{
	margin-top: 45px;
	margin-bottom: 45px;
}

.marketing_box3 ul{
	margin-top: 20px;
}
.marketing_box3 ul li{
	width:200px;
	height:98px;
	margin-left: 30px;
	float: left;
margin-bottom: 20px;
	background:#f5f5f5;
}
.marketing_box3 ul li p{
	text-align: center;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
	    padding-top: 24px;
	line-height:54px;
}
.marketing_box3 ul li:hover{
	background:#0068b7;
	color: #fff;
}
.marketing_box3 ul li:hover p{
	background:#0068b7;
	color: #fff;
}

/*外贸网站*/
 .foreign_box2{ width:100%;background:#f5f5f5;overflow: hidden; }
.sc_i_total{padding-top: 30px;}
.sc_i_total dl{width:30.33%;float:left;text-align: center;margin-bottom: 20px;height:327px;overflow: hidden;padding:20px 0; background:#fff; margin-left: 23px;}
.sc_i_total dt{text-align: center;width:200px;margin:auto;border-radius: 20px;margin-bottom: 30px;}
.sc_i_total dt a{display:block;width:100%;margin:auto;height:200px;line-height: 200px;}
.dl_0 dt{ background-image: -webkit-repeating-linear-gradient(135deg,#04c3fb,#60dcfb);  background-image: -moz-repeating-linear-gradient(135deg,#04c3fb,#60dcfb);  background-image: -o-repeating-linear-gradient(135deg,#04c3fb,#60dcfb);  background-image: -ms-repeating-linear-gradient(135deg,#04c3fb,#60dcfb);  background-image: repeating-linear-gradient(135deg,#04c3fb,#60dcfb);  }
.dl_1 dt{ background-image: -webkit-repeating-linear-gradient(135deg,#83f4fc,#83b8fd);  background-image: -moz-repeating-linear-gradient(135deg,#83f4fc,#83b8fd);  background-image: -o-repeating-linear-gradient(135deg,#83f4fc,#83b8fd);  background-image: -ms-repeating-linear-gradient(135deg,#83f4fc,#83b8fd);  background-image: repeating-linear-gradient(135deg,#83f4fc,#83b8fd);  }
.dl_2 dt{ background-image: -webkit-repeating-linear-gradient(135deg,#fed491,#fd886a);  background-image: -moz-repeating-linear-gradient(135deg,#fed491,#fd886a);  background-image: -o-repeating-linear-gradient(135deg,#fed491,#fd886a);  background-image: -ms-repeating-linear-gradient(135deg,#fed491,#fd886a);  background-image: repeating-linear-gradient(135deg,#fed491,#fd886a);  }
.dl_3 dt { background-image: -webkit-repeating-linear-gradient(135deg,#fb9dfe,#ce80fd);  background-image: -moz-repeating-linear-gradient(135deg,#fb9dfe,#ce80fd);  background-image: -o-repeating-linear-gradient(135deg,#fb9dfe,#ce80fd);  background-image: -ms-repeating-linear-gradient(135deg,#fb9dfe,#ce80fd);  background-image: repeating-linear-gradient(135deg,#fb9dfe,#ce80fd);  }
.dl_4 dt { background-image: -webkit-repeating-linear-gradient(135deg,#78c9fd,#906afb);  background-image: -moz-repeating-linear-gradient(135deg,#78c9fd,#906afb);  background-image: -o-repeating-linear-gradient(135deg,#78c9fd,#906afb);  background-image: -ms-repeating-linear-gradient(135deg,#78c9fd,#906afb);  background-image: repeating-linear-gradient(135deg,#78c9fd,#906afb);  }
.dl_5 dt{ background-image: -webkit-repeating-linear-gradient(135deg,#27fbd4,#03cffd);  background-image: -moz-repeating-linear-gradient(135deg,#27fbd4,#03cffd);  background-image: -o-repeating-linear-gradient(135deg,#27fbd4,#03cffd);  background-image: -ms-repeating-linear-gradient(135deg,#27fbd4,#03cffd);  background-image: repeating-linear-gradient(135deg,#27fbd4,#03cffd);  }
.sc_i_total dd{padding:0 40px;overflow: hidden;margin-top:20px;}
.t_hidden{font-size:14px;line-height:150%;height:76px;overflow: hidden;display:block; }
.sc_i_total dl dd strong{
	font-size: 18px
}
.sc_dong{width:100%;background:url("../images/dong.png") no-repeat center center/cover;color:#fff;padding:40px 0;margin-bottom: 30px;}
.sc_dong a{color:#fff;}
.sc_dong a:hover{color:#ff6600;}
.sc_i_total dl:hover .t_hidden{
	display: block;
}

.sc_i_total dl img{
	padding-top: 46px;
}


.service_char_1{overflow: hidden;border-bottom: 1px solid #ebebeb;height: 400px;     margin-top: 43px;}
.service_char_1 .char_box{padding-top: 48px;width: 600px;}
.service_char_1 .char_box .title{font-size: 26px;color: #000;padding-left: 10px;margin-bottom: 30px; font-weight:bold;}
.service_char_1 .char_box .char{width: 550px;font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;}
.service_char_1 .img_box{width: 600px;height: 400px; text-align:center;}
.service_char_2{overflow: hidden;margin-top: 40px;border-bottom: 1px solid #ebebeb; text-align:center;}
.service_char_2 .char_2_title{height: 85px;line-height: 85px;font-size: 26px;color: #1ca28a;text-align: center;}
.service_char_2 .char_2_text{font-size: 16px;color: #444;margin-bottom: 8px;text-align: center;}
.service_char_2 .char_2_text.width{width: 550px;text-indent: 10px;margin: 0 auto;line-height: 35px;}
.service_char_2 .char_2_text a{ color:#00F;}
.service_char_2 .char_2_img{margin-top: 40px}
.service_char_2.no_border{border:none;}

.service_area {height: 582px;}
.service_area table { width: 100%; }
.service_area table td { width: 50%; height: 582px; }
.service_area table .map { position: relative; width: 480px; height: 408px; margin-left: 40px; background: url(../images/service_area.png) no-repeat center center; }
.service_area .point-area { text-align: center; position: relative; width: 150px; height: 150px; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out }
.service_area .point-area .point-name { position: absolute; font-size: 14px; text-align: left; }
.service_area .point-area .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 6px; height: 6px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent }
.service_area .point-area .point-dot { z-index: 1; background-color: #0089d2; border: 1px solid rgba(0, 205, 236, .37) }
.service_area .point-area .point-10 { width: 100%; height: 100% }
.service_area .point-area .point-10:after {     content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #0187d0;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out .9s infinite;
    animation: ripple 4.5s ease-out .9s infinite;
    height: 34px; }
.service_area .point-area .point-40 { width: 100%; height: 100% }
.service_area .point-area .point-40:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #0089d2; opacity: 0; -webkit-animation: ripple 4.5s ease-out .9s infinite; animation: ripple 4.5s ease-out .9s infinite }
lesshat-selector { -lh-property: 0 }
@-webkit-keyframes ripple {
	0% { opacity: 0; -webkit-transform: scale(.1) }
	5% { opacity: 1 }
	to { opacity: 0; -webkit-transform: scale(1) }
}
@keyframes ripple {
	0% { opacity: 0; -webkit-transform: scale(.1); transform: scale(.1) }
	5% { opacity: 1 }
	to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}

.wm_ser{ margin-top:40px;  margin-bottom: 80px;}
.wm_ser ul{width:90%; margin:0 auto; min-width:1200px; margin-top:40px; padding-bottom: 24px; }
.wm_ser ul li{ box-shadow:1px -1px 27px 3px rgba(0,0,0,0.07); width: 30%; margin-left: 1.6%;  margin-right: 1.6%; float: left; text-align:center; padding-top:50px; padding-bottom:50px; position: relative;     height: 162px;}

.wm_ser ul li h2{font-size: 26px; color: #111;font-weight: 400;}
.wm_ser ul li p{ width:80%;margin:0 auto; font-size: 16px; text-align: center; color: #555;  line-height: 30px;  margin-top: 25px;}

.wm_ser ul li span{ color:#fff; display:block; background: #ffaa06; height: 48px; line-height: 48px; border-radius: 24px; left:35%; width:30%; position: absolute; bottom:-24px; }

.wm_ser ul li span i{overflow: hidden; display: inline-block;}
.wm_ser ul li span i::before{ content:" "; width:10px;height:2px; background:#fff; display:block; float:left; margin-top: 4px;}

.wm_ser ul li span i::after{ content:" "; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff; display:block; float:left;}

/*品牌建设*/
.ser-Main2{
	height:auto;
/*	width:100%;*/
	margin-top: 60px;
	background-color: #fff;
	padding: 0px 0px 40px 0px;
}
.ser-Main-r{
	float: right;
	width: 50%;
	height: 300px;
}
.ser-Main-l{
	float: left;
	width: 50%;
}
.ser-Main-l img{
	width: 100%;
}
.ser2-p{
	color:#777575;
	float: left;
	font-size: 27px;
	margin-left: 60px;
}
.ser2-img{
	    margin-top: 16px;
	float: left;
	margin-left: 60px;
}
.ser2-ul{
	width: 100%;
	height: auto;
	   /* margin-left: 71px;*/
}
.ser2-ul li{
	width: 213px;
	height: auto;
	float:left;
	position: relative;
	cursor:pointer;
}
.ser2-ul li p {
	font-size: 16px;
	
}
.ser2-ul li p a{
	line-height: 50px;
	position: absolute;
	top:0px;
	/*left: 25px;*/
	color:#302b2b;
}
.ser2-ul li p i{
	font-size: 41px;
	color:#ff0000;
}


/**/
/*service1====================================================================================================================================================*/
.ser-Main1{
	height:705px;
	width:100%;
	background-color:#28262b;
}
.ser-Maincon{
	width: 900px;
	margin: 0 auto;
}
.ser-Mainson{color:#fff;font-size:24px;}
.ser-Mainson1{
	top: 321px;
    left: 131px;
}
.ser-Mainson2{
	top: 248px;
    left: 131px;
}
.ser-Mainson3{
	top: 169px;
    left: 131px;
}
.ser-Mainson4 {
    top: 85px;
    left: 221px;
}
.ser-Mainson5 {
    top: 40px;
    left: 404px;
}
.ser-Mainson6 {
        top: 80px;
    left: 600px;
}
.ser-Mainson7 {
   top: 165px;
    left: 670px;
}
.ser-Mainson8 {
    top: 250px;
    left: 670px;
}
.ser-Mainson9 {
    top: 330px;
    left: 670px;
}
.ser-Mainson10 {
      bottom: 26px;
    left: 371px;
}
.ser-MainsonT{
	color:#fff;font-size:26px;
}
.ser-Maincon img{
	    display: block;
	margin: 0 auto;
	padding-top: 96px;
}

.ser-Main3{
	width: 100%;
	height: 900px;
	background: url(../img/Main3bg_03.jpg)no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.ser-Main3:before{
	clear: both;
}
.ser-Main3-t{
    color: #0086cd;
    font-size: 45px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.divide80 {
    width: 100%;
    height: 80px;
}
.ser-Son1{
	height: 276px;
	width: 299px;
	float: left;
	margin-top: 2px;
}
.ser-Son2{
	height: 276px;
	width: 598px;
	float: left;
	margin: 2px 2px 0px 2px;
}
.ser-son-son{
	height: 276px;
	width: 298px;
	float: left;
}
.ser-son-son-son{
	height: 137px;
	width: 298px;
	float: left;
}
.ser-SonA{
	
}
.ser-SonA h3{
	color:#FFFFFF;
	font-size: 30px;
	margin: 60px 0px 30px 40px;
	font-weight: 100;
}
.ser-SonA p{
	color:#FFFFFF;
	font-size: 16px;
	margin: 3px 0px 0px 40px;
	font-weight: 100;
}
.ser-SonB h3{
	color:#000;
	font-size: 30px;
	margin: 60px 0px 40px 40px;
	font-weight: 100;
}
.ser-SonB p{
	color:#000;
	font-size: 16px;
	margin: 3px 0px 0px 40px;
	font-weight: 100;
}

.ser-SonC h3{
	color:#fff;
	font-size: 30px;
	margin: 20px 0px 15px 10px;
	font-weight: 100;
}
.ser-SonC p{
	color:#fff;
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	font-weight: 100;
}
.ser-sonD h3{
	color:#000;
	font-size: 30px;
	margin: 20px 0px 15px 10px;
	font-weight: 100;
}
.ser-sonD p{
	color:#000;
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	font-weight: 100;
}
.wp {
    width: 1200px;
    margin: 0 auto;
}

#lb{width:100%; height:800px;padding-top:20px;     overflow: hidden;}
.lb{width:1200px; height:800px; margin:auto;}
.lb_1{width:1200px; height:130px; border-bottom:1px double #dddddd;}
.lb_1_1{width:107px; height:94px; float:left; padding-top:18px;}
.lb_1_2{width:958px; height:130px; float:left; padding-left:40px;}
.lb_1_2_a{display:block; font-size:18px; text-align:left; padding-top:30px; color:#e77711;}
.lb_1_2_b{display:block; font-size:18px; text-align:left; padding-top:30px; color:#da5534;}
.lb_1_2_c{display:block; font-size:18px; text-align:left; padding-top:30px; color:#4bad86;}
.lb_1_2_d{display:block; font-size:18px; text-align:left; padding-top:30px; color:#00bff3;}
.lb_1_2_e{display:block; font-size:18px; text-align:left; padding-top:30px; color:#44e0cc;}
.lb_1_2_f{display:block; font-size:18px; text-align:left; padding-top:30px; color:#93e65f;}
.lb_1_2_1{display:block;  font-size:14px; text-align:left; padding-top:10px; color:#666}
/*1688*/
.pb_icons {

    padding: 20px;
    border-radius: 10px;
}

.pb_icon {
    cursor: pointer;
    float: left;
    width: 361px;
    height: 140px;
    margin: 1%;
    border-radius: 10px;
    border: 1px solid #c3c3c3;
    display: -webkit-flex;
    align-items: center;
}

.pb_icons .hig {}

.pb_icon div:nth-child(1) {
    float: left;
    width: 26%;
    margin: 28px 20px 28px 40px;
}

.pb_icon div:nth-child(2) {
    float: left;
    width: 50%;
    text-align: left;
    margin: 38px 0;
}

.pb_icon P {
    font-size: 20px;
    color: #a0a0a0;
    line-height: 30px;
}

.pb_icon span {
    font-size: 20px;
    line-height: 30px;
}

/**/
.module_box{
	width:100%;
	overflow: hidden;

}
.rea_icons {
	margin-top: 88px;
   /* float: left;
    width: 1200px;
    margin: 80px 0 100px;*/
}

.rea_icon {
    cursor: pointer;
    float: left;
    width: 16%;
    margin: 1.5%;
    padding: 30px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
}

.rea_icon p {
    margin-top: 15px;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
}
.tm_box_ul{
	margin-top: 30px;
	margin-bottom: 40px;
}
.tm_box_ul li{
	width:230px;
	float: left;
	height:73px;
	padding: 20px;
	margin-left: 30px;
	background:#f5f5f5;
}
.tm_box_ul li p{
font-weight: bold;
	font-size: 18px;
}
.tm_box_ul li span{
   height:46px;
   margin-top: 20px;
   line-height:46px;
	font-size: 14px;
}
.tm_x{
	width:100%;
	height:30px;
	border-top: 1px solid #656565;
}
.module_box2{
	overflow: hidden;
	    margin-bottom: 40px;
}
.tm_ul2{
	margin-top: 30px;
	

}
.tm_ul2 ul li{
	    float: left;
    width: 317px;
    /* background: #fff; */
    margin-left: 65px;
    height: 183px;
}
.tm_ul2 ul li h4{ color: #fff; font-size: 18px; }
.tm_ul2 ul li p{
	    margin-top: 20px;
	font-size: 14px;
	line-height:30px;
	color: #fff;

}

.adv_mes {
 /*   display: inline-block;*/
 /*   width: 100%;*/
    height: 330px;
    margin: 40px 0 60px;
}

.adv_me {
    float: left;
    width: 20%;
    height: 330px;
    padding: 20px;
    font-size: 20px;
    line-height: 25px;
    border: 1px solid #e2e2e2;
    border-left: none;
    box-sizing: border-box;
}

.adv_me:nth-child(1) {
    border: 1px solid #e2e2e2;
}

.adv_me .adv_ico {
    background: url(../images/home_ico.png) no-repeat -380px 0;
    width: 110px;
    height: 115px;
    display:inline-block;
}

.adv_me:nth-child(2) .adv_ico {
    background-position: -600px 0
}

.adv_me:nth-child(3) .adv_ico {
    background-position: -380px -115px
}

.adv_me:nth-child(4) .adv_ico {
    background-position: -600px -115px
}

.adv_me:nth-child(5) .adv_ico {
    background-position: -380px -230px
}

.adv_me:nth-child(1):hover .adv_ico {
    background-position: -270px 0
}

.adv_me:nth-child(2):hover .adv_ico {
    background-position: -490px 0
}

.adv_me:nth-child(3):hover .adv_ico {
    background-position: -270px -115px
}

.adv_me:nth-child(4):hover .adv_ico {
    background-position: -490px -115px
}

.adv_me:nth-child(5):hover .adv_ico {
    background-position: -270px -230px
}

.adv_me:hover {
    border-radius: 10px;
    color: #fff;
    border: none;
    box-shadow: 0 0 20px -1px #6f6f6f;
}

.adv_bc1:hover {
    background: linear-gradient(50deg, #ff4570, #f8c84c);
}

.adv_bc2:hover {
    background: linear-gradient(120deg, #2acbe0, #0059ff);
}

.adv_me h3 {
    padding: 20px;
}

.adv_me p {
    text-align: left;
font-size: 14px;
    line-height: 29px;
}


.b_hfbj {
    background: url(../images/adv_bar_bj1.jpg) no-repeat;
    background-position: center center;
}

.b_hfbj2 {
    background: url(../images/adv_bar_bj2.jpg) no-repeat;
    background-position: center center;
}

.b_hfbj3 {
    background: url(../images/adv_bar_bj3.jpg) no-repeat;
    background-position: center center;
}

.b_hfbj4 {
    background: url(../images/adv_bar_bj4.jpg) no-repeat;
    background-position: center center;
}

/*京东*/
.circle-pain{
    padding: 200px 0;
}
.circle-pain .circle-box{
    display: block;
    border-radius: 100%;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    position: relative;
    border: 20px solid #fc6621;
}
.circle-pain .circle-box::before{
    position: absolute;
    display: block;
    content: '';
    width: 340px;
    height: 340px;
    border-radius: 100%;
    border: 1px dashed #ddd;
    top: -90px;
    left: -90px;
}
.circle-pain .circle-box::after{
    position: absolute;
    display: block;
    content: '';
    width: 440px;
    height: 440px;
    border-radius: 100%;
    border: 1px dashed #ddd;
    top:-140px;
    left:-140px;
}
.circle-pain .circle-box > i{
    position: absolute;
    display: block;
    content: '';
    width: 540px;
    height: 540px;
    border-radius: 100%;
    border: 1px dashed #ddd;
    top:-190px;
    left:-190px;
}
.circle-pain img{
    border-radius: 100%;
        width: 100%;
}
.circle-pain .circle-box ul li{
    position: absolute;
    width: 400px;
}
.circle-pain .circle-box ul li p{
    position: relative;
    font-size: 15px;
    color: #555;
}
.circle-pain .circle-box ul li p:before{
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 8px;
    font-size: 60px;
    background: #0083cb;
    position: absolute;
    top:50%;
    z-index: 10;
}
.circle-pain .circle-box ul li:nth-child(odd) p{
    padding-right: 35px;
}
.circle-pain .circle-box ul li:nth-child(even) p{
    padding-left: 35px;
}
.circle-pain .circle-box ul li:nth-child(odd) p:before{
    right: 0;
    margin: -8px 0 0 -8px;
}
.circle-pain .circle-box ul li:nth-child(even) p:before{
    left: 0;
    margin: -8px 0 0 0;
}
.circle-pain .circle-box ul li em{
    font-size: 22px;
    display: block;
    color: #0080d9;
}
.circle-pain .circle-box ul li p{

}
.circle-pain .circle-box ul li:nth-child(1){
    text-align: right;
    top: -130px;
    left: -450px;
}
.circle-pain .circle-box ul li:nth-child(2){
    top: -190px;
    left: 215px;
}
.circle-pain .circle-box ul li:nth-child(3){
    text-align: right;
    top: 50px;
    left: -481px;
}
.circle-pain .circle-box ul li:nth-child(4){
    top: 0px;
    left: 238px;
}
.circle-pain .circle-box ul li:nth-child(5){
    text-align: right;
    top: 240px;
    left: -493px;
}
.circle-pain .circle-box ul li:nth-child(6){
    top: 205px;
    left: 120px;
}


.taobao-2{
width:100%;
    height: 647px;
background: url(../images/taobao-2.jpg) no-repeat;
}
.taobao-2 ul {
    margin: 80px -10px 0 -10px;
}
.taobao-2 ul li{
    float: left;
    width: 376px;
    margin: 0 10px 50px 10px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.taobao-2 ul li:hover{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);;
}
.taobao-2 ul li span{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    position: absolute;
    left: 50%;
    margin-top: -30px;
    box-shadow: 2px 2px 2px #ccc;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.taobao-2 ul li div{
    padding: 15px;
}
.taobao-2 ul li em{
    color: #141616;
    font-size: 22px;
    display: block;
    text-align: center;
    margin: 25px 0 5px 0;
}
.taobao-2 ul li p{
        color: #333;
      height: 44px;
        line-height: 30px;
    font-size: 14px;
}


.taobao-3{
    background: #fff;
    margin-bottom: 30px;
}
.taobao-3 ul{
    margin-top: 60px;
   /* background: url("../images/tb-2.jpg") no-repeat top center;*/
}
.taobao-3 ul li{
    width: 503px;
    background: #f2f2f2;
    padding: 20px;
    height: 200px;
    float: left;
    margin-left: 49px;
}
.taobao-3 ul li:nth-child(1),.taobao-3 ul li:nth-child(2){
    margin-bottom: 20px;
}
/*.taobao-3 ul li:nth-child(odd){
    float: left;
}
.taobao-3 ul li:nth-child(even){
    float: right;
}*/

.taobao-3 ul li em {
    font-size: 22px;
    margin-bottom: 15px;
    color: #0185cd;
    margin-top: 20px;
    display: block;
}
.taobao-3 ul li span{
    font-size: 26px;
    display: block;
    color: #333;
}
/*.taobao-3 ul li em{
    font-size: 22px;
    margin-bottom: 15px;
    color: #fa5441;
    display: block;
}*/
.taobao-3 ul li p{
    color: #333;
    font-size: 16px;
        line-height: 30px;
}
/*拼多多*/
.pdd-2{
	    margin-bottom: 65px;
    background: #fff;
}
.pdd-2 ul.u1{
    margin-top: 50px;
}
.pdd-2 ul.u1 li{
    float: left;
    position: relative;
    width: 234px;
    height: 204px;
    line-height: 204px;
    background: url("../images/pdd-1.png") no-repeat center;
}
.pdd-2 ul.u1 li span{
    position: absolute;
    font-size: 22px;
    color: #fff;
    left: 15px;
}
.pdd-2 ul.u1 li p{
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding-left: 20px;
}
.pdd-2 ul.u2{
    text-align: center;
    margin-top: 50px;
}
.pdd-2 ul.u2 li{
    width: 390px;
    float: left;
}
.pdd-2 ul.u2 li span{
    width: 180px;
    height: 180px;
    display: inline-block;
    padding-top: 20px;
    border: #0fb4ef 3px solid;
}
.pdd-2 ul.u2 li i{
    font-size: 48px;
    color: #0fb4ef;
}
.pdd-2 ul.u2 li em{
    font-size: 20px;
    color: #0fb4ef;
    font-weight: bold;
}
.pdd-2 ul.u2 li p{
    color: #0fb4ef;
}
.pdd-2 ul.u2 li > p{
    color: #555;
    padding: 20px 20px 0;
}
.pdd-3{
    background: #0080d9;
    -o-background: linear-gradient(-60deg, #0080d9 0%, #009fd9 100%);
    -moz-background: linear-gradient(-60deg, #0080d9 0%, #009fd9 100%);
    -webkit-background: linear-gradient(-60deg, #0080d9 0%, #009fd9 100%);
    background: linear-gradient(-60deg, #0080d9 0%, #009fd9 100%);
}
.pdd-3 h3 ,.pdd-3 h4{
    color: #fff;
}
.pdd-3 .pdd-owl{
    max-width: 910px;
    margin: 50px auto 0;
}
.pdd-4{

}
.pdd-4 ul{
    margin: 50px -10px 0 -10px;
}
.pdd-4 ul li{
    float: left;
    margin: 10px 25px;
    padding: 15px;
    width: 247px;
    background: #fff;
    color: #555;
    height: 100px;
    position: relative;
}
.pdd-4 ul span{
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 2px 2px 2px #ccc;
    color: #fc6621;
    margin-left: -40px;
    margin-top: 10px;
    background: #fff;
}
.pdd-4 ul p{
    font-size: 15px;
    padding: 0 15px 0 25px;
    position: absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pdd-5{
    background: #fff;
}
.pdd-5 img{
    margin-top: 50px;
}


.pdd-1{
    text-align: center;
    background: #fff;
    box-shadow: 0 3px 30px 0 #f5f7f9;
    position: relative;
    z-index: 10;
}
.pdd-container{
    margin-top: 50px;
    margin-bottom: -30px;
    height: 550px;
    position: relative;
    background: url("../images/pdd-5.png") no-repeat center/contain;
}
.pdd-container ul li{

}
.pdd-container ul li:nth-of-type(1){
    position: absolute;
    text-align: right;
    left: 180px;
    top: 95px;
}
.pdd-container ul li:nth-of-type(2){
    position: absolute;
    text-align: right;
    left: 60px;
    top: 235px;
}
.pdd-container ul li:nth-of-type(3){
    position: absolute;
    text-align: right;
    left: 205px;
    top: 390px;
}
.pdd-container ul li:nth-of-type(4){
    position: absolute;
    text-align: left;
    right: 175px;
    top: 90px;
}
.pdd-container ul li:nth-of-type(5){
    position: absolute;
    text-align: left;
    right: 105px;
    top: 230px;
}
.pdd-container ul li:nth-of-type(6){
    position: absolute;
    text-align: left;
    right: 175px;
    top: 385px;
}
.pdd-container span{
    color: #ff5858;
    font-weight: bold;
    font-size: 22px;
}
.pdd-container p{
    color: #555;
}


.ymx-4{ 
	height: 463px;
    clear: both;
    overflow: hidden;
    text-align: center;
    margin-top: 105px;
}
.ymx-4 ul{
    margin: 50px 0 0;

}
.ymx-4 ul li{
    width: 234px;
    float: left;
    height: 285px;
    background: url(../images/ymx-02.png);
    transition: all 0.5s;
    cursor: pointer;
}
.ymx-4 ul li em{
    display: block;
    color: #fc6621;
    text-align: center;
    padding-top: 35px;
    margin-bottom: 60px;
    font-size: 28px;
}

.ymx-4 ul li:hover{
    background: url(../images/ymx-03.png);
}
.ymx-4 ul li span{
    font-weight: bold;
    display: block;
    color: #333;
        font-size: 16px;
    margin-bottom: 5px;
}
.ymx-4 ul li p{
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.5s;
    color: #333;
}
.ymx-4 ul li:hover p,.ymx-4 ul li:hover span{
    color: #fff;
}
/*抖音*/
.douyin_box1 {
	overflow: hidden;
}
.douyin_txt_cont{
	width:50%;
	text-align: left;

}
.douyin_txt_cont .d_p1{
	    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #555;
    line-height: 28px;
    margin-bottom: 40px;
}

.douyin_txt_cont span{
	    font-size: 14px;
	    margin-top: 60px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    margin-bottom: 12px;
}

.douyin_txt_cont .d_p2{
	    font-size: 48px;
    font-family: AlteDIN;
    color: #0088d0;
    line-height: 48px;
}

.douyin_txt_img{
	width: 50%
}

.douyin_txt_img img{
display: inline-block;
    width: 464px;
    height: 304px;
    border-radius: 10px;
    float: right;
}


.douyin_box2{
	width:100%;
	margin-top: 30px;
    background: url(../images/taobao-2.jpg) no-repeat;
    height:574px;
    overflow: hidden;
    padding-bottom: 30px;
   /* background: -webkit-linear-gradient(0deg,#fff 0,#f9f9f9 15%);
    background: -o-linear-gradient(0deg,#fff 0,#f9f9f9 15%);
    background: -moz-linear-gradient(0deg,#fff 0,#f9f9f9 15%);
    background: linear-gradient(0deg,#fbe9c3 0,#fff 15%);*/
}
.douyin_box2 ul{
    margin: 0px -10px 0;
}
.douyin_box2 ul li{
       margin: 0 10px 20px;
    width: 350px;
    height: 118px;
    float: left;
    padding: 20px 15px;
    background: #fff;
}
.douyin_box2 ul li i{
    font-size: 100px;
    line-height: 100px;
    height: 100px;
    color: #333;
    width: 100px;
    text-align: center;
    margin-right: 15px;
    display: block;
    float: left;
}
.douyin_box2 ul li>div{

}
.douyin_box2 ul li .dy_span{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.douyin_box2 ul li .dy_p{
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    line-height:22px;
    }
.douyin_box3{
	width:100%;
	overflow: hidden;
}
.douyin_box3_ul{
	margin-top: 20px;
}
.douyin_box3_ul ul li{
	float: left;
	height:60px;
	width: 50%;
	margin-bottom: 20px;
	background:#f5f5f5;
}
.douyin_box3_ul ul li em{
float: left;
line-height:60px;
font-size: 40px;
color: #000;
font-weight: bold;
margin-left: 20px;
}
.douyin_box3_ul ul li  p{
line-height:60px;
height:16px;
margin-left: 20px;
float: left;
font-size: 20px;
}
    /*小程序*/
    .xcx_title {
	margin-top: 30px;
	text-align: center;
}

.xcx_p1 {
	font-size: 30px;
	font-weight: bold;
}

.xcx_p2 {
	font-size: 20px;
	margin-top: 20px;
	letter-spacing: 10px;
	text-transform: Uppercase;
}

.xcx_main2{ height:760px; overflow:hidden; }
.xcx_con {
	margin: 10px auto;
	padding-left: 25px;
}

.xcx_con ul li {
	width: 258px;
	height: 204px;
	float: left;
	margin-right: 35px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.xcx_txt {
	width: 258px;
	height: 45px;
	background: rgba(0, 0, 0, 0.6);
	/*透明背景色，不透明其文字内容*/
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-family: "微软雅黑";
}

.xcx_txt h3 {
	font-size: 15px;
	font-weight: 100;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-weight: bold;
	color:#fff;
}

.xcx_txt p {
	font-size: 13px;
	margin: 10px;
	line-height: 20px;
}

.xcy_box2 {
	background: url(../images/xcx_box2.jpg) no-repeat center;
	width: 100%;
	height: 805px;
	overflow: hidden;
	margin-top: 85px;
}

.xcx_p {
	color: #fff;
}

.title2 {
	padding-top: 20px;
}

.xcx_case {
	width: 1200px;
	overflow: hidden;
	margin-top: 62px !important;
}

.xcx_left {
	width: 200px;
}

.xcx-nav li {
	background-color: rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: 0.3s;
}

.xcx-nav li p {
	display: block;
	height: 60px;
	line-height: 60px;
	padding-left: 40px;
	box-sizing: border-box;
	text-align: left;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

.xcx-nav li p i {
	display: inline-block;
	width: 29px;
	height: 25px;
	margin-right: 18px;
	margin-bottom: -6px;
	background: url(../images/i_icons.png) no-repeat;

}

.xcx-nav li .car{
	background-position: -150px -87px;	
	}
.xcx-nav li .food {
	background-position: -60px -87px;
}
.xcx-nav li .housekeeping {
	    background-position: -90px -87px;
}

.xcx-nav li .furniture {
	    background-position: -150px -29px;
}
.xcx-nav li .housekeeping {
	    background-position: -150px -29px;
}

.xcx-nav li .ts {
	background: url(../images/tb_ds.png) no-repeat center;
}
.xcx-nav li .jd {
	background: url(../images/tb_jd.png) no-repeat center;
}
.xcx-nav li .mr {
	background: url(../images/tb_mr.png) no-repeat center;
}
.xcx-nav li .fdc {
	background: url(../images/tb_fd1.png) no-repeat center;
}

.xcx-nav li .pp {
	background: url(../images/tb_pp.png) no-repeat center;
}
.xcx-nav li .edu {
	background-position: -120px -116px;
}

.xcx-nav li.on {
	background-color: rgb(255, 104, 0) !important;
	transition: 0.3s;
}

.xcx-nav li:hover {
	background-color: rgb(255, 104, 0) !important;
	transition: 0.3s;
}

.xcx_right {
	width: 920px;
}

.info_con ul {
	overflow: hidden;
	zoom: 1;
}

.info_con ul li {
	height: 350px;
	float: left;
	margin-left: 20px;
}

.info_con ul li .xcx_wx {
	width: 180px;
	height: 180px;
	overflow: hidden;
	border: 10px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
}

.info_con ul li .xcx_wx img {
	display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.info_con ul li p{    padding-top: 22px; color: #fff; text-align: center; font-size: 14px;}
.info_con_txt{    padding: 0 10px;
    text-align: left;}
.info_con_p1{ font-size: 20px; color: #fff;}
.info_con_p2{    padding: 20px 0; color: #fff;}
.in_more{    display: inline-block;
    margin: 12px 0;
    padding: 14px 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: #fff;}

.xcy_box3{ background: #f5f6f6; height: 743px; overflow: hidden;}
.cxc_td{ margin-top: 40px;}
.cxc_td li{float: left; width: 267px; margin-left: 30px;     height: 259px;}
.cxc_td li img{    margin-left: 80px; text-align: center; display: block; width: 100px; height: 100px;}
.td_p1{ text-align: center; font-size: 16px; margin-top: 10px; font-weight: bold; color: #666666;}
.td_p2{ font-size: 14px; color: #999999; margin-top: 15px; line-height: 20px; text-align: center;}

.xcy_box4{ overflow: hidden; width: 100%;  background: url(../images/xcx_box3.jpg) no-repeat center; height: 696px;}
.xcx_cj{ margin-top: 80px;}
.xcx_cj li{ cursor: pointer; width: 141px; height: 49px; background: url(../images/wx_btn.png) no-repeat center; float: left; margin-left: 30px; margin-bottom: 60px;}
.xcx_cj li p{ line-height: 49px; text-align: center; font-size: 17px; font-weight: bold; color: #fff;}
.xcx_cj li:hover{background: url(../images/xcx_btn2.png) no-repeat center; width: 141px; height: 49px; }
.xcx_cj li p a{ color:#fff; }

.xcy_box5{ margin-top: 30px;}
.xcx_lc{ margin-top: 40px;}

.xcy_box6{ width: 100%; overflow: hidden; height: 1026px; background: url(../images/xcx_box4.jpg) no-repeat center;margin-top: 59px;}

.xcx_ys_left{ margin-top: 120px;}
.xcx_ys_left ul li{ height: 100px; width: 450px; border-radius: 10px; padding: 15px; margin-bottom: 100px;}
.xcx_ys_left ul li:nth-child(1) {
	background: #57C7D4;
}
.xcx_ys_left ul li:nth-child(2) {
	background: #F96868;
}
.xcx_ys_left ul li:nth-child(3) {
	background: #D4B257;
}
.xcx_ys_p1{ font-size: 18px; color: #fff; font-weight: bold; }
.xcx_ys_p2{ margin-top: 2px; color: #fff; font-weight: 16px; font-size: 16px;}
.xcx_lc_img{ margin-top: 120px;    margin-left: 69px;}

.xcx_ys_right{}
.xcx_ys_right{ margin-top: 241px;}
.xcx_ys_right ul li{ height: 100px; width: 450px; border-radius: 10px; padding: 15px; margin-bottom: 100px;}
.xcx_ys_right ul li:nth-child(1) {
	background: #62A8EA;
}
.xcx_ys_right ul li:nth-child(2) {
	background: #46BE8A;
}
.xcx_ys_right ul li:nth-child(3) {
	background: #4681BE;
}

.xcy_box7{ background: url(../images/ban_canting.jpg) no-repeat center; width: 100%; height: 453px; overflow: hidden; }
.xcx_foot{ text-align: center; margin-top: 220px;}
.xcx_foot_p1{ font-size: 24px; color: #fff;}
.xcx_foot_p2{font-size: 18px; color: #fff; margin-top: 20px;}
.xcx_btn{ width: 140px; height: 45px; background: #f66a3b; display: block; line-height: 45px; font-size: 14px; color: #fff; margin: 0 auto; margin-top: 20px;}
.xcx_btn:hover{ text-decoration: underline;}

@media(max-width:480px){

	.xcx_main1 {
    background: #f5f6f6 url(../images/xcx_p1.png) no-repeat center;
    width: 100%;
        height: 287px;
    display: block;
}
.xcx_p1 {
    font-size: 21px;
    font-weight: bold;
}
.xcy_box5 { display: none; }

.xcx_t {
    text-align: center;
    display: block;
       padding-top: 86px;
    width: 53%;
    padding-bottom: 12px;
}
.xcx_p2 {
    font-size: 18px;
    margin-top: 14px;
    letter-spacing: 1px;
    text-transform: Uppercase;
    padding: 15px;
}

.xcx_main2{ height:auto; }

.xcx_con ul li {
	width: 100%;
   }
.xcx_con ul li img{
	width: 100%;
}
.xcx_txt {
    width: 100%;
}
.xcx_con{ padding: 10px; }
.xcx_left {
        width: 35%;
    padding: 10px;
    float: none;
}
.xcx_left li{
    float: left;
  
    border-right: 1px solid rgba(255, 255, 255, 0.06);

}

.xcx-nav li p {
       display: block;
    height: 60px;
    line-height: 60px;
    padding-left: 9px;
    padding-right: 10px;
  }
.xcx_right{ width: 100%; float: none; }

.info_con ul li {
	margin-top: 20px;
    height: 191px;
    float: left;
    margin-left: 6px;
    width: 8%;
}
.info_con ul li .xcx_wx {
    width: 96px;
    height: 97px;
    overflow: hidden;
    border: 10px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}
.xcx_case{

	margin-top: 24px !important;

}

.cxc_td li {
    float: left;
    width: 26%;
    margin-left: 30px;
    height: 259px;
}
.xcy_box3{ height: auto; }

.td_p1{ height: 30px;  font-size: 15px;}
.xcx_cj li {
    cursor: pointer;
    width: 25%;
    height: 49px;
    background: url(../images/wx_btn.png) no-repeat center;
    float: left;
    margin-left: 30px;
    margin-bottom: 29px;
}
.xcx_cj {
    margin-top: -7px;
}
.xcx_lc {
    margin-top: 40px;
    width: 100%;
}
.xcx_dt{ width: 100%;}

.xcx_ys_left {
    margin-top: 13px;
    padding-left: 5px;
    padding-right: 5px;
}
.xcx_lc_img{ float: none; display: none; }
.xcx_ys_left ul li {
    height: 100px;
    width: 100%;
        margin-bottom: 24px;
}
.xcx_ys_right {
    margin-top: 10px;
     padding-left: 5px;
    padding-right: 5px;
    float: none;
}

.xcx_ys_right ul li {
    height: 100px;
    width: 100%;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 33px;
  }

.xcx_ys_p2 {
    margin-top: 2px;
    color: #fff;
    font-weight: 16px;
    font-size: 14px;
}

.xcx_foot_p2 {
    font-size: 14px;

    }

    .xcy_box8{ display: block; }

}


/*400电话*/
/*选号码先看号段 B*/
.wrap3{width: 980px;
    margin: 0 auto;}
.skt-how .how-tems {
     margin-top: -14px;
    text-align: left;
    margin-left: 103px;
    margin-bottom: 30px;
}

.skt-how .how-tems .tem {
    position: relative;
    width: 310px;
    height: 192px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: #6f6f6f;
    background: url(../images/black4.png) no-repeat center top;
    padding-top: 28px;
    border-radius: 10px;
    cursor: pointer;
        margin-left: 18px;
}

/*.skt-how .how-tems .tem.mgrl28 {
    margin: 0 25px !important;
}
*/
.skt-how .how-tems .tem.active {
    background: url(../images/red4.png) no-repeat center top;
}

.skt-how .how-tems .tem.active .needNum {
	background-color: #f4202f;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
    background-image: linear-gradient(0deg, #FF512F, #F4202F);
    color: #fff;
}

.skt-how .how-tems .tem .needNum:hover {
    background-color: #f4202f;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
    background-image: linear-gradient(0deg, #FF512F, #F4202F);
    color: #fff;
}

.skt-how .how-tems .tem .tag {
    width: 40px;
    height: 40px;
    position: absolute;
    background: red;
    top: 7px;
    right: 3px;
    overflow: hidden;
}

.skt-how .how-tems .tem p {
    margin-left: 25px;
    margin-bottom: 10px;
    height: 14px;
    line-height: 14px;
}

.skt-how .how-tems .tem .dx {
    background: url(../images/index.png) no-repeat 0 -118px;
}

.skt-how .how-tems .tem .yd {
    background: url(../images/index.png) no-repeat 0 -64px;
}

.skt-how .how-tems .tem .lt {
    background: url(../images/index.png) no-repeat 0 -10px;
}

.skt-how .f5232f {
    color: #f5232f;
}

.skt-how .fno {
    font-weight: normal;
}

.skt-how .fno sup {
    line-height: 7px;
}

.skt-how .needNum {
    width: 150px;
    height: 36px;
    margin: 6px 25px 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    border-radius: 18px;
    color: #f5242f;
    border: 1px solid #f5242f;
    text-align: center;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.skt-how .needNum:hover {
    background-color: #f4202f;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
    background-image: linear-gradient(0deg, #FF512F, #F4202F);
    color: #fff;
}


.miji .miji-group {
    background: url(../images/miji.png) no-repeat center top;
    height: 99px;
   /* font-style: italic;*/
}

.miji .miji-group .item {
    float: left;
}

.miji .miji-group .item1 {
    margin-right: 5px;
}

.miji .miji-group .item2 {
    margin-right: 25px;
}

.miji .miji-group .tex {
    margin-top: 18px;
    float: left;
}

.miji .miji-group .tit {
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
    margin-bottom: 8px;
}

.miji .miji-group .tex p {
    line-height: 16px;
}

.miji .idx {
    float: left;
    margin-top: 22px;
    margin-left: 22px;
    margin-right: 12px;
    width: 38px;
    height: 52px;
    background: url(../images/l-arrow.png) no-repeat;
}

.miji .idx.idx1 {
    background-position: left bottom;
}

.miji .idx.idx2 {
    background-position: -40px bottom;
}

.miji .idx.idx3 {
    background-position: -90px bottom;
}

/*400必选增值功能 B*/
.mustPrower {
	    margin-top: 47px;
}
.prower-group{
	margin-top: 30px;
}

.mustPrower .prower-group .item {
      float: left;
    width: 326px;
    height: 262px;
    margin-right: 13px;
    margin-bottom: 20px;
    padding: 26px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}

.mustPrower .prower-group .item:hover {
    -webkit-box-shadow: 0 0 18px 0px #FF8690;
    box-shadow: 0 0 18px 0px #FF8690;
    border: 1px solid #FF8690;
    transition: all .3s;
}

.mustPrower .prower-group .item:hover .btn {
    transition: all .3s;
    background-color: #f4202f;
    background-image: -moz-linear-gradient(-90deg, rgb(255, 81, 47) 0%, rgb(244, 32, 47) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 81, 47) 0%, rgb(244, 32, 47) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 81, 47) 0%, rgb(244, 32, 47) 100%);
    color: #fff;

}

.mustPrower .prower-group .item .tit {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

.mustPrower .prower-group .item .tit .icon {
    margin-right: 10px;
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    background: url(../images/gn-icon.png) no-repeat;
}

.mustPrower .prower-group .item .tit .icon.icon1 {
    background-position: 0 0;
}

.mustPrower .prower-group .item .tit .icon.icon2 {
    background-position: -36px 0;
}

.mustPrower .prower-group .item .tit .icon.icon3 {
    background-position: -72px 0;
}

.mustPrower .prower-group .item .tit .icon.icon4 {
    background-position: -108px 0;
}

.mustPrower .prower-group .item .tit .icon.icon5 {
    background-position: -144px 0;
}

.mustPrower .prower-group .item .tit .icon.icon6 {
    background-position: -180px 0;
}

.mustPrower .prower-group .item .des {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
    height: 42px;
    overflow: hidden;
}

.mustPrower .prower-group .item .xzl {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
}

.mustPrower .prower-group .item .bfb {
    margin-bottom: 24px;
    font-size: 34px;
    font-weight: bold;
    color: #e60012;
}

.mustPrower .prower-group .item .btn {
    width: 150px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #f5242f;
    border-radius: 19px;
    color: #f5242f;
    margin: 0px auto;
    text-align: center;
}
/**/
/*更多400功能 B*/
.morePrower {}

.morePrower .more-group {
    padding-top: 25px;
}

.morePrower .item {
    float: left;
    width: 195px;
    height: 90px;
    margin-bottom: 55px;
    position: relative;
    cursor: pointer;
}

.morePrower .item .icon {
    width: 66px;
    height: 56px;
    background: red;
    margin: 0 auto 10px;
    background: url(../images/mp-1.png) no-repeat;
}

.morePrower .item .icon.icon1 {
    background-position: 0 0;
}

.morePrower .item .icon.icon2 {
    background-position: -66px 0;
}

.morePrower .item .icon.icon3 {
    background-position: -132px 0;
}

.morePrower .item .icon.icon4 {
    background-position: -198px 0;
}

.morePrower .item .icon.icon5 {
    background-position: -264px 0;
}

.morePrower .item .icon.icon6 {
    background-position: -330px 0;
}

.morePrower .item .icon.icon7 {
    background-position: -396px 0;
}

.morePrower .item .icon.icon8 {
    background-position: -462px 0;
}

.morePrower .item .icon.icon9 {
    background-position: -528px 0;
}

.morePrower .item .icon.icon10 {
    background-position: -594px 0;
}

.morePrower .item .icon.icon11 {
    background-position: -660px 0;
}

.morePrower .item .icon.icon12 {
    background-position: -726px 0;
}

.morePrower .item .icon.icon13 {
    background-position: -792px 0;
}

.morePrower .item .icon.icon14 {
    background-position: -858px 0;
}

.morePrower .item .icon.icon15 {
    background-position: -924px 0;
}

.morePrower .item .icon.icon16 {
    background-position: -990px 0;
}

.morePrower .item .icon.icon17 {
    background-position: -1056px 0;
}

.morePrower .item .icon.icon18 {
    background-position: -1122px 0;
}

.morePrower .item .icon.icon19 {
    background-position: -1188px 0;
}

.morePrower .item .icon.icon20 {
    background-position: -1314px 0;
}

.morePrower .item .tex {
    font-size: 16px;
    text-align: center;
}

.morePrower .item:hover .box {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    visibility: visible;
    opacity: 1;
}

.morePrower .item .box {
    display: table;
    position: absolute;
    width: 250px;
    height: 90px;
    box-shadow: 0px 0px 18px 0px rgba(255, 134, 144, 0.75);
    left: -48px;
    top: 0;
    background: #fff;
    padding: 0 20px;
    overflow: hidden;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.morePrower .item .box p {
    max-width: 250px;
    word-wrap: break-word;
    line-height: 20px;
    vertical-align: middle;
    display: table-cell;
}
/**/
*各大行业典型企业选号案例 B*/
.typical .typical-group {}

.typical .typical-group .item {
    border: 1px solid #e5e5e5;
    margin-bottom: 44px;
}

.typical .typical-group .hy {
    width: 695px;
    height: 435px;
    padding: 0 30px;
}

.typical .hy {
    height: 60px;
    line-height: 60px;
}

.typical .hy .tit-left {
    font-size: 18px;
    line-height: 60px;
}

.typical .hy .tit-left .qc {
    background: url(../images/num-s.png) no-repeat;
    width: 33px;
    height: 27px;
    margin-top: 16px;
    margin-right: 10px;
}

.typical .hy1 .tit-left .qc {
    background-position: 0 -174px;
}

.typical .hy2 .tit-left .qc {
    background-position: 0 -203px;
}

.typical .hy3 .tit-left .qc {
    background-position: 0 -232px;
}

.typical .hy4 .tit-left .qc {
    background-position: 0 -258px;
}

.typical .hy5 .tit-left .qc {
    background-position: 0 -286px;
}

.typical .hy6 .tit-left .qc {
    background-position: 0 -313px;
}

.typical .hy7 .tit-left .qc {
    background-position: 0 -340px;
}

.typical .hy8 .tit-left .qc {
    background-position: 0 -368px;
}

.typical .hy .tit-right {
    font-size: 12px;
    color: #ff0000;
}

.typical .hy .tit-right .qc {
    margin-top: 16px;
    margin-right: 10px;
    background: url(../images/num-s.png) no-repeat 0 -394px;
    width: 33px;
    height: 27px;
}

.typical .typical-group .numtj {
    width: 151px;
    height: 375px;
    padding: 30px 36px;
    background: #f6f7fa;
    text-align: center;
}

.typical .typical-group .numtj h5 {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: normal;
}

.typical .typical-group .numtj .num {
    height: 30px;
    margin: 0 auto 22px;
    line-height: 30px;
    background: #efefef;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

.typical .typical-group .numtj .num:hover .yunzhan {
    display: block;
}

.typical .typical-group .numtj .num .yunzhan {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    border-radius: 3px;
    background: #f4222f;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
    background-image: linear-gradient(0deg, #FF512F, #F4202F);
    -webkit-box-shadow: 0 0 10px 0px #FF8690;
    box-shadow: 0 0 10px 0px #FF8690;
    color: #fff;
}

.typical .typical-group .numtj .btn {
    height: 30px;
    line-height: 30px;
    width: 100%;
    border-radius: 3px;
    background: #f4222f;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
    background-image: linear-gradient(0deg, #FF512F, #F4202F);
    -webkit-box-shadow: 0 0 10px 0px #FF8690;
    box-shadow: 0 0 10px 0px #FF8690;
    color: #fff;
    cursor: pointer;
}

/*各大行业典型企业选号案例 E*/
/*办400选商客通 B*/
.needSkt .item {
    float: left;
    width: 318px;
    height: 324px;
    margin-right: 10px;
    border: 1px solid #E5E5E5;
    text-align: center;
}

.needSkt .item h4 {
    margin-top: 20px;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

.needSkt .item p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.5px;
}

.needSkt .item.item1 {
    background: url(../images/158-1.png) no-repeat center 118px;
}

.needSkt .item.item2 {
    background: url(../images/158-2.png) no-repeat center 112px;
}

.needSkt .item.item3 {
    background: url(../images/158-3.png) no-repeat center 118px;
}
/*高端建站*/
.gaodunbox_box1{
	margin-top: 20px;
}
.gaodunbox_box1 ul{
	text-align: left;
}
.gaodunbox_box1 ul li{
margin-right: 10px;
    margin-left: 10px;
    float: left;
    width: 31.33333%;
    margin-bottom: 20px;
  transition: all .5s ease;
  cursor: pointer;
}
.gaodunbox_box1 ul li:hover{
	box-shadow: 0 0px 15px #62A8EA;
    transform: scale(1.03);
}
.gaodunbox_box1 ul li div{
	    background: #f5f5f5;
    padding: 20px 32px 24px;
}
.gaodunbox_box1 ul li h4{
	    font-size: 18px;
    line-height: 24px;
    color: #181818;
        margin-bottom: 13px;
}
.gaodunbox_box1 ul li span{
color: #0080c9;
	margin-top: 20px;
	font-size: 18px;
    line-height: 24px;
        margin-bottom: 7px;
   
}
.gaodunbox_box1 ul li p{
	font-size: 14px;
	    margin-top: 13px;
    line-height: 24px;
    color: #73777a;
    min-height: 72px;
    overflow: hidden;
    margin-top: 10px;
    text-align: justify;
	}
.gaodunbox_box2{
	margin-top: 20px;
	width:100%;
	background:#f5f5f5;
	overflow: hidden;
	padding-bottom: 40px;
}


.dn-shadow-hover {
    transition: all .3s ease-in-out;
}
.taocha .taocha_div .box1 {
    margin-top: 32px;
    background-color: #fff;
    margin-bottom: 20px;
}
.taocha .taocha_div{
	    float: left;

    width: 30.33333%;
    overflow: hidden;
        margin-left: 20px;
    text-align: left;
}
.taocha .taocha_div .box1 .head2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 20px 28px;
}
.taocha .taocha_div .box1 .head2 .right-tag {
    position: absolute;
    width: 83px;
    height: 83px;
    top: -11px;
    right: -11px;
}

.taocha .taocha_div .box1 .head2 .title {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
}

.taocha .taocha_div .box1 .head2 .desc {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.taocha .taocha_div .box1 .content {
    padding: 0 28px 28px;
    border: 1px solid #ebecec;
    border-top: none;
}


.taocha .taocha_div .box1 .content .feature .f-box {
    padding: 20px 0;
    border-bottom: 1px solid #ebecec;
}
.taocha .taocha_div .box1 .content .feature .f-box .top {
    font-size: 0;
}

.taocha .taocha_div .box1 .content .feature .f-box .top .f-title {
    font-size: 14px;
    color: #181818;
    line-height: 20px;
}

.taocha .taocha_div .box1 .content .feature .f-box .top .f-tag {
    color: #ff6a00;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
    position: relative;
    margin-left: 6px;
}

.taocha .taocha_div .box1 .content .feature .f-box .top span {
    display: inline-block;
    vertical-align: middle;
}

.taocha .taocha_div .box1 .content .feature .f-box .top .f-tag:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fe6a00;
    border-radius: 2px;
    transform: skew(-15deg);
}

.taocha .taocha_div .box1 .content .feature .f-box .have {
    margin-top: 12px;
}
.taocha .taocha_div  .box1 .content .feature .f-box .have .con {
    padding: 0;
    margin: 0;
    font-size: 0;
    color: #73777a;
    line-height: 24px;
    position: relative;
    padding-left: 18px;
}
.taocha .taocha_div .box1 .content .feature .f-box .have .con .txt {
    font-size: 12px;
}
.taocha .taocha_div .have .con span {
    display: inline-block;
    vertical-align: middle;
}
.taocha .taocha_div .box1 .content .feature .f-box .have .con .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 100%;
    background-image: url(../images/tc1.png);
    background-size: 12px 8px;
    background-position: 0 8px;
    background-repeat: no-repeat;
}

.taocha .taocha_div .box1 .content .warn {
    font-size: 12px;
    color: #fe6a00;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
    line-height: 1.5;
}

.taocha .taocha_div .box1 .content .btnlist {
    margin: 0 -5px;
}

.taocha .taocha_div .box1 .content .btnlist .btn-box {
    padding: 0 5px;
        width: 50%;
}
.taocha .taocha_div .box1 .content .btnlist .yellow {
    background-color: #ff6a00;
    color: #fff;
    line-height: 36px;
}
.taocha .taocha_div .box1 .content .btnlist .btn-box {
    padding: 0 5px;
}
[class^=dn-] {
    box-sizing: border-box;
}
.dn-col-xs-12 {
    float: left;
    width: 50%;
}

.taocha .taocha_div .box1 .content .btnlist .white {
    transition: all .5s ease;
    border: 1px solid #ff6a00;
    line-height: 34px;
    color: #ff6a00;
}

.taocha .taocha_div .box1 .content .btnlist a {
    display: block;
    width:50%;
    text-align: center;
    height: 36px;
    font-size: 14px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}
.dn-row:after {
    content: "";
    display: table;
    clear: both;
}

.taocha .taocha_div .box1 .content .phone2 {
    margin-top: 20px;
    font-size: 12px;
    color: #181818;
    letter-spacing: 0;
    line-height: 1.5;
}

.taocha .taocha_div .box1 .content .phone2 img {
    display: inline-block;
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    margin-right: 7px;
}
/*gaoduan_jg*/
.gaoduan_jg{
	width:100%;
	overflow: hidden;
	height:240px;
}
.gaoduan_jg  .dn-container{
	padding-top: 60px;
}
.gaoduan_jg .title {

    font-size: 24px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.gaoduan_jg .title {
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}
.gaoduan_jg .desc {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin-top: 8px;
}
 .gaoduan_jg .btn-wrap {
    margin-top: 20px;
    text-align: center;
}

 .gaoduan_jg .btn-wrap  a {
    display: inline-block;
    vertical-align: middle;
    min-width: 128px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    color: #fe6a00;
    padding: 0 15px;
    text-decoration: none;
    transition: all .3s;
    border: 1px solid #fff;
    background: #fff;
}
.J_Region .top3 {
    margin-top: 40px;
    font-size: 16px;
    color: #181818;
    letter-spacing: 0;
    text-align: right;
    line-height: 24px;
    font-weight: 700;
}
.J_Region .intr {
    margin-top: 12px;
    font-size: 14px;
    color: #73777a;
    text-align: center;
    line-height: 24px;
}
.J_Region .top3 .left {
    padding-right: 52px;
    text-align: right;
}
.J_Region .top3 .right {
    padding-left: 52px;
    text-align: left;
}
.dn-col-xs-12 {
    float: left;
    width: 50%;
}

.J_Region .arr {
    padding-top: 2px;
}

.J_Region .arr .box3 {
    position: relative;
    margin-top: 10px;
}
.J_Region .arr .box3 .left {
    padding-right: 52px;
    padding-left: 20px;
    background-color: #f5f5f6;
    color: #282828;
    border-radius: 100px 0 0 100px;
}
.J_Region .arr .box3 .middle {
    position: absolute;
    width: 54px;
    height: 54px;
    background-image: linear-gradient(134deg,#ff6a00,#fbb640);
    border-radius: 54px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 54px;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -27px;
    z-index: 2;
    font-weight: 700;
}
.J_Region .arr .box3  p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
      line-height: 54px;
    text-align: justify;
}

.J_Region .arr .box3 .right {
    padding-left: 52px;
    padding-right: 20px;
    background: #fe6a00;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    color: #fff;
    border-radius: 0 100px 100px 0;
}

.J_Region .arr .box3  .right p {
    text-align: left;
}
.J_Region{
	width:100%;
	padding-bottom: 50px;
}
/*海外建站*/
.foreign-box1{
	width:100%;
	padding-top:20px;
	padding-bottom: 30px; 
	background: #F5F5F5;
	margin-bottom: 30px;

}
.foreign-ul li{
	width:260px;
	background:#fff;
	height:158px;
	float: left;
	margin-left: 20px;
    margin-bottom: 20px;
     -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	
}
.foreign-ul li:hover{
   -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);;
    
    }
.foreign-ul li>div{
padding:20px;
}
.foreign-ul li>div .tit01{
	    font-size: 18px;
    line-height: 24px;
    color: #181818;
    text-align: left;
    margin-top: 20px;
}
.foreign-ul li>div .tit02{
	   font-size: 14px;
    line-height: 24px;
    color: #73777a;
    min-height: 72px;
    overflow: hidden;
    margin-top: 10px;
     text-align: left;
    text-align: justify;
}


.foreign-box2 .table-wrap {
    border: 1px solid #e5e5e5;
    background: #fff;
    margin-top: 32px;
    overflow: hidden;
    box-sizing: border-box;
}

.foreign-box2 .table-wrap .top-header .head-list {
    height: 112px;
    position: relative;
}
.foreign-box2  .table-wrap .table-head {
    float: left;
    width: 11.19%;
    display: table;
}

.foreign-box2  .table-wrap .cell-box {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #181818;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    padding: 14px 5px;
    overflow: hidden;
    font-style: normal;
    position: relative;
    z-index: 1;
}

.foreign-box2  .table-wrap .content2 {
      float: left;
    width: 88.81%;
    }

.foreign-box2 .table-wrap  .content .content-box {
    margin-right: -4px;
}
.foreign-box2 .table-wrap .content .second-item {
    width: 31.21%;
}
.foreign-box2 .table-wrap .top-header .head-list {
    height: 112px;
    position: relative;
}
.foreign-box2 .table-wrap .content .second-item .cell-box {
    text-align: left;
    padding-left: 45px;
    padding-right: 20px;
}
.foreign-box2 .table-wrap .cell-box {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #181818;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    padding: 14px 5px;
    overflow: hidden;
    font-style: normal;
    position: relative;
    z-index: 1;
}

.foreign-box2 .table-wrap .cell-box p {
    line-height: 20px;
}

.foreign-box2 .table-wrap .top-header .head-list .product-tit {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000;
}
.foreign-box2 .table-wrap  .top-header .head-list .product-desc {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
    color: #000;
}
.foreign-box2 .table-wrap .content2 .item {
    float: left;
    width: 22.93%;
    display: table;
}
.foreign-box2 .table-wrap .top-header .head-list {
    height: 112px;
    position: relative;
}

:root {
    --brand-1: #ffe1cc;
    --brand-8: #ff791a;
    --brand-9: #ff6a00;
    --brand-10: #e65f00;
    --neutral-1: #fff;
    --neutral-2: #f4f4f4;
    --neutral-3: #ededed;
    --neutral-4: #d8d8d8;
    --neutral-5: #b3b3b3;
    --neutral-6: #999;
    --neutral-7: #3d3d3d;
    --neutral-8: #181818;
    --link-2: #339dff;
    --link-3: #1890ff;
    --link-4: #0084ff;
    --error-2: #fcdfd9;
    --error-3: #f15533;
    --success-2: #dff1da;
    --success-3: #63ba4d;
    --notice-2: #ffedcc;
    --notice-3: #ffa400;
}

.foreign-box2 .table-wrap .table-head {
    float: left;
    width: 11.19%;
    display: table;
}
.foreign-box2 .table-wrap .left-head {
    display: table;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}

.foreign-box2 .table-wrap .left-head:last-child {
    border-bottom: 1px solid #e5e5e5;
}
.foreign-box2 .table-wrap .content2 .content-box {
    margin-right: -4px;
}
.foreign-box2 .table-wrap .content2 .second-item {
    width: 31.21%;
}
.foreign-box2 .table-wrap .content2 .item {
     float: left;
   width: 24.93%;
    display: table;
    }
.foreign-box2 .table-wrap .ctg {
    border-left: 1px solid #e5e5e5;
    position: relative;
    z-index: 0;
}
.foreign-box2 .table-wrap ul {
    border-top: 1px solid #e5e5e5;
}
.foreign-box2 .table-wrap ul li {
    display: table;
    width: 100%;
    height: 45px;
    position: relative;
}
.foreign-box2 .table-wrap ul li.gray, .foreign-box2 .table-wrap ul li.gray .bg {
    background: #f5f5f6;
}
.foreign-box2 .table-wrap .content2 .second-item .cell-box {
    text-align: left;
    padding-left: 45px;
    padding-right: 20px;
}

.foreign-box2 .table-wrap .cell-box span {
    color: #fe6a00;
}
.foreign-box2 .table-wrap .cell-box i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 11px;
    background: url(../images/foreign2.png) no-repeat 50%;
    background-size: 100%;
    margin-right: 2px;
    font-style: normal;
}
.foreign-box2 .table-wrap  .btn-wrap li .btn-box {
  float: left;
    width: 50%;
    padding: 0 5px;
}
.foreign-box2 .table-wrap  .btn-wrap li .btn-box {
  float: left;
    width: 50%;
        margin-left: 52px;
    padding: 0 5px;
}
.foreign-box2 .table-wrap  .btn-wrap li .btn1 {
    color: #fe6a00;
    border-color: #fe6a00;
}
.foreign-box2 .table-wrap  .btn-wrap li a {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0 5px;
    text-decoration: none;
    transition: all .3s;
    border: 1px solid;
}

.foreign-box2 .table-wrap  .btn-wrap li .btn2 {
    background: #fe6a00;
    border-color: #fe6a00;
    margin-right: 16px;
}

.foreign-box3 .step-container {
    position: relative;
    margin-top: 93px;
}
.foreign-box3 .step-box {
    padding: 0 20px;
}
.foreign-box3 .step-content {
    position: relative;
    border: 2px dashed #ffceab;
    padding-bottom: 24px;
    border-radius: 8px;
}
.foreign-box3 .step-wrap .pic-wrap {
    text-align: center;
}

.foreign-box3_img{
	text-align: center;
	display: block;
}
/*搜索引擎*/
.ssyq_box1{
	overflow: hidden;
}
.why-box h3 a {
    color: #333;
    padding-right: 24px;
    background: url(../images/moreArrow.png) no-repeat right center;
    background-size: 18px;
}
.why-box h3 {
    font-size: 30px;
    line-height: 46px;
    clear: both;
    padding: 0 0 14px;
}
.why-box.full {
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 78px;
}
.why-box.full p {
   /*  width: 544px;*/
   /* margin: 0px auto;*/
    padding-bottom: 62px;
    text-align: center;
}
.why-box.why-box2 {
    width: 470px;
    float: left;
}
.why-box-img {
    text-align: center;
    width: 100%;
    position: relative;
 /*   height: 190px;*/
}
.why-box.why-box3 {
    width: 510px;
    float: right;
}
.why-box {
/*    padding-top: 105px;*/
    text-align: left;
}
.ssyq_box2{
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}
.ssyq_box2_nav{
    width: 64%;
    height: 50px;
    min-width: 600px;
    max-width: 6000px;
    margin: 0 auto;   border: 1px solid #dedede;
    border-radius: 2px;
    overflow: hidden;
}
.ssyq_box2_nav ul li{
	display: block;
    width: 33%;
    text-align: center;
    height: 50px;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 50px;
    border-left: 1px solid #DEDEDE;
  /*  border-left: none;*/
}
.ssyq_box2_nav ul li:hover{
	    background: #4581fb;
    color: #fff;
    border: 1px solid #4581fb;
}
.ssyq_box2_nav ul li.active{
	    background: #4581fb;
    color: #fff;
    border: 1px solid #4581fb;
}
.ssyq_box_nav2{
	margin-top: 40px;
}
.ssyq_box_nav2{
    width: 100%;
    height: 50px;
    min-width: 600px;
    max-width: 6000px;
    margin: 0 auto;   border: 1px solid #dedede;
    border-radius: 2px;
    overflow: hidden;
}
.ssyq_box_nav2 ul li{
	display: block;
    width: 33%;
    text-align: center;
    height: 50px;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 50px;
    border-left: 1px solid #DEDEDE;
  /*  border-left: none;*/
}
.ssyq_box_nav2 ul li:hover{
	    background: #4581fb;
    color: #fff;
    border: 1px solid #4581fb;
}
.ssyq_box_nav2 ul li.hover{
	    background: #4581fb;
    color: #fff;
    border: 1px solid #4581fb;
}


/*.ssyq_box2_nav ul li:first-of-type {
    border-left: 1px solid #dedede;
    border-radius: 2px 0 0 2px;
}
.ssyq_box2_nav ul:last-of-type {
    border-radius: 0 2px 2px 0;
}*/

.show-position-txt {
    width: 460px;
    padding-top: 80px;
}

.show-position-txt h3 {
    font-size: 30px;
    line-height: 50px;
    color: #333;
    margin-bottom: 20px;
}
.show-position-txt p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-bottom: 40px;
}
.show-position-pic{
	text-align: center;
	width:50%;
    background-position: right center;
}
.show-position-pic img{

}

.box-content {
    padding-top: 40px;
}
.xst h3 {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    margin: 20px 0;
}

.xst {
    width: calc((100% - 132px)/3);
    float: left;
    margin-right: 40px;
}
.xst h3 span {
    float: left;
    margin-right: 10px;
}
.xst p {
    background: #FFFFFF;
    box-shadow: 0 5px 20px 0 rgba(39,43,157,0.17);
    border-radius: 6px;
    padding: 16px;
}
.xst p img {
    width: 100%;
}

.ad-tr {
      font-size: 18px;
    color: #393939;
    line-height: 27px;
  
    margin-top: 20px;
}

.title6 {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    width: 72%;
    margin: 0px auto 60px;
}

.ssyq_box_cont{
	margin-top: 120px;
}
.bd_cont{
	margin-top: 20px
}
.bd_cont h3{
    font-size: 30px;
    line-height: 50px;
    color: #333;
    text-align: left;
    margin-bottom: 20px;


}
.bd_cont p{
	text-align: left;
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-bottom: 40px;
}
.bd_cont2{
	text-align: left;
}
.bd_cont2 h5{
	color: #000;
	font-size: 24px;
}
.bd_cont2 span{
	margin-top: 20px;
	font-size: 18px;
	display:block;
}
.bd_cont2 p{

	margin-top: 20px;
	font-size: 18px;
}
.bd_cont2 img{
width: 100%;
	margin-top: 20px;
}
.ssyq_line{
	height:2px;
	width:100%;
	margin-bottom: 10px;
	margin-top: 10px;
	background:#ccc;
}
.ssyq_box{
	overflow: hidden;
}
.ssyq_box h4{
margin-top:40px;
}
/*搜狗*/
.sg_box{

	margin-top: 20px;
}
.sg_box li{
	float: left;
	width:50%;
	margin-bottom: 40px;
}
.sg_box li .ssimg{
	width:88px;
	height:88px;
}
.sg_box li .ss_txt{
	width:80%;
}
.sg_box li .ss_txt p{
	font-size: 20px;
}
.sg_box li .ss_txt span{
font-size: 18px;
height:30px;
display: block;
margin-top: 10px;
}

/*seo_box seo*/
.seo_box1{
overflow: hidden;
}
ul.demand-ti{
    width: 1200px;
    margin: 75px auto;
    /*margin-top: 75px;*/
    height: 380px;
}
ul.demand-ti>li{
    float: left;
    width: 285px;
    height: 380px;
    background-color: #f5f5f5;
    border-radius: 4px;
    opacity: 0;
    transition:all 0.2s;
}
ul.demand-ti>li:hover{
    box-shadow: 0px 4px 26px #ccc;
}
ul.demand-ti>li.active{
    animation-name: my;
    -webkit-animation-name: my;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease;
    /*animation-delay:1s;*/
    /*-webkit-animation-delay:1s;*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    visibility: visible !important;
}
@keyframes my {
    0%{opacity:0}
    0% {
        transform: translateY(100%) scaleX(1);
    }
    30%{
        transform: translateY(-10%) scaleX(1);
    }
    40%{
        transform: translateY(2%) scaleX(1);
    }
    50%{
        transform: translateY(0%) scaleX(1.1);
    }
    60%{
        transform: translateY(0%) scaleX(0.9);
    }
    70% {
        transform: translateY(0%) scaleX(1.05);
    }
    80%{
        transform: translateY(0%) scaleX(0.95);
    }
    90% {
        transform: translateY(0%) scaleX(1.02);
    }
    100%{
        transform: translateY(0%) scaleX(1);
    }
    to{opacity:1}
}
ul.demand-ti>li:nth-child(2),ul.demand-ti>li:nth-child(3),ul.demand-ti>li:nth-child(4){
    margin-left:19px;
}
ul.demand-ti>li>a>h3{
    margin-top: 38px;
    width:100%;
    text-align: center;
    height: 26px;
    font-size: 26px;
    color: #333333;
    line-height: 26px;
}
ul.demand-ti p.demand-p1{
    width: 150px;
    height: 115px;
    margin: 0 auto;
    margin-top: 27px;
}
ul.demand-ti p.demand-p1 img{
    width: 100%;
    height: 100%;
}
ul.demand-ti>li>a>h4{
    width:100%;
    margin-top: 37px;
    text-align: center;
    height: 26px;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}
ul.demand-ti>li>a>h5{
    width:100%;
    text-align: center;
    height: 20px;
    font-size: 12px;
    color: #999999;
    line-height: 40px;
}

div.help{
    width: 100%;
    height:1044px;
    overflow: hidden;
}
div.help>h1,div.help>h2{
    text-align: center;
    font-size: 24px; font-weight:400;
    margin-top: 98px;
    width: 100%;
    height: 34px;
    color: #444444; f
}
div.help>h2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    color: #444444;
    margin-top: 40px;
}

ul.help-ti{
    width: 1200px;
    margin: 0 auto;
}
ul.help-ti li{
    width: 33.3333333%;
    float: left;
    margin-top: 90px;
    /*opacity: 0;*/
}
li.help-top{
    opacity: 0;
    animation-name: helpt;
    -webkit-animation-name: helpt;
    animation-duration:2s;
    -webkit-animation-duration:2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    visibility: visible !important;

}
li.help-bot{
    opacity: 0;
    animation-name: helpb;
    -webkit-animation-name: helpb;
    animation-duration:2s;
    -webkit-animation-duration:2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    visibility: visible !important;
}

@keyframes helpb {
    0%{opacity:0}
    0% {
        transform: translateY(250%) scaleY(1);
    }
    30%{
        transform: translateY(-10%) scaleY(1);
    }
    40%{
        transform: translateY(2%) scaleY(1);
    }
    50%{
        transform: translateY(0%) scaleY(1.1);
    }
    60%{
        transform: translateY(0%) scaleY(0.9);
    }
    70% {
        transform: translateY(0%) scaleY(1.05);
    }
    80%{
        transform: translateY(0%) scaleY(0.95);
    }
    90% {
        transform: translateY(0%) scaleY(1.02);
    }
    100%{
        transform: translateY(0%) scaleY(1);
    }
    to{opacity:1}
}

@keyframes helpt {
    0%{opacity:0}
    0% {
        transform: translateY(-250%) scaleY(1);
    }
    30%{
        transform: translateY(10%) scaleY(1);
    }
    40%{
        transform: translateY(2%) scaleY(1);
    }
    50%{
        transform: translateY(0%) scaleY(1.1);
    }
    60%{
        transform: translateY(0%) scaleY(0.9);
    }
    70% {
        transform: translateY(0%) scaleY(1.05);
    }
    80%{
        transform: translateY(0%) scaleY(0.95);
    }
    90% {
        transform: translateY(0%) scaleY(1.02);
    }
    100%{
        transform: translateY(0%) scaleY(1);
    }
    to{opacity:1}
}


ul.help-ti:after{
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
}
p.help-p1{
    margin: 0 auto;
    width: 160px;
    height: 160px;
}
ul.help-ti li h1{
    width: 100%;
    text-align: center;
    color: #262626;
    font-size: 24px;
    font-weight: 400;
    margin-top: 32px;
}
ul.help-ti li h2{
    font-weight:normal;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color:#474747;
    line-height: 30px;
}
p.help_p{
    text-align: center;
    width:650px;
    height: 54px;
    margin: 0 auto;
    margin-top: 115px;
}
p.help_p>a{
    display: inline-block;
    width: 253px;
    height: 54px;
    line-height: 54px;
    background-color: #515151;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    transition:all 0.2s;
    float: left;
}
p.help_p>a.btn2{
    float: right;
    background-color: #00bafe;
}
p.help_p>a.btn1:hover{ box-shadow: 0px 4px 26px #515151;}
p.help_p>a.btn2:hover{ box-shadow: 0px 4px 26px #4eb8e4;}

.cpzn{ width: 1200px; margin:50px auto 20px; } 
.cpzn ul li {width:200px; display:block; float: left;}
.cpzn ul li div.icon {height: 186px;background: url("../images/seo_img18.png") center center no-repeat; }
.cpzn ul li div.icon span {width: 120px;height: 120px;border-radius: 50%;display: block;line-height: 120px;text-align: center;color: #3a3a3a;position: relative;margin: auto; top: 33px; font-weight: bold; font-size: 18px; transition: all 0.3s;  }
.cpzn ul li p.intro {color: #707070; font-size: 18px; line-height: 30px; padding-top: 25px; text-align: center;}
.cpzn ul li:hover div.icon span {color: #fff;background-color: #3a3a3a; }
.con_box04 li {float: left; }
.cpzn ul li.sep {width:133px;display: block;height: 200px;overflow: hidden;background: url("../images/seo_img17.png") center center no-repeat; }

/*网站SEO优化特点*/
.con_box05{ padding: 90px 0; background: #3a3a3a url(../images/seo_img83.jpg) no-repeat center; }
.con_box05 ul.list { width: 100%; overflow: auto; margin-bottom: 50px;}
.con_box05 ul.list li {float: left;text-align: center;width:20%; }
.con_box05 ul.list li div.icon{width: 130px; height: 130px; line-height: 130px; display: block; margin: auto; background: #fff; border-radius: 50%; font-size: 50px; text-align: center; color: #3a3a3a; transition: all .3s ease;}
.con_box05 ul.list li:hover div.icon span.iconfont { background: #00bafe;  font-size: 40px; color: #fff;}
.con_box05 ul.list li p.title { font-size: 22px; text-align: center; line-height: 32px; color: #fff; margin-top: 30px;}
.con_box05 a.btn { margin: auto;font-size: 20px;display: block; width: 300px; height: 50px; border-radius: 50px; line-height: 50px; color: #222; background: rgba(255,255,255,0.8); font-weight: bold; text-align: center;margin-top: 25px;transition: all 0.3s; }
.con_box05 a.btn:hover {background-color: #fff;color: #222; }
.three{ width: 100%; background: url(../images/indbg_icon2.png) no-repeat top center; position: relative; overflow: hidden;  padding:80px 0;display: block; }

.threea{ width: 1200px; margin: 0 auto; position: relative; text-align: center; } 

.threea h2{ font-size: 40px; font-weight: bold; color: #666; text-align: center; line-height: 50px; display: block; position: relative; }

.threea h2:before{ width:64px; height: 3px; background: #2c6bf8; position: absolute; top:70px; left: 50%; margin-left: -32px; content: ""; display: block;  }

.threea p{ font-size: 18px; color: #666; line-height:25px; margin-top:40px; display: block; text-align: center; width: 100%; letter-spacing: 1px;  }



.threeb{ width: 1320px; margin: 0 auto; position: relative; padding: 60px 0; overflow: hidden; }

.threeb dl{ width: 300px; display: block; float: left; margin: 0 12px; position: relative;   }

.threeb dl dt{ width:300px; padding: 20px; box-sizing: border-box; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; background: #fff;border-radius: 5px;  }

.threeb dl dt img{ width: 100%; height: 220px; }

.threeb dl dd{ width: 100%; padding-top: 10px; }

.threeb dl dd h2{ width:200px; margin: 0 auto; line-height:70px; height: 70px; text-align: center; font-size: 24px; color:#0089d1; border-bottom: 2px solid #999;   }

.threeb dl dd p{ width: 100%; display: block;line-height: 25px; font-size: 16px; color: #666; padding:20px; box-sizing: border-box;  }

.ljszd{ width: 415px; margin: 0 auto; position: relative; height: 50px; display: block; }

.ljzx a{ width: 148px; height: 48px; background: #2c6bf8; line-height: 48px; border: 1px solid #2c6bf8; float: left; color: #fff; font-size: 16px; text-align: center;  }

.mfhq a{ width: 263px; height: 48px; line-height: 48px; border: 1px solid #2c6bf8; text-align: center; font-size: 16px; color: #2c6bf8; float: right; }

.threeb dl:hover dt img{animation:grafpainta 1s infinite ease-in-out}@keyframes grafpainta{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}50%{transform:scale(1.1)}60%{transform:scale(1)}}

/*自媒体*/

.zztac{ width: 100%; position: relative; overflow: hidden; display: block; background: url(../images/zzt_bg3.png) no-repeat bottom center ;/* padding:80px 0 ;*/border-bottom:  1px solid #ccc;   }



.zztad{ width: 1300px; margin: 0 auto; padding: 50px 0; display: block; position: relative; overflow: hidden; }

.zztad dl{ width:234px; float: left; display: block; padding:20px; margin:13px; box-sizing: border-box; position: relative; overflow: hidden; background: #fff; border-bottom: 8px solid #fff; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;transition:all .15s linear; }

.zztad dl dt{ width: 194px; height: 140px; display: table-cell; vertical-align: middle; text-align: center; }

.zztad dl dt img{ max-width:194px; max-height: 140px; display: block; margin: auto; }

.zztad dl dd{ width: 100%; padding-top: 20px; display: block; text-align: center; }

.zztad dl dd h4{ font-size:20px; font-weight: bold; color: #2c6bf8; line-height:60px; display: block; height: 60px; position: relative; }

.zztad dl dd p{ font-size: 18px; line-height:35px; color: #666; margin-top: 5px; }

.zztad dl:hover{border-bottom: 8px solid #2c6bf8;-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px); cursor: pointer; }

/*信息流*/

.xxl_txt{
	margin-top: 30px;
	font-size: 30px;
}
.box-content h5{
	text-align: center;
	font-size: 38px;
}
/*关于我们*/
.picScroll{  }
.picScroll .hd{height:36px;line-height:35px;padding:0 15px; background:#f4f4f4; }
.picScroll .hd h2{ font-family: "Microsoft YaHei"; font-size: 17px; color: #C80300; float: left; margin-right: 15px; }
.picScroll .bd{ position:relative;  }
	.picScroll .prev,.picScroll .next{ position: absolute; top: 122px; left:-1px; display: block; width: 26px; height: 64px; background: url(../images/slide_tigger.png) 0 -65px; z-index: 9; overflow: hidden; }
	.picScroll .next{ left:auto; right:-1px; background-position: -26px -65px; }
	.picScroll .prev:hover{ background-position:0 -130px; }
	.picScroll .next:hover{ background-position:-26px -130px; }
	.picScroll .prevStop{ background-position:0 -65px !important; }
	.picScroll .nextStop{ background-position:-26px -65px !important; }

	.picScroll .scrollWrap{ padding-left:24px  }
	.picScroll ul{ overflow:hidden; zoom:1; }
	.picScroll li{/* width:151px;*/ margin: 15px 25px 10px 0; position:relative; float:left; display:inline; }
.picScroll li .pic{     width: 223px;
    height: 300px;position:relative;display:block;overflow:hidden;margin-bottom:6px;}*/
	.picScroll li  img {display:block;background:#ddd; width: 223px;
    height: 300px;}
	.picScroll li p {width: 223px;
    height: 300px;height:15px;margin-top:5px;color:#999;line-height:15px;overflow:hidden;}
	.picScroll li .txt1 a{color:#333;}
	.picScroll li .movielist_tt {position:relative;height:16px;line-height:16px;padding-right:30px;overflow:hidden;position:relative;}
	.picScroll li .movielist_tt a {font-size:14px;}
	.picScroll li .score {color:#FF6600;font-family:Arial;position:absolute;top:0;right:10px;}

/**/
/*.scrollBox2{ position:relative; top: 44px; width:1200px;}
.scrollBox2 .piclist2{ overflow:hidden; zoom:1;}
.scrollBox2 .ohbox{overflow:hidden; position:relative;left:60px }
.scrollBox2 {position:relative;overflow:hidden;zoom:1;}
.scrollBox2 .piclist2 li{float:left; display:inline;height: 250px; width:250px;background:#fff;margin-right:10px;padding:5px;}
.scrollBox2 .piclist2 li .pic1{display:block;text-align:center;     height: 200px; width: 271px;}
.scrollBox2 .piclist2 li .pic1 img{
	width:100%;
	height:100%;
}
.scrollBox2 .pageBtn span{     position: absolute;
    
    background: url(../images/icons.png) -40px 0 no-repeat;}
.scrollBox2 .pageBtn .prev{left:20px;background-position:-11px -84px ;}
.scrollBox2 .pageBtn .next{right:20px;background-position:-53px -84px ;}
.scrollBox2 .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.scrollBox2 .pageBtn  .prev ,.scrollBox2 .pageBtn .next{ position: absolute; top: 83px; left:-1px; display: block; width: 26px; height: 64px; background: url(../images/slide_tigger.png) 0 -65px; z-index: 9; overflow: hidden; }
.scrollBox2 .pageBtn .next{left: 1200px;

    background-position: -77px -65px;
    top: 48px; background-position: -26px -65px; }
.scrollBox2 .pageBtn .prev:hover{ background-position:0 -130px; }
.scrollBox2 .pageBtn .next:hover{ background-position:-26px -130px; }*/
.picScroll4 {
	position: relative;
	padding-left: 42px;
	background: #fff;
	overflow: hidden;
	margin-top: 30px;
}
.picScroll4 ul {
	overflow: hidden;
	zoom: 1;
}


.picScroll4 .prev, .picScroll4 .next {
	position: absolute;
	left: 10px;
	top: 89px;
	display: block;
	width: 18px;
	height: 28px;
	overflow: hidden;
	background: url(../images/icons.png) -40px 0 no-repeat;
	cursor: pointer;
}
.picScroll4 .next {
	left: auto;
	right: 10px;
	background-position: -120px 0;
}
.picScroll4 .prevStop{
	background-position: 0 0;
}
.picScroll4 .nextStop {
	background-position: -80px 0;
}

.m2_con2 {
	height: 276px;
	overflow: hidden;
}
.m2_con2 ul li {
	float: left;
	margin-right: 25px;
	width: 225px;
	height:180px;
	overflow: hidden;
}
.m2_con2 ul li p {
	text-align: center;
		width: 225px;
	height:180px;
	line-height: 26px;
}
.m2_con2 ul li img{
	float: left;
	margin-right: 25px;
	width: 100%;
	height:100%;
	overflow: hidden;
}

/*n_fongcai 风采*/
.n_fongcai{
/*	background:#f5f5f5;*/
	width:100%;
	/* height: 441px;*/
	overflow: hidden;
}
.m2_con3{
	overflow: hidden;   
	margin-top: 30px;
}


.m2_con3 ul li {
	float: left;
	margin-right: 25px;
	width: 355px;
	height:233px;
	overflow: hidden;
}
.m2_con3 ul li p {
	text-align: center;
		width: 355px;
	height:233px;
	line-height: 26px;
}
.m2_con3 ul li img{
	float: left;
	margin-right: 25px;
	width: 100%;
	height:100%;
	overflow: hidden;
}
/*bc_sm高端建设网站补充说明*/
.gaodunbox_bc{
	margin-bottom: 20px
}
.bc_sm{
	width:1200px;
	margin: 20px auto;
}
.bc_sm ul li{
	float: left;
	    margin-bottom: 32px;
	width:300px;
	cursor: pointer;
}
.bc_sm ul li .sm_p1{
	font-size: 69px;
	color: #025ca3;
	text-align: center;
	    font-family: "Impact";
}
.bc_sm ul li .sm_p1 span{
	font-size: 20px;
	color: #ff7508;
}
.bc_sm ul li .sm_p2{
	font-size: 20px;
	text-align: center;
}
/*btn-wrap*/
.btn-wrap a{
margin: 20px auto;
}
.beizhu ul li{
	float: left;
	width:500px;
	margin-left: 93px;
}
.beizhu ul li img{
	width:200px;
	height:200px;
	margin: 10px auto;
}
.beizhu ul li p{
font-size: 14px;
}
/*抖音*/
.fuwu_section1{
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
    /*background: -webkit-linear-gradient(#ddf0f5, #e9e1f0);
    background: -o-linear-gradient(#ddf0f5, #e9e1f0);
    background: -moz-linear-gradient(#ddf0f5, #e9e1f0);
    background: linear-gradient(#ddf0f5, #e9e1f0);*/
}

.fuwu_wrap1{
    padding: 4% 0%;
    margin: 0px auto;
    padding-bottom: 6%;
    position: relative;
}

.fuwu1_title{
    text-align: center;
    line-height: 90px;
    font-size: 30px;
    font-weight: bold;
    color: #222;
}


.fuwu1_desc{
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 4%;
    color: #666;
}

.fuwu1_ul{
 overflow: hidden;
 width: 94%;
 margin: 0px auto;
}

.fuwu1_ul li{
    width: 19%;
    float:left;
    margin-left: 2%;
    background: #f4f4f4;
    padding: 4% 2%;
}

.fuwu1_ul li:hover{
    background: -webkit-linear-gradient(#00c3dc, #0287f7);
    background: -o-linear-gradient(#00c3dc, #0287f7);
    background: -moz-linear-gradient(#00c3dc, #0287f7);
    background: linear-gradient(#00c3dc, #0287f7);
}

.fuwu1_ul li:hover h2,.fuwu1_ul li:hover h3,.fuwu1_ul li:hover p,.fuwu1_ul li:hover em{
        color:#fff;
}


.fuwu1_ul li:hover  em{

    border-top: 2px solid #fff;
    
  
    
    }
    
    


.fuwu1_ul li h2{

color: #e5e4e4;

font-size: 59px;

line-height: 80px;

margin-bottom: 6%;
}

.fuwu1_ul li h3{

color: #000;

font-size: 21px;

line-height: 60px;
}

.fuwu1_ul li p{

line-height: 30px;

font-size: 14px;

color: #000;

margin-bottom: 20%;
}


.fuwu1_ul li  em{

border-top: 2px solid #000;

width: 20%;

/* height: 2px; */

display: block;

}
    
/*fuwu_section2*/
.fuwu_section2 {
    clear: both;
    overflow: hidden;
    position: relative;
    top: 0;
    width:100%;
    height: auto;
    min-width: 1000px;
    z-index:-10;
    zoom: 1;
    background-color: #fff;
    background: url(../images/fuwu_bg.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    overflow: hidden;
}


.fuwu_wrap2{
    padding: 6% 0%;
    margin: 0px auto;
}

.fuwu_wrap2 .fuwu2_title{
    text-align: center;
    line-height: 90px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

.fuwu_wrap2 .fuwu2_desc{
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 2%;
    color: #fff;
}

.fuwu2_ul{

overflow: hidden;

margin-top: 4%;
}
.fuwu2_ul li{

float: left;

width: 20%;

text-align: center;

margin-bottom: 2%;
}
.fuwu2_img{

height: 60px;
}
.fuwu2_img img{

max-width: 60px;

height: auto;
}

.fuwu2_ul li p{
    
color: #fff;
    
line-height: 60px;
    
font-size: 22px;
}

/*fuwu_section3*/
.fuwu_section3 {
    background: #f0f3fa;
}


.fuwu_wrap3{
    padding: 6% 0%;
    margin: 0px auto;
}

.fuwu_wrap3 h2{
    text-align: center;
    line-height: 90px;
    font-size: 30px;
    font-weight: bold;
    color: #222;
 
}

.fuwu_wrap3 p{
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 2%;
    color: #666;
}

.fuwu3_ul {

overflow: hidden;

margin-top: 5%;
}

.fuwu3_ul li{

float: left;

width: 12.5%;

text-align: center;

padding: 0% 2%;
}

.fuwu3_ul li .fuwu3_img{

}

.fuwu3_ul li .fuwu3_img{

}

.fuwu3_ul li h2{

font-size: 20px;

font-weight: 600;

line-height: 59px;
}

.fuwu3_ul li p{

font-size: 16px;

text-align: left;

line-height: 28px;
}

/*fuwu_section4*/


.fuwu_section4 {
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
    background: -webkit-linear-gradient(#38385f, #0a0a21);
    background: -o-linear-gradient(#38385f, #0a0a21);
    background: -moz-linear-gradient(#38385f, #0a0a21);
    background: linear-gradient(#38385f, #0a0a21);
    padding-bottom: 20px;
}


.fuwu_wrap4{
    padding: 3% 0%;
    margin: 0px auto;
}

.fuwu_wrap4 h2{
    text-align: center;
    line-height: 90px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

.fuwu_wrap4 p{
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 2%;
    color: #fff;
}


.fuwu4_ul{

overflow: hidden;

margin-top: 8%;
}

.fuwu4_ul li{

float: left;
}

.fuwu4_ul li a{

display: block;

background: #fdfeff;

color: #fff;

line-height: 70px;

width: 220px;

text-align: center;

font-size: 20px;

font-weight: 600;

background: url(../images/title_bg.png) no-repeat center center;

background-size: contain;
}

.fuwu4_ul li:nth-child(1) {
    margin-left: 22%;
    margin-top: 0%;
}
 

.fuwu4_ul li:nth-child(2) {
    margin-left: 5%;
    margin-top: 1%;
}
 

.fuwu4_ul li:nth-child(3) {
       margin-left: 7%;
    margin-top: -1%;
}
 

.fuwu4_ul li:nth-child(4) {
    margin-left: 55%;
    margin-top: 3%;
}
 

.fuwu4_ul li:nth-child(5) {
    margin-left: -62%;
    margin-top: 7%;
}
 

.fuwu4_ul li:nth-child(6) {
    margin-left: -38%;
    margin-top: 8%;
}
 

.fuwu4_ul li:nth-child(7) {
    margin-left: -23%;
    margin-top: 16%;
}
 

.fuwu4_ul li:nth-child(8) {
    margin-left: -2%;
    margin-top: 12%;
}

.fuwu4_ul li:nth-child(9) {
    margin-left: 23%;
    margin-top: 3%;
}
/**pro:start**/

.pro_section1{
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
    background: -webkit-linear-gradient(#ddf0f5, #e9e1f0);
    background: -o-linear-gradient(#ddf0f5, #e9e1f0);
    background: -moz-linear-gradient(#ddf0f5, #e9e1f0);
    background: linear-gradient(#ddf0f5, #e9e1f0);
}

.kdx_wrap{
    padding: 4% 0%;
    margin: 0px auto;
    padding-bottom: 6%;
    position: relative;
}

.kdx_wrap h2{
    text-align: center;
    line-height: 90px;
    font-size: 30px;
    font-weight:  bold;
    color: #222;
}


.kdx_wrap p{
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 4%;
    color: #666;
}

.kdx_wrap span{
    
line-height: 40px;
    
font-size: 18px;
    
text-align: left;
    
text-indent: 24px;
}


.pro_section2{
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
    background: -webkit-linear-gradient(#38385f, #0a0a21);
    background: -o-linear-gradient(#38385f, #0a0a21);
    background: -moz-linear-gradient(#38385f, #0a0a21);
    background: linear-gradient(#38385f, #0a0a21);
}

.kdx_core_wrap{
    padding: 6% 0%;
    margin: 0px auto;
}

.kdx_core_wrap h2{
    text-align: center;
    line-height: 90px;
    font-size: 42px;
    font-weight: 500;
    color: #fff;
}

.kdx_core_wrap h3{
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 2%;
    color: #fff;
}

.kdx_core{
    overflow: hidden;
    width: 92%;
    margin: 0px auto;
}

.kdx_core_left{
    float:left;
    width: 22%;
} 

.kdx_core_img img{
    display: block;
    width: 94%;
    margin: 0px auto;
    border-radius: 34px;
    margin-top: 5%;
    /* width: 252px; */
    height: auto;
} 

.kdx_core_img{
    width: 270px;
    height: 520px;
    background: url(../images/pro_icon_iphone.png) no-repeat 0 0/contain;
    text-align: center;
    overflow: hidden;
    /* border-radius: 39px; */
    margin: 0px auto;
    background-size: 100%;
}

.kdx_core_right{
    float:left;
    margin-left: 4%;
    width: 74%;
} 


.kdx_core_right ul{
    
overflow: hidden;
    
border-bottom: 1px solid #ccc;
} 


.kdx_core_right ul li{
     
float: left;
     
color: #fff;
     
width: 20%;
     
line-height: 126px;
     
font-size: 26px;
     
text-align: center;
} 

.kdx_core_right ul li.on{

border-bottom: 2px solid #ccc;
}


.kdx_cont{
 
}

.kdx_cont .kdx_core_cont{
    display: block;
    padding: 5% 4%;
}

.kdx_cont .kdx_core_cont p{

color: #fff;

line-height: 40px;

font-size: 16px;
}


.show {
    display: block;
}