@charset "utf-8";
/*全局样式*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1}
/*banner*/
/*cxy*/
/*#banner{min-width: 1500px; width: 100%; height: 655px; background: url(../images/banner01.jpg) center top; background-size: cover; position: relative;  }*/
#banner{min-width: 1500px;width: 100%; height: 655px; background: url(../images/cxbj2.png) center top; background-size: cover; position: relative;  }
#banner img{display: block;float: left;margin-top: 15px;margin-left: 5%;}
/*#banner p{position: absolute; left: 50%; top: 50%; z-index: 3;}
#banner p:nth-child(1){margin: -280px 0 0 -272px;}
#banner p:nth-child(2){margin: 18px 0 0 -254px;}
#banner p:nth-child(3){margin: -80px 0 0 -180px;}
#banner p:nth-child(4){margin: -131px 0 0 -41px;}
#banner p:nth-child(5){margin: -80px 0 0 22px;}
#banner p:nth-child(6){margin: 24px 0 0 72px;}
#banner p:nth-child(7){margin: 83px 0 0 -84px;z-index: 4; width: 160px; height: 135px;  font-size: 22px; color: #fff; text-align: center; line-height: 28px; padding-top: 25px; }
#banner p:nth-child(7) span{display: block; font-size: 16px;line-height: 20px;}
#banner p:nth-child(12){margin: 83px 0 0 -84px;z-index: 3; width: 160px; height: 160px; background: #e26b0f; border-radius: 50%; animation: scral 2s infinite linear;-webkit-animation: scral 2s infinite linear;-ms-animation: scral 2s infinite linear;-o-animation: scral 2s infinite linear;-moz-animation: scral 2s infinite linear;}*/
#xnav{width: 70%;padding: 0 15%;height: 60px;color: #fff;line-height: 60px;position: absolute;top: 0;}
#xnav a{margin-left: 30px;float: right;font-size: 16px;color: #fff;}
#xnav a:hover{color: #0075bd;}
.marketing_001{
	width: 1140px;
	height: 182px;
	margin: 50px auto 0;
	background-color: #FFFFFF;
	border-radius: 16px;
	box-shadow: 0 1px 8px 2px #bbbbbb;
	padding-top: 38px;
}
.xtop{font-size: 30px;width: 100%;text-align: center;margin-bottom: 35px;}
.xzong{width: 100%;height: 42px;display: flex;justify-content: center;align-content: center;}
.marketing_001 input{border-radius: 8px;box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25);padding-left: 20px;height: 42px;border: 1px solid #ccc;margin-right: 12px;}
.xinp1{width: 418px;}
.xinp2{width: 218px;}
.xsel{border-radius: 8px;box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25);padding-left: 20px;width: 174px;height: 42px;border: 1px solid #ccc;margin-right: 12px;}
.xsel option{appearance: none;border: 1px solid #ccc;border-radius: 8px;}
.xzheg{
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	position: fixed;
	top: 0;
}
.xtan{
	position: fixed;
	top: 16%;
	left: 50%;
	margin-left: -260px;
	width: 488px;
	height: 300px;
	background-color: #FFFFFF;
	z-index: 1001;
	border-radius: 8px;
	padding: 16px;
}
.xbutt{
	width: 158px;
    height: 42px;
    background-color: #4d87d0;
    transition: all .15s linear;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: -1px 0 0 -1px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
}
.xtitl{
	height: 60px;
    line-height: 60px;
    color: #6a62ad;
    font-size: 18px;
    text-align: center;
    margin: 0;
}
.xtip{margin-left: 60px;font-size: 12px;margin-bottom: 10px;cursor: pointer;}
.xa{
	width: 400px;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	margin-left: 60px;
}
.xa0{margin-bottom: 24px;}
.xa input{
	width: 200px;
	height: 44px;
	border: 1px solid #ddd;
	border-radius: 8px;
	display: block;
	margin-right: 10px;
	text-indent: 10px;
	font-size: 14px;
}
.xa0 div,.xa1 p{
	width: 137px;
	height: 44px;
	border: 1px solid #ddd;
	border-radius: 8px;
	margin: 0;
	text-align: center;
	line-height: 44px;
	font-size: 12px;
	overflow: hidden;
	cursor: pointer;
}
.xxx{position: absolute;top: 16px;right: 20px;cursor: pointer;}
.xa1 p{background-color: #eee;color: #555;}
.xyzm{background-size: 100% 100%;}
.xa0 p{width: 100%;height: 100%;margin: 0;color: #FFFFFF;background-color: rgba(0,0,0,0.5);display: none;z-index: 1003;}
.xa0 div:hover p{display: block;}
.xa2{margin-left: 60px;}
.xclo{width: 138px;height: 44px;background-color: #ccc;text-align: center;line-height: 44px;color: #fff;font-size: 14px;border-radius: 6px;margin: 20px auto 0;cursor: pointer;}
@keyframes scral{
	0%{transform: scale(0.9,0.9);}
	50%{transform: scale(1.1,1.1);}
	100%{transform: scale(0.9,0.9);}

}
@-webkit-keyframes scral{
	0%{-webkit-transform: scale(0.9,0.9);}
	50%{-webkit-transform: scale(1.1,1.1);}
	100%{-webkit-transform: scale(0.9,0.9);}

}
@-moz-keyframes scral{
	0%{-moz-transform: scale(0.9,0.9);}
	50%{-moz-transform: scale(1.1,1.1);}
	100%{-moz-transform: scale(0.9,0.9);}

}
@-ms-keyframes scral{
	0%{-ms-transform: scale(0.9,0.9);}
	50%{-ms-transform: scale(1.1,1.1);}
	100%{-ms-transform: scale(0.9,0.9);}

}
@-o-keyframes scral{
	0%{-o-transform: scale(0.9,0.9);}
	50%{-o-transform: scale(1.1,1.1);}
	100%{-o-transform: scale(0.9,0.9);}

}
#banner p:nth-child(10){ margin: 60px 0 0 -180px;z-index: 3;}
#banner p:nth-child(11){background: url(../images/banner_10.png) center top; width: 100%; height: 460px; background-size: cover; margin-left: -50%; top: auto; bottom: 0;z-index: 0;}
@media only screen and (min-width:1700px) {
	#banner p:nth-child(11){width: 100%;height: 610px;}
	#banner p:nth-child(9){-moz-animation: goes 70s linear infinite; -moz-transform: translate(1300px,430px) scale(.1,.1);animation: goes 70s linear infinite; transform: translate(1300px,430px) scale(.1,.1);-webkit-animation: goes 70s linear infinite; -webkit-transform: translate(1300px,430px) scale(.1,.1);-ms-animation: goes 70s linear infinite; -ms-transform: translate(1300px,430px) scale(.1,.1);-o-animation: goes 70s linear infinite; -o-transform: translate(1300px,430px) scale(.1,.1); position: static; width: 80px; height: 80px;}	
	@keyframes goes{
	0%{transform: translate(1300px,430px) scale(.5,.5);}
	20%{transform: translate(1500px,300px) scale(.8,.8);}
	50%{transform: translate(1700px,100px) scale(1.2,1.2);}
	100%{transform: translate(1900px,0px) scale(0,0);}
}
@-webkit-keyframes goes{
	0%{-webkit-transform: translate(1300px,430px) scale(0,0);}
	20%{-webkit-transform: translate(1500px,300px) scale(.8,.8);}
	50%{-webkit-transform: translate(1700px,100px) scale(1.2,1.2);}
	100%{-webkit-transform: translate(1900px,0px) scale(0,0);}
}
@-ms-keyframes goes{
	0%{-ms-transform: translate(1300px,430px) scale(.5,.5);}
	20%{-ms-transform: translate(1500px,300px) scale(.8,.8);}
	50%{-ms-transform: translate(1700px,100px) scale(1.2,1.2);}
	100%{-ms-transform: translate(1900px,0px) scale(0,0);}
}
@-moz-keyframes goes{
	0%{-moz-transform: translate(1300px,430px) scale(.5,.5);}
	20%{-moz-transform: translate(1500px,300px) scale(.8,.8);}
	50%{-moz-transform: translate(1700px,100px) scale(1.2,1.2);}
	100%{-moz-transform: translate(1900px,0px) scale(0,0);}
}
@-o-keyframes goes{
	0%{-o-transform: translate(1300px,430px) scale(.5,.5);}
	20%{-o-transform: translate(1500px,300px) scale(.8,.8);}
	50%{-o-transform: translate(1700px,100px) scale(1.2,1.2);}
	100%{-o-transform: translate(1900px,0px) scale(0,0);}
}	
}

@media only screen and (max-width:1699px) {
	#banner p:nth-child(9){-moz-animation: goes 70s linear infinite; -moz-transform: translate(930px,430px) scale(.1,.1);animation: goes 70s linear infinite; transform: translate(930px,430px) scale(.1,.1);-webkit-animation: goes 70s linear infinite; -webkit-transform: translate(930px,430px) scale(.1,.1);-ms-animation: goes 70s linear infinite; -ms-transform: translate(930px,430px) scale(.1,.1);-o-animation: goes 70s linear infinite; -o-transform: translate(930px,430px) scale(.1,.1); position: static; width: 80px; height: 80px;}
	@keyframes goes{
	0%{transform: translate(930px,430px) scale(.5,.5);}
	20%{transform: translate(1000px,300px) scale(.8,.8);}
	50%{transform: translate(1200px,100px) scale(1.2,1.2);}
	100%{transform: translate(1300px,0px) scale(0,0);}
}
@-webkit-keyframes goes{
	0%{-webkit-transform: translate(930px,430px) scale(0,0);}
	20%{-webkit-transform: translate(1000px,300px) scale(.8,.8);}
	50%{-webkit-transform: translate(1200px,100px) scale(1.2,1.2);}
	100%{-webkit-transform: translate(1300px,0px) scale(0,0);}
}
@-ms-keyframes goes{
	0%{-ms-transform: translate(930px,430px) scale(.5,.5);}
	20%{-ms-transform: translate(1000px,300px) scale(.8,.8);}
	50%{-ms-transform: translate(1200px,100px) scale(1.2,1.2);}
	100%{-ms-transform: translate(1300px,0px) scale(0,0);}
}
@-moz-keyframes goes{
	0%{-moz-transform: translate(930px,430px) scale(.5,.5);}
	20%{-moz-transform: translate(1000px,300px) scale(.8,.8);}
	50%{-moz-transform: translate(1200px,100px) scale(1.2,1.2);}
	100%{-moz-transform: translate(1300px,0px) scale(0,0);}
}
@-o-keyframes goes{
	0%{-o-transform: translate(930px,430px) scale(.5,.5);}
	20%{-o-transform: translate(1000px,300px) scale(.8,.8);}
	50%{-o-transform: translate(1200px,100px) scale(1.2,1.2);}
	100%{-o-transform: translate(1300px,0px) scale(0,0);}
}
}
#banner p:nth-child(8){animation: go 100s linear infinite; transform: translate(302px,434px) scale(1,1);-webkit-animation: go 100s linear infinite; -webkit-transform: translate(302px,434px) scale(1,1);-moz-animation: go 100s linear infinite; -moz-transform: translate(302px,434px) scale(1,1);-ms-animation: go 100s linear infinite; -ms-transform: translate(302px,434px) scale(1,1);-o-animation: go 100s linear infinite; -o-transform: translate(302px,434px) scale(1,1); position: static; width: 80px; height: 80px;}
#banner p:nth-child(9){-moz-animation: goes 70s linear infinite; -moz-transform: translate(930px,430px) scale(.1,.1);animation: goes 70s linear infinite; transform: translate(930px,430px) scale(.1,.1);-webkit-animation: goes 70s linear infinite; -webkit-transform: translate(930px,430px) scale(.1,.1);-ms-animation: goes 70s linear infinite; -ms-transform: translate(930px,430px) scale(.1,.1);-o-animation: goes 70s linear infinite; -o-transform: translate(930px,430px) scale(.1,.1); position: static; width: 80px; height: 80px;}
@keyframes go{
	0%{transform: translate(302px,434px) scale(.5,.5);}
	20%{transform: translate(421px,193px) scale(1.1,1.1);}
	50%{transform: translate(510px,133px) scale(1.2,1.2);}
	70%{transform: translate(739px,93px) scale(.7,.7);}
	100%{transform: translate(939px,0px) scale(.3,.3);}
	
}
@-webkit-keyframes go{
	0%{-webkit-transform: translate(302px,434px) scale(.5,.5);}
	20%{-webkit-transform: translate(421px,193px) scale(1.1,1.1);}
	50%{-webkit-transform: translate(510px,133px) scale(1.2,1.2);}
	70%{-webkit-transform: translate(739px,93px) scale(.7,.7);}
	100%{-webkit-transform: translate(939px,0px) scale(.3,.3);}
	
}
@-ms-keyframes go{
	0%{-ms-transform: translate(302px,434px) scale(.5,.5);}
	20%{-ms-transform: translate(421px,193px) scale(1.1,1.1);}
	50%{-ms-transform: translate(510px,133px) scale(1.2,1.2);}
	70%{-ms-transform: translate(739px,93px) scale(.7,.7);}
	100%{-ms-transform: translate(939px,0px) scale(.3,.3);}
	
}
@-moz-keyframes go{
	0%{-moz-transform: translate(302px,434px) scale(.5,.5);}
	20%{-moz-transform: translate(421px,193px) scale(1.1,1.1);}
	50%{-moz-transform: translate(510px,133px) scale(1.2,1.2);}
	70%{-moz-transform: translate(739px,93px) scale(.7,.7);}
	100%{-moz-transform: translate(939px,0px) scale(.3,.3);}
	
}
@-o-keyframes go{
	0%{-o-transform: translate(302px,434px) scale(.5,.5);}
	20%{-o-transform: translate(421px,193px) scale(1.1,1.1);}
	50%{-o-transform: translate(510px,133px) scale(1.2,1.2);}
	70%{-o-transform: translate(739px,93px) scale(.7,.7);}
	100%{-o-transform: translate(939px,0px) scale(.3,.3);}
	
}


/*marketing_01*/
.marketing_01,.marketing_002,.marketing_03,.wrap-container,.marketing_04,.marketing_05{min-width: 1500px;}
/*01-标题*/
.hrr{width:50px;height: 2px;background-color: #4d87d0;margin:10px auto 18px;}
.titleyx{width: 100%; height: 130px; position: relative; padding: 15px 0; overflow: hidden; min-width: 1200px;margin-bottom: 20px;}
/*.titleBorder{position: absolute; left: 100px; top: 0;}
.titleBorder2{position: absolute; right: 100px; top: 110px;}
.titleBorderL{width:80px; height:5px; border-top: 5px solid #fff; transform: rotate(70deg) translateX(-12px); -webkit-transform: rotate(-70deg) translateX(-12px); display: inline-block;-ms-transform: rotate(-70deg) translateX(-12px);-moz-transform: rotate(-70deg) translateX(-12px);-o-transform: rotate(-70deg) translateX(-12px);}
.titleBorderR{transform: rotate(-70deg) translateY(-60px) translateX(-12px); -webkit-transform: rotate(-70deg) translateY(-60px) translateX(-12px);-o-transform: rotate(-70deg) translateY(-60px) translateX(-12px);-ms-transform: rotate(-70deg) translateY(-60px) translateX(-12px);-moz-transform: rotate(-70deg) translateY(-60px) translateX(-12px);}
*/
.titleCon{font-weight: normal; font-size: 30px; color: #595757; width: 424px; height: 60px; line-height: 78px; margin: 0 auto; text-align: center;}
/*.titleCon:before{content:''; display: block;  width:0; height:0; border-color:#ef504e transparent transparent #ef504e; border-top-width: 3px; border-bottom-width: 5px; border-left-width: 13px; border-right-width: 10px; border-style: solid;}
.titleCon:after{content:''; display: block; width:0; height:0; border-color:transparent #ef504e #ef504e transparent; border-top-width: 3px; border-bottom-width: 5px; border-left-width: 13px; border-right-width: 10px; border-style: solid; margin-left: 94%;}
*/
.titleBot{font-size: 16px; color: #595757; text-align: center; width: 480px; height: 30px; border-radius: 20px; margin: 0 auto;}
/*01-内容*/
.square{width: 100%; height: auto;}
.square ul{width: 100%;background-color: #999; overflow: hidden; min-width: 1270px;;padding-bottom:1px;display: flex;justify-content: space-between;align-content: center;}
.square ul li{ padding-bottom:15%;  position: relative;margin-right: 1px; cursor: pointer;overflow: hidden; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -mc-transition: all 1s; -o-transition: all 1s;}
/*.square ul li.li28{background: #8bd346;}
.square ul li.li35{background: #f2a010;}
.square ul li.li46{background: #ef504e;}*/
.square ul .li0{background-image: url(../images/xds.jpg);background-size: cover;width: 36%;background-position-x: -200px;}
.square ul .li1{background-image: url(../images/xiot.jpg);background-size: cover;width: 28%;background-position-x: -334px;}
.square ul .li2{background-image: url(../images/xjy.jpg);background-size: cover;width: 36%;background-position-x: -300px;}
.square ul .li3{background-image: url(../images/x020.jpg);background-size: cover;width: 29%;background-position-x: -198px;}
.square ul .li5{background-image: url(../images/xsj.jpg);background-size: cover;width: 29%;background-position-x: -315px;}
.square ul .li4{background-image: url(../images/xzb.png);background-size: 100% 100%;width: 42%;}
/*.square .width50 li{width: 49.87%;}*/
/*.square002 ul li{width: 19.87%; padding-bottom: 25%; background: #c4c4c5; margin-bottom: 1px;}*/
.square01{width: 116px;color: #fff; font-size: 16px;margin-top: -90px; text-align: center; vertical-align: middle; margin:-50px 0 0 -58px; position: absolute; left: 50%; top: 50%; line-height: 40px;}
.square01.square02{width: 200px; margin-left: -100px;margin-top: -90px;padding: 0;}
.square08{width: 188px; margin:-50px 0 0 -94px;}
.square002 .square08{ margin:-78px 0 0 -94px;}
.q2sp{display: inline-block; height: 73px; width: 66px; text-align: center;}
.q1sp{font-size: 14px;}
.hoverSquare{width: 100%; height: auto; position: absolute; left: 50%; top: 50%; margin: -93px 0 0 -50%; display: none;}
.hoverSquare p:nth-child(1){width: 280px; padding: 5px 0; color: #fff; background: #4d87d0; border-radius: 30px; margin: 25px auto 0; font-size: 24px; text-align: center;}
.hoverSquare p:nth-child(2){color: #fff; font-size: 14px; line-height: 24px; padding: 20px 10% 0; margin: 0 auto;}
/*.square ul li:hover{background: #4d87d0;}*/
.square ul li:hover .square01{display: none;}
.square ul li:hover .hoverSquare{display: block;}
.square003{width:100%;height: auto;background-color: #373d41;}
.square003 ul{height: 100%;margin:0 auto;display: flex;min-width:1200px;max-width:1700px;justify-content: space-between;align-content: center;background-color: #fff;}
.square003 li{height: 500px;width: 20%;position: relative;}
.square003 li:nth-child(1){background-image: url(../images/1.jpg);background-size: 100% 100%;}
.square003 li:nth-child(2){background-image: url(../images/2.jpg);background-size: 100% 100%;}
.square003 li:nth-child(3){background-image: url(../images/3.jpg);background-size: 100% 100%;}
.square003 li:nth-child(4){background-image: url(../images/4.jpg);background-size: 100% 100%;}
.square003 li:nth-child(5){background-image: url(../images/5.jpg);background-size: 100% 100%;}
.square003 li .zg{width: 100%;height: 100%;background-color: rgba(0,0,0,0.75);text-align: center;color: #fff;font-size: 16px;cursor: pointer;transition: all .4s cubic-bezier(.4,0,.2,1);}
/*.square003 .blocka{width:100%;height:100%;}*/
.square003 .addr{width: 200px;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -100px;font-size: 16px;}
.square003 img{width: 90px;height: 90px;display: block;margin: 0 auto 8px;}
/*.square003 p{width: 200px;line-height: 40px;margin: 0 auto;position: absolute;top: 105px;}*/
.square003 p span{width: 100%;display: inline-block;line-height: 40px;}
.square003 li:hover .zg{background-color: rgba(51,205,229,0.85);}
/*02-内容*/
.titleCon2{width:727px;}
.titleCon2:after{margin-left: 97%;}
.titleBot2{width: 100%;}
.iconCon2{width: 950px; height: auto; margin: 0 auto; padding:20px 0;} 
.iconCon2 ul li{width: 20%; height: 157px; color: #595757; float: left; padding: 15px 0; overflow: hidden;}
.iconCon2 ul li p{text-align: center; line-height: 40px; font-size: 16px;}
.iconCon2 ul li:nth-child(1) span{display: block; width: 72px; height: 72px; background: url(../images/x1.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(2) span{display: block; width: 72px; height: 72px; background: url(../images/x2.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(3) span{display: block; width: 72px; height: 72px; background: url(../images/x3.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(4) span{display: block; width: 72px; height: 72px; background: url(../images/x4.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(5) span{display: block; width: 72px; height: 72px; background: url(../images/x5.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(6) span{display: block; width: 72px; height: 72px; background: url(../images/x6.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(7) span{display: block; width: 72px; height: 72px; background: url(../images/x7.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(8) span{display: block; width: 72px; height: 72px; background: url(../images/x8.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(9) span{display: block; width: 72px; height: 72px; background: url(../images/x9.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(10) span{display: block; width: 72px; height: 72px; background: url(../images/x10.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(11) span{display: block; width: 72px; height: 72px; background: url(../images/x11.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(12) span{display: block; width: 72px; height: 72px; background: url(../images/x12.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(13) span{display: block; width: 72px; height: 72px; background: url(../images/x13.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(14) span{display: block; width: 72px; height: 72px; background: url(../images/x14.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(15) span{display: block; width: 72px; height: 72px; background: url(../images/x15.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(16) span{display: block; width: 72px; height: 72px; background: url(../images/x16.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(17) span{display: block; width: 72px; height: 72px; background: url(../images/x17.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(18) span{display: block; width: 72px; height: 72px; background: url(../images/x18.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(19) span{display: block; width: 72px; height: 72px; background: url(../images/x19.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(20) span{display: block; width: 72px; height: 72px; background: url(../images/x20.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(21) span{display: block; width: 72px; height: 72px; background: url(../images/x21.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(22) span{display: block; width: 72px; height: 72px; background: url(../images/x22.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(23) span{display: block; width: 72px; height: 72px; background: url(../images/x23.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li:nth-child(24) span{display: block; width: 72px; height: 72px; background: url(../images/x24.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon2 ul li strong{width: 20px; height: 100px; transform: rotate(45deg) translate(-32px,-32px);-o-transform: rotate(45deg) translate(-32px,-32px);-webkit-transform: rotate(45deg) translate(-32px,-32px);-ms-transform: rotate(45deg) translate(-32px,-32px);-moz-transform: rotate(45deg) translate(-32px,-32px); background: rgba(255,255,255,.5); display: block}
.iconCon2 ul li span:hover strong{animation: light .8s 1;-webkit-animation: light .8s 1;-ms-animation: light .8s 1;-o-animation: light .8s 1;-moz-animation: light .8s 1;}
.iconCon4{width: 100%; height: 370px; center top; background-size: cover; position: relative; overflow: hidden;}
.iconCon4 img{position: absolute;top: 0;left:50%;margin-left:-960px;width: 1920px;height: 370px;}
.xblock{padding: 30px 0 0;background-color: #f0f0f0;}
keyframes light{
	0%{transform: rotate(45deg) translate(-32px,-32px);}
	50%{transform: rotate(45deg) translate(75px,-32px);}
	100%{transform: rotate(45deg) translate(-32px,-32px);}
}
@-webkit-keyframes light{
	0%{-webkit-transform: rotate(45deg) translate(-32px,-32px);}
	50%{-webkit-transform: rotate(45deg) translate(75px,-32px);}
	100%{-webkit-transform: rotate(45deg) translate(-32px,-32px);}
}
@-o-keyframes light{
	0%{-o-transform: rotate(45deg) translate(-32px,-32px);}
	50%{-o-transform: rotate(45deg) translate(75px,-32px);}
	100%{-o-transform: rotate(45deg) translate(-32px,-32px);}
}
@-moz-keyframes light{
	0%{-moz-transform: rotate(45deg) translate(-32px,-32px);}
	50%{-moz-transform: rotate(45deg) translate(75px,-32px);}
	100%{-moz-transform: rotate(45deg) translate(-32px,-32px);}
}
@-ms-keyframes light{
	0%{-ms-transform: rotate(45deg) translate(-32px,-32px);}
	50%{-ms-transform: rotate(45deg) translate(75px,-32px);}
	100%{-ms-transform: rotate(45deg) translate(-32px,-32px);}
}
/*03-内容*/
.titleBorder3{top:80px;}
.titleCon3{color: #c34341;}
.product{width: 100%;height: 441px;}
.product div{width: 1440px;height: 100%;margin: 0 auto; background: url(../images/youshi.png) center top; background-size: 100%; position: relative;  }
.product div ul{position: absolute;top: 36px;left: 52%;}
.product div ul li{margin-bottom: 62px;}
.product div ul li p:nth-child(1){font-size: 24px;margin-bottom: 12px;color: #595757;}
.product div ul li p:nth-child(2){font-size: 16px;line-height: 22px;color: #595757;}
.productBg{width: 100%; height: auto; background: url(../images/con3_arr01.png) 0 0; padding-top:45px; }
.titleCon03{width: 664px; color: #fff; font-size: 28px;}
.titleCon003{width: 606px; color: #fff; font-size: 28px;}
.titleCon03:after{border-color:transparent #fff #fff transparent;  margin-left: 96%; margin-top: 5px;}
.titleCon03:before{border-color:#fff transparent transparent #fff;}
.titleBot3{background: #b2540c; width: 400px; margin-top: 15px;}
.titleBot03{background: #b2540c; width: 430px; margin-top: 15px;}
.productCon1{width: 1000px; height: auto; margin: 30px auto; border-bottom: 1px dashed #ffef6b;padding: 0 75px 30px;}
.productCon1L{float: left; margin-left:50px;}
.productCon1R{float: right;}
.productCon1R ul li{margin: 40px 10px 0 0;}
.productCon1R ul li p{color: #fff; line-height: 30px;}
.productCon1R ul li p:nth-child(1):before{content:''; display: inline-block;  width:0; height:0; border-color:transparent #fff #fff transparent; border-top-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-right-width: 7px; border-style: solid; margin-right:8px;}
.productCon1R ul li p:nth-child(1){font-size: 16px;}
.productCon1R ul li p:nth-child(2){text-indent: 1.4em; font-size: 16px; }
.productCon2R ul li{margin: 80px 0 0 0;}
.productCon2{border: 0;}
/*04-内容*/
.marketing_02{min-width:1500px;background: url(../images/cxbj3.png) center top; background-size: cover; position: relative; color: #fff;}
.titleCon4{width: 176px;}
.wutu1,.wutu2{display: flex;justify-content: space-between;align-content: center;}
.wutu1{width: 840px;position: absolute;top: 140px;left: 50%;margin-left: -420px;font-size: 16px;}
.wutu2{width: 640px;position: absolute;top: 316px;left: 50%;margin-left: -320px;font-size: 16px;}
.titleCon4:after{margin-left: 88%;}
.iconCon4 ul:nth-child(2){padding: 0 10%;}
.iconCon4 ul:nth-child(2) li{width: 25%;}
.iconCon4 ul li span{display: block; width: 87px; height: 87px; background: url(../images/con4_arr1.png) 0 0 no-repeat; margin: 0 auto;}
.iconCon4 ul:nth-child(1) li:nth-child(2) span{background-position: -144px 0;}
.iconCon4 ul:nth-child(1) li:nth-child(3) span{background-position: -286px 0;}
.iconCon4 ul:nth-child(1) li:nth-child(4) span{background-position: -430px 0;}
.iconCon4 ul:nth-child(1) li:nth-child(5) span{background-position: -572px 0;}
.iconCon4 ul:nth-child(2) li:nth-child(1) span{background-position: -61px -171px;}
.iconCon4 ul:nth-child(2) li:nth-child(2) span{background-position: -212px -171px;}
.iconCon4 ul:nth-child(2) li:nth-child(3) span{background-position: -356px -171px;}
.iconCon4 ul:nth-child(2) li:nth-child(4) span{background-position: -506px -171px;}
/*05-内容*/
.titleCon5{color: #595757; width: 300px;}
.titleCon5:after{border-color:transparent #fff #fff transparent;  margin-left: 94%; margin-top: 5px;}
.titleCon5:before{border-color:#fff transparent transparent #fff;}
.titleBot5{width: 570px;}
.case1{width: 950px; height: auto; margin: 0 auto; padding: 30px 0;}
.case1 span{margin-bottom: 12px;display: block;text-align: center;font-size: 16px;}
.case1>p{width: 100%; padding: 15px 0; text-align: center; color: #fff; background: #8bd346; font-size: 26px;}
.caseLi{padding-top: 10px;}
.caseLi li{width: 25%; height: auto; text-align: center; float: left;}
.caseLi li p:nth-of-type(1){height: 412px; overflow: hidden;}
.caseLi li p:nth-of-type(2){width: 200px; color: #fff; font-size: 16px;line-height: 20px; padding: 5px 0; margin: 0 auto; background: #8bd346; margin: 0 auto;}
.case2{padding-top:0;background: url(../images/cxbj4.png) center center no-repeat; background-size: 70%; position: relative;}
.case2>p{background: #1e8bc3;}
.caseLi2 li p:nth-of-type(2){background: #1e8bc3;}
.case3{padding-top:0;}
.case3>p{background: #f2a010;}
.caseLi3 li p:nth-of-type(2){background: #f2a010;}
.hover{width: 200px; height: 412px; margin: 0 auto 12px;}
.hover2{background: rgba(0,0,0,.5);}
.hover2 div{color: #fff; font-size: 16px; line-height: 30px; text-align: center; padding-top: 115px;}
.hover2 div img{display: block; padding:10px 0; width: 100px; margin: 0 auto;}
.hover2 div span{font-size: 14px;}
/*06-内容*/
.titleCon6{width: 144px;}
.titleCon6:after{margin-left: 87%;}
.titleBot6{width: 435px;}
.join{width: 835px; margin: 30px auto; text-align: center; height: auto; font-size: 16px; color: #333;}

.join input[type=text]{width: 200px; height: 34px; border: 1px solid #ccc; line-height: 34px; padding-left: 5px;}

.join .joinP01 input{width: 262px;}
.joinP02{margin-left:66px;}
.joinP02 select{width: 158px; height: 34px; border: 1px solid #ccc; line-height: 34px;}

.joinDiv01{margin:20px auto;}
.joinDiv01>p{float: left;}
.join .joinP03 input[type=text]{width:135px;}
.hqyzBtn{width:140px; height:35px; cursor: pointer; border: 1px solid #ccc;}
.joinP04{margin-left:97px;}
.joinP04 input[type=text]{width:133px;margin-right:8px;}
.joinP04 input[type=button]{width: 98px; height: 34px; border: 1px solid #999; margin-right: 8px; cursor: pointer; background: #e5eaf5;}

.joinDiv02{text-align:left; margin-top:20px;}
.joinDiv02>p{margin-top:15px; line-height:26px; padding-left:84px;}
.joinDiv02 .che{ margin-right: 90px;}
.joinDiv02 .che1{margin-right: 58px;}
.joinP07{text-align: left; margin-top: 20px;}
.joinP08{margin-top:5px; font-size:12px; text-align:right;}
.joinBtn{color:#fff; font-size:14px; width:110px; height:38px; border-radius:5px; line-height:39px; text-align:center; background:#f60; display:block; margin:30px auto; box-shadow:0 1px 2px #000;}


/* fixed sidebar right  */
.sideR{position: fixed;top: 150px;right:0;width: 75px;-webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;background: #fff;} 
.sideR ul li{padding:10px 0;text-align: center;font-size: 12px; font-family: "微软雅黑";color: #666;position: relative;}
.sideR ul li a{color: #666; display: block;}
.sideR ul li a span{width: 40px; height: 40px;display:block; margin: 0 auto;background:url(../images/barR_icons.png) no-repeat;}
.sideR ul li a span.tel{background-position: 0 -40px;}
.sideR ul li a span.contact{background-position: 0 -80px;}
.sideR ul li a span.home{background-position: 0 -120px;}
.sideR ul li a em{line-height: 16px;}
.sideR ul li a em i{font-size: 10px;font-style: normal;display: block; letter-spacing: -0.12em;}
.sideline{width: 48px;height: 1px;line-height: 1px;font-size: 0;border-bottom: dashed 1px #c9c9c9;position: absolute;bottom: 0;left: 14px;}

/* fixed sidebar left  */
.sideL{width: 125px;height: 462px;padding-top: 78px;position: fixed;top: 100px;left: 90px;background:url(../images/bgline.png) no-repeat 29px center;}
.sideL dl{overflow: hidden;margin-bottom: 20px;}
.sideL dl a{display: block; color: #fff;}
.sideL dl dt{width: 60px;height: 60px; float: left;margin-right: 5px; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;background:rgba(0,0,0,0.3);}
.sideL dl dt span{width: 50px;height: 50px; float: left;margin-right: 5px; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%; display: block;background:#fff url(../images/barL_icons.png) no-repeat;; margin: 5px;}
.sideL dl dt span.icon02{background-position: 0 -50px;}
.sideL dl dt span.icon03{background-position: 0 -100px;}
.sideL dl dt span.icon04{background-position: 0 -150px;}
.sideL dl dt span.icon05{background-position: 0 -200px;}
.sideL dl dd{font-size: 15px; font-family: "微软雅黑";color: #FFFFFF;line-height: 60px;}
.logo{position: absolute; left:90px;top:50px;z-index: 99;}
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
#container {}
#container .wrap-container{background: #ffffff;}

/* ---content-box--- */
.content-box {}
.content-box .wrap-box {padding:30px 10px; position: relative;}
.content-box .header {text-align: center; margin: 30px 0; }
.content-box .header h2{font-size: 34px; color:#FE9B13;font-weight: 500;letter-spacing: 3px;}
.content-box .header p{margin-top: 30px;}
.content-box .header .wrapper{padding: 5px 30px; display: inline-block;}
.content-box .post h3{margin: 25px 0;font-size: 25px;}

.content-box.boxstyle-1{background: #F4F3EE;}
.content-box.boxstyle-2{background: #fff; color: #000;}
.content-box.boxstyle-3{background: url('../images/xfot.png') no-repeat 100% 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 350px;}


.content-box.box-1 {}
.content-box.box-1  img{max-height: 230px;width:100%;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.content-box.box-1 .post{display: inline-block;background-color:#fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.content-box.box-1 h3 {color: #000; margin: 25px;}
.content-box.box-1 .upload { padding: 5px 15px;;border-top: 1px solid #eee;font-size: 15px;color: #555;}
.content-box.box-1 .upload:hover {background : #DDD;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.content-box.box-1 .upload a{ color: #FE9B13;font-weight: bold;}
.content-box.box-1 .upload a:hover{ color: #000;}

.content-box.box-2 {text-align: center;}
.content-box.box-2 .wrapper{}
.content-box.box-2 .post{}
.content-box.box-2 .wrap-img1 {width: 150px; height: 150px; border-radius: 50%; border: 1px solid #DDD; }
.content-box.box-2 .wrap-img1 img{padding-top: 40px;}

.content-box.box-3 {text-align: center;}
.content-box.box-3 .xabo{font-size: 30px;}
.content-box.box-3 p{font-size: 16px;color: #fff;line-height: 1.8;margin-top: 20px;}


.content-box.box-4  {text-align: center;}
.content-box.box-4 a{color:#000;font-weight: 500;}
.content-box.box-4 a:hover{color: #FE9B13;}
.content-box.box-4  span{color:#999;font-size: 19px;}
.content-box.box-4  .post {margin: 70px 0;}
.content-box.box-4  .post h3{margin: 25px 0 15px 0;}

.content-box.box-5 {text-align: center;}
.content-box.box-5 .header {text-align: right; }
.content-box.box-5 .header .wrapper{border: none;}
.content-box.box-5 .subcribe-form{text-align: left;}
.content-box.box-5 p{font-size: 40px;color: #fff;line-height: 1.8;font-weight: bold;margin-top: 80px;}

.content-box.box-6 {}
.content-box.box-6 .wrap-box{margin: 50px 0 30px 0;}
.content-box.box-6 .extra {}
.content-box.box-6 .widget {}
.content-box.box-6 .widget-box{padding:0px;}
.content-box.box-6  .widget img{ height: 150px;max-width: 243px; width: 100%;}
.content-box.box-6  .post h3, h4{margin: 10px 0 15px 0;line-height: 1.2;}
.content-box.box-6 .upload a{color: #FE9B13;font-weight: bold;}
.content-box.box-6 .upload a:hover{color: #000;}