.indextext{
    float: left;
    margin-left: 80px;
    margin-top: 62px;
}

.indextext .th{
	font-size: 32px;
	color: #fff;
	font-weight: bold;
}

.hr_1{
    border-color: white;
    opacity: 0.2;
}

/*go_top*/
a#go_top{
    display: block;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(34,25,25,0.2);
    cursor: pointer;
    float: left;
    overflow: hidden;
    padding: 5px 5px 5px 10px;
    background: #666;
    height: 30px;
    position: fixed;
    bottom: 10px;
    right: 0px;
    width: 28px;
    z-index: 999;
    margin-right: 25px;
}
a#go_top img{
    display: block;
    margin-top: -48px;
}
/*bottomfix*/
.bottomfixed{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 90px;
    z-index: 1000;
    display: block;
}
.bottomfixed .close_fxbtn{
    cursor: pointer;
}
.bottomfixed p{
    width: 100%;
    float: left;
    line-height: 90px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    font-size: 32px;
    color: #fff;
    vertical-align: middle;
}

.bottomfixed p b{
	 font-size: 38px;
}
.bottomfixed p a{
    position: relative;
    top: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 175px;
    height: 55px;
    overflow: hidden;
    background: #FF8310;
    line-height: 55px;
    color: #fff;
    border-radius: 45px;
    font-size: 28px;
}

.bottomfixed span{
	float:right;
	padding:8px 30px 0 0;
}

/*banner*/
.bx-wrapper .bx-viewport{
    box-shadow: 0 0 0px!important;
    border: 0px!important;
    left: 0px !important;
}
.bx-wrapper{
    margin-bottom: 0px!important;
}

/*新签*/
.xinqianbox{
	width: 100%;
	margin: 10px 0px;
}

.xinqianbox .container{
	width: 1200px;
	margin: auto;
	height:32px;
	line-height:32px;
}

.xinqianbox .container a{
	font-size:15px;
	color:#333;
}
.xinqianbox .container a:hover{
	text-decoration: underline;
}

.xinqianbox .container a.showmore{
	background-color: #ccc;
	color:#fff;
	padding:2px 8px;
	font-size:12px;
	border-radius: 3px;
}

.xinqianbox .container a.showmore:hover{
	text-decoration: none;
	background-color: #7387EB;
}

.xinqianbox ul{ }
.xinqianbox #scrollDiv{width:600px;height:32px;line-height:32px;overflow:hidden}
.xinqianbox #scrollDiv li{height:32px;padding-left:10px;}

/*!*container 1开始*!*/
.containerbox{
	width: 100%;
	margin-top: 0px;
}
 .containerbox .container{
	width: 1200px;
	margin: 0px auto;
	height: 320px;
}
.containerbox .container .cl{
	float: left;
	width: 730px;
	height: 300px;
	background-color: #0D73F9;
	border-radius: 2px;
}

.containerbox .th{
	font-size: 35px;
	color: #fff;
}
 .containerbox .td {
	color: #fff;
	padding-top: 15px;
}
 .containerbox .td p{
	font-size: 14px;
}
 .containerbox .bt{
	float: left;
	margin-left: -280px;
	margin-top: 200px;
}
.containerbox  .bt a.btna{
    border-color: white;
    border-width: 2px;
    color: white;
}
.containerbox .bt a.btna:hover{
    background-color: #54a7e8;
}
.containerbox .bt a.btna p{
    color: white;
}

.containerbox .btr a.btna{
    border-color: white;
    border-width: 2px;
}
.containerbox .btr a.btna:hover{
    background-color: #ffa401;
}
.containerbox .btr a.btna p{
    color: white;
}

.containerbox form input{
	display: block;
	width: 90%;
	height: 30px;
	margin: 0px auto;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	opacity: 0.5;
}
.containerbox form a.btna{
    width: 90%;
    margin: 5px auto;
    margin-left: 10px;
    background-color:#e8121d ;
    border-radius: 5px;
}

.containerbox form a:hover{
	background-color: #e8121d!important;
	opacity: 0.9;
	color: white!important;
}
.containerbox form a p{
    color: white!important;
	font-size: 14px;
	color: #fff;
}

.containerbox .loginl{
	width: 230px;
	height: 195px;
	background-color: #fff;
	float: right;
	margin-right: 80px;
	margin-top: 58px;
	border-radius: 2px;
}
.containerbox .loginl .logo{
	height: 43px;
	position: relative;
	left: 45px;
	top: 20px;
	width: 131px;
}

.containerbox .loginl .test{
	margin: 0px auto;
	text-align: center;
	margin-top: 35px;
}

.containerbox .loginl .test span.tit{
	color: #1F4E7C;
	font-size: 14px;
	font-weight: bold;
}

.containerbox .loginl .test span.num{
	font-family: Arial;
	color: #e8121d;
	font-size: 20px;
	font-weight: bold;
}

.containerbox .cr{
	width: 460px;
	height: 300px;
	margin-left: 10px;
	background-color: #FD9214;
	float: right;
	border-radius: 2px;
}
.containerbox .cr .textr{
	float: left;
	margin-top: 60px;
	margin-left: 20px;
}
.containerbox .cr .thr{
	font-size: 30px;
	color: #fff;
	font-weight:bold;
}
.containerbox .cr .tdr{
	color: #fff;
	padding-top: 10px;
}
.containerbox .cr .btr{
	float: left;
	margin-left: -160px;
	margin-top: 200px;
}

.containerbox .cr .loginr{
	width: 220px;
	height: 195px;
	background-color: #fff;
	float: right;
	margin-right: 20px;
	margin-top: 58px;
	position: relative;
	border-radius: 2px;
}

.containerbox .cr .logor{
	height: 35px;	
	left: 72px;
	top: 29px;
	width: 111px;
	position: absolute;
}

.containerbox .loginr .test{
	margin: 0px auto;
	text-align: center;
	margin-top: 80px;
}

.containerbox .loginr .test span.tit{
	color: #1F4E7C;
	font-size: 14px;
	font-weight: bold;
}

.containerbox .loginr .test span.num{
	font-family: Arial;
	color: #e8121d;
	font-size: 20px;
	font-weight: bold;
}

.containerbox .cr .katoon{
	left: 10px;
	top: -7px;
	position: absolute;
}
/*container 1结束*/


/*品牌栏开始*/
.newcontainerbox{
    width: 100%;
    min-width:1200px;
}
.newcontainer{
    width: 1200px;
    height: 100px;
    margin: 0px auto;
    margin-top: -20px;
}
ul.ul_left{
    border-right: 1px solid #e7e6e6;
    border-bottom: 1px solid#e7e6e6;
    float: left;
    width: 734px;
    margin-top: 0px;
    text-align: center;
    position: relative;
    right: 0px;
}
ul.ul_right{
    border-bottom: 1px solid #e7e6e6;
    float: right;
    width: 455px;
    margin-left: 10px;
    position: relative;
}

.borderimg img{
    position: relative;
    left: 723px;
    top: -17px;
}
.newcontainer ul li{
    cursor: pointer;
    display: inline-block;
    width: 60px;
    /*height: 60px;*/
    height: 100%;
    /*background-color: #f6f6f6;*/
    margin: 20px 25px;
    text-align: center;
    vertical-align: top;
    position: relative;
}
.newcontainer ul li p{
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #8c8c8c;
    text-align: center;

}
.newcontainer ul li .logoimg:hover{
    box-shadow: 0px 0px 10px #cccccc;
}
.newcontainer ul p{

}
.newcontainer ul li img.logoimg{
    display: inline-block;
    position: relative;
   width: 60px;
    height: 60px;
    border-radius: 50%;
}
.newcontainer ul .wx_img{
 position: absolute;
    top:-130px;
    left: -31px;
    background: url(../images/weixin_bg.png) center no-repeat;
    width: 120px;
    height: 140px;
    display: none;
}
.newcontainer ul .wx_img img{
    display: block;
    width: 110px;
    height: 110px;
    margin: 0px auto;
    margin-top: 7px;
}
ul.ul_right .wx_img{
    position: absolute;
    left: -31px;
    top:-130px;
}
/*品牌栏结束*/

/*解决方案开始*/
.client{
    width: 100%;
    min-width: 1200px;
	/*background: url('../images/bghd/1391998158352.jpg') top center no-repeat;*/
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}
.new-client{
    width: 1200px;
    /*width: 100%;*/
    height: auto;
    overflow: hidden;
    margin: 10px auto ;
    position: relative;
    z-index: 15;
}
.new-client>a{
    display: block;
    width: 37px;
    height: 105px;
    position: absolute;
    top:290px;
    background-image:url(../images/arr.png);
    background-repeat: no-repeat;
}
a.client-prev{
    left:0;
    background-position: 0 0;
}
a.client-next{
    right:0;
    background-position: -41px 0;
}
.new-client-tit{
    height: auto;
    overflow: hidden;
    text-align: center;
    margin-top:30px;
}
.new-client-tit p.title{
    height: 50px;
	line-height: 50px;
	font-size: 40px;
	color: #333;
	font-weight: bold;
}
.new-client-tit p{
    font-size: 14px;
    color: #666;
    padding-top: 5px;
    height: auto;
    overflow: hidden;
}
.new-client-item{
    width: 1200px;
    height: 800px;
    margin: 0px auto 0;
    padding-top: 40px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.new-client-item ul{
    width: 1200px;
    overflow: hidden;
    position: absolute;
    left:0;
    padding-top: 5px;
}
.new-client-item ul.last{
    top:214px;
}
.new-client-item ul li{
    *display: inline;
    *zoom: 1;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    display: inline-block;
    float: left;
    height: 346px;
    margin:0px 10px 40px;
    width: 278px;
    border-radius: 4px;
}
.new-client-item ul li a{
    text-decoration: none;
}
.new-client-item ul li:hover{
    box-shadow: 0px 0px 5px rgba(134,134,134,0.8);
}
.client-item-img{
    width: 85px;
	height: 85px;
	margin: 40px auto 0px;
}
.client-item-img img{
    display: block;
    width: 85px;
	height: 85px;
    margin: 0px auto;
    position: relative;
    border:0;
}
.client-item-img img.img3{
    width: 188px;
    height: 143px;
}
.client-item-tit{
    width: 200px;
    line-height: 26px;
    font-size: 14px;
    margin: 0 auto;
}
.item-tit{
    text-align: center;
    padding-top: 15px;
    margin-top: 15px;
}
.item-tit p,.item-tit img{
    display: inline-block;
}
.item-tit p{
    font-size: 40px;
	font-weight: bold;
}
.item-tit-text{
    width: 180px;
    margin: 0px auto;
    color: #515151;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    height: 66px;
}

.item-tit-text a:hover{
    color: #666;
}
.client-date{
    color: #666;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    position: relative;
}
.know_more{
    color: #515151;
    text-decoration: underline!important;
    white-space: nowrap;
}
.client-date a p{
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 2px;
	margin-left: 5px;
	border-radius: 20px;	
	text-align: center;
	width: 50px;
	background-color: #239fdf;
	padding: 4px 4px;
}

.client-date a p.orange{
	
	background-color: #FD9214;
}

.client-date a img{
    position: relative;
    top: 3px;
    left: 4px;
}
/*解决方案结束*/

/*产品生态开始*/
.product{
    width:100%;
    min-width: 1200px;
    height: 818px;
    background-color: #fcfcfc;
	background: url('../images/bghd/bgcomp.jpg') top center no-repeat;
}
.layout{
    width: 1200px;
    margin: 0px auto;
    /*padding: 0px 10px;*/
}
.textshow{
    text-align: center;
    max-width: 635px;
    margin: 0px auto;
}
.textshow h3{
    color: #fff;
	font-size: 40px;
	padding-top: 60px;
	font-weight: bold;
}
.textshow p{
    padding: 8px 0px 5px;
    color: #999;
    line-height: 150%;
    padding-bottom: 20px;
    font-size:14px;
}
.idlist {
    padding: 10px 0px 0px;
    text-align: center;
    clear: both;
}
.idlist ul{
    width: 100%;
    margin: 0px auto;
    /*margin: -30px 0px 0px -30px;*/
    text-align: center;
    padding: 0px;
    list-style: outside none none;
}
.clearfix{
    clear: both;
}
.idlist ul li {
    width: 20%;
    float: left;

}
.idlistbox{
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 4px;
    margin: 15px 0px 0px 15px;
    padding: 30px 15px 10px;
    text-align: center;
    height: 220px;
}
.idlist_1,.idlist_2,.idlist_3,.idlist_4,.idlist_5,.idlist_6,.idlist_7,.idlist_8,.idlist_9,.idlist_10{
    width: 75px;
    height: 75px;
    display: inline-block;
    background-image: url("../images/ldIcon-01.png");
    background-repeat: no-repeat;
}
.idlist_1 {
    background-position: 0px 0px;
}
.idlist_2{
    background-position:-88px 0;
}
.idlist_3{
    background-position:-176px 0;
}
.idlist_4{
    background-position:-264px 0;
}
.idlist_5{
    background-position:0 -88px;
}
.idlist_6{
    background-position:-88px -88px;
}
.idlist_7{
    background-position:-176px -88px;
}
.idlist_8{
    background-position:-264px -88px;
}
.idlist_9{
    background-position:0 -176px;
}
.idlist_10 {
    background-position: -88px -176px;
}
.idlistbox h4 {
    font-size: 22px;
    color: #333;
    line-height: 180%;
    font-weight:normal;
}
.idlistbox p.desc{
    font-size: 12px;
    color: #333;
    line-height: 18px;
    font-weight: normal;
    width: 150px;
    margin: 10px auto 10px;
}
/*产品生态结束*/

/*客户案例开始*/
.case{
    width:100%;
    min-width: 1200px;
    height: 1240px;
    background-color: #f5f5f5;
    margin-top: -10px;
	
	/*background: url('../images/bghd/1391998158352.jpg') top center no-repeat;*/
	overflow: hidden;
}
.layout_2{
    width: 1200px;
    margin: 0px auto;
    /*padding: 0px 10px;*/
}
.textshow_2{
    text-align: center;
    max-width: 635px;
    margin: 0px auto;
}
.textshow_2 h3{
	color: #333;
	font-size: 40px;
	padding-top: 50px;
	font-weight: bold;
}
.textshow_2 p{
    padding: 8px 0px 5px;
    color: #727272;
    line-height: 150%;
    font-size:14px;
    padding-bottom: 40px;
}
.layout_3{
    width: 1200px;
    margin: 0px auto;
}
.casewapper{
    width: 1200px;
	height: 930px;
    clear: both;
}
.case li{
	
    display: inline;
    zoom: 1;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    display: inline-block;
    position: relative;
    float: left;
    height: 422px;
    width: 223px;
    margin-left: 15px;
    margin-top: 20px;
	margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.case li:hover{
     box-shadow: 0px 0px 5px rgba(134,134,134,0.8);
}

.case li .caseimg{

}


.case li .caseimg img{
	width: 222px;
	height: 290px;
	padding: 0px;
}
.casetext{
    padding: 10px;
}

.casetext h4 {
    color: #333;
    font-size: 14px;
    padding-top: 0px;
    margin-left: 10px;
    font-weight: bold;
	text-align: center;
}

.casetext p.desc{
	padding: 0px;
    color: #999;
    line-height: 20px;
    font-size: 12px;
    margin-left: 10px;
    height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
	margin-top: 5px;
}

.casetext p.desc img{
	height: 45px;
}
.casetext p.title{
    padding: 5px 0px;
	color: #333;
	line-height: 23px;
	font-size: 12px;
	text-align:center;
}

.visit{
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
}
.visit a{
    color: #55acee;
    line-height: 150%;
    font-size: 14px;
    text-decoration: none;
    padding-bottom: 10px;
}

.visit .wx_img{
    background: url(../images/weixin_bg.png) center no-repeat;
    width: 120px;
    height: 140px;
    position: absolute;
    top:-126px;
    left:-60px;
    overflow: hidden;
    display: none;
}
.visit .wx_img img{
    display: block;
    width: 108px;
    height: 108px;
    margin: 0px auto;
    margin-top: 7px;
}



/*客户案例结束*/



/*荣誉栏开始*/
.honorwrapper{
    width: 100%;	
	background: url('../images/bghd/sunline.png') top center no-repeat;	
	margin-top: 60px;
	padding-top: 30px;
	height: 650px;
}

.honorcontainer{
    margin: 0px auto 20px;    
}
.honorwrapper .head h2{
    font-size: 30px;
    text-align: center;
    color: #0D73F9;
    font-weight: bold;
    line-height: 150%;
}
.honorwrapper .content{
	width: 1000px;
	margin: auto;
}
.honorwrapper .contenttext{
    position: relative;
    bottom:30px;
}
.honorwrapper .contenttext p{
    font-size: 16px;
    text-align: center;
    color: #3a5a81;
    font-weight: 500;
    line-height: 200%;
}
.honorwrapper .contentimg{
    display: inline-block;
    padding: 0px;
}
.honorwrapper .contentimg img{
    margin: 0px;
    padding: 0px;
    position: relative;
    left: 70px;
}
.honorwrapper .contentimg img.img_3{
    position: relative;
    left: 850px;
    bottom:40px;
}
.honorwrapper .contentimg img.img_4{
    position: relative;
    left: 850px;
    bottom:40px;
}

.honorwrapper .honorimage{
    margin-top: 0px;
    text-align: center;
}
.honorwrapper .honorimage .tit{
    font-weight:bold;
	margin-top:5px;
}
.honorwrapper .honorimage span{
  display: inline-block;
    padding-left: 50px;
    position: relative;
    left: -30px;
    /*transform: scale(0.8,0.8);*/
}
.honorimage span img{
    display: inline-block;
    /*transform: scale(0.5,0.5);*/
}
/*荣誉栏结束*/


/*渠道栏开始*/
.channel{
    width:100%;
    min-width: 1200px;
    height: 800px;
    background-color: #f5f5f5;
}
.channellayout{
    max-width: 1060px;
    margin: 0px auto;
    padding: 0px 10px;
}
.channeltextshow{
    text-align: center;
    max-width: 635px;
    margin: 0px auto;
}
.channeltextshow h3{
    color: #333;
    font-size: 40px;
    padding-top: 60px;
    font-weight:900;
    margin: 0px;
}
.channeltextshow p{
    padding: 8px 0px 5px;
    color: #727272;
    line-height: 150%;
    margin-left: 20px;
    font-size:14px;
}

.channelmap{
	margin: auto;
	text-align: center;
	width: 1000px;
	position: relative;
}
.channelmap .mapline{
	
}
.channelmap .daqu-01{	
	background: #f1f1f1;
	width: 170px;
	height: 98px;
	right: 146px;
	top: 408px;
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.channelmap .daqu-01 .quyu{font-size: 16px; font-weight:bold;line-height:24px; margin-top:10px;}
.channelmap .daqu-01 .tit{font-size: 14px;line-height:24px;}
.channelmap .daqu-01 .contents{font-size: 14px; line-height:24px;}

.channelmap .daqu-02{	
	background: #f1f1f1;
	width: 170px;
	height: 98px;
	right: 84px;
	top: 172px;
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.channelmap .daqu-02 .quyu{font-size: 16px; font-weight:bold;line-height:24px; margin-top:10px;}
.channelmap .daqu-02 .tit{font-size: 14px;line-height:24px;}
.channelmap .daqu-02 .contents{font-size: 14px; line-height:24px;}

.channelmap .daqu-03{	
	background: #f1f1f1;
	width: 170px;
	height: 98px;
	left: 168px;
	top: 351px;
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.channelmap .daqu-03 .quyu{font-size: 16px; font-weight:bold;line-height:24px; margin-top:10px;}
.channelmap .daqu-03 .tit{font-size: 14px;line-height:24px;}
.channelmap .daqu-03 .contents{font-size: 14px; line-height:24px;}

.channelbar{
	margin-top: 10px;
}
.channelbar img{
    width: 210px;
    margin: 0px;
}

.channellist{
	margin-top: 10px;
}
.channellist ul{
    width: 750px;
    margin-left: -60px;
}
.channellist ul li{
    display: inline-block ;
}
.channellist ul li p{
    font-size: 25px;
    color: black;
}
.channellist ul li p i{
    display: inline-block;
    font-size: 45px;
    vertical-align: bottom;
    font-style: normal;
    color: #fc420e;
}
.channelmap img{
    
}
.channelfoot button{
    position: relative;
    left: 450px;
    top: 30px;
    border-color: #bcbcbc;
    border-width: 1px;
}
.channelfoot button:hover{
    border-color: #bcbcbc;
}
.channelfoot button:focus{
    border-color: #bcbcbc;
}
.channelfoot button:active{
    border-color: #bcbcbc;
    opacity: 0.6!important;
}
.channelfoot button p{
    color:  #a4b0be;
}
.channelfoot button a{
    text-decoration: none;
}
/*渠道栏结束*/

/*关注启博内外开始*/
.focus{
    width:100%;
	height: 630px;
    background-color: #ffffff;
}
.focuslayout{
    width: 1200px;
    margin: 0px auto;
}
.focustextshow{
    text-align: center;
    /*max-width: 800px;*/
    margin: 0px auto;
    position: relative;
    left: 0px;
}
.focustextshow h3{
    color: #333;
    font-size: 40px;
    padding-top: 60px;
    font-weight:600;
    margin: 0px;
}
.focustextshow p{
    padding: 0px 0px 5px;
    color: black;
    line-height: 150%;
    margin-top: 5px;
    font-size:14px;
}
.focusbutton ul{
    margin-top: 40px;
}
.focusbutton ul li{
    display: inline-block ;
    margin-left:15px;
}

.focusbutton ul li a.btna{
    width: 100px;
    height: 34px;
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}
.focusbutton ul li a.btna:hover{
    background-color:#99a2a8 ;
}
.focusbutton ul li a.btna p{
    width: 100%;
	height: 100%;
	margin-top: 0px;
	color: #666;
	font-weight: bold;
}
.focusbutton ul li a.btna p:hover{
    color: white;
}

.focuscontent .focuscontent_1{
    text-align: center;
    margin-top: 30px;
    /*margin-left: -90px;*/
    /*margin-right: 90px;*/
}
/*.focusfl{*/
    /*float: left;*/
    /*max-width: 500px;*/
    /*border-style: dotted;*/
    /*border-color: #e7e7e7;*/
    /*border-width: 2px;*/
    /*border-top: transparent;*/
    /*border-left: transparent;*/
    /*border-bottom: transparent;*/
/*}*/
.focusfl ul{
    margin-left: 15px;
    padding-right: 45px;

}
.focusfl ul li{
    display: inline-block;
    /*margin-left: 22px;*/
    margin-left: 50px;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.focusfl ul li .focustxt{
    position: absolute;
    background-color:rgba(0,0,0,0.3);
    width: 320px;
    height: 0px;
    text-align: center;
    bottom: 0px;
    font-size: 14px;
    margin-top: 10px;
    line-height: 30px;
    font-weight: 600;
	color: #f1f1f1;
}


.focusfr{
	width: 1150px;
	margin-left: 90px;
}
.focusfr ul{
}

.focusfr ul li{
	float: left;
	width: 375px;
	border-bottom: 1px solid #eeeeee;
    margin-top: 5px;
}

.focusfr p{
	text-align: left;
	margin-top: 0px;
	word-spacing: -1px;
	width: 302px;
	height: 22px;
	overflow: hidden;
}
.focusfr a{
    color: #303030;
}
.item_1,.item_2,.item_3,.item_4,.item_5,.item_6{
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
    margin-left: 50px;
    margin-top: 5px;
    width: 320px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    left: -10px;
}
.focusfr .item_7 a.btna{
    width: 150px;
    height: 34px;
    border-color: #f5f5f5;
    background-color: #f5f5f5;
    margin-top: 30px;
    margin-left: -108px;
}
.focusfr .item_7 a.btna:hover{
    background-color:#99a2a8 ;
}

.focusfr .item_7 a.btna p{
    width: 100%;
    height:100%;
    margin-top: 0px;
    color: #99a1a7;
    text-align: center;
}
.focusfr .item_7 a.btna p:hover{
    color: white;
}
/*关注启博内外结束*/

/*品牌案例开始*/
.brand{
    width:100%;
    min-width: 1200px;
    height: 600px;
    background-color: #F3F4F8;
	
	background: url('../images/bghd/1359529405924.jpg') top center no-repeat;
	overflow: hidden;
}
.brandlayout{
    width: 1200px;
    margin: 0px auto;
    /*padding: 0px 10px;*/
}
.brandtextshow{
    text-align: center;
    min-width: 635px;
    margin: 0px auto;
    padding-top: 50px;
    /*margin-left: -60px;*/
}

.brandtextshow ul{
    text-align: center;
    /*margin-left: 60px;*/
}
.brandtextshow ul li{
    display: inline-block ;
    text-align: center;
    margin-left: 20px;
	cursor: pointer;
}
.brandtextshow ul li i{
    height: 3px;
    background-color: #F3F4F8;
    display: block ;
}
.brandtextshow ul li.current i{
    height: 4px;
    background-color:  #F67C00;
}

.brandtextshow ul li h3{
    font-size: 25px;
	margin-bottom: 5px;
	font-weight: normal;
}

.logocontent{
    margin: 0px auto;
    margin-top: 50px;
    /*min-width: 1250px;*/
    width: 100%;
    /*margin-left: -20px;*/
}
.brandlogo{
   width: 1100px;
    margin: 10px auto;
	text-align: center;
}

.brandlogo .brandcase_ul{

}
.brandlogo .brandcase_ul li{
	float:left;
	width:201px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.brandlogo .brandcase_ul li img{
	width:201px;
	height:110px;
	border: 1px solid #f1f1f1;
}
.brandlogo table{
    width: 1000px;
    margin: 0px auto;
    box-sizing: border-box;
}

.brandlogo table td{
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 5px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.brandlogo table td img{
    display: block;
    width: 100%;
}
.brandlogo .box{
    position: absolute;
    width: 300px;
    top:0px;
    left: 15px;
    overflow: hidden;
    transition: all 0.4s;

}
.brandlogo .box .top{
   font-size: 20px;
    padding-top: 56%;
   width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
}
.brandlogo .box .top p{
    position: relative;
    top:-10px;
}
.brandlogo .box .bottom{
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    padding-top: 50px;
    padding-bottom: 50px;
}
.brandlogo .box img{
    display: block;
    margin: 0px auto;
    width: 132px;
    height: 132px;
}
.brandlogo .box:hover{
    transform: translate3d(0px, -215px, 0px);
}
.brandlogo .person_ul{
    width: 1100px;
    margin: 0px auto;
    font-size: 0;
}
.brandlogo .person_ul li{
    display: inline-block;
    width: 33.333%;

}
.brandlogo .person_ul li .textcont{
    width: 50%;
    height:210px;
    box-sizing: border-box;
    padding: 25px;
    background-color: #f9f9f9;
    text-align: left;

}
.brandlogo .person_ul li .textcont p{
    width: 100%;
    font-size:12px;
    color: #959494;
    line-height: 20px;

}
.brandlogo .person_ul li .textcont h4{
    font-size: 16px;
    line-height: 20px;
    color: rgb(45,45,45);
    margin-top: 5px;
}
.brandlogo .person_ul li .textcont em{
    display: block;
    border: 1px solid#85b6e7;
    width:10px ;
    margin-top: 10px;
    margin-bottom: 5px;
}
.brandlogo .person_ul li .person_img{
    width: 50%;
height: 210px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.brandlogo .person_ul li .person_img img{
    display: block;
    width: 100%;
    height: 210px;
}
.brandlogo .person_ul li .person_img .personbox{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    transition: all 0.4s;

}
.brandlogo .person_ul li .person_img .personbox:hover{
    transform: translate3d(0px,-50px,0px);
}
.brandlogo .person_ul li .person_img .personbox .boxinset{
    font-size: 18px;
    padding-top: 250px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.brandlogo .person_ul li .person_img .personbox p{
position: relative;
    top:-25px;
    width: 90%;
   text-align: center;
    margin: 0px auto;
}



.logo_1,.logo_2,.logo_3{
    margin-left: 120px;
    margin-bottom: 10px;
}


.logo_1 span{
    margin-left: 10px;
}
.logo_2 span{
    margin-left: 10px;
}
.logo_3 span{
    margin-left: 10px;
}
/*品牌案例结束*/


/**/

.warrant{
	width: 100%;
    height: 215px;
    overflow: hidden;
    margin: auto;
	background-color: #fcfcfc;
}
.warrant .warrant-lst{
	height: auto;
	overflow: hidden;
	padding: 50px 0 32px;
	margin-top:20px;
	width: 1200px;
	margin:auto;
	border-bottom:#EAE7E7 1px solid;
}

.warrant .warrant-lst ul li{
	width: 25%;
	height: 120px;
	float: left;
}

.warrant .warrant-lst ul li .img{
	width:100%;
	height: 60px;
	text-align: center;
}
.warrant .warrant-lst ul li span{
	width:60px;
	height: 60px;
	background-position: -3px -68px;
	background-repeat: no-repeat;
	display: inherit;
	margin:0 auto;
}
.warrant .warrant-lst ul li .img .img1{
	background-image: url(../images/aboutimg01.png);
}
.warrant .warrant-lst ul li .img .img2{
	background-image: url(../images/aboutimg02.png);
}
.warrant .warrant-lst ul li .img .img3{
	background-image: url(../images/aboutimg03.png);
}
.warrant .warrant-lst ul li .img .img4{
	background-image: url(../images/aboutimg04.png);
}

.warrant .warrant-lst ul li p{ 
	text-align: center;
	color: #909090;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 2px;
}
.warrant .warrant-lst ul li p b{ 
	color: #999;
	font-size: 30px;
	font-weight: bold;
	font-family: Impact;
}

.warrant .warrant-item{
	width: 320px;
	height: 66px;
	overflow: hidden;
	padding-right: 12px;
}
.warrant .warrant-img{
	width: 53px;
	height: 66px;
	border: 1px solid #fff;
}
.warrant .warrant-img:hover{
	border: 1px solid #FA914D;
}
.warrant .warrant-text{
	width: 250px;
	height: 66px;
	font-size: 14px;
	padding-top: 10px;
}
.warrant .warrant-text a:hover{
	color: #49B3EF;
}
.warrant .warrant-img img{
	display: block;
	width: 53px;
	height: 66px;
	border:0;
}


/*背景开始*/
.prointro_bg{
    width: 100%;
    min-width: 1200px;
    height: 580px;
    background-image:url("../images/background.png");
    background-repeat: no-repeat;
}

.bglayout{
    width: 1200px;
    height: 400px;
    margin: auto;
	padding-top: 80px;
}
.bglayout a{
    width: 50%;
    height: 100%;
    float: left;
}

.bglayout a.left_a{
	position: relative;
	display: inline-block;
	width:598px;
    height: 413px;
	background-image:url("../images/pro18.png");
}

.bglayout a.left_a .introcon{
	position: absolute;
	width: 500px;
	top: 150px;
	left: 125px;
}
.bglayout a.left_a .introcon .tit{
	
	font-size:36px;
	font-weight:bold;
	color:#333;
}
.bglayout a.left_a .introcon .tit span{
	background:#FF8710;
	font-size:22px;
	font-weight:normal;
	border:#F19233 solid 1px;
	border-radius: 5px;
	padding:4px 10px;
	color:#fff;
}
.bglayout a.left_a .introcon .tit span:hover{
	background:#F19233;
}
.bglayout a.left_a .introcon .content{
	
	font-size:20px;
	color:#333;
	line-height: 40px;
}

.bglayout a.right_a{
    position: relative;
    left: -2px;
	display: inline-block;
	width:598px;
    height: 413px;
	background-image:url("../images/pro19.png");
}

.bglayout a.right_a .introcon{
	position: absolute;
	width: 400px;
	top: 150px;
	left: 120px;
}
.bglayout a.right_a .introcon .tit{
	
	font-size:36px;
	font-weight:bold;
	color:#333;
}
.bglayout a.right_a .introcon .tit span{
	background:#1E88E5;
	font-size:22px;
	font-weight:normal;
	border:#1E88E5 solid 1px;
	border-radius: 5px;
	padding:4px 10px;
	color:#fff;
}
.bglayout a.right_a .introcon .tit span:hover{
	background:#1792FE;
}
.bglayout a.right_a .introcon .content{
	
	font-size:20px;
	color:#333;
	line-height: 40px;
}


/*背景结束*/
/*分销产品开始*/
.fx{
    width: 100%;
    min-width: 1200px;
    background-color: #fbfaf8;
}
.fxlayout{
    width: 1200px;
    margin: 0px auto;
}
.fxintro{
    margin-top: 50px;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 10px;
}
.fxintro img{
    margin-left: 90px;
}
.fxlayout ul{
    margin-left: 40px;
}
.fxlayout ul.ul_1{
    padding-bottom: 60px;
    margin-bottom: 0px;
}
.fxlayout ul li{
    margin: 10px 25px;
    display: inline-block;
    width: 320px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.fxlayout ul li .content{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: white;
}
.fxlayout ul li .content p.fx-title{
    padding: 30px;
    padding-bottom: 20px;
    padding-top: 35px;
    font-size: 15px;
    text-align: center;
    color: #000;
}
.fxlayout ul li .content p.fx-desc{
    width: 240px;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 50px;
    font-size: 12px;
    color: #000;
    text-align: left;
    line-height: 20px;
    border-bottom: 1px solid #eeeeee;
}
.fxlayout ul li .content p.fx-user{
    padding-left: 30px;
    width: 60px;
    background-color: #FFFFFF;
    font-size: 14px;
    z-index: 99;
    position: relative;
    top: -10px;;
}
.fxlayout ul li .content p.fx-brand{
    padding-left: 30px;
    font-size: 12px;
    padding-bottom: 35px;
}
.fxlayout ul li .content p.fx-brand i{
    font-size: 12px;
    color: #00a2df;
    font-style: normal;
}

.fxlayout ul li .content .img img{
    display: block;
    margin: 0px auto;
    border-radius: 10px;
}
.fxlayout ul li .content .text{
    width: 100%;
    height: 45px;
    background-color: #12adff;
    border-radius: 0px 0px 5px 5px;

}
.fxlayout ul li .content .text a{
    display: block;
    width: 100%;
    color: white;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    padding-top:12px;

}

.fxlayout ul li .content .text:hover{
	background-color: #039FF1;
}
/*分销产品结束*/

/*客户业绩开始*/
.cst{
    width: 100%;
    min-width: 1200px;
    margin-top: 0px;
    background-color: #f0f1f5;
}
.cstlayout{
    width: 1200px;
    margin: 0px auto;
    /*background-color: #CCCCCC;*/
}
.cstlayout .text{
    font-size: 38px;
    color: #395a80;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
}
.cstlayout .text p{font-weight:bold;}
.cstlayout .text p.con{font-size:18px; font-weight:normal; color:#666; line-height: 38px;}
.img{
    /*margin-top: 30px;*/
}
.img a img{
    display: block;
    margin: 0px auto;
}
.btnclass{
    text-align: center;
    margin-top: 20px;
    padding-bottom: 50px;
}
.btnclass a{
    text-decoration: none;
}

.btnclass button{
    border-color: #a4b0be;
    border-width: 1px;
}
.btnclass button:hover{
    background-color:#f0f1f5 !important;
    border-color:#a4b0be ;
}
.btnclass button:active{
    opacity: 0.7 !important;
    background-color:#f0f1f5 !important;
    border-color:#a4b0be;
}
/*客户业绩结束*/

/*开始*/
.net_crm{
    width:100%
}
.net_crmcontainer{
    width: 1200px;
    margin: 50px auto;
}
.net_crmcontainer .head h2{
    font-size: 38px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    color: #395a80;
    font-weight: bold;
    line-height: 150%;
}
.net_crmcontainer .contenttext{
    position: relative;
    bottom:30px;
}
.net_crmcontainer .contenttext p{
    font-size: 16px;
    text-align: center;
    color: #3a5a81;
    font-weight: 500;
    line-height: 200%;
}
.net_crmcontainer .contentimg{
    display: inline-block;
    padding: 0px;
}
.net_crmcontainer .contentimg img{
    margin: 0px;
    padding: 0px;
    position: relative;
    left: 120px;
}
 .net_crmcontainer .contentimg img.img_3{
    position: relative;
    left: 1020px;
    bottom:50px;
}
.net_crmcontainer .contentimg img.img_4{
    position: relative;
    left: 1020px;
    bottom:50px;
}
.load ul{
    text-align: center;
    margin-left: -80px;
    padding-bottom: 30px;
}
.load ul li{
    display: inline-block;
    margin-left: 150px;
    position: relative;
    left: -50px;
}
.load ul li img,.loadtxt{
    display: inline-block;
    vertical-align: top;
}
.load ul li .loadtxt{
    text-align: left;
    margin-left: 15px;
}
.load ul li .loadtxt h3{
    font-size: 24px;
    font-weight: 600;
}
.load ul li .loadtxt p{
    margin-left: 0px;
    font-size: 16px;
    color: #6b7686;
}
.load ul li .loadtxt p a{
    font-size: 16px;
    color: #E60012;
    text-decoration: none;
    line-height: 28px;
}
.load ul p a:focus{
    color: #E60012;
}
.load ul p a:hover{
    color: #E60012;
}
/*结束*/

/*即刻开始*/
.st{
    width: 100%;
    min-width: 1200px;
    background-color: #e1e5e8;
}
.stlayout{
    width: 1200px;
    margin: 0px auto;
}
.sttext{
    text-align: center;
}
.sttext p{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    color: #395a80;
}

.sttext a{
    text-decoration: none;
    border-color: white !important;
    background-color: #55acef;
}
.sttext a.btna:hover{
    background-color: #3d92ef;
}
.sttext a p{
    font-size: 16px;
    margin-top: 7px;
    color: #FFFFFF !important;
}
.sttext a.btna p{
    padding-top: 0px;
    line-height: 17px;
}
/*版块结束*/


/*开始*/
.com-bg{
    width: 100%;
    height: 500px;    
	background-color: #333;
}
.com-bg .combg_layout{
	height: 500px;
    margin: 0px auto;
    background: url("../images/bghd/abouts03.jpg") no-repeat;
}
.com-bg .combg_layout .bg_container{
    float: right;
    margin-top: 100px;
    margin-right: 250px;
}
.com-bg .combg_layout .bg_container h3{
    font-size: 30px;
    color: white;
    font-weight: 100;
}
.com-bg .combg_layout .bg_container p{
    font-size: 18px;
    line-height: 32px;
    color: white;
}
.com-bg .combg_layout .bg_container a.btna{
    border-color: white;
}
.com-bg .combg_layout .bg_container a.btna.btna1{
    background-color: white;
}
.com-bg .combg_layout .bg_container a.btna.btna1:hover{
    background-color: #f0f0f0;
}
.com-bg .combg_layout .bg_container a.btna.btna1 p{
    color: #395a80;
}
.com-bg .combg_layout .bg_container a.btna.btna2 p{
    color: white;
}
.com-bg .combg_layout .bg_container a.btna.btna2{
    background-color: #55acef;
    margin-left: 10px;
}
.com-bg .combg_layout .bg_container a.btna.btna2:hover{
    background-color:#3d92ef;
}
.com-bg .combg_layout .bg_container a.btna p{
    padding-top: 0px;
}

.com-bg .combg_layout .bg_container button.button_2 p{
    font-size: 14px;
}
/*结束*/


/*标签*/
#content_ul
{
	width: 604px;
	height: 42px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-right: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	margin: auto;
	z-index: 22;
}

#content_ul li{
    border-right: 1px solid #ddd;
	color: #666;
	float: left;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	width: 150px;
}
#content_ul li.current
{
	background-color: #f1f1f1;
}
#content_ul li a{
    color: initial;
}
#content_ul li h3{
    font-weight: 100;
}
#content_ul li i{
    height: 3px;
    display: block ;
    margin-top: 2px;
}


.wfx-w{
	width: 1200px;
    margin: 0 auto;
}
.wfx_menuz ul {
    text-align: center;
    margin-top: 60px;
	margin-bottom: 10px;
}

.wfx_menuz  li {
    display: inline-block;
    width: 160px;
    text-align: center;
}

.wfx_menuz  li:hover{
	color:#004EA2;
	font-weight:bold;
}
.wfx_menuz  li p{
	margin-top:10px;
	font-size:14px;
	width: 52px;
    margin: auto;
}
.wfx_menuz  li p.yy{
	font-size:10px;
	margin-top:0px;
}

.wfx_menuz  li p.cur{ border-bottom: 4px #004EA2 solid;}


/*购买咨询内容开始*/
.sevcontent{
	width: 100%;
	margin: auto;
}
.contentlayout{
    width: 1000px;
    margin: 0px auto;
}
.sevcontent .text1{
    text-align: center;
    min-width: 635px;
    margin: 0px auto;
    padding-top: 50px;
    /*margin-left: -60px;*/
}

.sevcontent .text1 .text_1{
    margin-top: 40px;
    margin-left: 25px;
}
.sevcontent .text1 .text_1 p{
    font-size: 14px;
    line-height: 30px;
    color: #6b7686;
}
.arrow{
    margin-top: 40px;
    margin-bottom: 30px;
    /*margin-left: 25px;*/
}
/*购买咨询内容结束*/
/*培训开始*/
.px{
    width: 100%;
    min-width: 1200px;
    background-color: #f0f1f5;
}
.pxlayout{
    width: 1200px;
    margin: 0px auto;
    /*background-color: #CCCCCC;*/
}
.pxlogo,.pxtext{
    text-align: center;
    min-width: 635px;
    margin: 0px auto;
    padding-top: 50px;
    margin-left: -30px;
}
.pxtext h3{
    color: #395a80;
    margin-top:-20px;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
	font-weight:bold;
}
.pxtext p{
    font-size: 14px;
    line-height: 30px;
    color: #6b7686;
}
.pxlayout ul{
    text-align: center;
    min-width: 635px;
    margin: 0px auto;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-left: -130px;

}
.pxlayout ul li{
    display: inline-block;
    width: 150px;
    padding-left: 100px;
    vertical-align: top;
}
.pxlayout ul li p.p1{
    color: #5fb1ee;
    font-size: 15px;
    margin-top: 10px;
}
.pxlayout ul li p{
    font-size: 14px;
    color: #6b7686;
    line-height: 24px;
}
.pxicon{
    width: 60px;
    float: right;
    margin-top: -400px;
    margin-right: 20px;
}
.pxicon img{
    display: block;
    float: right;
    margin-top: 10px;
}

.pxtext table {
    text-align: center;
    margin-bottom: 30px;
    border-spacing: 0 30px;
    border-collapse: separate;
	margin:auto;
	width: 78%;
}

.pxtext .table .theme{
	 font-size: 22px;
}

.pxtext .table td div.feature {
    border-top: 1px solid #e3e3e3;
    margin-right: 30%;
    padding: 18px 8px;
    text-align: left;
    font-size: 18px;
    color: #000;
}
.pxtext .table td div.feature01 {
    border-top: 1px solid #e3e3e3;
    padding: 18px 8px;
    font-size: 14px;
    vertical-align: middle;
}

/*培训结束*/
/*客服开始*/
.kf{
    width: 100%;
}
.kflayout{
    width: 1200px;
    margin: 0px auto;
}
.kflogo,.kftext,.kfarrow{
    text-align: center;
    min-width: 635px;
    margin: 0px auto;
    padding-top: 30px;
    margin-left: -30px;
}
.kftext h3{
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #395a80;
    margin-top:-20px;
	font-weight:bold;
}
.kftext p{
    font-size: 14px;
    color: #6b7686;
    line-height: 30px;
}

.kftext p.pfoot{
    text-align: left;
    margin-top: 20px;
    margin-left: 150px;
    line-height: 30px;
}

.kftext table {
    text-align: center;
    margin-bottom: 30px;
    border-spacing: 0 30px;
    border-collapse: separate;
	margin:auto;
	width: 78%;
}

.kftext .table .theme{
	 font-size: 22px;
}

.kftext .table td div.feature {
    border-top: 1px solid #e3e3e3;
    margin-right: 30%;
    padding: 18px 8px;
    text-align: left;
    font-size: 18px;
    color: #000;
}
.kftext .table td div.feature01 {
    border-top: 1px solid #e3e3e3;
    padding: 18px 8px;
    font-size: 14px;
    vertical-align: middle;
}	
/*客服结束*/
/*技术支持开始*/
.support{
    width: 100%;
    min-width: 1200px;
    background-color: #f0f1f5;
    margin-top: 20px;
}
.srtlayout{
    width: 1200px;
    margin: 0px auto;
    padding-bottom: 50px;
}
.srtlogo,.srttext{
    text-align: center;
    min-width: 635px;
    margin: 0px auto;
    padding-top: 50px;
    margin-left: -30px;
}
.srttext h3{
    font-size: 40px;
    font-weight: 400;
    color: #395a80;
    margin-top:-20px;
    margin-bottom: 20px;
	font-weight:bold;
}
.srttext p{
    font-size: 14px;
    line-height: 30px;
    color: #6b7686;
}
.srttext img{
    display: block;
    margin: 0px auto;
    width: 931px;
    height: 347px;
}

/*技术支持结束*/


.wrapper,.wrapper_1{
    width: 100%;
    min-width: 1200px;
    margin-top: 50px;
}
.so_layout,.so_layout_1,.so_layout_2,.so_layout_3,.so_layout_4{
    width: 1000px;
    margin: 0px auto;
}
.fl.text,.fl.text_1,.fl.text_2,.fl.text_4{
    width: 400px;
    height: 300px;
}
.fr.text_3{
    width: 400px;
    height: 300px;
}
.fl.text h3,.fl.text_1 h3{
    font-size: 22px;
    font-weight: 100;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #395a80;
}
.fl.text p,.fl.text_1 p{
    font-size: 14px;
    line-height: 200%;
    color: #6b7686;
}
.fr.image,.fr.image_1,.fr.image_2{
    width: 400px;
    height: 300px;
}
.wrappericon{
    width: 60px;
    float: right;
    margin-top: -200px;
    margin-right: 20px;
}
.wrappericon img{
    display: block;
    float: right;
    margin-top: 10px;
}

.hr-1{
    width: 1000px;
    margin: 60px auto !important;
    border:1px solid #afb6c8 !important;
}
.hr-2{
    width: 1000px;
    margin: 100px auto !important;
    border:1px solid #afb6c8 !important;
}

.wrapper_2,.wrapper_4{
    width: 100%;
    margin-top: 150px;
}
.wrapper_3{
    width: 100%;
    margin-top: 200px;
}
.fl.text_2 h3,.fl.text_4 h3{
    font-size: 22px;
    font-weight: 100;
    color: #395a80;
    margin-top: -30px;
}
.fr.text_3 h3{
    color: #395a80;
    margin-top: 20px;
}
.so-content{
    margin-top: 120px;
}
.so-content i{
    font-size: 50px;
    color:#395b81;
    vertical-align: baseline;
}
.so-content span{
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    background-color: #395b81;
    vertical-align: baseline;
}
.so_layout_2 .btna,.so_layout_3 .btna,.so_layout_4 .btna{
    margin-top: 20px;
}
.fl.text_2 img,.fl.text_4 img{
    margin-top: 120px;
}
.fr.text_3 img{
    margin-top: 120px;
}
.fl.text_2 p,.fl.text_4 p{
    font-size: 14px;
    color: #6b7686;
    line-height: 200%;
    color: #6b7686;
    margin-top: 20px;
}
.fr.text_3 p{
    font-size: 14px;
    line-height: 200%;
    color: #6b7686;
    margin-top: 20px;
}
.fl.text_2 a.btna p,.fl.text_4 a.btna p{
    margin-top: 0px;
    padding-top: 3px;
}
.fr.text_3 a.btna p{
    margin-top: 0px;
    padding-top: 3px;
}
.fr.image_2 img,.fr.image_4 img{
    margin-top: 50px;
}
.fl.image_3 img{
    margin-top: 50px;
}


/*行业成功客户开始*/
.customer{
    width: 100%;
    min-width: 1200px;
    margin-top: 100px;
    background-color: #f0f1f5;
}
.customer_layout{
    width: 1000px;
    margin: 0px auto;
}
.customer_layout h3{
    text-align: left;
    padding-top: 50px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #395a80;
    font-size: 30px;
    line-height: 40px;
    font-weight: 100;
}
.customer_layout .fl.video{
    width: 400px;
    height: 300px;
    margin-top: 20px;
}
.customer_layout .fr.content{
    width: 400px;
    height: 300px;
    margin-top: 30px;
    margin-right: 150px;
}
.customer_layout .fr.content h3{
    padding-top: 0px;
    text-align: left;
    color: #395a80;
    font-size: 18px;
    line-height: 40px;
}
.customer_layout .fr.content p{
    font-size: 14px;
    margin-top: 20px;
    line-height: 200%;
    color: #6b7686;
}
.customer_layout .fr.content a.btna p{
    margin-top: 0px;
    padding-top: 3px;
}

.customer_img{
   
    padding-bottom: 50px;
}
.customer_img span{
    margin-left: 15px;
    cursor: pointer;

}
/*行业成功客户结束*/

/*文字栏*/
.case-wfx{
	width: 100%;
	padding-bottom: 80px;
	background-color: #fcfcfc;
	padding-top: 1px;
}

.txtwrapper{
    width: 100%;
	margin-top: 80px;
	margin-bottom: 50px;
}
.txtlayout{
    min-width: 1200px;
    margin: 0px auto;
    text-align: center;
}
.txtlayout p.title{
    text-align: center;
    font-size: 33px;
	color: #333;
}
.txtlayout p.title i{
    color: #CCCCCC;
}
.txtlayout p{
    text-align: center;
    font-size: 15px;
    font-weight: bolder;
	line-height: 40px;
	color: #666;
}
/*文字栏*/
/*客户推介*/
.custom{
    width: 100%;
    margin-top: 50px;
}
.csmlayout{
    width: 1200px;
    margin: 0px auto;
}
.csmlayout .fl.video{
    width: 400px;
    height: 245px;
    margin-top: 0px;
    margin-left: 130px;
}

.csmlayout .fl.video img{
	width: 345px;
    height: 216px;
}
.csmlayout .fr.content{
	width: 450px;
	height: 245px;
	margin-top: -20px;
	margin-right: 220px;
}
.csmlayout .fr.content p.title{
    padding-top: 0px;
    text-align: left;
    color: #395a80;
    font-size: 22px;
    line-height: 32px;
}
.csmlayout .fr.content p{
    font-size: 14px;
    margin-top: 20px;
    line-height: 200%;
    color: #6b7686;
}
/*客户推介*/
/*品牌标签切换*/
.lg{
    width: 100%;
    min-width: 1200px;
}
.lglayout{
    width: 1200px;
    margin: 0px auto;
}
.lglayout ul{
    margin-left: 130px;
}

ol.dots{
    margin-left: 520px;
}
ol.dots li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid #6b7686;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    background-color: #6b7686;
    /*-webkit-transition: background .5s, opacity .5s;*/
    /*-moz-transition: background .5s, opacity .5s;*/
    /*transition: background .5s, opacity .5s;*/
}
ol.dots li.dot.act{
    background-color: #FFFFFF;
}
.lgicon{
    width: 60px;
    float: right;
    margin-top: -200px;
    margin-right: 20px;
}
.lgicon img{
    display: block;
    float: right;
    margin-top: 10px;
}
/*品牌标签切换结束*/

/*微分销案例开始*/
.wfxwrapper{
    width: 1200px;
    margin: auto;
}
.wfxlayout{
    min-width: 1200px;
    margin: 0px auto;
}
.wfxtext{
    margin: 0px auto;
	height: 60px;
	margin-bottom: 5px;
	margin-left: 90px;
}
.wfxtext p{
    font-size: 14px;
    font-weight: 900;
}
.wfxtext p{
    display: inline-block;
    margin-left: 10px;
	width: 60px;
	float: left;
}
.wfxtext ul.ul_1{
    display: inline-block;
    margin-left: 10px;
	width: 1000px;
	float: left;
}
.wfxtext ul.ul_2{
    margin-left: 62px;
    padding-top: 10px;
}
.wfxtext ul li{
    display: inline-block;
    width: 100px;
	padding:5px;
    margin-left: 5px;
    font-size: 14px;
    text-align: left;
}
.wfxtext ul li a{
    padding-left: 10px;
    display: inline-block;
    width: 100%;
    color: #6b7686;
    text-decoration: none;
}
.wfxtext ul li:hover{
    background-color: #0D72BA;
	color:#fff;
}

.wfxtext ul li.cur{
    background-color: #0D72BA;
	color:#fff;
}

.wfxtext ul li.cur a{
	color:#fff;
}

.wfxtext ul li a:hover{
    color: #FFFFFF;
}
.wfximg{
    width: 100%;
    margin: 0px auto;
}
.wfximg ul{
	text-align: left;
    margin-left: 18px;
    padding-top: 15px;
    width: 1225px;
    margin: auto;
}
.wfximg ul li{
    
	display: inline;
    zoom: 1;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    display: inline-block;
    position: relative;
    float: left;
    height: 430px;
    width: 223px;
    margin-left: 15px;
    margin-top: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	
}
.wfximg ul li:hover, .wfximg ul li:hover p{
    cursor: pointer;	
	/*color:#333;*/

}
.wfximg ul li:hover .wfx_wx{}
.wfximg .pimg img{
    width: 222px;
    height: 290px;
    padding: 0px;
	
}
.wfximg ul li img.wfx_wx{
    width: 130px;
    height: 130px;
    position: relative;
    top: -180px;
    left: 36px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	background: #fff;
	border: 1px solid #B8B8B8;
}
.wfximg ul li h4{
    width: 90%;
    margin: 15px auto 0px;
    font-size: 14px;
    text-align: center;
    height: 30px;
}
.wfximg ul li p{
   color: #6b7686;
    width: 90%;
    margin: 0px auto;
    text-align: center;
    height: 35px;
    overflow: hidden;
}

.wfximg p.logo img{
	margin:5px 0;
	height:30px;
}

.casetext {
    padding: 10px;
}

/*微分销案例结束*/
/*B2C案例开始*/
.btcwarpper{
    width: 100%;
    margin-top: 50px;
}
.btclayout{
    min-width: 1200px;
    margin: 0px auto;
    /*background-color:#CCCCCC;*/
}
.btcimg{
    width: 85%;
    margin: 0px auto;
}
.btcimg ul{
    margin-bottom: 20px;
    text-align: center;
}
.btcimg ul li{
    vertical-align: top;
    display: inline-block;
    width: 17%;
    height: 200px;
    margin-left: 15px;
   /* border: 1px solid #CCCCCC;*/
}
.btcimg ul li img{
    width:200px;
	border-radius: 70px;
}
.btcimg ul li p{
    font-size: 14px;
    color: #6b7686;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

/*case display*/
.case_display{
	width:100%; 
	height:443px; 
	margin-top:-40px; 
	background:url(../images/case_flash_new.jpg) center top no-repeat;
}
.case_display .case_cust_view {
    height: 229px;
    left: 116px;
    overflow: hidden;
    position: absolute;
    top: 112px;
    width: 364px;
}

.case_display .case_cust_view img {
    height: 229px;
    width: 364px;
}
.case_display .case_cust_flash_info {
    position: absolute;
    right: 110px;
    top: 108px;
}


.case_display .case_cust_flash_name {
    color: #333;
    font-size: 27px;
    line-height: 40px;
}

.case_display .case_cust_flash_date {
    color: #767676;
    font-size: 12px;
    line-height: 24px;
}

.case_display .case_cust_flash_date a {
    color: #666;
    text-decoration: none;
}
.case_display .case_cust_flash {
    margin: 40px auto 0;
    overflow: hidden;
    position: relative;
    width: 1000px;
}


.case_ret_center {
    width: 1000px;
    margin: auto;
    overflow: hidden;
}

.case_ret_center .stand_block {
    font-size: 22px;
    color: #000;
    line-height: 25px;
    padding: 0 0 5px 32px;
}

.case_ret_center .ret_center_cent {
	background: #FFF;
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.case_ret_center .ret_center_cont{
	font-size:14px; 
	width:900px; 
	line-height:25px;
}

/*content开始*/
.container_shool{
    width: 100%;
    min-width: 1200px;
    background-color: #fff;;
}
.container_shool .containerlayout{
    width: 1200px;
    margin: 0px auto;
    padding-top: 20px;
}
.container_shool .content_1{
    width: 72%;
    margin-left: 0px;
    text-align: left;
}
.container_shool .content_1 .imgcontainer{
    width: 100%;
    overflow: hidden;
}
.container_shool .content_1 .imgcontainer .left_img{
    width: 66%;
    position: relative;
}
.container_shool .content_1 .imgcontainer .left_img p{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    position: absolute;
    bottom: 10px;
    left: 5%;

}
.container_shool .content_1 .imgcontainer .left_img img{
    width: 565px;
    height: 320px;
    display: block;
}

.container_shool .content_1 .imgcontainer .right_img{
    width: 34%;
    box-sizing: border-box;
    padding-left: 10px;

}
.container_shool .content_1 .imgcontainer .right_img .contentbox{
    position: relative;
}
.container_shool .content_1 .imgcontainer .right_img p{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    position: absolute;
    bottom: 10px;
    left: 5%;
}
.container_shool .content_1 .imgcontainer .right_img img{
    height: 155px;
    width: 282px;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.container_shool .content_2{
    width: 25%;
    margin-right: 20px;
}
.container_shool .content_1 ul,.content_2 ul{
    margin: 0px;
}
.container_shool .content_2 ul{
    width: 100%;
}
.container_shool .content_2 ul li{
    width: 100%;
    background-color: #fbfbfb;
    margin-left: 0px;
    margin-top: 10px;
}

.container_shool .content_2 ul li .tuijian{
	 margin-left:20px;
	 margin-bottom:10px;
	 padding-bottom: 15px;
	 padding-top: 20px;
}

.container_shool .content_2 ul li .tuijian img{
	width: 260px;
	height: 135px;
}

.container_shool .content_2 ul li .tuijian .title{
	text-align: center;
	font-weight:bold;
	font-size:12px;
	color:#333;
	padding-top: 12px;
}

.container_shool .content_2 ul li.li_1{
    margin-top: 0px;
}
.container_shool .content_2 ul li a{
    text-decoration: none;
    color: initial;
}

.container_shool .content_2 ul li a p{
    font-weight: 500;
}
.container_shool .content_2 ul li p{
    width: 90%;
    margin: 0px auto;
    height: 40px;
    padding-left: 20px;
    padding-top: 15px;
	padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
}

.container_shool .content_2 ul li a p img{
	width: 35px;
}

.container_shool .content_2 ul li p.tit{
	height: 36px;
	padding-bottom: 0px;
	font-weight:bold;
}
.container_shool .content_2 ul li p i{
    display: inline-block;
    float: right;
    color: #999999;
    font-size: 12px;
    font-weight: initial;
    font-style: normal;
    margin-right: 10px;
    position: relative;
    left: -10px;
	font-weight: bold;
	margin-top: 10px;
}

.container_shool .content_2 ul li p i:hover{
	text-decoration: underline;
}

.container_shool .content_2 dl{
    padding-top: 15px;
    padding-bottom: 15px;
}
.container_shool .content_2 dt{
    text-align: center;
    padding-top: 0px;
	padding-top: 8px;
}
.container_shool .content_2 dt a{
    text-decoration: none;
    margin-top: 5px;
    margin-left: 10px;
}

.container_shool .content_2 dt  a.btna{
	display: inline-block;
	text-decoration: none;	
	color: white;
	width: 72px;
	height: 32px;
	border-radius: 20px;
	border-width: 1px;
	border: 1px solid #a4b0be;
	margin: 0px auto;
	text-align: center;
}
.container_shool .content_2 dt  a.btna p{
	font-size: 12px;
	color:#333;
	width: 90%;
	height: 25px;
	padding-left: 20px;
}
.container_shool .content_2 dt a.btna:hover{
    background-color: rgba(27,154,247,0.9);
}
.container_shool .content_2 dt a p{
    margin-top: -15px;
    margin-left: -15px;
    color: #a4b0be;
    border-bottom: initial;
    font-weight: initial !important;
}

.container_shool .content_2 .remenbiaoqina{
    width:300px;
    /*border:1px solid #000;*/
    margin:10px 25px;
}

.container_shool .content_2 .remenbiaoqina a{
    white-space:nowrap;
    display: inline-block;
    text-decoration: none;
    color:#333;
    height: 32px;
    padding: 0 15px;
    line-height: 32px;
    border-radius: 20px;
    border-width: 1px;
    border: 1px solid #a4b0be;
    margin: 0px auto;
    text-align: center;
    margin-right:5px;
    margin-bottom:12px;
}

.container_shool .content_2 .remenbiaoqina a:hover{
    background-color: rgba(27,154,247,0.9);
}



.container_shool .content_2 dt a p:hover{
    color: white;
}
.container_shool .content_2 dl.dl_2 a .icon{
    display: inline-block;
    padding-right: 2px;
}
.container_shool .content_2 dl.dl_2 a p,.icon{
    display: inline-block;
    padding-right: 5px;
}
.container_shool .content_2 dl.dl_2 a{
    text-decoration: none;
    margin-left: 10px;
}
.container_shool .content_2 dl.dl_2 a p{

	font-size: 14px;
	color: #004e82;
	text-align: left;
	padding-left: 20px;
	position: relative;
	top: 2px;
	left: 0px;
	height: 19px;
	width: 230px;
	overflow: hidden;
}
.container_shool .content_2 dl.dl_2 a p:hover{
    color: #004e82;
    text-decoration: underline!important;
}


.infotxt{
	margin-top: 10px;
}


.container_shool .content_1 .infotxt ul{
    width: 100%;    
    background-color: white;
    text-align: center;
    margin-bottom: 80px;
}
.container_shool .content_1 .infotxt ul li{
    width: 95%;
    margin: 0px auto;
    height: 180px;    
    border-bottom: 1px solid #eeeeee;
    text-align: left;
	position: relative;
}

.container_shool .content_1 .infotxt ul li .tips{
	background-color: #FFA304;
	height: 20px;
	right: 38px;
	top: 145px;
	position: absolute;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 1px 8px;
	line-height: 20px;
	border-radius: 2px;
}
.container_shool .content_1 .infotxt ul li .tips:hover{
	background-color: #E1E1E1;
}
.container_shool .content_1 .infotxt ul li .tips a{
	text-decoration: none;
	color: #fff;
}

.container_shool .content_1 .infotxt ul li .tips a:hover{
	 text-decoration: none;
	 color: #666;
}

.container_shool .content_1 .infotxt ul li img{
    display: inline-block;
	width: 220px;
	height: 150px;
    margin: 15px 0px;
    vertical-align: baseline;
}
.container_shool .content_1 .infotxt ul li .text{
    display: inline-block;
	padding-top: 15px;
	margin-left: 20px;
	vertical-align: top;
	float: right;
	width: 545px;
	margin-right: 30px;
}

.content_1 .infotxt ul li .text{
	color: #666
}
.container_shool .content_1 .infotxt ul li .text a{
	color: #333
}
.container_shool .content_1 .infotxt ul li .text a:hover{
    text-decoration: none;
	color: #666
}

.content_1 .infotxt ul li .text h4{
	height: 30px;
	overflow: hidden;	 
}
.content_1 .infotxt ul li .text h4 a {
    font-size: 24px;
	margin-top: 10px;
	font-weight: normal;
	color: #333
}
.content_1 .infotxt ul li .text h4 a:hover{
	text-decoration: none;
	color:#666;
}

.container_shool .content_1 .infotxt ul li .text p{
    font-size: 14px;
    color: #777777;
}

.container_shool .content_1 .infotxt ul li .text p.desc{
    font-size: 14px;
	color: #666;
	margin-top: 10px;
	height: 60px;
	overflow: hidden;
}
.container_shool .content_1 .infotxt ul li .text p.tag{
	font-size: 12px;
	color: #666;
	margin-top: 20px;
}
.container_shool .content_1 .infotxt ul li .text p i{
    color: #777777;
    font-style: normal;
}

.container_shool .content_1 .gw_menu{margin:30px 0px 20px 20px; height: 40px; border-bottom: 1px solid #e6e6e6;}
.container_shool .content_1 .gw_menu ul{margin-left: -10px;}
.container_shool .content_1 .gw_menu li {
    float: left;
    width: 95px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    margin-left: 10px;
    text-align: center;
}

.container_shool .content_1 .gw_menu li a {
    display: block;  
	color: #333;
	width:100px;
}
.container_shool .content_1 .gw_menu li a:hover, .content_1 .gw_menu li a.cur {
    border-bottom: 4px solid #0062b0;
    text-decoration: none;
}



/***/
.container_shool .InfoTitleNav {
    clear: both;
    width: 820px;
    padding-bottom: 2px;
	border-bottom:2px solid #E9E9E9;
}

.container_shool .InfoTitleNav em {
    color: #0062b0;
    font-style: italic;
    font-size: 24px;
    font-weight: bold;
}

.container_shool .InfoTitleNav em, .InfoTitleNav span, .InfoTitleNav a {
    display: inline-block;
    margin-right: 10px;
	font-size:16px;
	line-height:64px;
	color: #333;
	font-style: normal;
			
}

.container_shool .InfoTitleNav span {
    color: #999;
}


.container_shool .InfoTitleH {
    clear: both;
    float: left;
    width: 820px;
    padding-top: 5px;
}

.container_shool .InfoTitleH h1 {
    margin: 3px 0;
	font-size:30px;
	line-height:45px;
    color: #333;
    text-align: center;
}


.container_shool .FuInfoDesc {
    display: block;
    width: 820px;
    padding: 2px 0 16px 0;
    border-bottom:2px solid #E9E9E9;
	font-size:13px;
	line-height:13px;
    color: #999999;
    text-align: center;
}


.container_shool .FuInfoDesc span {
    display: inline-block;
    margin: 0 15px;
}

.container_shool .infotxtdetail {
    clear: both;
	width: 820px;
	padding-top: 36px;
	margin-bottom: 60px;
	line-height: 32px;
	font-size: 14px;
}

.container_shool .infotxtdetail p, .infotxtdetail h2 {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
	font-size:16px;
	line-height:30px;
    color: #333;
    word-wrap: break-word;
    overflow: hidden;
}

.container_shool .infotxtdetail p.newtext {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
	font-size:16px;
	line-height:30px;
    color: #333;
    text-indent: 2em;
    word-wrap: break-word;
    overflow: hidden;
}

.OtherDiv {
    clear: both;
    float: left;
    width: 700px;
	margin-bottom:50px;
	margin-left:40px;
}

.OtherDiv .OH3 {
    margin-top: 15px;
    font: 700 18px/30px arial,Helvetica,Microsoft Yahei,Hiragino Sans GB,sans-serif;
}
.OtherDiv ol {
    display: block;
    float: left;
    width: 270px;
    padding-top: 4px;
}

.OtherDiv ol li {
    display: block;
    overflow: hidden;
    width: 270px;
    height: 30px;
}

.OtherDiv-ol {
    margin-left: 100px;
}

.page_go a{}
.page_go a:hover{border-bottom:2px #FF4500 solid;}


/*分页按钮*/
.paging{
    margin-top: -70px;
    float: right;
    margin-right: 340px;
}
.paging a{
    text-decoration: none;
    text-align: center;
    color: black;
    font-size: 15px;
}
.paging span{
    display: inline-block;
    width: 35px;
    height: 30px;
    background-color: white;
    border-radius: 5px;
    padding-top: 6px;

}
.paging span.active{
    background-color: #f35b4f;
    color: #FFFFFF;
}
.paging span:hover{
    background-color: #f35b4f;
    color: #FFFFFF;
}
/*分页按钮*/
/*content结束*/
/*渠道加盟开始*/
.qudao{
    width: 100%;
    min-width: 1200px;
    background-color: #f5f5f5;
}
.qudao .text1{
	text-align: center;
	min-width: 635px;
	margin: 0px auto;
	padding-top: 50px;
}
.qdlayout{
    width: 1200px;
    margin: 0px auto;
	position: relative;
}
.qdlayout .shenqingico {
	width: 60px;
	height: 60px;
	left: 45px;
	bottom: 163px;
	position: fixed;
}

.qdlayout .shenqingico .apply{
	width: 60px;
	height: 55px;
	text-align: center;
	background-color: #10289D;
	padding-top: 6px;
}
.qdlayout .shenqingico .apply:hover{
	background-color: #BEBBBB;
}

.qdlayout .shenqingico .apply img{
	width: 30px;
    height: 30px;
}

.qdlayout .shenqingico .search{
	width: 60px;
	height: 55px;
	text-align: center;
	background-color: #10289D;
	margin-top: 3px;
	padding-top: 10px;
}

.qdlayout .shenqingico .search:hover{
	background-color: #BEBBBB;
}
.qdlayout .shenqingico .search img{
	width: 30px;
    height: 30px;
}

.qdlayout .shenqingico .apply a ,.qdlayout .shenqingico .search a{
	color:#fff;
}

.qdtext{
    text-align: center;
    padding-top: 20px;
}
.qdtext h3{
    font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
}
.qdtext p{
    font-size: 14px;
    color: #6c6c6c;
    margin-top: 10px;
}
.qdlayout ul{
    margin-top: 40px;
    margin-left: 0px;
    padding-bottom: 50px;
    margin-bottom: 0px;
}
.qdlayout ul li{
    display: inline-block;
    width: 22%;
    margin-left: 13px;
    background-color: white;
    padding: 10px;
    position: relative;
    left: -13px;
}
.qdlayout ul li p.offical-p{
    width: 58px;
    height: 20px;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #ecad69;
    text-align: center;
    padding-top: 3px;
}
.qdlayout ul li img{
    display: block;
    text-align: center;
    margin: 15px auto;
}
.qdlayout ul li p.suit-p{
    font-size: 14px;
	text-align: center;
	color: #888888;
	margin-top: 30px;
	height: 65px;
}
.qdlayout ul li p.title-p{
    font-size: 20px;
    text-align: center;
    color: #000000;
    margin-top: 5px;
}
.qdlayout ul li p.desc-p{
    font-size: 12px;
    text-align: center;
    color: #666;
    margin-top: 10px;
    line-height: 25px;
    margin-bottom: 15px;
}

.qdlayout ul li .btnclass{
    text-align: center;
    padding-bottom: 10px;
}
.qdlayout ul li .btnclass a.btna{
    background-color: #5470fc;
    border-color: #5470fc;
}
.qdlayout ul li .btnclass a.btna:hover{
    background-color: #2453fc;
    border-color:#2453fc ;
}
.qdlayout ul li .btnclass a.btna p{
    color: white;
}

/*渠道加盟结束*/


/*渠道加盟开始*/
.join{
    width: 100%;
    min-width: 1200px;
    background-color: #f5f5f5;
}
.joinlayout{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.jointext{
    text-align: center;
    padding-top: 20px;
}
.jointext h3{
    font-size: 40px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
text-align: center;
}
.jointext p{
    font-size: 14px;
    color: #6c6c6c;
    margin-bottom: 30px;
}
.joinimg{
    margin-top: -100px;
    height:700px;
    padding-bottom: 50px;
    text-align: center;
    background: url("../images/qudao5.png") no-repeat;
    /*background-size: 100%;*/
}
.joinimg .joinimgtxt{
    text-align: left;
}
.joinimgtxt p.p-1{
        font-size: 30px;
    color: #ecb002;
}
.joinimgtxt p.p-2{
    font-size: 24px;
    font-weight: 600;
    color: #dc4333;
}
.joinimgtxt p.p-3{
    margin-top: 10px;
	font-size: 14px;
    color: #8f8f8f;
}
.joinimgtxt.righttxt_1{
    position: relative;
	top: 260px;
	left: 140px;
}
.joinimgtxt.righttxt_2{
	position: relative;
	top: 335px;
	left: 140px;
}
.joinimgtxt.txt_3{
    position: relative;
    display: inline-block;
    top: -130px;
    left: 5px;
}
.joinimgtxt.txt_3 p.p-1,.joinimgtxt.txt_3 p.p-2{
	display: inline-block;
}
.joinimgtxt.lefttxt_1{
	text-align: right;
	position: relative;
	top: -110px;
	right: 184px;
}
.joinimgtxt.lefttxt_2{
	text-align: right;
	position: relative;
	top: -37px;
	right: 192px;
	}
.joinimgtxt.lefttxt_1 .p-3, .joinimgtxt.lefttxt_2 .p-3{
    text-align: left;
    position: relative;
    display: inline-block;
}
.joinimgtxt.txt_4{
    position: relative;
    display: inline-block;
    top: -300px;
    left: -30px;
}
.joinimgtxt.txt_4 p.p-1{
    font-size: 90px;
    font-weight: 600;
    margin-left: 25px;
}
.joinimgtxt.txt_4 p.p-2{
    font-size: 36px;
    color: white;
    margin-top:-20px;
}



/***加盟代理***/
.jm_join{
	width:100%; 
	background-color: #f1f1f1; 
	height:1200px;
	background-image: url("../images/join_bg.png");
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
.jm_center_box{ 
	width: 760px;
	background-color: #fff;
	margin:50px auto 100px;
	box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
}

.jm_center_box .input-item{background-color:#FF0000; color:#FFFFFF; width:280px; margin-left: 66px; margin-top: 5px;}
.jm_center_left{ width:510px; margin-left:30px; height:380px;}
.jm_center_right{ width:315px; margin-left:10px; height:380px;}
.jm_center_left p{ line-height:25px;}

.jm_center_box .tabline{line-height:30px; color:#333; font-size:14px; background-color:#eee; width:680px; margin:20px 30px;}
.jm_center_box .tabline .tbody_tt td{ font-size:14px;background-color: #f1f1f1; font-weight:bold;}
.jm_center_box .tabline .tb_mid{ text-align:center;}
.jm_center_box .tabline .dq_tbody td{border-bottom:1px #ccc solid;background-color: #fff; line-height:50px;}
.jm_center_box .tabline .dq_tbody td span{ color:#006DEF; }
.jm_center_box .jm_zx{ 
	font-size: 14px;
	line-height: 25px;
	padding: 20px 40px;
	color: #333;
	border-bottom: 1px solid #ccc;
	margin: 0px 10px;
}

.jm_center_box .imgce{ position: relative;}
.jm_center_box .imgce span {background: url("../images/sign-hero.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 160px;left: -7px;position: absolute;top: -114px;width: 800px;}
.jm_center_box .sqkuang{line-height:30px; color:#333; font-size:14px; margin-top:20px; margin: auto;}
.jm_center_box .sqkuang td{ height:45px; padding-bottom:20px; font-size:14px; padding-left: 30px;}
.jm_center_box .sqkuang td span{ padding-right:10px; font-size:12px;}
.jm_center_box .sqkuang select{ height:30px; line-height:30px;width:80px;font-size:14px; }
.jm_center_box .sqkuang input{ height:30px; line-height:30px; width: 350px; border: 1px solid #C5C5C5; padding-left:4px; border-radius: 2px;}
.jm_center_box .sqkuang input.y_btn{ height:35px; background-color: #239fdf; border-radius: 2px; color:#fff; border: none; width: 150px; cursor:pointer}
.jm_center_box .sqkuang .apply_table_info{color: #999; font-size: 12px;}
.jm_center_box .sqkuang .tit{font-weight:bold; font-size:14px;color: #333; line-height: 22px;}
.jm_center_box .sqkuang .tit span{color:#EA0505; font-size:14px;}
.jm_center_box .sqkuang .desc{font-weight:nomal; font-size:12px;color: #666; line-height: 20px; margin-bottom:8px;}
.jm_center_box .sqkuang .for_cent{ margin:30px 30px;}
.jm_center_box .sqkuang .for_cent span{font-size:14px; font-weight:bold;}

/*渠道加盟结束*/
/*行业应用开始*/
.industry{
    width: 100%;
    min-width: 1200px;
    /*background-color: #f5f5f5;*/
}
.idtlayout{
    width: 1200px;
    margin: 0px auto;
    padding-bottom: 50px;
}
.idttext{
    text-align: center;
    padding-top: 20px;
}
.idttext h3{
	font-size: 40px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}
.idttext p{
    font-size: 14px;
    color: #6c6c6c;
    margin-bottom: 30px;
}
.idtlayout ul{
    margin-top: 20px;
}
.idtlayout ul li{
    display: inline-block;
    width: 21%;
    margin-left: 20px;
    background-color: white;
    text-align: center;
    vertical-align: top;
}
.idtlayout ul li p {
    margin: 8px;
    font-size: 14px;
    color: #6c6c6c;
}
.idtlayout ul li p.p_1{
    font-size: 18px;
	font-weight: bold;
}
/*行业应用结束*/


/*首页底部链接开始*/
.new-links{
    width: 100%;
    min-width: 1200px;
    background-color: #2E2A2A;
    margin-top: -10px;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	width: 1120px;
	margin: auto;color: #F1E9E9
}

.new-links-lst1{
	
}
.new-links-lst1 img{
	    color: #666;
    line-height: 32px;
    width: 128px;
    /* height: 60px; */
    float: left;
    margin: 5px 10px 5px 0;
    text-align: left;
    display: block;
    border: #ccc 1px solid;
    border-radius: 5px;
    padding: 2px 10px;
}

.new-links-lst{
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	width: 1120px;
	margin: 30px auto 40px;
}
.new-links-lst a{
	color: #666;
	line-height: 32px;
	height: 35px;
	padding: 0px 8px;
	float: left;
	min-width: 136px;
	margin-right: 7px;
	text-align: left;
	display: block;
	border-left: 1px solid #E6E6E6;
	font-family: Arial;
	font-size: 16px;
}
.new-links-lst a:hover{
	color: #49B3EF;	
}



/*首页底部链接结束*/

.btn_show{
    padding:9px 40px;
    color: #fff;
    border-radius: 20px;
    background: #3A91F2;
    margin: 0 auto;
    font-size: 15px;
}

/**banner**/
#onebyone_slider{position:relative;margin:0 auto;width:100%}
.oneByOne1{top:0;left:0;margin:0 auto;width:100%;height:420px;position:relative;overflow:visible}
#onebyone_slider .oneByOne_item{position:absolute;width:100%;height:420px;overflow:visible;overflow: hidden;}
#onebyone_slider .oneByOne_item span{font-family:"Helvetica Neue",Helvetica,verdana,arial,sans-serif}
#onebyone_slider .oneByOne_item a{text-decoration:none}
#onebyone_slider .oneByOne_item a img{ border:0px; height:420px;}
#onebyone_slider .oneByOne_item span.ob1_title{clear:left;position:relative;float:left;margin:65px 12px 0 0;padding:8px;color:#FFF;font-size:30px;font-weight:700;text-transform:uppercase;text-shadow:5px 5px 10px rgba(0,0,0,.3);z-index:50}
#onebyone_slider .oneByOne_item span.ob1_title a{color:#fff}
#onebyone_slider .oneByOne_item span.ob1_description{clear:left;position:relative;float:left;margin:0 12px 0 0;max-width:470px;color:#FFF;padding:8px;font-size:14px;text-shadow:5px 5px 10px rgba(0,0,0,.3);z-index:50; line-height:25px;}
#onebyone_slider .oneByOne_item span.ob1_button{clear:left;position:relative;float:left;margin:40px 12px 0 330px;padding:5px;border:1px solid #222;background:#666;background:rgba(0,0,0,.3);-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;z-index:50}
#onebyone_slider .oneByOne_item span.ob1_button .default_button{font: 11px Helvetica,Arial,sans-serif;
font-weight: 400;
text-transform: uppercase;
vertical-align: middle;
display: inline-block;
background: #444;
cursor: pointer;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
zoom: 1;margin:0;padding:10px 25px;border:1px solid #222;font-size:13px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
#onebyone_slider .oneByOne_item span.ob1_button .default_button:hover{color:#fff;background:#777;border-color:#333}
#onebyone_slider .oneByOne_item a{ width:100%; min-width:1440px; height:420px; display:block;}
#onebyone_slider img.ob1_img_device1{top:0px;left:0px;z-index:40}
#onebyone_slider img.ob1_img_device2{position:absolute;top:210px;left:0px;z-index:40}
#onebyone_slider img.ob1_img_device3{position:absolute;top:275px;left:0px;z-index:40}
.buttonArea{float:left;left:50%;position:relative;top:100%;margin-top:-32px}
.buttonCon{float:left;left:-50%;position:relative;z-index: 45;}
.buttonCon .theButton{display:block;color:#b22222;width:20px;height:22px;background:url(../images/circlebutton.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.buttonArea a.active{background-position:0 -22px}
.arrowButton{cursor:pointer}
.arrowButton .prevArrow{background:url(../images/slider-arrows.png) no-repeat 0 0;width:24px;height:24px;position:absolute;top:91.5%;left:20%;z-index:60}
.arrowButton .nextArrow{background:url(../images/slider-arrows.png) no-repeat -40px 0;width:24px;height:24px;position:absolute;top:91.5%;right:18%;z-index:60}
.animate_zoom_obo{filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(5);-moz-transform:scale(5);-o-transform:scale(5);-ms-transform:scale(5);transform:scale(5)}
.animate0{-webkit-animation-duration:.6s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:0s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:0s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:0s;animation-timing-function:ease;animation-fill-mode:both}
.animate1{-webkit-animation-duration:.6s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}
.animate2{-webkit-animation-duration:.6s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.4s;animation-timing-function:ease;animation-fill-mode:both}
.animate3{-webkit-animation-duration:.6s;-webkit-animation-delay:.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.6s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.6s;animation-timing-function:ease;animation-fill-mode:both}
.animate4{-webkit-animation-duration:.6s;-webkit-animation-delay:.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.8s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.8s;animation-timing-function:ease;animation-fill-mode:both}
.animate5{-webkit-animation-duration:.6s;-webkit-animation-delay:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:1s;animation-timing-function:ease;animation-fill-mode:both}
.animated{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease}.animated.hinge{-webkit-animation:2s ease;-moz-animation:2s ease;-ms-animation:2s ease;animation:2s ease}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-ms-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-ms-keyframes shake{0%,100%{-ms-transform:translateX(0)}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}20%,40%,60%,80%{-ms-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-ms-keyframes bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0)}40%{-ms-transform:translateY(-30px)}60%{-ms-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-ms-keyframes tada{0%{-ms-transform:scale(1)}10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}100%{-ms-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-ms-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%,40%,60%,80%,100%{-moz-transform-origin:top center}20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-ms-keyframes swing{20%,40%,60%,80%,100%{-ms-transform-origin:top center}20%{-ms-transform:rotate(15deg)}40%{-ms-transform:rotate(-10deg)}60%{-ms-transform:rotate(5deg)}80%{-ms-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%,40%,60%,80%,100%{transform-origin:top center}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-moz-animation-name:swing;-ms-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-ms-keyframes wobble{0%{-ms-transform:translateX(0%)}15%{-ms-transform:translateX(-25%) rotate(-5deg)}30%{-ms-transform:translateX(20%) rotate(3deg)}45%{-ms-transform:translateX(-15%) rotate(-3deg)}60%{-ms-transform:translateX(10%) rotate(2deg)}75%{-ms-transform:translateX(-5%) rotate(-1deg)}100%{-ms-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}
.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-ms-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-ms-keyframes pulse{0%{-ms-transform:scale(1)}50%{-ms-transform:scale(1.1)}100%{-ms-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-ms-animation-name:pulse;animation-name:pulse}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(20px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-ms-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translateX(-20px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(20px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-ms-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInUpBig{0%{opacity:0;-ms-transform:translateY(2000px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-ms-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInDownBig{0%{opacity:0;-ms-transform:translateY(-2000px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-ms-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInLeftBig{0%{opacity:0;-ms-transform:translateX(-2000px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-ms-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInRightBig{0%{opacity:0;-ms-transform:translateX(2000px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-ms-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-ms-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-ms-keyframes fadeOutUp{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-ms-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-ms-keyframes fadeOutDown{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-ms-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-ms-keyframes fadeOutLeft{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-ms-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-ms-keyframes fadeOutRight{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-ms-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-ms-keyframes fadeOutUpBig{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-ms-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-ms-keyframes fadeOutDownBig{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-ms-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-ms-keyframes fadeOutLeftBig{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-ms-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-ms-keyframes fadeOutRightBig{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-ms-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-ms-keyframes bounceIn{0%{opacity:0;-ms-transform:scale(.3)}50%{opacity:1;-ms-transform:scale(1.05)}70%{-ms-transform:scale(.9)}100%{-ms-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-ms-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-ms-keyframes bounceInUp{0%{opacity:0;-ms-transform:translateY(2000px)}60%{opacity:1;-ms-transform:translateY(-30px)}80%{-ms-transform:translateY(10px)}100%{-ms-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-ms-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-ms-keyframes bounceInDown{0%{opacity:0;-ms-transform:translateY(-2000px)}60%{opacity:1;-ms-transform:translateY(30px)}80%{-ms-transform:translateY(-10px)}100%{-ms-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-ms-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-ms-keyframes bounceInLeft{0%{opacity:0;-ms-transform:translateX(-2000px)}60%{opacity:1;-ms-transform:translateX(30px)}80%{-ms-transform:translateX(-10px)}100%{-ms-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-ms-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-ms-keyframes bounceInRight{0%{opacity:0;-ms-transform:translateX(2000px)}60%{opacity:1;-ms-transform:translateX(-30px)}80%{-ms-transform:translateX(10px)}100%{-ms-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-ms-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-ms-keyframes bounceOut{0%{-ms-transform:scale(1)}25%{-ms-transform:scale(.95)}50%{opacity:1;-ms-transform:scale(1.1)}100%{opacity:0;-ms-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-ms-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-ms-keyframes bounceOutUp{0%{-ms-transform:translateY(0)}20%{opacity:1;-ms-transform:translateY(20px)}100%{opacity:0;-ms-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-ms-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-ms-keyframes bounceOutDown{0%{-ms-transform:translateY(0)}20%{opacity:1;-ms-transform:translateY(-20px)}100%{opacity:0;-ms-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-ms-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-ms-keyframes bounceOutLeft{0%{-ms-transform:translateX(0)}20%{opacity:1;-ms-transform:translateX(20px)}100%{opacity:0;-ms-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-ms-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-ms-keyframes bounceOutRight{0%{-ms-transform:translateX(0)}20%{opacity:1;-ms-transform:translateX(-20px)}100%{opacity:0;-ms-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-ms-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateIn{0%{-ms-transform-origin:center center;-ms-transform:rotate(-200deg);opacity:0}100%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-ms-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInUpLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-ms-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInDownLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-ms-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInUpRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-ms-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInDownRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-ms-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-ms-keyframes rotateOut{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-ms-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-ms-keyframes rotateOutUpLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-ms-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-ms-keyframes rotateOutDownLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-ms-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-ms-keyframes rotateOutUpRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-ms-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-ms-keyframes rotateOutDownRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-ms-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-ms-keyframes hinge{0%{-ms-transform:rotate(0);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}20%,60%{-ms-transform:rotate(80deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}40%{-ms-transform:rotate(60deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}80%{-ms-transform:rotate(60deg) translateY(0);opacity:1;-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}100%{-ms-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-ms-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-ms-keyframes rollIn{0%{opacity:0;-ms-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-ms-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-ms-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-ms-keyframes rollOut{0%{opacity:1;-ms-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-ms-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-ms-animation-name:rollOut;animation-name:rollOut}
.for_center_banner{width:auto; height:420px; background:url(../images/header/header43.jpg);}
.for_center_banner #onebyone_slider span a{color:#FFF;}


/*中秋*/


.mid_autumn{
    position: fixed;
    z-index: 111111;
    top: -400px;
    text-align: center;
    width: 100%;
    height: 500px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;

}
.show_down{
    top: 150px;
    animation: shake 1s ease 1s 1 ;
}




.mid_autumn img{
    width: 95%;
    /*width: 1200px;*/
    max-height: 500px;
}

.mid_autumn_min{
    position: fixed;
    z-index: 111111;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 150px;
    height: 395px;
    display: none;
}
.mid_autumn_min img{
   width: 100%;
}
.mid_autumn_min .position{
    position: relative;
}
.mid_autumn_min .position .icon_close{
    background: #ddd;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
}