@charset "utf-8";

button:focus {
	outline: none 0
}

.clearLink,
.clearLink:hover {
	cursor: text;
	text-decoration: none
}

.layout {
	width: 1200px;
	margin: 0 auto;
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0
}

body {
	min-width: 1220px
}


.nav li {
	-webkit-transition: line-height .25s;
	transition: line-height .25s
}

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




.ph {
	float: left;
	font-size: 14px;
	margin-right: 18px;
	border-right: 1px solid #f3f3f3;
	color: #00aaf6
}

.ph i {
	background: url(../images/png_ph1.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	margin-right: 11px;
	height: 17px
}

.ph em {
	margin-right: 25px
}


a {
	transition: color .2s, background .2s;
	-webkit-transition: color .2s, background .2s
}

.bannerplace a:hover,
.j-name span a:hover,
.nav-sub-box dd a:hover {
	color: #0095e2
}


.ewm {
	margin-right: 13px
}

.nomr {
	margin-right: 0 !important;
	float: right
}



.ad li {
	padding-right: 1.3%;
	float: left;
	width: 32%
}

.ad li i {
	float: left;
	padding-top: 52px;
	font-size: 18px;
	margin-right: 23px;
	margin-bottom: 5px;
	color: #999;
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 22px
}

.ad li .i1 {
	background-image: url(../images/png_adbg2.png)
}

.ad li .i2 {
	background-image: url(../images/png_adbg1.png)
}

.ad li .i3 {
	background-image: url(../images/home_foshan.png)
}

.ad li h5 {
	line-height: 37px;
	color: #7f7f7f;
	font-size: 30px
}

.ad li p {
	font-size: 14px;
	color: #666;
	line-height: 20px
}

.ad li h5.spe {
	padding-top: 10px
}




.pp {
	position: relative;
	width: 1202px;
	padding-bottom: 88px
}

.zp {
	width: 511px;
	z-index: 0;
	height: 270px;
	background: #fff url(../images/png_zp1.png) left top no-repeat;
	position: absolute;
	left: -45px;
	padding-right: 13px;
	top: 0
}

.pp table td {
	width: 20%;
	border: 1px solid #e8e8e8;
	height: 135px;
	overflow: hidden
}

.hideshow {
	-webkit-transition: -webkit-transform .6s, opacity 1.8s;
	transition: transform .6s, opacity 1.8s;
	-webkit-transform: translate3d(0, 10%, 0) scale(.9);
	transform: translate3d(0, 10%, 0) scale(.9);
	opacity: 0
}

.hideshow.on {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1
}


.nm {
	position: relative
}

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

.w_fl {
	float: left
}

.w_center {
	width: 1200px;
	margin: auto
}

.w_center {
	position: relative;
	z-index: 1
}

.w_bgbg {
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	height: 796px
}

.w_solutions {
	position: relative;
	padding-bottom: 26px
}

.w_title {
	padding-top: 50px;
	text-align: center;
	color: #0095e2;
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.w_title_line {
	position: absolute;
	width: 1200px;
	height: 1px;
	left: 0;
	top: 72px;
	border-top: 1px solid #e4e4e4;
	color: red;
	z-index: 1;
}

.w_title_name {
	position: relative;
	background: #fff;
	z-index: 1000;
	padding-left: 35px;
	padding-right: 35px;
	font-size: 32px;
}

.w_title h1 {
	font-size: 55px;
	text-transform: uppercase;
	font-family: 华文细黑;
	margin-bottom: 15px
}

.w_title h1 span {
	font-weight: lighter
}

.w_title h2 {
	font-size: 30px
}


.w_title h2 span {
	font-weight: 400
}

.w_title h3 {
	font-size: 26px;
	font-weight: lighter;
	font-family: 华文细黑;
	text-transform: uppercase;
	margin-bottom: 8px
}


/* w_function */
.w_function .w_icon_wrap li,
.w_solutions .w_icon_wrap li {
	transition: all .25s
}

.w_function .w_icon_wrap li:hover,
.w_solutions .w_icon_wrap li:hover {
	transform: translate3d(0, -30px, 0)
}

.w_function {
	text-align: center
}

.w_function .w_icon_wrap {
	padding: 60px 0
}

.w_function .w_icon_wrap li {
	width: 122px;
	padding: 0 70px;
	display: inline-block
}

.w_function .w_icon_wrap li img {
	width: 100%
}

.w_function .w_web_wrap {
	position: relative;
	text-align: left;
	color: #fff
}

.w_function .w_web_wrap.w_web_cloth {
	background: #273139
}

.w_function .w_web_wrap h1 {
	position: absolute;
	font-size: 40px;
	line-height: 65px;
	top: 0;
	left: 22px;
	margin-bottom: 14px
}

.w_function .w_web_wrap p {
	font-size: 16px;
	letter-spacing: -.05em;
	position: absolute;
	line-height: 24px;
	top: 69px;
	left: 22px;
	text-transform: uppercase;
	font-weight: lighter
}

.w_function .w_web_wrap p span {
	font-weight: 700
}

.w_function .w_con {
	background: #000 url(../images/w_bg3.jpg) no-repeat top center;
	overflow: hidden
}

.w_function .w_con .w_grid {
	float: right
}

.w_function .w_web_wrap h1,
.w_function .w_web_wrap p {
	z-index: 1
}

.w_pics {
	width: 285px;
	overflow: hidden;
	height: 211px;
	z-index: 0;
	position: relative;
	background: #273139;
	border-radius: 20px
}

.w_web_wrap.spe .w_pics {
	height: 165px
}

.w_web_wrap.spe2 .w_pics {
	height: 112px
}

.w_pics img {
	position: absolute;
	z-index: 0;
	height: 50%;
	bottom: 0;
	right: 0
}

.w_web_wrap.on .w_pics {
	background: #ffae4e
}

.w_function .w_web_wrap.spe2 h1 {
	line-height: 32px;
	padding-top: 20px;
	margin-bottom: 0;
	font-size: 22px
}

.w_function .w_web_wrap.spe2 p {
	top: 58px;
	line-height: 20px;
	font-size: 12px
}

.w_function .w_web_wrap.spe3 {
	float: left;
	margin-right: 17px;
	width: 138px
}

.w_function .w_web_wrap.spe3 .w_pics {
	height: 168px;
	width: 138px
}

.w_function .w_web_wrap.spe3 .w_pics img {
	width: 70%;
	height: auto
}

.w_function .w_web_wrap.spe3 h1 {
	top: 30px;
	line-height: 22px;
	font-size: 18px
}

.w_function .w_web_wrap.spe3 p {
	font-size: 12px;
	top: 82px;
	line-height: 18px
}


/* w_website_solutions */
.w_website_solutions .w_pic_wrap {
	overflow: hidden
}

.w_website_solutions .w_pic_wrap li {
	float: left;
	margin-right: 40px;
	position: relative;
	background-color: #fff
}

.w_website_solutions .w_pic_wrap li:last-child {
	margin-right: 0
}


.w_pic_wrap {
	padding-bottom: 139px;
	padding-top: 44px
}

.w_website_solutions .w_pic_wrap li img {
	width: 373px;
	height: 328px
}

/* banner */
.ihbanner {
	text-align: center;
	height: 475px
}

.ihbannertit {
	color: #fff
}

.ihbannertit h5 {
	line-height: 55px;
	font-size: 38px;
	padding-top: 49px
}

.ihbannertit p {
	font-size: 27px;
	line-height: 41px
}

.ihbannertit.spe1 h5 {
	color: #ef4359
}

.ihbannertit.spe1 p {
	color: #fff
}

.ihbannerlinks.spe1 a:hover {
	background: #f2445b;
	border: 1px solid #f2445b
}

.ihbannerlinks.spe2 a:hover {
	background: #e85a4f;
	border: 1px solid #e85a4f
}

.ihbannerlinks.spe3 a:hover {
	background: #956ae6;
	border: 1px solid #956ae6
}

.ihbannerlinks {
	padding: 17px 0 40px 0
}

.ihbannerlinks a {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	width: 150px;
	margin: 0 7px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 4px
}

.ihbannerlinks a:hover {
	background: #ffb033;
	border: 1px solid #ffb033
}

.ihbannerimgs img {
	vertical-align: top
}

.ihbannerimg1 {
	margin-top: 2px
}

.ihbannerimg2 {
	margin: 0 13px;
	margin-top: 15px
}

/* zcmod1 */
.zcmod1links a {
	display: inline-block;
	width: 224px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin: 0 7px;
	vertical-align: top
}

.zcmod1links {
	text-align: center;
	padding: 73px 0
}

.zcmod1links i {
	display: block;
	-webkit-transition: all .55s;
	transition: all .55s;
	width: 148px;
	height: 148px;
	margin: 0 auto;
	margin-bottom: 25px;
	background-position: center;
	border-radius: 50%;
	background-repeat: no-repeat
}

.j-box {
	-webkit-transition: all .55s;
	transition: all .55s
}

.wyllist li,
.zcmod5list li,
.zllist-img {
	-webkit-transition: all .35s;
	transition: all .35s
}

.wyllist li:hover,
.zllist-img:hover {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

.zcmod5list li:hover {
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0)
}

.zcmod1links .z1 i {
	background-image: url(../images/linksbg1.png);
	border: 3px solid #2bedaf
}

.zcmod1links .z2 i {
	background-image: url(../images/linksbg2.png);
	border: 3px solid #f7ba45
}

.zcmod1links .z3 i {
	background-image: url(../images/linksbg3.png);
	border: 3px solid #b260f1
}

.zcmod1links .z4 i {
	background-image: url(../images/linksbg4.png);
	border: 3px solid #2095f8
}

.zcmod1links .z5 i {
	background-image: url(../images/linksbg5.png);
	border: 3px solid #e95b8a
}

.j-box:hover,
.zcmod1links a:hover i {
	-webkit-transform: translate3d(0, -10px, 0) rotate(360deg);
	transform: translate3d(0, -10px, 0) rotate(360deg)
}

/* zcmodtit */
.zcmodtit {
	text-align: center;
	padding-top: 64px
}

.zcmodtit h5 {
	line-height: 64px;
	font-size: 41px
}

.zcmodtit p {
	line-height: 35px;
	font-size: 16px
}

.zcmodtit.col1 h5 {
	color: #434e5a
}

.zcmodtit.col1 p {
	color: #909ca9
}

.zcmodtit.col2 h5,
.zcmodtit.col2 h5 strong {
	color: #fff !important;
}

.zcmodtit.col2 p {
	color: #fff
}

.zcmodtit strong {
	font-weight: 700
}

/* commit */
.commit {
	width: 100%;
	overflow: hidden
}

.commit {
	height: 415px;
}

.commit .fix_1 {
	padding: 60px 0 42px 0
}

.commit .fix_1 h4 {
	float: left
}

.commit .fix_1 h4 font {
	display: block;
	font-size: 30px;
	color: #fff;
	line-height: 42px
}

.commit .fix_1 h4 span {
	display: block;
	font-size: 14px;
	color: #a6c5e7;
	line-height: 30px
}

.commit .fix_1 input {
	float: right;
	width: 260px;
	height: 50px;
	margin: 11px 25px 11px 0;
	border: none;
	border-radius: 3px;
	background: #0af;
	font-size: 16px;
	color: #fff
}

.commit .fix_2 p {
	width: 560px;
	height: 45px;
	margin-bottom: 10px;
	border-radius: 3px;
	background: #5ca6db
}

.commit .fix_2 p input {
	width: 100%;
	height: 45px;
	padding-left: 35px;
	border: none;
	background: no-repeat 10px center;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	line-height: 45px
}

.commit .fix_2 p input::-webkit-input-placeholder {
	color: #fff
}

.commit .fix_2 .insf_3-1 {
	width: 234px
}

.commit .fix_2 .insf_3-2 {
	width: 314px;
	margin-left: 12px
}

.commit .fix_2 .insf_4 {
	width: 580px;
	height: 100px;
	border-radius: 3px
}

.commit .fix_2 .insf_4 textarea {
	width: 100%;
	height: 100px;
	padding: 12px 40px;
	border: none;
	background: transparent url(../images/insf_5.png) no-repeat 10px 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	line-height: 20px
}

.commit .fix_2 .insf_4 textarea::-webkit-input-placeholder {
	color: #fff
}

.commit .fix_2 .insf_5 {
	float: left;
	width: 240px
}

.commit .fix_2 .insf_5 input {
	background-image: url(../images/insf_6.png)
}

.commit .fix_2>span {
	float: left;
	width: 97px;
	height: 45px;
	margin-left: 10px;
	border-radius: 3px;
	background: #fff
}

.spe.commit .fix_2 p {
	background: #525b66
}

/* bb1  */
.bb1 {
	height: 703px
}

.bb1-wrap {
	width: 566px;
	position: relative;
	top: 267px;
	left: -16px;
	height: 534px;
	background-size: 100% 64%;
	background-repeat: no-repeat
}

.bb1-cnt {
	padding: 69px 62px 0 62px
}

.bb1-cnt h3 {
	line-height: 52px;
	font-weight: 700;
	font-size: 41px;
	color: #000;
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8
}

.bb1-cnt h4 {
	font-size: 41px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8;
	line-height: 52px;
	color: #000
}

.bb1-cnt h5 {
	padding: 24px 0;
	font-size: 16px;
	line-height: 30px;
	color: #000
}

.bb1-cnt p {
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.bb1-cnt p em {
	color: #0095e2
}

.zllist {
	padding: 48px 0 66px 0
}

.zllist li {
	float: left;
	color: #fff;
	width: 336px;
	margin-right: 96px
}

.zllist li h5,
.zllist li p {
	color: #fff;
}

.zllist.spe li {
	width: 286px;
	margin-right: 18px
}

.zllist li h5 {
	font-size: 18px;
	font-weight: 700;
	line-height: 38px
}

.zllist li p {
	height: 146px;
	font-size: 14px;
	line-height: 24px
}

.zllist.spe li p {
	height: 126px
}

.zllist.spe li p em {
	color: #FDCF4E
}

.zllist-img {
	margin-left: -31px;
	width: 398px;
	overflow: hidden;
	margin-top: -18px;
	height: 298px;
}

.spe.zllist .zllist-img {
	margin-left: -31px;
	width: 348px;
	height: 281px;
	overflow: hidden;
	margin-top: -18px;
}

.spe.zllist .zllist-img-wrap {
	width: 286px;
	height: 160px;
	overflow: hidden;
	left: 31px;
	position: relative;
	top: 75px;
	border-radius: 0 0 5px 5px
}

.zllist-img-wrap {
	width: 336px;
	height: 209px;
	overflow: hidden;
	left: 31px;
	position: relative;
	top: 57px;
	border-radius: 0 0 5px 5px
}

/* wyl */
.wyllist {
	padding: 72px 0 105px 0
}

.wyllist-bg {
	background-size: 14px 212px;
	background-repeat: no-repeat;
	height: 268px;
	padding-top: 20px;
	padding-left: 57px;
	padding-right: 59px
}

.wyllist {
	width: 1220px;
	margin-left: -20px
}

.wyllist li {
	float: left;
	width: 410px;
	margin-left: -4px;
	height: 302px;
}

.wyllist li.spe {
	width: 824px;
	margin-left: -10px;
	height: 302px
}

.wylist-top {
	padding-top: 38px
}

.wylist-top i {
	border-radius: 50%;
	background: #f2523c;
	width: 64px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	color: #fff;
	font-size: 30px;
	float: left
}

.wylist-wrap {
	float: right;
	width: 213px
}

.wylist-wrap h4 {
	line-height: 33px;
	padding-top: 7px;
	font-size: 24px;
	color: #666;
	font-weight: 700
}

.wylist-wrap h5 {
	line-height: 21px;
	font-size: 16px;
	color: #666
}

.wylist-cnt {
	padding-top: 17px
}

.wylist-cnt span {
	text-align: center;
	margin: 5px 0;
	color: #666;
	font-size: 16px;
	width: 97px;
	line-height: 17px;
	border-right: 1px solid #e8e8e8;
	float: left
}

.wylspe {
	padding-top: 65px;
	text-align: center
}

.wylspe i {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 65px;
}

.wylspe h5 {
	padding-top: 12px;
	line-height: 40px;
	font-size: 24px;
	color: #666;
	font-weight: 700
}

.wylspe p {
	line-height: 29px;
	font-size: 16px;
	color: #999
}

.sm1 li {
	height: 215px;
	width: 284px
}

.sm2 li {
	height: 215px;
	width: 412px
}

.sm3 li {
	height: 215px;
	width: 307px
}

.sm4 li {
	height: 215px;
	width: 294px
}

.sm li {
	float: left
}

.sm li em {
	width: 103px;
	height: 34px;
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	float: left
}
.sm li img {
	margin: 0 10px;
	float: left
}

.sm li i {
	color: #fff;
	text-align: left;
	font-size: 14px;
	float: left
}
.w_grid {
	width: 865px
}
input,
select,
textarea {
	vertical-align: middle
}
.right {
	float: right
}

.left {
	float: left
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0
}