.book-content a img{
		position:relative;
		top:25px;
		}
#xf{
	width:66px;
	height:400px;
	position: absolute;
	top:150px;
	right:0;
	z-index:9999;
	}
	#xf li{
		height:66px;
		width:66px;

		font-size:12px;
		background:#0099e4;
		transition: all .5s;
		border-bottom:1px solid #fff;
		}
	#xf a{
		display:block;
		height:66px;
		width:66px;
		color:#fff;
		text-align:center;
		padding-top:5px;
		box-sizing:border-box;
		}
		#xf li p{line-height:24px}
		#xf li:hover{
			background:#2dbaff;
			border-radius:15px
			}
.video4-3 li>div a{
	position:relative;}
.video4-3 li>div a div{
	width:150px;
	height:150px;
	position:absolute;
	top: -152px;
    left: -25px;
    z-index: 10;
	display:none
	}
.video4-3 li>div a div img{

    width: 100%;
    height: 100%;
}
.case-nav{margin-top:45px}
.video4-3 li>div a:hover div{
	display:block
	}



.container-wrap{max-width:1200px;margin:0 auto;display:block;padding-top:10%;padding-bottom: 10%; text-align: center;color:#FFFFFF;}
.container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.container-layout{max-width:86%;}
.sidebar-l {margin-right:30px}
.sidebar-r {margin-left:0px;}
/* 关于动画数字 */
.about-data-style3 i{font-style:normal;}
.about-data-style3 .media{position:relative;}
.about-data-style3 .counter{font-size:82px;line-height:90px;}
.about-data-style3 span{font-weight:bold;font-size:82px;}
.about-data-style3 p{line-height:30px;font-size:22px;}

.banner2{
	width:100%;
	height:150px;
	margin-top:50px;
	display:none;
	}
.banner2 img{width:100%;height:100%}
.goods{min-height:500px}
#header{
    font-size: 12px;
    line-height: 30px;
    color: #777777;
}
.header-title{height: 30px;border-bottom: 1px solid #e1e1e1;}
.header-nav-list li{float: left;}
.header-nav-list li a{
    padding: 0 10px;
    color: #777777;
    border-right: 1px solid #777777;
    line-height: 12px;
    display: inline-block;
}
.header-nav-list li:last-child a{border-right: none}
.header-about a{ padding:0 10px; color: #555555;}
.header-about a:first-child{border-right: 1px dotted #777;}
.logo_contact{
   
    font-size: 16px;
}
.logo_contact img{}
.logo_contact span{
   color:#238e00;
    font-weight: bold;
    font-size: 20px;
}
.logo_contact .r p{line-height: 80px}
.common-nav{
    width: 100%;
    height: 50px;
    background:#555;
    font-size: 12px;
    color: #fff;
    line-height: 50px;
    clear: both;
	margin-top:-1px
}
.common-nav h3{margin-left: 33px;}
.common-nav a{
    color: #fff;
    padding: 0 10px;
    border-right: 1px solid #fff;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    transition: all .5s;
}
.common-nav a:hover{color: #238e00;}
.common-nav li{float: left;}
/*网站导航*/
#nav{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #1f9205;
    font-size: 14px;
    position: relative;
}
#nav a{color: #fff;display: block;padding: 0 30px;transition: all .5s}
#nav a:hover,#nav a.active{color: #fff;background: #238e00;}
.navul>li{float:left;position: relative;padding: 0px 15px 0px 15px;    border-right: 1px solid #fff;}

.navul>li:last-child
{ 
border:none;
}

.nav-bor{
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 378px;
    background: #238e00;
}
.nav2{
    position: absolute;
    width: 175px;
    background: #333;
    z-index:22222;
    text-align: center;
    left: -14px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: none;
}
#nav .nav2 a{display:block;width:175px;margin: 0 auto;  box-sizing:border-box}
.seo-2-con>div:hover{ background: #eee;}
.seo-3-con{ margin-top: 60px;}
/*footer*/
.footer{
    background: #238e00;
    font-size: 14px;
    width: 100%;
    height:480px;
}
.footer-top{
    padding: 48px 0 40px;
    color: #fff;
    height: 270px;
    border-bottom:1px solid #426492 ;
}
.footer-top dl{
    float: left;
    padding: 0 140px;
    
}
.footer-top dl dt{ margin-bottom: 30px;font-size:25px;}
.footer-top dl dd{line-height: 30px}
.footer-top a:hover{color: #fff}
.sj{margin-right: 22px}
.sj img,.wx img{width: 100%}
.ewm ul {color: #aaa;line-height: 24px}
.ewm  p{line-height: 26px}
.footer-center{ text-align: center;
    padding: 40px 0 20px;
    color: #999;
    font-size: 12px;
}
.footer-center p:last-child{line-height: 38px;color: #FFFFFF;}
.footer-bottom{
      line-height: 30px;
    width: 100%;
    /* height: 50px; */
    background: #238e00;
    color: #a6b7a1;
    font-size: 12px;
}
.footer-bottom a{color: #a6b7a1;}
.yx2_banner .r img{display:none}
/*营销网站--1*/
.yx_banner{
    background:url("../images/yx_banner.jpg") repeat-x;
    width: 100%;
    height: 350px;
    margin-top: -1px;
}
.yx_left{width: 580px;box-sizing: border-box;color: #fff;}
.goodslist{padding-top:0px;}
.banner h3{
    font-size: 26px;
    color: #333333;
    font-weight: bold;
    line-height: 62px;
	padding-top: 50px;
}
.yx_left h3 span{font-size: 22px;color: #fff;}
.yx_left h4{
    background: url("../images/yx_border.png") no-repeat;
    background-size: 100% 100%;
    width:100%;
    height: 39px;
    color: #e4051e;
    font-size: 24px;
    text-indent:45px;
    line-height: 39px;
}
.yx_left p{
    text-indent: 20px;
    line-height: 30px;
    font-size: 15px;
    margin-bottom: 10px;
}
.yx_banner ul li{
    float: left;
    padding-left: 50px;
    line-height: 36px;
}
.yx_banner ul li:before{
    content: '';
    display: inline-block;
    height: 5px;
    width: 5px;
    background: url("../images/yx_li.png") no-repeat;
    position: relative;
    top: -3px;
    padding-right: 5px;
}
.yx_banner .r{padding-top: 31px}
.yx_banner .r img{width: 100%}

/*tag*/
.common-tag{
    margin-top: 18px;
    font-size: 12px;
    line-height: 20px;
    color: #777777;
}
.icon-home{
    width: 20px;
    height: 16px;
    background: url("../images/home.png") no-repeat;
    margin-right: 10px;
}
.common-content{margin-top: 40px;line-height: 28px;}
.image-list h3{font-weight: bold; font-size: 18px;}
.yx_content{ margin-top: 60px;}
.yx_content h3{font-size: 20px;}
.yx_content strong{
    font-size: 40px;
    line-height: 82px;
    font-weight: bold;
    color: #333;
}
.yx_content strong span{color: #238e00;}
.yx_content p{ font-size: 14px; color: #bbb;}
.yx1_con {
    width: 100%;
    height: 510px;
    background: url("../images/yx1_bg.jpg") no-repeat;
    background-position: right top;
}
.yx1_con li{
    font-size:18px;
    line-height: 40px;
    color: #555;
    position: relative;
}
.yx1_con li span{
    margin-right: 10px;
}
.yx1_click{
    background: url("../images/yx1_bor.png") no-repeat;
    width: 597px;
    height: 61px;
    display: block;
    line-height: 61px;
    font-size: 18px;
    text-align: center;
    margin: 60px auto 0;
}
.yx1_click span{
    color: #238e00;
    margin-left: 30px;
}
.yx2_con{
    width: 100%;
    height: 840px;
    background: url("../images/yx2_bg.jpg") repeat;
}
.yx2_title{
    text-align: center;
    color: #333;
    margin-bottom: 70px;
}
.yx2_title h3{
    padding-top: 70px;
    font-size: 24px;
    font-weight: bold;
}
.yx2_title h4{
    font-size: 28px;
    line-height: 64px;
    font-weight: bold;
}
.plan-title,.con-1-title{
    height: 114px;
  
}
.yx2_title p,
.yx4_title p,
.yx5_title p,
.plan-title p,
.con-1-title p{
    color: #bbb;
    position: relative;
    text-align: center;
}
.yx2_title p:after,
.yx4_title p:after,
.yx5_title p:after,
.plan-title p:after,
 
.yx2_con ul li{
    width: 360px;
    height: 230px;
    background: url("../images/yx2_ul.png") no-repeat;
    background-size: 100% 100%;
    float: left;
    padding: 30px 25px 0;
    box-sizing: border-box;
    margin-right: 6px;
    transition: all .5s;
}
.yx2_con ul li:hover{
    background: #0099e4;
    color: #fff;
}
.yx2_con ul li:hover a p,.yx2_con ul li:hover h4{
    color: #fff;
}
.yx2_con ul li h4{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 34px;
    transition: all .5s;
}
.yx1_click:hover,.video1-con a:hover, .wx1_con a:hover{
    background: #0099e4;
    border-radius:40px;
    color: #fff;
}
.yx2_con ul li p{
    font-size: 14px;
    color: #999;
    line-height: 28px;
    padding-top: 10px;
    transition: all .5s;
}
.yx2_li{margin-top: 25px}

.yx3_con{
    margin-top: 80px;
}
.yx3_title{
    text-align: center;
    margin-bottom: 30px;
}
.yx3_title h3{
    font-size: 36px;
    font-weight: bold;
    line-height: 60px;
}
.yx3_title h4{
    font-size: 72px;
    font-weight: bold;
}
.yx3_title h4 span{
    color: #238e00;
}
.yx3_title p{
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
}
.yx3_con ul li{
    float: left;
    width: 260px;
    margin-right: 20px;
}
.yx3_con ul li:hover{
    height: 340px;
}
.yx3_con ul li.margin{
    margin-right: 0;
}
.yx3_ul{
    width:100%;
    padding-top: 20px;
    box-sizing: border-box;
}
.yx3_ul a strong{
    color: #333333;
}
.yx3_con ul li>div p{
    font-size: 12px;
    color: #666;
    padding: 0 24px;
    line-height: 20px;
    margin: 20px 0;
}
.yx3_con ul{
    height: 370px;
}
.yx3_con ul li:hover .yx3_ul{
    background: url("../images/yx3_ul.png") no-repeat top center;
    background-size: 100% 100%;
    width: 100%;
    height:100%;
}
.yx3_con ul li>div strong{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.yx3_con ul li>div strong span{
    font-size: 24px;
}
.yx3_con ul li>div h5{
    font-size: 30px;
    font-weight: bold;
    color: #238e00;
    margin-bottom: 15px;
    text-align: center;
}
.yx3_con ul li>div h5 i{
    font-size: 40px;
}
.yx3_con ul li>div h5 span{
    font-size:36px ;
}
.yx3_bor{
    display: block;
    height: 36px;
    width: 36px;
    background: url("../images/yx3_bor.png") no-repeat;
    margin: 15px auto;
}
.yx3_con ul li>p{
    line-height: 24px;
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.yx3_con ul li>p span{
    display: inline-block;
    width: 66px;
    background: url("../images/yx3_span.png") no-repeat;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}
.yx3_call{
    text-align: center;
    width: 501px;
    margin:30px  auto;
}
.yx3_call img{
    width: 100%;
    height: 100%;
}
.yx4_con{
    margin-top: 140px;
}
.yx4_title h3,
.plan-title h3{
    font-size: 18px;
    text-align: center;
}
.yx4_title h4,
.plan-title h4{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    background: url("../images/yx4_title.png") no-repeat;
    background-position: center;
    line-height: 60px;
}
.yx4_bg{
    background: url("../images/yx4_bg.png") no-repeat;
    background-position:left bottom;
    width: 100%;
    height: 660px;
}
.yx4_con ul{
    float: right;
    margin-top: 55px;
}
.yx4_con ul li{
    margin-bottom: 40px;
}
.yx4_con ul h5{
    font-size: 20px;
    color: #0099e4;
    padding-bottom: 16px;
}
.yx4_con ul  p{
    line-height: 30px;
    color: #555;
    font-size: 16px;
}
.yx5_con{
    margin-top: 100px;
}
.yx5_title{
    color: #333;
}
.yx5_title h3{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.yx5_title h4{
    line-height: 50px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
.yx5_title h4 span{
    color:#238e00;
}
.yx5_content{
    background: url("../images/yx5_bg.png") no-repeat;
    background-position: center center;
    width: 100%;
    height: 595px;
    margin-top: 45px;
}
.yx5_content ul{
    width: 345px;
}
.yx5_content ul li{
    padding-bottom: 80px;
}
.yx5_content ul i{
    display: inline-block;
    height: 60px;
    width: 60px;
}
.yx5_content ul li>div{
    margin-left: 65px;
    margin-bottom: 20px;
}
.yx5_content ul li>p{
    font-size: 12px;
    color: #777;
    padding-left: 30px;
    line-height: 22px;
}
.yx5_content ul li>div p{
    font-size: 12px;
    color: #777;
    line-height: 24px;
}
.yx5_content ul:first-child{
    padding-right: 64px;
}
.yx5_con_title h6{
    padding-top: 15px;
    font-size: 18px;
    font-weight: bold;
}
.yx5_con_title{
    padding-left: 20px;
}
.yx6_con{
    height: 410px;
    width: 100%;
    background: #f2f2f2;
    margin-top: 110px;
}
.yx6_title{
    padding-top: 60px;
    text-align: center;
    margin-bottom: 30px;
}
.yx6_title h3{
    font-size: 35px;
    font-weight: bold;
    padding-bottom: 16px;
}
.yx6_title h3 span{
    color: #238e00;
    font-size: 32px;
    position: relative;
    top: -2px;
}
.yx6_title h3 span:last-child{
    top:0;
    font-size: 34px;
}
.yx6_con ul{
    height: 132px;
    margin-bottom: 37px;
}
.yx6_con li{
    float: left;
    margin-right: 7px;
    width: 214px;
    height: 130px;
}
.yx6_con li img{
    width: 100%;
    height: 100%;
}
.yx6_con li.margin{
    margin-right: 0;
}
.yx6_hover{
    display: block;
    width: 174px;
    height: 42px;
    margin: 0 auto;
    background: url("../images/yx6_a.png") no-repeat;
    transition: all .5s;
}
.yx6_hover:hover{
    background:url("../images/yx6_a_hover.png") no-repeat;
}
/*营销策划--2*/
.plan1_con{
    background: url("../images/yx_bg.png") no-repeat;
    background-position: right top;
}
.plan1_con .yx1_click{
    margin:30px 0 0 0;
}
.plan-title h4{color: #333}
.plan2_con .plan-title p:before{
    top:20px
}
.plan2_ul{
    margin-top: 75px;
}
.plan2_ul li{
    width: 540px;
    height: 171px;
    float: left;
    color: #333;
}
.plan2_li1{background: url('../images/plan2_list1.png') no-repeat right; margin:0  10px 10px 0;}
.plan2_li2{background: url('../images/plan2_list2.png') no-repeat left; margin:0  0 10px 0;}
.plan2_li3{background: url('../images/plan2_list3.png') no-repeat right; margin:0  10px 10px 0;}
.plan2_li4{background: url('../images/plan2_list4.png') no-repeat left; margin:0  0 10px 0;}
.plan2_li1:hover{background-image:url("../images/plan2_list1_hover.png");}
.plan2_li2:hover{background-image:url("../images/plan2_list2_hover.png");}
.plan2_li3:hover{background-image:url("../images/plan2_list3_hover.png");}
.plan2_li4:hover{background-image:url("../images/plan2_list4_hover.png");}
.plan2_ul li:hover h3,
.plan2_ul li:hover p{
	color:#238e00;
	}
.plan2_ul li h3{
    font-size: 24px;
    font-weight: bold;
    margin-top:10px;
    line-height: 38px;
}
.plan2_ul li p{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    width: 358px;
}
.plan2_con1{
    margin-top: 80px;
}
.plan2_con1_con {
    background: url("../images/con2-1.png") no-repeat left;
    height: 492px;
    width: 100%;
}
.plan2_con2_con {
    background: url("../images/con2-2.png") no-repeat right bottom;
    height: 492px;
    width: 100%;
}
.seo-2-con{
	margin-top:50px
	}
.plan2_con1_con div{
    margin-left: 412px;
}
.plan2_con2_con div{
    margin-right: 412px;
}
.plan2_con1_con dt,
.plan2_con2_con dt{
    padding:40px 0 15px;
    color: #0099e4;
    font-size:22px;
    font-weight: bold;
}
.plan2_con2_con dt{
    padding-top:40px;
}
.plan2_con1_con dd,
.plan2_con2_con dd{
    font-size: 18px;
    line-height: 40px;
    color: #333;
}
.plan2_con1_con h5,
.plan2_con2_con h5{
    font-weight: bold;
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}
.plan2_con1_con p,
.plan2_con2_con p{
    line-height: 24px;
}
.plan2_con1_con a,
.plan2_con2_con a{
    display: block;
    color: #238e00;
    border: 1px solid #238e00;
    width: 134px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    margin-top: 15px;
    font-size: 12px;
}
.plan2_con3_list {
    margin-top: 65px;
}
.plan2_con3_list div{
    width: 146px;
    height: 146px;
    float: left;
    background: url("../images/con-3-radius.png");
    text-align: center;
    background-size: 100%;
}
.plan2_con3_list div h6{
    margin-top: 20px;
    font-weight: bold;
    color: #238e00;
    font-size:30px ;
}
.plan2_con3_list div p{
    margin-top: 15px;
    line-height: 28px;
    color: #333333;
}
.plan2_con3_list i{
    display: block;
    float: left;
    width: 80px;
    color: #238e00;
    text-align: center;
    position: relative;
    top: 60px;
}
.plan2_con3_bottom{
    text-align: center;
}
.plan2_con3_bottom h6{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 30px 0 26px;
}
.plan2_con3_bottom img{
    width: 501px;
    height: 80px;
}
.plan2_con4_con{
    background: url("../images/con2-4.png") no-repeat left;
}
.plan2_con4_con dl p{
    font-size: 18px;
    color: #333;
    font-weight: 400;
    margin-top: 20px;
}
.plan2_con4_con div>p{
    margin-top: 15px;
}
.plan3-con {
    margin-top: 50px;
    background: #f9f9f9;
    background-image: url("../images/con3-top.png");
    background-position: top;
    background-repeat: repeat-x;
    width: 100%;
    height: 570px;
	    clear: both;
}
.plan3-title{
    text-align: center;
    padding-top: 60px;
}
.plan3-title h3{
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.plan3-title h4{
    font-size: 36px;
    color: #238e00;
    font-weight: bold;
    line-height: 66px;

}
.plan3-title p{
    color: #bbb;
    font-size: 14px;
	margin-bottom: 15px;
}
.plan3-list>div{
    width: 25%;
    height:350px;
    float: left;
}
.plan3_hover{
    width: 100%;
    height:100%;
    padding-top: 30px;
    box-sizing: border-box;
    transition: all .5s;
}
.plan3-list>div:hover{background:rgba(247,42,42,.5);}
.plan3-list>div:hover .plan3-bor{background: url("../images/con3-bor_hover.png") no-repeat;}
.plan3-list>div:hover p,.plan3-list>div:hover .plan3_hover  h4,.plan3-list>div:hover  .plan3-bor h4 i{ color: #fff;}
.plan3-list>div:hover .plan3-a{
    color: #e10100;
    background: #fff;
}
.plan3-bor{
    width: 173px;
    height: 173px;
    background: url("../images/con3-bor.png") no-repeat;
    margin: 0 auto;
    padding-top: 30px ;
    text-align: center;
    color:#555;
}
.plan3-bor h4{
    padding-top: 25px;
    font-weight: bold;
}
.plan3-bor h4 i{
    font-size: 24px;
    color: #238e00;
}
.plan3-bor p{
    line-height: 40px;
}
.plan3-text{
    text-align: center;
    color:#555 ;
}
.plan3-text i{
    font-weight: bold;
}
.plan3-a{
    display: block;
    width: 62px;
    height: 24px;
    background: url("../images/con3-a.png") no-repeat;
    margin: 30px auto 0;
    text-align: center;
    line-height: 24px;
    color: #555;
    font-size: 12px;
}
.plan4-content{
    width: 100%;
    height: 440px;
    margin-top: 40px;
    background: url("../images/con-4.png") no-repeat bottom center;
}
.plan4-content p{
    position: relative;
    width: 162px;
    height: 162px;
    background: url("../images/con-4-hover.png") no-repeat;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
    line-height: 20px;
    background-size: 100%;
}
.plan4-con .w1200>p{
    text-align: center;
    color: #bbb;
    font-size: 14px;
    margin-top: 20px;
}
.plan4-1{left:178px}
.plan4-2{top: -70px}
.plan4-3{top: -80px;left: 78px;}
.plan4-4{left: 761px;top:-480px}
.plan4-5{left: 935px;top:-545px}
.plan4-6{left:861px;top:-554px}
    /*相同底部新闻*/
.common_news{
    margin-bottom: 92px;
    clear: both;
}
.common_news_title{
    margin-top: 50px;
    text-align: center;
}
.common_news_title h3{
    width: 321px;
    background: url("../images/common_news_t.png") no-repeat;
    background-position: center center;
    font-size: 28px;
    font-weight: bold;
    margin: 0 auto;
}
.common_news_title a{
    display: block;
    width: 47px;
    height: 16px;
    background: #238e00;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin: 20px auto;
}
.common_news_ul{
    height: 238px;
}
.common_news_ul ul{
    width: 340px;
    margin-right: 40px;
}
.common_news_ul ul:last-child{
    margin-right: 0;
}
.common_news_ul ul li{
    line-height: 34px;
    height: 34px;
    font-size: 14px;
    position: relative;
    text-indent: 20px;
}
.common_news_ul ul li a{
    color: #666;
}
.common_news_ul ul li:before,.in-news-list ul li:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top:13px;
    width: 10px;
    height: 10px;
    background: url("../images/common_news_li.png") no-repeat;
}
.common_news_ul ul li span.l{
    width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.common_news_ul ul li span.r{
    width: 40%;
}
/*视频流媒体*/
.video1-con,
.wx1_con{
    width: 1180px;
    height: 450px;
    background: url("../images/video-1.png") no-repeat top right;
}
.video1-con h4,.wx1_con h4{
    font-size: 20px;
    color: #333;
    margin-top: 60px;
}
.video1-con strong,
.wx1_con strong{
    font-size: 40px;
    color: #333;
    font-weight: bold;
    display: block;
    margin: 25px 0 18px;
}
.video1-con p,
.wx1_con p{
    font-size: 14px;
    color: #bbb;
}
.video1-con span,
.wx1_con span{
    color: #555;
    font-size: 18px;
    line-height: 38px;
    display: inline-block;
    width: 600px;
}
.video1-con a,
.wx1_con a{
    display: block;
    width: 374px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    background: url("../images/video-1-bg.png") no-repeat;
    color: #000;
    margin-top: 30px;
    transition: all .5s;
}
.video1-con a i,
.wx1_con a i{
    margin-left: 30px;
    color: #238e00;
    font-weight: bold;
}
.video-2{
    height: 520px;
    padding-top: 50px;
    width: 100%;
    background: url("../images/video2a.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.video2-con{
    margin: 70px 0 0 490px;
    line-height: 36px;
}
.video2-con>div p{
    font-size: 18px;
    font-weight: bold;
}
.video-3{
    margin-top: 120px;
}
.video-3 h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom:30px;
}
.video-3 h3 i{
    color: #238e00;
    font-size: 34px;
}
.video-3-con>div{
    width: 360px;
    height: 310px;
    box-sizing: border-box;
    border: 1px solid #bdbdbd;
    float: left;
    margin-right: 8px;
    position: relative;
}
.video-3-con>div:last-child{
    margin-right: 0;
}
.pk1,.pk2{
    width: 50%;
    height:273px;
    float: left;
    box-sizing: border-box;
}
.pk1{background: #e6e6e6;}
.pk2{background: #f5f5f5;}
.pk1 span,
.pk2 span{
    font-family: "CTXingKaiSJ";
    font-size:44px;
    color: #238e00;
    font-style: oblique;
    font-weight: bold;
    padding-top:20px;
}
.pk1 span{margin-right: 6px;}
.pk2 span{margin-left: -3px;}
.video-3-con>div>p{
    width: 100%;
    height:37px;
    background: #555;
    color: #fff;
    clear: both;
    font-size: 20px;
    text-align: center;
    line-height: 37px;
}
.video-3-con h4{
    padding: 35px 28px 20px;
    text-align: center;
    box-sizing: border-box;
    font-size: 22px;
    color: #333;
}
.pk1 p,.pk2 p{
    padding:0 24px 0 28px;
    font-size: 14px;
    line-height: 32px;
}
.video4-1-con{
    margin-top: 60px;
    width: 100%;
    height: 364px;
    background: url("../images/video4-1.png") no-repeat center;
    position: relative;
}
.video4-1-con h4{
    color: #555;
    font-weight: bold;
    line-height: 32px;
}
.video4-1-con p{line-height: 25px;}
.video4-1-con .l>div,
.video4-1-con .r>div{
    width: 350px;
    margin-top:25px;
    color: #818181;
}
.video4-1,
.video4-2{margin-top: 60px;}
.video4-2-con{margin-top: 60px;height: 210px;}
.video4-2-con div,.wx-2-con div{
    width: 216px;
    height: 210px;
    background:#eee;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    padding: 24px 30px;
}
.video4-2-con div:last-child,
.wx-2-con div:last-child{ margin-right: 0;}


.video4-2-con h4,
.wx-2-con h4{
    font-size: 18px;
    color: #474747;
    padding-bottom:25px ;
}
.video4-2-con p,.wx-2-con p{
    font-size: 12px;
    color: #333;
    line-height: 20px;
}

.video4-2-call{
    position: absolute;
    left: 50%;
    top:50%;
    width:174px;
    height: 100px;
    text-align: center;
    margin-left: -87px;
    margin-top: -50px;
}
.video4-2-call strong{
    font-weight: bold;
    font-size: 20px;
    line-height: 36px;
    color: #555;
}
.video4-2-call p{
    font-size: 20px;
    color: #555;
    margin-bottom: 12px;
}
.video4-2-call a{
    color: #fff;
    background: #0099e4;
    font-size: 14px;
    padding: 2px;
}
.video4-3{
    margin-top: 40px;
}
.video4-3 ul{
    margin-top:60px;
    height: 630px;
}
.video4-3 li{
    width: 256px;
    height: 308px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    overflow: hidden;
    margin:0 19px 30px 0;
    float: left;
}
.video4-3 li>a div {
    display: block;
    position: relative;
    width: 100%;
    height: 167px;
    transition: all .5s;
    overflow: hidden;
}
.video4-3 li>a img{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .5s;
}
.video4-3 li>a:hover div{
    background: url("../images/play.png") no-repeat center;
}
.video4-3 li>a:hover img{
    transform: scale(1.2,1.2);
}
.video4-3 li>a h4{
    line-height: 60px;
    padding-left: 10px;
    box-sizing: border-box;
    color: #333333;
}
.video4-3 li>a p{
    padding-left: 10px;
	height: 28px;
    overflow: hidden;
}
.video4-3 li>a p span{margin-left: 10px;}
.video4-3 li>div{
    height: 38px;
    width: 100%;
    background: #f6f6f6;
    margin-top: 11px;
    border-top: 1px solid #ccc;
}
.video4-3 li>div a{float: left;}
.video-lj{
    width: 70px;
    height: 38px;
    background: url("../images/video-lj.png") no-repeat center;
    border-right: 1px solid #ccc;
}
.video-ewm{
    width: 70px;
    height: 38px;
    background: url("../images/video4-ewm.png") no-repeat center;
    border-right: 1px solid #ccc;
}
.video-call{
    width: 112px;
    height: 38px;
    text-align: center;
    font-size: 12px;
    line-height: 38px;
}

/*微信营销   第一部分和video 重叠*/
.wx1_con{
    width: 100%;
    background: url("../images/wx1.png") no-repeat right;
}
.wx-2-con h4 {padding-bottom: 15px}
.wx-3{
    background: #f5f5f9;
    margin-top: 80px;
    height: 510px;
    box-sizing: border-box;
    padding-top: 50px;

}
.wx-3 a{
    display: block;
    margin: 39px auto 0;
    width: 374px;
    height: 61px;
    background: url("../images/wx-3.png") no-repeat;
    line-height: 61px;
    text-align: center;
    color: #fff;
}
.wx-3-con{
    height: 172px;
}
.wx-3-con  div{
    width: 352px;
    height: 170px;
    border: 1px solid #ccc;
    float: left;
    box-sizing: border-box;
    padding: 35px 33px 40px 22px;
    margin-right: 22px;
}
.wx-3-con  div:last-child{
    margin-right: 0;
}
.wx-3-con h4{
    font-size: 16px;
    color: #333;
    padding-bottom: 15px;
}
.wx-3-con  p{
    font-size: 14px;
    color: #999;
    line-height: 28px;
}
/*seo营销*/
.seo-2,
.seo5 {margin-top: 60px;}
.seo5-con{
    width: 100%;
    height: 440px;
    background: url("../images/seo6_bg.png") no-repeat left top;
	margin-top: 50px;
}
.seo5-con .r{
    width: 480px;
}
.seo5-con .r div{
    width: 230px;
    height: 168px;
    margin:15px 0 0 9px;
    float: left;
    background: url("../images/seo6-list.png") no-repeat;
    background-size: 100% 100%;
    transition: all .5s;
}
.seo5-con .r div:hover{
    background: #333;
    color: #fff;
}
.seo5-con .r div:hover h3{
    color: #fff;
}
.seo5 p{
    text-align: center;
    color: #bbb;
}
.seo5-con h3{
    font-size: 20px;
    color: #000;
    padding-top: 68px;
    text-align: center;
    line-height: 28px;
}
.seo-2-con>div{
    width: 525px;
    height: 290px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    margin-right: 48px;
    padding: 0;
    background: #fff;
    transition: all .5s;
    border-radius: 10px;
}
.seo-2-con>div:last-child{
    margin-right: 0;
}
.seo-2-con div h4{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding: 45px 0 0 0;
}
.seo-2-con div span{
    color: #7f7f7f;
    display: block;
    padding: 20px 0 15px;
    text-align: center;
}
.seo-2-con div p{
    font-size: 16px;
    color: #555;
    padding: 0 13px;
    line-height: 36px;

}
.seo1-con span,
.kb1-con span,
.brand1-con span,
.sem-1-con span{
    display: block;
    width: 691px;
}
.seo1-con{
    background: url("../images/seo1.png") no-repeat right -50px;
}

/*口碑营销*/
.kb1-con {
    background: url("../images/kb-1.png") no-repeat right -50px;
    height: auto;
}
.kb-2,.brand-2{
    height: 600px;
    width: 100%;
}
.kb2-con{
    height: 219px;
	margin-top: 50px;
}
.kb2-con div{
    height: 219px;
}
.kb-3,
.kb-4{
    margin-top: 70px;
}
.kb4-list div,.bran3-list div{
    background: url("../images/kb3-bor.png") no-repeat;
    background-size: 100% 100%;
}
.kb4-list div p,.bran3-list div p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 1;
}
.kb4-list div span,.bran3-list div span{
    font-size: 12px;
    color: #777;
	display: block;
}
.kb4-more,.brand3-more{
    margin-top: 55px;
    font-size:18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
/*品牌生态系统*/
.brand1-con{
    background: url("../images/brand_1.png") no-repeat right top;
}
.brand-2{
    margin-top: 0;
}
.brand-3,
.brand-5{
    margin-top:60px ;
}

p.footer-bottom_p{ margin: 0 10px;color: #a6b7a1;}
/*SEM营销*/
.sem-1-con{
    width: 100%;
    background: url("../images/sem1.png") no-repeat right -30px;
}
.sem-2 {
    background: url("../images/sem2.png") no-repeat;
    background-size: 100% 100%;
    height: 800px;
}
.sem-2 .plan-title{padding-top: 40px;}
.sem-2-con{margin-top:15px}
.sem-2-con>div{
    width: 310px;
    height: 510px;
    margin-right: 85px;
    float: left;
    box-sizing: border-box;
    padding: 40px 20px 0;
    position: relative;
    background: #fff;
}
.sem-2-con>div:last-child{margin-right: 0;}
.sem-2-list1{ border: 1px solid #f9511c; color: #fe7028;}
.sem-2-list2{
    border: 1px solid #e10100;
    color: #e20000;
}
.sem-2-list3{
    border: 1px solid #f8b616;
    color: #f8b616;
}
.sem-2-con>div h6{ padding-bottom: 15px;}
.sem-2-con>div p{
    padding-bottom: 15px;
    font-size: 14px;
    color: #999;
    line-height: 28px;
}
.sem-2-con>div div{
    position: absolute;
    bottom: -31px;
    left: 50%;
    width: 62px;
    height: 62px;
    margin-left: -31px;
}
.sem-2-h63{
    padding-top: 61px;
}
.sem-2-h62{
    padding-top: 20px;
}
.gg{
    margin-top: 50px;
}
.gg img{
    width: 100%;
}
/*index主页*/
.con-1{
    width: 100%;
    height: 828px;
    background: url("../images/con-1.jpg") center;
}
.con-1-title{
    padding-top: 47px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}
.con-1-title h3{
    font-size: 24px;
}
.con-1-title h4{
    font-size: 26px;
    line-height: 62px;
}
.con-1-title span{
    color: #238e00;
}
.con-1-title p{
    font-size: 14px;
    font-weight: 400;
    color: #bbb;
}
.con-1-con li{
    float: left;
    width: 328px;
    height:200px;
    margin-right: 55px;
    margin-top: 72px;
}
.con-1-con li a{
    display: block;
    color: #333333;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 50px;
    background: #fff;
    position: relative;
    border-radius: 15px;
    transition: all .5s;
}
.con-1-con a h6{
    padding: 55px 0 20px;
    font-weight: bold;
}
.con-1-con a p{
    font-size: 12px;
    line-height: 22px;
}
.con-1-con li a:hover{
    background: #555;
    color: #fff;
}
.icon1 a:hover .icon-system{
    background: url("../images/con1-list1_hover.png") no-repeat;
}
.icon2 a:hover .icon-platform{
    background: url("../images/con1-list2_hover.png") no-repeat;
}
.icon3 a:hover .index-icon.icon-sem{
    background: url("../images/con1-list3_hover.png") no-repeat;
}
.icon4 a:hover .index-icon.icon-seo{
    background: url("../images/con1-list4_hover.png") no-repeat;
}
.icon5 a:hover .index-icon.icon-video{
    background: url("../images/con1-list5_hover.png") no-repeat;
}
.icon6 a:hover .index-icon.icon-mobile{
    background: url("../images/con1-list6_hover.png") no-repeat;
}
.index-icon{
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top:-30px;
    left: 50%;
    margin-left: -30px;
    background-repeat: no-repeat;
    transition: all .5s;
}
.icon-mobile{background-image: url("../images/con1-list6.png");}
.icon-video{background-image: url("../images/con1-list5.png");}
.icon-seo{background-image: url("../images/con1-list4.png");}
.icon-sem{background-image: url("../images/con1-list3.png");}
.icon-platform{background-image: url("../images/con1-list2.png");}
.icon-system{background-image: url("../images/con1-list1.png");}
.con-1-more{
    display: block;
    margin: 46px auto 0;
    width: 305px;
    height: 42px;
    background: #238e00;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    transition: all .5s;
	border-radius: 20px;
	margin-left: 400px;
}
.con-1-more:hover{
 
    color: #fff;
}
.con-1-title p:before{
    top:0
}
.i-n-title {
    height: 36px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.i-n-title h3{
    color: #000;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    border-bottom: 1px solid #238e00;
}
.i-n-title a{
    background: #238e00;
    color: #fff;
    width: 47px;
    height: 16px;
    line-height: 16px;
    margin: 10px 0;
    font-size: 12px;
    text-align: center;
}
.in-news-list>div{
    width: 338px;
    height: 460px;
    float: left;
    margin-right: 40px;
}
.in-news-list ul a{
    font-size: 14px;
    color: #666;
}
.in-news-list ul a span.l{
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.in-news-list ul a span.r{
    width: 40%;
    text-align: right;
}
.in-news-list ul a span{
    font-size: 12px;
    color: #999;
    transition: all .5s;
}
.in-news-list ul li{
    line-height: 36px;
    position: relative;
    text-indent: 20px;
    height: 36px;
}
.in-news-list ul li a{
    width: 100%;
    height: 100%;
    display: block;
}
.in-news-list ul li a:hover{
    color: #238e00;
}
.in-news-list ul li:first-child{
    text-indent: 0;
    width: 100%;
    height: 150px;
    transition: all .5s;
    overflow: hidden;
}
.in-news-list ul li:first-child img{
    width: 100%;
    height: 150px;
    transition: all .5s;
}
.in-news-list ul li:first-child:before{display: none}
.in-news-list ul li:first-child:hover img{transform: scale(1.2,1.2);}
.index-news-call{
    margin: 55px auto;
    text-align: center;
    width: 501px;
    height: 80px;
}
.index-news-call img{
    width: 100%;
    height: 100%;
}
.index-gs{
    background: url("../images/gs.jpg") no-repeat;
    background-size: 100% 100%;
}
.index-bottom{
    margin: 30px auto 50px;
}
.index-bottom>div{
    width: 146px;
    height: 146px;
    background: url("../images/bor.png") no-repeat;
    float: left;
    position: relative;
    text-align: center;
    transition: all .5s;
    background-size: 100% 100%;
}
.index-bottom>p{
    float: left;
    width: 44px;
    text-align: center;
    position: relative;
    top: 67px;
    color: #238e00;
    transition: all .5s;
}
.index-bottom h6{
    font-size: 14px;
    color: #333;
    line-height: 28px;
}
.index-bottom span{
    color: #555;
    font-size: 12px;
    line-height: 24px;
    display: block;
    width: 90%;
    margin: 0 auto;
}
.index-bottom i{
    display: inline-block;
    text-align: center;
    position: relative;
    top: 14px;
    margin-bottom: 12px;
    height: 44px;
    background-position: bottom;
    background-size: 100% 100%;
}
.icon-man{
    width: 57px;
    background: url("../images/list1.png") no-repeat  bottom;
}
.icon-book{
    width:30px;
    background: url("../images/list2.png") no-repeat  bottom;
}
.icon-set{
    width:44px;
    background: url("../images/list3.png") no-repeat  bottom;
}
.icon-amend{
    width:44px;
    background: url("../images/list4.png") no-repeat  bottom;
}
.icon-ok{
    width:47px;
    background: url("../images/list5.png") no-repeat  bottom;
}
.icon-phone{
    width: 42px;
    background: url("../images/list6.png") no-repeat  bottom;
}
.index-bottom>div:hover{ background: url("../images/bor_hover.png") no-repeat;background-size: 100% 100%;  }
.index-bottom>div:hover span,
.index-bottom>div:hover h6{color: #fff;}
.index-bottom>div:hover .icon-man{
    background: url("../images/list1_hover.png") no-repeat  bottom;
}
.index-bottom>div:hover .icon-book{
    background: url("../images/list2_hover.png") no-repeat  bottom;
}
.index-bottom>div:hover .icon-set{
    background: url("../images/list3_hover.png") no-repeat  bottom;
}
.index-bottom>div:hover .icon-amend{
    background: url("../images/list4_hover.png") no-repeat  bottom;
}
.index-bottom>div:hover .icon-ok{
    background: url("../images/list5_hover.png") no-repeat  bottom;
}
.index-bottom>div:hover .icon-phone{
    background: url("../images/list6_hover.png") no-repeat  bottom;
}

.map{
    margin-bottom: 60px;
}
/*通用页面*/

.book-nav{
    margin-bottom: 20px;
}
.book-nav li:last-child{margin-right: 0}
.book-content{min-height: 1200px}
.book-content h3{
    width: 250px;
  
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    background: url("../images/news-bor.png") no-repeat;
    background-position: center;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}
.book-content strong{
    font-size: 16px;
    font-weight: bold;
}
.book-content{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 300;
    color: #777;
}
.book-nav ul a,
.book-nav2 li{
    text-align: center;
    color: #fff;
    background: #555;
    position: relative;
    width: 158px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    float: left;
    transition: all .5s;
}
.book-nav ul a:hover,.book-nav ul li a.active{
    background: #238e00;
}
.book-nav1 li{
    margin-right:14px;
}
.book-nav2{display: none}
.book-nav2 li{
    width: 260px;
    height: 50px;
    background: #e3e3e3;
}
.book-nav2 li a{
    color:#555;
    transition: all .5s;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 14px;
}
.book-nav2 li a:after{
    content: '>';
    font-size: 20px;
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    width: 20px;
    height: 20px;
    z-index: 10;
}
.book-nav2 li a:hover{color: #0099e4;}

.news-con-list{width:100%}
.news-con-list div{float: left}
.newsl-con{
    width:862px;
    box-sizing: border-box;
    padding: 0 10px;
    height: 150px;
}
.newsl-img{
    width: 180px;
    height: 124px;
    margin-right: 12px;
    float: left;
    overflow: hidden;
}
.newsl-img img{width: 100%;height: 100%;transition: all .5s}
.news-con-list li {
    height: 130px;
    padding: 15px 15px;
    border: 1px solid #999;
    margin-bottom: 20px;
    transition: all .5s;
}
.newsl-con h3{color: #333;font-size: 14px;line-height: 32px;transition: all .5s;}
.newsl-con p{
	font-size: 12px;
	line-height: 22px;
	    height: 90px;
    overflow: hidden;
	}
.news-con-list li:hover h3{
    color: #0099e4;
}
.news-con-list li:hover img{
    transform: scale(1.2,1.2);
}
.news-con-list li:hover {border: 1px solid #000}


.image-list li{
    width:300px;
    height: 200px;
    position: relative;
    float: left;
    margin:0 60px 50px 0;
}
.image-list li a{
    width: 100%;
    height: 100%;
    border: 1px solid #E0E0E0;
    display: block;
    position: relative;
}
.image-list li img{
    width: 100%;
    height: 100%;
}
.image-list li div{
    position: absolute;
    z-index: 10;
    top:0;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height:100%;
    transition: all .5s;
}
.image-list li div p{
    color: #fff;
    position: absolute;
    transition: all .5s;
}
.image-list li div p:first-child{
    bottom: 40px;
    left: 20px;
}
.image-list li div p:last-child{
    bottom: 20px;
    left: 20px;
}
.image-list li:hover div{
   opacity: 1;
}

.book-nav1 li{
    float: left;
	    margin-bottom: 20px;
}
.banner{
    margin-top: 0;
    height: auto;
    width: 100%;
    color: #fff;
    background-size: 100% 100%;
}
.banner h3{
    font-weight: bold;
    font-size: 26px;
}
.banner h4 {
    background: url("../images/banner-radius.png") no-repeat;
    width: 549px;
    height: 39px;
    line-height: 39px;
    color: #4a294a;
    margin: 17px 0;
    text-align: left;text-indent: 45px;
}
.banner h5{
    font-size: 24px;
    line-height: 44px;
    text-indent:10px;
}
.banner p{font-size: 14px;text-indent: 10px}
.case_banner h3{
    font-size: 28px;
    font-weight: bold;
    padding-top: 90px;
}
.case_banner{background: url("../images/banner.png") no-repeat center; text-align: center;}
.case_banner h4 {margin: 17px auto; text-align: center;}
.wx_banner{background: url("../images/wxyx.jpg") no-repeat center;}
.wx_banner h3{color: #fff100;}
.yx2_banner{
    background: url("../images/ban.jpg") no-repeat center;
}
.yx2_banner h3 span{
    color: #ffff00;
    font-size: 32px;
}
.yx2_banner h4{
    color: #333;
    background: url("../images/banner_radius.png") no-repeat center;
    text-align: left;text-indent: 45px;
}
.video_banner{
    background: url("../images/banner.jpg") no-repeat center;
}
.video_banner h3,
.brand_banner h3,
.sem_banner h3{
    color: #fff100;
}
.seo_banner{background: url("../images/seo_banner.jpg") no-repeat center;    text-align: center;}
.brand_banner{background: url("../images/banner.jpg") no-repeat center;}
.sem_banner{background: url("../images/banner.jpg") no-repeat center;}


.case-nav a{
    display: inline-block;
    width: 143px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: url("../images/nav.png") no-repeat;
    margin: 11px 11px 5px 0;
    font-size: 12px;
    color: #333333;
    transition: all .5s;
}
.case-nav div a:last-child{margin-right: 0}
.case-more{
    text-align: center;
}
.case-more a{
    display: inline-block;
    width: 143px;
    height: 30px;
    line-height: 30px;
    background: url("../images/radius.png") no-repeat;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
    color: #fff;
    font-size: 12px;
}
.case-nav a:hover,.case-nav a.selected,.case-nav dt{
    background: url("../images/nav-radius.png") no-repeat;
	background-size:100% 100%;
    color: #fff;
}
.case-nav dt{
	    float: left;
    width: 145px;
    height: 30px;
    line-height: 30px;
    margin: 11px 11px 5px 0;
	 text-align:center;
	 font-size:14px;
	 color:#333;
	}

.bannerbox{
    height: 620px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: -1px;
}
.containt-div{
    width: 100%;
    position: relative;
    height: 620px;
}
.bannerbox ul{
    position: relative;
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    background: url("../images/ban1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.sec-li{
    background: url("../images/ban2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("../images/ban3.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}
/*banner-01*/
.baner-01-a{
    width: 1054px;
    height: 166px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -527px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-b{
    width: 849px;
    height: 235px;
    top: 350px;
    left: 50%;
    position: absolute;
    margin-left: -425px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner2*/
.banner2-02{
    width:619px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -310px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-01{
    width: 1038px;
    height: 333px;
    position: absolute;
    left:50%;
    margin-left: -519px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner3*/
.banner3-01{
    position: absolute;
    top: 138px;
    width: 720px;
    height: 73px;
    left: 50%;
    /*margin-left: -310px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-02{
    position: absolute;
    top: 227px;
    right:200px;
    /*margin-left: -305px;*/
    width: 610px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-03{
    position: absolute;
    top: 283px;
    width:214px;
    left: 50%;
    /*margin-left: -107px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-04{
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 479px;
    margin-left: -239px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner-nav{width:100px;height:14px;position:absolute;bottom:10px;right:20px;z-index: 2; left: 50%;margin-left: -50px}
.banner-nav dl dd{list-style-type:none;width:12px;height:12px;float:left;margin-right:5px;cursor:pointer;
    border:1px solid #fff;}
.banner-nav dl .bg{background:#ff7300;width:14px;height:14px;border:none;}



#mobile-nav{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    background:rgba(0,0,0,0.9);
    display: none;
    z-index: 99999;
}
#mobile-nav i{
    display: block;
    height: 30px;
    width:30px;
    background: url("../images/mobile-nav.png") no-repeat;
    background-size: 100% 100%;
    position:absolute;
    right: 10px;
    top: 10px;
}
#mobile-nav div{
    width: 100%;
    height: 50px;
    background:rgb(255,255,255);
}
#mobile-nav div img{
     width: 140px;
    margin-left: 15px;
    margin-top: 6px;
}
#mobile-nav nav{
    display: none;
    background:rgba(255,255,255,0.2);
}
#mobile-nav nav a{
    display: block;
    height:36px;
    line-height: 36px;
    text-align: center;
    border-top: 1px solid #fff;
    color: #fff;
	position:relative
}
#mobile-nav nav a ul{
	position:absolute;
	top:40px;
	left:0;
	
}
.swiper-container img{width: 100%;height: 100%}
.swiper-container{display:none}

#dituContent{width:1198px; height:350px; border:#ccc solid 1px; float:left}

    /*公共*/
li.margin,div.margin,a.margin,ul.margin{margin-right: 0;}

/**网商学院**/
/**wlyx**/
.wlyx{width: 100%;background: #f5f5f9;padding: 40px 153px 36px 48px;box-sizing: border-box;margin-top: 50px;
font-size: 16px;color: #666666;line-height: 30px;position: relative;
}
i.ico_yxr{display: block;background: url(../images/yxr.png) no-repeat;width: 160px;height: 169px;background-size: cover;position: absolute;right: 25px;bottom: 13px;}
.wlyx_list{margin-top: 19px;background: url(../images/yxlist.png) no-repeat center;background-size: cover;}
.wlyx_list ul li{width: 33%;float: left;text-align: center;font-size: 14px;color: #444444;line-height: 18px;margin-bottom: 28px;padding-top: 48px;}
.wlyx_list ul li i{display: block;width: 110px;height: 94px;background-size:cover ;margin: 0 auto;}
i.ico_problem1{background: url(../images/problem1.png) no-repeat;}
i.ico_problem2{background: url(../images/problem2.png) no-repeat;}
i.ico_problem3{background: url(../images/problem3.png) no-repeat;}
i.ico_problem4{background: url(../images/problem4.png) no-repeat;}
i.ico_problem5{background: url(../images/problem5.png) no-repeat;}
i.ico_problem6{background: url(../images/problem6.png) no-repeat;}
.yx_jj{margin-top: 13px;}
.yx_jj p{margin-bottom: 6px;}

.xyjs{width: 100%;background: #f5f5f9;padding: 40px 48px 40px;box-sizing: border-box;margin-top: 50px;font-size: 16px;color: #666666;line-height: 30px;position: relative;}

/**sjz**/
.wshijian{height: auto;padding-bottom: 56px;}
.szj{margin-top: 44px;background: url(../images/bg_sjz.png) no-repeat center;}
.sjz_u,.sjz_d{text-align: center;}
.sjz_u ul,.sjz_d ul{display: inline-block;}
.sjz_u ul li,.sjz_d ul li{float:left;}
.sjz_u ul li h6,.sjz_d ul li h6{text-align: center;font-size: 16px;color: #333333;line-height: 22px;padding-top: 36px;}
.sjz_u .sjz_tp{margin-right: 70px;margin-left: 64px;}
.sjz_u ul li:first-child .sjz_tp{margin-left: 0;}
.sjz_u ul li:last-child .sjz_tp{margin-right: 0;}
.sjz_d ul{margin-top: 20px;}
.sjz_d ul li{margin-right: 62px;}
.sjz_d ul li:first-child{margin-left: 0}
.sjz_d ul li:last-child{margin-right: 0;}
.sjz_d ul li h6{width: 64px;}
.hlwzi {text-align: center;margin-top: 40px;margin-bottom: 30px;}
.wx-3 a.wzixun,a.wzixun{ display: block;margin: 0 auto;width: 182px;height: 47px;border-radius: 40px;background: #0099e4;font-size: 18px;color: #FFFFFF;text-align: center;line-height: 47px;}
.wx-3 a.wzixun:hover,a.wzixun:hover{background: #ff2d06;}
.sjz_zp{display: none;}
.sjz_zp img{width: 100%;height: auto;}

/**wlyw**/
.wlyw{margin-top: 50px;}
.wlyw_con{margin-top: 50px;}
.wlyw ul li{width: 24%;float: left;background: #f5f5f9;padding: 53px 0 40px 0;box-sizing: border-box;margin-right: 14px;}
.wlyw ul li:last-child{margin-right: 0;}
.yw_pic{width: 116px;height: 116px;margin: 0 auto;}
.yw_pic img{width: 100%;height: 100%;}
.wlyw ul li h6{text-align: center;font-size: 18px;color: #666666;}
i.ico_ywline{display: block;width: 42px;height: 4px;background: #de1620;margin: 17px auto 21px auto;}

/**xuedao**/
.xuedao_tit{text-align: center;color: #333333;}
.xuedao_tit h3{font-size: 34px;font-weight: bold;margin-bottom: 19px;}
.xuedao_tit h4{font-size: 18px;}
.i_prolist {margin-top: 50px;margin-bottom: 40px;height:362px;overflow:hidden;padding-top:13px;}
.i_prolist .prolist > li{ padding-top: 70px; box-sizing: border-box; float:left;height:336px; width:25%; position:relative;cursor:pointer;transition: all 0.5s ease;border: 1px solid #dddddd;background: #FFFFFF;}
.i_prolist .prolist > li:last-child{margin-right: 0;}
.i_prolist .prolist > li.li_next{width: 16%;}
.i_prolist .prolist > li.cur{width: 562px;background-size: cover!important;}
.i_prolist .prolist > li a{display: block;position: relative;height: 100%;padding: 0 12%;}
.i_prolist .prolist > li .prolist-li{ width:100%; height:100%;  position:absolute; top:0; left:0; z-index:5;}
.i_prolist .prolist > li ._info{box-sizing: border-box; position:absolute; right:0; bottom:-13px; width:562px;height: 0;transition: all ease-in-out 0.6s; overflow:hidden; z-index: 7;opacity:0;filter: 0; color: #FFFFFF;padding: 32px 30px 0 30px;}
._info > h6{font-size: 24px;font-weight: bold;text-align: center;} 
._info_nr{overflow: hidden;margin-top: 20px;}
.in_l{float: left;width:50%;}
.in_l:last-child{float: right;}
.in_l>span{font-size: 18px;font-weight: bold;}
.in_l ul li{font-size: 13px;line-height: 24px;overflow: hidden;}
.in_l ul li span{float: left;display:inline-block;width:95%;}
.i_prolist .prolist > li.cur .prolist-li{ display:none;}

.i_prolist .prolist > li.cur ._info{opacity: 1;filter: 100; }
.i_prolist .prolist > li.cur ._info{background:url(../images/ju.85.png) repeat; background:#fe394a;height: 362px;text-align:left;}
.i_prolist .prolist > li.cur ._info .p{ display:block; color:#fff;}

.yx_jpg{text-align: center;}
.i_prolist .prolist > li > h6{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin: 20px 0 10px 0;}
.i_prolist .prolist > li > p{font-size: 18px;color: #333333;line-height: 24px;text-align: center;}
i.ico_jiantou{display: block;background: url(../images/jiantou.png) no-repeat;width: 8px;height: 10px;float: left;margin-top: 7px;margin-right: 4px;}

.sj_yw{display: none;}
.sw_honor .swiper-slide{}
.sw_honor .swiper-slide img{width: 100%;height: 100%;border-radius: 4px;overflow: hidden;display: block;}
.sw_honor {margin-top: 15px;margin-bottom: 20px;}
.sl_con{}
.sl_con ._info{background: #fe394a;color: #FFFFFF;padding:  20px;}

/**whyws**/
.whyws{margin-top: 40px;}
.whyws_list{margin-top: 108px;margin-bottom: 28px;}
.whyws_list ul li{float: left;width: 24%;height: 300px; margin-right: 14px;border: 2px solid #e5e5e5;box-sizing: border-box;border-radius: 10px;position: relative;}
.whyws_list ul li:last-child{margin-right: 0;}
.whyws_pic{width: 120px;height: 120px;position: absolute;left: 50%;top: -60px;margin-left: -60px;}
.whyws_pic img{width: 100%;height: 100%;}
.why_nr{margin-top: 99px;box-sizing: border-box;}
.why_nr h6{text-align: center;font-size: 20px;font-weight: bold;color: #397cba;margin-bottom: 28px;}
.why_nr p{padding-left: 30px;font-size: 16px;color: #666666;line-height: 30px;}

/**wbaomin**/
.wbaomin{background: url(../images/bg_baomin.jpg) no-repeat center;height: 155px;width: 100%;margin-top: 54px;}
.wbaomin_con{position: relative;height: 100%;}
.bm_ren{width: 224px;height: 239px;position: absolute;bottom: 0px;left: 0;}
.kkl{margin-left: 210px;margin-top: 26px;float: left;width: 497px;height: 101px;}
.kkl img,.bm_ren img{width: 100%;height: 100%;}
a.kkl_btn{display: block;background: url(../images/kkl_btn.jpg) no-repeat;width: 187px;height: 50px;float: right;margin-top: 50px}

/**ktsl**/
.ktsl{margin-top: 36px;}
.wshipin{margin-top: 60px;width:100%;}
.wshipin img{width: 100%;height: auto;}
.wsp_list{margin-top: 30px;}
.wsp_list li{float: left;width: 24%;margin-right: 14px;text-align: center}
.wsp_list li:last-child{margin-right: 0;}
.wsp_pic{width: 100%;height: 183px;overflow: hidden;}
.wsp_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.wsp_txt{font-size: 14px;color: #666666;margin-top: 8px;}
.wsp_list li:hover .wsp_pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.wsp_list li:hover .wsp_txt{color: #00a0e9;}
.wsxy_banner{background:url(../images/wsxy_banner.jpg) no-repeat center;}
.wsxy_wz{position:absolute;width:100%;height:350px;padding-top:50px;box-sizing:border-box;}
.wsbn_tit{text-align:left;}
.ws_biaoyu{width:380px;height:40px;background:#fff;border-radius:100px;text-align:center;line-height:40px;font-size:18px;color:#222222;margin-top:27px;}
.wsxy_banner .wsxy_wz .w1200 > h3{font-size:15px;color:#fff;padding:0;font-weight:normal;margin:0;background:none;text-align:left;text-indent:0;}
.wsxy_banner .wsxy_wz .w1200 > h4{font-size:18px;color:#fff;padding:0;font-weight:normal;margin:0;background:none;text-align:left;text-indent:0;}
.wsxy_banner .wsxy_wz .w1200 > h5{font-size:16px;color:#fff;padding:0;font-weight:normal;margin:0;background:none;text-align:left;text-indent:0;}
.sw_honor .swiper-pagination-bullet-active{background:#fff;}



@media screen and (max-width: 1025px) {
    .plan3-list .con3-1:hover,.plan3-list .con3-2:hover,.plan3-list .con3-3:hover,.plan3-list .con3-4:hover{background:#fff;}
	.common-nav{margin-top:-2px;}
	.nav2{left:-25px;}
	.index-bottom span{line-height:1;}
    #dituContent{width: 100%;}
    #full-screen-slider,.bannerbox{display: none;}
    .swiper-container{display: block;}
    .w1200{width: 924px;}
    .navul{margin: 0}
    #nav a{padding: 0 11px}
    .con-1-con li{  margin:50px;}
    .con-1{
        background-repeat: repeat-y;
        height: auto;
        padding-bottom: 50px;
    }
    .yx3_con ul li{width:216px;}
    .yx3_con ul li>div p{padding: 0 15px}
	.yx5_con_title h6{font-size:16px;}
    .yx5_content ul{width: 270px}
    .video1-con h4, .wx1_con h4{font-size: 18px;}
    .wx-2-con div{padding:10px 30px; width: 180px;}
    /*品牌生态系统*/
    .brand4-1-con .l>div{height: 100px;}
    .brand4-1-con p{font-size: 13px}
    /*底部*/
    .footer-top dl{padding: 0 20px}
    /*视频流媒体*/
    .video1-con, .wx1_con{width: 920px;}
    .video1-con span, .wx1_con span{width: 400px;font-size: 14px;}
    .video2-con{margin-top:30px;}
    .kb2-con>div{width: 300px;}
    .video-3-con>div{width: 300px}
    .video-3-con h4{padding: 35px 0 20px}
    .pk1 p, .pk2 p{padding: 0 15px;}
    .video4-1-con .l>div, .video4-1-con .r>div{width: 260px}
    .video4-2-con div{width: 180px}
    .video4-2-con h4{line-height: 24px;height: 48px;padding-bottom: 0}
    .video4-3 li{width: 221px;margin: 0 10px 20px 0;display:inline-block;float:inherit}
    .video-ewm,.video-lj{width: 52px}
    .video-call{width: 113px}
    .common_news_ul ul {margin-right: 10px;width: 300px;}
    .wx-3-con  div{width: 293px;height: 240px;}
    .plan2_con3_list i{width: 48px;}
    .yx6_con li{
        margin-right: 3px;
        width: 182px;
        height: auto;
    }
    .sem-2-con>div{width: 292px;margin-right: 24px;}
    .seo-2-con>div{width: 438px;}
    .seo-2-con div h4{padding-top: 20px;font-size:20px;line-height: 40px}
    .seo-2-con div span{padding: 0;height: 40px;  line-height: 40px;}
    .seo-2-con div p{font-size: 14px;line-height: 28px}
    .seo-3-con div{height: 170px;}
    .seo5-con{background-size: 50%}
    .plan2_ul li{width: 457px}
    .plan2_ul li p{width: 277px}
    .plan2_con1_con{background-size: 50%}
    .plan2_con1_con dt, .plan2_con2_con dt{padding-top: 50px;font-size: 18px}
    .plan2_con1_con dd, .plan2_con2_con dd{font-size: 16px;line-height: 32px}
    .plan2_con3_list div p{font-size: 12px;}
    .plan4-content{background-size: 70%;}
    .plan4-content p{width: 130px;height: 130px;padding-top: 32px;}
    .plan4-1{left: 149px;top: 73px;}
    .plan4-2{top: 20px;left: 10px;}
    .plan4-3{top: 13px;left: 70px;}
    .plan4-4{top: -317px;left: 639px;}
    .plan4-5{left: 785px;top: -369px;}
    .plan4-6{left: 721px;top: -377px;}
    .yx_banner .r{width: 340px;padding-top: 85px}
	.yx1_click{margin-top:40px}
    .yx2_con ul li{width: 300px;    margin-right: 8px;}
    .yx2_con ul li h4{font-size: 16px}
    .yx2_con ul li p{font-size: 12px;line-height: 24px}
    .wx-2-con p{line-height: 20px}
    .wx-2-con h4{height: 48px;line-height: 24px;padding-bottom: 0}
    .yx-3 div{height: 170px}
    .newsl-con{ width: 680px;}
    .book-nav{width: 600px; margin: 0 200px;}
    .book-nav1 li { margin-bottom: 30px;}
    .in-news-list>div{width: 286px;margin-right: 33px;}
    .in-news-list>div:last-child{margin-right: 0}
    .index-bottom>p{width: 30px;top: 53px;}
    .index-bottom>div { width: 129px;height: 129px;}
    .index-bottom span{
        text-overflow: ellipsis;
        width: 80%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 auto;
    }
    .index-gs{margin-top: 20px;}
    .image-list li:nth-child(3n){margin-right: 0}
    .image-list li.margin{margin-right: 60px}
    .image-list ul{width: 804px;margin: 0 auto}
    .image-list{width: 100%}
	.con-1-con ul.clearfix{margin-top:40px}
	.yx5_con_title{width:135px;box-sizing:border-box}
	.wlyx_list{background-size: contain;}
	.szj{background-size: contain}
	.sjz_u .sjz_tp{margin-right: 50px;margin-left: 44px;}
	.sjz_d ul li{margin-right: 42px;}
	.wlyw ul li,.whyws_list ul li,.wsp_list li{margin-right: 12px;}
	.wlyw{padding-bottom: 0;}
	.bm_ren{width: 184px;height: 196px;}
	.kkl{width: 479px;height: 89px;margin-top: 36px;}
	.i_prolist .prolist > li.li_next{width: 13%;}
	.wsp_pic{height: 154px;}
	.why_nr p{padding-left: 15px;}
	.wshipin .mv .video-box{width:100%!important;height:auto!important;}
	#video-box{width:100%!important;}
}
@media screen and (max-width: 768px){
	.footer-bottom,.yx_banner .r{display:none}
    .keyword_light img{width:100%}
	.nav2{left:-44px;}
	.seo_banner img,.book-content img{width:100%}
	.yx5_title h4{line-height:50px}
    .w1200{width: 720px;}
    .logo_contact img{width: 410px;height: 35px;padding-top: 10px;}
    #nav a{padding: 0 1px}
    .video1-con, .wx1_con{width: 710px}
    .video1-con strong, .wx1_con strong{font-size: 36px}
    .video1-con, .wx1_con{background-size: 50%;height: auto;}
    .video1-con a{margin: 30px auto 0}
    .video-2{margin-top: 50px;height: auto;padding: 50px 0;}
    .video2-con{margin: 0;padding-top: 35px;}
    .common-nav a{padding: 0 5px}
    .icon-home{margin-left: 35px}
    .video-3{margin-top: 30px}
    .video-3-con>div:last-child{margin-top: 20px}
    .video4-1-con .l>div, .video4-1-con .r>div{width: 160px;margin-top: 10px}
    .video4-2-con div { width: 228px;margin-top: 5px;}
    .kb-3, .kb-4{ margin-top: 30px;}
    .video4-2-con{height: auto;}
    .common_news_ul ul li span.r{font-size: 12px;text-align: center}
    .common_news_ul ul{width: 226px}
    .footer-top dl{font-size: 12px;width: 93px;box-sizing: border-box;text-align: center;}
    .footer-top dl:nth-child(5){border: none}
    .footer-top dl a{display: block;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
    .footer-bottom a{font-size: 12px}
    .sj,.wx{width:96px;}
    .ewm  p,.ewm ul{font-size: 12px}
    .footer-top dl{padding: 0 12px}
    .footer-center{padding: 20px 0}
    .footer-center p:last-child{line-height: 20px;margin-top: 10px}
    .wx-2{margin-top: 40px}
    .wx1_con a{margin:100px auto 0;}
    .wx-2-con div{margin-right: 30px;width: 213px;padding: 20px 10px;margin-bottom: 30px}
    .wx-2-con div:nth-child(3n){margin-right: 0}
    .wx-2-con h4{font-weight: bold}
    .wx-3-con  div{width: 226px;margin-right: 10px;padding: 12px 10px;}
    .yx6_con{height: auto;padding-bottom: 20px}
    .yx6_con li {height: auto;width: 137px;}
    .yx6_title h3 span{font-size: 28px}
    .yx6_title h3 span:last-child,.yx6_title h3{font-size: 26px}
    .yx6_con ul{height: 85px}
    .video1-con span, .wx1_con span{width: 340px}
    .brand1-con{margin-bottom: 50px}
    .brand1-con a{margin-top: 50px}
    .video4-1-con{background-size: 40%}
    .brand4-1-con .l>div,.brand4-1-con .r>div{width: 200px;height: 110px;}
    .plan4-content p {width: 101px;height: 101px;padding-top: 25px;font-size: 13px;}
    .plan4-content{background-position: top center;height: 260px;}
    .plan4-1{top: -27px;left: 114px;}
    .plan4-2 {top: -66px;left: 3px;}
    .plan4-3 {top: -74px;left: 52px;}
    .plan4-4 {top: -326px;left: 483px;}
    .plan4-5 {left: 596px;top: -366px;}
    .plan4-6 {left: 542px;top: -371px;}
    .plan2_con3_list i{width: 40px;top:44px}
    .plan2_con3_list div{width: 106px;height: 106px}
    .plan2_con3_list div h6{margin-top: 5px}
    .plan2_con3_list{margin-top: 40px}
    .kb-5{margin-top: 45px}
    .kb1-con a{margin-top: 50px}
    .yx1_con li{font-size: 14px}
    .yx1_con{background-size: 57%;background-position: right 80px;}
    .yx2_title h3{font-size: 22px}
    .yx2_title h4{font-size: 26px}
    .yx2_con{height: auto;padding-bottom: 40px}
    .yx2_li{margin: 0}
    .yx2_con ul{margin: 0 40px}
    .yx3_con ul li{width: 330px; margin-bottom: 20px;}
    .yx3_title p{font-size: 16px}
    .yx3_con ul li>div p {padding: 0 65px;}
    .yx3_title h3{font-size: 24px}
    .yx3_title h4{ font-size: 56px;}
    .brand1-con{background-position: right 40px}
    .yx3_con ul{height: auto}
    .yx4_con {margin-top: 45px;}
	.plan2_li1,.plan2_li2,.plan2_li3,.plan2_li4{background:none}
    .plan2_li1:hover,.plan2_li2:hover,.plan2_li3:hover,.plan2_li4:hover{background:none}
    .yx4_con ul h5{padding-bottom: 5px}
    .yx4_con ul li {margin-bottom: 15px;}
    .yx4_bg{height: auto}
    .yx5_content ul li{padding-bottom: 60px;height:120px;}
    .yx5_content ul.l li>div:nth-child(1),
    .yx5_content ul.l li>div:nth-child(2),
    .yx5_content ul.l li>div:nth-child(3){margin-left: 14px;}
    .yx5_content ul li>p{width: 210px;padding-left: 0}
    .yx5_content ul.r p{float: right}
    .plan2_ul li{width: 50%;margin-right: 0;}
    .plan2_con1_con div{margin-left: 264px}
    .plan2_con1_con dt{padding-top: 10px}
    .plan2_con1_con{background-position: left top;height: auto;margin-top: 50px;}
    .plan2_con2{margin-top: 40px}
    .plan2_con2_con{background-position: 200px bottom;margin-top: 50px;    height: auto;}
    .plan2_con2_con dt{padding-top: 0;width: 700px}
    .seo-2-con>div{width: 335px}
    .seo5-con{background: none;height:auto;margin-top: 50px;}
	.plan2_con3_list div p{line-height:20px;}
    .seo5-con .r{width: 100%;}
    .seo5-con .r div{width: 45%; height: 244px;}
    .seo5-con h3{padding-top:60px}
    .seo5 p{margin-top: 30px;line-height: 30px;}
    .sem-1-con{background-size: 37%;background-position: right 2px;}
    .sem-2{margin-top: 40px;height:700px}
    .sem-2-con>div {width: 217px;height:440px;}
    .sem-2-con>div p{line-height: 20px;padding-bottom:0px;}
    .sem-2-con>div h6 {padding-bottom: 1px;font-size: 14px;}
	.sem-2-h63{paddint-top:20px;}
    .book-nav {margin: 0 90px;}
    .newsl-con {width: 466px;}
    .video4-3 ul{height: auto;text-align:center}
    .in-news-list>div{width: 220px;margin-right: 20px;}
    .in-news-list>div:last-child,.image-list li:nth-child(2){margin-right: 0}
    .con-1-con li { margin: 11px;}
    .con-1-con,.index-gs{ margin-top: 0px;}
    .index3-list{margin-top: 30px}
    .index-bottom>div { width: 100px;height: 100px;}
    .index-bottom i{display: none}
    .index-bottom h6{ padding-top: 20px;}
    .index-bottom>p{top:40px;width: 24px;}
    .image-list ul{width: 616px;margin: 0 auto;}
    .image-list{width: 100%;margin-bottom: 50px; }
    .image-list li.margin{margin-right: 0;}
    .image-list li:nth-child(3n),.image-list li{margin: 10px 38px; }
	.video-3-con{text-align:center}
	.video-3-con>div{float:inherit;display:inline-block;}
	.yx_jj{height: 60px}
	.sjz_u .sjz_tp{margin-right: 20px;margin-left: 24px;}
	.sjz_d ul li{margin-right: 19px;}
	.wlyw ul li,.whyws_list ul li,.wsp_list li{margin-right: 9px;}
	.wsp_pic{height: 120px;}
	.bm_ren{width: 164px;height: 175px;}
	.kkl{width: 409px;height: 78px;margin-left: 160px;}
	a.kkl_btn{width: 137px;background-size: contain;}
	.why_nr p{font-size: 14px;}
	.i_prolist{display: none;}
	.sj_yw{display: block;}
	.sl_con ._info{height:357px;}
}

@media screen and (max-width: 767px){
    .sem-2{height: auto;}
	.video1-con span, .wx1_con span,.video4-1-con .l>div, .video4-1-con .r>div {
    width: 100%;}
	.video4-1-con>div{
		width:45%;
	}
	.video4-1-con>div:last-child{margin-right:10%}
	.swiper-container{height:226px;}
	.banner{display:block;}
    .banner2{display: block;height:250px}
    .banner2 img{width: 100%;height:250px}
	#xf{display:none}
    .plan3-bor {
        width: 111px;
        height: 84px;
		    background: none;
    }
    .plan3-bor h4{
        padding-top: 0;
    }
    #mobile-nav{
        display: block;
    }
    #header{
        display: none;
    }
    .swiper-container{
        margin-top: 50px;
    }
    .w1200{width: 100%;padding: 0 15px;box-sizing: border-box}
    .header-about,
    .logo_contact,
    #nav,
    .bannerbox,
    .common-nav,
    .con-1-con a p,
    .index-icon{display: none}
    .con-1-title h3,
    .con-1-title h4{
        font-size: 16px;
    }
    .con-1-con li{
        height: auto;
    }
    .con-1-con li{
        width: 49%;
        float: left;
        margin: 10px 0;
    }
    .con-1-con li:nth-child(2n){
        margin-left: 2%;
    }
    .con-1-con li a{
        padding: 0;
		height: auto;
    }
    .con-1-con a h6{
        padding: 20px 0;
    }
    .plan3-a{
        margin-top: 15px;
    }
    .plan3-text{padding-top: 15px}
    .yx3_title h4{
        font-size: 40px;
    }
    .plan2_con1_con dt{
        line-height: 40px;
    }
    .yx3_title h3{
        font-size: 20px;
    }
    .yx3_con{
        margin-top: 30px;
    }
    .yx3_con ul li{
        width: 100%;
    }
    .yx3_call{
        width:100%;
    }
    .plan3-title{padding-top: 25px}
    .plan3-list>div{width: 50%;height: 245px}
    .plan3-con{
        height: auto;
    }
    .index-video{margin-bottom: 0; z-index:1; position:relative;}
	
    .in-news-list>div{
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
    }
    .index-news-call{margin: 10px 0;width: 100%}
    .yx6_title h3{font-size: 16px}
    .yx6_title h3 span{font-size: 21px}
    .yx6_title h3 span:last-child, .yx6_title h3{font-size: 16px}
    .yx6_title{font-size: 12px}
    .yx6_con li{width: 49%;margin:2% 0 0 0;}
    .yx6_con li:nth-child(2n){
        margin-left: 2%;
    }
    .yx6_con li:last-child{display: none}
    .yx6_con ul,.wx-3,.wx-3-con{height: auto}
    .index-gs{
        background: url("../images/con-1.jpg") no-repeat
    }
    .index-bottom{display: none}
    .footer,.common_news_ul{height: auto}
    .footer-top dl,.footer-bottom{display: none}
	.footer-center{display:block}
	.sj,.wx{display:none}
	.footer-top{display:none;}
    .video1-con{
        width: 100%;
        background: none;
    }
    .video1-con a{
        width: 100%;
        background-size: 100% 100%;
        margin: 0 auto;
    }
    .video-3 h3{font-size: 14px}
    .video-3 h3 i{font-size: 25px}
    .video-3-con>div{
        width: 100%;
        margin-bottom: 20px;
    }
    .video-3-con>div:last-child{margin-top: 0}
    .video4-1-con{background: none;margin-top: 0;height: 310px;}
    .video4-2-call{display: none}
    .video4-2-con div{
        width: 100%;
    }
    .wx-3{
        margin-top: 30px;
    }
    .video4-3 li{
        width: 100%;
    }
    .brand4-1-con .l, .brand4-1-con .r{
        width: 49%;
    }
    .brand4-1-con .r{
        margin-left: 2%;
    }
    .video-ewm, .video-lj{width: 100px}
    .common_news_ul ul{
        width: 100%;
    }
    .yx2_title p, .yx4_title p, .yx5_title p, .plan-title p, .con-1-title p{
        display: none;
    }
    .video1-con, .wx1_con{
        width: 100%;
        background: none;
        padding:0 15px;
        box-sizing: border-box;
    }
    .plan-title{
        height: 70px;
        margin-bottom: 10px;
    }
    .video1-con h4, .wx1_con h4{
        margin-top: 15px;
    }
    .wx1_con a,.wx-3 a{
        background-size: 100% 100%;
        width: 100%;
        margin-top: 0px;
    }
    .yx1_click{
        background-size: 100% 100%;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    .wx-2-con div,
    .wx-3-con  div{
        width: 100%;
        margin-bottom: 10px;
    }
    .wx-3{padding-bottom:20px;}
    .yx6_con{margin-top:0}
    .video1-con h4, .wx1_con h4{font-size: 16px;}
    .plan4-con{display:none;}
	.video-call {width:93px;}
    .yx_content strong{font-size: 20px;line-height: 42px}
    .yx1_con li{font-size: 12px}
    .yx1_click i{display: none}
    .yx2_title h3{padding-top: 30px}
    .yx2_title h4{font-size: 12px;line-height:20px;padding-top:15px}
    .yx2_con ul li{width: 100%}
    .yx2_con ul li h4,.yx5_title h4,.newsl-con h3{
        width:100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .newsl-con span{display: none;}
    .newsl-con{width: 100%}
    .newsl-img{display: none}
    .newsl-con h3{width:100%;}
    .yx4_con ul{margin-top: 0}
    .yx4_con ul  p{font-size: 12px}
    .yx4_con ul h5{font-size: 12px}
    .yx5_title h3{font-size: 18px;    line-height: 50px;}
    .yx5_content{background: none;height: auto}
    .yx5_content ul{width: 100%;}
    .yx5_content ul:first-child{padding-right: 0;}
    .yx5_content ul.l li>div:nth-child(1), .yx5_content ul.l li>div:nth-child(2), .yx5_content ul.l li>div:nth-child(3){margin-left: 0;}
    .yx5_content ul li>p{width: 100%}
    .yx5_con_title{padding-left: 0}
    .yx5_content ul li>div{margin-left: 0;}
    .yx5_content ul li{padding-bottom: 10px;}
    .yx5_con{margin-top: 20px;}
    .yx1_con{background: none;height: auto;margin-bottom: 30px}
    .plan2_ul li{background: none;}
    .plan2_ul li p,
    .plan2_ul li{width: 100%;}
    .plan2_con1_con div,.plan2_con2_con div{margin: 0;}
    .plan2_con1_con,.plan2_con2_con{ background: none; height: auto;}
    .plan2_con2_con dt{width: 100%;line-height:40px}
    .plan2_con3_bottom img{
        width:100%;
        height: 100%;
    }
    .seo5-con .r div{width: 49%;margin: 0 0 10px 0;height: 170px;}
	.seo5-con .r div:nth-child(2n){margin-left: 2%;}
    .sem-2-con>div{
        width: 100%;
        margin-bottom: 50px;
    }
    .common-tag span{display: none}
    .book-nav{width:100%;margin: 0;}
    .book-nav1 li{margin:0 14px 14px 0}
    .book-nav1 li:nth-child(2n){margin-right: 0;}
    .book-content{width:100%;}
    .book-nav1{width: 330px;margin: 0 auto;}
    .image-list li{width: 100%;margin: 10px 0; }
    .image-list li a{margin: 0 auto;}
    .image-list{margin-bottom: 50px;}
    .image-list ul{width: 100%}
    .plan2_con3_list{
        width: 100%;
        margin:  0 auto;
    }
    .plan2_con3_list div{    margin: 10px 0 0 25px;}
    .plan2_con3_list i{display: none}
    .kb4-more h6, .brand3-more h6{
        text-align: left;
        padding: 0 10px;
        line-height: 50px;
    }
    .common_news_ul ul:nth-child(2),.common_news_ul ul:nth-child(3){
        display: none;
    }
    .plan2_con1_con h5, .plan2_con2_con h5{
        line-height: 30px;
    }
    .plan2_con3_bottom h6{
        line-height: 30px;
    }
}
@media screen (min-width:610px) and (max-width: 667px){
	.plan2_con3_list div {margin: 10px 0 0 20px;}
	.plan2_ul li.plan2_li2>div.r,.plan2_ul li.plan2_li4>div.r{float:inherit}
}
@media screen and (max-width: 480px){
    .yx5_content ul li {
        height: 140px;
    }
    .banner2{display: block;height:150px}
    .banner2 img{width: 100%;height:150px}
    .footer-bottom{display: none;}
	.seo-2-con div span{line-height:1;}
	.seo5-con h3{font-size:14px}
		.video4-1-con div,.video4-1-con .l>div, .video4-1-con .r>div{width:100%}
		.seo-2-con div p{font-size:12px;}
		.brand4-1-con .l>div, .brand4-1-con .r>div{height:180px;}
		.kb4-more h6, .brand3-more h6{line-height:34px;}
	.yx1_click{margin-top:10px}
	.yx_content{
		margin-top:20px;
		}
	.ewm ul li{
		float:left;
		line-height:40px
		}
	.banner{
		display:block}
		.banner2{display:block}
    .plan2_con1{
        margin-top: 30px;
    }
    .plan2_con3_list div p{
        margin-top: 0;
    }
    .common-content{
        margin: 20px 0 6px;
    }
    .sem-2-h63{
        padding: 0;
    }
    .sem-2-con>div{
        height: 430px;
    }
    .video1-con h4, .wx1_con h4{
        line-height: 30px;
    }
    .book-nav1{
        width: 284px;
    }
    .image-list li:nth-child(3n){
        margin: 10px 0;
    }
    .w1200{width: 100%;box-sizing: border-box;padding: 0 15px}
    .con-1-title h3, .con-1-title h4{font-size: 14px}
    .yx3_title p{font-size: 14px}
    .con-1-title h4{line-height: 30px;font-size: 12px}
    .con-1-title{height:auto;}
    .yx6_title h3 span:last-child, .yx6_title h3{font-size: 13px}
    .yx3_title p{font-size: 12px;margin-top: 10px}
    .in-news-list{margin-top: 40px}
    .con-1-more{width: 100%;background-size: 100% 100%;margin-left:auto;}
    .header-nav span{display: none}


    .icon-home{margin-left: 0;}
    .video1-con h4{margin-top: 0}
    .video1-con strong, .wx1_con strong{font-size: 30px}
    .video1-con span, .wx1_con span{width: 100%;}
    .video-3 h3{font-size: 12px}
    .video-3 h3 i{font-size: 20px}
    .video4-2-call p{font-size: 18px}
    .yx4_title h3, .plan-title h3{font-size: 15px}
    .yx4_title h4, .plan-title h4{font-size: 20px}
    .video-ewm, .video-lj{
        width: 96px;
    }
    .yx_content h3{
        font-size: 18px;
        width:100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .book-nav ul a, .book-nav2 li{
        width: 135px;
    }
    .case-nav div{
        width: 302px;
        margin: 0 auto;
    }
    .case-nav div a:nth-child(2n){
        margin-right: 0;
    }
    .plan2_ul{margin-top: 0}
    .plan2_con1_con a, .plan2_con2_con a{
        margin: 15px auto;
    }
    .yx2_title{margin-bottom: 0}
    .wlyx{padding: 30px 50px 36px 15px;}
    .wlyx p{
    	 word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
    	
    }
    i.ico_yxr{width: 118px;
    height: 109px;background-size: contain;right: -20px;
    bottom: 13px;}
    .wlyx_list ul li{padding-top: 8px}
    .szj{display: none;}
    .sjz_zp{display: block;margin-top: 20px}
    .hlwzi{width: 80%;}
    .hlwzi img{width: 100%;height: auto}
    .wshijian{padding-bottom: 40px}
    .wlyw ul li, .whyws_list ul li, .wsp_list li{width: 48%;margin-right: 0;margin-bottom: 15px;}
    .wlyw ul li:nth-child(2n),.whyws_list ul li:nth-child(2n), .wsp_list li:nth-child(2n){float: right;}
    .sw_honor{height: auto;}
    .in_l,.in_l:last-child{float: none;}
    .whyws_list{margin-bottom: 0}
    .why_nr{margin-top: 68px;}
    .whyws_list ul li{height: 240px;margin-bottom: 75px;}
    .why_nr h6{margin-bottom: 18px}
    .wbaomin{display: none;}
    .why_nr p{font-size: 12px;}
    .wsp_pic{height: 132px;}
    .xuedao_tit h3{font-size: 20px;margin-bottom: 9px;}
    .xuedao_tit h4{font-size: 15px;}
    .sw_honor{margin-top: 30px;}
	.in_l{width:100%;}
	i.ico_yxr{display:none;}
	.wlyx{padding:30px 15px;}
	.wlyx p{-webkit-line-clamp: 5;font-size:12px;}
	.wlyw ul li{padding:13px 0 20px;}
	.yw_pic{width:96px;height:96px;}
	.sl_con ._info{height:482px;}
	.whyws_pic{width:100px;height:100px;margin-left:-50px;top:-50px;}
	.wshipin{margin-top:30px;}
	.wlyx{margin-top:30px;}
	
	.why_nr p{padding:0 10px;}
	.yx_jj p{
		overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
	}
	.wlyx_list{background:none;}
	.yx_jj{height:auto;width:90%;margin:13px auto 0 auto;}
	.wlyx_list ul li{margin-bottom:8px;padding-bottom:8px;}
	
	
}
@media only screen and (max-width: 414px) {
	.wsp_pic{height: 127px;}
	
}



@media (min-width: 321px) and (max-width: 375px) {
    .plan2_con3_list div {
        margin: 10px 0 0 45px;
    }
	.swiper-container{height:205px;}
	.sw_honor{height: auto;}
	 .wsp_pic{height: 115px;}
	 .wlyx_list ul li i{width: 90%;background-size:contain;}
	.wlyw ul li{padding: 33px 0 30px 0;}
	.wlyx p{-webkit-line-clamp:6;}
}

@media only screen and (max-width: 360px) {
	.wsp_pic{height: 109px;}
	.whyws_list ul li{height:220px;}
	.why_nr h6{margin-bottom:8px;}
	.why_nr p{line-height:24px;}
	 .wlyx_list ul li i{width: 90%;background-size:contain;}
	
}

@media screen and (max-width: 320px){
    .w1200{padding: 0 15px}
	.case-nav a{width:124px;    background-size: 100% 100%;}
	 .wsp_pic{height: 96px;}
	 .wlyx p{-webkit-line-clamp:7;}
	 .why_nr p{padding:0 7px;}
	 .wlyx_list ul li i{height:74px;}
}


.con3-1{
    background: url('../images/con3-1.jpg') no-repeat;
    background-size: 100% 100%;
}

.con3-2{
    background: url('../images/con3-2.jpg') no-repeat;
    background-size: 100% 100%;
}
.con3-3{
    background: url('../images/con3-3.jpg') no-repeat;
    background-size: 100% 100%;
}
.con3-4{
    background: url('../images/con3-4.jpg') no-repeat;
    background-size: 100% 100%;
}

.plan3-list .con3-1:hover{
    background: url('../images/con3-1_hover.jpg');
    background-size: 100% 100%;
}

.plan3-list .con3-2:hover{
    background: url('../images/con3-2_hover.jpg');
    background-size: 100% 100%;
}
.plan3-list .con3-3:hover{
    background: url('../images/con3-3_hover.jpg');
    background-size: 100% 100%;
}
.plan3-list .con3-4:hover{
    background: url('../images/con3-4_hover.jpg');
    background-size: 100% 100%;
}


    /*轮播图*/
#full-screen-slider{width:100%; height:600px; position:relative; z-index:0; margin-top:0;top:-1px }
#slides{display:block; width:100%; height:600px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:600px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:30px; height:10px; z-index:99999;  padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:17px; height:17px; float:left; margin-left:15px; background:url('../images/rad.png') no-repeat; }
#pagination li a{display:block; width:100%; height:17px; padding:0; margin:0; font-size:0;}
#pagination li.current{background:url('../images/radius.png') no-repeat;}

#ws_phone{
	position:fixed;
	bottom:0;
	left:0;
	background:#fff;
	display:none;
	z-index:999;
}
#ws_phone img{max-width:100%;height:auto}

@media screen and (max-width:767px){#ws_phone{display:block}.yx3_call,.index-news-call{display:none}}