@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; border:none;}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle;}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#999}
a:hover{text-decoration:none}
button,input[type=submit],input[type=reset],input[type=text],input[type=button],select,textarea{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur());border: none;}
body,th,td,button,input,select,textarea{  font-family:Arial, "微软雅黑"; font-size:12px;color:#666;}
.layout{ margin:0 auto; width: 1200px;}
.l,.left,.fl{ float:left}
.r,.right,.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
body{ min-width:1200px; overflow:auto;background: #f6f6f6;}
.picImg{display:none;position:absolute;left:280px;top:-30px;width:188px;padding-left:8px;height:180px;background:url(../images/bgew.png) no-repeat left center;}
.txtPic:hover img{display:block;}
/*slick*/
.slick-slider{position: relative;outline: none;display: block; -moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left;outline: 0 none;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-arrow.slick-hidden { display: none;}
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; padding: 0px; cursor: pointer; }
.slick-dots button{display: none;}
/*slick*/
img{
	max-width: 100%;
}
.pich{
	overflow: hidden;
}
.pich img{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.pich:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.header{
	height: 120px;
	background: url(../images/app/header_bg.jpg) center no-repeat;
}
.logo{
	display: block;
	max-width: 15%;
	line-height: 120px;
	/*height: 80px;*/
	/*background: url(../images/app/logo.png) center no-repeat;*/
	/*background-size: 100% 100%;*/
    /*background-position: center;*/
	float: left;
	/*margin-top: 20px;*/
}
.h_fr{
	float: right;
	margin-top: 22px;
}
.s_e .email{
	float: right;
	width: 110px;
	height: 36px;
	display: block;
	text-align: center;
	line-height: 36px;
	background: #02be80;
}
.s_e .email span{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 25px;
	background: url(../images/app/ic1.png) left center no-repeat;
}
.s_e .search{
	float: right;
	margin-right: 20px;
	width: 280px;
	height: 36px;
	background: #FFFFFF;
}
.s_e .search .text{
	float: left;
	width: 209px;
	height: 34px;
	border: 1px #DDDDDD solid;
	padding: 0 10px;
	border-right:  none;
	color: #777777;
	font-size: 12px;
}
.s_e .search .button{
	width: 50px;
	height: 36px;
	background: url(../images/app/fdj.png) center no-repeat #0060b6;
}
.menu{
	padding-top: 8px;
}
.menu dd{
	float: left;
	margin: 0 18px;
	position: relative;
}
.menu dd p{
	font-size: 16px;
}
.menu dd p a{
	display: inline-block;
	vertical-align: top;
	line-height: 54px;
	color: #333333;
}
.menu dd p em{
	float: right;
	display: block;
	width: 10px;
	height: 6px;
	background: url(../images/app/arw1.png) center no-repeat;
	margin-top: 24px;
	margin-left: 5px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.menu dd:hover p a{
	color: #0060b6;
}
.menu dd:hover p em{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}
.submenu{
	position: absolute;
	left: 0;
	top: 52px;
	width: 450px;
	z-index: 9;
	display: none;
	padding-top: 2px;
}
.pos .submenu{
	left: auto;
	right: 0;
}
.menuchage{
	border-top: 2px #0060b6 solid;
	padding: 20px 20px 20px 0;
	background: #FFFFFF;
}
.submenu .hd{
	float: left;
	width: 130px;
	line-height: 30px;
}
.submenu .hd li a{
	display: block;
	padding: 0 20px;
	color: #333333;
}
.submenu .hd li i{
	display: inline-block;
	vertical-align: top;
	padding-left: 18px;
	background: url(../images/app/arw2.png) left center no-repeat;
}
.submenu .hd li.on a{
	color: #FFFFFF;
	background: #0060b6;
}
.submenu .hd li.on i{
	background-image: url(../images/app/arw3.png);
}
.submenu .bd{
	float: right;
	width: 260px;
	height: 160px;
	overflow: hidden;
}
.submenu .bd .pich{
	width: 260px;
	height: 160px;
}
.bannerbox{
	display: block;
	width: 100%;
	height: 500px;
	background: center no-repeat;
}
.banner .slick-prev, 
.banner .slick-next{
	width: 22px;
	height: 42px;
	background: url(../images/app/arw4.png) 0 0 no-repeat;
	left: 2%;
	margin-top: -21px;
	z-index: 5;
}
.banner .slick-next{
	left: auto;
	right: 2%;
	background-position: -22px 0;
}
.banner .slick-dots{
	height: 15px;
	bottom: 20px;
}
.banner .slick-dots li{
	width: 15px;
	height: 15px;
	vertical-align: top;
	background: url(../images/app/dot1.png) 0 0 no-repeat;
	margin: 0 5px;
}
.banner .slick-dots li.slick-active{
	background-position: -15px 0;
}
.main{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
}
.index_1{
	float: left;
	width: 400px;
	padding: 0 20px 0;
	background: #FFFFFF;
	min-height: 410px;
}
.title{
	line-height: 44px;
	font-size: 24px;
	color: #333333;
	margin-top: 16px;
	padding-left: 34px;
	background: left center no-repeat;
}
.title.t1{
	background-image: url(../images/app/ic2.png);
}
.title span{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #999999;
	padding-left: 20px;
	background: url(../images/app/xx.png) left center no-repeat;
	margin-left: 5px;
}
.title a{
	float: right;
	font-size: 14px;
	color: #999999;
	padding-right: 15px;
	background: url(../images/app/arw5.png) right center no-repeat;
}
.title a:hover{
	text-decoration: underline;
}
.index_1 .box{
	display: block;
	margin-top: 20px;
}
.index_1 .box .pich{
	float: left;
	width: 160px;
	height: 120px;
}
.index_1 .box .word{
	float: right;
	width: 220px;
}
.index_1 .box p{
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.index_1 .box span{
	display: block;
	color: #999999;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	margin-top: 10px;
}
.index_1 .box:hover p{
	color: #0060b6;
}
.index_1 ul{
	margin-top: 29px;
	border-top: 1px #cccccc dashed;
	padding-top: 18px;
}
.index_1 ul li{
	line-height: 36px;
	font-size: 16px;
}
.index_1 ul li a{
	display: block;
	padding-left: 14px;
	background: url(../images/app/dot2.png) left center no-repeat;
	color: #555555;
}
.index_1 ul li:hover a{
	background-image: url(../images/app/dot3.png);
	color: #0060b6;
}
.index_2{
	float: left;
	background: #FFFFFF;
	width: 440px;
	min-height: 410px;
	margin-left: 20px;
}
.index_2 .title.t2{
	background-image: url(../images/app/ic3.png);
	width: 366px;
	margin: 16px auto 0;
}
.index_2 li{
	float: left;
	width: 190px;
	height: 145px;
	overflow: hidden;
	margin: 20px 0 0 20px;
	position: relative;
}
.index_2 li p{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: url(../images/app/bg1.png) repeat;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 36px;
	width: 100%;
}
.index_3{
	float: right;
	width: 280px;
}
.index_3 li{
	height: 124px;
	line-height: 124px;
	background: #FFFFFF;
	margin-top: 19px;
}
.index_3 li.first{
	margin-top: 0;
}
.index_3 li a{
	display: block;
	font-size: 18px;
	color: #333333;
	padding: 0 20px 0 20px;
}
.index_3 li p{
	padding-right: 20px;
	background: url(../images/app/arw6.png) right center no-repeat;
}
.index_3 li em{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url(../images/app/ic4.png) no-repeat;
	margin-right: 20px;
}
.foot{
	background: #FFFFFF;
	border-top: 2px #0060b6 solid;
	padding: 15px 0;
}
.copyright{
	float: left;
	color: #999999;
	line-height: 24px;
}
.copyright a{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
.copyright a:hover{
	text-decoration: underline;
}
.flink{
	float: right;
	margin-top: 5px;
	padding-left: 40px;
	background: url(../images/app/ic5.png) left center no-repeat;
	line-height: 30px;
	font-size: 14px;
	color: #333333;
}
.flink span{
	float: left;
}
.flink dl{
	float: left;
	font-size: 12px;
	color: #333333;
	width: 120px;
	height: 28px;
	border: 1px #DDDDDD solid;
	position: relative;
	padding: 0 14px;
	margin-left: 20px;
}
.flink dt{
	line-height: 28px;
}
.flink dt p{
	width: 105px;
	/*overflow: hidden;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}
.flink dt em{
	float: right;
	display: block;
	width: 14px;
	height: 8px;
	background: url(../images/app/arw7.png) center no-repeat;
	margin-top: 10px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.flink dl dd{
	position: absolute;
	left: -1px;
	bottom: 28px;
	border: 1px #DDDDDD solid;
	background: #FFFFFF;
	width: 120px;
	padding: 5px 14px;
	display: none;
}
.flink dd a{
	display: block;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.flink dd a:hover{
	text-decoration: underline;
}
.flink dl:hover dt em{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}
.backtop{
	width: 40px;
	height: 40px;
	background: url(../images/app/backtop.png) center no-repeat;
	cursor: pointer;
	position: fixed;
	right: 0;
	bottom: 10%;
	display: none;
	z-index: 9;
}
.foot.fixed{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.inbanner{
	height: 280px;
	background: center no-repeat;
}
.incon{
	padding: 20px 0 50px;
}
.inmain{
	width: 1200px;
	margin: 0 auto;
	background: url(../images/app/sx1.jpg) left center repeat-y #FFFFFF;
	padding-bottom: 50px;
}
.lnav{
	float: left;
	width: 240px;
}
.lnav li{
	line-height: 50px;
	font-size: 14px;
}
.lnav li a{
	display: block;
	color: #333333;
	padding: 0 30px;
}
.lnav li i{
	display: block;
	padding-right: 10px;
	background: url(../images/app/arw8.png) right center no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.lnav li.on a,
.lnav li:hover a{
	background: #0060B6;
	color: #FFFFFF;
}
.conbox{
	padding: 13px 30px 0;
}
.conbox h3{
	font-size: 18px;
	color: #0060b6;
	padding-left: 30px;
	background: url(../images/app/ic6.png) left center no-repeat;
	line-height: 52px;
}
.conbox p{
	color: #333333;
	line-height: 18px;
	margin-top: 12px;
}
.conbox p em{
	display: inline-block;
	vertical-align: top;
	width: 135px;
}
.rightbox{
	width: 880px;
	float: left;
	margin-left: 40px;
}
.location{
	line-height: 110px;
	font-size: 24px;
	color: #0060b6;
}
.location span{
	font-size: 12px;
	float: right;
	color: #999999;
	line-height: 30px;
	margin-top: 40px;
}
.location span a{
	display: inline-block;
	vertical-align: top;
	color: #999999;
}
.location span a:hover,
.location span a.last{
	color: #333333;
}
.location span em{
	display: inline-block;
	margin: 0 3px;
	vertical-align: top;
}
.intro .pic{
	float: left;
	width: 300px;
	height: 400px;
	overflow: hidden;
}
.intro .word{
	float: right;
	width: 535px;
}
.intro .word h3{
	font-size: 18px;
	color: #00ac6f;
	line-height: 38px;
}
.intro .word p{
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	/*padding-bottom: 28px;*/
}
.intro .word p a{
	color: #333333;
}
.intro .word p a:hover{
	text-decoration: underline;
}
.dongtai li{
	padding: 40px 0;
	border-bottom: 1px #CCCCCC dashed;
}
.dongtai li.first{
	padding-top: 0;
}
.dongtai li a{
	display: block;
	position: relative;
}
.dongtai li .pic{
	float: left;
	position: relative;
	width: 240px;
	height: 160px;
	overflow: hidden;
}
.dongtai li .blue{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background: url(../images/app/bg2.png) repeat;
	display: none;
}
.dongtai li .blue b{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/app/fdj2.png) center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
}
.dongtai li .word{
	float: right;
	width: 600px;
	font-size: 14px;
	color: #999999;
}
.dongtai li h3{
	font-size: 18px;
	color: #333333;
	line-height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dongtai li p{
	line-height: 28px;
	height: 84px;
	overflow: hidden;
	margin-top: 20px;
}
.dongtai li span{
	display: block;
	line-height: 28px;
	margin-top: 10px;
}
.dongtai li .border{
	position: absolute;
	left: 0;
	bottom: -41px;
	height: 1px;
	width: 0;
	background: #0060b6;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.dongtai li a:hover h3{
	color: #0060b6;
}
.dongtai li a:hover .border{
	width: 100%;
}
.dongtai ul{
	padding-bottom: 40px;
}
.page{
	text-align: center;
}
.dis{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
}
.page a{
	float: left;
	width: 40px;
	height: 40px;
	background-color: #FFFFFF;
	line-height: 40px;
	margin: 0 5px;
	font-size: 16px;
	color: #555555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.page a:hover{
	background: #f6f6f6;
	color: #0078bb;
}
.page a.on{
	background: #0078BB;
	color: #FFFFFF;
}
.page a.a1{
	background: url(../images/app/arw10.png) center no-repeat;
}
.page a.a2{
	background-image: url(../images/app/arw11.png);
}
.page a.a1:hover{
	background-image: url(../images/app/arw13.png)
}
.page a.a2:hover{
	background-image: url(../images/app/arw12.png)
}
.page span{
	float: left;
	width: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #555555;
}
.inbg{
	padding: 70px 0 0;
	height: 679px;
	background: center no-repeat;
}
.inbg_auto{
	padding: 70px 0 70px 0;
	min-height: 679px;
}
.build .box{
	background: #FFFFFF;
	height: 300px;
	overflow: hidden;
}
.build .box .bigpic{
	float: left;
	width: 600px;
	height: 300px;
}
.build .box .word{
	float: left;
	width: 550px;
	margin: 17px 25px 0;
}
.build .box .tit{
	line-height: 48px;
	font-size: 24px;
	color: #0060b6;
}
.build .box .tit a{
	float: right;
	font-size: 14px;
	color: #777777;
	padding-right: 18px;
	background: url(../images/app/arw8.png) right center no-repeat;
}
.build .box .tit a:hover{
	text-decoration: underline;
}
.build .box li{
	padding: 15px 0;
}
.build .box li a{
	display: block;
}
.build .box li .pich{
	float: left;
	width: 130px;
	height: 80px;
}
.build .box li .fr{
	width: 390px;
}
.build .box li h3{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.build .box li p{
	font-size: 12px;
	color: #999999;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.build .box li a:hover h3{
	color: #0060b6;
}
.build .box2{
	margin-top: 15px;
}
.build .box2 .tit{
	color: #00ac6f;
}
.build .box2 dl{
	margin-top: 5px;
}
.build .box2 dd{
	line-height: 49px;
	border-bottom: 1px #CCCCCC dashed;
}
.build .box2 dd a{
	display: block;
	padding-left: 30px;
	background: url(../images/app/ic7.png) left center no-repeat;
	font-size: 14px;
	color: #999999;
}
.build .box2 dd p{
	float: right;
	width: 415px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #555555;
}
.build .box2 dd:hover p{
	color: #0060b6;
}
.bosssay .pic{
	float: left;
	width: 300px;
	height: 400px;
	overflow: hidden;
}
.bosssay .word{
	float: right;
	font-size: 14px;
	color: #333333;
	line-height: 36px;
	margin-top: 10px;
	width: 550px;
}
.bosssay .word p{
	text-indent: 2em;
}
.chanye li{
	float: left;
	width: 70px;
	height: 610px;
	background: left center no-repeat;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.chanye li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.chanye li .box{
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 100%;
	background: url(../images/app/bg6.png) repeat;
}
.chanye li .box p{
	width: 28px;
	margin: 0 auto;
	padding-top: 75px;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 34px;
	text-align: center;
}
.chanye li .box b{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/app/arw14.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 80px;
}
.chanye li.on{
	width: 700px;
}
.chanye li.on .box{
	background-image: url(../images/app/bg5.png);
}
.chanye li.on .box b{
	background-position: -40px 0;
}
.gaikuang li{
	float: left;
	padding: 0 30px;
	border-left: 1px #eee solid;
	width: 159px;
}
.gaikuang li h3{
	line-height: 42px;
	font-size: 16px;
	color: #0060B6;
	font-weight: bold;
	height: 42px;
	overflow: hidden;
}
.gaikuang li h3 em{
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
}
.gaikuang li span{
	display: block;
	font-size: 14px;
	color: #999999;
	line-height: 28px;
}
.gaikuang p{
	font-size: 14px;
	color: #333333;
	text-indent: 2em;
	line-height: 30px;
	margin-top: 30px;
}
.jijian{
	padding-top: 120px;
	height: 629px;
}
.jijian li{
	float: left;
	width: 595px;
	height: 510px;
	position: relative;
	overflow: hidden;
}
.jijian li .pich{
	width: 595px;
	height: 510px;
}
.jijian li .box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #FFFFFF;
	line-height: 100px;
	height: 100px;
	overflow: hidden;
	background: url(../images/app/bg2.png) repeat;
}
.jijian li .box span{
	display: block;
	float: left;
	margin-left: 30px;
	font-size: 24px
}
.jijian li .box span em{
	display: inline-block;
	filter:alpha(opacity=50);   
	-moz-opacity:0.5;   
	-khtml-opacity: 0.5;   
	opacity: 0.5; 
	font-size: 14px;
	margin-left: 10px;
}
.jijian li .box b{
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/app/arw14.png) 0 0 no-repeat;
	margin-top: 30px;
	margin-right: 30px;
}
.jijian li.last{
	float: right;
}
.jijian li.last .box{
	background-image: url(../images/app/bg8.png);
}
.join .box1{
	float: left;
	width: 535px;
	height: 300px;
	background: #0060b6;
	padding: 0 30px;
}
.join .tit,
.dlall .tit{
	font-size: 24px;
	color: #FFFFFF;
	line-height: 64px;
	margin-top: 10px;
}
.join .box1 ul{
	float: left;
	width: 400px;
}
.join .box1 ul li{
	margin-top: 10px;
	line-height: 24px;
	font-size: 14px;
	color: #FFFFFF;
}
.join .box1 ul i{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(../images/app/ic8.png) 0 0 no-repeat;
}
.join .box1 ul span{
	display: block;
	float: right;
	padding: 8px 0;
	width: 340px;
}
.join .box1 ul i.i2{
	background-position: 0 -40px;
}
.join .box1 ul i.i3{
	background-position: 0 -80px;
}
.join .box1 ul i.i4{
	background-position: 0 -120px;
}
.join .box1 .ewm{
	float: right;
	width: 120px;
	margin-top: 10px;
	text-align: center;
}
.join .box1 .ewm .pic{
	background: #FFFFFF;
	width: 100px;
	height: 100px;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.join .box1 .ewm p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 42px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.join .box2{
	float: right;
	width: 595px;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.join .tit2,
.dlall .tit2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.join .tit2 p,
.dlall .tit2 p{
	padding: 20px 30px 0;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 60px;
	background: url(../images/app/bg19.png) center bottom repeat-x;
}
.join .tit2 p em,
.dlall .tit2 p em{
	display: block;
	padding-right: 15px;
	background: url(../images/app/arw9.png) right center no-repeat;
}
.dlall{
	padding-top: 10px;
}
.dlall dt{
	float: left;
	width: 290px;
	height: 300px;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
}
.dlall dd{
	float: left;
	width: 295px;
	height: 300px;
	position: relative;
	overflow: hidden;
	background: #02be80 url(../images/app/bg10.png) right bottom no-repeat;
	margin-right: 10px;
}
.dlall dd a{
	display: block;
	color: #FFFFFF;
	padding: 0 30px;
	height: 100%;
}
.dlall dd p{
	font-size: 14px;
	line-height: 30px;
	margin-top: 10px;
	height: 120px;
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;   
	-khtml-opacity: 0.7;   
	opacity: 0.7; 
	overflow: hidden;
}
.dlall dd b{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/app/arw14.png) 0 0 no-repeat;
	margin-top: 16px;
}
.dlall dd.dd2{
	background-image: url(../images/app/bg11.png);
	background-color: #ff9900;
	margin-right: 0;
}
.con_way{
	background: #fcfcfc;
}
.con_way .box{
	padding: 30px 40px;
}
.con_way .box h3{
	font-size: 18px;
	color: #000000;
	line-height: 38px;
}
.con_way .box ul{
	padding-top: 30px;
}
.con_way .box li{
	padding-top: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}
.con_way .box li i{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/app/ic9.png) 0 0 no-repeat;
}
.con_way .box li i.i2{
	background-position: 0 -30px;
}
.con_way .box li i.i3{
	background-position: 0 -60px;
}
.con_way .box li i.i4{
	background-position: 0 -90px;
}
.con_way .box li i.i5{
	background-position: 0 -120px;
}
.con_way .box li span{
	display: block;
	float: left;
	width: 500px;
	margin-left: 20px;
}
.con_way .box li a{
	color: #333333;
}
.con_way .box li a:hover{
	text-decoration: underline;
}
.con_way .map{
	width: 880px;
	height: 450px;
	overflow: hidden;
}
.honor li{
	float: left;
	width: 218px;
	height: 218px;
	position: relative;
	overflow: hidden;
	border: 1px #EEEEEE solid;
}
.honor li:hover{
	border-color: #0060b6;
}
.honor li p{
	padding: 0 20px;
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 178px;
	background: url(../images/app/bg2.png) repeat;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	color: #FFFFFF;
}
.honor li p em{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.honor ul{
	padding-bottom: 40px;
}
.yaowen li{
	padding: 15px 0 27px;
	border-bottom: 1px #CCCCCC dashed;
}
.yaowen li a{
	display: block;
	position: relative;
}
.yaowen li .time{
	float: left;
	width: 90px;
	margin-top: 55px;
	font-size: 18px;
	color: #999999;
	text-align: center;
	line-height: 34px;
}
.yaowen li .time p{
	line-height: 68px;
	font-size: 36px;
	color: #333333;
	background: url(../images/app/bg12.png) center bottom no-repeat;
}
.yaowen li .word{
	float: right;
	width: 760px;
}
.yaowen li .word h3{
	line-height: 68px;
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.yaowen li .word p{
	font-size: 14px;
	color: #999999;
	line-height: 28px;
	height: 84px;
	overflow: hidden;
}
.yaowen li .bor{
	width: 0;
	height: 1px;
	background: #0060B6;
	position: absolute;
	left: 0;
	bottom: -28px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.yaowen li a:hover .bor{
	width: 100%;
}
.yaowen li a:hover .time p{
	background-image: url(../images/app/bg13.png);
	color: #0060b6;
}
.yaowen li a:hover .time,
.yaowen li a:hover .word h3{
	color: #0060b6;
}
.yaowen li a:hover .word p{
	color: #333333;
}
.yaowen ul{
	padding-bottom: 40px;
}
.choose_box{
	background: #fcfcfc;
	padding: 15px 0;
}
.choose_box dt{
	float: left;
	font-size: 14px;
	color: #000000;
	width: 110px;
	margin: 7px 0;
	line-height: 26px;
	text-align: center;
}
.choose_box dd{
	float: left;
	width: 770px;
}
.choose_box dd span{
	display: block;
	float: left;
	padding: 0 6px 0 7px;
	background: url(../images/app/sx2.jpg) left center no-repeat;
	margin: 7px 0;
}
.choose_box dd span a{
	display: block;
	padding: 0 12px;
	color: #000000;
	line-height: 26px;
}
.choose_box dd span.on a{
	color: #FFFFFF;
	background: #0060b6;
}
.job_list{
	margin-top: 20px;
	padding-bottom: 40px;
}
.job_list>dd>.titcli >span,.job_list>dt>span{
	float: left;
	width: 20%;
	text-align: center;
	line-height: 40px;
	color: #333333;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.job_list span em{
	display: block;
	text-align: left;
	padding-left: 20px;
}
.job_list dt{
	background: #777777;
}
.job_list dt span{
	font-size: 14px;
	color: #FFFFFF;
}
.job_list .titcli{
	cursor: pointer;
}
.job_list dd.col .titcli{
	background: #fcfcfc;
}
.job_list dd i{
	width: 14px;
	height: 14px;
	display: block;
	background: url(../images/app/jia.png) center no-repeat;
	position: absolute;
	right: 20px;
	top: 13px;
}
.job_list .con{
	padding: 10px 0 20px 20px;
	background: #f6f6f6;
	display: none;
}
.job_list .con .box{
	float: left;
	margin-right: 20px;
	width: 410px;
}
.job_list .con h4{
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}
.job_list .con h5{
	width: 410px;
	line-height: 28px;
	color: #333333;
	padding-top: 10px;
	font-size: 12px;
}
.job_list .con .btn{
	display: block;
	font-size: 14px;
	color: #035aaa;
	border: 1px #035aaa solid;
	width: 118px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 40px;
}
.job_list dd.on .titcli{
	background: #0060b6;
}
.job_list dd.on .titcli span{
	color: #FFFFFF;
}
.job_list dd.on i{
	background-image: url(../images/app/jian.png);
}
.video_list li{
	float: left;
	width: 280px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.video_list li .pic{
	width: 280px;
	height: 158px;
	position: relative;
	overflow: hidden;
}
.video_list li .play{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/app/bg1.png) repeat;
}
.video_list li .play b{
	display: block;
	width: 36px;
	height: 36px;
	background: url(../images/app/play.png) center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -18px;
	margin-top: -18px;
}
.video_list li p{
	font-size: 14px;
	color: #000000;
	padding: 0 20px;
	line-height: 52px;
}
.video_list li p em{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.video_list li.nm{
	margin-right: 0;
}
.video_list li:hover .play{
	background-image: url(../images/app/bg2.png);
}
.video_list li:hover p{
	color: #FFFFFF;
	background: #0060b6;
}
.video_list ul{
	padding-bottom: 20px;
}
.guanli .lpic{
	float: left;
	width: 595px;
	height: 610px;
	overflow: hidden;
	position: relative;
}
.guanli .lpic .tit{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	background: url(../images/app/bg15.png) repeat;
}
.guanli .lpic .tit p{
	padding: 0 30px;
	font-size: 24px;
	color: #FFFFFF;
}
.guanli .lpic .tit p em{
	display: inline-block;
	font-size: 14px;
	filter:alpha(opacity=50);   
	-moz-opacity:0.5;   
	-khtml-opacity: 0.5;   
	opacity: 0.5;
	margin-left: 5px;
}
.guanli .lpic .tit b{
	display: block;
	width: 40px;
	height: 40px;
	margin-top: 30px;
	float: right;
	background: url(../images/app/arw14.png) 0 0 no-repeat;
}
.guanli .fr{
	width: 595px;
}
.boxr{
	height: 300px;
	background: #00ac6f;
	padding: 0 30px;
}
.titall{
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 17px;
	line-height: 48px;
}
.titall a{
	color: #FFFFFF;
	padding-right: 18px;
	background: url(../images/app/arw15.png) right center no-repeat;
	float: right;
	font-size: 14px;
	float: right;
}
.titall a:hover{
	text-decoration: underline;
}
.boxr li{
	line-height: 49px;
	border-bottom: 1px #33bd8c dashed;
}
.boxr li a{
	display: block;
	color: #FFFFFF;
	font-size: 14px;
}
.boxr li span{
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	background: url(../images/app/dot4.png) left center no-repeat;
	width: 425px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.boxr li i{
	float: right;
	filter:alpha(opacity=50);   
	-moz-opacity:0.5;   
	-khtml-opacity: 0.5;   
	opacity: 0.5;
}
.boxr li:hover span{
	text-decoration: underline;
	background-image: url(../images/app/dot5.png);
}
.boxr ul{
	margin-top: 5px;
}
.guanli .fr .box2{
	padding: 0 30px;
	height: 300px;
	background: #0060b6;
	margin-top: 10px;
}
.guanli .fr .box2 li{
	padding: 15px 0;
}
.guanli .fr .box2 li a{
	display: block;
}
.guanli .fr .box2 .pich{
	float: left;
	width: 130px;
	height: 80px;
}
.guanli .fr .box2 .word{
	float: left;
	width: 375px;
	margin-left: 20px;
}
.guanli .fr .box2 .word h3{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.guanli .fr .box2 .word p{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.guanli .fr .box2 li a:hover .word h3{
	text-decoration: underline;
}
.news .left{
	width: 580px;
	height: 610px;
	background: #FFFFFF;
}
.news .left .pich{
	width: 580px;
	height: 300px;
}
.news .left .word{
	position: relative;
	padding: 28px 30px 0;
}
.news .left .word .tit{
	font-size: 18px;
	color: #FFFFFF;
	width: 120px;
	height: 40px;
	background: #0060B6;
	text-align: center;
	line-height: 40px;
	position: absolute;
	left: 30px;
	top: -20px;
}
.news .left .word h3{
	font-size: 18px;
	color: #333333;
	line-height: 62px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news .left .word p{
	font-size: 14px;
	color: #999999;
	line-height: 28px;
	height: 112px;
	overflow: hidden;
}
.news .left .word .look{
	display: block;
	font-size: 14px;
	color: #999999;
	padding: 0 20px;
	border: 1px #dddddd solid;
	line-height: 38px;
	width: 98px;
	margin-top: 27px;
}
.news .left .word .look em{
	display: block;
	background: url(../images/app/arw11.png) right center no-repeat;
}
.news .left .word .look:hover{
	border-color: #0060B6;
	color: #0060B6;
}
.news .left .word .look:hover em{
	background-image: url(../images/app/arw12.png);
}
.news .right{
	width: 610px;
}
.news .right .box1{
	background: #FFFFFF;
	height: 300px;
	padding: 0 30px;
}
.news .right .box1 .titall{
	color: #0060b6;
}
.news .right .box1 .titall a{
	color: #777777;
	background-image: url(../images/app/arw8.png);
}
.news .right .box1 li a{
	display: block;
	padding-left: 20px;
	background: url(../images/app/dot6.png) left center no-repeat;
	line-height: 42px;
	font-size: 14px;
	color: #333333;
}
.news .right .box1 li i{
	float: right;
	font-size: 14px;
	color: #999999;
}
.news .right .box1 li span{
	display: inline-block;
	vertical-align: top;
	width: 440px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news .right .box1 li a:hover{
	background-image: url(../images/app/dot7.png);
	color: #0060b6;
}
.news .right .box1 li a:hover i{
	color: #0060b6;
}
.news .right .box2{
	height: 300px;
	margin-top: 10px;
	padding: 0 30px;
	background: #0060b6;
}
.news .right .box2 .con{
	display: block;
	margin-top: 15px;
}
.news .right .box2 .pich{
	float: left;
	width: 200px;
	height: 180px;
}
.news .right .box2 .word{
	float: right;
	width: 325px;
}
.news .right .box2 p{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}
.news .right .box2 span{
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	filter:alpha(opacity=50);   
	-moz-opacity:0.5;   
	-khtml-opacity: 0.5;   
	opacity: 0.5; 
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	margin-top: 15px;
}
.news .right .box2 .time{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	padding-left: 26px;
	background: url(../images/app/ic10.png) left center no-repeat;
	margin-top: 9px;
}
.news .right .box2 .con:hover p{
	text-decoration: underline;
}
.news_det .tit{
	text-align: center;
	font-size: 24px;
	color: #333333;
	padding: 20px 30px;
	line-height: 44px;
	background: #fcfcfc;
	margin-bottom: 28px;
}
.news_det .tit p{
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	padding-top: 13px;
}
.news_det h3{
	font-size: 14px;
	color: #333333;
	text-indent: 2em;
	line-height: 30px;
	padding-top: 30px;
}
.news_det .pic{
	padding-top: 30px;
	text-align: center;
}
.news_det .pic img{
	width: auto;
	max-width: 100%;
}
.rightbox2{
	width: 960px;
	margin-left: 0;
}
.rightbox2 .location{
	padding: 0 40px;
}
.news_det{
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	font-size:14px; 
}
.page_box{
	border-top: 1px #eeeeee solid;
	padding: 0 40px;
}
.page_box ul{
	float: left;
	width: 800px;
}
.page_box ul li{
	line-height: 50px;
}
.page_box ul li a{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #555555;
	padding-left: 18px;
	background: url(../images/app/arw10.png) left center no-repeat;
}
.page_box ul li span{
	display: inline-block;
	vertical-align: top;
	max-width: 710px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.page_box ul li.last{
	border-top: 1px #EEEEEE dashed;
}
.page_box ul li.last a{
	background-image: url(../images/app/arw11.png);
}
.page_box ul li a:hover span{
	color: #0060b6;
}
.page_box .back{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/app/back.png) center no-repeat;
	float: right;
	margin-top: 30px;
}
.mes_open .fl{
	width: 595px;
}
.mes_open .box{
	width: 595px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
.mes_open .box p{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 535px;
	padding: 0 30px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 60px;
}
.mes_open .box p em{
	display: block;
	background: url(../images/app/arw9.png) right center no-repeat;
}
.mes_open .box2{
	padding: 0 30px;
	height: 300px;
	margin-top: 10px;
	background: #00ac6f;
}
.mes_open .box2 li a{
	display: block;
}
.mes_open .box2 li .time{
	float: left;
	border: 1px #FFFFFF solid;
	background: #FFFFFF;
	width: 58px;
	line-height: 29px;
	font-size: 14px;
	color: #00AC6F;
	text-align: center;
}
.mes_open .box2 li .time p{
	color: #FFFFFF;
	background: #00ac6f;
}
.mes_open .box2 li{
	padding: 19px 0;
}
.mes_open .box2 li .word{
	float: right;
	width: 455px;
}
.mes_open .box2 li .word h3{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mes_open .box2 li .word p{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;   
	-khtml-opacity: 0.7;   
	opacity: 0.7; 
}
.mes_open .box2 li.last{
	border-top: 1px #33bd8c dashed;
}
.mes_open .box2 li a:hover .word h3{
	text-decoration: underline;
}
.mes_open .fr{
	width: 595px;
}
.mes_open .boxr{
	background: #0060b6;
}
.mes_open .fr .box{
	margin-top: 10px;
}
.man_style{
	padding-bottom: 60px;
}
.man_style .pic{
	width: 880px;
	height: 580px;
	overflow: hidden;
}
.man_style .slick-prev, 
.man_style .slick-next{
	width: 30px;
	height: 40px;
	background: url(../images/app/arw16.jpg) 0 0 no-repeat;
	top: auto;
	bottom: 0;
	margin: 0;
	z-index: 2;
}
.man_style .slick-next{
	left: auto;
	right: 0;
	background-position: -30px 0;
}
.man_style .slick-prev:hover{
	background-position: 0 -40px;
}
.man_style .slick-next:hover{
	background-position: -30px -40px;
}
.man_style .slick-dots{
	bottom: 15px;
	height: 10px;
}
.man_style .slick-dots li{
	background: #DDDDDD;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.man_style .slick-dots li.slick-active{
	background: #0060b6;
}
.ol_mes .text{
	width: 558px;
	height: 48px;
	line-height: 48px;
	border: 1px #DDDDDD solid;
	padding: 0 20px;
	font-size: 14px;
	color: #999999;
	margin-top: 20px;
}
.ol_mes .text1{
	margin-top: 0;
}
.ol_mes textarea{
	padding: 0 20px;
	border: 1px #DDDDDD solid;
	width: 558px;
	height: 148px;
	line-height: 48px;
	font-size: 14px;
	color: #999999;
	margin-top: 20px;
}
.ol_mes .btn{
	padding-top: 20px;
}
.ol_mes .btn .button{
	display: block;
	float: left;
	width: 150px;
	height: 50px;
	color: #FFFFFF;
	background: #0060b6;
	font-size: 16px;
}
.ol_mes .btn .button2{
	background: none;
	border: 1px #DDDDDD solid;
	margin-left: 20px;
	color: #999999;
}
.zoujin .fl{
	width: 580px;
	background: #FFFFFF;
	height: 610px;
	overflow: hidden;
}
.zoujin .fl .pich{
	width: 580px;
	height: 280px;
}
.zoujin .fl .box{
	padding: 0 30px;
}
.zoujin .fl h3{
	font-size: 24px;
	color: #0060b6;
	line-height: 90px;
}
.zoujin .fl p{
	font-size: 14px;
	color: #333333;
	text-indent: 2em;
	line-height: 30px;
	height: 150px;
	overflow: hidden;
}
.zoujin .fl .more{
	display: block;
	font-size: 14px;
	color: #999999;
	border: 1px #EEEEEE solid;
	width: 98px;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	margin-top: 10px;
}
.zoujin .fl .more b{
	display: block;
	background: url(../images/app/arw11.png) right center no-repeat;
}
.zoujin .fl .more:hover{
	border-color: #0060B6;
	color: #0060B6;
}
.zoujin .fl .more:hover b{
	background-image: url(../images/app/arw12.png);
}
.zoujin .dlall{
	float: left;
	width: 300px;
	margin-left: 10px;
	padding-top: 0;
}
.zoujin .dlall dt{
	float: none;
	width: 300px;
	height: 350px;
}
.zoujin .dlall dd{
	float: none;
	width: 300px;
	height: 250px;
	margin-top: 10px;
	background-image: url(../images/app/bg20.png);
}
.zoujin .dlall dd p{
	height: 60px;
}
.zoujin .dlall2 dd{
	margin-top: 0;
	background-color: #0060b6;
	background-image: url(../images/app/bg21.png);
}
.zoujin .dlall2 dt{
	margin-top: 10px;
}
/*1108*/
.complaint{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/app/bg1.png) repeat;
	z-index: 9999;
	display: none;
}
.complaint .con{
	width: 320px;
	height: 360px;
	background: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -180px;
	padding: 0 40px;
}
.complaint .tit{
	font-size: 24px;
	color: #333333;
	line-height: 100px;
}
.complaint .close{
	width: 16px;
	height: 16px;
	background: url(../images/app/close.jpg) center no-repeat;
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 25px;
}
.complaint textarea{
	width: 278px;
	border: 1px #dddddd solid;
	height: 128px;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 24px;
}
.complaint .button{
	width: 100%;
	font-size: 16px;
	color: #FFFFFF;
	height: 50px;
	background: #0060b6;
	margin-top: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.video_out{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/app/bg1.png) repeat;
	display: none;
}
.video_out .con{
	padding: 20px;
	width: 800px;
	height: 500px;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -420px;
	margin-top: -225px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.video_out .play{
	width: 100%;
	height: 100%;
	background: url(../images/app/bg1.png) repeat;
	position: absolute;
	left: 20px;
	top: 20px;
	width: 800px;
	height: 500px;
	cursor: pointer;
}
.video_out .play b{
	display: block;
	width: 80px;
	height: 80px;
	background: url(../images/app/play2.png) center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
}
.video_out .close{
	width: 40px;
	height: 40px;
	position: absolute;
	right: -20px;
	top: -20px;
	background: #000000;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 24px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-family: "宋体";
	cursor: pointer;
}