
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}  
ul, ol { list-style:none; }  
a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; }  
a:hover { color:#000; }  

/*线上推广*/
.sem-advantage{ margin-top: 50px; height: 620px}
.sem-advantage .service-Cont{
	margin-top: 60px;
	height: 300px;
	/*background-image: url(../../images/pc/index_7.jpg);*/
	background-repeat: repeat-x;
	background-position: center 270px;
	position: relative;


}
.sem-advantage{ position: relative;}
.sem-advantage ul{position: absolute; width: 100%; left:0; top:0;}
.sem-advantage ul li{ position: absolute;}
.sem-advantage ul li strong{ font-weight: normal; font-size: 18px; color: #17a5e0;}
.sem-advantage ul li p{ font-size: 14px; color: #aaa; line-height: 20px; margin-top: 4px;}
.sem-advantage ul li.ad1{ width: 485px; left: 82px; top: 78px;}
.sem-advantage ul li.ad2{ width: 300px; left: 34px; top: 230px;}
.sem-advantage ul li.ad3{ width: 326px; left: 870px; top: 230px;}
.sem-advantage ul li.ad4{ width: 300px; left: 0; top: 374px;}
.sem-advantage ul li.ad5{ width: 290px; left: 907px; top: 374px;}

.text-left{ text-align: left;}
.text-right{ text-align: right;}

.sem-common1{ background-color: #fafafa; padding: 66px 0 40px;}
.sem-con1{ padding-top: 62px; background: url(../../images/pc/xj_05.jpg) no-repeat center 16px;height: 550px; background-color: #f2f2f2; overflow: hidden;}
.sem-con1 .mH-Top{ padding-top: 50px;}
.sem-con1 .select-Cont{ margin-top: 40px; }
.sem-con1 .select-Cont .select-fl{ position: relative; width: 350px; float: left; padding-left: 50px;}
.sem-con1 .select-Cont .select-in{ position: relative; width: 285px; float: left; left: 460px; }
.sem-con1 .select-Cont .select-fr{ position: relative; width: 350px; float: left; left: 760px;}
.sem-con1 .select-1{ width:350px;position: absolute;  background-image: url("../../images/pc/index_25.jpg"); background-position: right top; background-repeat: no-repeat; height: 245px; }
.sem-con1 .select-2{ width:350px;position: absolute;  background-image: url("../../images/pc/index_27.jpg"); background-position: right top; background-repeat: no-repeat; height: 245px; top: 260px;}
.sem-con1 .select-3{ width:350px;position: absolute;  background-image: url("../../images/pc/index_24.jpg"); background-position: right top; background-repeat: no-repeat; height: 245px; }
.sem-con1 .select-4{ width:350px;position: absolute;  background-image: url("../../images/pc/index_26.jpg"); background-position: right top; background-repeat: no-repeat; height: 245px; top: 260px; }
.sem-con1 span{position: absolute;  background-image: url("../../images/pc/index_28.png"); background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: block;}
.sem-con1 .select-1 dl,.sem-con1 .select-2 dl{left: 40px;}
.sem-con1 .select-3 dl,.sem-con1 .select-4 dl{left: 155px;}
.sem-con1 .ys1,.sem-con1 .ys2{ left: 280px; top: 83px;}
.sem-con1 .ys3,.sem-con1 .ys4{ left: 140px; top: 83px;}

.sem-con1 dl{ width: 245px;position: absolute; text-align: center; }
.sem-con1 dl dt{ padding-top: 35px; height: 140px;}
.sem-con1 dl dt h2{ font-size: 26px; padding-top: 15px; padding-bottom: 5px;}
.sem-con1 dl dd{ line-height: 24px; font-size: 14px;}

.sem-con1 .select-Bg{ background-image: url("../../images/pc/index_22.png"); background-position: top center; background-repeat: no-repeat; width: 285px; height: 455px; position: absolute; top: 20px;}
.sem-con1 .select-Foot{position: absolute; background-image: url("../../images/pc/index_23.png"); width: 285px; height: 24px; background-position: center; background-repeat: no-repeat; bottom: -500px;}

.sem-con1 ul li{ width: 20%; float: left; text-align: center;}
.sem-con1 ul li strong{ font-weight: normal; display: block; font-size: 18px; color: #202020; line-height: 44px; margin-top: 16px;}
.sem-con1 ul li p{ font-size: 14px; color: #8f8f8f; line-height: 28px;}
.sem-con1 ul li:hover img{ animation: animate 1s;}
.g-cf:after { content:""; clear:both; display:table; }  
.g-cf { zoom:1; } 


/* sem */
.sem-common1{ background-color: #fafafa; padding: 66px 0 40px;}
.sem-con1{ padding-top: 62px; background: url(../Images/xj_05.jpg) no-repeat center 16px;}
.sem-con1 ul li{ width: 20%; float: left; text-align: center;}
.sem-con1 ul li strong{ font-weight: normal; display: block; font-size: 18px; color: #202020; line-height: 44px; margin-top: 16px;}
.sem-con1 ul li p{ font-size: 14px; color: #8f8f8f; line-height: 28px;}
.sem-con1 ul li:hover img{ animation: animate 1s;}
@keyframes animate{
	0%{ transform: translateY(0);}
	25%{ transform: translateY(-20px);}
	50%{ transform: translateY(0);}
	65%{ transform: translateY(-12px);}
	80%{ transform: translateY(0);}
	90%{ transform: translateY(-4px);}
	100%{ transform: translateY(0);}
}
.sem-common2{ background-color: #fafafa;}
.sembg4 strong{ background: url(../Images/04_03.png) no-repeat; padding: 36px 30px 0;}
.sembg4 span{ padding-left: 30px; text-transform: uppercase;}
.sem-common5{ padding: 56px 0 50px;}
.sem-common6{  margin-top: 0;}
.sembg6 strong{ background: url(../Images/06_03.png) no-repeat; padding: 36px 30px 0;}
.sem-common7{ margin-bottom: 70px;}

.text-left{ text-align: left;}
.text-right{ text-align: right;}

/* seo */
.seo{ margin-top: 50px; height: 620px}
.index_1{width: 1200px;margin:0 auto;background: #fff;padding-bottom: 60px;}
.index_1 .index_1_t{width:100%;font-size: 35px;color: #444;text-align: center;font-weight: bold;margin:40px auto;}
.index_1 .index_1_b{width:100%;height: 600px;margin-top: 50px;}
.index_1 .index_1_b ul li{transition: 0.5s all ease;width:278px;height:268px;border:1px solid #eee;float: left;margin-right: 26px;margin-bottom: 26px;text-align: center;}
.index_1 .index_1_b ul li:nth-child(4n){margin-right: 0px !important;}
.index_1 .index_1_b ul li i{display: block;width: 77px;height: 77px;margin: 30px auto 20px;}
.index_1 .index_1_b ul li:nth-child(1) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px 0px;}
.index_1 .index_1_b ul li:nth-child(2) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px -83px;}
.index_1 .index_1_b ul li:nth-child(3) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px -166px;}
.index_1 .index_1_b ul li:nth-child(4) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px -249px;}
.index_1 .index_1_b ul li:nth-child(5) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px -333px;}
.index_1 .index_1_b ul li:nth-child(6) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px -416px;}
.index_1 .index_1_b ul li:nth-child(7) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px -499px;}
.index_1 .index_1_b ul li:nth-child(8) i{background: url(../../images/pc/heji.png) no-repeat;background-position:-82px -582px;}
.index_1 .index_1_b ul li span{display: block;width: 100%;font-size: 18px;color: #444;}
.index_1 .index_1_b ul li p{width: 80%;margin: 0 auto;font-size: 14px;color: #999;margin-top: 25px;line-height: 20px;}
.index_1 .index_1_b ul li:hover{border:1px solid #fff;cursor: pointer;webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1);box-shadow: 0 10px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.index_1 .index_1_b ul li:nth-child(1):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px 0px;}
.index_1 .index_1_b ul li:nth-child(2):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px -83px;}
.index_1 .index_1_b ul li:nth-child(3):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px -166px;}
.index_1 .index_1_b ul li:nth-child(4):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px -249px;}
.index_1 .index_1_b ul li:nth-child(5):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px -333px;}
.index_1 .index_1_b ul li:nth-child(6):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px -416px;}
.index_1 .index_1_b ul li:nth-child(7):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px -499px;}
.index_1 .index_1_b ul li:nth-child(8):hover i{background: url(../../images/pc/heji.png) no-repeat;background-position:0px -582px;}

