body, div, address, blockquote, iframe,datalist,footer,header,nav,time, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea 
{margin:0; padding:0;font-weight: normal;font-style: normal;font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;box-sizing:border-box;}
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video 
{display: block;margin: 0; padding: 0;}/* 重置 HTML5 元素 */
table{ border-collapse:collapse;}
ol, ul ,li{list-style: none;}
img {border: 0; margin:0; padding:0;}
a { color: #515151; text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after { content: ""; display: table; clear: both;}
.cl{clear:both;}

.m1bg img,.m2bg img,.m3bg img,.m4bg img{
	display: block;
	width: 100%;
	height: 100%;
}
.m1{
	width: 100%;
	position: relative;
	padding-top: 3%;
}
.m1bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.nav{width: 83.3%;height:42px;margin:auto;position: relative;z-index: 10;}
.navlist{width: 45%;height:100%;overflow: hidden;float: right;}
.navlist li{width: 20%;height: 100%;float: left;}
.navlist li a{width: 100%;height:42px;line-height:42px;color: #fff;font-size: 16px;display: block;text-align: center;}
.navlist li a:hover{color: #08f0db;background:url(../image/navli_bg.png) no-repeat;background-size: 100% 100%;}
.m1con{
	width: 100%;
	position: relative;
	z-index: 10;
}
.m1con_text{
	margin-top: 250px;
	color: #fff;
}
.m1con_text_title{
 	animation: zoomInLeft 1s ease-in-out 0s;
    -moz-animation: zoomInLeft 1s ease-in-out 0s;
    -webkit-animation: zoomInLeft 1s ease-in-out 0s;
    -o-animation: fadeInLeft 1s ease-in-out 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.m1con_text_title_hx{
	width: 7%;
	height: 1px;
	display: block;
	float: left;
	background-color: #fff;
	margin-top: 37px;
}
.m1con_text_title_ch{
	font-size: 50px;
	padding-left: 1%;
}
.m1con_text_des{
	letter-spacing: 1rem;
	margin-left: 8%;
	padding: 1% 0 1.5% 0;
}

.m1con_text_join{
	width: 145px;
	height: 42px;
	background-color: #2b8ada;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 42px;
	font-size: 18px;
	margin-left: 8%;
}

.m2{
	width: 100%;
	height: 100%;
	position: relative;
}
.m2_text{
	position: absolute;
	top:32%;
	left: 9.8%;
}
.m2_text_title{
	font-size: 20px;
	line-height: 2;

}
.m2_text_more{
	display: block;
	width: 100px;
	height: 33px;
	font-size: 14px;
	background: url(../image/morebg.png) no-repeat;
	background-size: 100%;
	text-align: center;
	line-height: 33px;
	margin-top: 3%;
}

.m3{
	width: 100%;
	position: relative;
}
.m3_text{
	color: #fff;
	position: absolute;
	top: 33%;
	left: 9.8%;
}
.m3_text_line1{
	font-size: 30px;
}
.m3_text_line2{
	font-size: 18px;
	margin-top: 4%;
	line-height: 1.5;
}

.m4{
	width: 100%;
	position: relative;
}
.m4_text{
	position: absolute;
	top: 38%;
	left: 9.8%;
}
.m4_text_title{
	font-size: 30px;
}
.m4_text_con{
	font-size: 20px;
	color: #666;
	margin-top: 4%;
	line-height: 2;
}

.bot{
	width: 100%;
	height: 444px;
	background: url(../image/bot_bg.jpg) center center no-repeat;
}
.bot_in{
	width: 83.3%;
	margin: auto;
	padding-top: 5%;
}
.bot_left_lx{
	color: #08f0db;
	letter-spacing: 1.5rem;
	font-size: 16px;
	margin-top: 4%;
}
.bot_left{
	width: 40%;
	float: left;
}
.bot_left_con{
	color: #999;
	margin-top: 10%;
	line-height: 2;
	font-size: 16px;
}
.bot_right{
	width: 30%;
	float: left;
}
.bot_right_top{
	margin-top: 17%;
}
.bot_right_top img{
	margin: 0 1%;
}
.bot_right_top span{
	color: #999;
	font-size: 16px;
	float: left;
}
.bot_right_bot{
	color: #999;
	margin-top: 10%;
	font-size: 16px;
	line-height: 2;
}

/*二级*/
.ej{
	width: 100%;
	position: relative;
}
.ej_bg{
	width: 100%;
	display: block;
}
.ej_nav{
	width: 100%;
	height: 62px;
	background: url(../image/black_bg.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ej_nav_in{
	width: 62.5%;
	margin: auto;
}
.ej_nav_logo{
	width: 23.75%;
	float: left;
}
.ej_nav_logo img{
	width: 100%;
	padding-top: 7%;
}
.ej_navlist{width: 45%;height:100%;overflow: hidden;float: right;}
.ej_navlist li{width: 20%;height: 36px;float: left;line-height:36px;margin-top: 15px;}
.ej_navlist li a{width: 100%;color: #fff;font-size: 16px;display: block;text-align: center;}
.ej_navlist li a:hover{color: #08f0db;background:url(../image/navli_bg.png) no-repeat;background-size: 100% 100%;}

.ejm{
	width:1200px;
	margin: auto;
	text-align: center;
}
.ejm_lm{
	font-size: 25px;
	color: #666;
	padding-top: 20px;
}
.ejm_js{
	color: #b6b6b6;
	font-size: 16px;
	padding: 1% 0;
}
.ejm_line_2c8adb{
	width: 105px;
	height: 2px;
	background-color: #2c8adb;
	margin: auto;
}
.ejm_type{
	border-top: 1px solid #b6b6b6;
	text-align: center;
}
.ejm_type li{
	display: inline-block;
	width: 11%;
	margin: 2% 1%;
	padding: 3px 0;
	line-height: 2;
	border: 1px solid #ccc;
	border-radius: 18px;
	box-sizing:border-box;
}
.ejm_con{
	min-height: 300px;
	padding: 2% 0;
	line-height: 2;
	text-align: left;
}

.news{
	margin-top: 2%;
}
.new_load{
	min-height: 500px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}
.news_li{
	width: 22.5%;
	float: left;
	margin: 1%;
	background-color: #fff;
	padding: 1%;
}
.news_li_pt{
	width: 100%;
}
.news_li_text_l{
	width: 10%;
	height: 100%;
	float: left;
	position: relative;
}
.news_li_text_l img{
	margin-top: -60px;
}
.news_li_text_r{
	width: 80%;
	float: right;
	text-align: left;
}
.news_li_text_date{
	border-top: 1px solid #e7e7e7;
}
.news_li_text_r_title{
	color: #333;
	height: 48px;
	margin-top: 5px;
}
.news_li_text_r_intro{
	font-size: 12px;
	color: #b6b6b6;
	margin: 5px 0;
	height: 72px;
}
.news_li_text_date{
	padding-top: 8px;
}
.news_li_text_date_ico{
	float: left;
}
.news_li_text_date_more{
	float: right;
}
.layui-flow-more{
	display: block;
	position: absolute;
	bottom: 15px;
	left: 47%;
	background:url(../image/morebg.png) no-repeat;
	background-size: 100% 100%;
	padding: 0 20px;
	line-height: 32px;
}
.layui-flow-more a cite{
	background: none !important;
}

.news_show_title{width: 100%;text-align: center;font-size: 30px;}
.news_show_xd img{width: 100%;}
.news_show_date{text-align: center;color: #858383;line-height: 2;margin-bottom: 2%;padding: 1% 0;}
.news_show_con{min-height: 270px;line-height: 200%;padding: 1% 0;text-align: left;}

.detail_page{margin-top: 4%;padding:4% 0;}
.detail_page_left{width: 100%;line-height: 2;text-align: left;}
.detail_page_right a{border: 2px solid #cbcbcc;padding: 1.5% 4%;float: right;}
.detail_page a{transition: all 1s;-webkit-transition: all 0.5s;}
.detail_page a:hover{color: #0ea961;}
.page_sx{width: 22px;height: 22px;display:inline-block;border: 1px solid #0ea961;border-radius: 15px;background: #0ea961;text-align: center;line-height: 22px;color: #fff;margin-right: 5px;}

/*job_list*/
.jl_li1,.jl_li2,.jl_li3,.jl_li4{
	float: left;
}
.jl_li1{
	width: 30%;
}
.job_list{
	padding-bottom: 50px;
	min-height: 500px;
	position: relative;
}
.job_list li{
	width: 100%;
	line-height: 44px;
	background-color: #cacaca;
	margin-top: 1%;
}
.jl_li2{
	width: 20%;
}
.jl_li3{
	width: 20%;
}
.jl_li4{
	width: 30%;
}





/*->主题css
*********************/
.logo{
	width: 16%;
	float: left;
	height: 100%;
	position: relative;
}
.logo img{
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}


/*轮播*/
.content_middle{
	width: 100%;
	height:92%;
    margin:0px auto;
    position:relative;
    overflow: hidden;
}
.content_middle:hover .common{
	display: block;
}
/*左右切换图标*/
.content_middle .common{
	display: block;
	width:75px;
	height: 50px;
	position: absolute;
	z-index: 25;
    bottom:8%;
}
.content_middle .btnLeft{
	opacity: 0.5;
	right:8%;
	background: url(../img/bn_l.png) no-repeat right;
}
.content_middle .btnRight{
	opacity: 0.5;
	right:2%; 
	background: url(../img/bn_r.png) no-repeat left;
}
/*左右切换图标*/
.content_middle ul {
	height: 100%;
}
.content_middle ul li{
	width:100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	margin:0px auto;
	display: none;
	transition: all 1s;
	-webkit-transition:all 1s;
}

/*切换小图标*/
.content_middle .table{
	width:740px; 
	height:33px;
	position: absolute;
	bottom:10px;
	left:50%;
	z-index:9;
	margin-left:-355px;  
	line-height: 24px; 
}
.content_middle .table a{
    width:115px;
    height:33px;  
    background:#E3DEE1;
    opacity: 0.8;
    text-align:center;
    line-height: 33px;
    margin-left:3px; 
    display: block;
    float:left;  
}
.content_middle .table a.small_active{
	background:#FF8800;
	color: #fff;
	 
} 

/*->第一屏样式
*********************/
.b1{
	width: 86.7%;
	height: 100%;
	margin:auto;
}
.b1in{
	width: 58%;
	height: 100%;
	margin: auto;
}
.b1in_l{
	text-align: center;
	background: url(../img/b1_dbx.png) no-repeat;
	width: 358px;
	height: 272px;
	padding-top: 56px;
	float: left;
	margin-top: 39%;
	color: #1b252e;
}
.active .b1in_l{
	animation: rollIn 1s ease-in-out 0s;
    -moz-animation: rollIn 1s ease-in-out 0s;
    -webkit-animation: rollIn 1s ease-in-out 0s;
    -o-animation: rollIn 1s ease-in-out 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.b1in_l span{
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
}
.b1in_l p{
	font-size: 24px;
}
.b1in_r{
	width: 405px;
	float: right;
	margin-top: 8%;
}
.b1in_r_li{
	font-size: 30px;
	background: url(../img/b1_zx1.png) no-repeat;
	padding: 20px 0 0 68px;
	margin-top: 80px;
}
.b1in_r_lix{
	font-size: 30px;
	background: url(../img/b1_zx2.png) no-repeat;
	padding: 0 0 24px 68px;
	margin-top: 70px;
}

.active .b1in_r .b1in_r_li:nth-child(1){
	animation: fadeInRight 0.3s ease-in-out 1s;
    -moz-animation: fadeInRight 0.3s ease-in-out 1s;
    -webkit-animation: fadeInRight 0.3s ease-in-out 1s;
    -o-animation: fadeInRight 0.3s ease-in-out 1s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .b1in_r .b1in_r_li:nth-child(2){
	animation: fadeInRight 0.3s ease-in-out 1.3s;
    -moz-animation: fadeInRight 0.3s ease-in-out 1.3s;
    -webkit-animation: fadeInRight 0.3s ease-in-out 1.3s;
    -o-animation: fadeInRight 0.3s ease-in-out 1.3s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .b1in_r .b1in_r_li:nth-child(3){
	animation: fadeInRight 0.3s ease-in-out 1.6s;
    -moz-animation: fadeInRight 0.3s ease-in-out 1.6s;
    -webkit-animation: fadeInRight 0.3s ease-in-out 1.6s;
    -o-animation: fadeInRight 0.3s ease-in-out 1.6s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .b1in_r .b1in_r_lix:nth-child(4){
	animation: fadeInRight 0.3s ease-in-out 1.9s;
    -moz-animation: fadeInRight 0.3s ease-in-out 1.9s;
    -webkit-animation: fadeInRight 0.3s ease-in-out 1.9s;
    -o-animation: fadeInRight 0.3s ease-in-out 1.9s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .b1in_r .b1in_r_lix:nth-child(5){
	animation: fadeInRight 0.3s ease-in-out 2.2s;
    -moz-animation: fadeInRight 0.3s ease-in-out 2.2s;
    -webkit-animation: fadeInRight 0.3s ease-in-out 2.2s;
    -o-animation: fadeInRight 0.3s ease-in-out 2.2s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}


/*->第二屏样式
*********************/
.section{
	width: 100%;
	position: relative;
}
.p2bg{
	width: 100%;
	height: 92%;
	background: url(../img/p2_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.active .p2bg{
	animation: shrink 3s ease-in-out 1;
    -moz-animation: shrink 3s ease-in-out 1;
    -webkit-animation: shrink 3s ease-in-out 1;
    -o-animation: rotation 3s ease-in-out 1;
}
@keyframes shrink{
	0%{background-size: 110% 110%;}
	100%{background-size: 100% 100%;}
}
@-webkit-keyframes rotation{
	0%{background-size: 110% 110%;}
	100%{background-size: 100% 100%;}
}

.p2{
	width: 100%;
	height: 91%;
	position: absolute;
	bottom:0;
	left: 0;
}
.p2in{
	width: 78.64%;
	height: 70%;
	margin: auto;
	background: url(../img/p2in_bg.png);
	background-size: 100%;
	padding: 4%;
	margin-top: 10%;
}
.p2in_l{
	width: 32%;
	float: left;
}
.p2in_l_top{
	border-left: 3px solid #fff;
	padding-left: 3%;
}
.p2in_l_top img{
	width: 100%;
}
.p2in_l_top p{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}
.p2in_l_middle{
	margin-top: 20px;
	color: #fff;
	line-height: 2;
	font-size: 16px;
	text-indent: 2rem;
	margin-bottom: 10px;
}
.active .p2in_l_middle{
	animation: fadeInRight 1s ease-in-out 1.5s;
    -moz-animation: fadeInRight 1s ease-in-out 1.5s;
    -webkit-animation: fadeInRight 1s ease-in-out 1.5s;
    -o-animation: fadeInRight 1s ease-in-out 1.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p2in_l_more{
	color: #fff;
	border: 1px solid #fff;
	padding: 3% 5%;
	width: auto;
	display: inline-block;
}
.active .p2in_l_more{
	animation: fadeInRight 1s ease-in-out 1.7s;
    -moz-animation: fadeInRight 1s ease-in-out 1.7s;
    -webkit-animation: fadeInRight 1s ease-in-out 1.7s;
    -o-animation: fadeInRight 1s ease-in-out 1.7s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p2in_c{
	width: 26%;
	height: 100%;
	margin: 0 5%;
	margin-top: 20px;
	float: left;
	position: relative;
}
.active .p2in_c{
	animation: flipInY 1s ease-in-out 1s;
    -moz-animation: flipInY 1s ease-in-out 1s;
    -webkit-animation: flipInY 1s ease-in-out 1s;
    -o-animation: flipInY 1s ease-in-out 1s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.p2in_c img{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.active .p2in_l_top_en{
  	animation: fadeInRight 1s ease-in-out 1.2s;
    -moz-animation: fadeInRight 1s ease-in-out 1.2s;
    -webkit-animation: fadeInRight 1s ease-in-out 1.2s;
    -o-animation: fadeInRight 1s ease-in-out 1.2s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p2in_l_top_ch{
	animation: fadeInRight 1s ease-in-out 1.3s;
    -moz-animation: fadeInRight 1s ease-in-out 1.3s;
    -webkit-animation: fadeInRight 1s ease-in-out 1.3s;
    -o-animation: fadeInRight 1s ease-in-out 1.3s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p2in_r{
	width: 32%;
	float: right;
	margin-top: -10px;
}
.p2in_r_l{
	width: 45%;
	float: left;
}
.active .p2in_r_l li:nth-child(1){
	animation: fadeInLeft 1s ease-in-out 1s;
    -moz-animation: fadeInLeft 1s ease-in-out 1s;
    -webkit-animation: fadeInLeft 1s ease-in-out 1s;
    -o-animation: fadeInLeft 1s ease-in-out 1s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p2in_r_l li:nth-child(2){
	animation: fadeInLeft 1s ease-in-out 1.2s;
    -moz-animation: fadeInLeft 1s ease-in-out 1.2s;
    -webkit-animation: fadeInLeft 1s ease-in-out 1.2s;
    -o-animation: fadeInLeft 1s ease-in-out 1.2s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p2in_r_l li:nth-child(3){
	animation: fadeInLeft 1s ease-in-out 1.4s;
    -moz-animation: fadeInLeft 1s ease-in-out 1.4s;
    -webkit-animation: fadeInLeft 1s ease-in-out 1.4s;
    -o-animation: fadeInLeft 1s ease-in-out 1.4s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p2in_r_l li:nth-child(4){
	animation: fadeInLeft 1s ease-in-out 1.6s;
    -moz-animation: fadeInLeft 1s ease-in-out 1.6s;
    -webkit-animation: fadeInLeft 1s ease-in-out 1.6s;
    -o-animation: fadeInLeft 1s ease-in-out 1.6s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p2in_r_l li{
	height: 63px;
	margin-top: 40px;
}
.p2in_r_l_en{
	width: 100%;
	padding-top: 3px;
}
.p2in_r_l_ch{
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	padding-top: 12px;
}

.p2in_r_c{
	width: 10%;
	float: left;
}
.active .p2in_r_c{
	animation: fadeInUp 1s ease-in-out 1.3s;
    -moz-animation: fadeInUp 1s ease-in-out 1.3s;
    -webkit-animation: fadeInUp 1s ease-in-out 1.3s;
    -o-animation: fadeInUp 1s ease-in-out 1.3s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p2in_r_c li{
	text-align: center;
	padding-top: 24px;
	height: 63px;
	margin-top: 40px;
}
.p2in_r_c li img{
	width: 50%;
}

.p2in_r_r{
	width: 45%;
	float: right;
}
.p2in_r_r li{
	height: 63px;
	margin-top: 40px;
}
.active .p2in_r_r li:nth-child(1){
	animation: fadeInRight 1s ease-in-out 1s;
    -moz-animation: fadeInRight 1s ease-in-out 1s;
    -webkit-animation: fadeInRight 1s ease-in-out 1s;
    -o-animation: fadeInRight 1s ease-in-out 1s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p2in_r_r li:nth-child(2){
	animation: fadeInRight 1s ease-in-out 1.2s;
    -moz-animation: fadeInRight 1s ease-in-out 1.2s;
    -webkit-animation: fadeInRight 1s ease-in-out 1.2s;
    -o-animation: fadeInRight 1s ease-in-out 1.2s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p2in_r_r li:nth-child(3){
	animation: fadeInRight 1s ease-in-out 1.4s;
    -moz-animation: fadeInRight 1s ease-in-out 1.4s;
    -webkit-animation: fadeInRight 1s ease-in-out 1.4s;
    -o-animation: fadeInRight 1s ease-in-out 1.4s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p2in_r_r li:nth-child(4){
	animation: fadeInRight 1s ease-in-out 1.6s;
    -moz-animation: fadeInRight 1s ease-in-out 1.6s;
    -webkit-animation: fadeInRight 1s ease-in-out 1.6s;
    -o-animation: fadeInRight 1s ease-in-out 1.6s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p2in_r_r li img{
	width: 100%;
	height: 63px;
}

/*第三屏*/
.p3bg{
	width: 100%;
	height: 92%;
	background: url(../img/p3_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.active .p3bg{
	animation: shrink 5s ease-in-out 1;
    -moz-animation: shrink 5s ease-in-out 1;
    -webkit-animation: shrink 5s ease-in-out 1;
    -o-animation: rotation 5s ease-in-out 1;
}
.p3{
	width: 100%;
	height: 91%;
	position: absolute;
	bottom:0;
	left: 0;
}

.p3in{
	width: 73%;
	margin: auto;
	padding-top: 5%;
}
.p3in_l{
	width: 32.5%;
	float: left;
}
.p3in_top img{
	width: 100%;
	display: block;
}
.active .p3in_top{
	animation: fadeInLeft 1s ease-in-out 0s;
    -moz-animation: fadeInLeft 1s ease-in-out 0s;
    -webkit-animation: fadeInLeft 1s ease-in-out 0s;
    -o-animation: fadeInLeft 1s ease-in-out 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p3in_l_bot{
	text-align: left;
}
.p3in_l_bot_title{
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;
}
.active .p3in_l_bot_title{
	animation: fadeInLeft 1s ease-in-out 0.3s;
    -moz-animation: fadeInLeft 1s ease-in-out 0.3s;
    -webkit-animation: fadeInLeft 1s ease-in-out 0.3s;
    -o-animation: fadeInLeft 1s ease-in-out 0.3s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}


.p3in_l_bot_title_en{
	line-height: 2;
}
.active .p3in_l_bot_title_en{
	animation: fadeInRight 1s ease-in-out 0.4s;
    -moz-animation: fadeInRight 1s ease-in-out 0.4s;
    -webkit-animation: fadeInRight 1s ease-in-out 0.4s;
    -o-animation: fadeInRight 1s ease-in-out 0.4s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p3in_l_bot_title_en img{
	max-width: 100%;
}
.p3in_l_bot_advantage li{
	font-size: 16px;
	line-height:2;
}
.active .p3in_l_bot_advantage{
	animation: fadeInLeft 1s ease-in-out 0.5s;
    -moz-animation: fadeInLeft 1s ease-in-out 0.5s;
    -webkit-animation: fadeInLeft 1s ease-in-out 0.5s;
    -o-animation: fadeInLeft 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p3in_l_yq{
	width: 8px;
    height: 8px;
    background-color: #333;
    border-radius: 50%;
    float: left;
    margin-right: 8px;
    margin-top: 12px;
}
.p3in_l_bot_more{
	margin-top: 10px;
}
.active .p3in_l_bot_more{
	animation: fadeInRight 1s ease-in-out 0.6s;
    -moz-animation: fadeInRight 1s ease-in-out 0.6s;
    -webkit-animation: fadeInRight 1s ease-in-out 0.6s;
    -o-animation: fadeInRight 1s ease-in-out 0.6s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p3in_r{
	width: 65%;
	float: right;
}
.p3in_r_title{
	margin-left: 1.8%;
}
.p3in_r_title_en{
	font-size: 30px;
	font-weight: bold;
	font-family: "创艺简标宋";
	display: block;
}
.active .p3in_r_title_en{
	animation: fadeInLeft 1s ease-in-out 0.3s;
    -moz-animation: fadeInLeft 1s ease-in-out 0.3s;
    -webkit-animation: fadeInLeft 1s ease-in-out 0.3s;
    -o-animation: fadeInLeft 1s ease-in-out 0.3s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p3in_r_title_ch{
	background-color: #65ac80;
	color: #fff;
	font-weight: bold;
	height: 48px;
	line-height: 48px;
	font-size: 30px;
	width: auto;
	display: inline-block;
	padding: 0 0.5% 0 2%;
	margin: 20px 0 45px 0;
}
.active .p3in_r_title_ch{
	animation: fadeInRight 1s ease-in-out 0.5s;
    -moz-animation: fadeInRight 1s ease-in-out 0.5s;
    -webkit-animation: fadeInRight 1s ease-in-out 0.5s;
    -o-animation: fadeInRight 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p3in_r_con li{
	width: 29.6%;
	position: relative;
	float: left;
	margin: 0 1.8%;
}
.active .p3in_r_con li:nth-child(1){
	animation: fadeInUp 1s ease-in-out 0.5s;
    -moz-animation: fadeInUp 1s ease-in-out 0.5s;
    -webkit-animation: fadeInUp 1s ease-in-out 0.5s;
    -o-animation: fadeInUp 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p3in_r_con li:nth-child(2){
	animation: fadeInUp 1s ease-in-out 0.7s;
    -moz-animation: fadeInUp 1s ease-in-out 0.7s;
    -webkit-animation: fadeInUp 1s ease-in-out 0.7s;
    -o-animation: fadeInUp 1s ease-in-out 0.7s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p3in_r_con li:nth-child(3){
	animation: fadeInUp 1s ease-in-out 0.9s;
    -moz-animation: fadeInUp 1s ease-in-out 0.9s;
    -webkit-animation: fadeInUp 1s ease-in-out 0.9s;
    -o-animation: fadeInUp 1s ease-in-out 0.9s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}


.p3in_r_con li img{
	width: 100%;
}
.p3in_r_con_shade{
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/black_bg.png);

}


/*第四屏*/
.p4bg{
	width: 100%;
	height: 92%;
	background: url(../img/p4_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.active .p4bg{
	animation: shrink 5s ease-in-out 1;
    -moz-animation: shrink 5s ease-in-out 1;
    -webkit-animation: shrink 5s ease-in-out 1;
    -o-animation: rotation 5s ease-in-out 1;
}

.p4{
	width: 100%;
    height: 91%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.p4in{
	width: 83.33%;
	margin: auto;
	padding-top: 172px;
}
.p4in_l{
	width: 35%;
	position: relative;
	float: left;
}
.p4in_l_bg{
	width: 77%;
	position: absolute;
	top: 55px;
	right: 20px;
	z-index: 0;
}
.active .p4in_l_bg{
	animation: fadeInDown 1s ease-in-out 0.5s;
    -moz-animation: fadeInDown 1s ease-in-out 0.5s;
    -webkit-animation: fadeInDown 1s ease-in-out 0.5s;
    -o-animation: fadeInDown 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p4in_l_text{
	padding-top: 20%;
}
.p4in_l_text_ch{
	padding-left: 25%;
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}
.active .p4in_l_text_ch{
	animation: fadeInLeft 1s ease-in-out 0.5s;
    -moz-animation: fadeInLeft 1s ease-in-out 0.5s;
    -webkit-animation: fadeInLeft 1s ease-in-out 0.5s;
    -o-animation: fadeInLeft 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p4_l_text_en{
	width: 82%;
	margin-top: 10px;
	position: relative;
	z-index: 1;
}
.active .p4_l_text_en{
  	animation: fadeInRight 1s ease-in-out 0.5s;
    -moz-animation: fadeInRight 1s ease-in-out 0.5s;
    -webkit-animation: fadeInRight 1s ease-in-out 0.5s;
    -o-animation: fadeInRight 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p4in_l_con{
	width: 82%;
	float: right;
	color: #fff;
	font-size: 16px;
	margin-top: 15%;
	line-height: 2;
}
.active .p4in_l_con{
	animation: fadeInLeft 1s ease-in-out 0.5s;
    -moz-animation: fadeInLeft 1s ease-in-out 0.5s;
    -webkit-animation: fadeInLeft 1s ease-in-out 0.5s;
    -o-animation: fadeInLeft 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p4in_l_more{
	display: block;
	width: 149px;
	height: 40px;
	color: #fff;
	background-color:#65ac80;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin-left: 17.5%;
	margin-top: 12%;
}
.active .p4in_l_more{
  	animation: fadeInRight 1s ease-in-out 0.5s;
    -moz-animation: fadeInRight 1s ease-in-out 0.5s;
    -webkit-animation: fadeInRight 1s ease-in-out 0.5s;
    -o-animation: fadeInRight 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p4in_r{
	width: 60%;
	float: right;
}
.p4in_r_con{
	width: 100%;
}
.active .p4in_r_con{
  	animation: fadeInRight 1s ease-in-out 1s;
    -moz-animation: fadeInRight 1s ease-in-out 1s;
    -webkit-animation: fadeInRight 1s ease-in-out 1s;
    -o-animation: fadeInRight 1s ease-in-out 1s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p4in_r_con li{
	width: 31%;
	float: left;
	margin: 1%;
	position: relative;
}
.p4in_r_con li img{
	width: 100%;
	display: block;
}
.p4in_r_con_shade{
	display: none;
	width: 100%;
	height: 100%;
	background: url(../img/p4_r_picbg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

/*第五屏*/
.p5bg{
	width: 100%;
	height: 92%;
	background: url(../img/p5_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.active .p5bg{
	animation: shrink 5s ease-in-out 1;
    -moz-animation: shrink 5s ease-in-out 1;
    -webkit-animation: shrink 5s ease-in-out 1;
    -o-animation: rotation 5s ease-in-out 1;
}

.p5{
	width: 100%;
    height: 91%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.p5_bt{
	padding-top: 80px;
	text-align: center;
}
.active .p5_bt{
  	animation: fadeInUp 1s ease-in-out 0s;
    -moz-animation: fadeInUp 1s ease-in-out 0s;
    -webkit-animation: fadeInUp 1s ease-in-out 0s;
    -o-animation: fadeInUp 1s ease-in-out 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.p5_bt_ch{
	font-size: 36px;
	font-weight: bold;
}
.p5_bt_en{
	padding-top: 1%;
}

.p5in{
	width: 1410px;
	margin: auto;
	margin-top: 30px;
}
.active .p5in{
  	animation: zoomIn 1s ease-in-out 0.5s;
    -moz-animation: zoomIn 1s ease-in-out 0.5s;
    -webkit-animation: zoomIn 1s ease-in-out 0.5s;
    -o-animation: zoomIn 1s ease-in-out 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}



.strip_of_thumbnails img{
	width: 100%;
	height: 139px;
}
#DHTMLgoodies_largeImage img{
	width: 826px;
	height: 500px;
}
.p5_more{
	width: 140px;
	height: 40px;
	line-height: 40px;
	background-color: #67a07e;
	color: #fff;
	display: block;
	text-align: center;
	margin:auto;
	margin-top: 30px;
}

/*第六屏*/
.p6bg{
	width: 100%;
	height: 92%;
	background: url(../img/p6_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.active .p6bg{
	animation: shrink 5s ease-in-out 1;
    -moz-animation: shrink 5s ease-in-out 1;
    -webkit-animation: shrink 5s ease-in-out 1;
    -o-animation: rotation 5s ease-in-out 1;
}

.p6{
	width: 100%;
    height: 91%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.p6_in{
	width: 760px;
	margin-left: 13%;
	margin-top: 4%;
}
.p6_bt{
	text-align: center;
	width: 40%;
	margin: 4% auto 0;
}
.active .p6_bt{
  	animation: fadeInLeft 1s ease-in-out 0s;
    -moz-animation: fadeInLeft 1s ease-in-out 0s;
    -webkit-animation: fadeInLeft 1s ease-in-out 0s;
    -o-animation: fadeInLeft 1s ease-in-out 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p6_bt_title{
	font-size: 36px;
	font-weight: bold;
	color: #67a07e;
}
.p6_bt_intro{
	font-size:16px;
	line-height: 2;
	padding-top: 1%;
}
.p6_bt_hx{
	width: 50px;
	height: 5px;
	background-color: #67a07e;
	margin: auto;
	margin-top: 1%;
}
.p6_con li{
	margin-top: 15px;
}
.active .p6_con li:nth-child(1){
  	animation: fadeInLeft 1.5s ease 1s;
    -moz-animation: fadeInLeft 1.5s ease 1s;
    -webkit-animation: fadeInLeft 1.5s ease 1s;
    -o-animation: fadeInLeft 1.5s ease 1s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p6_con li:nth-child(2){
  	animation: fadeInLeft 1.5s ease 1.5s;
    -moz-animation: fadeInLeft 1.5s ease 1.5s;
    -webkit-animation: fadeInLeft 1.5s ease 1.5s;
    -o-animation: fadeInLeft 1.5s ease 1.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p6_con li:nth-child(3){
  	animation: fadeInLeft 1.5s ease 2s;
    -moz-animation: fadeInLeft 1.5s ease 2s;
    -webkit-animation: fadeInLeft 1.5s ease 2s;
    -o-animation: fadeInLeft 1.5s ease 2s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p6_con_pt{
	width: 202px;
	float: left;
}
.p6_con_pt img{
	display: block;
}
.p6_con_text{
	width: 524px;
	float: right;
	text-align: left;
}
.p6_con_text_title{
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
}
.p6_con_text_title span{
	font-size: 14px;
	color: #666;
	font-weight: lighter;
	float: right;
	display: block;
	height: 100%;
	line-height: 3;
}
.p6_con_text_intro{
	font-size: 14px;
	line-height: 2.5;
}
.p6_more{
	width: 140px;
	height: 40px;
	line-height: 40px;
	background-color: #67a07e;
	color: #fff;
	display: block;
	text-align: center;
	margin:auto;
	margin-top: 30px;
}

/*第七屏*/
.p7bg{
	width: 100%;
	height: 92%;
	background: url(../img/p7_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.active .p7bg{
	animation: shrink 5s ease-in-out 1;
    -moz-animation: shrink 5s ease-in-out 1;
    -webkit-animation: shrink 5s ease-in-out 1;
    -o-animation: rotation 5s ease-in-out 1;
}
.p7{
	width: 100%;
    height: 91%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.p7_in{
	width: 73.4%;
	margin:auto;
}
.p7_form{
	width: 85%;
	margin: auto;
	margin-top: 8%;
}
.active .p7_form{
	animation: slideInDown 1s ease 0s;
    -moz-animation: slideInDown 1s ease 0s;
    -webkit-animation: slideInDown 1s ease 0s;
    -o-animation: slideInDown 1s ease 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.p7_form_input{
	width: 30%;
	border: medium none;
	display: block;
	float: left;
	background: none;
	border-bottom: 1px solid #fff;
	line-height: 2;
	padding-bottom: 1%;
}
.p7_form_textarea{
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	resize: none;
	padding: 3% 0 1% 0;
}
.p7_form_input::-webkit-input-placeholder{
    color:#fff;
}
.p7_form_input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
.p7_form_input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#fff;
}
.p7_form_textarea::-webkit-input-placeholder{
    color:#fff;
}
.p7_submit{
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display:block;
	margin: 28px auto;
	color: #fff;
	background-color: #78b345;
	border: medium none;
	font-size: 18px;
}
.p7_info{
	width: 85%;
	margin:70px auto 75px;
	text-align: left;
}
.p7_info li{
	width: 30%;
	height: 46px;
	float: left;
}
.active .p7_info li:nth-child(1){
	animation: slideInLeft 1s ease 0.5s;
    -moz-animation: slideInLeft 1s ease 0.5s;
    -webkit-animation: slideInLeft 1s ease 0.5s;
    -o-animation: slideInLeft 1s ease 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p7_info li:nth-child(2){
	animation: zoomInUp 1s ease 0.5s;
    -moz-animation: zoomInUp 1s ease 0.5s;
    -webkit-animation: zoomInUp 1s ease 0.5s;
    -o-animation: zoomInUp 1s ease 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
.active .p7_info li:nth-child(3){
	animation: slideInRight 1s ease 0.5s;
    -moz-animation: slideInRight 1s ease 0.5s;
    -webkit-animation: slideInRight 1s ease 0.5s;
    -o-animation: slideInRight 1s ease 0.5s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

.p7_info_pt{
	display: block;
	float: left;
}
.p7_info_border{
	width: 1px;
	height:40px;
	background-color: #fff;
	float: left;
	margin: 3px 17px 0 17px;
}
.p7_info_text{
	float: left;
	color: #fff;
	padding-top: 3px;
}
.p7_map img{
	width: 100%;
}
.active .p7_map{
	animation: slideInUp 1.5s ease 0s;
    -moz-animation: slideInUp 1.5s ease 0s;
    -webkit-animation: slideInUp 1.5s ease 0s;
    -o-animation: slideInUp 1.5s ease 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}

/*公司简介*/
.ej_bn{
	width: 100%;
	background: url(../img/ej_bn.jpg) no-repeat;
	height: 500px;
}
.about{
	background-color: #fff;
}
.about_top{
	width: 100%;
	height: 140px;
	background-color: #f0f0f0;
}
.about_top_in{
	width: 77%;
	margin: auto;
}
.about_top_l{
	width: 31.8%;
	float: left;
	color: #69af84;
	line-height: 1.5;
	margin-top: 2%;
	padding-left: 10%;
}
.about_top_l_ch{
	font-size: 30px;
}
.about_top_l_en{
	font-size: 25px;
}
.about_top_l_border{
	width: 160px;
	height: 2px;

	background-color: #69af84;
}
.about_top_r{
	width: 59%;
	float: right;
	overflow: hidden;
}
.about_top_r li{
	width: 20%;
	float: left;
	height: 140px;
	line-height: 140px;
	text-align: center;
}
.about_top_r li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 18px;
}
.about_top_r li a:hover{
	background-color: #69af84;
	color: #fff;
}
.about_middle{
	width: 100%;
	margin-top: 65px;
}
.about_middle_pt{
	width: 47%;
	float: left;
}
.about_middle_pt img{
	width: 100%;
}
.about_middle_text{
	width: 40%;
	float: left;
	margin-left: 4%;
}
.about_middle_text_border{
	width: 92px;
	height: 5px;
	background-color: #9d9d9d;
	margin: 5% 0 3% 0;
}
.about_middle_text_title{
	color: #40a568;
	font-size: 30px;
	font-weight: bold;
}
.about_middle_text_en{
	font-size: 14px;
	color: #40a568;
	font-weight: bold;
}
.about_middle_text_con{
	color: #6a6a6a;
	line-height: 2.5;
}
.about_bot{
	width: 73%;
	margin: 3% auto 5%;
}
.about_bot_logo{
	width: 16%;
	float: left;
}
.about_bot img{
	width: 100%;
}
.about_bot_adv{
	width: 78%;
	float: right;
}
.about_bot_adv li{
	width: 7.8%;
	float: left;
	margin-left: 8%;
}

.about_con{
	width: 62.5%;
	margin: auto;
	min-height: 425px;
	padding: 100px 0 75px 0;
}

.contact{
	width: 65%;
	margin: auto;
}
.contact img{
	width: 100%;
	display: block;
}
.contact_info{
	margin: 75px 0;
}
.contact_info_text{
	width: 38%;
	float: left;
	line-height: 1.5;
}
.contact_info_pt{
	width: 58%;
	float: right;
}
.contact_map{
	margin-bottom: 75px;
}

/*留言*/
.gbook{
	width: 62.5%;
	margin: auto;
	margin-bottom: 30px;
}
.gbook_title{
	color: #353535;
	font-size: 16px;
	line-height: 2.5;
	margin-top: 45px;
}
.gbook_input{
	border:medium none;
	width: 100%;
	padding: 1.5% 3%;
	background-color: #f6f5f5;
}
.gbook_textarea{
	width: 100%;
	min-height: 120px;
	border: medium none;
	resize: none;
	background-color: #f6f5f5;
	padding: 1.5% 3%;
}
.gbook_ts{
	padding: 58px 0;
}
.gbook_submit{
	width: 30%;
	background-color: #69af84;
	color: #fff;
	font-size: 18px;
	border:medium none;
	margin:auto;
	display: block;
	padding: 1% 0;
}


/*产品*/
.products {
	width: 72%;
	margin: 50px auto;
	min-height: 340px;
}
.ps li{
	width: 22%;
	float: left;
	margin: 1.3%;
	text-align: center;
}
.products_title{
	font-size: 16px;
	color: #6a6a6a;
	line-height: 2;
	padding: 2% 0 3% 0;
}
.products_pic img{
	width: 100%;
	display: block;
}

.honor{
	min-height: 340px;
}
.honor li{
	width: 31%;
	margin: 4% 1% 0 1%;
	float: left;
}
.honor_text{
	width: 100%;
	height: 57px;
	line-height: 57px;
	background-color: #f6f6f6;
	padding:  0 3%;
}
.honor_text_title{
	float: left;
}
.honor_text_date{
	float: right;
}

/*分页*/
.page{
	margin: 20px 0;
	height: 28px;
	line-height: 25px;
	position: relative;
	bottom: 0;left: 0;
	text-align: center;
	animation: animation0_page 1.5s ease 0s;
	-webkit-animation:animation0_page 1.5s ease 0s;
}
.page a{
	display: inline-block;
	color: #cecece;
	width: 25px;height: 25px;
	border: 1px solid #cecece;
	margin-left: 5px;
	background: #fff;
	transition: all 1s;-webkit-transition: all 1s;
}
.page a.page0{margin: 0 5px;}
.page a.page10{margin: 0 5px;}
.page a:hover{background: #fff;border: 1px solid #60a541;color: #69af84;}
.page .select{background: #fff;border: 1px solid #60a541;color: #69af84;}

/*底部*/
.ebot{
	width: 100%;
	background-color: #69af84;
	color: #fff;
}
.ebot_in{
	width: 76%;
	margin: auto;
	padding-bottom:50px;
}

.num_ico{
	width: 40px;
	float: left;
	padding-right: 3%;
}
.ebot_left{
	width: 30%;
	float: left;
	padding-top: 70px;
}
.ebot_left_num{
	font-size: 30px;
	color: #fff;
	letter-spacing: 2px;
}
.ebot_left_name{
	padding: 2% 0;
}
.ebot_left_name_ch{
	font-size: 25px;
	font-weight: bold;
}
.ebot_left_name_en{

}
.ebot_left_place{
	padding: 1% 0;
	font-size:18px;
}
.ebot_left_place img{
	padding-right: 2%;
}
.ebot_left_email{
	font-size:18px;
}
.ebot_left_email img{
	padding-right: 3%;
	margin-left: 1%;
}
.copyright{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #6a6a6a;
	color: #fff;
}
.ebot_center{
	width: 53%;
	float: left;
	padding-top: 70px;
	margin-left: 2%;
}
.ebot_center_one{
	width: 14%;
	height: 140px;
	float: left;
	text-align: center;
	background: url(../img/ebot_border.jpg) right no-repeat;
}
.ebot_center_one_a{
	color: #fff;
	font-size: 16px;
}
.ebot_center_two{
	color: #fff;
	line-height: 3;
}
.ebot_right{
	width: 12%;
	float: left;
	padding-top: 60px;
	font-size: 14px;
	margin-left: 2%;
	text-align: center;
}
.ebot_right img{
	width: 100%;
}
.ebot_right_title{
	line-height: 2;
}



.mr_frbox{display: none;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:35px;width:60px;}
.mr_frUl{height:auto;width:1047px;margin-left:10px;margin-bottom: 10px;}
.mr_frBtnR{float:right;cursor:pointer;height:35px;width:60px;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:190px;overflow:hidden;position:relative;}
.mr_frUl ul li a img{/*display:block;*/width:80%;padding: 0 10%}

.active .mr_frbox{
	animation: bounceInUp 1.5s ease 0s;
    -moz-animation: bounceInUp 1.5s ease 0s;
    -webkit-animation: bounceInUp 1.5s ease 0s;
    -o-animation: bounceInUp 1.5s ease 0s;
    animation-fill-mode: both;
  	-webkit-animation-fill-mode: both;
}
/*自适应*/

.php3_button{
	width: 140px;
	margin: auto;
}
.php3_adv{
	width: 50%;
	margin-left: 32%;
	line-height: 2;
}
.ph_p3_more{
	display: block;
	margin-left: 32%;
}
.ph_p4in_r_con{
	display: none;
}
.ph_p4in_r_con_more{
	display: none;
}
.p4in_r_con_ph{
	display: none;
}
.ph_nav{
	display: none;
}
.ph_bot{
	width: 100%;
	background-color: #ddd;
	padding: 2% 0;
	font-size: 12px;
}
.content_middle1{
	display: none;
}

@media screen and (max-width: 1200px){
	.nav_list ul li a{font-size: 14px;}
	.p2in_l_middle{font-size: 14px;}
	.p3in{
		margin-top: 10%;
	}
}

@media screen and (max-width: 1024px){
	.logo{
		width: 20%;
	}
	.bn1{
		background-image: url(../img/ph_bn.jpg) !important;
	}
	.ej_bn{
		display: none;
	}
	.ebot{
		display: none;
	}
	.copyright{
		display: none;
	}
	.nav_list{display: none;}
	.ph_nav{
		display: block;
		width: 50px;
		height: 2%;
		float: right;
		position: relative;
		z-index: 12;
		margin-top: 4%;
		margin-right: 3%;
	}
	.b1in_l{
		width: 40%;
		height: 240px;
		background-size: 100%;
		padding-top: 5%;
		margin-top: 55%;
	}
	.b1in_l p{
		font-size: 24px;
	}
	.b1in_r{
		width: 50%;
		margin-top: 20%;
	}
	.b1in_r_li{
		font-size: 30px;
	}
	.b1in_r_lix{
		font-size: 30px;
		padding-top: 10px;
	}
	.about_top_r li a{
		font-size: 14px;
	}
	.about_top_l{
		margin-top: 4%;
	}
	
}

@media screen and (max-width: 768px){

	#fp-nav{
		display: none;
	}
	.b1{
		width: 96%;
	}
	.nav{
		height: 8%;	
	}
	.b1in_r{
		margin-top: 12%;
	}
	.b1in_r_li{
		font-size: 26px;
	}
	.b1in_r_lix{
		font-size: 26px;
		padding-top: 15px;
		padding-bottom: 24px;
	}
	.b1in_l{
		margin-top: 50%;
	}
	.b1in_l p{
		font-size: 18px;
	}
	.p2bg{
		background-image: url(../img/ph_p2bg.jpg);
	}
	.p2in{
		width: 96%;
		margin-top: 6%;
		background: none;
		padding:0;
	}
	.p2in_l{
		width: 100%;
		background: url(../img/green_bg.png);
		padding: 8% 6%;
		float: none;
	}
	.p2in_l_top img{
		width: 80%;
	}
	.p2in_l_top p{
		font-size: 30px;
	}
	.p2in_l_more{
		width: 90px;
		font-size: 13px;
		margin: auto;
		text-align: center;
		display: block;
		padding: 1% 2%;
	}
	.p2in_c{
		width: 53%;
		float: none;
		margin:2% auto;
		height: 70%;
	}
	.p2in_r{
		display: none;
	}
		.p3in{
		width: 96%;
		padding-top: 5%;
	}
	.p3in_l{
		display: none;
	}
	.p3in_r{
		width: 100%;
	}
	.p3in_r_title{
		text-align: center;
	}
	.p3in_r_title_en{
		margin: auto;
		width: 40%;
	}
	.p3in_r_title_ch{
		font-size: 20px;
		margin: 3% 0 5% 0;
	}
	.p3in_r_con{
		display: none;
	}
	.ph_p3in_r_con li{
		width: 25%;
		margin: 0 5%;
		float: left;
	}
	.mr_frbox{
		display: block;
	}
	.ph_p3in_r_con img{
		width: 100%;
	}
	.php3_adv li{font-size: 12px;}

	.p3bg{
		background-image: url(../img/ph_p3bg.jpg);
	}
	.p6bg{
		background-image: url(../img/ph_p6bg.jpg);
	}
	.p7bg{
		background-image: url(../img/ph_p7bg.jpg);
	}

	.content_middle1{
		display: block;
		width: 90%;
		margin: auto;
		height: 300px;
		border:3px solid #6ead8f;
		padding: 8px;
	}
	.content_middle1 ul{
		height: 100%;
	}
	.content_middle1 ul li{
		height: 100%;
	}
	.content_middle1 .common{
		display: block;
		width:60px;
		height: 40px;
	}
	.content_middle1 .btnLeft{
		background: url(../img/p5_jtl.png) center center no-repeat !important;
		background-size: 100%;
		float: left;
		margin-left: 5%;
		cursor: pointer;
	}
	.content_middle1 .btnRight{
		background: url(../img/p5_jtr.png) center center no-repeat !important;
		background-size: 100%;
		float: right;
		margin-right: 5%;
		cursor: pointer;
	}

	.common_da{
		margin-top: 6%;
	}

	.p5_more{
		margin-top: 15%;
	}

	.about_top_l_ch{
		font-size: 24px;
	}
	.about_top_l_border{
		width: 
	}
	.about_top_l_en{
		font-size: 18px;
	}
}

@media screen and (max-width: 414px){
	/*index*/
	.logo{
		width: 48%;
	}
	.b1in_l{
		width: 40%;
		height: 150px;
		background-size: 100%;
		padding-top: 2%;
		margin-top: 66%;
	}
	.b1in_l span{
		font-size: 20px;
	}
	.b1in_l p{
		font-size: 12px;
	}
	.b1in_r{
		width: 54%;
		float: right;
	}
	.b1in_r_li{
		font-size: 15px;
		margin-top: 8%;
		padding: 20px 0 20px 55px;
	}
	.b1in_r_lix{
		font-size: 14px;
   		margin-top: 10%;
   		padding: 8% 0 15% 55px;
	}
	.p2in_l_top p{
		font-size: 20px;
	}
	.content_middle .common{
		width: 10%;
		background-size: 100%;
		bottom: 2%;
	}
	.btnLeft{
		background-image: url(../img/ph_bnl.png) !important;
		right: 49% !important;
	}
	.btnRight{
		background-image: url(../img/ph_bnr.png) !important;
		right: 36% !important;
	}
	.p2in_c img{
		position: relative;
		top: 32%;
	}
	.p2in_l_middle{
		font-size: 12px;
	}
	.p3in{
		margin-top: 0;
	}
	.p4in{
		padding-top: 0;
		width: 96%;
	}
	.p4in_l{
		width: 90%;
		margin: auto;
		float: none;
	}
	.p4in_l_con{
		display: none;
	}
	.p4in_l_text{
		padding-bottom: 10%;
	}
	.p4in_l_text_ch{
		font-size: 20px;
		padding-top: 5%;
	}
	.pc_p4in_r_con_more{
		display: none;
	}
	.p4in_r{
		width: 100%;
		margin-top: 3%;
	}
	.p4in_r_con li{
		width: 48%;
		margin:1%;
	}
	.pc_p4in_r_con{
		display: none;
	}
	.ph_p4in_r_con{
		display: block;
	}
	.ph_p4in_r_con_more{
		width: 120px;
		display: block;
		margin: 5% auto;
		font-size: 14px;
	}
	.p4in_r_con_ph{
		display: block;
	}

	#mainContainer{
		display: none;
	}
	.p5_bt{
		padding-top: 10%;
	}
	.p5_bt_ch{
		font-size: 20px;
	}
	.p5_bt_en{
		width: 70%;
		margin: auto;
	}
	.p5_bt_en img{
		width:100%;
	}
	.p5in{
		width: 100%;
	}


	.p6_bt{
		width: 80%;
		margin:5% auto;
	}
	.p6_bt_title{
		font-size: 20px;
	}
	.p6_bt_intro{
		font-size: 12px;
	}
	.p6_con_pt{
		display: none;
	}
	.p6_in{
		width: 96%;
		margin: auto;
	}
	.p6_con_text{
		width: 100%;
	}
	.p6_con_text_title{
		font-size: 16px;
	}
	.p6_con_text_intro{
		font-size: 12px;
		color: #666;
	}
	.p6_con_text_title span{
		line-height: 2;
	}
	
	.p7_in{
		width: 96%;
	}
	.p7_form_input{
		width: 100%;
		margin-left: 0 !important;
		padding: 5% 0 3% 0;
	}
	.p7_submit{
		width: 100px;
		font-size: 14px;
	}
	.p7_info{
		width: 70%;
		margin: 5% auto 3%;
	}
	.p7_info li{
		width: 100%;
		margin-left: 0 !important;
		margin-top: 5%;
	}
	.p7_map{
		display: none;
	}

	/*about*/
	.about_top{
		min-height: 210px;
	}
	.about_top_l{
		width: 100%;
		padding: 0;
		text-align: center;
		padding-top: 5%;
		float: none;
		margin-top: 0;
	}
	.about_top_l_border{
		margin: auto;
	}
	.about_top_r{
		width: 100%;
		float: none;
		margin-top: 5%;
	}
	.about_top_in{
		width: 96%;
	}
	.about_top_r{
		text-align: center;
	}
	.about_top_r li{
		width: 24.1%;
		height: 40px;
		line-height: 40px;
		float: none;
		display: inline-block;
	}
	.about_top_r li a{
		font-size: 14px;
	}
	.about_middle_pt{
		width: 90%;
		margin: auto;
		float: none;
	}
	.about_middle_pt img{
		height: auto !important;
	}
	.about_middle_text{
		width: 90%;
		margin: 2% 5%;
	}
	.about_middle_text_title{
		font-size: 20px;
	}
	.about_middle_text_en{
		font-size: 12px;
	}
	.about_bot{
		width: 100%;
	}

	/*products*/
	.products{
		width: 96%;
		margin: 5% auto;
	}
	.ps li{
		width: 48%;
		margin: 1%;
	}

	/*news_list*/
	.news{
		width: 90%;
		margin: auto;
	}
	.news_big_pt{
		display: none;
	}
	.news_big_text{
		width: 100%;
	}
	.news_small_pt{
		display: none;
	}
	.news_small_text{
		width: 100%;
	}
	.news_big_text_more{
		display: none;
	}
	.news_big_text_title{
		font-size: 16px;
		font-weight: bold;
	}
	.news_big_text_intro,.news_small_text_intro{
		font-size: 13px;
		line-height: 1.5;
	}
	.news_small_text_title{
		font-size: 16px;
		font-weight: bold;
	}
	.honor li{
		width: 48%;
	}
	.products_pic img{
		height: 108px;
	}
	.honor_text_date{
		display: none;
	}
	/*news_show*/
	.news_show,.products_show{
		width: 90% !important;
	}

	/*contact*/
	.contact{
		width: 90%;
	}
	.contact_info{
		margin: 5% 0;
	}
	.contact_info_pt{
		display: none;
	}
	.contact_info_text{
		width: 100%;
	}
	/*gbook*/
	.gbook{
		width: 90%;
	}
	.gbook_title{
		margin-top: 4%;
	}

}

@media screen and (max-width: 375px){
	.mr_frUl ul li{width: 170px !important;}
	.about_middle_text_title{
		font-size: 18px;
	}
	.p7_info_border{
		margin: 3px;
	}
}


/*联系我们*/
.main1{width: 100%;background:#52a229 url(../../resource/images/bg_gywm_zyyw.jpg) no-repeat center top;padding-bottom: 3%;min-height: 760px;padding-top: 100px;}
.lxwm{width: 62.5%;margin: 0 auto;overflow: hidden;}
.lxwm_db{width: 14%;float: left;margin: 20% 0 5% 6%;text-align: center;}
.db{text-align: center;}
.dy_type{width: 62.5%;text-align: center;margin: 2% auto;}
.dy_type li{display: inline-block;margin: 0 1%;}
.dy_type li a{
	display: inline-block;
	width: 164px;
	color:#fff;font-size: 18px;
	border:2px solid #fff;
	padding: 10px 0;border-radius: 20px;margin: 0 1%;cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.lxwm_con{width: 62.5%;margin: auto;margin-top: 13%;}

.lxwm_con_in{background: url(../../resource/images/lxwm_bg.png) no-repeat center;padding: 3% 5%;width: 90%;}
.lxwm_con h3{color: #333;padding-top: 5%;}
.lxwm_con h3 img{padding-left: 15px;}
.lxwm_con_left{width: 65%;float: left;background: url(../../resource/images/ico_lx.png) no-repeat left top;margin-top: 25px;padding-left: 2%;font-size:89%;color: #fff;}
.lxwm_con_left p{line-height: 110%;}
.lxwm_con_right{float: right;width: 30%;padding-top:3%;}
.lxwm_con_right img{width: 100%;}



@keyframes animation0_page{
	0% { bottom: -50px;}
	100% { bottom: 0px;}
}
@-webkit-keyframes animation0_page{
	0% { bottom: -50px;}
	100% { bottom: 0px;}
}

/*新闻中心*/
#Main1{width: 100%;background: url(../images/bg_news.jpg) no-repeat center top;padding-bottom: 60px;min-height: 760px;padding-top: 100px;}
.news_type{width: 62.5%;text-align: center;margin: 2% auto;}
.type1{
	width: 164px;
	display: inline-block;
	color:#333;font-size: 18px;
	border:2px solid #333;
	padding: 7px 0;border-radius: 20px;margin: 0 1%;cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.type1:hover{background: #ffd400;color: #333;border: 1px solid #ffd400;}

.news_one{width: 100%;}
.news_one_left{width: 50%;float: left;}
.news_one_left img{width: 100%;display: block;}
.news_one_right{width: 46%;float: right;background: #fff;padding:0 2%;overflow: hidden;}
.news_one_right_title{color: #333;margin-top: 5%;height: 44px;overflow: hidden;}
.news_one_right_title a:hover{color: #4f9d28;}
.news_one_right_date{color: #717171;font-size: 90%;margin-top: 4%;}
.news_one_right_jj{color: #717171;font-size: 90%;margin-top: 5%;}
.news_one_right_more{background: #4f9d28;color: #fff;padding: 1% 2%;font-size: 90%;text-align: center;display: inline-block;margin-top: 5%;}
.news_list{width: 62.5%;margin: 0 auto;margin-top: 1.5%;}
.news_other{margin: 3% 0;}
.news_other li{
	width: 26%;padding: 2%;background: #fff;overflow: hidden;float: left;margin-left: 5%;margin-top: 2%;

}
.newslist_date_more span{font-size: 90%;float: left;}
.newslist_date_more a{font-size: 90%;float: right;}
.newslist_date_more a:hover{color: #4f9d28;}

.newslist_pic{width: 15%;float: left;text-align: center;}
.newslist_text{width:75%;float: left;margin-left: 5%;}
.newslist_text_bt{color: #333;font-size:100%;transition: all 1.5s;-webkit-transition: all 1.5s;height: 26px;overflow: hidden;}
.newslist_text_bt a:hover{color: #4f9d28;}
.newslist_date{font-size: 12px;color: #d8edff;border-bottom: 1px solid #d8edff;opacity: 0.7;padding-bottom: 5px;transition: all 1.5s;-webkit-transition: all 1.5s;}
.newslist_description{font-size: 12px;color: #717171;padding-top: 2%;transition: all 1.5s;-webkit-transition: all 1.5s;height: 50px;overflow: hidden;}
.newslist_date_more{margin-top: 4%;}

#news_li0{
	position: relative;top: 0;right: 0;
	animation: animation0_li 1.7s ease 0s;
	-webkit-animation:animation0_li 1.7s ease 0s;
}
@keyframes animation0_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
@-webkit-keyframes animation0_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
#news_li1{
	position: relative;top: 0;right: 0;
	animation: animation1_li 2s ease 0s;
	-webkit-animation:animation1_li 2s ease 0s;
}
@keyframes animation1_li{
	0% { right: -1000px;opacity: 0.1;}
	100% { right: 0px;opacity: 1;}
}
@-webkit-keyframes animation1_li{
	0% { right: -1000px;opacity: 0.1;}
	100% { right: 0px;opacity: 1;}
}
#news_li2{
	position: relative;top: 0;right: 0;
	animation: animation2_li 2.4s ease 0s;
	-webkit-animation:animation2_li 2.4s ease 0s;
}
@keyframes animation2_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
@-webkit-keyframes animation2_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}

/*新闻详情页*/
.news_show{width: 62.5%;margin: 0 auto;background: #fff;margin-top: 2%;padding: 2% 3%;
	transition: all 1s;
	-webkit-transition:all 1s;
	animation: animation1_newsshow 3s ease 0s;
	-webkit-animation: animation1_newsshow 3s ease 0s;
}

@keyframes animation1_newsshow{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}
@-webkit-keyframes animation1_newsshow{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}

/*.news_show:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}*/

/*产品list*/
#Main2{width: 100%;background: url(../images/bg_gywm_zyyw.jpg) no-repeat center top;padding-bottom: 60px;min-height:750px;padding-top: 100px;background-size: 100% 100%;}
.type2{
	width: 164px;
	display: inline-block;
	color:#fff;font-size: 18px;
	border:2px solid #fff;
	padding: 8px 0;border-radius: 20px;margin: 0 1%;cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.type2:hover{background: #ffd400;color: #333;border: 1px solid #ffd400;}
.products_list{width: 80%;margin: 1% auto;overflow: hidden;}
.prolist_one{
	width: 23%;float: left;margin: 1%;background: #fff;border-radius: 10px;overflow: hidden;padding-bottom: 1.5%;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.prolist_one img{display: block;width: 100%;opacity: }
.pro_list_title{width:92%;color: #333;display: block;line-height: 200%;padding: 2% 4%;font-size: 16px;}
.pro_list_dg{height: 2px;width: 15%;background: #c4c4c4;margin:0 4%;}
.products_list ul li:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}


/*员工风采*/
.main_ygfc{width: 100%;background: url(../../resource/image/page3_bg.jpg) no-repeat center top;padding-bottom: 70px;min-height: 700px;}
.ygfc_list{width: 65%;margin: 0 auto;margin-top: 4%;}
.ygfc_list ul{overflow: hidden;margin-bottom: 4%;}
.ygfc_list ul li{width: 21%;margin:2%;float: left;position: relative;transition: all 1.5s;}
.ygfc_list ul li:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.ygfc_list ul li img{width: 100%;}
.ygfc_name{width: 96%;background: url(../../resource/image/ygfc_textbg.png) no-repeat center;position: absolute;bottom: 0;left: 0;color: #fff;line-height: 22px;padding: 2%;}
.zc_proshow{width: 28%;margin: 5% auto;position: relative;}
.zc_proshow_pic{text-align: center;}
.zc_proshow_pic img{width: 100%;}
.zc_proshow_con{position: absolute;bottom: 0;left: 0;background: url(../../resource/image/ygfcbg.png);color: #fff;padding: 2%;line-height: 22px;width: 96%;z-index: 1000;}
#ppp{position: absolute;bottom: -7%;right: 0; }
#ppp a{color: #fff;}

/*产品详情页*/
.products_show{width: 62.5%;margin: 2% auto;overflow: hidden;background: #fff;}
.proshow_pic{width: 50%;margin: auto;}
.proshow_pic img{width: 100%;}
.proshow_text{width: 46%;float: right;background: #fff;padding:0 2%;position: relative;}
.proshow_text_bt{width:100%;font-size: 120%;color: #333;font-weight: bold;text-align: center;padding: 5% 0;}

.proshow_text_con{width:96%;margin-top: 2%;padding: 2%;}
.detail_propage{position: absolute;bottom: 5%;right: 5%;}
.proshow_pageleft{width: 31px;height: 31px;display: block;background: url(../../resource/image/ps_left.png) no-repeat center;float: left;line-height: 31px;}
.proshow_pageright{width: 31px;height: 31px;display: block;background: url(../../resource/image/ps_right.png) no-repeat center;float: left;line-height: 31px;margin-left: 10px;}

/*招聘中心*/
#Main_job{width: 100%;background: url(../images/bg_gbook.jpg) no-repeat center ;padding-bottom: 60px;min-height: 750px;padding-top: 100px;}
.job_all{width: 62.5%;margin: auto;background: #fff;}
.job_bt{width: 100%;background: #4f9d28;}
.job_btli{width: 18%;float: left;color: #fff;line-height: 200%;padding:1% 0;}

.job_con{min-height: 340px;}
.job_con ul li{position: relative;width: 100%;}
.job_conli{width: 18%;float: left;color: #333;line-height: 200%;padding:1% 0;}
.job_conjt{width: 12px;height: 12px;position: absolute;top: 15px;right: 5%;cursor: pointer;}
.job_conjj{background: #e3f3da;padding:3% 5%;display: none;}
.job_conjj_apply{background: #bdbdbd;color: #fff;padding: 0.5% 2%;margin-top: 1%;display: block;width: 10%;text-align: center;}


/*简历填写*/
.jianli_all{width: 96%;margin: auto;padding: 2%;min-height:450px;}
.job_show{text-align: left;}
.job_show_title{font-size: 160%;}
.job_show_date{color: #787878;margin-top: 1%;font-size: 95%;}
.job_show_jj{margin-top: 3%;margin-bottom: 3%;color: #70726f;}
.main_bd4{width: 92%;resize: none;padding:1% 1.7%;}

/*员工风采详情*/
.mod18{width:500px;height:340px;margin:40px auto;position:relative;background:#f7f7f7;}
.mod18 .btn{position:absolute;width:15px;height:70px;top:568px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../../resource/images/prevBtn.png) no-repeat;top: 370px;}
.mod18 #prevTop,.mod18 #nextTop{top:150px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../../resource/images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../../resource/images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../../resource/images/nextBtn.png) no-repeat;top: 370px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:400px;height:540px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:350px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:330px;position:absolute;}
.mod18 .picBox li{width:500px;height:360px;}
.mod18 .listBox{width:495px;height:82px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{height:68px;cursor:pointer;position:relative;overflow: hidden;margin-left: 4px;margin-top: 15px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:74px;height:100px;}
.mod18 .listBox li img{width:96px;height:62px;}
.mod18 .listBox .on img{border:2px solid #ff6600;}
.mod18 .listBox .on i{display:block;}


.x_bot{
	width: 100%;
	background: #eeffe5;
}
.x_bot_in{
	width: 62.5%;
	margin: auto;
	padding: 1% 0;
} 
.x_bot_l_one{
	width: 12%;
	float: left;
}
.x_bot_bot{
	border-top: 1px solid #dbf0d0;
}



.banner_pt{
	width: 34%;
	margin:auto;
	margin-top: 17%;
	animation: animationbanner_pt 3s ease 0s;
	-webkit-animation: animationbanner_pt 3s ease 0s;
}
@keyframes animationbanner_pt{
	0% { margin-top: -17%;transform: rotateY(0deg);}
	100% { margin-top: 17%;transform: rotateY(360deg);}
}
@-webkit-keyframes animationbanner_pt{
	0% { margin-top: -17%;transform: rotateY(0deg);}
	100% { margin-top: 17%;transform: rotateY(360deg);}
}
.banner_pt img{width: 100%;}

.bn_texten{
	width: 26%;
	margin:auto;
	text-align: center;
	animation: animationbn_texten 3s ease 0s;
	-webkit-animation: animationbn_texten 3s ease 0s;
}
@keyframes animationbn_texten{
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}
@-webkit-keyframes animationbn_texten{
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}
.bn_texten img{width: 100%;}

#slides li{
	animation: animation_slides 3s ease 0s;
	-webkit-animation: animation_slides 3s ease 0s;
}
@keyframes animation_slides{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}
@-webkit-keyframes animation_slides{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}

.banner{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto}
.banner .dots{position:absolute;left:0;right:0;bottom:5%;z-index:3;}
.banner .dots li{display:inline-block;width:70px;height:8px;margin:0 4px;text-indent:-999em;background: #fff;cursor:pointer;opacity:1;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#52a229;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item {width:640px; float: left;position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 610px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(../images/slider-info-bg.png) \9;}
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:5px;overflow:hidden;z-index:2;background:#f60}