@charset "utf-8";
/* CSS Document */
 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"宋体"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
 html{
    font-size:10px;
}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}



@media (min-width: 1400px) {
    .container{
        width: 1280px;margin-top: 20px;
    }
}


@media (min-width:1200px) and (max-width:1440px) {
.hidden-mdx {
	display: none!important
}
}
@media (min-width:1441px) {
.hidden-lg {
	display: none!important
}
}


/*手机头部*/
#molheader {
	text-align: right;
	z-index: 32;
}
#molheader .mol_navbutton {
	text-align:right;
}
#molheader .mol_navbutton img {
	max-width: 100%;
}

@media all and  (min-width: 768px) and (max-width: 991px) {
#molheader .mol_navbutton {
}
	}
/*panle导航开始*/
.left_nav {
	width: 280px;
	height: 100%;
	z-index: 7;
	background: #313131;
	position: fixed;
	top: 0px;
	right: 0px;
	color: #f0f0f0;
	z-index: 44;
}
.left_nav .class-top {
	height: 70px;
	overflow: hidden;
	margin: 0;
	font-size: 24px;
	line-height: 70px;
	padding-left: 26px;
}
.left_nav .class-close {
	width: 34px;
	height: 34px;
	line-height: 30px;
	margin: 16px 10px 0 0;
	float: right;
	display: block;
	text-align: center;
	font-size: 24px;
	color: #a1a1a1;
	border: 1px solid #3f3f3f;
	border-radius: 50%;
	cursor:pointer;
}
.class-m {
	height: 88%;
	overflow-y: auto;
}
.opacity2 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 40;
	display: none;
}
.overflow {
	height: 100%;
	overflow: hidden;
}
.class-m .nnav {
	width: 280px;
	height: auto;
	overflow: hidden;
	padding: 10px 0;
}
.class-m .nnav li {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #373737;
}
.class-m .nnav li a.ce {
	padding-left: 26px;
	color: #ccc;
	font-size: 16px;
	display: block;
	height: 60px;
	line-height: 60px;
}
.menu_head .ericon {
	color: #ccc;
	width: 40px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: right;
	display: inline;
	font-size: 20px;
	position: relative;
	z-index: 3;/*background: #d55342;border-radius: 50%;*/
}
.menu_head .ericon .icon1 {
	display: none;
}
.menu_head .ericon.xz .icon1 {
	display: block;
}
.menu_head .ericon.xz .icon2 {
	display: none;
}
.class-m .nnav li .menu_body {
	display: none;
}
.class-m .nnav li .menu_body li {
	border-bottom: none;
}
.menu_body li a.er {
	padding-left: 40px;
	font-size: 14px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #999;
}
.menu_body .thricon {
	color: #999;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: right;
	display: inline;
	font-size: 20px;
	position: relative;
	z-index: 3;
}
.menu_body .thricon .icont1 {
	display: none;
}
.menu_body .thricon.tz .icont1 {
	display: block;
}
.menu_body .thricon.tz .icont2 {
	display: none;
}
.class-m .nnav li .thr_body {
	display: none;
}
.class-m .nnav li .thr_body li {
	border-bottom: none;
	padding: 0;
}
.thr_body li a.thr {
	position: relative;
	padding-left: 60px;
	font-size: 14px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #666;
}
/*panle导航结束*/
.page-prev {
	transform: translate3d(280px, 0, 0);
	-ms-transform: translate3d(280px, 0, 0);
	-webkit-transform: translate3d(280px, 0, 0);
	-o-transform: translate3d(280px, 0, 0);
	-moz-transform: translate3d(280px, 0, 0);
}
.page-next {
	transform: translate3d(280px, 0, 0);
	-ms-transform: translate3d(280px, 0, 0);
	-webkit-transform: translate3d(280px, 0, 0);
	-o-transform: translate3d(280px, 0, 0);
	-moz-transform: translate3d(280px, 0, 0);
}
.page-active {
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
.page-in {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
 @media (max-width: 991px) {
/*#header,#banner,.about_imgs,.about_text .more,.picFocus .bd,.picFocus .hd,#myCarousel2,.newbox .newlist .news:nth-child(3),#footer{display: none;}
   #molbanner,#molheader,.mol_probox,.mol_teachbox,.mol_foot,.mol_botnav{display: block!important;}*/
#main .aboutbox {
	width: 94%;
	margin: 0 auto;
}
.aboutbox .about_text {
	top: -20px;
	padding: 18px;
}
.ab_title {
	padding-top: 0px;
	height: 72px;
	line-height: 1.5;
}
.ab_title span {
	font-size: 24px;
	padding: 0 46px;
	line-height: 1.5;
}
.ab_title span:before, .ab_title span:after {
	width: 40px;
	bottom: 7px;
}
.about_dec {
	height: 230px;
}
.about_text .ewb_box {
	width: 100%;
	padding: 0 38%;
	border-left: none;
	margin-top: 10px;
	float: none;
}
.about_text .ewb_box p {
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #333;
	writing-mode: horizontal-tb;
	line-height: 1.5;
	padding: 8px 0;
	font-size: 14px;
}
.about_text .ewb_box img {
	width: 100%;
}
.picFocus .ab_title {
	left: 0;
	top: 15px;
	min-width: 100%;
}
.seemore {
	margin: 18px auto;
	width: 94%;
}
.aboutbox .seemore {
	margin: 0;
	margin-bottom: 24px;
	margin-left: 3%;
}
.newbox .newlist {
	padding-top: 28px;
}
.newbox .newlist .news:nth-child(1) {
	padding: 0;
	padding-right: 8px;
}
.newbox .newlist .news:nth-child(2) {
	padding: 0;
	padding-left: 8px;
}
.newbox .newlist .news .newtext {
	padding: 10px;
}
.newbox .newlist .news .newtext .newdec {
	height: 108px;
	margin: 14px 0;
}
.newbox .seemore {
	margin: 0;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-top: -20px;
}
#banner_ny {
	height: 300px;
}
#banner_ny img {
	height: 300px;
	width: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.lists ul.prolist li .protext dd span {
	font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.aboutbox .about_text {
	width: 94%;
}
.about_text .ewb_box {
	margin-top: 20px;
}
.about_text .ewb_box p {
	font-size: 16px;
}
.seemore {
	margin: 24px auto;
}
.teachbox {
	height: 710px;
}
.teachbox .teachlist .ab_title {
	padding: 10px 0 16px 0;
}
.teach_bg {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.teach_bg img {
	vertical-align: top;
	height: 600px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.newbox .newlist .news {
	width: 50%;
}
.lists ul.prolist li .protext dd a {
	margin: 0;
	font-size: 28px;
}
.lists ul.prolist li .protext dt {
	margin: 32px 0;
}
#footer {
	padding-top: 46px;
}
.foot_top .foot_nav .foot_navtitle {
	padding-right: 4px;
}
.foot_top .foot_nav .foot_navtitle .f_cont span {
	font-size: 18px;
}
.foot_ewm .f_ewm {
	padding-left: 4px;
}
}
@media (max-width: 767px) {
/*#molheader img{width: 100px;}*/
.teachbox {
	height: 560px;
}
.teachbox .teachlist .ab_title {
	padding: 40px 0 26px 0;
}
.teach_bg {
	position: relative;
	width: 100%;
	height: 480px;
	overflow: hidden;
}
.teach_bg img {
	vertical-align: top;
	height: 480px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#banner_ny .pos_title {
	font-size: 14px;
	top: 40%;
	line-height: 14px;
}
#banner_ny .pos_title span {
	font-size: 24px;
	height: 36px;
	line-height: 36px;
}
#main_ny {
	padding: 3%;
}
.address {
	padding: 10px 0 30px 24px;
	height: 64px;
}
.address:before {
	bottom: 37px;
}
.lists ul.newlist li {
	padding: 0 8px 34px 8px;
}
.lists ul.newlist li .newtext dd a {
	font-size: 14px;
}
#main_ny .art_title {
	font-size: 16px;
}
.lists ul.prolist li {
	margin: 30px 0;
}
.lists ul.prolist li .pimg img {
	width: auto;
	height: 160px;
}
.lists ul.prolist li .protext {
	padding: 10px 20px;
}
.lists ul.prolist li .protext dd a {
	margin: 0;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
}
.lists ul.prolist li .protext dt {
	margin: 9px 0;
	height: 42px;
}
.lists ul.prolist li .more {
	bottom: 10px;
	right: 10px;
}
.prodecbox {
	width: 78%;

	margin: 28px auto;
}
.teach_name {
	font-size: 16px;
}
}
@media (max-width: 600px) {
#molbanner, #molbanner img {
	height: 100%;
}
}
 @media (max-width: 414px) {
#molbanner, #molbanner img {
	height: 100%;
}
}
 @media (max-width: 320px) {
.ab_title span {
	font-size: 20px;
}
.about_text .ewb_box {
	padding: 0 33%;
}
.swiper-teach .teach-img li .tea_text p {
	font-size: 16px;
}
.swiper-teach .teach-img li .tea_text .tdec {
	font-size: 12px;
}
.teachbox {
	height: 450px;
}
.teach_bg, .teach_bg img {
	height: 384px;
}
.swiper-teach .teach-img li .tea_text .tdec {
	height: 146px;
}
.newbox .newlist .news .newtext .n_title {
	font-size: 14px;
	line-height: 22px;
	height: 76px;
}
.newbox .newlist .news .newtext .newdec {
	height: 68px;
	margin: 10px 0;
}
.left_nav .class-top {
	font-size: 20px;
}
.class-m .nnav li a.ce {
	font-size: 14px;
}
.page a {
	width: 118px;
	height: 34px;
	line-height: 34px;
}
.page a.prev {
	background: url("../../images/prev.png")/*tpa=http://www.861ppt.com/141/skin/images/prev.png*/ 28px 11px no-repeat;
}
.page a.next {
	background: url("../../images/next.png")/*tpa=http://www.861ppt.com/141/skin/images/next.png*/ 86px 11px no-repeat;
}
.prodecbox {
	width: 80%;
	margin: 20px auto;
}
.teach_name {
	font-size: 14px;
}
}
/*pages*/ .pagination-wrapper {
	clear: both;
	padding: 1em 0 2em 0;
	text-align: center;
}
.pagination {
	display: inline-block;
*display: inline;
*zoom: 1;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
	list-style: none;
	display: inline;
	float: left;
	line-height: 1em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination li a {
	display: inline-block;
	padding: .5em .8em;
	background-color: #f9f9f9;
	color: #999;
}
.pagination li a:link {
	background: #fff;
	color: #4C78A5;
}
.pagination li a:hover {
	text-decoration: none;
}
.pagination li a:link:hover {
	color: #000;
}
.pagination li.thisclass {
	background-color: #f9f9f9;
	color: #999;
}
.pagination li:first-child {
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}
.pagination li:last-child {
	border-radius: 0 3px 3px 0;
}
.pagination .pageinfo {
	color: #444;
}


/*首页banner*/
#banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#banner .carousel-inner{ height:100%; width:100%}
#banner .carousel{height:100%; width:100%}
#banner .carousel-inner .item{ height:100%; width:100%}
#banner .carousel-indicators {
	bottom: 50%;
	left: 0%;
	width: 4%;
	margin-left: 0;
	text-align: right;
}
#banner .carousel-indicators li {
	transition: 400ms;
	border: none;
	margin: 10px 0;
	width: 100%;
	height: 10px;
	background: none;
}
#banner .carousel-indicators li span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
}
#banner .carousel-indicators li.active span {
	display: inline-block;
	width: 40px;
	height: 2px;
	margin-bottom: 4px;
	border-radius: 0;
	background: #00ab4d;
	transition: 400ms;
}
/*手机banner*/
#molbanner {
	position: relative;
	width: 100%;
	height: 100%;;
	overflow: hidden;
	display: none;
}
.swiper-banner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-banner .banner-img li {
	overflow: hidden;
}
.swiper-banner .banner-img li .pic {
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
}
.swiper-banner .banner-img li img {
	vertical-align: top;
	height:auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.swiper-banner .swiper-dote {
	width: 3%;
	text-align: right;
	position: absolute;
	left: 2%;
	bottom: 50%;
	z-index: 33;
}
.swiper-banner .swiper-dote ul li.swiper-pagination-bullet {
	transition: 400ms;
	border: none;
	width: 8px;
	height: 8px;
	position: relative;
	opacity: 1;
	background: #fff;
}
.swiper-banner .swiper-dote ul li.swiper-pagination-bullet-active {
	width: 100%;
	height: 2px;
	background: #00ab4d;
	transition: 400ms;
}
#main {
	width: 100%;
	height: auto;
}



/*导航*/

.hed_x{ z-index:50000; position:fixed; top:0; left:0; width:100%; transition:0.3s; background:#FFF; border-bottom:1px solid #eeeeee }
.hed_xx{ z-index:50000; position:absolute; bottom:0; width:100%; opacity:0.2}

.lanse{ background:#222222; }


.logo img{ padding:18px 0px 18px 20px}

@media (max-width:1024px){
#molheader .mol_navbutton img{ max-width:100%;position: relative; top: 0px;right:0px }
}
@media (max-width: 991px){
#molheader .mol_navbutton img{ max-width:100%;position: relative; top: 0px;right:0px}
}
@media (max-width: 768px){
#molheader .mol_navbutton img{ max-width:100%;position: relative; top: 0px;}
}
@media (max-width: 425px){
.logo img{ padding:12px 0px 10px 0px; width:60%}	
#molheader .mol_navbutton img{ max-width:100%;position: relative; top: 0px;right:0px; height:60px}
}





    .nav {height: 90px;position: relative;}
    .nav ul{display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */}
	.nav ul li {list-style: none; color:#FFF;text-align: center;height: 90px;line-height: 90px;cursor: pointer; flex:1; }
    .nav ul li a{ font-size:16px; color:#444444; display:block;transition:.2s}
    .nav ul li:hover { border-radius:0; transition:.2s}
	.nav ul li:hover a{ color:#009646 }
    .nav .menu {width: 40px;height: 30px;border: 2px solid #666;position: absolute;line-height: 28px;text-align: center;border-radius: 6px;color: #666;cursor: pointer;right: 40px;top: calc((48px - 34px) / 2);display: none;-webkit-user-select: none;    }
	
	#snav{  margin:0 auto; position:relative; z-index:30}
	#snav ul li ul{display:none;z-index:11;width:100%; height:auto; overflow:hidden; background:#f5f5f5; margin:0 auto;opacity: 0.9;filter: alpha(Opacity=90); -moz-opacity: 0.9;position:relative}
	#snav ul li ul li{line-height:30px;height:30px;position:relative;z-index:2; width:100%; margin:0 auto; float:none;border-bottom:1px solid #fff; background:none}
	#snav ul li ul li a{font-weight:300;color:#333;line-height:30px;font-size:1.2rem; display:block; height:30px; margin:0 auto;width:100%;}
	#snav ul li ul li a:hover{color:#FFF; background:#00ab4d}
	
	
	
@media (min-width:1281px) and (max-width:1440px) {

	#molheader .mol_navbutton img{ max-width:100%; height:70px;position: relative; top: 0px;right:0px }
	.logo img{ padding:15px 0px 15px 20px; width:40%;}
	
    .nav {height: 70px;position: relative; left:70px;}
    .nav ul{display: flex }
	.nav ul li {list-style: none;float: left; color:#FFF;text-align: center;height: 70px;line-height: 70px;cursor: pointer; flex: 1; }
    .nav ul li a{ font-size:14px; color:#444444; display:block;transition:.2s}
	.nav ul li img{ position:relative; top:-2px;}
    .nav ul li:hover { border-radius:0; transition:.2s}
	.nav ul li:hover a{ color:#009646 }
    .nav .menu {width: 40px;height: 30px;border: 2px solid #666;position: absolute;line-height: 28px;text-align: center;border-radius: 6px;color: #666;cursor: pointer;right: 40px;top: calc((48px - 34px) / 2);display: none;-webkit-user-select: none;    }

}


@media (min-width:993px) and (max-width:1280px) {
	#molheader .mol_navbutton img{ max-width:100%; height:60px;position: relative; top: 0px;right:0px }
	
	.logo img{ padding:12px 0px 12px 20px; width:40%;}
	
    .nav {height: 60px;position: relative; left:20px;}
    .nav ul{display: flex }
	.nav ul li {list-style: none;float: left; color:#FFF;text-align: center;height: 60px;line-height: 60px;cursor: pointer; flex: 1; }
    .nav ul li a{ font-size:11px; color:#444444; display:block;transition:.2s}
	.nav ul li img{ position:relative; top:-1px;}
    .nav ul li:hover { border-radius:0; transition:.2s}
	.nav ul li:hover a{ color:#009646 }
    .nav .menu {width: 40px;height: 30px;border: 2px solid #666;position: absolute;line-height: 28px;text-align: center;border-radius: 6px;color: #666;cursor: pointer;right: 40px;top: calc((48px - 34px) / 2);display: none;-webkit-user-select: none;    }
}


	
            
    @media all and (max-width: 992px) {
    .nav .menu {display: block;}
    .nav ul {position: absolute;top: 60px;padding-left: 15px;right:-14px;display: none; width:80%        }    
    .nav ul li {float: none;background-color: #333;border-radius: 4px;margin-bottom: 1px; line-height:35px; height:35px; width:100%       }
    .nav ul li:hover {background-color: #333;opacity: 0.9;}
    }
	
	.sec1{ text-align:center; position:relative; top:30vh; font-size:5.5rem; font-weight:bold}
	.sec2{ width:60%; margin:0 auto; position:relative;top:32vh; font-size:1.6rem; line-height:2}
	.sec3{ margin:0 auto; width:155px; height:37px; border:1px solid #FFF; line-height:37px; position:relative; top:35vh; display:block}
	a.sec3{ color:#FFF}
	.sec4{ position:relative; top:40vh}
@media (max-width: 991px){
.sec1{ text-align:center; position:relative; top:20vh; font-size:3rem; font-weight:bold}
.sec2{ width:80%; margin:0 auto; position:relative;top:25vh; font-size:1.3rem; line-height:1.8}
.sec3{ margin:0 auto; width:155px; height:37px; border:1px solid #FFF; line-height:37px; position:relative; top:30vh; display:block}
}


.tools ul li{ float:left; display:inline; line-height:90px; padding:0 7px;}
.tools ul li a{ font-weight:bold; font-size:1.6rem; color:#a6a6a6}



@media (max-width: 1660px){
.tools ul li{ float:left; display:inline; line-height:90px; padding:0 4px;}
.tools ul li a{ font-weight:bold; font-size:1.6rem; color:#a6a6a6}
}

@media (max-width: 1440px){
.tools ul li{ float:left; display:inline; line-height:90px; padding:0 2px;}
.tools ul li a{ font-weight:bold; font-size:1.6rem; color:#a6a6a6}
}

@media (max-width: 1220px){
.tools ul li{ float:left; display:inline; line-height:90px; padding:0 1px;}
.tools ul li a{ font-weight:bold; font-size:1.6rem; color:#a6a6a6}
}


.banner{ width:100%; height:100%; overflow:hidden; position:relative;font-size:0}
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left;}
.b-list{ height:50px;  position:absolute;     left:0;right:0;bottom:40px;    margin:auto;;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


@-webkit-keyframes animateDownloadHandIn {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animateDownloadHandIn {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

.animateDownloadHandIn {
    -webkit-animation: animateDownloadHandIn 0.6s;
    animation: animateDownloadHandIn 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}


.ba1{ position:absolute; top:350px; left:300px;}


/*第二屏*/
.box{ position:absolute; top:0; left: 0;   right: 0;   margin-left: auto;   margin-right: auto;width:100%; height:100%; background-size:cover; }
.sp img{ max-width:100%;}
.about{ text-align:left}
.about .about_zi{ color:#00ab4d; font-size:4rem; font-weight:bold}
.about .about_zi_1{ color:#00ab4d; font-size:3rem; padding:15px 0}
.about .about_nr{ color:#6b6b6b; font-size:1.5rem; line-height:2}
.about_more a{ width:162px; height:45px; display:block; background:#FFF; border:1px solid #cccccc; line-height:45px; text-align:center; font-size:1.4rem; margin-top:20px;}

.about_ys{margin-top:30px; margin-left:-30px; padding-bottom:20px; overflow:hidden}
.about_ys .about_ys_nr{ text-align:center; }
.about_ys .about_ys_nr_tu img{ max-width:100%; }
.about_ys .about_ys_nr_zi{ font-size:1.5rem; color:#6b6b6b; padding:10px 0 5px 0}
.about_ys .about_ys_nr_zi_2{ font-size:1.2rem; color:#6b6b6b}

@media (min-width:1281px) and (max-width:1440px) {
	
.about .about_zi{ color:#00ab4d; font-size:3.2rem; font-weight:bold}
.about .about_zi_1{ color:#00ab4d; font-size:2.4rem; padding:8px 0}
.about .about_nr{ color:#6b6b6b; font-size:1.3rem; line-height:1.8}
.about_more a{ width:120px; height:40px; display:block; background:#FFF; border:1px solid #cccccc; line-height:40px; text-align:center; font-size:1.2rem; margin-top:20px;}
.about_ys .about_ys_nr_tu img{ max-width:100%; }
.about_ys .about_ys_nr_zi{ font-size:1.2rem; color:#6b6b6b; padding:10px 0 5px 0}
.about_ys .about_ys_nr_zi_2{ font-size:1rem; color:#6b6b6b}
	
}

@media (min-width:769px) and (max-width:1280px) {
.about .about_zi{ color:#00ab4d; font-size:3.2rem; font-weight:bold}
.about .about_zi_1{ color:#00ab4d; font-size:2.4rem; padding:8px 0}
.about .about_nr{ color:#6b6b6b; font-size:1.1rem; line-height:1.8}
.about_more a{ width:100px; height:30px; display:block; background:#FFF; border:1px solid #cccccc; line-height:30px; text-align:center; font-size:1rem; margin-top:20px;}
.about_ys .about_ys_nr_tu img{ max-width:100%; height:25px}
.about_ys .about_ys_nr_zi{ font-size:1.2rem; color:#6b6b6b; padding:10px 0 5px 0}
.about_ys .about_ys_nr_zi_2{ font-size:1rem; color:#6b6b6b}
}


@media (max-width: 768px){
.about_ys .about_ys_nr{ text-align:center; border-right:none }
.about_ys .about_ys_nr_tu img{ max-width:100%; height:40px}
.about_ys .about_ys_nr_zi{ font-size:1.2rem;  color:#6b6b6b; padding:10px 0 5px 0}
.about_ys .about_ys_nr_zi_2{ font-size:1.2rem; color:#6b6b6b}
}




/*第四屏*/


   @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.03); /*放大1.03倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.03);
            }
        }
.ballon{
            -webkit-animation-name: scaleDraw; /*关键帧名称*/
            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
            -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
            -webkit-animation-duration: 5s; /*动画所花费的时间*/
        }
		
		



.main {margin: 0 auto;}
.main .col-lg-6{ padding-left:0; padding-right:0}
.main .title {	margin-bottom: 40px; margin-top:60px;	text-align: center;}
.main .title h4 {	font-size: 4rem;	position: relative;	font-weight: 700;	padding-bottom: 5px; color:#FFF}
.main .title p {	font-size: 2.4rem;	position: relative;	color: #ffffff;}
.main ul li {	float: left;}
.main ul li.one {text-align:left}
.main ul li.one a {height: 470px;	overflow: hidden;	display: block;	position: relative;}
.main ul li.one a img {	 transform:scale(1);-ms-transform:scale(1); -moz-transform:scale(1); 	-webkit-transform:scale(1); -o-transform:scale(1);		transition: all .4s;	display: block; max-width:100%}

.main ul li.two {	 text-align:left}
.main ul li.two a {height: 230px;	padding: 38px 44px;	margin-bottom: 10px;	display: block;	overflow: hidden;	position: relative;	background: #fff;}
.main ul li.two .top {	width: 100%;	float: initial;	padding-left: 0;}
.main ul li.two .top h5 {	font-size: 18px;	color: #000;	text-overflow: ellipsis;	overflow: hidden;	white-space: nowrap;	font-weight: 400;}
.main ul li.two .top div.p {	border-bottom: 1px solid #eeeeee;	padding-bottom: 24px;}
.main ul li.two .top div.p p {	height: 52px;	padding-top: 10px;	font-size: 14px;	color: #999;	overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main ul li.two .top img {	position: absolute;	top: 50%;	right: 67px;	margin-top: 62px;}
.main ul li.two .bottom {	width: 100%;	float: initial;	border-right: none;}
.main ul li.two .bottom h3 {	padding-top: 20px;	font-size: 32px;	font-weight: 700;	color: #999;}
.main ul li.two .bottom h3:after {	content: " ";	display: block;	border-bottom: none;	width: 0;	margin: 0;}
.main ul li.two .bottom span {	font-size: 14px;	display: block;	color: #999;}
.main ul li.three {	text-align:left; position:relative; z-index:500;}
.main ul li.three a {height: 157px;	padding: 38px 44px; border-bottom:1px solid #eeeeee;	display: block;	background: #fff;	overflow: hidden; transition:0.3s}

.main ul li.three a:hover {background: #009646; color:#FFF}

.main ul li.three a .left {	width: 14%;	border-right: 1px solid #eeeeee;	float: left;}
.main ul li.three a .left h3 {	font-size: 32px;	color: #999;	font-weight: 700;transition:0.3s}
.main ul li.three a .left h3:after {	content: " ";	display: block;	border-bottom: 1px solid #ccc;	width: 20px;	margin: 10px 0;}
.main ul li.three a .left span {	font-size: 14px;	display: block;	color: #999;transition:0.3s}
.main ul li.three a .right {	width: 82%;	padding-left: 25px;	float: left;}
.main ul li.three a .right h5 {	font-size: 1.5rem;	color: #000;	font-weight: 400;transition:0.3s}
.main ul li.three a .right p {	font-size: 1.4rem;	color: #767676; padding-top:10px; line-height:1.8;transition:0.3s}
.main ul li.three a .right img {	padding-top: 20px}
.main ul li.two a:hover,.main ul li.three a:hover {	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);}

.main ul li.three a:hover .left h3 {color: #ffffff;}
.main ul li.three a:hover .left span {color: #ffffff;}
.main ul li.three a:hover .right h5 {	color: #ffffff;	}
.main ul li.three a:hover .right p {	color: #ffffff;}


@media (max-width:1680px) {
.main ul li.one a {height: 470px;	overflow: hidden;	display: block;	position: relative;}
.main ul li.one a img {transform:scale(1);-ms-transform:scale(1); -moz-transform:scale(1); 	-webkit-transform:scale(1); -o-transform:scale(1);transition: all .4s;	display: block; max-width:100%}
.main .title h4 {	font-size: 3.2rem;	position: relative;	font-weight: 700;	padding-bottom: 5px; color:#FFF}
.main .title p {	font-size: 1.8rem;	position: relative;	color: #ffffff;}
.main ul li.three a {height: 157px;	padding: 50px 45px 0;	border-bottom:1px solid #eeeeee;		display: block;	background: #fff;	overflow: hidden;}
.main ul li.three a .left h3 {	font-size: 20px;	color: #999;	font-weight: 700;}
.main ul li.three a .right h5 {	font-size: 1.5rem;	color: #000;	font-weight: 400;}
.main ul li.three a .right p {	font-size: 1.4rem;	color: #767676; padding-top:10px; line-height:1.5}
.main ul li.three a .left span {	font-size: 12px;	display: block;	color: #999;}
.main ul li.three a .left {	width: 14%;	border-right: 1px solid #eeeeee;	float: left;}
.main ul li.three a .right {	width: 85%;	padding-left: 25px;	float: left;}
}


@media (min-width:1281px) and (max-width:1440px) {
.main ul li.one a {height: 402px;	overflow: hidden;	display: block;	position: relative;}
.main ul li.one a img { transform:scale(1);-ms-transform:scale(1); -moz-transform:scale(1); 	-webkit-transform:scale(1); -o-transform:scale(1);	transition: all .4s;	display: block}
.main .title h4 {	font-size: 2.8rem;	position: relative;	font-weight: 700;	padding-bottom: 5px; color:#FFF}
.main .title p {	font-size: 1.8rem;	position: relative;	color: #ffffff;}
.main .title h4 {	font-size: 2.5rem;	position: relative;	font-weight: 700;	padding-bottom: 5px; color:#FFF}
.main .title p {	font-size: 1.6rem;	position: relative;	color: #ffffff;}
.main ul li.three a {height: 134px;	padding: 44px 37px;	border-bottom:1px solid #eeeeee;		display: block;	background: #fff;	overflow: hidden;}
.main ul li.three a .left h3 {	font-size: 20px;	color: #999;	font-weight: 700;}
.main ul li.three a .right h5 {	font-size: 1.4rem;	color: #000;	font-weight: 400;}
.main ul li.three a .right p {	font-size: 1.3rem;	color: #767676; padding-top:10px; line-height:1.5}
.main ul li.three a .left span {	font-size: 12px;	display: block;	color: #999;}


.main ul li.three a .left {	width: 14%;	border-right: 1px solid #eeeeee;	float: left;}
.main ul li.three a .right {	width: 85%;	padding-left: 25px;	float: left;}

}


@media (min-width:1025px) and (max-width:1280px) {
	.main .title {	margin-bottom: 20px; margin-top:30px;	text-align: center;}
.main ul li.one a {height: 320px;	overflow: hidden;	display: block;	position: relative;}
.main .title h4 {	font-size: 2rem;	position: relative;	font-weight: 700;	padding-bottom: 5px; color:#FFF}
.main .title p {	font-size: 1.6rem;	position: relative;	color: #ffffff;}
.main ul li.three {	text-align:left; position:relative; z-index:500; }
.main ul li.three a {height: 107px;	padding: 20px 35px;	display: block;	background: #fff;	overflow: hidden;}
.main ul li.three a .left h3 {	font-size: 18px;	color: #999;	font-weight: 700;}
.main ul li.three a .right h5 {	font-size: 1.1rem;	color: #000;	font-weight: 400;}
.main ul li.three a .right p {	font-size: 1.0rem;	color: #767676; padding-top:10px; line-height:1.5}
.main ul li.three a .left span {	font-size: 1.0rem;	display: block;	color: #999;}
}


@media (max-width: 980px){
.main .title {	margin-bottom: 20px; margin-top:40px;	text-align: center;}
.main .title h4 {	font-size: 2.5rem;	position: relative;	font-weight: 700;	padding-bottom: 5px; color:#FFF}
.main .title p {	font-size: 1.6rem;	position: relative;	color: #ffffff;}
.main ul li.three {	text-align:left; position:relative; z-index:500; width:100%;}
.main ul li.three a {height: 110px;	padding: 20px 44px;	margin-bottom: 10px;	display: block;	background: #fff;	overflow: hidden;}
.main ul li.three a .right h5 {	font-size: 15px;	color: #000;	font-weight: 400; line-height:1.5}
}


.mo_news{ background:#FFF}
.mo_news_tu{ margin-bottom:10px;}
.mo_news_tu img{ max-width:100%;}



/*第五屏*/
.ys .row{ height:100%}
.ys .col-md-6{ height:100%; padding-left:0; padding-right:0} 
.ysl{ width:100%; height:100%; text-align:left;padding-left:5vw}

.ys_1{ padding-top:24vh; font-size:4.5rem; font-weight:bold; color:#02a64d; }
.ys_2{ padding:1vh 0 3vh; font-size:2.8rem; color:#333}
.ys_3{ padding:2vh 0 0vh; font-size:2rem; color:#464646}
.ys_4{  font-size:2.8rem; color:#00a14d}
.ys_5{ padding:2vh 0 1vh; font-size:1.5rem; color:#767676; line-height:1.7}
.ys_6{ margin-top:1vh}
.ys_6 .more{width: 132px;    height: 35px;    border: 1px solid #cccccc;    line-height: 34px;   display: block;    text-align: center;    color: #666666;    font-size: 1.4rem; background:#FFF}

.d_ys{ position:absolute; top:68vh; right:5vw; overflow:hidden;}

.tab-content .tab-pane{ transition:ease-in 0.2s}

.y1{ height:90px; background:url(../../images/y1.png) no-repeat top center; position:relative; cursor:pointer; text-align:center}
.y2{ height:90px; background:url(../../images/y2.png) no-repeat top center; position:relative; cursor:pointer; text-align:center}
.y3{ height:90px; background:url(../../images/y3.png) no-repeat top center; position:relative; cursor:pointer; text-align:center}
.y4{ height:90px; background:url(../../images/y4.png) no-repeat top center; position:relative; cursor:pointer; text-align:center}
.y5{ height:90px; background:url(../../images/y5.png) no-repeat top center; position:relative; cursor:pointer; text-align:center}
.y6{ height:90px; background:url(../../images/y6.png) no-repeat top center; position:relative; cursor:pointer; text-align:center}


.span .y1{ background:url(../../images/y1_h.png) no-repeat top center; transition:ease-in 0.2s;}
.span .y2{ background:url(../../images/y2_h.png) no-repeat top center; transition:ease-in 0.2s}
.span .y3{ background:url(../../images/y3_h.png) no-repeat top center; transition:ease-in 0.2s}
.span .y4{ background:url(../../images/y4_h.png) no-repeat top center; transition:ease-in 0.2s}
.span .y5{ background:url(../../images/y5_h.png) no-repeat top center; transition:ease-in 0.2s}
.span .y6{ background:url(../../images/y6_h.png) no-repeat top center; transition:ease-in 0.2s}

.ys .nav-tabs{ border-bottom:none; padding:30px 0; overflow:hidden}
.ys .nav-tabs a{ display:block; top:60px; position:relative; font-size:1.5rem}


@media (max-width:1680px) {
	
.ys .nav-tabs a{ display:block; top:60px; position:relative; font-size:1.5rem}
.ys_5{ padding:2vh 0 1vh; font-size:1.5rem; color:#767676; line-height:1.7}

}



@media (min-width:1281px) and (max-width:1440px) {

.ys_1{ padding-top:20vh; font-size:2.8rem; font-weight:bold; color:#02a64d; }
.ys_2{ padding:1vh 0 1vh; font-size:2rem; color:#333}
.ys_3{ padding:1vh 0 0vh; font-size:1.4rem; color:#464646}
.ys_4{  font-size:2rem; color:#00a14d}
.ys_5{ padding:2vh 0 1vh; font-size:1.3rem; color:#767676; line-height:1.7}
.d_ys{ position:absolute; top:55vh; right:5vw; overflow:hidden;}

.y1{ height:50px; background:url(../../images/y1.png) no-repeat top center; position:relative; cursor:pointer; background-size:35%; text-align:center}
.y3{ height:50px; background:url(../../images/y3.png) no-repeat top center; position:relative; cursor:pointer; background-size:35%; text-align:center}
.y4{ height:50px; background:url(../../images/y4.png) no-repeat top center; position:relative; cursor:pointer; background-size:35%; text-align:center}
.y5{ height:50px; background:url(../../images/y5.png) no-repeat top center; position:relative; cursor:pointer; background-size:35%; text-align:center}


.span .y1{ background:url(../../images/y1_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:35%}
.span .y3{ background:url(../../images/y3_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:35%}
.span .y4{ background:url(../../images/y4_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:35%}
.span .y5{ background:url(../../images/y5_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:35%}

.ys .nav-tabs{ border-bottom:none; padding:25px 0; overflow:hidden}
.ys .nav-tabs a{ display:block; top:55px; position:relative; font-size:1.3rem}

}


@media (min-width:993px) and (max-width:1280px) {
.ys_1{ padding-top:25vh; font-size:2.5rem; font-weight:bold; color:#02a64d; }
.ys_2{ padding:1vh 0 1vh; font-size:1.8rem; color:#333}
.ys_3{ padding:1vh 0 0vh; font-size:1.3rem; color:#464646}
.ys_4{  font-size:1.8rem; color:#00a14d}
.ys_5{ padding:2vh 0 1vh; font-size:1.1rem; color:#767676; line-height:1.6}
.d_ys{ position:absolute; top:65vh; right:5vw; overflow:hidden;}

.y1{ height:50px; background:url(../../images/y1.png) no-repeat top center; position:relative; cursor:pointer; background-size:30%; text-align:center}
.y3{ height:50px; background:url(../../images/y3.png) no-repeat top center; position:relative; cursor:pointer; background-size:30%; text-align:center}
.y4{ height:50px; background:url(../../images/y4.png) no-repeat top center; position:relative; cursor:pointer; background-size:30%; text-align:center}
.y5{ height:50px; background:url(../../images/y5.png) no-repeat top center; position:relative; cursor:pointer; background-size:30%; text-align:center}


.span .y1{ background:url(../../images/y1_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:30%}
.span .y3{ background:url(../../images/y3_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:30%}
.span .y4{ background:url(../../images/y4_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:30%}
.span .y5{ background:url(../../images/y5_h.png) no-repeat top center; transition:ease-in 0.2s; background-size:30%}

.ys .nav-tabs{ border-bottom:none; padding:25px 0; overflow:hidden}
.ys .nav-tabs a{ display:block; top:35px; position:relative; font-size:1.1rem}

}


@media (max-width: 992px){
.d_ys{  position:absolute; bottom:3vh; right:0; overflow:hidden;}
}

@media (max-width: 768px){
.ys_1{ padding-top:15vh; font-size:3.2rem; font-weight:bold; color:#02a64d; }
.ys_2{ padding:1vh 0 1vh; font-size:2.0rem; color:#333}
.ys_3{ padding:1vh 0 0vh; font-size:2.0rem; color:#464646}
.ys_4{  font-size:1.8rem; color:#00a14d}
.ys_5{ padding:2vh 0 1vh; font-size:1.6rem; color:#767676; line-height:1.7}

.y1{ height:110px; background:url(../../images/y1.png) no-repeat top center; position:relative; cursor:pointer}

.y3{ height:110px; background:url(../../images/y3.png) no-repeat top center; position:relative; cursor:pointer}
.y4{ height:110px; background:url(../../images/y4.png) no-repeat top center; position:relative; cursor:pointer}
.y5{ height:110px; background:url(../../images/y5.png) no-repeat top center; position:relative; cursor:pointer}


}




/*第六屏*/
.ysr{ width:100%; height:100%; text-align:center}
.con{ padding-top:28vh; padding-right:5vw; text-align:right}
.con1{ font-size:4.4rem; color:#00ab4d; font-weight:bold}
.con2{ color:#333; font-size:2.8rem;}
.con3{ font-size:1rem; color:#999999; padding:10px 0 }
.con4{ font-size:1.8rem; color:#666}
.con5{ font-size:3.3rem; color:#007639; font-weight:bold; padding:5px 0 15px 0}
.con6{ font-size:1.5rem; color:#666666; line-height:1.8}

.con_tu{ text-align:center; padding-top:25px;}
.con_tu img{ max-width:100%;}

.wd{ float:right; padding-right:5vw; margin:15px 0; width:100%; overflow:hidden}
.wd a.wd_1{ float:right; display:block; width:120px; height:35px; text-align:center; line-height:35px; border:1px solid #CCC}
.wd a.wd_2{ float:right; display:block; width:120px; height:35px; text-align:center; line-height:35px; border:1px solid #CCC; margin-right:15px;}

.con_r_tu{  position:relative; top:29vh; left:-3vw}
.con_r_tu img{ max-width:100%; }

.con_r_zi{ position:relative; bottom:5vh; left:8vw; width:150px; text-align:left}
.con_r_zi ul li{ background:url(../../images/y.png) no-repeat 0px 9px; text-indent:0.5cm; line-height:2; font-size:1.4rem;}

@media (max-width:1600px) {
.con{ padding-top:30vh; padding-right:5vw; text-align:right}
.con1{ font-size:2rem; color:#00ab4d; font-weight:bold}
.con2{ color:#333; font-size:1.6rem;}
.con3{ font-size:1rem; color:#999999; padding:10px 0 }
.con4{ font-size:1.5rem; color:#666}
.con5{ font-size:2rem; color:#007639; font-weight:bold; padding:5px 0 15px 0}
.con6{ font-size:1.5rem; color:#666666; line-height:1.8}

.con_tu{ text-align:center; padding-top:25px;}
.con_tu img{ max-width:80%;}

.con_r_tu{  position:relative; top:29vh; left:-3vw}
.con_r_tu img{ max-width:75%; }
.con_r_zi{ position:relative; bottom:5vh; left:8vw; width:150px; text-align:left}
.con_r_zi ul li{ background:url(../../images/y.png) no-repeat 0px 7px; text-indent:0.5cm; line-height:2; font-size:1rem;}
}




@media (min-width:1281px) and (max-width:1440px) {
.con{ padding-top:30vh; padding-right:5vw; text-align:right}
.con1{ font-size:2rem; color:#00ab4d; font-weight:bold}
.con2{ color:#333; font-size:1.6rem;}
.con3{ font-size:1rem; color:#999999; padding:10px 0 }
.con4{ font-size:1.4rem; color:#666}
.con5{ font-size:2rem; color:#007639; font-weight:bold; padding:5px 0 15px 0}
.con6{ font-size:1.1rem; color:#666666; line-height:1.8}

.con_tu{ text-align:center; padding-top:25px;}
.con_tu img{ max-width:80%;}

.con_r_tu{  position:relative; top:20vh; left:-3vw}
.con_r_tu img{ max-width:80%; }
.con_r_zi{ position:relative; bottom:5vh; left:8vw; width:150px; text-align:left}
.con_r_zi ul li{ background:url(../../images/y.png) no-repeat 0px 7px; text-indent:0.5cm; line-height:2; font-size:1rem;}
}


@media (min-width:993px) and (max-width:1280px) {
.con{ padding-top:20vh; padding-right:5vw; text-align:right}
.con1{ font-size:2rem; color:#00ab4d; font-weight:bold}
.con2{ color:#333; font-size:1.6rem;}
.con3{ font-size:1rem; color:#999999; padding:10px 0 }
.con4{ font-size:1.4rem; color:#666}
.con5{ font-size:2rem; color:#007639; font-weight:bold; padding:5px 0 15px 0}
.con6{ font-size:1.1rem; color:#666666; line-height:1.8}

.con_tu{ text-align:center; padding-top:25px;}
.con_tu img{ max-width:80%;}

.con_r_tu{  position:relative; top:20vh; left:-3vw}
.con_r_tu img{ max-width:85%; }
.con_r_zi{ position:relative; bottom:5vh; left:8vw; width:150px; text-align:left}
.con_r_zi ul li{ background:url(../../images/y.png) no-repeat 0px 7px; text-indent:0.5cm; line-height:2; font-size:1rem;}
}


@media (max-width: 992px){

}


@media (max-width: 768px){
.con{ padding-top:20vh; padding-right:5vw; text-align:left}
.wd a.wd_1{ float:left; display:block; width:120px; height:35px; text-align:center; line-height:35px; border:1px solid #CCC;margin-right:15px;}
.wd a.wd_2{ float:left; display:block; width:120px; height:35px; text-align:center; line-height:35px; border:1px solid #CCC; }
}

@media (max-width: 425px){
.con1{ font-size:2.8rem; color:#00ab4d; font-weight:bold}
}


/*内页公用*/
.nyfla{ width:100%; height:300px; margin:0 auto; overflow:hidden; text-align:left}

.box_fls {    width: 100%;    height: 300px;    background: #000000;    opacity: 0.2;    z-index: 2;    text-align: center;    position: absolute;    top: 0;    left: 0;}
.nyfla .nyfl1{ font-size:4rem; color:#FFF; font-weight:bold; position:relative; top:16vh; display:none}
.nyfla .nyfl2{ font-size:1.6rem; color:#FFF; position:relative; top:20vh; position:relative; z-index:10}

@media (max-width: 425px){
.nyfla .nyfl1{ font-size:3rem; color:#FFF; font-weight:bold; position:relative; top:16vh}
}

.hs{ background:#f4f4f4}

.weizhi{ padding:3vh 0; font-size:1.4rem; color:#000}
.weizhi a{ color:#000}
.weizhi .fa{ color:#00552c;}



/*底部*/

.foot{ background:#444444; padding-top:80px; padding-bottom:50px;}
.foot .f_lx .f_lx_1{ font-size:3rem; color:#FFF; font-weight:bold}
.foot .f_lx .f_lx_2{ line-height:2; color:#336699; padding-top:10px;}
.foot .f_wx{ margin-top:40px; line-height:2; text-align:center; color:#d2d2d2;float:left;width:49%;margin-left:2%;}
.foot .f_wx:first-child{margin-left:0;}
.foot .f_wx img{max-width:100%;width:auto;display:block;margin:0 auto;}
.f_t ul li{ font-size:1.5rem; color:#FFF; font-weight:bold}
.f_t ul li a{ color:#FFF}
.f_t ul li ul li{ line-height:2; font-size:1.4rem; font-weight:normal}
.f_t ul li ul{ margin-top:15px;}
.f_t ul li ul li a{ color:#d2d2d2}

.foot .col-md-1{ border-left:1px solid #525252; text-align:center}
.foot .col-md-2{ border-left:1px solid #525252; text-align:center}
.foot .col3{ border-left:1px solid #525252; text-align:center}
.foot_di{ background:#393939; padding-top:20px; padding-bottom:20px; text-align:center; color:#d2d2d2}
.foot_di a{ color:#d2d2d2}

@media (max-width:1200px) {
	.foot .f_lx .f_lx_1{font-size:2.4rem;}
.foot .col-md-1,.foot .col-md-2,.foot .col-md-3{padding-left:5px;padding-right:5px;}
}
@media (max-width: 992px) {
	.foot .col-md-3{ border-left:none; text-align:center}
.foot .col-md-2{ border-left:none; text-align:center}
}

/*视频*/

.shipin{ margin-top:5vh; margin-bottom:8vh}
.shipin .item{ padding-top:15px; }
.sp {    width: 100%;    position: relative;    overflow: hidden;}
.sp .cptn {    background: #0ac262;    width: 100%;    height: 20%;    top: -20%;    position: absolute;    left: 0;    overflow: auto;    padding: 0 15px;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}
.sp .cptn div {    float: left;    height: 100%;}
.sp .cptn .fa {    -wibkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;    border: 2px solid #fff;    -wibkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    color: #fff;    display: block;    float: right;    height: 30px;    line-height: 30px;    text-align: center;    text-decoration: none;    width: 30px;    margin-top: 20px;    opacity: 0.3;}
.sp .cptn .fa:hover {    opacity: 1;}
.sp .cptn h3 {    color: #fff;    margin-top: 20px;    margin-bottom: 0;    font-size: 16px;    font-weight: normal;}
.sp:hover img {    top: 30%;}
.sp:hover .cptn {    top: 0;}

.sp .sp_zi{ font-size:1.7rem; padding:2vh 0 1vh}
.sp .sp_zi a{ color:#222222}
.sp .sp_time{ font-size:1.2rem; color:#c7c7c7}




/*新闻中心*/
.ny_bt{ padding:35px 0 20px; text-align:center; font-size:3rem; font-weight:bold; overflow:hidden}
.ny_bt_fl{ text-align:center; overflow:hidden;height:50px; line-height:50px; margin-bottom:30px;}
.ny_bt_fl a{ background:#f1f1f1; padding:1.5vh 3vw; color:#000000; font-size:1.4rem; border-radius:30px; margin-left:20px;transition:ease-in all 0.3s}
.ny_bt_fl a:first-child{ margin-left:0}
.ny_bt_fl a:hover{ background:#009343; color:#FFF }

.ny_bt_fl .on{ background:#009343; color:#FFF}

 .product_left{width:100%; margin-top:5px;}
 .product_left .pl_ul{width:calc(100% - 50px);float:left;height:50px;position:relative;}
 .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;}
 .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;}
 .product_left .pl_ul .ul_li a{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;}
 .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;}
 .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;}
 .product_left .pl_right i.on{transform:rotate(-90deg);}
 .product_right{width:96%;padding:0rem 2% 1rem;}
 .product_right .pr_ul{width:100%;overflow:hidden;}
 .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;}
 .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;}
 .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
 .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .product_right .pr_ul .swiper-slide p a{color:#333;}


.news{ margin-top:2vh; margin-bottom:5vh}
.news .item{ padding-top:15px; }
.news .news_bt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:100%}
.news .news_bt a{ font-size:1.8rem; color:#222222;}
.news .news_time{ font-size:1.2rem; color:#c7c7c7; padding:5px 0}
.news .news_nr{ color:#656565; line-height:1.8; font-size:1.5rem; padding:8px 0}
.news .news_tu{ padding:0; overflow:hidden;border:1px solid #eeeeee; margin:8px 0; transition: all .4s; }
.news .news_tu:hover{border:1px solid #00aa4e}
.news .news_tu img{ max-width:100%;  transform: scale(1);     transition: all .4s; }
.news .news_tu img:hover{ transform: scale(1.03);}
.news .news_x{ border-bottom:1px solid #d1d1d1; padding-top:30px}


/*售后服务*/
@media (min-width: 1400px) {
   .sh .container{
        width: 1000px;
    }
}

.sh_bt{ text-align:center; font-size:3.6rem; color:#05a64e; padding-top:3vh; padding-bottom:1vh}
.sh_bt2{ text-align:center; padding:15px 0}
.sh_nr{ text-align:center; line-height:1.8; padding:5px 0; font-size:1.4rem; color:#8c8c8c}
.sh_4{ background:url(../../images/sh_bj.jpg) no-repeat center bottom; padding-bottom:100px; }
.sh_4_1{ background:url(../../images/sh1.png) no-repeat top center; height:176px; text-align:center; margin-top:60px}
.sh_4_2{ background:url(../../images/sh2.png) no-repeat top center; height:176px; text-align:center; margin-top:60px}
.sh_4_3{ background:url(../../images/sh3.png) no-repeat top center; height:176px; text-align:center; margin-top:60px}
.sh_4_4{ background:url(../../images/sh4.png) no-repeat top center; height:176px; text-align:center; margin-top:60px}
.sh_4_bt{ padding-top:40px; color:#ffffff; font-size:3rem;} 
.sh_4_nr{ width:120px; margin:0 auto; line-height:1.8; font-size:1.3rem; color:#FFF; padding-top:15px;}




@media (max-width: 425px){
.sh_4_1{ background:url(../../images/sh1.png) no-repeat top center; height:126px; text-align:center; margin-top:20px; background-size:90%}
.sh_4_2{ background:url(../../images/sh2.png) no-repeat top center; height:126px; text-align:center; margin-top:20px;background-size:90%}
.sh_4_3{ background:url(../../images/sh3.png) no-repeat top center; height:126px; text-align:center; margin-top:20px;background-size:90%}
.sh_4_4{ background:url(../../images/sh4.png) no-repeat top center; height:126px; text-align:center; margin-top:20px;background-size:90%}
.sh_4_bt{ padding-top:10px; color:#ffffff; font-size:3rem;} 
.sh_4_nr{ width:80px; margin:0 auto; line-height:1.8; font-size:1.2rem; color:#FFF; padding-top:5px;}
}



.map{ background:#f7f7f7; padding-top:30px; padding-bottom:30px}

.mapBox .mapPath{
	display:none;
	margin-top:90px;
	width:726px;
	overflow:hidden;
	border: solid 3px #ccc;
	padding: 5px;
	text-align: center;
}


.yy_nr{ width:60%; background:#FFF; height:auto; overflow:hidden; margin:30px auto;padding:15px 0; color:#333333; padding-left:15px;height:476px;overflow-y:auto;}
.yy_nr .yy_nr1{ font-size:1.8rem; padding:20px 0 0px;}
.yy_nr .yy_nr2{ font-size:1.4rem; line-height:1.8; padding-top:25px;}


@media (max-width: 768px){
.yy_nr{ width:98%; background:#FFF; height:auto; overflow:hidden; margin:0 auto; margin-top:15px; padding:15px 0; color:#333333; padding-left:15px;}	
	}


/*联系我们*/

.lx_1{ font-size:3.6rem; color:#00a259; padding:50px 0 30px;}

.lx_2{ line-height:2; overflow:hidden; margin-bottom:20px; font-size:1.6rem; color:#666666;}
.lx_2 .fa{ font-size:3.5rem; position:relative; top:10px;}
.lx_tu{ margin-top:7vh; margin-bottom:3vh}
.lx_tu img{ max-width:100%; border:1px dashed #000000;}
.lx_2 a{display:block;width:32%;margin-left:2%;max-width:130px;height:40px;line-height:40px;border-radius:3px;background:#336699;text-align:center;color:#FFF;float:left;}
.lx_2 a:first-child{margin-left:0;}


.lx_map{ width:100%; height:500px; margin:0 auto;}


.bai{ background:#FFFFFF; margin-top:0px; margin-bottom:20px;}

.lx_bt1{  padding:0px 0 20px; text-align:center}
.lx_bt1 .lx_bt_1{ font-size:3.1rem; font-weight:bold; color:#000000; }
.lx_bt1 .lx_bt_2{ color:#666666; font-size:1.4rem;padding-top:10px}
.lx_bt1 .lx_bt_3{ color:#ff601c; font-size:1.6rem; font-weight:bold; padding-top:15px;}

.form-control{ border-radius:1px; height:35px; margin-top:20px;}
.imgvc{ height:35px; margin-top:20px;border: 1px solid #ccc;padding: 6px 12px;}

.btn{ width:100%; height:35px; border-radius:1px; margin-top:20px;}


@media (max-width: 425px){
.lx_1{ font-size:2.6rem; color:#00a259; padding:50px 0 30px;}
.lx_2{ line-height:2; overflow:hidden; margin-bottom:20px; font-size:1.4rem; color:#666666;}
.lx_2 .fa{ font-size:3rem; position:relative; top:10px;}
.lx_tu{ margin-top:3vh; margin-bottom:3vh}
}






/*产品中心*/

.pro:nth-child(even){background:#ffffff; padding-top:20px; padding-bottom:20px;}
.pro:nth-child(odd){background:#f1f1f1; padding-top:20px; padding-bottom:20px;}
.ny_bt_d{  text-align:center; line-height:1.8; font-size:1.4rem; color:#656565; padding:15px 0}



.prod{ margin-top:0vh;}
.pro .item{ padding-top:15px; }
.pro .news_nr{ color:#656565; line-height:1.8; font-size:1.5rem; padding:8px 0;height:3.6em;box-sizing:border-box;}
.pro .news_tu{ padding:0; overflow:hidden; border:1px solid #eeeeee;transition: all .3s;width:100%;padding-bottom:64%;position:relative;}
.pro .news_tu:hover{border:1px solid #00aa4e}
.pro .news_tu img{ max-width:100%;  transform: scale(1);     transition: all .3s;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.pro .news_tu img:hover{ transform: scale(1.02); }


@media (max-width: 425px){
.pro .news_nr{ color:#656565; line-height:1.2; font-size:1.5rem; padding:8px 0;}
.pro .news_nr a{ color:#656565; font-size:1.3rem; padding:8px 0}
}
/*关于我们*/
.nyabout_bt{ text-align:center; font-size:3.6rem; color:#323232; padding:40px 0 15px}
.nyabout_tu{ margin:0px auto; text-align:center}
.nyabout_tu img{width:100%;}
.nyabout_nr{ line-height:1.8; color:#666666; font-size:1.5rem; padding:20px 0}

.nyabout_nr img{ max-width:100%; height:auto}
.nyabout_nr table{width:100%!important;border-top:1px solid #F5F5F5;border-left:1px solid #F5F5F5;}
.nyabout_nr td{border-bottom:1px solid #F5F5F5;border-right:1px solid #F5F5F5;line-height:1.2;text-align:center;vertical-align:middle;padding:8px 5px;}
.nyabout_nr td p{margin:0;line-height:1.2;}
@media (max-width:767px){
.nyabout_nr.fwwl{width:100%;overflow-x:auto;}
.nyabout_nr.fwwl table{width:720px!important;}
.nyabout_nr.fwwl td:first-child{width:100px;}
.nyabout_nr.fwwl td:nth-child(2){width:120px;}
}
.center .pj{ position:relative; padding-top:80px;}
.center .pj_tu{ left: 0;    right: 0;    margin-left: auto;    margin-right: auto;    position: absolute;    bottom: 54%; z-index:10;margin:0 10px }
.center .pj_tu img{border-radius:50%;}
.center .pj_zi{background:#efefef; position:relative;margin:0 10px; min-height:280px; transition:ease-in 0.3s;  }
.center .pj_zi1{ padding-top:100px; color:#111111; font-size:2.1rem; }
.center .pj_zi2{ padding-top:20px; width:90%; margin:0 auto; text-align:left; line-height:1.9; font-size:1.4rem; color:#707070; text-align:center }

.center .slick-center .pj_zi{ background:#00aa4e}
.center .slick-center .pj_zi1{ color:#FFF}
.center .slick-center .pj_zi2{ color:#FFF}

.cp_s .cp_s_tu{ margin:0px 10px}
.cp_s .cp_s_tu img{ border:1px solid #CCC}





.dsj{  }
.dsj_bt{ font-size:36px; color:#FFF; text-align:center; padding-top:5vh}

.body-box{ }

.timer-shaft-box{width:100%;padding:70px 0px;box-sizing: border-box;}
.timer-shaft{position:relative;width:100%;height:80px;overflow: hidden; margin-bottom:40px;}
.timer-left{position:absolute;top:50%;left:20px;z-index:99;width:37px;height:37px;margin-top:-18.5px;background: url(../../images/icon_left.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-right{position:absolute;top:50%;right:20px;z-index:99;width:37px;height:37px;margin-top:-18.5px;background: url(../../images/icon_right.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:80px;padding-left: 80px;font-size: 0;white-space: nowrap;}
.timer-scale-cont{display:inline-block;height:100%;background: url(../../images/icon_scale.png) repeat-x 0px 30px}
.time-circle{display:inline-block;vertical-align:middle;width:60px;text-align: center;font-size:18px;color:#666666;transition: all .3s;cursor:pointer; position:relative; top:50px;}
.timer-scale-cont.hov .time-circle{width:60px;font-size:18px; color:#00a54f}
.line-scale{display:inline-block;vertical-align:middle;width:150px;height:22px;margin:0 2px;}

.timer-shaft-content{height:220px; overflow-y:auto;box-sizing:border-box;white-space: nowrap;}
.shaft-detail-cont{display: none;width:100%;}
.timer-year{font-weight:bold;color:#333;font-size:0; padding-bottom:15px;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../../images/icon_sign.png) no-repeat;background-size: cover;}
.timer-year span{display: inline-block;vertical-align:middle;font-size:24px;}
.month-detail-box{position:relative;width:100%;box-sizing: border-box;white-space: normal;}

.month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(../../images/icon_circle.png) no-repeat;background-size: cover;}
.incident-record{display:inline-block;line-height:1.8;font-size:14px;color:#333;}
.incident-record a{font-size:14px;color:#1d69a3;}


.honor_bt{ text-align:center; font-size:3.6rem; color:#05a64e; padding:3vh 0}
.honor_bt_tu{ padding:0vh 0 2vh 0; text-align:center}
.honor_bt_nr{ line-height:1.8; width:90%; margin:0 auto; text-align:center; font-size:1.4rem; color:#666}

.center1{ margin-top:25px;}
.center2{ margin-top:25px;}

.honor_tu{ margin:15px}
.honor_tu img{ border:1px solid #eeeeee; transition:0.2s; max-width:100%}
.honor_tu img:hover{ border:1px solid #05a64e}



.wh{ background:#f3f4f4; margin-bottom:100px; overflow:hidden}
.wh .col-lg-6{ padding-left:0; padding-right:0;}
.wh .col-lg-6 img{width:100%;}

.wh_nr{ padding-left:50px;}
.wh_bt{ font-size:3.6rem; color:#fefefe; padding:26px 0}
.wh_tu img{ max-width:100%; padding:0px 0 20px 0}
.wh_zi{ line-height:30px; color:#171818; padding-bottom:60px; padding-top:40px;}




.ld_tu{  margin:0 15px;margin-bottom:30px;}
.ld_tu img{ margin:0px; max-width:100%}
.ld_zi{ margin:0 20px; min-height:70px; overflow:hidden; text-align:left; padding-top:5px; line-height:2}

@media (max-width: 1540px){
.wh_zi{ line-height:1.8; color:#171818}
}

@media (max-width: 768px){
.wh_nr{ padding-left:0px;}
.wh_tu img{ width:100%; padding:0px 0 20px 0}
.ld_zi{ margin:0 30px; text-align:left; padding-top:5px; line-height:2}
}



/*招聘*/
.zp1{ text-align:center; color:#8c8c8c; font-size:3.6rem; padding:2vh 0 1.5vh}
.zp2{ text-align:center; color:#8c8c8c; font-size:2.4rem; padding:0 0 1.5vh}
.zp3{ text-align:center; margin:0 auto; width:70%; line-height:1.8; color:#8c8c8c; font-size:1.6rem;}
.zp4{ text-align:center}
.zp4 img{ max-width:100%; padding:3vh 0 5vh}

.zp_nr_tu img{ max-width:100%;}


@media (max-width: 768px){
.zp1{ text-align:center; color:#05a64e; font-size:2.6rem; padding:2vh 0 1.5vh}
.zp2{ text-align:center; color:#8c8c8c; font-size:2rem; padding:0 0 1.5vh}
.zp3{ text-align:center; margin:0 auto; width:100%; line-height:1.8; color:#8c8c8c; font-size:1.4rem;}
}

.xiaoyuan{ background:url(../../images/z_2.jpg) no-repeat top center #dff3e7; background-size:cover}
.zp5{ font-size:2.6rem; color:#363533; text-align:center; padding-top:260px; padding-bottom:30px}

@media (max-width: 1024px){
.zp5{ font-size:2.6rem; color:#363533; text-align:center; padding-top:180px; padding-bottom:30px}
}

@media (max-width: 768px){
.zp5{  color:#363533; text-align:center; padding-top:180px; padding-bottom:30px}
}


.zp_nr{ width:80%; margin:0 auto; margin-bottom:40px}

@media (max-width: 768px){
.zp_nr{ width:100%; margin:0 auto; margin-bottom:40px}
}


.table{ background:#FFF; text-align:center}
.table thead tr th{ font-weight:bold; font-size:1.6rem}
.table th{ text-align:center;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding:15px}



.shehui{ background:url(../../images/z_4.jpg) no-repeat top center #dff3e7; background-size:cover}
.zp6 img{ max-width:100%}
.zp6{ padding:10vh 0 2vh;text-align: center; }


@media (max-width: 768px){
.zp_nr{ width:100%; margin:0 auto; margin-bottom:40px}
}
.zp7{ font-size:2.6rem; color:#363533; text-align:center; padding-top:30px; padding-bottom:30px}
.zp8{ font-size:3.6rem; color:#363533; text-align:center; padding-top:30px; padding-bottom:15px}
.zp9{ text-align:center; padding-bottom:30px; font-size:1.8rem;}

 .col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {
                position: relative;
                min-height: 1px;
                padding-right: 10px;
                padding-left: 10px;
            }
            
            .col-xs-1-5 {width: 20%;float: left;}
            
            @media (min-width: 768px) {
                .col-sm-1-5 {
                    width: 20%;
                    float: left;
                }
            }
            
            @media (min-width: 992px) {
                .col-md-1-5 {
                    width: 20%;
                    float: left;
                }
            }
            
            @media (min-width: 1200px) {
                .col-lg-1-5 {
                    width: 20%;
                    float: left;
                }
            }

.zp10{ text-align:center; margin-top:20px; margin-bottom:40px;}
.zp10 img{ max-width:100%; border-radius:100%}

@media (max-width: 768px){
.zp9{ text-align:center; padding-bottom:30px; font-size:1.5rem;}
}

.zp11{ margin-bottom:50px; text-align:center}
.zp11 a{ padding:13px 40px; background:#00aa4e; color:#FFF;}


 .else{ margin-bottom:50px; margin-top:20px;}
 .else .text{display:inline-block;height:30px;line-height:30px;vertical-align:top;background-color:#009646;color:#fff;padding:0 16px;}
 .else .text a{ color:#FFF}


/*流程*/
.lc{ background:url(../../images/lc.jpg) no-repeat; background-size:cover; height:auto; padding-top:50px; padding-bottom:50px;}
.lc_nr{ padding:22px 0 0; text-align:right}
.lc_nr_1{ font-weight:bold; font-size:3rem;}
.lc_nr_2{ font-size:1.4rem; padding:5px 0}
.lc_nr_3{ width:80%; background:#00aa4e; padding:10px 0; border-radius:30px; text-align:left; text-indent:0.3cm; color:#FFF; font-size:1.6rem; margin-top:5px; float:right}

.lc_y{ text-align:center; border:1px solid #385f51; margin:0 5px; padding:40px 0; font-size:1.5rem; border-radius:50%; background:none; color:#273e35; transition:0.3s}
.lc_y p{ padding-top:5px;}
.lc_y i{ font-size:3rem}

.lc_y:hover{ background:#00aa4e; border-color:#00aa4e; cursor:pointer; color:#FFF;}

.center5 .ld_tu{ padding:15px 0; margin-bottom:0; margin:0}

@media (max-width:1024px){
.lc_y{ text-align:center; border:1px solid #385f51; margin:0 5px; padding:12px 0; font-size:1.5rem; border-radius:50% }
}

@media (max-width:768px){
.lc_y{ text-align:center; border:1px solid #385f51; margin:0 5px; padding:61px 0; font-size:1.8rem; border-radius:50% }
.lc_y i{ font-size:4rem}
}

@media (max-width:425px){
.lc_y{ text-align:center; border:1px solid #385f51; margin:0 5px; padding:40px 0; font-size:1.5rem; border-radius:50% }
}

@media (max-width:375px){
.lc_y{ text-align:center; border:1px solid #385f51; margin:0 5px; padding:29px 0; font-size:1.5rem; border-radius:50% }
}



/*购车流程*/
.gclc_bt{ text-align:center; font-size:1.8rem; color:#8c8c8c; padding:20px 0; font-weight:bold}
.lc_tu{ text-align:center}
.lc_tu img{ max-width:100%; border-radius:50%}

.lc_nr_zi{ padding-top:15px;}
.lc_nr_zi_1 { font-size:2.4rem; color:#8c8c8c;}
.lc_nr_zi_2{ font-size:1.8rem; color:#8c8c8c; padding-top:20px;}
.lc_n{ padding:15px 0}


@media (max-width:768px){
	.lc_tu{ text-align:center; padding-top:10px;}
.lc_nr_zi_1 { font-size:2rem; color:#8c8c8c;}
.lc_nr_zi_2{ font-size:1.4rem; color:#8c8c8c; padding-top:5px;}
}

.lc_lc_lx{ text-align:center;  font-weight:bold; color:#FFF; border-radius:30px; background:#00aa4e; margin: 30px 0; padding:10px 0; line-height:1.8; font-size:1.5rem}




/*专题*/

.nyflazt{ width:100%; height:700px; margin:0 auto; overflow:hidden; text-align:center}
.nyflazt .nyfl1{ font-size:4rem; color:#FFF; font-weight:bold; position:relative; top:22vh}
.nyflazt .nyfl2{ font-size:1.6rem; color:#FFF; position:relative; top:22vh}

.zt_bt{ text-align:center; font-size:3.6rem; color:#474747; padding:3vh 0; font-weight:bold}
.zt_bt_tu{ padding:0vh 0 2vh 0; text-align:center}
.zt_bt_nr{ line-height:1.8; width:90%; margin:0 auto; text-align:center; font-size:1.8rem; color:#666}


@media (max-width:450px){
.nyflazt{ width:100%; height:220px; margin:0 auto; overflow:hidden; text-align:center}
.nyflazt .nyfl1{ font-size:2rem; color:#FFF; font-weight:bold; position:relative; top:100px}
.nyflazt .nyfl2{ font-size:1.4rem; color:#FFF; position:relative; top:100px}
}



@media (max-width:768px){
.zt_bt{ text-align:center; font-size:2.6rem; color:#474747; padding:3vh 0; font-weight:bold}
.zt_bt img{ width:50px}
.zt_bt_nr{ line-height:1.8; width:90%; margin:0 auto; text-align:center; font-size:1.4rem; color:#666}
}

.center1 .honor_tu{ line-height:3.5; font-size:1.6rem;}


.center6{ margin-top:35px;}
.center6 .pj{ position:relative; padding-top:80px;}
.center6 .pj_tu{ left: 0;    right: 0;    margin-left: auto;    margin-right: auto;    position: absolute;    bottom: 54%; z-index:10;margin:0 10px }
.center6 .pj_tu img{border-radius:50%;}
.center6 .pj_zi{background:#ffffff; position:relative;margin:0 10px; min-height:280px; transition:ease-in 0.3s;  }
.center6 .pj_zi1{ padding-top:100px; color:#111111; font-size:2.1rem; transition:ease-in 0.3s; }
.center6 .pj_zi2{ padding-top:20px; width:90%; margin:0 auto; text-align:left; line-height:1.9; font-size:1.4rem; color:#707070; text-align:center ; transition:ease-in 0.3s;}

.center6 .pj_zi:hover{ background:#00aa4e}
.center6 .pj_zi:hover .pj_zi1{ color:#FFF}
.center6 .pj_zi:hover .pj_zi2{ color:#FFF}

.zt_bj{ background:url(../../images/about_zt.jpg) no-repeat top center; background-size:cover; padding-top:50px; padding-bottom:30px}
.zt_about_nr{ text-align:center; padding:40px 0; line-height:2.2; color:#000;}

.zt_about_gd{ color:#FFF; text-align:center; margin:5px 0 20px; }
.zt_about_gd .zt_about_1{ font-size:4rem;}
.zt_about_gd .zt_about_2{ font-size:3rem; font-weight:bold}
.zt_about_gd .zt_about_3{ font-size:1.4rem; opacity:0.7}






/*手机*/
/*---slide show skin---*/
.edslider{
	position:relative;
	margin:auto;
}
.edslider ul{
	list-style:none;
	position:relative;
	padding:0;
	margin:0;
}
.edslider > ul{
	background:#fff;
	display:block;
	overflow:hidden;
	margin-top:90px;
}
.edslider > ul li{
	display:none;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.edslider a{
	display:block;
}
.edslider a img{
	border:0;
}
.edslider .current{
	z-index:1 !important;
}
/*---controls---*/
.edslider .controls{
	top: 0;
	height: 0;
	position:absolute;
	width: 100%;
	z-index:2;
}
.edslider .controls .navigator{
	background: rgba(0,0,0,.3);
	background-image:url(../../images/sprite-navigator.png);
	cursor:pointer;
	display:block;
	width:50px;
	height:50px;
	position: absolute;
	overflow: hidden;
	top: 250px;
	transition: background .2s;
}
.edslider .controls .next{
	background-position:0 0;
	right: 0;
}
.edslider .controls .prev{
	background-position:0 -50px;
	left: 0;
}
.edslider .controls .next:hover,
.edslider .controls .prev:hover{
	background-color: rgba(0,0,0,.6);
}
.edslider .controls .paginator{
	position: relative;
	text-align: center;
	top: 460px;
}
.edslider .controls .paginator li{
	background:rgba(0,0,0,.7);
	border-radius: 8px;
	box-sizing: border-box;
	display:inline-block;
	height:16px;
	width:16px;
	margin:0 3px;
	cursor:pointer;
	transition: background .2s;
}
.edslider .controls .paginator li.current,
.edslider .controls .paginator li:hover,
.edslider .progress{
	background:rgba(255,255,255,.5);
}
.edslider .progress{
	position: absolute;
	top: 0;
	height:3px;
	z-index:2;
}


.mySlideshow .animated{
	position:absolute;
}
.first{
	background:url("../../images/m1.jpg") center no-repeat;
	background-size:cover;
}

.second{
	background:url("../../images/m2.jpg") center no-repeat;
    background-size:cover;
}

.third{
	background:url("../../images/m3.jpg") center no-repeat;
    background-size:cover;
}






.mySlideshow .block_txt{
	position: absolute;
	width:100%;
	text-align:center;
	top: 25%;
	opacity: 1; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.mySlideshow .block_txt h4{
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.mySlideshow .block_txt h5{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding-top:10px;
	text-align:center;
	letter-spacing:5px;
}
.mySlideshow .block_txt h5 span{
	color: #00ab4d;
	display: inline-block;
	letter-spacing: 5px;
}
.mySlideshow .block_txt h3{
	color: #fff;
	font-size: 17px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}



@media (max-width: 1024px){
.slide-image{ max-width:100%; height:auto !important; margin:0 !important;}
}



@media (max-width: 425px){
.about{ text-align:left; padding:35px 0}	
.about_ys{margin-top:30px; overflow:hidden}
.about .about_zi{ color:#00ab4d; font-size:3rem; font-weight:bold}
.about .about_zi_1{ color:#00ab4d; font-size:2.2rem; padding:0px 0 10px;}
.about .about_nr{ color:#6b6b6b; font-size:1.4rem; line-height:2}
.about_more a{ width:162px; height:45px; display:block; background:#FFF; border:1px solid #cccccc; line-height:45px; text-align:center; font-size:1.4rem; margin-top:20px;}	
	
.about_ys .about_ys_nr{ text-align:center; border-right:none }
.about_ys .about_ys_nr_tu img{ max-width:100%; height:40px}
.about_ys .about_ys_nr_zi{ font-size:1.4rem; font-weight:normal; color:#00ab4d; padding:10px 0 5px 0}
.about_ys .about_ys_nr_zi_2{ font-size:1.2rem; color:#00ab4d}
}

@media (max-width: 425px){
.slide-image{ max-width:100%; height:auto !important; margin:0 !important;}
}



@media (max-width: 425px){
.ys_tu{ text-align:left; padding-top:20px;}	
.ys_tu img{ max-width:53px;}
.ys_zi_1{ font-size:16px; color:#464646; font-weight:bold}
.ys_zi_2{ font-size:14px; color:#767676; padding-top:10px;}

.con1{ padding-top:30px; color:#FFF;}
.con1 .con4{ color:#FFF}
.con1 .con6{ color:#FFF; font-weight:normal; padding-top:10px;}
}




ul.tags li{ line-height:1.8; font-size:14px; border-bottom:1px dashed #eeeeee}
ul.tags li font{ font-size:14px; color:#666}



/*表格*/
.tabbb b{ font-weight:normal}
.tabbb span{ font-size:14px !important; color:#666666 !important}
.tabbb td{ border:1px solid #eeeeee !important; background:none !important} 
.tabbb td p{ text-align:center !important}

.pic_400{ margin-top:30px; font-size:16px;}
.pic_400 span{ font-weight:bold; font-size:20px;}
.pic_400 i{ font-size:24px; line-height:30px;}

@media (min-width: 768px){
#floatBottom{ display:none}
}

@media (max-width: 767px){
	
/*手机浮动*/
.foot_di {    padding-bottom: 70px;}
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../../images/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../../images/kf2.png) no-repeat center center; background-size:30px}
#floatBottom a.kf3{background:url(../../images/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../../images/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

}















