@charset "utf-8";
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; font-size:16px; line-height: 1.6; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal;  color: rgba(255, 255, 255, 0.8); color: #000;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; height:auto; 
-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/** 定义HTML body **/
@font-face {
    font-family: 'HELVETICANEUELTPRO-THEX';
    src: url('text.otf');
    font-weight: normal;
    font-style: normal;
}

a {color:#000;transition:400ms ease all;}
a:focus {color: #000;outline: none; text-decoration: none;}
a:hover {color: #000;outline: none;text-decoration: none;transition:400ms ease all;}

/*======================== 翻页公用  ============================*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 0px 0px;}
.pageflip  a{color: #1c3370;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px;border: 2px solid #1c3370;border-radius: 5px;margin: 0px 5px;}
.pageflip  a:hover,.pageflip a.dq{background: #1c3370;color: #fff;}
.pageflip  a i{display: block;line-height: 30px;height: 30px;}

@media (max-width:768px){
	.pageflip{ margin: 5px 0px 0px 0px;}
	.pageflip  a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 9px; border-radius: 3px; }
	.pageflip  a i { line-height: 24px; height: 26px; }
}
/*======================== 翻页公用 ============================*/

/* Sticky Header Style  */
@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:992px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){}
@media (max-width:360px){}

/*========== 缩放 ==========*/
@-webkit-keyframes scalex{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scalex{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}


/* 主题颜色: #9AB1EE */ /* == == */
/* == 顶部开始  ====================================================================================*/

/* == 手机导航按钮  ====================================================================================*/
.btn-manu {position: absolute;top:35px;right: 30px; width: 40px;height: 30px;display: none}
.btn-manu span {position: absolute;top: 50%;left: 5px;width: 30px;height: 2.5px;background: #fff;}
.btn-manu span:nth-of-type(1) {margin-top: -8px}
.btn-manu span:nth-of-type(2) {margin-top: -1px}
.btn-manu span:nth-of-type(3) {margin-top: 6px}

.header-menu{display: none; font-size: 0;text-align: center}

	
/* == 手机导航按钮  ====================================================================================*/
@media (max-width:992px){
.btn-manu {z-index: 99999;display: block;top:80px;right: 40px; background: rgba(255,255,255,0.7);}
.btn-manu span {background: rgba(255,255,255,0.9);-webkit-transform-origin: center center;transform-origin: center center;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
.menu-open .btn-manu span { background: rgba(223,76,60,0.9);margin-top: -1px}
.menu-open .btn-manu span:nth-of-type(1) {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu-open .btn-manu span:nth-of-type(2) {opacity: 0}
.menu-open .btn-manu span:nth-of-type(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.nav_menu{ display: none;}
/** 手机导航pc**/
	
/** Mobile  **/
.nav_box{display: none;}
.header-menu {padding-top: 80px; display: block; position: fixed; top: 0px;right: 0;bottom: 0;left: 0; z-index: 9999; background: rgba(255, 255, 255, 1); opacity: 0;overflow-y: auto;
-webkit-transform: translate3d(0, -150%, 0);
transform: translate3d(0, -150%, 0);
-webkit-transition: all .5s ease;
transition: all .5s ease;}
.subMenu {position: relative;top: auto;width: auto;height: 0;left: 0;margin-left: 35px;margin-right: 35px;opacity: 0;
-webkit-transition: all .3s ease;transition: all .3s ease}
.subMenu-ul {height: 0;overflow: hidden}

.menu-open .header-menu {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}
	
.menu-item {position: relative;display: block;opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
-webkit-transition: all .3s ease;
transition: all .3s ease}
.subMenu-bg{border-bottom: 1px solid #115a6b;}
.menu-item.active .menu-link {color: #115a6b}
.menu-item.active .subMenu {height: auto;opacity: 1}
.menu-item.active .subMenu-ul {height: auto}

.menu-item::after {content: "";position: absolute;right: 35px;bottom: 0;left: 35px;height: 1px;background-color: #bfbfbf;
-webkit-transform: scale3d(0, 0.5, 1);transform: scale3d(0, 0.5, 1);-webkit-transition: transform .8s ease;transition: transform .8s ease}

.menu-link {position: relative;font-size: 16px;line-height: 60px;color:#000;display: block;margin: 0 35px;}
	
.subMenu-ul li:last-of-type .subMenu-link {border-bottom: 0}
.subMenu-link {display: block;text-align: center;margin: 0 0px; font-size: 14px;line-height: 44px;color: #000;position: relative}
.subMenu-link::after {content: "";position: absolute;right: 0;bottom: 0;left: 0;height: 1px;background-color: #f2f2f2;
-webkit-transform: scale3d(1, 0.5, 1);
transform: scale3d(1, 0.5, 1)}

.menu-open .menu-item {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.menu-open .menu-item::after {
	-webkit-transform: scale3d(1, 0.5, 1);
	transform: scale3d(1, 0.5, 1)
}
.menu-open .menu-item:nth-of-type(1) {
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}
.menu-open .menu-item:nth-of-type(1)::after {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.menu-open .menu-item:nth-of-type(2) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.menu-open .menu-item:nth-of-type(2)::after {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.menu-open .menu-item:nth-of-type(3) {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.menu-open .menu-item:nth-of-type(3)::after {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.menu-open .menu-item:nth-of-type(4) {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.menu-open .menu-item:nth-of-type(4)::after {
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}
.menu-open .menu-item:nth-of-type(5) {
	-webkit-transition-delay: .55s
}
.menu-open .menu-item:nth-of-type(5)::after {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.menu-open .menu-item:nth-of-type(6) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.menu-open .menu-item:nth-of-type(6)::after {
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}
.menu-open .menu-item:nth-of-type(7) {
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}
.menu-open .menu-item:nth-of-type(7)::after {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}
.menu-open .menu-item:nth-of-type(8) {
	-webkit-transition-delay: .70s;
	transition-delay: .70s
}
.menu-open .menu-item:nth-of-type(8)::after {
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}
.menu-open .menu-item:nth-of-type(9) {
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}
.menu-open .menu-item:nth-of-type(9)::after {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}
}

@media (max-width:640px){
.btn-manu {z-index: 99999;display: block;top:65px;right: 30px; background: rgba(255,255,255,0.7);}
}

/** 手机导航按钮  ====================================================================================*/


/** pag_ban  ====================================================================================*/
.pag_ban{position: relative;height: 440px; margin-top: 0px;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0); height: 100%; width: 100%; top: 0;left: 0;}
.pag_ban_tit{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 220px 0 0 0; text-align: center;text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);}
.pag_ban_tit .tf30{ font-size: 35px; font-weight:600; color: #cfefed; }
.pag_ban_tit .tf16{ font-size: 20px; font-weight:600; color: #cfefed;  font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}

@media (max-width:1600px){
.pag_ban{position: relative;height: 400px; margin-top: 0px;}
}
@media (max-width:1400px){
.pag_ban{position: relative;height: 400px; margin-top: 0px;}

}
@media (max-width:992px){
.pag_ban{position: relative;height: 400px; margin-top: 0px; }
.pag_ban_tit .tf30{ font-size: 0.25rem; font-weight:600; color: #bec6d9; }
.pag_ban_tit .tf16{ font-size: 0.16rem; font-weight:600; color: #bec6d9;  font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
}
@media (max-width:768px){
.pag_ban{position: relative;height: 400px; margin-top: 0px;}
}
@media (max-width:640px){
.pag_ban{position: relative;height: 280px; margin-top: 0px;}
.pag_ban_tit{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 150px 0 0 0; text-align: center;text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);}
.pag_ban_tit .tf30{ font-size: 0.20rem; font-weight:600; color: #bec6d9; }
.pag_ban_tit .tf16{ font-size: 0.12rem; font-weight:600; color: #bec6d9;  font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
}

.pag_ban .imgbg {height: 100%}
.pag_ban .imgbg {background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pag_ban .imgbg img {display: none;}

/** pag_ban  ====================================================================================*/


/** crumbs  ====================================================================================*/
.crumbs{ width: 100%; padding: 10px 0px; height: 45px;  background:rgba(0,0,0,0.5);position: relative; margin-top: -45px;}
.crumbs_box{ width: 100%; max-width: 1300px; margin: 0px auto; font-size: 15px; color: #999;}
.crumbs_box a{ color: #999;}
.crumbs_box a:hover{ color: #895202;}
@media (max-width:1300px){
.crumbs{ padding: 10px 20px;height: 40px;  margin-top: -40px; }
.crumbs_box{font-size: 12px;}
}
/** crumbs  ====================================================================================*/



/** 首页banner ====================================================================================*/
.banner_box{ width: 100%; position: relative;}
.swiper-01.swiper-container {}
.swiper-01.swiper-slide{ background: #000;width: 100%; height:auto;}
.swiper-01 a { display: block; width: 100%; height:auto; overflow: hidden; position: relative;}
.swiper-01 a .slide1{width: 100%; height:100vh; overflow: hidden; position: relative; color: #fff;  font-size: 16px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; 
-webkit-animation:scalex 10s linear infinite;animation:scalex 10s linear infinite;}
.swiper-01 a > img { position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }

.swiper-01 a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: -1; background:rgba(0,0,0,0.5);}

.swiper1_main{ position:absolute;  width: 100%; margin: 0px auto;  top: 50%; margin-top: -120px;text-align: center; z-index: 1; 
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto;margin-bottom: 20px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-02 { height: auto;margin-bottom: 20px; color: #fff; font-size: 36px; }
.ani-03 { height: auto;margin-bottom: 20px; color: #E3E3E3; font-size: 12px;}

/** 点点点 =====*/
.swiper-01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-01 .swiper-pagination-bullet { width: 10px; height: 10px; border-radius:5px;  background: #fff; opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-01 .swiper-pagination-bullet-active { width: 40px; background: rgba(223,76,60,0.9);}
/** 箭头 =====*/
.swiper-01 .swiper-button-prev {opacity:1;}
.swiper-01 .swiper-button-next {opacity:1;}
.swiper-01 .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtl2.png) no-repeat center; text-align: center;}
.swiper-01 .swiper-button-next {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtr2.png) no-repeat center; text-align: center;}
.swiper-01 .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/jtl1.png) no-repeat center;}
.swiper-01 .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/jtr1.png) no-repeat center;}

@media (max-width: 1500px) { 
}
@media (max-width: 1050px) {
	.banner_box{margin-top: 0px;}
}
@media (max-width: 992px) {
.swiper-01 a .slide1{width: 100%; height:500px; overflow: hidden; position: relative; color: #fff; font-size: 0.16rem; }
	
.swiper1_main{ position:absolute;  width: 100%; margin: 0px auto;  top: 50%; margin-top: -90px;text-align: center; z-index: 1; 
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto;margin-bottom: 10px; color: #fff; font-size: 0.3rem; font-weight: bold;}
.ani-02 { height: auto;margin-bottom: 10px; color: #fff; font-size: 0.2rem;; }
.ani-03 { height: auto;margin-bottom: 10px; color: #E3E3E3; font-size: 0.1rem;;}
}

@media (max-width: 640px) {
.swiper-01 a .slide1{width: 100%; height:400px; overflow: hidden; position: relative; color: #fff; font-size: 0.16rem; }
	
.swiper1_main{ position:absolute;  width: 100%; margin: 0px auto;  top: 50%; margin-top: -20px;text-align: center; z-index: 1; 
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto;margin-bottom: 10px; color: #fff; font-size: 0.3rem; font-weight: bold;}
.ani-02 { height: auto;margin-bottom: 10px; color: #fff; font-size: 0.2rem;; }
.ani-03 { height: auto;margin-bottom: 10px; color: #E3E3E3; font-size: 0.08rem;}
}

/** banner ====================================================================================*/


.baner_ico{position: absolute; bottom: 10%; width: 100%; z-index: 9;}
.baner_ico_box{ width: 100%; max-width: 1300px; margin: 0px auto;}
.baner_ico_box a{ width: 18%; height: 120px; display:block; margin: 0px 1%; float: left; background:rgba(223,76,60,0.9); color: #fff; text-align: center; border-radius:5px;}
.baner_ico_box a img{width: 70px; height: 70px; margin-top: 10px;}
.baner_ico_box a span{display: block;}
.baner_ico_box a:hover{background:rgba(20,19,51,0.9); }

@media (max-width:992px){
.baner_ico_box a span{display: block; font-size: 14px;}
}
@media (max-width:640px){
.baner_ico{ width: 98%; margin: 0px 1% 10px 1%; position:relative; bottom: 0%;   z-index: 9; margin-top: 10px;}
.baner_ico_box a{ width: 48%; height: 80px; display:block; margin: 0px 1% 10px 1%; float: left; background:rgba(223,76,60,0.9); color: #fff; text-align: center; border-radius:5px;}
	.baner_ico_box a:last-child{width: 98%;clear: both; float: none; }
.baner_ico_box a img{width: 50px; height: 50px; margin-top: 0px;}
}
	

/** head ====================================================================================*/
.head{ position: absolute; width: 100%; z-index: 99; color: #fff;}
.head_top{ width: 100%; max-width: 1300px; margin: 15px auto;  height: 35px; line-height: 35px; font-weight: bold;text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);}
.head_l{ float: left;}
.head_r{ float: right;}

.head_nav{width: 100%; max-width: 1300px; margin: 0px auto; height: 85px;  background: #226909;border-radius:5px;}
.logo{float: left;}

@media (max-width:1300px){
	.head_top{padding: 0px 30px;}
	.head_nav{ width:96%;margin: 0px auto;}
	.logo{float: left; width: 300px; margin-top: 10px;}
}
@media (max-width:992px){
	.head_top{padding: 0px 30px; font-size: 14px;margin: 10px auto; }
	
	.head_nav{ width:350px; text-align: center; margin: 0px 0px 0px 20px;background: rgba(20,19,51,0.8);}
	.logo{float: none; width: 300px;margin: 0px auto 0px auto; padding-top: 10px;  }
}
@media (max-width:640px){
	.head_top{padding: 0px 10px; font-size: 14px;margin: 3px auto; }
	.head_l{ float: left; }
	.head_r{ float: right; display: none;}
	.head_nav{ width:96%; height: 75px; text-align: center; margin: 0px 2% 0px 2%;background: rgba(34,106,9,1);}
	.logo{float: left; width: 270px;margin: 0px auto 0px auto; padding-top: 10px;  }
}
@media (max-width:320px){
	.head_top{padding: 0px 10px; font-size: 14px;margin: 3px auto; }
	.head_l{ float: left; }
	.head_nav{ width:96%; text-align: center; margin: 0px 2% 0px 2%;background: rgba(20,19,51,0.8);}
	.logo{float: left; width: 220px;margin: 0px auto 0px auto; padding-top: 15px;  }
}

/** nav ====================================================================================*/
.nav_boxa{width:auto;float: right; line-height:85px; padding: 0px 10px; margin: 0px auto;}
@media (max-width:992px) {
.nav_boxa { display: none; }
}

.nav_boxa ul li{position: relative;float: left; 
	-webkit-perspective: 85px;
    -moz-perspective: 85px;
    -ms-perspective: 85px;
    perspective: 85px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 999
}
.nav_boxa ul li a{display:block; padding: 0 20px; font-size: 15px;color: #ffffff;}
.nav_boxa ul li:hover a.childer-a{color: #fff; background: #895202;}
.nav_boxa ul li a.dq{color: #fff; background: #895202;}
.nav_boxa ul li:first-child a{}
.nav_boxa ul li .childer,
.nav_boxa ul li .childer a{transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;}
.nav_boxa ul li .childer{
	opacity: 0;
	position: absolute;
	width: 200px;
	height: auto;
	top: 85px;
	left: 0;
	padding-bottom: 0px;
    background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;
	-webkit-transform-origin: 0px 0px;
 	-moz-transform-origin: 0px 0px;
 	-ms-transform-origin: 0px 0px;
 	transform-origin: 0px 0px;
	-webkit-transform: rotateX(-60deg);
 	-moz-transform: rotateX(-60deg);
 	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 9999;
}
.nav_boxa ul li .childer a{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color:#666;
	padding-left: 25px;
	border-left-width: 2px;
	border-right-width: 0;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	border-color: transparent;
	overflow: hidden;
}
.nav_boxa ul li .childer a:hover{
	background: #fbfbfb;
	color: #895202;
	border-left-width: 2px;
	border-right-width: 0;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	border-color: #895202;
}
.nav_boxa ul li:hover .childer{
	opacity: 1;
	background: #fff;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	box-shadow:0 10px 20px 2px rgba(0, 0, 0, .1)
}
@media (max-width:1300px){
	.nav_boxa ul li a { font-size: 12px;  padding: 0 10px; }
	.nav_boxa ul li .childer a{font-size: 12px;}
}
@media (max-width:1024px){
	.nav_boxa ul li:nth-last-child(1) .childer { left: auto; right: 0; }
}
/* == END == */


/** index_about ====================================================================================*/
.index_about{ width: 100%; min-height: 600px; background: #f49307;}
.index_about_l{ width: 50%; float: left; min-height: 600px; background: #fff; color: #666;background-image:url(../images/index_about_l.jpg);background-repeat:no-repeat; background-position:right bottom; background-size:cover; }
.index_about_r{ width: 50%; float: left; color: #fff;background-image:url(../images/index_about_r.png);background-repeat:no-repeat; background-position:right bottom; background-size:70%;}

.index_about_lm{ width: 650px; float: right; padding:90px 70px 0px 0px; font-size: 16px;}
.index_about_lm .h4{font-size: 22px; margin-bottom: 40px; font-weight: 600; display: block; color: #000; position: relative;}
.index_about_lm .h4:before { content:" "; display:block; height:2px; width: 50%; position: absolute; bottom:-5px; right: 0px; background: #226909;  }
.index_about_lm .h4 span{ float: right; font-size: 16px; opacity: 0.3;}

.index_about_lmtel{ border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; color: #f49307; font-size: 22px;}
.index_about_lmtel h5{ color: #895202; font-size: 30px;   font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}

.index_about_rm{ width: 650px;padding: 100px 0px 50px 70px;}
.index_about_r01{padding-left: 110px; position: relative; margin-bottom: 50px;}
.index_about_r01ico{ position: absolute; top: 0px; left: 0px;}
.index_about_r01ico img{width: 60px;}
.index_about_r01 h4{ font-size:20px; color: #fff; padding-bottom: 10px;}
.index_about_r01 .txt{ font-size: 14px;}

@media (max-width:1300px){
	.index_about{ width: 100%; min-height: 500px; background: #f49307;}
	.index_about_l{width: 50%; float: left; min-height: 500px;}
	.index_about_lm{ width: 100%; float: right; padding:40px 20px 0px 20px; font-size: 14px;}
	.index_about_rm{ width: 100%;padding: 50px 20px 50px 20px;}
	.index_about_r01{padding-left: 90px; position: relative; margin-bottom: 40px;}
}
@media (max-width:922px){
	.index_about{ width: 100%; min-height:auto; background: #f49307;}
	.index_about_l{width: 100%; float: none; min-height:auto;}
	.index_about_r{ width: 100%; float: none;  }

	.index_about_lm{ width: 100%; float: none; padding:30px 20px 20px 20px; font-size: 14px;}
	.index_about_rm{ width: 100%;padding: 50px 20px 50px 20px; }
	.index_about_r01{padding-left: 90px;   position: relative; margin-bottom: 40px;}
}

@media (max-width:640px){
	.index_about_lm{ width: 100%; float: none; padding:30px 20px 20px 20px; font-size: 0.16rem;}
	.index_about_lm .h4{font-size: 0.26rem; margin-top: 0px; margin-bottom: 40px; font-weight: 600; display: block; color: #000; position: relative;}
	.index_about_lm .h4 span{ float: right; font-size: 16px; padding-top: 10px; opacity: 0.3;}
	.index_about_lmtel h5{ color: #895202; font-size: 0.35rem;   font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
	
	.index_about_rm{ width: 100%;padding: 20px 20px 20px 20px; }
	.index_about_r01{padding-left: 80px; position: relative; margin-bottom: 20px;}
	.index_about_r01ico{ position: absolute; top: 10px; left: 10px;}
	.index_about_r01ico img{width: 40px;}
	.index_about_r01 h4{ font-size:0.2rem; color: #fff; padding-bottom: 5px;}
	.index_about_r01 .txt{ font-size: 0.16rem;}
}

/** index_tit ====================================================================================*/
.index_tit{ text-align: center;  position: relative; z-index: 1; }
.index_tit .t1 { font-size: 36px; width:auto; display: inline-block; font-weight:600; color: #333; line-height: 50px; padding-bottom: 15px; position: relative; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.index_tit .t1::after { content: " "; width: 60px; height: 3px;  overflow: hidden; background: #226909; position: absolute; bottom: 0px; left: 50%; margin-left: -30px; opacity: .8;  }
.index_tit .t2 { font-size: 18px; font-weight: 100; line-height: 30px; color: #666;}
.index_tit .t3{position: absolute; z-index: -1; width: 100%; left: 0px; top: 0px;text-align: center;text-transform:Uppercase;color: #bbbbbb; font-size: 80px; opacity: 0.2;}

@media (max-width:1300px){
.index_tit .t1 { font-size: 30px;}
.index_tit .t3{ font-size: 50px;}
}
@media (max-width:1300px){
.index_tit{ width: 95%; margin: 0px auto; }
.index_tit .t1 { font-size: 0.3rem;line-height: 40px; padding-bottom: 10px;margin-bottom: 0px;}
.index_tit .t2 { font-size: 0.18rem; }
.index_tit .t3{ font-size: 0.5rem;}	
}	

/** index_zy ====================================================================================*/
.index_zy{ width: 100%; background: #efefef; padding: 70px 0px 30px 0px;}
.index_zym{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 30px 0px; position: relative;}

.swiper01.swiper-container{padding: 0px 0px 50px 0px; height: auto; }
.index_zym .swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}
.index_zym .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #226909; width: 10px; height: 10px;border-radius:5px;  margin: 0px 5px; opacity:0.5; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index_zym .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #226909; width: 30px; opacity:1;}

.index_zym .swiper-button-prev {left: -5%;opacity:1; top: 45%}
.index_zym .swiper-button-next {right: -5%;opacity:1;top: 45%}
.index_zym .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtl2.png) no-repeat center; text-align: center;}
.index_zym .swiper-button-next {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtr2.png) no-repeat center; text-align: center;}
.index_zym .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/jtl1.png) no-repeat center;}
.index_zym .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/jtr1.png) no-repeat center;}


a.swiper01_a{display: block;}
a.swiper01_a .imgzoom{padding-bottom: 100%; width: 100%; position: relative; overflow: hidden; }
a.swiper01_a .imgzoom img{ width: 100%;  position: absolute; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
a.swiper01_a:hover .imgzoom img{-webkit-transform: scale(1.13); -moz-transform: scale(1.13); -ms-transform: scale(1.13); -o-transform: scale(1.13); transform: scale(1.13);}

a.swiper01_a .f16{ font-size: 18px; padding: 10px 0px 0px 0px; height: 40px; overflow: hidden;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.swiper01_a .f14{ font-size: 13px; color: #226909; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c5c5c5;}
a.swiper01_a .f12{ font-size: 14px; color: #666; line-height: 25px; height: 75px; overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a:hover.swiper01_a .f16{ color: #226909;}
a:hover.swiper01_a .f12{ color: #226909;}

@media (max-width: 1300px) { 
	.index_zy{ padding: 30px 0px 10px 0px;}
	.index_zym{  padding: 30px 20px 10px 20px ;}
}
@media (max-width: 1000px) {
.index_zym .swiper-button-prev {left: -3%;opacity:1; top: 40%}
.index_zym .swiper-button-next {right: -3%;opacity:1;top: 40%}
}
@media (max-width: 640px) { 
.index_zy{ padding: 20px 0px 10px 0px;}
.index_zym{  padding: 20px 20px 10px 20px ;}
a.swiper01_a .f16{ font-size: 14px;height: 35px; line-height: 30px;}
a.swiper01_a .f14{ font-size: 12px;}
}
/** index_zy ====================================================================================*/

/** index_zy ====================================================================================*/
.index_job{ width: 100%; background: #efefef; padding: 70px 0px 30px 0px;}
.index_jobm{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 30px 0px;  position: relative;}

.swiper02.swiper-container{padding: 0px 0px 50px 0px; height: auto; }
.index_jobm .swiper02.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}
.index_jobm .swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #226909; width: 10px; height: 10px;border-radius:5px;  margin: 0px 5px; opacity:0.5; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index_jobm .swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #226909; width: 30px; opacity:1;}

.index_jobm .swiper-button-prev {left: -5%;opacity:1; top: 45%}
.index_jobm .swiper-button-next {right: -5%;opacity:1;top: 45%}
.index_jobm .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtl2.png) no-repeat center; text-align: center;}
.index_jobm .swiper-button-next {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtr2.png) no-repeat center; text-align: center;}
.index_jobm .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/jtl1.png) no-repeat center;}
.index_jobm .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/jtr1.png) no-repeat center;}


a.swiper02_a{display: block;}
a.swiper02_a .imgzoom{padding-bottom: 100%; width: 100%; position: relative; overflow: hidden; }
a.swiper02_a .imgzoom img{ width: 100%;  position: absolute; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
a.swiper02_a:hover .imgzoom img{-webkit-transform: scale(1.13); -moz-transform: scale(1.13); -ms-transform: scale(1.13); -o-transform: scale(1.13); transform: scale(1.13);}

a.swiper02_a .f16{ font-size: 18px; color: #fff; padding: 10px 0px 0px 0px; height: 40px; overflow: hidden;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.swiper02_a .f14{ font-size: 13px; color: #fff; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c5c5c5;}
a.swiper02_a .f12{ font-size: 14px; color: #fff; line-height: 25px; height: 75px; overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a:hover.swiper02_a .f16{ color: #895202;}
a:hover.swiper02_a .f12{ color: #fff;}

.index_tit .t1.bai{color: #fff;}
.index_tit .t2.bai{color: #ccc;}
.index_tit .t1.bai::after { content: " "; width: 60px; height: 3px;  overflow: hidden; background: #895202; position: absolute; bottom: 0px; left: 50%; margin-left: -30px; opacity: .8;  }

a.index_jobmore{ width: 30%; height:auto; display:block; margin: 10px auto 0px auto; padding: 7px 0px;  background:rgba(223,76,60,0.9); color: #fff; text-align: center; border-radius:5px;}
a.index_jobmore:hover{width: 40%; background:rgba(20,19,51,0.9); }

@media (max-width: 1300px) { 
	.index_job{ padding: 30px 0px 10px 0px;}
	.index_jobm{  padding: 30px 20px 10px 20px ;}

}
@media (max-width: 640px) { 
.index_jobm{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 30px 20px 0px 20px; height:auto;}
.index_jobm .swiper-button-prev {left: -3%;opacity:1; top: 40%}
.index_jobm .swiper-button-next {right: -3%;opacity:1;top: 40%}
a.swiper02_a .f16{ font-size: 14px;height: 35px; line-height: 30px;}
a.swiper02_a .f14{ font-size: 12px;}
a.index_jobmore{ width: 50%; height:auto; display:block; margin: 0px auto 20px auto; padding: 7px 0px;  background:rgba(223,76,60,0.9); color: #fff; text-align: center; border-radius:5px; font-size: 13px;}
a.index_jobmore:hover{width: 60%; background:rgba(20,19,51,0.9); }
}


/** index_hezuo ====================================================================================*/
.index_hezuo{ width: 100%; background: #efefef; padding: 70px 0px 30px 0px;background-image:url(../images/index_hezuombg.jpg);background-repeat:no-repeat; background-position:right bottom; background-size:cover;}
.index_hezuom{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 30px 0px;}

.swiper04.swiper-container{padding: 0px 0px 50px 0px; height: auto; }
.index_hezuom .swiper04.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.index_hezuom .swiper04.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #226909; width: 10px; height: 10px;border-radius:5px;  margin: 0px 5px; opacity:0.5; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index_hezuom .swiper04.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #226909; width: 30px; opacity:1;}

a.swiper04_a{display: block;}
a.swiper04_a .imgzoom{padding-bottom: 29%; width: 100%; position: relative; overflow: hidden; }
a.swiper04_a .imgzoom img{ width: 100%;  position: absolute; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;
	opacity: 0.5;filter: grayscale(100%);
			-webkit-filter:grayscale(100%);
			-ms-filter:grayscale(100%);
			-moz-filter:grayscale(100%);
			-o-filter:grayscale(100%);
			transition:500ms ease-out;
			-webkit-transition:500ms ease-out;
			-ms-transition:500ms ease-out;
			-moz-transition:500ms ease-out;
			-o-transition:500ms ease-out; }
a.swiper04_a:hover .imgzoom img{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);
opacity: 1;filter:none;}

a.swiper04_a .f16{ color: #999; font-size: 14px; text-align: center; padding: 5px 0px 0px 0px; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a:hover.swiper04_a .f16{ color: #226909;}

@media (max-width: 1300px) { 
	.index_hezuo{ padding: 30px 0px 10px 0px;}
	.index_hezuom{  padding: 30px 20px 10px 20px ;}
	a.swiper04_a .imgzoom img{opacity: 1;filter:none;}
}


/** index_xy ====================================================================================*/
.index_xy{ width: 100%; background: #fff; padding: 70px 0px 30px 0px;}
.index_xym{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 30px 0px;}

.swiper05.swiper-container{padding: 0px 0px 50px 0px; height: auto; }
.index_xym .swiper05.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.index_xym .swiper05.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #226909; width: 10px; height: 10px;border-radius:5px;  margin: 0px 5px; opacity:0.5; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index_xym .swiper05.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #226909; width: 30px; opacity:1;}

a.swiper05_a{display: block; position:relative;  background: #f4f4f4; padding: 20px 10px 20px 100px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

a.swiper05_a .time{ position: absolute; top: 30px; left: 15px;}
a.swiper05_a .txt1{ font-size: 16px; color: #000; line-height: 35px; height: 35px; overflow: hidden;}
a.swiper05_a .txt2{ color: #818181; font-size: 13px; line-height: 22px; height: 44px; margin-top: 5px; overflow: hidden;}
a.swiper05_a .time .d1{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";  display: block; text-align: center; font-size: 36px; line-height: 36px;  }
a.swiper05_a .time .d2{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }
a.swiper05_a .time .d3{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }

a:hover.swiper05_a {  background: #226909; color: #fff;}
a:hover.swiper05_a .txt1{ color: #fff;}
a:hover.swiper05_a .txt2{ color: #ccc;}

.index_map{width: 100%; height: 500px;}

@media (max-width: 1300px) { 
	.index_xy{ padding: 30px 0px 10px 0px;}
	.index_xym{  padding: 30px 20px 10px 20px ;}
	.index_map{width: 100%; height: 300px;}
}
@media (max-width: 640px) { 
	.index_xy{ padding: 20px 0px 10px 0px;}
	.index_xym{  padding: 10px 20px 10px 20px ;}
	.index_map{width: 100%; height: 300px; display: none;}
	
a.swiper05_a{display: block; position:relative;  background: #f4f4f4; padding: 10px 10px 10px 80px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.swiper05_a .time{ position: absolute; top: 15px; left: 15px;}
a.swiper05_a .txt1{ font-size: 0.2rem; color: #000; line-height: 30px; height: 30px; overflow: hidden;}
a.swiper05_a .txt2{ color: #818181; font-size: 12px; line-height: 20px; height: 40px; margin-top: 5px; overflow: hidden;}
a.swiper05_a .time .d1{ font-size: 0.4rem; }
a.swiper05_a .time .d2{ font-size: 0.14rem; }
a.swiper05_a .time .d3{ font-size: 0.14rem; }	
}

/** foot ====================================================================================*/
.foot{width: 100%; background: #895202; padding: 30px 0px 30px 0px; }
.foot_box{ width: 100%; max-width: 1300px; margin: 0px auto; padding: 30px 0px 0px 0px; height:auto; color: #ffffff;}

.foot_con{ width: 31.3333%; float: left; border: 1px dashed #027ae6; padding: 20px 20px 20px 120px; margin: 0px 1%; position: relative;}
.foot_con1{ position: absolute; top: 10px; left: 20px;}
.foot_con1 img{width: 70px;}
.foot_con2{ font-size: 14px; min-height: 50px;}

.foot_bot{ padding: 20px 0px; position:relative; padding-left: 450px;}
.foot_botl{ position: absolute; top: 20px; left: 0px;}
.foot_botr{ font-size: 14px; padding-top: 10px;}

.yplj{ font-size: 13px; margin-top: 10px; padding: 0px 10px;}
.yplj a{ color: #bec6d9; padding-right: 30px; position: relative;}
.yplj a:hover{ color: #fff;}
.yplj a::after { content: " "; width: 1px; height: 10px;  overflow: hidden; background: #bec6d9; position: absolute; bottom: 2px; right: 15px; opacity: .8;  }

.cop{width: 100%; background: #041c0b; text-align: center; font-size: 14px; padding: 20px 0px 20px 0px; color: #ffffff;}

.foot_gg{width: 100%; background: #233785;}
.foot_gg_box{width: 100%; max-width: 1300px; margin: 0px auto; padding: 30px 0px; color: #bec6d9; }
.foot_gg_boxl{ width: 80%; float: left;}
.foot_gg_boxl h3{padding-bottom: 10px;}
.foot_gg_boxl .p{font-size: 14px;}
.foot_gg_boxr{ width: 20%; float: left; text-align: right;}
.foot_gg_boxr a{color: #555; background: #eee; padding: 10px 30px; display: inline-block; margin:20px 20px 7px auto; border-radius:2px;}
.foot_gg_boxr a:hover{background: #895202; color: #fff; padding: 10px 40px;}

@media (max-width: 1300px) { 
	.foot{ padding: 30px 0px 10px 0px;}
	.foot_box{  padding: 30px 20px 10px 20px ;}
	.foot_con2{ font-size: 12px; min-height: 50px;}
	.foot_gg_box{padding: 20px 20px; }
}
@media (max-width: 992px) { 
	.foot_con{ width:100%; float: left; border: 1px dashed #027ae6; padding: 20px 20px 20px 120px; margin: 0px 1% 10px 1%; position: relative;}
	.foot{ padding: 0px 0px 10px 0px;}
	.foot_box{  padding: 30px 20px 10px 20px ;}
	.foot_con2{ font-size: 12px; min-height: 50px;}
	.foot_bot{ padding: 20px 0px; position:relative; padding-left: 0px; }
	.foot_botl{ position: relative; top: 0px; left: 0px; text-align: center;}
	.foot_botr{ font-size: 14px; padding-top: 10px;}
	
	.foot_gg_box{padding: 20px 20px; }
}
@media (max-width: 640px) { 
	.foot_box{  padding: 20px 20px 10px 20px ;}
	.foot_con{ width:100%; float: left; border: 1px dashed #027ae6; padding: 10px 20px 10px 90px; margin: 0px 1% 10px 1%; position: relative;}
	.foot_con1{ position: absolute; top: 10px; left: 20px;}
	.foot_con1 img{width: 50px;}
	.foot_bot{ padding: 10px 0px; position:relative; padding-left: 0px; }
	.foot_botr{ font-size: 0.14rem; padding-top: 10px;}
	.yplj{ display: none;}
	.cop{width: 100%; background: #0d121f; text-align: center; font-size: 0.14rem; padding: 20px 0px 80px 0px; color: #bec6d9;}
	
.foot_gg{width: 100%; background: #233785;}
.foot_gg_box{width: 100%; max-width: 1300px; margin: 0px auto; padding: 20px 20px; color: #bec6d9; }
.foot_gg_boxl{ width: 100%; float: left;}
.foot_gg_boxl h3{padding-bottom: 10px; font-size: 0.22rem;}
.foot_gg_boxl .p{font-size: 0.14rem;}
.foot_gg_boxr{ width: 100%; float: left; text-align: right;}
.foot_gg_boxr a{ width: 100%; text-align: center; color: #555; background: #eee; padding: 5px 30px; display: inline-block; margin:20px 20px 7px auto; border-radius:2px;}
.foot_gg_boxr a:hover{background: #895202; color: #fff; padding: 10px 40px;}
}



/** wrap ====================================================================================*/
.wrap{width: 100%;}
.wrap_box{width: 100%; max-width: 1300px; margin: 0px auto; padding: 40px 0px 40px 0px; position: relative; overflow: hidden; }

.about_box{ padding: 40px 10px 40px 10px; color: #666; line-height: 25px; position: relative; overflow: hidden;}


.about-tit{font-size:22px;line-height:1.5;font-weight:400;padding-bottom:13px;margin-bottom:23px;border-bottom:1px solid #ccc}
/* 预约洽谈 */
.appointment {padding: 30px 0;}
.present-info {text-align: center;color: #898989;}
.present-info h3 { padding-bottom: 10px; line-height: 48px; font-size: 24px; font-weight: normal;}
.present-info p { line-height: 24px; font-size: 14px;}
.mation-form {padding-top: 30px;}
.present-info strong {display: block;width: 100%;height: 63px;text-align: center;font-size: 30px;line-height: 70px;font-weight: normal; color:#333;}




.pag_nav{ width: 100%; text-align: center; position: relative; z-index: 2; padding: 20px 0px 0px 0px;}
.pag_nav a{ display: inline-block; color: #555; background: #eee; padding: 10px 30px; margin:0px 3px 7px 3px; border-radius:2px;}
.pag_nav a:hover{ background: #226909; color: #fff;}
.pag_nav a.dq{background: #895202; color: #fff;}


.wrap_boxl{width: 100%; max-width: 1300px; min-height: 1000px; margin: 0px auto; padding: 0px 350px 40px 0px; position: relative; overflow: hidden; }
.wrap_boxr{  position: absolute; right: 0px; top: 40px; width: 300px; padding: 0px 0px 40px 0px;   overflow: hidden; }

.wrap_boxl_tit { font-size: 30px; width:auto;  color: #333; line-height: 50px; padding-bottom: 10px; position: relative; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.wrap_boxl_tit::after { content: " "; width: 20%; height: 3px;  overflow: hidden; background: #226909; position: absolute; bottom: 0px; left: 0%; opacity: .8;  }
.about_boxl{ padding: 0px 0px 40px 0px; color: #666; font-size: 15px; line-height: 26px;}

.pag_navr{ width: 100%; text-align: center; position: relative; z-index: 2; padding: 0px 0px 0px 0px;}
.pag_navr a{ display: inline-block; width: 100%; color: #555; background: #eee; padding: 10px 30px; margin:0px 3px 7px 3px; border-radius:2px;}
.pag_navr a:hover{ background: #226909; color: #fff;}
.pag_navr a.dq{background: #895202; color: #fff;}

.wrap_boxr_tit{font-size: 24px; margin: 10px 0px; padding: 10px 0px; color: #3f3e3e; font-weight: 600; border-bottom: 1px solid #eee;}

.news_zp{width: 100%;}
.news_zp li{ display: block;}
.news_zp li a { display: block; border-bottom: 1px dotted #ccc;padding-left: 15px; height: 40px; line-height: 40px; color: #666; font-size: 14px; overflow: hidden; background: url("../images/bg_8.png") no-repeat left center;}
.news_zp li a:hover{ color: #226909;}

.news_tag{ padding: 10px 0px;}
.news_tag a{display: inline-block; width:auto; color: #555; font-size: 14px; background: #eee; padding: 5px 10px; margin:0px 3px 7px 3px; border-radius:2px;}
.news_tag a:hover{ background: #226909; color: #fff;}

@media (max-width: 1300px) { 
.wrap_box{  padding: 20px 10px 20px 10px; }
.about_box{ padding: 20px 10px 20px 10px; font-size: 13px; }
	
.pag_nav{ width: 100%; text-align: center; position: relative; z-index: 2; padding: 20px 0px 0px 0px;}
.pag_nav a{ display: inline-block; color: #555; font-size: 13px; background: #eee; padding: 7px 20px; margin:0px 3px 7px 3px; border-radius:2px;}
.pag_nav a:hover{ background: #226909; color: #fff;}
.pag_nav a.dq{background: #895202; color: #fff;}

.wrap_boxl{width: 100%; max-width: 1300px; min-height: 900px; margin: 0px auto; padding: 0px 320px 40px 10px; position: relative; overflow: hidden; }
.wrap_boxr{  position: absolute; right: 20px; top: 40px; width: 280px; padding: 0px 0px 40px 0px;   overflow: hidden; }
.about_boxl{ padding: 0px 0px 40px 0px; color: #666; font-size: 13px; line-height: 26px;}
}

@media (max-width: 992px) {
.about_box{ padding: 20px 10px 20px 10px; font-size: 0.17rem; line-height: 0.3rem; }	
.wrap_boxl{width: 100%; max-width: 1300px; min-height:auto; margin: 0px auto; padding: 0px 1px 20px 10px; position: relative; overflow: hidden; }
.wrap_boxr{ position:relative; right: 0px; top: 40px; width: 100%; padding: 0px 10px 40px 10px;   overflow: hidden; }	
.about_boxl{ padding: 0px 0px 0px 0px; color: #666; font-size: 0.17rem; line-height: 0.3rem;}
.wrap_boxl_tit { font-size: 0.3rem; width:auto;  color: #333; line-height: 50px; padding-bottom: 10px; position: relative; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}	
}
@media (max-width: 640px) { 
.wrap_box{  padding: 10px 10px 10px 10px; }
.pag_nav{ width: 100%; text-align: center; position: relative; z-index: 2; padding: 20px 0px 0px 0px;}
.pag_nav a{ display: inline-block; color: #555; font-size: 13px; background: #eee; padding: 7px 10px; margin:0px 1px 7px 1px; border-radius:2px;}
.pag_nav a:hover{ background: #f49307; color: #fff;}
.pag_nav a.dq{background: #895202; color: #fff;}
.wrap_boxr_tit{font-size: 0.24rem; margin: 0px 0px; padding: 10px 0px; color: #3f3e3e; font-weight: 600; border-bottom: 1px solid #eee;}

.about-tit{font-size:22px;line-height:1.5;font-weight:400;padding-bottom:7px;margin-bottom:10px;border-bottom:1px solid #ccc}
	
}


/** news_box ====================================================================================*/
.tag_box{ padding: 40px 10px 20px 10px; margin-right: -10px; margin-left: -10px;}
a.tag_a{display: inline-block; width:auto; color: #555; font-size: 14px; background: #eee; padding:5px 5px; margin:0px 0px 10px 0px; border-radius:2px;}
a:hover.tag_a{ background: #f49307; color: #fff;}

a.tag_az{display: inline-block; width:auto; color: #555; font-size: 14px; background: #eee; padding:10px 15px; margin:0px 10px 10px 10px; border-radius:2px;}
a:hover.tag_az{ background: #f49307; color: #fff;}

@media (max-width: 640px) { 
.tag_box{ padding: 20px 10px 20px 10px; margin-right: -10px; margin-left: -10px;}
a.tag_a{display: inline-block; width:auto; color: #555; font-size: 13px; background: #eee; padding: 8px 10px; margin:0px 1px 10px 1px; border-radius:2px;}
a:hover.tag_a{ background: #f49307; color: #fff;}	
}





/** news_box ====================================================================================*/
.news_box{ padding: 40px 10px 20px 10px; margin-right: -15px; margin-left: -15px;}
.newsla{ width: 48%; float: left; margin:0px 1% 10px 1%; display: block; position:relative;  background: #f4f4f4; padding: 20px 20px 20px 100px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

a.news_a .time{ position: absolute; top: 30px; left: 15px;}
.news_a .txt1{ font-size: 16px; color: #000; line-height: 35px; height: 35px; overflow: hidden;}
.news_a .txt2{ color: #818181; font-size: 13px; line-height: 22px; height: 44px; margin-top: 5px; overflow: hidden;}
a.news_a .time .d1{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";  display: block; text-align: center; font-size: 36px; line-height: 36px;  }
a.news_a .time .d2{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }
a.news_a .time .d3{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }

.newsla:hover {  background: #f49307; color: #fff;}
.newsla:hover .time{ color: #fff;}
.newsla:hover .news_a .txt1{ color: #fff;}
.newsla:hover .news_a .txt2{ color: #ccc;}

.biaoqianl{ font-size: 13px; color: #333; height: 30px; overflow: hidden; margin-top: 5px;}
.biaoqianl a{ font-size: 13px; color: #333; padding: 0px 5px;}
.biaoqianl a:hover{ color: #895202;}
.newsla:hover .biaoqianl,.newsla:hover .biaoqianl a{color: #ccc;}

@media (max-width: 640px) { 
.news_box{padding: 20px 10px 0px 10px; margin-right: -15px; margin-left: -15px;}
.newsla{ width: 98%; float: left; margin:0px 1% 10px 1%; display: block; position:relative;  background: #f4f4f4; padding: 10px 10px 10px 80px;   transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.news_a .time{ position: absolute; top: 15px; left: 15px;}
a.news_a .txt1{ font-size: 0.2rem; color: #000; line-height: 30px; height: 30px; overflow: hidden;}
a.news_a .txt2{ color: #818181; font-size: 12px; line-height: 20px; height: 40px; margin-top: 5px; overflow: hidden;}
a.news_a .time .d1{ font-size: 0.4rem; }
a.news_a .time .d2{ font-size: 0.14rem; }
a.news_a .time .d3{ font-size: 0.14rem; }	
}



/** news_box ====================================================================================*/
.news1_box{ padding: 40px 10px 20px 10px; }
a.news1_a{ width: 48%; float: left; margin:0px 1% 20px 1%; display: block; position:relative;  background:#F4F4F4; padding: 20px 20px 20px 100px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

a.news1_a .time{ position: absolute; top: 30px; left: 15px;}
a.news1_a .txt1{ font-size: 16px; color: #333; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 10px;}
a.news1_a .txt2{ width: 83%; color: #999; font-size: 14px; line-height: 22px; height: 44px; margin-top: 5px; overflow: hidden;}
a.news1_a .time .d1{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";  display: block; text-align: center; font-size: 36px; line-height: 36px;  }
a.news1_a .time .d2{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }
a.news1_a .time .d3{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }

a:hover.news1_a {  background: #f49307; color: #fff;}
a:hover.news1_a .txt1{ color: #fff;}
a:hover.news1_a .txt2{ color: #ccc;}
a.news1_a .moer{color: #333; background: #ccc; width: 100%; text-align: center; position: relative; right: 0px; bottom:0px;padding: 2px 20px; display: inline-block;  border-radius:2px;}
a:hover.news1_a .moer{background: #895202; color: #fff; }

@media (max-width: 1300px) { 
a.news1_a .txt1{ font-size: 13px; color: #333; line-height: 25px; height: 50px; margin-bottom: 30px; overflow: hidden;}
a.news1_a .moer{ font-size: 12px;}
}
@media (max-width: 640px) { 
.news1_box{padding: 20px 10px 0px 10px; margin-right: -15px; margin-left: -15px;}
a.news1_a{ width: 98%; float: left; margin:0px 1% 20px 1%; display: block; position:relative;  background:#F4F4F4; padding: 10px 10px 10px 80px;   transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.news1_a .time{ position: absolute; top: 15px; left: 15px;}
a.news1_a .txt1{ font-size: 13px; color: #333; line-height: 25px; height: 50px; margin-bottom: 10px; overflow: hidden;}
a.news1_a .txt2{ color: #818181; font-size: 12px; line-height: 20px; height: 40px; margin-top: 5px; overflow: hidden;}
a.news1_a .time .d1{ font-size: 0.4rem; }
a.news1_a .time .d2{ font-size: 0.14rem; }
a.news1_a .time .d3{ font-size: 0.14rem; }	
	
a.news1_a .moer{color: #333; background: #ccc; position:relative; width: 100%; right: 0px; bottom:10px;padding: 2px 20px; display: inline-block;  border-radius:2px;}
}



/** news2_box ====================================================================================*/
.news2_box{ padding: 40px 10px 20px 10px; }
a.news2_a{ width: 48%; float: left; margin:0px 1% 20px 1%; display: block; position:relative;  background:#F4F4F4; padding: 20px 20px 20px 20px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border-bottom: 5px solid #fff; }

a.news2_a .txt1{ font-size: 22px; color: #333; line-height: 50px; height: 50px; overflow: hidden; border-bottom: 1px solid #ccc;}
a.news2_a .txt2{ width: 100%; color: #999; font-size: 14px; line-height: 22px; height: 44px; margin: 15px 0px; overflow: hidden;}

a:hover.news2_a { border-bottom: 5px solid #f49307; box-shadow:0 0 20px rgba(0,0,0,.22);}
a:hover.news2_a .txt1{ color: #f49307; }
a:hover.news2_a .txt2{ }

@media (max-width: 1300px) { 
a.news2_a{padding: 10px 10px 10px 10px;  }
a.news2_a .txt1{ font-size: 16px; color: #333; line-height: 45px; height: 45px; overflow: hidden; border-bottom: 1px solid #ccc;}
a.news2_a .txt2{ width: 100%; color: #999; font-size: 13px; line-height: 22px; height: 44px; margin: 10px 0px; overflow: hidden;}
}
@media (max-width: 640px) { 
.news2_box{padding: 20px 10px 0px 10px;}
a.news2_a{ width: 98%; float: left; margin:0px 1% 20px 1%; display: block; position:relative;  background:#F4F4F4; padding: 10px 10px 10px 10px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border-bottom: 5px solid #fff; }
a.news2_a .txt1{ font-size: 15px; color: #333; line-height: 23px; padding-bottom: 5px; height:auto; overflow: hidden; border-bottom: 1px solid #ccc;}
a.news2_a .txt2{ width: 100%; color: #999; font-size: 13px; line-height: 22px; height: 44px; margin: 10px 0px; overflow: hidden;}	
}

.img_box{ padding: 40px 10px 20px 10px; margin-right: -15px; margin-left: -15px;}
a.img_a{display: block; width: 23%; float: left; margin:0px 1% 10px 1%; position:relative; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.img_a .imgzoom{padding-bottom: 29%; width: 100%; position: relative; overflow: hidden; border: 1px solid #f1f1f1; }
a.img_a .imgzoom img{ width: 100%;  position: absolute; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;
	opacity: 0.5;filter: grayscale(100%);
			-webkit-filter:grayscale(100%);
			-ms-filter:grayscale(100%);
			-moz-filter:grayscale(100%);
			-o-filter:grayscale(100%);
			transition:500ms ease-out;
			-webkit-transition:500ms ease-out;
			-ms-transition:500ms ease-out;
			-moz-transition:500ms ease-out;
			-o-transition:500ms ease-out; }
a.img_a:hover .imgzoom img{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);
opacity: 1;filter:none;}

a.img_a .f16{ color: #999; font-size: 14px; text-align: center; padding: 10px 0px 20px 0px; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a:hover.img_a .f16{ color: #f49307;}

@media (max-width: 640px) { 
.img_box{ padding: 20px 10px 0px 10px; margin-right: -15px; margin-left: -15px;}
a.img_a{display: block; width: 48%; float: left; margin:0px 1% 10px 1%; position:relative; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
}




.img1_box{ padding: 40px 10px 20px 10px; margin-right: -15px; margin-left: -15px;}
a.img1_a{display: block; width: 23%; margin:0px 1% 30px 1%; float: left;}
a.img1_a .imgzoom{padding-bottom: 100%; width: 100%; position: relative; overflow: hidden; }
a.img1_a .imgzoom img{ width: 100%;  position: absolute; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
a.img1_a:hover .imgzoom img{-webkit-transform: scale(1.13); -moz-transform: scale(1.13); -ms-transform: scale(1.13); -o-transform: scale(1.13); transform: scale(1.13);}

a.img1_a .f16{ font-size: 18px; padding: 10px 0px 0px 0px;  height: 40px; overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.img1_a .f14{ font-size: 13px; color: #f49307; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c5c5c5;}
a.img1_a .f12{ font-size: 14px; color: #999; line-height: 20px; height: 60px; overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a:hover.img1_a .f16{ color: #f49307;}
a:hover.img1_a .f12{ color: #f49307;}

@media (max-width: 768px) { 
a.img1_a{display: block; width: 48%; margin:0px 1% 30px 1%; float: left;}
}

@media (max-width: 640px) { 
.img1_box{ padding: 20px 10px 0px 10px; margin-right: -15px; margin-left: -15px;}
a.img1_a{display: block; width: 48%; margin:0px 1% 10px 1%; float: left;}
a.img1_a .f16{ font-size: 14px; padding: 10px 0px 0px 0px;  height: 30px; overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.img1_a .f14{ font-size: 12px; color: #f49307; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #c5c5c5;}
a.img1_a .f12{ font-size: 12px; color: #999; line-height: 20px; height: 60px; overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
}




/** info_title ====================================================================================*/
.info_title{padding-bottom: 20px; border-bottom: solid 1px #e5e5e5; position: relative;}
.info_title::after { content: " "; width: 50%; height: 3px;  overflow: hidden; background: #f49307; position: absolute; bottom: 0px; left: 0%; opacity: .8;  }
.info_title h2{ font-size: 26px; color: #333; line-height: 30px; margin-bottom: 10px;}
.info_title h6{ font-size: 13px; color: #666; }
.info_title h6 span{padding-right: 10px;}

.info_title .info_bq{ font-size: 12px;color: #666; margin-top: 5px;}
.info_title .info_bq a:hover{color: #895202; }

.info_text{ font-size: 14px; line-height: 30px; color: #666;  padding: 20px 0px; overflow: hidden;}
.info_p{ width:100%; margin-top:30px; padding:15px 20px 15px 20px; background:#e9eaeb; font-size:14px; color:#888; line-height:24px;border-radius:5px;}

.fanye{ padding: 20px 0px 0px 0px; margin-top: 30px; border-top: 1px dotted #ccc;}
.fanyea { padding-bottom: 15px; color: #666; font-size: 14px; }
.fanyea a {color: #666; }
.fanyea a:hover { color: #895202; }
.fanyefh{}
.fanyefh a{color: #555; background: #eee; padding: 6px 30px; display: inline-block; margin:10px 0px 0px 0px; border-radius:2px;}
.fanyefh a:hover{background: #895202; color: #fff; padding: 6px 40px;}
/** info_title ====================================================================================*/

@media (max-width: 640px) { 
.info_title h2{ font-size: 0.26rem; color: #333; line-height: 30px; margin-bottom: 10px;}
.info_text{ font-size: 0.17rem; line-height: 0.3rem; color: #666;  padding: 15px 0px; overflow: hidden;}
.info_p{ width:100%; margin-top:10px; padding:10px 10px 10px 10px; background:#e9eaeb; font-size:12px; color:#888; line-height:20px;border-radius:5px;}

.fanyea { padding-bottom: 10px; color: #666; font-size: 12px; }
.fanyefh a{font-size: 12px; width: 100%;  text-align: center;}
}











.pf_down{ display: none;}

@media (max-width: 640px) { 
/*底部漂浮*/
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99; display: block; border-top: 1px solid #ccc;}
.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
.pf_down li .ico{ width:100%; float:left; height:30px;}
.pf_down li .ico img{ height:36px;}
.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #d32329; margin-top:-20px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
}




/*在线客服*/
.zxkf{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.zxkf ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.zxkf ul li:hover{background:#895202;color:#fff}
.zxkf ul li:hover a{color:#fff}

.zxkf ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.zxkf ul li i.bgs1{background-image:url(../images/kefu/right_pic5.png)}
.zxkf ul li i.bgs2{background-image:url(../images/kefu/right_pic7.png)}
.zxkf ul li i.bgs3{background-image:url(../images/kefu/right_pic2.png)}
.zxkf ul li i.bgs4{background-image:url(../images/kefu/right_pic1.png)}
.zxkf ul li i.bgs5{background-image:url(../images/kefu/right_pic3.png)}
.zxkf ul li i.bgs6{background-image:url(../images/kefu/right_pic6_on.png)}
.zxkf ul li:hover i.bgs1{background-image:url(../images/kefu/right_pic5_on.png)}
.zxkf ul li:hover i.bgs2{background-image:url(../images/kefu/right_pic7_on.png)}
.zxkf ul li:hover i.bgs3{background-image:url(../images/kefu/right_pic2_on.png)}
.zxkf ul li:hover i.bgs4{background-image:url(../images/kefu/right_pic1_on.png)}
.zxkf ul li:hover i.bgs5{background-image:url(../images/kefu/right_pic3_on.png)}

.zxkf ul li.zxkftop{background:#895202;color:#fff}
.zxkf ul li.zxkftop:hover{opacity:.8;filter:Alpha(opacity=80)}

.zxkf ul li.zxkfewm .ewBox{width:155px; height: 155px; display:none;color:#363636;text-align:center;position:absolute;left:-158px;top:0;border:1px solid #e0e0e0}
.zxkf ul li.zxkfewm .ewBox img{width: 100%;}

.zxkf ul li.zxkfetel .telBox{width:240px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#895202}
.zxkf ul li.zxkfetel .telBox dd{display:block;height:auto;overflow:hidden;padding-left:82px;line-height:24px;font-size:16px}
.zxkf ul li.zxkfetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin:13px 0px 0px 0px;font-size:18px}
.zxkf ul li.zxkfetel .telBox dd.bgs1{background:url(../images/kefu/right_pic8.png) 28px center no-repeat; padding-bottom: 13px; background-color:#895202;}

.zxkf ul li:hover .ewBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
.zxkf ul li:hover .telBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@media (max-width: 992px) {
.zxkf{display: none;}	
}

/*在线客服*/

/*首页弹窗*/
.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/bg_9.png); z-index:9999; display:none;}
.tc_box{ width:930px; height:434px; background:url(../images/bg_8.png); position:fixed; left:50%; top:50%; margin:-182px 0 0 -465px; padding:57px 55px 0 55px; z-index:10001; display:none;}
.tc_box .bian{ width:96%; height:92%; border:dashed 1px #4e9def; left:2%; top:4%; position:absolute; z-index:1;}
.tc_box .btn{ width:42px; height:42px; position:absolute; right:35px; top:33px; cursor:pointer; z-index:9999;}
.tc_box .title{ width:100%; float:left; }
.tc_box .title span{ display:block; float:left; font-size: 36px; color: #bec6d9;}
.tc_box ul{ margin:60px -10px 10px -10px; z-index:9999; position:relative;}
.tc_box ul li{ width:50%; float:left; margin-top:20px; padding:0 10px;}
.tc_box ul li .zbox{ width:100%; float:left; border:solid 1px #4e9def; padding:0 4px 0 60px; position:relative;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_box ul li .zbox .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;}
.tc_box ul li .zbox .ico img{ width:100%; float:left;}
.tc_box ul li .zbox .name{ float:left; font-size:16px; color:white; line-height:54px;}
.tc_box ul li .zbox .txk{ margin-left:38px; position:relative;}
.tc_box ul li .zbox .txk input{ display:block; width:100%; height:54px; line-height:54px; color:white; font-size:16px; background:none; border: 0px; color: #bec6d9;}
.tc_box ul li.l1 .zbox .txk{ margin-left:88px;}
.tc_box ul li.l2 .zbox .txk{ margin-left:56px;}
.tc_box ul li.l3{ width:100%;}
.tc_box ul li.l3 textarea{ display:block; width:100%; height:75px;border:solid 1px #4e9def; padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_box ul li.l3 textarea
.tc_box ul li.l2.l2_yz .zbox .txk{ padding-right:133px;}
.tc_box ul li.l2.l2_yz .zbox .txk span{ width:129px; height:51px; position:absolute; right:2px; top:2px; cursor:pointer;}
.tc_box ul li.l2.l2_yz .zbox .txk span img{width:100%; height:100%;}
.tc_box ul li.l4 input{ display:block; width:100%; height:56px; line-height:54px; color:#4e9def; font-size:24px; cursor:pointer; background:white;  border:solid 1px white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.tc_box ul li.l4 input:hover{ background:#4e9def; color:white;}
@media screen and (max-width:991px) {
.tc_box{ width:92%; height:364px; left:4%; margin:-182px 0 0 0; padding:37px 35px 0 35px;}
.tc_box .btn{ width:22px; height:22px; right:20px; top:28px;}
.tc_box .title{ height:47px;}
.tc_box .title img{ height:100%;}
.tc_box .title span{ height:40px; margin-left:11px; margin-top:4px;}
.tc_box ul{ margin:0px -5px 0px -5px; display: block; padding-top: 50px; }
.tc_box ul li{ margin-top:10px; padding:0 5px;}
.tc_box ul li .zbox{ padding:0 4px 0 40px;}
.tc_box ul li .zbox .ico{ width:34px; height:34px;}
.tc_box ul li .zbox .name{ font-size:14px; line-height:34px;}
.tc_box ul li .zbox .txk{ margin-left:32px;}
.tc_box ul li .zbox .txk input{ height:34px; line-height:34px; font-size:14px;}
.tc_box ul li.l1 .zbox .txk{ margin-left:78px;}
.tc_box ul li.l2 .zbox .txk{ margin-left:46px;}
.tc_box ul li.l3 textarea{ padding:6px 14px; font-size:14px; line-height:22px;}
.tc_box ul li.l2.l2_yz .zbox .txk{ padding-right:83px;}
.tc_box ul li.l2.l2_yz .zbox .txk span{ width:79px; height:31px; top:1px;}
.tc_box ul li.l4 input{ height:36px; line-height:34px; font-size:18px;}
}
@media screen and (max-width:767px) {
.tc_box ul li{ width:100%;}
.tc_box{ height:484px; margin:-242px 0 0 0;}
}
@media screen and (max-width:480px) {
.tc_box{ height:444px; margin:-222px 0 0 0; padding:27px 25px 0 25px;}
.tc_box .title{ height:27px;}
.tc_box .title span{ height:20px; margin-left:6px;}
.tc_box .bian{ height:96%; top:2%;}
}



/** CSS3 缩放 ====================================================================================*/
.touming{
	-webkit-animation: touming 2s both ease-out;-ms-animation: touming 2s both ease-out;animation:touming  2s both ease-out;
}
.scale {
    -webkit-animation: scale 10s linear 0s alternate infinite;
    animation: scale 10s linear 0s alternate infinite
}
.cloudmove {
    width: 110%;
    -webkit-animation: cloudmove 15s linear 0s alternate infinite;
    animation: cloudmove 15s linear 0s alternate infinite
}
.movetopRight {
    -webkit-animation: movetopRight 5s linear 0s normal infinite;
    animation: movetopRight 5s linear 0s normal infinite
}
.rotatescale {
    -webkit-animation: rotatescale 20s linear 0s alternate infinite;
    animation: rotatescale 20s linear 0s alternate infinite
}
.leftright {
	-webkit-animation: leftright 15s linear 0s alternate infinite;
	animation: leftright 15s linear 0s alternate infinite
}
.roate360 {
	-webkit-animation: rotate360 20s linear 0s normal infinite;
	animation: rotate360 20s linear 0s normal infinite
}
@-webkit-keyframes rotate360 {
from {
-webkit-transform:perspective(1000px) rotate(0);
transform:perspective(1000px) rotate(0)
}
to {
-webkit-transform:perspective(1000px) rotate(360deg);
transform:perspective(1000px) rotate(360deg)
}
}
@keyframes rotate360 {
from {
-webkit-transform:perspective(1000px) rotate(0);
transform:perspective(1000px) rotate(0)
}
to {
-webkit-transform:perspective(1000px) rotate(360deg);
transform:perspective(1000px) rotate(360deg)
}
}
@-webkit-keyframes cloudmove {
0% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes cloudmove {
0% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@-webkit-keyframes scale {
0% {
-webkit-transform:perspective(1000px) scale(1);
transform:perspective(1000px) scale(1)
}
100% {
-webkit-transform:perspective(1000px) scale(1.1);
transform:perspective(1000px) scale(1.1)
}
}
@keyframes scale {
0% {
-webkit-transform:perspective(1000px) scale(1);
transform:perspective(1000px) scale(1)
}
100% {
-webkit-transform:perspective(1000px) scale(1.1);
transform:perspective(1000px) scale(1.1)
}
}
@-webkit-keyframes movetopRight {
0% {
-webkit-transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
25% {
-webkit-transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
100%, 50% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
}
@keyframes movetopRight {
0% {
-webkit-transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
25% {
-webkit-transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
100%, 50% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
}
@-webkit-keyframes rotatescale {
0% {
-webkit-transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg);
transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg)
}
}
@keyframes rotatescale {
0% {
-webkit-transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg);
transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg)
}
}
@-webkit-keyframes leftright {
0% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
}
@keyframes leftright {
0% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
}
@-webkit-keyframes touming {
	0%{opacity : 0}
	100%{opacity : 1}
}
@-ms-keyframes touming { 
	0%{opacity : 0}
	100%{opacity : 1}
}
@keyframes touming {
	0%{opacity : 0}
	100%{opacity : 1}
}


/**  CSS3 缩放 ====================================================================================*/