@import url("style_css.css");

/*网站建设主栏目*/

.webban {
	width: 100%;
	height: 530px;
	clear: both;
	background: url(../image/webban.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	color: #fff;
	min-width:1200px;
}
.webban .title {
	color: rgb(189, 33, 33);
	font-size: 42px;
	padding-top: 110px;
	text-align: center;
}
.webban .line {
	background: rgb(255, 255, 255);
	margin: 65px auto;
	width: 80px;
	height: 1px;
}
.fz32 {
    font-size: 32px;
}
.fz16 {
    font-size: 16px;
    line-height: 32px;
}

.project-cover {
	padding: 61px 0px 10px;
}
.project-cover .article {
	padding: 0px 6.75% 67px;
	text-align: center;
	color: rgb(51, 51, 51);
	line-height: 30px;
	font-size: 16px;
}
.project-cover .article .title {
	margin: 0px 0px 12px;
	color: rgb(26, 26, 26);
	line-height: 72px;
	font-size: 36px;
	font-weight: bold;
}
.m-case-division {
	border-left-color: rgb(220, 220, 220);
	border-left-width: 1px;
	border-left-style: solid;
}
.m-case-division li {
	width: 33.33%;
	float: left;
}
.m-case-division li a {
	display: block;
}
.m-case-division li img {
	width: 100%;
	display: block;
}
.m-case-division li:hover .shadow {
	opacity: 1;
}
.m-case-division li:hover .shadow img {
	transform: translateY(0px);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
}
.m-case-division li:hover .content {
	background-position: 45px 190px;
	background-color: rgb(248, 248, 248);
}
.m-case-division li:hover .title {
	color: rgb(217, 0, 0);
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
}
.m-case-division li:hover .desc {
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
}
.m-case-division .thumb a {
	position: relative;
}
.m-case-division .thumb .shadow {
	background: url("../image/caseshadow.png") 0px 0px;
	transition: 0.3s;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	opacity: 0;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
}
.m-case-division .thumb .shadow img {
	margin: -25px 0px 0px -25px;
	transition: 0.3s;
	left: 50%;
	top: 50%;
	width: 50px;
	position: absolute;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-o-transform: translateY(50px);
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
}
.m-case-division .content {
	background: url("../image/casearr.png") no-repeat 35px 190px;
	padding: 21px 48px 102px 35px;
	transition: 0.3s;
	border-right-color: rgb(220, 220, 220);
	border-bottom-color: rgb(220, 220, 220);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
}
.m-case-division .content .title {
	transition: 0.3s;
	color: rgb(51, 51, 51);
	line-height: 48px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
}
.m-case-division .content .desc {
	transition: 0.3s;
	height: 66px;
	color: rgb(153, 153, 153);
	line-height: 22px;
	overflow: hidden;
	font-size: 16px;
	-ms-text-overflow: ellipsis;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.same-titleh {
	text-align: center;
	line-height: 32px;
	padding-top: 50px;
	font-size: 32px;
}
.titleh-em {
	color: rgb(243, 97, 33);
	font-style: normal;
}
.same-titlehp {
	padding: 25px 0px 40px;
	text-align: center;
	color: rgb(102, 102, 102);
	line-height: 18px;
	font-size: 18px;
}
.bdtg_hyys {
	padding: 20px 0;
	background: #fff;
}
.bdtg_hyys .title {
	text-align: center;
	margin-bottom: 2px;
}
.bdtg_hyys .title h3 {
	color: #f16a05;
	font-size: 35px;
	margin-bottom: 15px;
}
.bdtg_hyys .title p {
	font-size: 16px;
	color: #616161;
}
.bdtg_wdys ul {
	margin: 8px 0 0 25px;
}
.bdtg_wdys ul li {
	width: 182px;
	margin: 0 66px 0 0;
	text-align: center;
	float: left;
}
.bdtg_wdys ul li.last {
	margin-right: 0;
}
.bdtg_wdys ul li:hover img {
	-moz-animation: dod 0.8s linear both;
	-ms-animation: dod 0.8s linear both;
	-webkit-animation: dod 0.8s linear both;
	-o-animation: dod 0.8s linear both;
	animation: dod 0.8s linear both;
}
.bdtg_wdys ul li:hover p {
	color: #e04200;
}
.bdtg_wdys ul li span {
	display: block;
	font-weight: bold;
	margin: 12px 0;
	font-size: 20px;
	color: #3e3e3e;
}
.bdtg_wdys ul li p {
	line-height: 32px;
	color: #797777;
	letter-spacing: 0px;
	width: 182px;
}
 @-o-keyframes dod {
 0% {
-o-transform:translateY(5px);
}
 20% {
-o-transform:translateY(-5px);
}
 40% {
-o-transform:translateY(5px);
}
 60% {
-o-transform:translateY(-5px);
}
 80% {
-o-transform:translateY(5px);
}
 100% {
-o-transform:translateY(0);
}
}
@-webkit-keyframes dod {
 0% {
-webkit-transform:translateY(5px);
}
 20% {
-webkit-transform:translateY(-5px);
}
 40% {
-webkit-transform:translateY(5px);
}
 60% {
-webkit-transform:translateY(-5px);
}
 80% {
-webkit-transform:translateY(5px);
}
 100% {
-webkit-transform:translateY(0);
}
}
@-ms-keyframes dod {
 0% {
-ms-transform:translateY(5px);
}
 20% {
-ms-transform:translateY(-5px);
}
 40% {
-ms-transform:translateY(5px);
}
 60% {
-ms-transform:translateY(-5px);
}
 80% {
-ms-transform:translateY(5px);
}
 100% {
-ms-transform:translateY(0);
}
}
@-moz-keyframes dod {
 0% {
-moz-transform:translateY(5px);
}
 20% {
-moz-transform:translateY(-5px);
}
 40% {
-moz-transform:translateY(5px);
}
 60% {
-moz-transform:translateY(-5px);
}
 80% {
-moz-transform:translateY(5px);
}
 100% {
-moz-transform:translateY(0);
}
}
@keyframes dod {
 0% {
transform:translateY(5px);
}
 20% {
transform:translateY(-5px);
}
 40% {
transform:translateY(5px);
}
 60% {
transform:translateY(-5px);
}
 80% {
transform:translateY(5px);
}
 100% {
transform:translateY(0);
}
}
.creativedesign {
	background: url("../image/creativedesign.png") no-repeat center;
	padding: 60px 0px;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.cre_tit {
	color: white;
	line-height: 30px;
	font-size: 30px;
}
.cre_subtit {
	color: white;
	padding-top: 17px;
	padding-bottom: 20px;
	font-size: 16px;
}
.cre_cont {
	color: white;
	line-height: 22px;
	font-size: 22px;
}
.tellyou {
	margin: 80px 0px 70px;
	width: 100%;
}
.tellyoucont {
	background: url("../image/tellyou.png") no-repeat 40px 0px;
	margin: 0px auto;
	width: 1200px;
	height: 380px;
}
.tellyou_word {
	margin-left: 620px;
}
.tellyou_word p {
	color: rgb(102, 102, 102);
	line-height: 48px;
	font-size: 18px;
}
.tellyou_word p span {
	color: rgb(243, 97, 33);
}
.tellyou_word .word_tit {
	color: rgb(68, 68, 68);
	line-height: 26px;
	padding-top: 30px;
	padding-bottom: 25px;
	font-size: 26px;
}
.weblc {
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.weblcpic {
	width: 100%;
	text-align: center;
	height: 519px;
	margin-top: 40px;
	margin-bottom: 60px;
	background: url(../image/bg2.jpg) left bottom repeat-x;
}
.make-shouhou {
	width: 100%;
	height: 150px;
}
.make-weihu {
	border: 1px solid rgb(229, 229, 229);
	border-image: none;
	padding-top: 12px;
	margin-bottom: 68px;
}
.make-weihu .public-n-tit1 {
	background: 0px 0px;
	height: auto;
	padding-top: 0px;
	margin-bottom: 83px;
}
.make-weihu .public-n-tit2 .img {
	margin-bottom: 16px;
	display: block;
}
.make-weihu .public-n-tit2 a {
	font-size: 26px;
}
.make-weihu ul li {
	width: 198px;
	text-align: center;
	margin-bottom: 30px;
	float: left;
}
.make-weihu ul li:hover img {
	border-radius: 50%;
	transition: 1s linear;
	transform: rotate(360deg);
}
.make-weihu ul li p {
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
}
.public-n-tit2 {
	background: 0px 0px;
	height: auto;
	text-align: center;
	padding-top: 48px;
	margin-bottom: 57px;
}
.public-n-tit2 a {
	color: rgb(0, 0, 0);
	font-size: 40px;
	font-weight: 700;
}
.public-n-tit2 p {
	color: rgb(0, 0, 0);
	font-size: 14px;
	margin-top: 8px;
}





/*企业官网子栏目*/

.qyban {
	width: 100%;
	height: 500px;
	clear: both;
	background: url("../image/qy_banner.jpg") no-repeat center;
	min-width:1200px;
}
.rescon {
	margin: 60px auto 70px;
}
.reswhat {
	margin-bottom: 65px;
}
.reswhatt {
	background: url("../image/reswhatt_bg.jpg") no-repeat 50% bottom;
	text-align: center;
	color: rgb(34, 34, 34);
	padding-bottom: 26px;
	font-size: 36px;
	font-weight: bolder;
}
.reswhatinfo {
	padding-top: 40px;
	text-align: center;
	color: rgb(102, 102, 102);
	line-height: 24px;
	font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.qiyexq {
	color: #fff;
	padding-top: 50px;
}
.qiyexq div {
	color: #fff;
	letter-spacing: 0px;
}
.qiyexql {
	width: 348px;
	height: 300px;
	float: left;
}
.qiyexqlt {
	background: rgb(211, 57, 119);
	padding: 30px;
	width: 288px;
	height: 80px;
	margin-bottom: 20px;
}
.qiyexqltl {
	width: 55px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45px;
	font-weight: bolder;
	float: left;
}
.qiyexqltr {
	width: 220px;
	height: auto;
	line-height: 24px;
	font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
}
.qiyexqm {
	background: rgb(211, 57, 119);
	padding: 100px 70px 0px;
	width: 324px;
	height: 200px;
	margin-left: 20px;
	float: left;
}
.qiyexqml {
	width: 55px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45px;
	font-weight: bolder;
	float: left;
}
.qiyexqmr {
	width: 250px;
	height: auto;
	line-height: 24px;
	font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
}
.qiyexqr {
	width: 348px;
	height: 300px;
	float: right;
}
.hideshow {
	transition: transform 0.6s, opacity 1.8s;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px) scale(1);
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	width:100%;
	text-align:center;
	min-width:1200px;
}
.bb1 {
	height: 703px;
	background: url(../image/1-1Z6241Q130Z4.jpg) no-repeat center;
}
.bb3 {
	height: 703px;
	background: url(../image/1-1Z626140404117.jpg) no-repeat center;
}
.bb1-wrap {
	background: url(../image/jy2.png) no-repeat center;
	left: -15px;
	top: 82px;
	width: 566px;
	height: 534px;
	position: relative;
}
.bb1-cnt {
	padding: 69px 62px 0px;
}
.bb1-cnt h3 {
	color: rgb(0, 0, 0);
	line-height: 52px;
	padding-bottom: 25px;
	font-size: 41px;
	font-weight: 700;
	border-bottom-color: rgb(232, 232, 232);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.bb1-cnt h4 {
	color: rgb(0, 0, 0);
	line-height: 52px;
	padding-bottom: 25px;
	font-size: 41px;
	border-bottom-color: rgb(232, 232, 232);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.bb1-cnt h5 {
	padding: 24px 0px;
	color: rgb(0, 0, 0);
	line-height: 30px;
	font-size: 16px;
}
.bb1-cnt p {
	color: rgb(119, 119, 119);
	line-height: 24px;
	font-size: 14px;
}
.bb1-cnt p em {
	color: rgb(0, 149, 226);
}
.zcmod5 {
	background: url(../image/mod5_01.jpg) no-repeat center;
}
.zcmod5box {
	position: relative;
}
.zcmod5b {
	background: rgb(149, 106, 230);
	border-radius: 8px;
	left: 460px;
	top: 97px;
	width: 280px;
	height: 558px;
	text-align: center;
	color: rgb(255, 255, 255);
	position: absolute;
}
.zcmod5b h5 {
	line-height: 86px;
	padding-top: 26px;
	font-size: 17px;
}
.zcmod5b h2 {
	line-height: 52px;
	font-size: 49px;
}
.zcmod5b h3 {
	line-height: 52px;
	font-size: 49px;
	font-weight: 700;
}
.zcmod5b h4 {
	line-height: 45px;
	font-size: 20px;
}
.zcmod5b p {
	height: 78px;
	line-height: 29px;
	padding-top: 12px;
	font-size: 17px;
	font-weight: 700;
}
.zcmod5list {
	padding: 97px 0px;
}
.zcmod5list li {
	background: rgb(255, 255, 255);
	padding: 47px;
	border-radius: 8px;
	width: 353px;
	height: 180px;
	margin-bottom: 10px;
	float: left;
	transition: 0.35s;
	-webkit-transition: all .35s;
}
.zcmod5list li:nth-child(2n) {
	float: right;
}
.zcmod5list li:hover {
	transform: translate3d(0px, -5px, 0px);
	-webkit-transform: translate3d(0, -5px, 0);
}
.zcmod5list-top i {
	width: 64px;
	height: 64px;
	float: left;
	background-image: url("../image/mod5_b1.png");
}
.zcmod5list-wrap {
	width: 279px;
	float: right;
}
.zcmod5list-wrap h4 {
	color: rgb(102, 102, 102);
	line-height: 33px;
	padding-top: 6px;
	font-size: 24px;
	font-weight: 700;
}
.zcmod5list-wrap h5 {
	color: rgb(153, 153, 153);
	line-height: 18px;
	font-size: 17px;
	letter-spacing: 0px;
}
.zcmod5list p {
	color: rgb(102, 102, 102);
	line-height: 27px;
	padding-top: 29px;
	font-size: 16px;
}
.zcmod5list p span {
	font-size: 14px;
	color: #666;
}
.yzs {
	padding: 94px 0px;
}
.yzs-cnt {
	width: 391px;
	height: 409px;
	background-image: url("../image/mod04_02.png");
	float: left;
}
.yzs-img {
	float: right;
}
.yzs-wrap {
	padding: 52px 34px 0px;
	color: rgb(255, 255, 255);
}
.yzs-wrap h3 {
	line-height: 54px;
	font-size: 41px;
	font-weight: 700;
}
.yzs-wrap h4 {
	line-height: 42px;
	font-size: 30px;
}
.yzs-wrap h5 {
	padding: 14px 0px;
	line-height: 24px;
	font-size: 16px;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.yzs-wrap p {
	line-height: 24px;
	padding-top: 18px;
	font-size: 13px;
}
.yzs-wrap p em {
	color: rgb(246, 255, 0);
}





/*品牌网站子栏目*/

.brandban {
	width: 100%;
	height: 500px;
	clear: both;
	background: url(../image/shiyue8.jpg) no-repeat center;
	background-size: cover;
	min-width:1200px;
}
.brandzx {
	padding-bottom: 70px;
}
.brandzxc {
	padding-top: 50px;
}
.brandzxc ul li {
	width: 270px;
	height: auto;
	color: rgb(255, 255, 255);
	margin-right: 40px;
	float: left;
}
.brandzxc ul li.brandzxc1 {
	background: rgb(233, 25, 70);
}
.brandzxc ul li.brandzxc2 {
	background: rgb(66, 82, 175);
}
.brandzxc ul li.brandzxc3 {
	background: rgb(51, 159, 111);
}
.brandzxc ul li.brandzxc4 {
	background: rgb(245, 146, 37);
}
.brandzxcc {
	padding: 15px 30px;
	width: 210px;
	height: auto;
	line-height: 24px;
	font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 14px;
	min-height: 190px;
}
.brandzxcc p {
	font-size: 14px;
	line-height: 24px;
	font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing: 0px;
}
.brandzxcc .brandzxcc_t {
	line-height: 24px;
	padding-bottom: 12px;
	font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #fff;
}
.brandservc {
	color: rgb(0, 0, 0);
	line-height: 24px;
	font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 50px;
	position: relative;
	z-index: 9;
}
.brandservc1 {
	left: 434px;
	top: 27px;
	width: 540px;
	height: auto;
	position: absolute;
	z-index: 99;
}
.brandservc2 {
	left: 504px;
	top: 106px;
	width: 540px;
	height: auto;
	position: absolute;
	z-index: 99;
}
.brandservc3 {
	left: 528px;
	top: 180px;
	width: 540px;
	height: auto;
	position: absolute;
	z-index: 99;
}
.brandservc4 {
	left: 547px;
	top: 253px;
	width: 540px;
	height: auto;
	position: absolute;
	z-index: 99;
}
.brandservc5 {
	left: 528px;
	top: 325px;
	width: 620px;
	height: auto;
	position: absolute;
	z-index: 99;
}
.brandservc6 {
	left: 446px;
	top: 405px;
	width: 540px;
	height: auto;
	position: absolute;
	z-index: 99;
}
.brandserv {
	padding-top: 60px;
}




/*营销网站子栏目*/

.markban {
	width: 100%;
	height: 500px;
	clear: both;
	background: url(../image/jx_yxx_banner.jpg) no-repeat center;
	min-width:1200px;
}
.jz_yxx_center {
	margin: 0px auto;
	width: 1200px;
	overflow: hidden;
}
.jz_yxx_d1 {
	padding: 50px 0px 140px;
}
.jz_yxx_d1 .jz_yxx_center img {
	float: left;
}
.jz_yxx_d1 .jz_yxx_center div {
	width: 555px;
	float: right;
}
.jz_yxx_d1 .jz_yxx_center div p:nth-child(1) {
	color: rgb(222, 37, 52);
	font-size: 45px;
	line-height: 45px;
	margin-bottom: 85px;
}
.jz_yxx_d1 .jz_yxx_center div p:nth-child(2) {
	color: rgb(68, 68, 68);
	line-height: 45px;
	font-size: 14px;
}
.wzjs_liuda {
	height: 980px;
}
.wzjs_liuda .vtop {
	text-align: center;
}
.wzjs_liuda .vtop p {
	color: rgb(51, 51, 51);
	font-size: 15px;
}
.wzjs_liuda .vtop h5 {
	color: rgb(51, 51, 51);
	font-size: 36px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}
.wzjs_liuda .vtop h5 span {
	color: rgb(254, 91, 0);
}
.wzjs_liuda .vtop h5 em {
	color: rgb(204, 204, 204);
	font-size: 14px;
	margin-top: 5px;
	display: block;
}
.wzjs_liuda .vtop i {
	background: url("/images/line.png") no-repeat center;
	margin: 0px auto;
	width: 69px;
	height: 3px;
	display: block;
}
.wzjs_liuda .vtop font {
	background: rgb(255, 93, 0);
	padding: 20px 0px;
	border-radius: 5px;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 25px;
	font-size: 15px;
	margin-top: 35px;
	display: block;
}
.wzjs_ldys1 {
	width: 1200px;
	height: 744px;
	padding-top: 30px;
}
.wzjs_ldys1 ul li {
	width: 316px;
	height: 355px;
	margin-top: 30px;
	margin-right: 126px;
	float: left;
}
.wzjs_ldys1 ul li:nth-child(3n) {
	margin-right: 0px;
}
.wzjs_ldys1 ul li a {
	background: url("../image/liujiao1.png") no-repeat;
	padding: 40px;
	width: 236px;
	height: 275px;
	text-align: center;
	color: rgb(255, 255, 255);
	display: block;
	position: relative;
	font-size: 12px;
}
.wzjs_ldys1 ul li a:hover {
	background: url("../image/liujiao.png") no-repeat;
	padding: 40px;
	width: 236px;
	height: 275px;
	text-align: center;
	text-decoration: none;
	float: left;
	position: relative;
}
.wzjs_l1 a i {
	background: url("../image/ld1.png") no-repeat left -71px;
	left: 122px;
	top: 60px;
	width: 67px;
	height: 67px;
	display: block;
	position: absolute;
}
.wzjs_l1 a:hover i {
	background: url("../image/ld1.png") no-repeat left 0px;
	height: 67px;
	display: block;
}
.wzjs_l2 a i {
	background: url("../image/ld2.png") no-repeat left -71px;
	left: 122px;
	top: 60px;
	width: 67px;
	height: 67px;
	display: block;
	position: absolute;
}
.wzjs_l2 a:hover i {
	background: url("../image/ld2.png") no-repeat left 0px;
	height: 67px;
	display: block;
}
.wzjs_l3 a i {
	background: url("../image/ld3.png") no-repeat left -71px;
	left: 122px;
	top: 60px;
	width: 67px;
	height: 67px;
	display: block;
	position: absolute;
}
.wzjs_l3 a:hover i {
	background: url("../image/ld3.png") no-repeat left 0px;
	height: 67px;
	display: block;
}
.wzjs_l4 a i {
	background: url("../image/ld4.png") no-repeat left -71px;
	left: 122px;
	top: 60px;
	width: 67px;
	height: 67px;
	display: block;
	position: absolute;
}
.wzjs_l4 a:hover i {
	background: url("../image/ld4.png") no-repeat left 0px;
	height: 67px;
	display: block;
}
.wzjs_l5 a i {
	background: url("../image/ld5.png") no-repeat left -71px;
	left: 122px;
	top: 60px;
	width: 67px;
	height: 67px;
	display: block;
	position: absolute;
}
.wzjs_l5 a:hover i {
	background: url("../image/ld5.png") no-repeat left 0px;
	height: 67px;
	display: block;
}
.wzjs_l6 a i {
	background: url("../image/ld6.png") no-repeat left -71px;
	left: 122px;
	top: 60px;
	width: 67px;
	height: 67px;
	display: block;
	position: absolute;
}
.wzjs_l6 a:hover i {
	background: url("../image/ld6.png") no-repeat left 0px;
	height: 67px;
	display: block;
}
.wzjs_ldys1 ul li a h3 {
	color: rgb(254, 91, 0);
	padding-top: 105px;
	font-size: 24px;
}
.wzjs_ldys1 ul li a:hover h3 {
	color: rgb(255, 255, 255);
}
.wzjs_ldys1 ul li a p {
	line-height: 20px;
	padding-top: 10px;
}
.wzyx_con_t {
	width: 100%;
	height: 70px;
	text-align: center;
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-top: 30px;
}
.wzyx_con_t span {
	margin: 0px auto;
	width: 445px;
	height: 100%;
	color: rgb(51, 51, 51);
	font-size: 34px;
	border-bottom-color: rgb(255, 102, 0);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
}
.wzyx_con_t font {
	color: rgb(255, 102, 0);
}
.h40 {
	width: 100%;
	height: 40px;
}
.wzyx_pk {
	width: 100%;
	height: 705px;
	text-align: center;
}
.gd_vant {
	padding-top: 65px;
}
.gd_vant .vtop {
	text-align: center;
}
.gd_vant .vtop p {
	color: rgb(51, 51, 51);
	font-size: 15px;
}
.gd_vant .vtop h5 {
	color: rgb(51, 51, 51);
	font-size: 36px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}
.gd_vant .vtop h5 span {
	color: rgb(254, 91, 0);
}
.gd_vant .vtop h5 em {
	color: rgb(204, 204, 204);
	font-size: 14px;
	margin-top: 5px;
	display: block;
}
.gd_vant .vtop i {
	background: url("../image/line.png") no-repeat center;
	margin: 0px auto;
	width: 69px;
	height: 3px;
	display: block;
}
.gd_vant .vcont {
	margin-top: 48px;
}
.gd_vant .vcont .ys {
	position: relative;
}
.gd_vant .vcont .ys1 {
	background: url("../image/ysbg1.jpg") no-repeat center;
	height: 408px;
}
.gd_vant .vcont .ys2 {
	background: url("../image/ysbg2.jpg") no-repeat center;
	height: 396px;
}
.gd_vant .vcont dl {
	background: url("../image/online.png") no-repeat bottom;
	width: 438px;
	padding-bottom: 52px;
	position: absolute;
}
.gd_vant .vcont dt span {
	color: rgb(255, 91, 0);
	font-size: 36px;
}
.gd_vant .vcont dt p {
	color: rgb(51, 51, 51);
	font-size: 20px;
}
.gd_vant .vcont dd {
	margin-top: 35px;
}
.gd_vant .vcont dd p {
	height: 32px;
	color: rgb(51, 51, 51);
	line-height: 32px;
	font-size: 13px;
}
.gd_vant .vcont dd p span {
	color: rgb(255, 91, 0);
	font-family: "Arial";
}
.gd_vant .vcont .ys1 dd p span {
	font-size: 20px;
}
.gd_vant .vcont .ys2 dd p span {
	font-size: 18px;
}
.gd_vant .vcont .ys1 dl {
	left: 0px;
	top: 90px;
}
.gd_vant .vcont .ys2 dl {
	top: 50px;
	right: 0px;
}
.gd_vant .vcont .ys2 h5 {
	background: url("../image/yuan3.png") no-repeat center;
	top: 280px;
	width: 453px;
	height: 54px;
	right: 0px;
	color: rgb(255, 255, 255);
	line-height: 54px;
	font-size: 15px;
	position: absolute;
	letter-spacing: 0px;
}
.gd_vant .vcont .ys2 h5 span {
	font-size: 17px;
	font-weight: bold;
}
.gd_vant .vcont .ys2 h5 a {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	text-decoration: none;
	display: block;
}
.gtop {
	text-align: center;
	padding-top: 60px;
}
.gtop h2 {
	color: rgb(0, 0, 0);
	font-size: 32px;
	font-weight: bold;
}
.gtop h2 span {
	color: rgb(191, 191, 191);
	font-size: 16px;
	font-weight: normal;
	display: block;
}
.gtop h2 em {
	color: rgb(254, 91, 0);
	font-weight: bold;
}
.gtop h3 {
	color: rgb(254, 91, 0);
	font-size: 18px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 23px;
}
.gtop i {
	background: url("../image/line.png") no-repeat center;
	margin: 0px auto;
	width: 69px;
	height: 3px;
	display: block;
}
.gcont {
	margin: 38px 0px;
}
.gcont ul {
	overflow: hidden;
}
.gcont li {
	margin: 0px 20px;
	width: 260px;
	text-align: center;
	float: left;
}
.gcont li h4 {
	margin: 0px auto;
	width: 157px;
	height: 174px;
	overflow: hidden;
}
.gcont li h5 {
	margin: 26px 0px;
	color: rgb(254, 91, 0);
	font-size: 20px;
	font-weight: normal;
}
.gcont li p {
	line-height: 22px;
	font-size: 13px;
}
.gcont li .gd1 {
	background: url("../image/gdImg1.png") no-repeat top;
}
.gcont li .gd2 {
	background: url("../image/gdImg2.png") no-repeat top;
}
.gcont li .gd3 {
	background: url("../image/gdImg3.png") no-repeat top;
}
.gcont li .gd4 {
	background: url("../image/gdImg4.png") no-repeat top;
}
.gcont li:hover h4 {
	background-position: bottom;
}
.seo_superiority {
	width: 100%;
	height: 560px;
}
.seo_superiority .container {
	width: 1200px;
	height: 560px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.seo_superiority .container .list {
	width: 1200px;
	padding-top: 148px;
}
.seo_superiority .container .list ul li {
	width: 240px;
	height: 200px;
	text-align: center;
	float: left;
}
.seo_superiority .container .list ul li p {
	line-height: 24px;
	padding-top: 10px;
	font-size: 14px;
}
.pop_text {
	left: 0px;
	top: 0px;
	width: 1200px;
	height: auto;
	text-align: center;
	padding-top: 50px;
	position: absolute;
	z-index: 2147483647;
}
.pop_text h6 {
	color: rgb(68, 68, 68);
	font-size: 34px;
}
.pop_text h6 font {
	color: rgb(255, 102, 0);
}





/*网上商城网站子栏目*/

.shopban {
	width: 100%;
	height: 500px;
	clear: both;
	background: url(../image/dians_banner.jpg) no-repeat center;
	min-width:1200px;
}
.shopcon {
	padding: 40px 0px 20px;
}
.shopcon ul li {
	width: 200px;
	height: auto;
	margin-right: 50px;
	float: left;
}
.shopcon ul li:nth-child(5n) {
	margin-right: 0px;
}
.shopcon ul li img {
	margin-bottom: 25px;
}
.shopconc {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	letter-spacing: 0px;
}
.webshop {
	height: 70px;
	text-align: center;
	line-height: 70px;
	padding-top: 60px;
	font-size: 40px;
}
.fs18 {
	text-align: center;
	line-height: 40px;
	font-size: 18px;
}
.build_redcir {
	margin: 0px auto;
	padding: 40px 0px 50px;
	width: 1200px;
}
.build_redcir dl {
	margin: 0px 25px;
	width: 250px;
	text-align: center;
	float: left;
	display: block;
	_display: inline;
}
.build_redcir dt {
	background: rgb(255, 102, 0);
	border-radius: 50%;
	width: 190px;
	height: 120px;
	color: rgb(255, 255, 255);
	line-height: 50px;
	overflow: hidden;
	padding-top: 70px;
	font-size: 50px;
	display: inline-block;
	box-sizing: content-box;
}
.build_redcir dd {
	line-height: 30px;
	font-size: 16px;
	margin-top: 15px;
	letter-spacing: 0px;
	color: #585858;
}
.build_redcir dl:hover {
	animation: build_banner 2s ease-in-out 0.1s infinite;
	-webkit-animation: build_banner 2s ease-in-out 0.1s infinite;
	-moz-animation: build_banner 2s ease-in-out 0.1s infinite;
	-o-animation: build_banner 2s ease-in-out 0.1s infinite;
}
.build_redcir dl:hover dt {
	background: rgb(11, 130, 208);
	transition: 0.4s ease-in-out 0.01s;
	-webkit-transition: all 0.4s ease-in-out 0.01s;
	-o-transition: all 0.4s ease-in-out 0.01s;
	-moz-transition: all 0.4s ease-in-out 0.01s;
}
.mall_con .gray {
	background-color: rgb(243, 243, 243);
	width:100%;
	text-align:center;
	min-width:1200px;
}
.mall_con .line .text {
	line-height: 24px;
	font-size: 14px;
	position: absolute;
	z-index: 11;
	letter-spacing: 0px;
}
.mall_con .line .text strong {
	color: rgb(68, 68, 68);
	padding-bottom: 15px;
	font-size: 28px;
	display: block;
}
#shopys1 {
	background-position: right;
	height: 380px;
	background-image: url("../image/Mall_01.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shopys2 {
	background-position: left bottom;
	height: 367px;
	background-image: url("../image/Mall_02.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shopys3 {
	background-position: right;
	height: 327px;
	background-image: url("../image/Mall_03.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shopys4 {
	background-position: left;
	height: 381px;
	background-image: url("../image/Mall_04.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shopys5 {
	background-position: right;
	height: 351px;
	background-image: url("../image/Mall_05.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shopys6 {
	background-position: left;
	height: 421px;
	background-image: url("../image/Mall_06.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shopys7 {
	background-position: right;
	height: 351px;
	background-image: url("../image/Mall_07.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shopys8 {
	background-position: left;
	height: 421px;
	background-image: url("../image/Mall_08.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#shoptext1 {
	left: 15px;
	top: 100px;
	width: 500px;
}
#shoptext2 {
	left: 589px;
	top: 137px;
	width: 608px;
}
#shoptext3 {
	left: 16px;
	top: 113px;
	width: 577px;
}
#shoptext4 {
	left: 615px;
	top: 137px;
	width: 577px;
}
#shoptext5 {
	left: 21px;
	top: 137px;
	width: 632px;
}
#shoptext6 {
	left: 689px;
	top: 137px;
	width: 502px;
}
#shoptext7 {
	left: 21px;
	top: 137px;
	width: 560px;
}
#shoptext8 {
	left: 719px;
	top: 137px;
	width: 471px;
}




/*外贸网站子栏目*/


.wmban {
	width: 100%;
	height: 500px;
	clear: both;
	background: url(../image/waim_banner.jpg) no-repeat center;
	min-width:1200px;
}
.full-site-article {
	padding-top: 49px;
}
.full-site-article > img {
	display: block;
	width: 500px;
	float: right;
}
.full-site-article > .mcenter > div {
	float: left;
	width: 500px;
	padding-top: 90px;
	box-sizing: border-box;
}
.m-web-title {
	font-size: 36px;
	line-height: 50px;
	color: #333;
	text-align: center;
	font-weight: bold;
	padding: 0 15px;
}
.m-web-desc {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: left;
	padding-top: 30px;
}
.b2c-solution {
	padding: 130px 0px 91px;
	color: #666;
	line-height: 24px;
	font-size: 16px;
}
.b2c-solution p, .b2c-solution div {
	color: #666;
	line-height: 24px;
}
.b2c-solution h4 {
	color: #999;
	line-height: 60px;
	font-size: 60px;
	margin-bottom: 14px;
	font-family: Arial;
	font-weight: normal;
}
.b2c-solution h3 {
	color: #1a1a1a;
	line-height: 36px;
	font-size: 24px;
	margin-bottom: 22px;
	font-weight: normal;
}
.b2c-solution .top-four-list {
	border-top-color: rgb(217, 217, 217);
	border-left-color: rgb(217, 217, 217);
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	margin-top: 50px;
}
.b2c-solution .top-four-list li {
	width: 25%;
	float: left;
}
.b2c-solution .top-four-list .inner {
	padding: 43px 45px 8px;
	border-right-color: rgb(217, 217, 217);
	border-right-width: 1px;
	border-right-style: solid;
}
.b2c-solution .top-four-list .inner p {
	height: 240px;
	line-height: 24px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
}
.b2c-solution .last {
	padding: 41px 65px 42px 45px;
	border: 1px solid rgb(217, 217, 217);
	border-image: none;
	overflow: hidden;
	-ms-zoom: 1;
}
.b2c-solution .last .left {
	margin-right: 163px;
	float: left;
}
.b2c-solution .last .text {
	overflow: hidden;
	-ms-zoom: 1;
}
.b2c-solution .bot-two-list {
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
}
.b2c-solution .bot-two-list .quarter {
	padding: 43px 45px 8px;
	border: 1px solid rgb(217, 217, 217);
	border-image: none;
	width: 25%;
	vertical-align: top;
	display: table-cell;
}
.b2c-solution .bot-two-list .last {
	width: 75%;
	vertical-align: top;
	display: table-cell;
}
.b2c-solution .bot-two-list .last .left {
	margin-right: 112px;
}
.b2c-solution .trade-three-list li {
	width: 33.33%;
}
.b2c-solution .trade-three-list .inner {
	padding: 43px 40px 8px;
}
.b2c-solution .trade-three-list .inner p {
	height: 144px;
	line-height: 24px;
	-webkit-line-clamp: 6;
}
.b2c-solution .trade-two-list .quarter {
	width: 33.33%;
}
.yxmain5 {
	background: url(../image/yxmain5bei.jpg) center;
	height: 48px;
	padding: 59px 0 55px 0;
	background-attachment: fixed;
	width:100%;
	text-align:center;
	min-width:1200px;
}
.zong {
	width: 1100px;
	margin: auto;
	overflow: hidden;
}
.yxzhuan1 {
	font-size: 30px;
	color: #fff;
	float: left;
}
.yxzhuan1 span {
	font-size: 38px;
	color: #ff9803;
}
.yxzixun {
	float: right;
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 48px;
	width: 201px;
	height: 48px;
	background: #ff9803;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.yxzixun:hover {
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	background: #28adfa
}
.why {
	background: rgb(255, 255, 255);
	padding-top: 50px;
	padding-bottom: 20px;
}
.why .list li {
	width: 256px;
	text-align: center;
	padding-right: 58px;
	float: left;
}
.why .list li.last {
	padding-right: 0px;
}
.why .li_tit {
	color: rgb(43, 120, 217);
	line-height: 30px;
	padding-top: 28px;
	font-size: 16px;
}
.why .li_txt {
	color: rgb(89, 89, 89);
	line-height: 28px;
	padding-top: 12px;
	font-size: 14px;
	letter-spacing: 0px;
}
.why .tit {
	text-align: center;
	color: rgb(246, 108, 0);
	line-height: 72px;
	font-size: 35px;
	font-weight: bold;
	padding-bottom: 40px;
}




/*门户网站子栏目*/


.menhuban {
	width: 100%;
	height: 500px;
	clear: both;
	background: url(../image/menh_02.jpg) no-repeat center;
	min-width:1200px;
}
.menhu-top-cen {
	margin: 0px auto;
	width: 1200px;
	padding-top: 135px;
	box-sizing: border-box;
}
.menhu-top-cen > img {
	width: 588px;
	float: left;
	display: block;
}
.menhu-top-cen > div {
	width: 578px;
	float: right;
}
.menhu-top-cen > div p {
	text-align: justify;
	color: rgb(126, 126, 126);
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 30px;
	padding-top: 40px;
}
#hangye_sort {
	height: 500px;
}
#hangye_sort li {
	width: 20%;
	text-align: center;
	font-size: 16px;
	float: left;
}
#hangye_sort li i {
	background: url("../image/icon_hnagye.png") rgb(221, 221, 221);
	margin: 0px auto 20px;
	border-radius: 50%;
	border: 15px solid rgb(255, 255, 255);
	border-image: none;
	width: 100px;
	height: 100px;
	display: block;
}
#hangye_sort li:hover i {
	background: url("../image/icon_hnagye.png") rgb(255, 153, 0);
	border: 15px solid rgb(255, 153, 0);
	border-image: none;
}
#hangye_sort li:nth-child(2) i {
	background-position: -100px 0px;
}
#hangye_sort li:nth-child(3) i {
	background-position: -200px 0px;
}
#hangye_sort li:nth-child(4) i {
	background-position: -300px 0px;
}
#hangye_sort li:nth-child(5) i {
	background-position: -400px 0px;
}
#hangye_sort .tit {
	padding: 55px 0px;
	text-align: center;
	color: rgb(153, 153, 153);
	font-size: 18px;
	position: relative;
}
#hangye_sort .tit h1 {
	color: rgb(51, 51, 51);
	padding-bottom: 30px;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 30px;
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#hangye_sort .tit em {
	color: rgb(247, 126, 0);
	font-style: normal;
}
#hangye_sort .tit i {
	background: rgb(51, 153, 204);
	left: 50%;
	top: 107px;
	width: 100px;
	height: 3px;
	margin-left: -50px;
	display: inline-block;
	position: absolute;
}
