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

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

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

/* 右边悬浮开始 */
.right-sidebar{
    position: fixed;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    padding: 0px;
    background: #0268ff;
    z-index: 999;
    border-radius: 3px;
}
.right-sidebar > ul > li{
    width: 85px;
    color: #fff;
    text-align: center;
    border-bottom: solid 1px #3d8bfe;
    cursor: pointer;
}

.right-sidebar > ul > li:hover{
	background: #1572fd;
	
}
.right-sidebar > ul > li:last-child{
    border: none;
}
.right-sidebar > ul > li.go-top{
    display: none;
}
.right-sidebar > ul > li > a{
    display: block;
    padding: 20px 0;
    color: #fff;
}
.right-sidebar > ul > li  img{
    width: 30px;
    vertical-align: middle;
}
.right-sidebar > ul > li  p{
    font-size: 14px;
    margin-top: 10px;
}
.right-sidebar .qrcode{
    position: absolute;
    left: -15px;
    bottom: 0;
    transform: translateX(-100%);
    width: 147px;
    border-radius: 5px;
    padding: 20px 15px;
    background: #fff;
    box-shadow: 0px -1px 5px 1px rgba(0,0,0,.42);
    text-align: center;
    display: none;
}
.right-sidebar .qrcode p{
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}
/* 右边悬浮结束 */

/*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: 20px;
    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: 165px;
    height: 42px;
    overflow: hidden;
    background: #FF8310;
    line-height: 42px;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
}
.bottomfixed p .sx{
	 background: rgba(0, 0, 0, 0.8);
	 border:#FF8310 1px solid;
}
.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;}

/* 轮播下新增 */
.containerbox .container1 {
    width: 1200px;
    margin: 0px auto;
    height: 166px;
}
.containerbox .container1>div{
    float: left;
}
.containerbox .container1 .sec1_L,
.containerbox .container1 .sec1_R{
    position: relative;
    width: 532px;
   height: 98px;
   padding: 34px;
   background-color: #3d77f3;
}
.containerbox .container1 .sec1_R{
    width: 512px;
    height: 116px;
    padding: 25px 34px;
    background-color: #fb5052;
}
.containerbox .container1 .sec1_R>a>img{
    margin-top: 6px;
    margin-bottom: 16px;
}
.sec1_L >a.title{
    display: inline-block;
    font-weight: bold;
    font-size: 32px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.sec1_L>img,
.sec1_R>img{
    max-width: 100%;
    margin-bottom: 10px;
}
.sec1_L>p,
.sec1_R>p{
    font-size: 15px;
    color: #fff;
}
.sec1_L>p.sub_txt,
.sec1_R>p.sub_txt{
    font-size: 13px;
    margin-top: 8px;
}
.sec1_L_box{
    position: absolute;
    right: 34px;
    top: 22px;
    width: 228px;
    height: 124px;
    text-align: center;
    background-color: #fff;
}
.sec1_L_box>p{
    font-size: 16px;
    color: #0277db;
    margin: 24px 0 12px 0;
}
.sec1_R_box>p{
    color: #333;
    margin: 10px 0 8px 0;
}
.sec1_R_box>p.sub_txt{
    margin: 10 0 0 0;
}
.sec1_L_box>p>span{
    color: #e8121d;
}
.sec1_R_box>p>span{
    font-size: 20px;
}
.sec1_L_box>a{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 166px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #3d77f3;
    border-radius: 4px;
}
.sec1_R_box>a{
    background-color: #fc5053;
}
/* 轮播下新增 */



/*产品生态开始*/
.product{
    width:100%;
    min-width: 1200px;
    height: 818px;
    background-color: #fcfcfc;
	background: url('../images/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: 30px;
	padding-top: 60px;
	font-weight: 100;
}
.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: 1070px;*/
    background-color: #fff;
    margin-top: -10px;
	
	/*background: url('../images/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: 36px;
	padding-top: 50px;
	font-weight: 100;
}
.textshow_2 p{
    padding: 8px 0px 5px;
    color: #727272;
    line-height: 150%;
    font-size:16px;
    padding-bottom: 40px;
}
.layout_3{
    width: 1400px;
    margin: 0px auto;
}
.casewapper{
    width: 100%;
	/* height: 730px; */
    clear: both;
}
.case li{
	
    display: inline;
    zoom: 1;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    display: inline-block;
    position: relative;
    float: left;
    height: 400px;
    width: 310px;
    margin-left: 19px;
    margin-right: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    transition: all .2s linear;
}
.case li:nth-child(n+9){
    display: none;
}
.case li:hover{
	 transform: translateY(-5px);
     box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
}

.case li .caseimg{
    width: 100%;
    height: 240px;
    overflow: hidden;
}


.case li .caseimg img{
	width: 100%;
    vertical-align: middle;
}
.casetext{
    padding: 25px 15px 15px;
}

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

.casetext p.desc{
	padding: 0px;
    color: #999;
    line-height: 22px;
    font-size: 14px;
    margin-left: 10px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 15px;
}

.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;
    left: 0;
    width: 100%;
    text-align: center;
}
.visit a{
    color: #244999;
    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:-135px;
    left:80px;
    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/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: 100;
    margin-top: 5px;
    font-size: 16px;
}
.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: 850px;
    background-color: #fff;
}
.channellayout{
    max-width: 1060px;
    margin: 0px auto;
    padding: 0px 10px;
}
.channeltextshow{
    text-align: center;
    max-width: 635px;
    margin: 0px auto;
}
.channeltextshow h3{
    color: #e8121d;
    font-size: 30px;
    padding-top: 60px;
    font-weight:100;
    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: 30px;
    padding-top: 60px;
    font-weight:100;
    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: 18px;
	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/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: 420px;
    background:url("../images/background_pro.png") center/cover no-repeat;
}

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

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

.bglayout .bk1 .introcon{
	position: absolute;
	width: 380px;
	top: 145px;
	left: 125px;
}

.bglayout .bk1 .introcon2{
	position: absolute;
	width: 380px;
	top: 250px;
	left: 125px;
}
.bglayout .bk1 .introcon .tit, .bglayout .bk1 .introcon2 .tit{
	
	font-size:36px;
	font-weight:bold;
	color:#333;
}
.bglayout .bk1 .introcon .tit img, .bglayout .bk1 .introcon2 .tit  img{
	height:65px;
}
.bglayout .bk1 .introcon .tit span, .bglayout .bk1 .introcon2 .tit span{
	background: #FF8710;
    font-size: 20px;
    font-weight: 100;
    border: #FF8710 solid 1px;
    border-radius: 5px;
    padding: 4px 10px;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 10px;
}
.bglayout .bk1 .introcon .tit span:hover, .bglayout .bk1 .introcon2 .tit span:hover{
	background:#1792FE;
	border: #1792FE solid 1px;
}
.bglayout .bk1 .introcon .content, .bglayout .bk1 .introcon2.content{
	
	font-size: 14px;
    color: #333;
    line-height: 22px;
    width: 388px;
}





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

.bglayout .bk2 .introcon{
	position: absolute;
	width: 380px;
	top: 45px;
	left: 125px;
}

.bglayout .bk2 .introcon2{
	position: absolute;
	width: 380px;
	top:153px;
	left: 125px;
}


.bglayout .bk2 .introcon3{
	position: absolute;
	width: 380px;
	top: 270px;
	left: 125px;
}

.bglayout .bk2 .introcon .tit, .bglayout .bk2 .introcon2.tit, .bglayout .bk2 .introcon3.tit{
	
	font-size:36px;
	font-weight:bold;
	color:#333;
}

.bglayout .bk2 .introcon .tit img{ 
	height:45px;
}

.bglayout .bk2 .introcon2 .tit  img{
	height:40px;
}

.bglayout .bk2 .introcon3 .tit  img{
	height:40px;
}

.bglayout .bk2 .introcon .tit span{ 
	background: #F71623;
    font-size: 14px;
    font-weight: 100;
    /*border: #F71623 solid 1px;*/
    border-radius: 5px;
    padding: 4px 10px;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 10px;
}

.bglayout .bk2 .introcon2 .tit span{
	background: #F71623;
    font-size: 14px;
    font-weight: 100;
    /*border: #03D653 solid 1px;*/
    border-radius: 5px;
    padding: 4px 10px;
    color: #fff;
    position: absolute;
    top: 12px;
    right: 10px;
}

.bglayout .bk2 .introcon3 .tit span{
	background: #F71623;
    font-size: 14px;
    font-weight: 100;
    /*border: #F19233 solid 1px;*/
    border-radius: 5px;
    padding: 4px 10px;
    color: #fff;
    position: absolute;
    top: 24px;
    right: 10px;
}

.bglayout .bk2 .introcon .tit span:hover, .bglayout .bk2 .introcon2 .tit span:hover, .bglayout .bk2 .introcon3 .tit span:hover{
	background:#1792FE;
	border: #1792FE solid 1px;
}
.bglayout .bk2 .introcon .content, .bglayout .bk2 .introcon2 .content, .bglayout .bk2 .introcon3 .content{
	
	font-size: 14px;
    color: #333;
    line-height: 22px;
    width: 388px;
}


/*背景结束*/
/*分销产品开始*/
.fx{
    width: 100%;
    min-width: 1200px;
    background-color: #fff;
    background-repeat: no-repeat;
}

.fxlayout{
    width: 1500px;
    margin: 0px auto;
}


.fxlayout .text{
    font-size: 35px;
    color: #333;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
}
.fxlayout .text p{font-weight:100;}
.fxlayout .text p.con{font-size:18px; font-weight:normal; color:#666; line-height: 38px;}


.fxintro{
    margin-top: 50px;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 10px;
}
.fxintro img{
    margin-left: 90px;
}
.fxlayout ul{
   
}
.fxlayout ul.ul_1{
    padding-bottom: 60px;
    margin-bottom: 0px;
}
.fxlayout ul li{
    margin: 24px 10px;
    display: inline-block;
    width: 352px;
    height: 410px;
    background-color:#F6F7F8;    
    position: relative;
}

.fxlayout ul li:hover{	
	
	background:#FFFFFF;box-shadow:0 8px 18px 0 rgba(0,0,0,0.08);	
	background: url(../images/fxbg.png) no-repeat;
    background-size: 100% 100%;
    background-position: left top;	
}



.fxlayout ul li .tit{	
	position: absolute;
    left: 100px;
    top: -78px;
    width: 160px;
    height: 65px;
	text-align: center;
}


.fxlayout ul li .tit .proTitBox {overflow:hidden;position:absolute;}
.fxlayout ul li .tit .proETit{width:auto;overflow:hidden;font-size:70px;font-weight:900;color:#35383e;float:left;letter-spacing:-4px;font-family:Arial;margin-right:5px;line-height:80px; padding-right:4px;}
.fxlayout ul li .tit .proCBox{width:auto;overflow:hidden;float:left;}
.fxlayout ul li .tit .proC{width:auto;overflow:hidden;font-size:25px;color:#4c4d4f;line-height:45px;}
.fxlayout ul li .tit .proC b{font-size:30px;font-weight:100;color:#004391;}
.fxlayout ul li .tit .proC_Hint{width:auto;overflow:hidden;font-size:12px;color:#4c4d4f;line-height:15px;margin-top:-2px;}
.fxlayout ul li .tit .proC_E{width:auto;overflow:hidden;font-size:12px;font-family:Arial;color:#4c4d4f;margin-top:0px;line-height:15px;}


.fxlayout ul li .content{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.fxlayout ul li .content:hover{
	
	top: -10px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 30px 0px;
}

.fxlayout ul li .content p.fx-title{
    padding: 30px;
    padding-bottom: 20px;
    padding-top: 35px;
    font-size: 18px;
    text-align: center;
    color: #333;
}
.fxlayout ul li .content p.fx-desc{
    width: 240px;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 50px;
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 20px;
    border-bottom: 1px solid #eeeeee;
}
.fxlayout ul li .content p.fx-user{
    padding-left: 55px;
    width: 60px;
    font-size: 14px;
    z-index: 99;
    position: relative;
    top: -10px;;
}
.fxlayout ul li .content p.fx-brand{
    padding-left: 55px;
    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;
	height:62px;
}
.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;	
	
}


.fxlayout ul li .content .item-btn{
	
	margin: 0 auto;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid #0D44CD;
    border-radius: 16px;
    font-size: 12px;
    color: #0D44CD;
}


.fxlayout ul li:hover .item-btn{	
	
	background:#1855EB;box-shadow:0 6px 10px 0 rgba(24,85,235,0.2);font-size:12px;color:#FFFFFF;cursor:pointer;
}


/*分销产品结束*/

/*客户业绩开始*/
.cst{
    width: 100%;
    /*margin-top: 50px;*/
    background-color: #f0f1f5;
}
.cstlayout{
	margin: 0px auto;
    background-color: #f5f5f5;
	padding-bottom: 80px;
}
.cstlayout .text{
    font-size: 35px;
    color: #333;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
}
.cstlayout .text p{font-weight:100;}
.cstlayout .text p.con{font-size:18px; font-weight:normal; color:#666; line-height: 38px;}
.img{
    /*margin-top: 30px;*/
    /*height: 60px;*/
   text-align:center;
}
.img a img{
    display: block;
    margin: 0px auto;
}
.btnclass{
    text-align: center;
    margin-top: 20px;
    padding-bottom: 0px;
}
.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: 35px;
    padding-top: 30px;
    padding-bottom: 0px;
    text-align: center;
    color: #333;
    font-weight: 100;
    line-height: 150%;
}
.net_crmcontainer .contenttext{
    position: relative;
    bottom: 30px;
    width: 650px;
    margin: auto;
}
.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: 205px;
}
 .net_crmcontainer .contentimg img.img_3{
    position: relative;
    left: 945px;
    bottom:50px;
}
.net_crmcontainer .contentimg img.img_4{
    position: relative;
    left: 945px;
    bottom:50px;
}
.load ul{
    text-align: center;
    padding-bottom: 30px;
	width: 1300px;
	height:260px;
}
.load ul li{
    display: inline-block;
    /* margin-left: 150px; */
    /* position: relative; */
    /* left: -50px; */
    margin-bottom: 30px;
    float: left;
    width: 300px;
    margin: 30px 50px;
}
.load ul li img,.loadtxt{
    display: inline-block;
    vertical-align: top;
}
.load ul li .loadtxt{
    text-align: left;
    margin-left: 15px;
	width: 240px;
}
.load ul li .loadtxt h3{
    font-size: 20px;
    font-weight: 100;
	color:#333;
}
.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;
}
/*结束*/


/*优势*/

.com_ys{
    width:100%;
	background-color: #F5F5F5;
}

.com_ys .text {
    font-size: 35px;
    color: #333;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
}

.com_ys .text p {
    font-weight: 100;
	color:#333;
}

.com_ys .text p.con {
    font-size: 18px;
    font-weight: normal;
    color: #666;
    line-height: 38px;
}

.com_ys  .ft-group {
    width: 1400px;
    margin-top: 60px;
	padding: 0;
    display: block;
    margin: 1.25rem auto 0;
    max-width: 100%;
    text-align: center;
	padding-bottom: 60px;
}

.com_ys .ft-group li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 230px;
    margin: 30px 32px;
    padding: 8px 5px;
}	
.com_ys .ft-group li img {
    height: 100px;
    width: 100px;
}

.com_ys .ft-group li h3 {
    font-size: 18px;
    font-weight: 100;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;
}

.com_ys .ft-group li p {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
	color:#666;
}

/*即刻开始*/
.st{
    width: 100%;
    min-width: 1200px;
    background-color: #0e64fc;
	padding: 50px 0;	
	background: url(../images/contact_bg.png) center/cover;
}
.stlayout{
    width: 1200px;
    margin: 0px auto;
}
.sttext{
    text-align: center;
}
.sttext p{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    color:#fff;
	margin-right: 22px;
	font-weight:100;
}

.sttext .tp{ 
	font-size:16px;
	color:#fff;
	margin-bottom: 30px;
}

.sttext a{
    text-decoration: none;
    border-color: white !important;
    background-color: #55acef;
}

.sttext a.btna{
    display: block;
    width: 160px;
    height: 42px;
    background: #fff;
    color: #1968f3;
    font-size: 16px;
    line-height: 42px;
    border-radius: 3px;
}
.sttext a.btna:hover{
    background-color: #f1f1f1;
    color: #1968f3;
}
.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/abouts03.jpg") no-repeat center/cover;
}
.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: 603px;
	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:last-child{
    border-right: none;
}

#content_ul li .tiyan{
	
	position:relative; background: red;color: #FFF;
}

#content_ul li .tiyan a{
	
	color:#FFFFFF; font-size:18px; font-weight:100;
}

#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;
    padding-top: 60px;
	margin-bottom: 10px;
}

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

.wfx_menuz  li img{
	
	height:35px;
}

.wfx_menuz  li:hover{
	color:#004EA2;
	font-weight:100;
}
.wfx_menuz  li p{
	margin-top: 10px;
    font-size: 18px;
    width: 55px;
    margin: auto;
}
.wfx_menuz  li p.yy{
	font-size:10px;
	margin-top:0px;
	padding: 5px;
}

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


/*购买咨询内容开始*/
.sevcontent{
	width: 100%;
	margin: auto;
}
.contentlayout{
    width: 1200px;
    margin: 0px auto;
}

.sevcontent .text1{
    text-align: center;
    margin: 0px auto;
    padding-top: 50px;
}

.sevcontent .text2{
    text-align: center;
    margin: 0px auto;
    padding-top: 10px;
}

.contentlayout .text1 .bancon{
    width: 1200px;
    margin: 10px auto 0px;
}

.contentlayout .text1 .bancon img, .contentlayout .text2 .bancon img{
	border-radius: 5px;
}

.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: #004BE1;
    margin-top:-20px;
    font-size: 30px;
    font-weight: 100;
    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: 30px;
    font-weight: 100;
    margin-bottom: 20px;
    color: #004BE1;
    margin-top:-20px;
}
.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;
    padding-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: 30px;
    font-weight: 100;
    color: #004BE1;
    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: 30px;
	color: #333;
}
.txtlayout p.title i{
    color: #CCCCCC;
}
.txtlayout p{
    text-align: center;
    font-size: 15px;
    font-weight: 100;
	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;
	border-radius: 10px;
}
.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: 28px;
    color: #6b7686;
}
.csmlayout .fr.content p.content{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 112px;
}
/*客户推介*/
/*品牌标签切换*/
.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;
    margin-top: 5px;
    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: #ed6705;
	color:#fff;
}

.wfxtext ul li.cur{
    background-color: #ed6705;
	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: 400px;
    width: 280px;
    margin-left: 15px;
    margin-top: 20px;
    border-radius: 4px;
    box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
	
}
.wfximg ul li:nth-child(n+5) {
    display: none;
}
.wfximg ul li:hover, .wfximg ul li:hover p{
    cursor: pointer;	
	/*color:#333;*/

}
.wfximg ul li:hover .wfx_wx{}
.wfximg .pimg img{
    width: 100%;
    height: 240px;
    padding: 0px;
	
}
.wfximg ul li img.wfx_wx{
    width: 130px;
    height: 130px;
    position: relative;
    top: -180px;
    left: 60px;
	border: 1px solid #f3f3f3;
    box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
	background: #fff;
}
.wfximg ul li h4{
    width: 90%;
    /*margin: 15px auto 0px;*/
    font-size: 18px;
    text-align: center;
    height: 24px;
    margin-bottom: 15px;
}
.wfximg ul li p{
   color: #6b7686;
    width: 90%;
    margin: 0px auto;
    text-align: center;
    height: 35px;
    overflow: hidden;
}

.wfximg p.logo{
	margin-top: 20px;
	height:30px;
    color: #244999;
    font-size: 14px;
}


/*微分销案例结束*/
/*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: 10px;
}
.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.png) center top no-repeat;
    background-color: #F6631A;
}
.case_display .case_cust_view {
    height: 205px;
    left: 116px;
    overflow: hidden;
    position: absolute;
    top: 154px;
    width: 366px;
    border-radius: 4px;
}

.case_display .case_cust_view img {
    height: 229px;
    width: 364px;
}
.case_display .case_cust_flash_info {
    position: absolute;
    left: 540px;
    top: 190px;
}


.case_display .case_cust_flash_name {
    color: #fff;
    font-size: 45px;
    line-height: 40px;
	margin-bottom: 15px;
}

.case_display .case_cust_flash_date {
    color: #f1f1f1;
    font-size: 18px;
    line-height: 32px;
}

.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-bottom: 10px;
}

.container_shool .content_2 ul li .tuijian{
    padding-bottom: 10px;
    padding-top: 20px;    
    text-align: center;
}

.container_shool .content_2 ul li .tuijian:hover{
	
	background-color:#f1f1f1;
}

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

.container_shool .content_2 ul li .tuijian .title{
	text-align: center;
    font-weight: 100;
    font-size: 14px;
    color: #333;
    padding-top: 5px;
    border-radius: 5px;
}

.container_shool .content_2 ul li.li_ing img{
    width:300px; 
	height:320px;
}
.container_shool .content_2 ul li.li_1{
    margin-top: 24px;
}
.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:100;
}
.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;
	margin: 15px 0;
}
.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: 16px;
	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: 210px;    
    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>a{
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    height: 150px;
    padding-top: 15px;
    line-height: 150px;
    overflow: hidden;
}

.container_shool .content_1 .infotxt ul li img{
    display: inline-block;
	width: 100%;
    vertical-align: middle;
	border-radius: 4px;
}
.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
}

.container_shool .content_1 .infotxt ul li .text .xyleft{ float:left; width:220px;}

.container_shool .content_1 .infotxt ul li .text .xyleft img{ width:220px; height:122px;}
.container_shool .content_1 .infotxt ul li .text .xyright{float:right; width:550px;}

.content_1 .infotxt ul li .text h4{
	height: 30px;
	overflow: hidden;	 
}
.content_1 .infotxt ul li .text h4 a {
    font-size: 20px;
	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: 85px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin-left: 10px;
    text-align: center;
    margin-right: 10px;
}

.container_shool .content_1 .gw_menu li a {
    display: block;  
	color: #333;
	width:80px;
}
.container_shool .content_1 .gw_menu li a:hover, .content_1 .gw_menu li a.cur {
    border-bottom: 4px solid #2583FE;
    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 .InfoTitleNav span.InfoTitleNavTitle{
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}


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

.container_shool .InfoTitleH h1 {
    margin: 15px 0 5px;
    font-size: 30px;
    line-height: 48px;
    color: #333;
    text-align: center;
    font-weight: 100;
}


.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;
    text-indent: 2em;
}

.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;
	text-align: center;
}
.qdlayout .shenqingico {
	width: 130px;
	height: 60px;
	left:125px;
	top: 670px;
	position: fixed;
	z-index: 9999;
}

.qdlayout .shenqingico .apply{
	width: 60px;
	height: 55px;
	text-align: center;
	background-color: #10289D;
	padding-top: 6px;
	float: left;
}
.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-left: 3px;
	padding-top: 6px;
	float: left;
}

.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: 30px;
	font-weight: 100;
	margin-top: 20px;
}
.qdtext p{
    font-size: 14px;
    color: #6c6c6c;
    margin-top: 10px;
}
.qdlayout ul{
    margin-top: 40px;
    margin-left: 0px;
    padding-bottom: 90px;
    margin-bottom: 0px;
}
.qdlayout ul li{
    display: inline-block;
    width: 17%;
   	margin-left: 6px;
    margin-right: 6px;
    background-color: white;
    padding: 10px;
    position: relative;
    left: -13px;
	box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
}
.qdlayout ul li p.offical-p{
	overflow: hidden;
    position: absolute;
    left: 58px;
    top: -12px;
    z-index: 999;
}
.qdlayout ul li p.offical-p>span{
    display: block;
    float: left;
    font-size: 16px;
    color: #333;
    padding: 4px 8px;
    text-align: center;
    background-color: #ecad69;
    box-sizing: border-box;
}
.qdlayout ul li p.offical-p span b{ font-size:12px;}

.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: 80px;
}
.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 .qrcode{
    position:absolute;
    top:-18px;
    left:0;
    display:none;
    width:100%;
}

.qdlayout ul li .qrcode img{
    display:block;
    width:70%;
	box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
}


.qdlayout ul li .erweima{
    width: 30px;
    top: 5%;
    position: absolute;
    left: 80%;
}



.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: 30px;
	font-weight: 100;
	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: 100;
    color: #dc4333;
}
.joinimgtxt p.p-3{
    margin-top: 15px;
	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: 600px;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
.jm_center_box{ 
	width: 760px;
	background-color: #fff;
	margin:80px 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;}
.jm_center_box .phonecode_box{
	display: flex;
	align-items: center;
}
.jm_center_box .phonecode_btn{
	width: 80px;
	height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #C5C5C5;
    margin-left: 6px;
    cursor: pointer;
}


/*渠道加盟结束*/
/*行业应用开始*/
.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: 30px;
	font-weight: 100;
	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: #999;
}
.idtlayout ul li p.p_1{
    font-size: 18px;
    font-weight: 100;
    color: #333;
}
/*行业应用结束*/


/*首页底部链接开始*/
.new-links{
    width: 100%;
    min-width: 1200px;
    background-color: #fcfcfc;
    margin-top: -10px;
}

.new-links-lst1{
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	width: 1260px;
	margin: auto;
}
.new-links-lst1 img{
	    color: #666;
    line-height: 32px;
    width: 150px;
    /* height: 60px; */
    float: left;
    margin: 10px 5px 10px 5px;
    text-align: left;
    display: block;
    /*border: #ccc 1px solid;
    border-radius: 5px;*/
    padding: 2px 10px;
}

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

/**banner**/
#onebyone_slider{position:relative;margin:0 auto;width:100%}
.oneByOne1{top:0;left:0;margin:0 auto;width:100%;height:500px;overflow:visible}
#onebyone_slider .oneByOne_item{width:100%; height:500px;overflow:visible;overflow: hidden;}

#onebyone_slider .oneByOne_item .w1200{position:relative; margin: 0 auto;width: 1200px;}
#onebyone_slider .oneByOne_item .w1200 .common_txt{position: absolute;top: 160px; left: 0px; text-align: left;}
#onebyone_slider .oneByOne_item .w1200 .common_txt .btn_reg{
    text-align: center;
    width: 165px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #fff;
    border-radius: 5px;
}

#onebyone_slider .oneByOne_item .w1200 .common_txt .btn_reg:hover{background-color: #333; opacity:.5;}
#onebyone_slider .oneByOne_item .w1200 .common_txt .btn_reg a{color: #fff;font-size: 20px; width: 165px; height: 45px; display: block;}
#onebyone_slider .oneByOne_item .w1200 .common_img{position: absolute; top: 80px; right: 0px;}



#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: 12px 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;}


.bofou_txt>h2{ font-weight: 400; font-size: 40px; color: #fff; line-height: 1;  margin-bottom: 15px; }
.bofou_txt>h2 span{font-size:22px;}
.bofou_txt>p{ font-weight: 100; font-size: 20px; color: #fff;  }
.qwgj .bofou_txt .tag_box{margin-top: 20px}
.qwgj .bofou_txt .tag{
    float: left;
    width: 110px;
    height: 38px;
    line-height: 38px;
    background: #4160e3;
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    margin-right: 15px;
    color: #fff;
}
.qwgj .bofou_txt .tag::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/banner_icon.png) no-repeat center;
    margin-right: 10px;
    vertical-align: middle;
}
.bofou_txt>.bofou_btns{ 
    margin-top: 30px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
	align-items: center;
}
.bofou_txt>.bofou_btns>a{
    display: inline-block;
    font-size: 25px;
    color: #fa5900;
    width: 190px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
}
.bofou_txt>.bofou_btns>.bofo_code{
    display: inline-block;
    text-align: center;
    margin-left: 4%;
}
.bofo_code>img{
    width: 100px;
    height: 100px;
}
.bofo_code>p{
    font-size: 14px;
    color: #fff;
}

.dhxcx{color: #fff;height: 588px !important; width: 100% !important; background: url(../images/banner_12_bg.png) no-repeat center/cover;}
.dhxcx h2{font-size: 44px; font-weight: bold;margin-bottom: 25px;}
.dhxcx h2>img{vertical-align: middle;}
.dhxcx p{font-size: 24px; margin-top: 15px;}
.dhxcx .bofou_btns{margin-top: 40px;}
.dhxcx .bofou_btns .btn_reg{
    width: 220px !important;
    height: 65px !important;
    line-height: 65px !important;
    text-align: center; 
    border:none !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.dhxcx .bofou_btns .btn_reg:hover{background: none; opacity: 1;}
.dhxcx .bofou_btns .btn_reg a{
    width: 100% !important;
    height: 100% !important;
    font-size: 28px !important; 
    color: #f32152 !important; 
    font-weight: bold;
    line-height: 65px !important;
    text-align: center; 
    background: url(../images/btn_bg.png) no-repeat center/cover !important;
}
.dhxcx .contact{font-size: 18px;}

.qht .qht_txt{ margin-top: 60px; }
.qht_txt>h2{ font-style: italic; font-size: 53px; color: #fff; line-height: 1; margin-bottom: 14px; }
.qht_txt>h2>span:last-child{ color: #ff4850; margin-left: 20px; }
.qht_txt>.qht_img{ width: 668px; height: 100px; margin-bottom: 21px; }
.qht_txt>.qht_img>img{ max-width: 100%; width: 100%; }
.qht_txt>p{ font-size: 32px; color: #fff; }
.qht_txt>.qht_btns{ margin-top: 28px; }
.qht_txt>.qht_btns>a{
    display: inline-block;
    font-size: 20px;
    color: #fff;
    width: 160px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #ff4850;
    border-radius: 4px;
}

.mdsjxls_txt>h2{ font-size: 36px; color: #fff; line-height: 1; margin-bottom: 26px;}
.mdsjxls_txt>p{ font-size: 24px; color: #fff; line-height: 1; margin-top: 16px;}
.mdsjxls_txt>p.small{ font-size: 18px; color: #fff;}
.mdsjxls_txt>.mdsjxls_btn{ margin-top: 72px;}
.mdsjxls_txt>.mdsjxls_btn>a{
    display: inline-block;
    font-size: 16px;
    color: #2743a6;
    width: 124px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 20px;
}
.mdsjxls_txt>.mdsjxls_btn>a.J_ConsultOnline{ color: #fff; background-color: transparent; border-color: #fff; margin-left: 16px;}

.matic_txt>.matic_btn{ margin-top: 296px;}
.matic_txt>.matic_btn>a{
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: #fff;
    width: 194px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 6px;
    letter-spacing: 2px;
    background: -webkit-linear-gradient(left,#12b8f6, #e404ff);
    background: -o-linear-gradient(right,#12b8f6, #e404ff);
    background: -moz-linear-gradient(right,#12b8f6, #e404ff);
    background: linear-gradient(to right,#12b8f6, #e404ff);
}
.matic_txt>.matic_btn>a>img{
    display: inline-block;
    width: 23px;
    height: 23px!important;
    vertical-align: middle;
}

#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:588px;  position: relative;}
.for_center_banner #onebyone_slider span a{color:#FFF;}
.banner-pagination{
    bottom: 90px !important;
}

/*中秋*/


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



/* banner下的一栏 */
.index_navs{
    width: 100%;
    padding: 26px 0;
    box-sizing: border-box;
    background-color: #fff;
}
.index_navs>ul{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.index_navs>ul>li{
    float: left;
    width: 25%;
}
.index_navs>ul>li .navs_img{
    width: 68px;
    height: 80px;
    margin-right: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.navs_img>img{
    display: none;
    max-width: 100%;
    width: 100%;
}
.navs_img>img:first-child{
    display: inline-block;
}
.index_navs>ul>li:hover .navs_img>img:first-child{
    display: none;
}
.index_navs>ul>li:hover .navs_img>img:last-child{
    display: inline-block;
}
.index_navs>ul>li .navs_txt{
    margin-top: 18px;
}
.navs_txt>h6{
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
	font-weight:bold;
}
.navs_txt>p{
    font-size: 14px;
    color: #999;
}
.index_navs>ul>li:hover .navs_txt>h6{
    color: #1b65e7;
	font-weight:bold;
}
/* 



/* 了解sass产品 start */
.sass_products{
    width: 100%;
    padding: 60px 0;
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.sass_products .sasspro_wrapper{
    width: 1200px;
    margin: 0 auto;
}
.sasspro_wrapper .title_box{
    text-align: center;
}
.title_box>h3{
    font-size: 30px;
    color: #333;
	font-weight:100;
}
.title_box>p{
    font-size: 14px;
    color: #333;
    margin: 8px 0 60px 0;
}
.sasspro_wrapper .sasspro_box>ul{
    overflow: hidden;
}
.sasspro_box>ul>li{
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%;
    padding: 76px 0 52px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
}
.sasspro_box>ul>li:hover{
    box-shadow: 0 6px 10px #eee;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.sasspro_box>ul>li:last-child{
    margin-right: 0;
}
.sasspro_box>ul>li .sasspro_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 194px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 10;
}
.sasspro_box>ul>li:first-child .sasspro_bg{
    background-image: url(../images/sasspro_bg1.png);
}
.sasspro_box>ul>li:nth-child(2) .sasspro_bg{
    background-image: url(../images/sasspro_bg2.png);
}
.sasspro_box>ul>li:last-child .sasspro_bg{
    background-image: url(../images/sasspro_bg3.png);
}
.sasspro_box>ul>li .sasspro_title{
    position: relative;
    margin-bottom: 72px;
    padding-left: 26px;
    box-sizing: border-box;
    z-index: 11;
}
.sasspro_title>h6{
    font-size: 30px;
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
	font-weight:100;
}
.sasspro_title>p{
    font-size: 18px;
    color: #fff;
    line-height: 1;
}
.sasspro_title>.line{
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin-top: 12px;
}
.sasspro_box>ul>li .sasspro_content{
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}
.sasspro_content .content_img{
    text-align: center;
}
.content_img>img{
    /*width: 110px;*/
    height: 42px;
}
.sasspro_content .content_txt{
    text-align: left;
    margin-top: 20px;
}
.content_txt>p{
    font-size: 16px;
    color: #5d5d5d;
    line-height: 28px;
	text-align: center;
}
.content_txt>p.used{
    font-size: 14px;
    color: #5d5d5d;
    text-align: center;
    margin: 20px 0 24px;
    padding-top: 12px;
    border-top: 1px solid #dfdfdf;
}
.content_txt>p.used>span{
    font-weight: bold;
    font-size: 16px;
    color: #ff5a04;
}
.content_txt>a{
    display: block;
    font-size: 16px;
    color: #fff;
    width: 130px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
    background: -webkit-linear-gradient(left,#ff8f18, #ff5803);
    background: -o-linear-gradient(right,#ff8f18, #ff5803);
    background: -moz-linear-gradient(right,#ff8f18, #ff5803);
    background: linear-gradient(to right,#ff8f18, #ff5803);
    border-radius: 24px;
	font-weight: bold;
}

.content_txt>a:hover{

    background-color: #E76704;
}
/* 了解sass产品 end */



/* 产品推荐开始 */
.proApplic_warpper{
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 60px 0;
}
.proApplic_box{
    width: 1213px;
    margin: 0 auto;
}
.proApplic_box>h2{
    font-size: 30px;
    color: #333;
    text-align: center;
	font-weight:100;
}
.proApplic_box>p{
    font-size: 14px;
    color: #333;
    text-align: center;
    margin: 8px 0 60px 0;
}
.proApplic_box_sec ul{
    overflow: hidden;
}
.proApplic_box_sec ul li{
    float: left;
    width: 285px;
    margin-right: 2%;
    margin-bottom: 2%;
    padding-bottom: 32px;
    background-color: #f1f1f1;
    border-radius: 10px;
    box-sizing: border-box;
}
.proApplic_box_sec ul li:hover{
    box-shadow: 0 6px 10px #eee;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.proApplic_box_sec ul li:nth-child(4n){
    margin-right: 0;
}
.proApplic_box_sec ul li .proApplic_img{
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}
.proApplic_img>img{
    max-width: 285px;
    width: 285px;
}
.proApplic_box_sec ul li .proApplic_txt{
    width: 100%;
    text-align: center;
    padding: 0 25px;
    box-sizing: border-box;
}
.proApplic_txt>p{
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.proApplic_txt>a{
    display: block;
    font-size: 14px;
    color: #ff730d;
    width: 100px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    margin: 16px auto 0;
    border: 1px solid #ff730d;
    border-radius: 24px;
	font-weight: bold;
}
.proApplic_txt>a:hover{
    color: #fff;
    background-color: #ff730d;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* 产品推荐结束 */

/* 首页在线报名 开始 */
.participate{
    position: fixed;
    top: 50%;
    right: 5px;
    width: 150px;
    z-index: 999;
}
.participate > .close{
    position: absolute;
    right: 10px;
    top: 9px;
    width: 20px;
    cursor: pointer;
}
/* 首页在线报名 结束 */

.container_shool .infotxtdetail p{
    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;
    text-indent: 2em;
}
.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;
    text-indent: 2em;
}