.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
	}




.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;
    border-bottom: 1px solid #e1e1e1;
    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{
    padding: 15px 0;
    font-size: 16px;
}
.logo_contact img{}
.logo_contact span{
   color:#2D53A1;
    font-weight: bold;
    font-size: 20px;
}
.logo_contact .r p{line-height: 30px}
.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: #2D53A1;}
.common-nav li{float: left;}
/*网站导航*/
#nav{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #333333;
    font-size: 14px;
    position: relative;
}

#nav a{color: #fff;display: block;padding: 0 26px;transition: all .5s}
#nav a:hover,#nav a.active{color: #fff;background: #2D53A1;}
.navul>li{float:left;position: relative;}
.nav-bor{
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 378px;
    background: #2D53A1;
}
.nav2{
    position: absolute;
    width: 150px;
    background: #333;
    z-index:22222;
    text-align: center;
    left: -18px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: none;
}
@media (max-width:900px){
    #nav{
        height:auto;
    }
    .navul>li{
        width: 20%;
        float: left;
        text-align: center;
    }
    .navul>li>a{
        padding: 0;
    }
}
#nav .nav2 a{display:block;width:150px;box-sizing:border-box}
.seo-2-con>div:hover{ background: #eee;}
.seo-3-con{ margin-top: 60px;}
/*footer*/
.footer{
    background: #333;
    font-size: 14px;
    width: 100%;
    height:480px;
}
.footer-top{
    padding: 48px 0 40px;
    color: #fff;
    height: 270px;
    border-bottom:1px solid #444 ;
}
.footer-top dl{
    float: left;
    padding: 0 35px;
    height: 270px;
    border-right: 1px solid #444;
}
.footer-top dl dt{ margin-bottom: 30px;}
.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;}
.footer-bottom{
    line-height: 50px;
    width: 100%;
    height: 50px;
    background: #2f2f2f;
    color: #999;
    font-size: 14px;
}
.footer-bottom a{color: #999;}
.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: #2D53A1;}
.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: #2D53A1;
    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,
.con-1-title p:after{
    position: absolute;
    content: '';
    display: block;
    height:1px;
    width: 65px;
    margin-top: 20px;
    background: url("../images/p_bor.png") no-repeat;
    left: 50%;
    margin-left: -32px;
}
.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: #2D53A1;
}
.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: #2D53A1;
    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:#2D53A1;
}
.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: #2D53A1;
    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:#2D53A1;
	}
.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: #2D53A1;
    border: 1px solid #2D53A1;
    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: #2D53A1;
    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: #2D53A1;
    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: #2D53A1;
    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;
}
@media (max-width:900px){
    .plan3-list>div{
        width:50%;
    }
}
.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: #2D53A1;
}
.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: #e60012;
    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: #2D53A1;
    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: #2D53A1;
    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: #2D53A1;
    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 ;
}

.footer-bottom_p{max-width: 1100px; display: table; margin: 0 auto;}
/*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") no-repeat;
}
.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: #2D53A1;
}
.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: url("../images/con-1-radius.png") no-repeat;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    transition: all .5s;
}
.con-1-more:hover{
    background: url("../images/con-1-radius_hover.png") no-repeat;
    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 #2D53A1;
}
.i-n-title a{
    background: #2D53A1;
    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: #2D53A1;
}
.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: cover;
}
.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: #2D53A1;
    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: #2D53A1;
}
.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: -1px;
    height: 350px;
    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/brand_banner.jpg") no-repeat center;}
.sem_banner{background: url("../images/sem_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: auto}
.swiper-wrapper,.swiper-slide{ height:auto }
.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;}




@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 15px}
    .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;background-size: 100% 100%;}
    .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}
    .plan2_con2_con div{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}
}
@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: 100%;height: auto;padding-top: 10px;}
    #nav a{padding: 0 }
    .video1-con, .wx1_con{width: 100%}
    .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: 100%}
    .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:0 auto 0;}
    .wx-2-con div{width: 100%;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,.wx-3-con{ height:auto; }
    .news-con-list li{ height:auto;overflow: hidden; }
    .newsl-img{ width:100% }
    .newsl-img img{ width:100%;height:100%; object-fit:cover; }
    .wx-3{ padding-bottom:40px; }
    .video4-1-con{ height:auto;background:none; }
    .video4-2-call{ display:none; }
    .wx-3-con  div{width: 100%;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;display: none;}
    .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: 100%; margin-right: 0; margin-bottom: 20px;}
    .yx3_title p{font-size: 16px}
    .yx3_con ul li>div p {padding: 0 65px;}
    .plan3-con,.footer,.footer-top dl,.footer-top{ height:auto; overflow:hidden; }
    .footer-top dl{ display:none; }
    .footer-top .ewm{ text-align:center } 
    .sj{ text-align:center; width:100%; }
    .sj img{ width:120px;margin:0 auto; }
    .footer-center span{ display:block;line-height:30px; }
    .index-bottom{display: flex; justify-content:center; flex-wrap:wrap; }
    .index-bottom div{  text-align:center; margin:1% }
    .index-bottom p{ display:none; }
    .yx3_title h3{font-size: 24px}
    .yx3_title h4{ font-size: 36px;}
    .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: 100%;margin-right: 0;}
    .plan2_li2 .r,.plan2_li4 .r{
        float: left;
    }
    .plan2_con1_con div{margin-left: 0;padding-top: 150px;}
    .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: 100%}
    .seo-2-con>div{width: 100%}
    .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: 156px;}
    .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:auto;background-size: cover;}
    .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 10px;width: 100%}
    .newsl-con {width: 100%;height: auto;}
    .video4-3 ul{height: auto;text-align:center}
    .in-news-list>div{width: 100%;margin-right: 20px;}
    .in-news-list>div:last-child,.image-list li:nth-child(2){margin-right: 0}
    .con-1-con li { margin: 2% 1%; width: 98%}
    .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;}
}

@media screen and (max-width: 100%){
    .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:none;}
    .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;
    }
    .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}
    .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:auto;}
		.kb4-more h6, .brand3-more h6{line-height:34px;}
	.yx1_click{margin-top:10px;height: auto;line-height:30px; width: 100%;}
    .plan2_con3_bottom img{width: 100%;height: auto;}
    .plan-title, .con-1-title{ height:auto; }
    .video4-3 li>a h4{ line-height:30px; }
	.yx_content{
		margin-top:20px;
		}
	.ewm ul li{
		float:left;
		line-height:40px
		}
	.banner{
		display:none}
		.banner2{display:block;margin: 0}
    .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{
        width: 100%;
        height: auto;
        margin-bottom: 80px;
    }
    .video1-con h4, .wx1_con h4{
        line-height: 30px;
    }
    .book-nav1{
        width: 100%;
    }
    .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%;}
    .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}
}
@media (min-width: 321px) and (max-width: 375px) {
    .plan2_con3_list div {
        margin: 10px 0 0 45px;
    }
	.swiper-container{height:205px;}
	
}
@media screen and (max-width: 320px){
    .w1200{padding: 0 15px}
	.case-nav a{width:124px;    background-size: 100% 100%;}
}


.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
}
#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}#top{display:none;}}








.container03{width:100%;padding:0;overflow:hidden;margin:0px auto;position:relative;padding-top:35px;}
.container03.service{height:510px;}
.container03 ul.dianxing{width:100%;padding:0;float:left;text-align:center;}
.container03 ul.dianxing li a img{width:70px;height:55px;}
.container03 ul.dianxing li{width:115px;height:57px;float:left;text-align:center;text-indent:-500px;overflow:hidden;border:1px solid #ddd;margin:0 5px 5px 0;border-radius:4px;}
.container03 .payflow{width:98%;padding-left:2%;height:30px;}
.container03 .payflow span{display:block;width:275px;float:left;height:26px;line-height:26px;margin-right:1px;color:#fff;text-align:left;text-indent:10px;}
.container03 .payflow span.c1{background:#555;}
.container03 .payflow span.c2{background:#888;}
.container03 .payflow span.c3{background:#aaa;}
.container03 .payflow strong{float:left;width:90px;height:26px;line-height:26px;color:#fff;margin-right:1px;background:#333;}
.container03 .payflow b{font-size:19px;}
.container03.case{position:Relative;}
.index-mall-promotion#index1{width:92%;max-width:1800px;margin:0 auto;height:720px;}
.container03 .youshi{width:1500px;max-width:100%;position:relative;margin:0 auto;clear:both;height:65%;text-align:center;}
.container03 .youshi ul.infolist{z-index:999;}
.container03 .youshi ul.infolist li .ys{padding:0;text-align:right;font-size:20px;display:block;width:100%;height:35px;line-height:30px;}
.container03 .youshi ul.infolist li p{width:100%;text-align:right;font-size:14px;}
.container03 .youshi ul.infolist li.i5 p,.container03 .youshi ul.infolist li.i6 p,.container03 .youshi ul.infolist li.i7 p,.container03 .youshi ul.infolist li.i8 p{text-align:left;}
.container03 .youshi ul.infolist li.i5 .ys,.container03 .youshi ul.infolist li.i6 .ys,.container03 .youshi ul.infolist li.i7 .ys,.container03 .youshi ul.infolist li.i8 .ys{text-align:left;}
.container03 .youshi ul.infolist li{padding:0;position:absolute;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;cursor:crosshair;}
.container03 .youshi ul.infolist li.i1{left:11%;top:1%;}
.container03 .youshi ul.infolist li.i2{left:9%;top:23%;}
.container03 .youshi ul.infolist li.i3{left:8%;top:49%;}
.container03 .youshi ul.infolist li.i4{left:11%;top:75%;}
.container03 .youshi ul.infolist li.i5{right:11%;top:1%;}
.container03 .youshi ul.infolist li.i6{right:9%;top:23%;}
.container03 .youshi ul.infolist li.i7{right:8%;top:49%;}
.container03 .youshi ul.infolist li.i8{right:11%;top:75%;}
.container03 .youshi ul.infolist li.i1:hover{left:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i2:hover{left:8%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i3:hover{left:7%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i4:hover{left:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i5:hover{right:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i6:hover{right:8%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i7:hover{right:7%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i8:hover{right:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i5 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li.i6 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li.i7 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li.i8 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li span{display:inline-block;width:6px;height:6px;border-radius:50%;position:relative;top:-4px;right:-5px;}
.container03 .youshi ul.infolist li:hover span{background:#d64329;}
.container03 .youshi img.targetarrow{margin-top:0%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi .target:hover img.targetarrow{transform: rotateZ(90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi .target:hover img.logoc{top:300px;transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi img.logoc{position:absolute;z-index:99;right:45px;top:91px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi .target{width:414px;height:414px;margin:0 auto;position:Relative;}
ul.infolist{width:98%;margin:0 1%;}
ul.infolist li{width:23%;padding-left:2%;float:left;height:100px;text-align:left;margin-bottom:30px;}}
ul.infolist li strong{font-size:20px;display:block;width:100%;height:40px;line-height:30px;}
ul.infolist li p{font-size:12px;margin:0;line-height:22px;text-align:left;width:90%;}
.content .container04 .contentview .detail pre{font-size:12px;float:left;}
.container03 .titlebig,.container04 .titlebig{position:relative;width:100%;margin:0;display:block;height:52px;line-height:42px;text-align:center;font-size:35px;margin-top:25px;font-weight:normal;float:left;color:#555;}
.container03 .titlebig strong{font-size:15px;font-weight:normal;}
.container03 .titlebig{margin-top:40px; margin-bottom: 50px;}
.container03 .titlebig.lanmu2 strong{position:relative;left:269px;font-size:24px;}
.container03 .titlebig.lanmu2 strong.news{left:552px;}
.index-mall-promotion .titlebig{position:relative;width:100%;margin:0;display:block;height:52px;line-height:42px;text-align:center;font-size:35px;padding-top:50px;font-weight:normal;float:left;color:#555;margin-top:10px;}
.index-mall-promotion p{margin:0 0 55px 0;width:100%;text-align:center;float:left;font-size:14px;line-height:22px;}
.container03 h4{font-size:16px;margin:5px 0;}
.container04 p,.container03 p{margin:10px 0 35px 0;width:100%;text-align:center;float:left;font-size:14px;line-height:22px;}
.container03 p span{display:inline-block;padding:2px 20px;color:#fff;}
.content .container04 .webinfo span{display:inline-block;color:#cc0000;font-size:12px;padding-top:10px;}
.content .container02 ul.businesslist li a.more{display:block;width:98%;height:24px;line-height:24px;text-align:right;float:left;margin-top:10px;}
.container03 ul.caselist{filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;width:100%;float:left;position:absolute;left:0;top:0;height:100%;}
.container03 .casesort-list{width:100%;height:65%;float:left;position:relative;}
.container03 ul.caselist.current{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity:1.0;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}
.container03 ul.caselist li{overflow:hidden;position:relative;width:20%;padding:0;float:left;height:auto;margin:0;overflow:hidden;text-align:center;}
.container03 ul.caselist li .sort{font-size:13px;padding:5% 0;border:none;width:100%;position:relative;top:400px;display:inline-block;}
.container03 ul.caselist li .name{padding:20% 0 4% 0;position:relative;top:-200px;padding-bottom:15px;margin:0 auto;width:auto;font-size:19px;color:#ddd;display:inline-block;border-bottom:1px solid #fff;}
.container03 ul.caselist span:hover .sort{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:0;}
.container03 ul.caselist span:hover .name{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:0;}
.container03 ul.caselist span a img{width:70px;height:60px;position:absolute;right:-70px;bottom:0;z-index:999;border:none;box-shadow:0 0 0 0 #fff;}
.container03 ul.caselist span:hover img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;right:0;}
.container03 ul.caselist li p{margin:0;}
.container03 ul.caselist li a:link,.container03 ul.caselist li a:visited{color:#999;display:block;width:100%;height:auto;overflow:hidden;}
.container03 ul.caselist li img{border:none;width:100%;height:auto;transition: all 0.4s;-webkit-filter: grayscale(25%);}
.container03 ul.caselist li:hover span{display:block;filter:alpha(opacity=90); -moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.caselist li span{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;width:100%;height:100%;background:#0143a4;position:absolute;left:0;top:0;z-index:9999;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.container03 ul.caselist li span a:link,.container03 ul.caselist li span a:visited{color:#fff;display:block;width:100%;height:100%;}
.container03 ul.caselist li:hover span{filter:alpha(opacity=90); -moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03.lanmu{height:auto;padding:0;}
.container03#all4{width:100%;height:200px;background:#000;padding-top:30px;}
.container_wrap#xcx{width:100%;background-image:url(../images/banner_bg1.jpg);background-repeat:no-repeat;height:630px;overflow:hidden;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0 0 0;}
.container_wrap#xcx .container03{width:94%;padding:0 3%;}
.container_wrap#xcx .container03 .titlebig{color:#fff;text-align:left;}
.container_wrap#xcx .container03 .titlebig a:link,.container_wrap#xcx .container03 .titlebig a:visited{color:#fff;}
.container_wrap#web,.container_wrap#shop{width:94%;padding:0 3%;}
.container_wrap#web h2,.container_wrap#shop h2{text-align:left;margin:0 0 25px 0;}
.container_wrap.shopintro{width:100%;background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:20px 0;}
.container_wrap.shopintro .container03{padding:0;}
.container_wrap.shopintro.grey1{background:#f4f4f4;}
.container_wrap.shopintro.grey{background:#f4f4f4;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.container_wrap.shopintro.green{background:#dbf1e1;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.container_wrap.shopintro.yellow{background:#ffefd4;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.container_wrap.shopintro.blue{background:#ddeffe;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.container_wrap.shopintro.yellow1{background:#fdf3d4;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.container_wrap .container03 .textintro .title{text-align:left;margin-top:35px;font-size:26px;padding-bottom:20px;}
.container03 ul.list-xcx{width:100%;margin:0;height:480px;float:left;}
.container03 ul.list-xcx li{width:20%;float:left;height:100%;text-align:center;filter:alpha(opacity=55); -moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.list-xcx li p{margin:10px auto;width:85%;font-size:12px;line-height:24px;float:none;}
.container03 ul.list-xcx li strong{font-size:18px;display:block;width:100%;height:40px;line-height:40px;padding-top:20px;color:#000;}
.container03 ul.list-xcx li img{width:80%;height:auto;}
.container03 ul.list-xcx li.x1{background:#fff9cd;}
.container03 ul.list-xcx li .title{font-size:16px;font-weight:bold;padding-top:50px;}
.container03 ul.list-xcx li.x2{background:#fdf1e5;filter:alpha(opacity=95); -moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}
.container03 ul.list-xcx li.x3{background:#e5fdf2;}
.container03 ul.list-xcx li.x4{background:#fdf1e5;filter:alpha(opacity=95); -moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}
.container03 ul.list-xcx li.x5{background:#e5fdf2;}
.container03 ul.list-xcx li:hover{padding-top:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.list-xcx li.x1:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x2:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x3:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x4:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x5:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.xcx-flow{width:100%;height:350px;text-align:center;float:left;margin-top:90px;}
.container03 ul.xcx-flow li{width:20%;float:left;text-align:center;height:100%;}
.container03 ul.xcx-flow li p{font-size:14px;line-height:24px;margin:30px auto 0 auto;width:80%;float:none;color:#11a046;}
.container_wrap#xcx .container03.allwidth{width:100%;padding:0;}
.container_wrap#xcx .container03.allwidth h2{margin-top:45px;}
#index2 h2.nopadding{padding-top:0;}
.container03 ul.xcx-flow li:hover img{transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.xcx-flow li img{max-width:90%;}
.container03.xcx-why{background-image:url(../images/xiaochengxu1.gif);background-repeat:no-repeat;background-position:center bottom;}
#banner_img .ad_img{ position: relative; right:0;top:0;height:100%;width:auto;text-align:right;float:right; filter:alpha(opacity=60); -moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;  display: flex;justify-content: center;align-items: center; }
#banner_img .ad_img img{height:60%;width:auto;margin-top:10%;}
#chat{display:none;width:291px;height:203px;position:fixed;right:0;bottom:0;z-index:99999;-webkit-filter: grayscale(30%);-moz-filter: grayscale(30%);-ms-filter: grayscale(30%);-o-filter: grayscale(30%);filter: grayscale(30%);filter: gray;}
#chat a.chat-people:link,#chat a.chat-people:visited{display:block;width:100%;height:100%;background:url(../images/bg_chat.png) 0 0 no-repeat;}
#chat a.close:link,#chat a.close:visited{display:block;width:20px;height:20px;background:#000;color:#fff;text-align:center;line-height:20px;position:absolute;right:10px;bottom:10px;z-index:99999999;border-radius:50%;}
#chat a.close:hover{background:#cc0000;transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
@media screen and (min-width: 1800px) { 
.container03 .casesort-list {height: 75%;} 
} 
@media screen and (min-width: 1800px) { 
.container03 .casesort-list {height: 75%;} 
.container03 ul.list-xcx li img{width:60%;height:auto;}
} 




.container03#index6{width:100%;height:650px;background-image:url(../images/indexwenda.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;}
.container03#index6 .titlebig,.container03#index6 p{color:#fff;}
.container03#index6 .flow{width:100%;text-align:center;height:400px;padding:50px 0 0;float:left;}
.container03#index6 ul.wenda{width:100%;margin:5% 1% 0 1%;height:65%;position:relative;float:left;text-align:left;}
.container03#index6 ul.wenda li{display:inline-block;width:22%;color:#fff;line-height:35px; margin: 0 5% 2%;}
.container03#index6 ul.wenda li .title{font-size:14px;color:#fff;}
.container03#index6 ul.wenda li span{display:inline-block;width:30px;height:30px;border-radius:50%;background:#247dff;color:#fff;margin-right:5px;font-size:22px; text-align:center;position:relative;top:3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03#index6 ul.wenda li:hover span{background:#f60;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03#index6 ul.wenda li p{margin:0;font-size:12px;text-align:left;padding:6px 0 0 5px;color:#ccc;}
.container03#index6 ul.wenda li.w1{position:absolute;left:2%;top:1%;transform: rotateZ(-4deg);}
.container03#index6 ul.wenda li.w2{position:absolute;left:35%;top:3%;transform: rotateZ(3deg);}
.container03#index6 ul.wenda li.w3{position:absolute;left:3%;top:30%;transform: rotateZ(-1deg);}
.container03#index6 ul.wenda li.w4{position:absolute;right:10%;top:3%;transform: rotateZ(3deg);}
.container03#index6 ul.wenda li.w5{position:absolute;left:32%;top:31%;transform: rotateZ(0deg);}
.container03#index6 ul.wenda li.w6{position:absolute;right:17%;top:31%;transform: rotateZ(-8deg);}
.container03#index6 ul.wenda li.w7{position:absolute;left:5%;top:65%;transform: rotateZ(-6deg);}
.container03#index6 ul.wenda li.w8{position:absolute;left:38%;top:62%;transform: rotateZ(1deg);}
.container03#index6 ul.wenda li.w9{position:absolute;right:10%;top:62%;transform: rotateZ(9deg);}
.container03#index6 ul.wenda li.w10{position:absolute;left:32%;top:86%;width:55%;transform: rotateZ(-1deg);}


.swiper-containers {
    width: 100%;
    overflow: hidden;
}
.swiper-containers .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 780px){

.container03.xcx-why{ background-image: none;  }
.container03 .youshi ul.infolist li.i1{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li.i2{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li.i3{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li.i4{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li.i5{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li.i6{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li.i7{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li.i8{left:0%;top:1%; width: 48%; margin-left: 1%; border:1px #ccc solid; border-radius: 5px; float: left; position: relative;text-align: left;height: 100px;}
.container03 .youshi ul.infolist li .ys,.container03 .youshi ul.infolist li p{ text-align: left;}
.container03 .youshi .target{ height: 0; }
.container_wrap#xcx{height: auto;}
.container03 ul.list-xcx{ height: auto; }
.container03 ul.list-xcx li .title{ padding-top: 10px; }
.container03 ul.list-xcx li{ width: 50%; height: 288px; }
.container03 ul.list-xcx li.x5{ width: 100%; height: 100%; }
.container03 ul.list-xcx li.x5 img{ float: left; width: 40%; }
.container03 ul.list-xcx li.x5 .title{ float: right;  width: 56%;}
.container03 ul.list-xcx li.x5 p{ float: right;  width: 56%;}
.container03 ul.xcx-flow{ margin-top: 20px; height: auto; }
.container03 ul.xcx-flow li{ width: 33.33333%; height: 252px; }
.container03 ul.xcx-flow li:last-child{ float: right; }
.container03#index6 ul.wenda li{ width: 39%; }
}