.contentLeft .line{
	width: 90px;
	height: 3px;
	background-color: #42464b;
	border-radius: 1px;
	margin-bottom: 20px;
}
.contentLeft .slogen{
	font-family: 'PingFangSC-Thin';
	font-size: 42px;
	line-height: 50px;
	color: #42464b;
}
.content-right{
	float: right;
}
.content-right .playAudio{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -46px 0 0 -52px;
	width: 104px;
	height: 104px;
	text-align: center;
	z-index: 2;
}

.content-right #login{
	width: 92px;
	height: 36px;
	font-size: 15px;
	font-family: PingFangSC-thin;
	background-color: #42464b;
	border-radius: 2px;
	text-align: center;
	display: inline-block;
	/*margin-left: 7px;*/
	 float: right;
	 margin-top: 7px;
	vertical-align: middle;
}


.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;border-left:1px solid #e8e8e8 ;}
::-webkit-scrollbar-button{height:0;width:0;}
::-webkit-scrollbar-track{background-color:#fafafa;}
::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:1em ;position:relative\9;behavior: url(http://www.yfpeiyin.com/public/css/js/pie.htc);}



.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}


a:hover/*,a:active,a:focus*/{text-decoration:none;}
.hidden{visibility:hidden;}

.wb{display: flex; display: -webkit-box;display: -moz-box;}
.wbc{display: flex; display: -webkit-box; display: -moz-box; align-items: center; -webkit-box-align: center;-moz-box-align: center;}
.wbw{display: block; flex: 1; -webkit-box-flex: 1;-moz-box-flex: 1;}

/*设置选中文字时的背景色*/
::selection{ background:#e3120b; color:#fff; }
::-moz-selection    { background:#e3120b; color:#fff; }
::-webkit-selection { background:#e3120b; color:#fff;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

/*--------------------------end公用样式*/
/*html,body {height: 100%}*/
body{background: #ffff;min-height: 100vh;width: 100%;}
.w_1200{ width:1200px; margin:0 auto;}
.w_1136{ width:1136px; margin:0 auto;}
.w_986{ width:986px; margin:0 auto;}
.w_1127{ width:1127px; margin:0 auto;}
.w_1100{ width:1100px; margin:0 auto;}
.w_900{ width:900px; margin:0 auto;}
.w_816{ width:816px; margin:0 auto;}


.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



.phcolor{color: #bbb!important;}
input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;}

.content{min-width: 1200px;}

.index1{
	background:url('../image/wave.jpg') no-repeat;
	background-size: 100% 100%;
}


.index1 h1{margin-bottom: 55px;}
.index1 h2{font-size: 28px;color: #4d5257;margin-bottom: 24px;}
.index1 h2 span{display: inline-block;}
.index1 h3{font-size: 22px;color: #999;margin-bottom: 74px;}
.index1 h4{color: #41464b;font-size: 17px;}
.index1 h4 a.land{margin-left: 5px;display: inline-block;color: #41464b;font-size: 17px;}
.index1 h4 a.land:hover{color: #4c84a6;}
.index1 a.register{
	color: #fff;
	width: 140px;
    height: 44px;
    background-color: #42464b;
    border-radius: 2px;
    line-height:44px;
    display: block;
    font-size: 17px;
    margin-top: 30px;
    text-align: center;
    font-family: PingFangSC-Medium;
}
.index1 h4 a.register:hover{
	background: #fff;
	background: #d8553f;
	color: #fff;
	border-color:#d8553f ;
	font-family: PingFangSC-Regular;}
.index1 .container{
	max-width: 1100px;
	padding: 190px 0px 190px 0px;
	margin: 0 auto;
}
@media (min-width: 1024px){ 
	.index1 .container{
		padding: 200px 0px 190px 0px;
	}
}
@media (min-width: 1100px) {
	.index1 .container{
		padding: 170px 0px 190px 0px;
	}
} 
@media (min-width: 1280px){ 
	.index1 .container{
		padding: 180px 0px 190px 0px;
	}
}
@media (min-width: 1366px) {
	.index1 .container{
		padding: 190px 0px 190px 0px;
	}
} 
@media (min-width: 1440px){ 
	.index1 .container{
		padding: 110px 0px 190px 0px;
	}
}
@media (min-width: 1680px) {
	.index1 .container{
		padding: 120px 0px 190px 0px;
	}
}
@media (min-width: 1920px) {
	.index1 .container{
		padding: 140px 0px 190px 0px;
	}
}



.play{display: block;width: 104px;height: 104px; background: url('../image/play-wave.png') no-repeat center;border-radius: 50%;}
.play.on{background-image: url('../image/play-wave2.png');}
.wave .popBtn{
	display: block;
	position: absolute;
	font-size: 15px;
	color: #9a9b9d;
	background: url('../image/btn-bg.png') center no-repeat;
	top:200px;
	left: 34px;
	width: 180px;
	height: 69px;
	text-align: center;
	line-height: 63px;
}
.index2,.index3,.index4,.index5,.index6{padding-top: 100px;position: relative;}
.index2 h2,.index3 h2,.index4 h2,.index5 h2,.index6 h2,.index7 h2,.index8 h2,.index9 h2{font-size: 28px;color: #000;margin-bottom: 5px;font-family: PingFangSC-Semibold;}
.index2 h3,.index3 h3,.index4 h3,.index6 h3,.index8 h3,.index9 h3{font-size: 18px;color: #000;margin-bottom: 73px;font-family: PingfangSC-Light}


.index3 .swiperBox{
	width: 1200px;
	margin: 65px auto;
}
.index3 .swiperBox .swiperItem{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	box-shadow: 0px 0px 15px 1px #f1f1f1;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid transparent;
	color: #000;
	transition: all .3s;
	position: relative;
}
.swiperBox .swiperItem .playBtn{
	display: block;
	margin: 20px auto 0;
	cursor: pointer;
}
.swiperBox .swiperItem .time{
	font-size: 14px;
	margin-top: 8px;
}
.swiperBox .swiperItem .name{
	width: 100%;
	position: absolute;
	bottom: 18px;
	font-size: 16px;
}
.index3 .swiperBox .swiperItem.active{
	background-color: #41464c;
	color: #fff;
}
.index4 .box,.index5 .box{width: 1100px;margin: 0 auto;position: relative;}
.index4 .box {
	height: 370px;
}
.index4 .box .dubItem{
	margin-top: 0;
	width: 250px;
	height: 320px;
	float: left;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 20px 1px rgba(0, 0, 10, 0.1);
	transition: all .3s;
	box-sizing: border-box;
	padding-top: 40px;
	text-align: center;
	margin-right: 33px;
}
.index4 .box .dubItem:last-child{
	margin-right: 0;
}
.index4 .box .dubItem:hover{
	height: 370px;
	margin-top: -25px;
	padding-top: 65px;
	box-shadow: 0px 0px 20px 3px rgba(0, 0, 20, 0.1);
}
.box .dubItem .dubLogo{
	height: 90px;
	text-align: center;
}
.box .dubItem .dubName{
	font-size: 24px;
	font-family: PingFangSC-Semibold;
	margin-top: 20px;
}
.box .dubItem .dubInfo{
	font-size: 14px;
}
.box .dubItem .dubGo,
.box .dubItem .moreGo{
	display: inline-block;
	width: 140px;
	height: 44px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-family: PingFangSC-Medium;
	font-size: 18px;
	background-color: #5177bc;
	border-radius: 3px;
	margin-top: 35px;
}
.box .dubItem .moreGo{
	color: #43464a;
	box-sizing: border-box;
	border: 1px solid #43464a;
	background-color: #fff;
	line-height: 42px;
}
.index4 .box .dubItem:hover .dubGo{
	background-color: #d8553f;
}
.index5{padding-bottom: 100px;background: url(../image/bg2.png) repeat-x ;background-size:auto 100%;}
.index5 h2{margin-bottom: 64px;}
.index6 {margin: 100px 0;}
.index6 .box{width: 1100px;position: absolute;top: 100px;left: calc(50% - 550px);}
.index6 h3{margin-bottom: 15px;}

.index7{padding: 53px 0;}
.index7 .friend{font-size: 0;text-align: center;}
.index7 .friend li{display: inline-block;vertical-align: middle;margin:0 15px 20px;width: auto;height: 45px;}
.index7 .friend img{height: 100%;width: auto;}

.open a{display: inline-block;width: 120px;height: 40px;line-height: 38px;color: #5177bc;font-size: 15px;margin: 0 10px 0 0; border: 1px solid #5177bc;box-sizing: border-box;text-align: center;}
.open a:hover{background: #5177bc;color: #fff;}

.pic img{width: 1100px;height: auto;display: block;}

.talklist p{padding:0 60px; font-size: 20px;color: #555;line-height: 35px;height: 140px;}
.talk{background: url(../image/talk.png) no-repeat top;background-size:100% auto ;width: 100%;height: 60px;position: absolute; top: 0;left: 0;}

.people{font-size: 0;margin-top: 62px;text-align: center;}
.people li{font-size: 16px;display: inline-block;width: 25%;margin-left: -4px;  border-top:2px solid #c1c2c3 ;padding: 30px 0;}
.people li.on{border-top:2px solid #4c84a6 ;}

.people_left, .people_right{display: inline-block;vertical-align: middle;}
.people_left{width: 60px;height: 60px;border: 2px solid #fff; overflow: hidden;}
.people_left img{max-width: 100%;height: auto;}

.people_right a{display: block;}
.people_right h4{color: #333;font-size: 14px;font-weight: bold;}
.people_right p{color: #999;font-size: 12px;}


.i2_sign,.i3_sign{width: 41px;height: 41px;display: inline-block;background: no-repeat;background-size:41px auto ;vertical-align: middle;}

.i2_sign{background-image: url(../image/i2.png) ;}
.i3_sign{background-image: url(../image/i3.png) ;}

.index_left_1 li.on .i2_sign{background-image: url(../image/i2_1.png);}
.index_right_2 li.on .i3_sign{background-image: url(../image/i3_1.png);}

.i2_sign_1,.i3_sign_1{background-position:0 0 ;}
.i2_sign_2,.i3_sign_2{background-position:0 -41px ;}
.i2_sign_3,.i3_sign_3{background-position:0 -82px ;}
.i2_sign_4{background-position:0 -123px ;}

.index_left_1 li.on,.index_right_2 li.on{color: #4c85a7;}

/*圆角*/
.round_s{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_ss{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_m,.round_m_a a{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.round_r,.round_img img{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
/*链接文件*/
.round_s,.round_ss,.round_r,.round_m,.round_img img,.ibn .hd li,.studen_scroll .hd li,.newscorllrow .hd li,.round_m_a a{position:relative\9;behavior: url(http://www.yfpeiyin.com/public/css/js/pie.htc);}

.zoomy{ position:absolute; display:none; background-repeat:no-repeat; border:1px solid #eee; box-shadow: 0 1px 2px #ccc; cursor:url(../image/blank.gif), move; line-height:100px; text-align:center; background-image:url(../image/loading.gif); background-position:center; background-color:#fff; z-index:1000;}
.zoomy span{ display:block; margin:10px auto; background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5))); background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);}
.zoomy img{ opacity:0; filter:alpha(opacity=0);}
.zoomy a{ color:#333; text-decoration:none;}



.toper{
	position:fixed;
	height: 50px;
	width: 100%; 
	padding:0 0; 
	z-index: 10;
	background-color: transparent;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.toper #select_more{
	cursor: pointer;
}
.toper.active{
	background-color: rgba(255,255,255,0.9) !important;
	box-shadow: 0 1px 6px 0 rgba(121,169,173,0.12) !important;
}
.SoundEMS{position: fixed;top: 0;left: 0;}
/*标志*/
/*.logo{height: 28px;margin: 16px 0;font-size: 0;position: relative;}*/
/*.SoundEMS .nav.fr a{color: #c2cbd2;}*/
/*.SoundEMS .nav.fr a:hover{color: #5bc4c7;background: none;}*/

.nav_more{
	width: 140px;
	box-sizing: border-box;
	text-align:center;
	padding: 25px 0;
	background: url(../image/select-box.png) no-repeat;
	background-size: 100% 100%;
	display: none;
	position: absolute;
	right: -20px;
	top: 30px;
	z-index: 333;
	overflow: hidden;
}
.nav_more p{
	width: 122px;
	margin: 0 auto;
}
.nav_more a{
	padding: 0;
}
.nav_more p:hover{
	background-color: #f5f5f5;
}


.index8,.index9{padding: 42px 0;}
.column{width:300px;height:926px;display: inline-block;vertical-align: top; box-sizing:border-box;background-image:linear-gradient(-180deg,#fff 52%,#FAFAFA 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 -16px 32px 0 rgba(0,0,0,.04),inset 0 -3px 0 0 #fff,inset 3px 0 0 0 #fff,inset -3px 0 0 0 #fff}
.column .header{margin-top:0;height:353px;position:relative;overflow:hidden;box-shadow:inset -2px 0 0 0 rgba(255,255,255,.1),inset 2px 0 0 0 rgba(255,255,255,.1),inset 0 2px 0 0 rgba(255,255,255,.1)}
.column .header .center{position:relative;z-index:1}
.column .header .center .glyph{margin-top:53px;color: #f4f4f4;font-size: 30px;}
.column .header .center .glyph-basis{color: #444;}
.column .header .center .subtitle{opacity:.8;font-size:14px;color:#A0A2A5;letter-spacing:.88px;line-height:24px;margin-top:10px}
.column .header .center .price-wrapper{margin-top:22px}
.column .header .center .price-wrapper .price-symbol{font-size:36px;color:#A0A2A5;letter-spacing:1.5px;margin-left:19px;font-weight:300}
.column .header .center .price-wrapper .price-number{font-size:36px;color:#A0A2A5;letter-spacing:1.5px;margin-left:1px;font-weight:300}
.column .header .center .price-wrapper .price-unit{font-size:16px;color:#A0A2A5;letter-spacing:.67px;margin-left:3px;position:relative;top:-3px;left:1px}
.column .header .center .buttons{margin-top:38px}
.column .header .center .buttons .home-button{width:220px;box-sizing:border-box;display: block;margin: 0 auto; background-image:linear-gradient(-180deg,#fff 0,#FBFBFB 100%);border:1px solid #C2C2C2;border-radius:2px;font-size:16px;color:#676B6F;line-height:38px}
.column .header .center .buttons .home-button.dim{background-image:none;background-color:transparent;border:none;color:#A0A2A5}
.column .header .center .buttons .home-button.dim:hover{border:none;color:#C6C7C9}
.column .header .center .buttons .home-button.disabled{background:#ECECED;border-color:#ECECED;color:#C6C7C9;cursor:not-allowed}
.column .header .center .buttons .home-button.disabled:hover{border-color:#ECECED;color:#C6C7C9}
.column .header .center .buttons .home-button:hover{border:1px solid #A5A5A5;color:#2C3033}
.column .header.basis{background:url(../image/bg3.png) repeat-x;background-size:auto 100%;border-bottom:1px solid #E2E2E2}
.column .header.senior{background:url(../image/bg4.png) repeat-x;background-size:auto 100%;}
.column .header.senior .center .subtitle{color:#C6C7C9}
.column .header.senior .center .price-wrapper .price-symbol{color:#FFF}
.column .header.senior .center .price-wrapper .price-number{color:#FFF}
.column .header.senior .center .buttons .home-button{border:none;line-height:40px}
.column .header.senior .center .buttons .home-button.disabled{background-color:#A0A2A5;border-color:#A0A2A5;color:#C6C7C9}
.column .header.enterprise{background:url(../image/bg5.png) repeat-x;background-size:auto 100%; }
.column .header.enterprise .center .subtitle{color:#C6C7C9}
.column .header.enterprise .center .price-wrapper .price-symbol{color:#FFF}
.column .header.enterprise .center .price-wrapper .price-number{color:#FFF}
.column .header.enterprise .center .buttons .home-button{border:none;line-height:40px}
.column .header.enterprise .center .buttons .home-button.disabled{background-color:#41464B;border-color:#41464B;color:#676B6F}
.column .features{height:573px;box-sizing:border-box;padding:34px 40px 0}
.column .features .row{height:40px;padding-right:34px}
.column .features .row .left-cell{color:#41464B;font-size:14px;line-height:40px;text-align:left}
.column .features .row .left-cell .grey{font-size:14px;color:#A0A2A5}
.column .features .row .right-cell{float:right;margin-right:-34px;width:34px;height:40px;font-size:14px;color:#2C3033;font-weight:700;text-align:right;line-height:40px}

.glyph-checker{float: right;width: 17px;height: 13px;background: url(../image/check.png) no-repeat center;background-size: 17px auto; margin-top: 14px;}

.suiteitem{width: 220px;border: 1px solid #d9d9d9;margin-left: 20px; display: inline-block;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 20px 20px;}
.suiteitem:first-child{margin-left: 0;}
.suiteitem div{background: #343434;color: #fff;margin:  0 20px 28px;line-height: 32px;font-size: 15px;border-radius:0 0 10px 10px ;position:relative\9;behavior: url(http://www.yfpeiyin.com/public/css/js/pie.htc);}
.suiteitem div.special{background: #c43b3a;}
.suiteitem h4{font-size: 28px;color: #5a5f63;border-bottom: 1px solid #ccc;}
.suiteitem h5{font-size: 22px;color: #5a5f63;margin-top: 5px;}
.suiteitem h6{font-size: 15px;color: #959595;margin-top: 58px;}
.suiteitem h6.f_red{color: #c43b3a;}
.suiteitem a{border: 1px solid #4e4e4e;display: block;line-height: 38px;color: #888;font-size: 17px;margin-top: 10px;}
.suiteitem a:active{background: #c43b3a;color: #fff;border-color:#c43b3a ;}

.index9 .select{font-size: 14px;color: #666;margin-top: 41px;}
.index9 .select select{padding:0 20px 5px;height: 35px; margin-left: 20px;display: inline-block;}
.index9 .select span{display: inline-block;}

.voicelist{margin: 20px;padding: 40px;border: 1px solid #ccc;font-size: 15px;}
.voicelist li{height: 68px;display: block;border-bottom: 1px solid #ccc;padding-right: 10px;}
.voicelist div{display: inline-block;margin-top: 36px;color: #7b7b7b;}
.voicelist .al{text-align: left;display: block;color: #4b4b4b;margin-top: 20px;}
.voicelist div span{display: inline-block;}
.voicelist div a{color: #666;}
.voicelist div a:hover{color: #49638a;}
.voicelist .logobox{height: 31px;margin-top: 28px; display: inline-block;}
.voicelist .logobox img{height: 100%;width: auto;}

.voicelist .f_red{color: #c43b3a;}

.problem{text-align: left;}
.problem .row{border-bottom:1px solid #ccc ;}
.problem li{display: inline-block;width: 431px;vertical-align: top;margin: 50px 0;}
.problem li.right_item{margin-left: 78px;}
.problem .row1 li{margin-top: -50px;}
.question{font-size: 20px;color: #41464B;line-height: 28px;font-weight: bold}
.answer{margin-top: 11px;font-size: 16px;color: #999;line-height: 30px;text-align: justify}

.famous{border-bottom: none;}
.famous h3{margin-bottom: 0;}
.famous a{width: 220px;border: 1px solid #c2c2c2;line-height: 40px;display: block;color: #c43b3a;font-weight: bold;font-size: 16px;margin: 34px auto 70px;}
.famous a:active{border-color:#c43b3a ;background: #c43b3a;color: #fff;}

.page{height: 100%;box-sizing: border-box;}
.main{position: relative;width: 1200px;height: 100%;margin: auto; color: #152129;box-sizing: border-box;padding-top: 200px;}
.mainbox{height: 100%; background: url(../image/bj.jpg) no-repeat bottom left 8%;background-size:auto 85% ;background-size:contain!important ; position: relative;height: 673px;}
.main .article {position: absolute;top: 80px; right: 0;width: 465px;}
.main h2 {position: relative;margin-left: 160px;font-size: 26px;font-weight: normal;line-height: 50px}
.main h2::before {content: '';position: absolute;top: 3px;left: -160px;width: 147px;height: 35px;background-image: url(http://www.yfpeiyin.com/public/images/logo.svg);background-repeat: no-repeat;background-size: 147px auto}
.main h1 {font-size: 48px;font-weight: normal}
.main .master-desc {margin-bottom: 50px;font-size: 14px}
.main .img-master {display: none;}
.main blockquote {position: relative;font-size: 16px; line-height: 2em;letter-spacing: 0.3px;margin-top: 34px;}
.main blockquote::before{content: url(http://www.yfpeiyin.com/public/images/icon/douhao.svg);position: absolute;top: 0;left: -80px}
.main blockquote::after{content: url(http://www.yfpeiyin.com/public/images/icon/douhao.svg);position: absolute;bottom: 0;right: -50px;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.main blockquote p {margin-bottom: 10px}
.main .btn {margin-top: 20px;display: inline-block;width: 180px;height: 48px;line-height: 48px;color: #fff;text-align: center;background-color: #2dc100}
.main .btn:hover {opacity: 0.8}
.main .company{margin-top:20px ;}
.tower-master{margin: 30px 0 10px;width: 290px; text-align: right;float: right}
.tower-master h3{font-weight: normal;font-size: 16px;color: #727c81}
.tower-master p{margin-top: 10px;font-size: 12px;color: #98a3a8;line-height: 1.8em;}

.twr-weixin{width: 18px;height: 18px;background: url(../image/weixin.png) no-repeat center;background-size:18px auto;display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 5px;}

.service a.btn ,.promoting div.md  a.btn,.company_box  a.btn{box-sizing: border-box;height: 64px;width: 224px;position: absolute;left: 50%;margin-left: -112px;font-size: 20px;line-height: 64px;text-align: center}
.service a.btn:hover ,.promoting div.md a.btn:hover,.company_box  a.btn:hover{background: #e9563d;color: #fff;border-color: #e9563d;}

.service {position: relative;background-color: #00b9f2;height: 720px}
.service .service_box {height: 100%;text-align: center}
.service .service_box img {display: inline-block;height: 433px}
.service a.btn {bottom: 100px;background-color: #fff;color: #00b9f2;}


.promoting {position: relative;background-color: #fff}
.promoting>.promoting_box {width:100%;height: 100%;text-align: center;overflow-x: hidden;}
.promoting>.item1 img {display: inline-block;margin-left: 50%;position:relative;left: -720px;}
.promoting>.item2 img {display: inline-block;margin-left: 50%;position:relative;left: -720px;}
.promoting div.md {position: relative;height: 190px}
.promoting div.md a.btn {top: 64px;background-color: #fff;color: #333;border: 1px solid #333}


.company_box {background-color: #fafafa;position: relative}
.company_box>.companylist {width:100%;height: 100%;text-align: center;overflow-x: hidden;}
.company_box>.item2 img {display: inline-block;margin-left: 50%;position:relative;left: -720px;}
.company_box a.btn {bottom: 168px;background: #00b8f9;color: #fff;}

.quality{background-image:url(../image/quality.jpg) ;background-size:cover ;background-position:top center ;height: 478px;}
.qualitytext li{margin-bottom: 50px;position: relative;margin-left: 120px;}
.qualitytext li:nth-last-child(2){margin-bottom: 0;}
.qualitytext li.quality_text::before{position: absolute;top: -10px;left: -90px;background-image:url(../image/qualitysign.png) ;background-size:60px auto;width: 60px;height: 60px;display: block;content:" "; }
.quality_1::before{background-position:0 0 ;}
.quality_2::before{background-position:0 -60px ;}
.quality_3::before{background-position:0 -120px ;}
.quality_4::before{background-position:0 -180px ;}
.quality_5::before{background-position:0 -243px ;}
.qualitytext h1{color: #565656;font-size: 36px;line-height: 36px;}
.qualitytext p{color: #b4b4b4;font-size: 16px;margin-top: 20px;}
.qualitytext a{color: #49638a;}


.support-video {padding: 70px 0 30px; }

.support-video .swiper-container {width: 100%;height: 100%;padding-bottom: 30px; }

.support-video .swiper-container .swiper-button-prev, .support-video .swiper-container .swiper-button-next {top: 82px;width: 25%;height: 278px;background: none; }
.support-video .swiper-container .swiper-button-prev {left: 0;}
.support-video .swiper-container .swiper-button-next {right: 0;}
.support-video .more a,.view-more .more a {display: inline-block;*display: inline;*zoom: 1;width: 200px;height: 50px;line-height: 50px;margin-top: 30px;color: #47B0FB;border: 1px solid #47B0FB;font-size: 18px;border-radius: 3px; }
.support-video .more a:hover,.view-more .more a:hover {color: #fff;background: #47B0FB; }
.video-btn, .event-btn {position: relative;display: block;color: #38383C; }
.video-btn:before, .event-btn:before {position: absolute;top: 0;left: 0;content: ""; width: 100%; height: 100%;background: url(../image/icon-paly.png) center center no-repeat;background-size: 50px auto;border-radius: 6px;}
.video-btn.on:before{background-image:url(../image/icon-paly2.png) ;}
.video-btn.pic-btn:before, .event-btn.pic-btn:before {display: none; }
.video-btn img, .event-btn img {display: block;width: 100%;height: auto; }
.video-btn .status, .event-btn .status {position: absolute;top: 17px;right: 26px;height: 20px;line-height: 20px;color: #fff;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
.video-list .video-btn:before, .video-list .event-btn:before {display: none; }
.video-list .video-pic .video-btn {width: 100%;height: 290px;background-repeat: no-repeat;background-size: cover; }
.video-list .video-content {display: none;padding: 15px 50px 30px;color: #bbb;}
.video-list .video-content .more {color: #47B0FB;display: block;}
.video-list .video-title {margin: 0;line-height: 30px;color: #999;font-size: 14px;margin-bottom: 20px;}
.video-list .video-text {padding-bottom: 20px;}
.video-list .video-title h4 {font-size: 18px;font-family: 'PingFang SC',color: #808080; sans-serif;font-weight: 400; }
.video-list .swiper-slide {text-align: center;background: #fff;/* Center slide text vertically */ }
.video-list .swiper-slide .item-inner {-webkit-transition: .3s;transition: .3s;box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15); }
.video-list .swiper-slide.hover .item-inner {-webkit-transform: translateY(-10px);transform: translateY(-10px); }
.video-list .swiper-slide.swiper-slide-active .item-inner {box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15); }
.video-list .swiper-slide.swiper-slide-active .video-content {display: block;}
.video-list .swiper-slide.swiper-slide-active .video-btn:before, .video-list .swiper-slide.swiper-slide-active .event-btn:before {display: block; }
.video-list .swiper-slide.swiper-slide-active .video-btn.no-play:before, .video-list .swiper-slide.swiper-slide-active .video-btn.pic-btn:before, .video-list .swiper-slide.swiper-slide-active .event-btn.no-play:before, .video-list .swiper-slide.swiper-slide-active .event-btn.pic-btn:before {display: none; }

.icon {display: inline-block;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.icon-circle-down {width: 20px;height: 20px;background: url(../image/icon-circle-down.png) center no-repeat;vertical-align: top;background-size:20px auto ; }

.noborder{border: none;}

.adv{padding-bottom: 134px;}
.index10{background-color:#f8f8f8 ;padding-top: 62px;padding-bottom: 44px;}
.index10 a{display: inline-block;width: 320px;height: 52px;line-height: 52px;border: 1px solid #000;font-size: 17px;margin: 0 8px;}
.index10 a:active{background: #4d5257;color: #fff;}
.index10 a:hover{filter:alpha(Opacity=80);opacity: .8;-moz-opacity:.8;-webkit-opacity: .8;}
.index10 .btn_reserve{background: #4d5257;color: #fff;}
.index10 .btn_reserve:active{background: #fff;color: #333;}

.logo{position: relative;}
.loginNav{width: auto;position: relative;right: 0;}
.loginNav li{margin:0 0 0 1em;}
.loginNav li:last-child{margin: 0;}
.nav.fr a.goto-zb{
	font-size: 12px;
	padding: 0 5px;
	margin-right: 20px;
	margin-top: 4px;
	border: 1px solid #ccc;
	background-color: white;
	height: 20px;
	line-height: 20px;
	color: #999;
	border-radius: 3px;
}
.nav.fr a.goto-zb:hover{
	color: #999;
}