@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.center{ width:100%; margin:0 auto;}
.overflow_hidden{ overflow:hidden;}

/* banner css */
.header{ display:none;}
.slideBox{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:15px 0 10px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:25px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:15px;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:9px;}
.header_mobile1 .span1{ display:block; height:3px; background:#1f9c07; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#1f9c07; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#1f9c07; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
	position:relative;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ display:block; width:100%;}
.swiper-button-next:after, .swiper-button-prev:after{ display:none;}
.swiper-button-next:after, .swiper-button-prev:after{ display:none;}
.swiper-button-next{ position:absolute; right:50%; margin-right:-20px; bottom:15px; top:auto; display:block; width:14px; height:23px; background:url(../images/banner_r.png) center center no-repeat; background-size:auto 15px;}
.swiper-button-prev{ position:absolute; left:50%; margin-left:-20px; bottom:15px; top:auto; display:block; width:14px; height:23px; background:url(../images/banner_l.png) center center no-repeat; background-size:auto 15px;}

.index1{ width:94%; max-width:100%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}
.index1_l{ float:left; width:100%; margin-left:0; overflow:hidden; text-align:left;}
.index1_r{ float:right; display:block; max-width:100%; margin-right:0; margin-top:15px;}

.index1_l1{ float:left; display:block; height:25px;}
.index1_l2{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#444444; line-height:30px; margin-top:15px;}
.index1_l3{ float:left; width:100%; overflow:hidden; font-size:15px; color:#b1b1b1; line-height:25px;}
.index1_l4{ float:left; width:100%; overflow:hidden; font-size:15px; color:#444444; line-height:25px; margin-top:10px;}
.index1_l .more{ float:left; width:130px; height:30px; line-height:30px; text-align:center; margin-top:20px; font-size:14px; color:#FFF; background:#ffab15; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l .more:hover{ background:#1f9c07;}

.index2{ width:500px; max-width:100%; overflow:hidden; margin:0 auto;}
.index2 li{ float:left; width:100%; overflow:hidden;}
.index2 li a{ display:block; width:100%; overflow:hidden; position:relative;}
.index2_1{ display:block; width:100%;}
.index2_2{ position:absolute; width:46%; top:10%; left:3%; overflow:hidden; text-align:left;}
.index2_3{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#FFF; line-height:30px; white-space:nowrap; text-overflow:ellipsis;}
.index2_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#FFF; line-height:25px; height:150px; margin-top:5px;}
.index2_5{ display:block; width:43.75%; position:absolute; bottom:0; right:3%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2 li a:hover .index2_5{ bottom:0;}

.index3{ width:100%; overflow:hidden; padding:10px 0 30px 0;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ width:100%; overflow:hidden; font-size:22px; line-height:30px; font-weight:bold; color:#1f9c07; font-family:"Arial";}
.index_title2{ width:100%; overflow:hidden; font-size:16px; line-height:26px; color:#444444; margin-top:0;}
.font_FFF{ color:#FFF !important;}

.tab{ display:table; margin:20px auto 0 auto;}
.tab li{ float:left; font-size:15px; color:#FFF; background:#1f9c07; width:130px; height:35px; line-height:35px; cursor:pointer; margin:0 8px; border:1px solid #1f9c07; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.tab li:hover{ background:#FFF; color:#1f9c07;}

.swiper-container1 {
  width: 100%;
  height: auto;
  background: #FFF;
}

.swiper-container1>.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-container2 {
	width: 81%;
	height: auto;
	margin:30px auto 0 auto;
	position: relative;
	background: #FFF;
	overflow:hidden;
	padding:0 1%;
}
.swiper-container2>.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container2 .swiper-slide>a{ display:block; width:100%; overflow:hidden;}
.swiper-container2 .swiper-slide>a .img{ width:calc(100% - 2px); border:1px solid #d7d7d7; overflow:hidden;}
.swiper-container2 .swiper-slide>a .img img{ display:block; width:100%;}
.swiper-container2 .swiper-slide>a .title{ width:90%; padding:0 5%; font-size:15px; color:#444444; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; z-index:10; background:#FFF;}
.swiper-button-next2{ position:absolute; width:19px; height:36px; top:50%; margin-top:70px; right:2%; z-index:10; z-index:10; background:url(../images/img_r.png) no-repeat; cursor:pointer;}
.swiper-button-prev2{ position:absolute; width:19px; height:36px; top:50%; margin-top:70px; left:2%; z-index:10; z-index:10; background:url(../images/img_l.png) no-repeat; cursor:pointer;}

.swiper-slide-active .swiper-slide a{
    pointer-events: auto;
}

.swiper-container2 .swiper-slide>a:hover .title{ background:#FFF; color:#444444;}

.index3_1{ width:80%; height:150px; margin:30px auto 0 auto; background:#FFF; overflow:hidden;}
.index3_2{ float:none; display:block; width:200px; height:55px; margin:0 auto;}
.index3_3{ float:right; width:100%; overflow:hidden; text-align:left; font-size:15px; color:#444444; line-height:25px; height:75px; margin-top:20px;}

.index4{ width:100%; height:auto; padding:30px 0; background:url(../images/bg1.jpg) center center no-repeat; background-size:auto 100%; overflow:hidden;}
.index4_1{ width:94%; height:auto; margin:0 auto;}
.index4_1 li{ float:left; width:100%; margin-right:0; background:#FFF; margin-top:20px; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_1 li:last-child{ margin-right:0;}
.index4_1 li a{ display:block; width:100%; height:100%; text-align:left; overflow:hidden; padding-bottom:20px;}
.index4_2{ width:94%; margin:20px auto 0 auto; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_3{ float:left; max-width:70%; font-size:16px; line-height:30px; font-weight:bold; color:#1f9c07; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_4{ float:right; display:block; width:30px; height:30px; background:url(../images/ico1.png) center center no-repeat; background-size:30px 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_5{ width:94%; margin:15px auto 0 auto; overflow:hidden; font-size:15px; color:#444444; line-height:26px; height:auto;}
.index4_1 li:hover{ background:#fdcf00; height:auto; margin-top:20px;}
.index4_1 li:hover .index4_2{ margin-top:20px;}
.index4_1 li:hover .index4_3{ color:#333;}
.index4_1 li:hover .index4_4{ background:url(../images/ico1_on.png) center center no-repeat; background-size:30px 30px;}

.index5{ width:100%; overflow:hidden; background:url(../images/bg2.jpg) bottom right no-repeat; background-size:auto 50px; padding:30px 0 70px 0;}
.index5_1{ width:94%; margin:0 auto; overflow:hidden;}

.map{ float:left; width:100%; height:240px; margin-top:20px;}

.index5_2{ float:right; width:100%; overflow:hidden; margin-top:30px;}
.index5_3{ float:left; width:calc(97% - 104px); overflow:hidden; text-align:left;}
.index5_4{ float:left; width:97px; display:block;}
.index5_5{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#1f9c07; line-height:30px; margin-top:15px;}
.index5_6{ float:left; width:100%; overflow:hidden; font-size:15px; color:#444444; line-height:26px; margin-top:15px;}
.index5_7{ float:right; display:block; width:104px; margin-top:58px;}

.footer{ width:100%; overflow:hidden; background:#000;}
.footer1{ width:94%; margin:0 auto; overflow:hidden; color:#dddddd; font-size:12px; line-height:24px; padding:15px 0;}
.footer1 a{ color:#dddddd;}
.footer1 a:hover{ text-decoration:underline;}

/* about css */
.banner{ display:none;}
.banner_mobile{ display:block; width:100%; overflow:hidden;}
.banner_mobile img{ display:block; width:100%;}

.neiye_nav{ width:100%; height:54px; position:absolute; bottom:0; left:0; background:url(../images/nav_bg.png) repeat;}
.neiye_nav ul{ width:1024px; margin:0 auto; overflow:hidden;}
.neiye_nav ul li{ float:left; overflow:hidden; margin-right:1px;}
.neiye_nav ul li a{ display:block; width:168px; height:54px; line-height:54px; font-size:18px; color:#FFF;}
.neiye_nav ul li a:hover{ background:url(../images/nav_bg.jpg) no-repeat;}
.neiye_nav ul li .a_on{ background:url(../images/nav_bg.jpg) no-repeat;}

.position{ width:94%; overflow:hidden; margin:15px auto 0 auto; color:#444444; text-align:left; font-size:14px; line-height:24px;}
.position a{ color:#444444;}
.position a:hover{ text-decoration:underline;}
.position span{ color:#1f9c07;}

.content{ width:100%; overflow:hidden; background:url(../images/bg2.jpg) bottom right no-repeat; background-size: auto 50px; padding-bottom:50px;}

.content_in{ width:94%; overflow:hidden; margin:0 auto; padding:30px 0; font-size:15px; color:#444444; text-align:left; line-height:30px;}
.content_in img{ display:block; margin:0 auto; max-width:100%;}

.about1{ float:left; display:block; width:97px;}
.about2{ float:left; clear:both; display:block; width:100%; font-size:16px; font-weight:bold; line-height:30px; margin-top:15px;}
.about3{ float:left; clear:both; display:block; width:100%; color:#b1b1b1; line-height:25px;}

/* contact css */
.contact_map{ width:100%; height:250px;}

.contact1{ width:600px; max-width:100%; overflow:hidden; margin:30px auto 0 auto;}
.contact2{ float:left; overflow:hidden; width:100%; height:auto; background:#1f9c07; padding-bottom:20px;}
.contact2_1{ float:left; display:block; margin:20px 0 0 3% !important; width:97px;}
.contact2_2{ float:left; width:94%; overflow:hidden; margin-top:10px; margin-left:3%;}
.contact2_3{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:30px; font-weight:bold; color:#FFF;}
.contact2_4{ float:left; width:100%; overflow:hidden; font-size:15px; line-height:25px; color:#a9d1a5;}
.contact3{ float:left; overflow:hidden; width:100%; height:auto; background:#fdcf00; padding-bottom:20px;}
.contact3_1{ float:left; height:30px; line-height:30px; overflow:hidden; padding-left:40px; background:url(../images/contact3.png) left center no-repeat; background-size:30px auto; margin-left:3%; margin-top:20px; font-size:24px; color:#000; font-weight:bold;}
.contact3_2{ float:left; font-size:14px; color:#444444; line-height:26px; margin-left:3%; margin-top:10px; width:94%;}

/* agent css */
.agent1{ display:block; margin:0 auto; font-size:16px; text-align:center; width:100%; padding-bottom:15px;}

/* pro css */
.pro{ width:94%; margin:0 auto; overflow:hidden;}

.pro_title{ width:100%; overflow:hidden; height:66px; background:url(../images/pro4.png) right center no-repeat #1f9c07; margin-top:30px;}
.pro_title1{ float:left; display:block; height:51px; margin-top:10px; margin-left:2.5%;}

.pro1{ width:100%; overflow:hidden; padding-bottom:20px;}
.pro1 li{ float:left; margin-right:3%; width:48.5%; overflow:hidden; margin-top:20px;}
.pro1 li:nth-child(4n){ margin-right:0;}
.pro1 li:nth-child(2n){ margin-right:0;}
.pro1 li a{ display:block; width:100%; overflow:hidden;}
.pro2{ width:calc(100% - 2px); border:1px solid #dbdbdb; overflow:hidden;}
.pro2 img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro1 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro3{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#444444; height:30px; line-height:40px;}

/* proIn css */
.pro_in{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.pro_in1{ display:block; float:none; border:1px solid #d8d8d8; width:327px; max-width:80%; margin:0 auto;}
.pro_in2{ float:right; width:100%; overflow:hidden; text-align:left; color:#444;}
.pro_in2_1{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; line-height:30px; margin-top:15px;}
.pro_in2_2{ float:left; width:100%; overflow:hidden; font-size:15px; line-height:30px; margin-top:5px; border-bottom:1px solid #d8d8d8; padding-bottom:15px;}
.pro_in2_3{ float:left; width:100%; overflow:hidden; font-size:15px; line-height:30px; padding-top:15px;}
.pro_in2_4{ float:left; width:100%; overflow:hidden; color:#1f9c07; line-height:30px;}
.pro_in3{ float:left; width:100%; overflow:hidden; margin-top:30px; text-align:left; font-size:15px; color:#444444; line-height:30px; padding-bottom:30px;}

.pageIn{ float:left; width:100%; overflow:hidden; border-top:1px solid #d8d8d8; padding-top:20px;}
.pageIn1{ float:left; width:100%; overflow:hidden; font-size:15px; color:#444; text-align:left; line-height:26px; margin:3px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ color:#444;}
.pageIn1:hover{ color:#1f9c07;}
.pageIn1:hover a{ color:#1f9c07;}

.recommend{ width:100%; overflow:hidden; background:url(../images/bg2.png) bottom right no-repeat #f5f5f5; background-size: auto 50px; padding-bottom:50px; padding-top:30px;}
.recommend1{ width:100%; overflow:hidden; font-size:16px; color:#444;}
.recommend2{ width:100%; overflow:hidden; position:relative;}

.recommend2 .swiper-container2 {
	background: none;
}
.recommend2 .swiper-container2 .swiper-slide>a .title{ background: none;}
.recommend2 .swiper-container2 .swiper-slide>a:hover .title{ background:#1f9c07; color:#FFF;}
.recommend2 .swiper-button-next2{ position:absolute; width:19px; height:36px; top:50%; margin-top:-18px; right:2%; z-index:10; z-index:10; background:url(../images/img_r.png) no-repeat; cursor:pointer;}
.recommend2 .swiper-button-prev2{ position:absolute; width:19px; height:36px; top:50%; margin-top:-18px; left:2%; z-index:10; z-index:10; background:url(../images/img_l.png) no-repeat; cursor:pointer;}

/* brand css */
.page{ width:100%; overflow:hidden; padding-top:10px; font-size:14px;}
.page a{ margin:10px 2px 0 2px; display:inline-block; background:#f4f4f4; height:30px; line-height:30px; color:#474747; padding:0 10px;}
.page span{ margin:10px 2px 0 2px; display:inline-block; background:#f4f4f4; height:30px; line-height:30px; color:#474747; padding:0 10px; cursor:pointer;}
.page a:hover{ background:#1f9c07; color:#FFF;}
.page span:hover{ background:#1f9c07; color:#FFF;}

.brand1{ display:block; margin:30px auto 0 auto; height:50px; max-width:100%;}
.brand2{ margin-top:30px; width:100%; overflow:hidden; text-align:left; font-size:15px; line-height:30px; color:#444444;}

/* news css */
.news{ width:94%; margin:0 auto; overflow:hidden;}
.news1{ width:100%; overflow:hidden;}
.news1 li{ float:left; width:100%; overflow:hidden; padding:25px 0;}
.news1 li a{ display:block; overflow:hidden;}
.news2{ float:left; display:block; overflow:hidden;}
.news2 img{ display:block; width:320px; max-width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news3{ float:right; width:100%; margin-top:10px; overflow:hidden; text-align:left;}
.news4{ float:left; width:100%; font-size:16px; color:#444444; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}
.news5{ float:left; width:100%; font-size:13px; color:#a1a1a1; line-height:24px;}
.news6{ float:left; width:100%; font-size:15px; line-height:30px; color:#888888; height:90px; overflow:hidden; border-top:1px solid #e5e5e5; padding-top:10px; margin-top:10px;}
.news1 li a:hover .news4{ color:#1f9c07;}
.news1 li a:hover .news2 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

/* newsIn css */
.newsIn{ width:94%; margin:0 auto; overflow:hidden;}
.newsIn1{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; margin-top:20px;}
.newsIn2{ width:100%; overflow:hidden; font-size:13px; color:#a1a1a1; line-height:24px; margin-top:10px;}
.newsIn3{ width:100%; overflow:hidden; text-align:left; margin-top:20px; border-top:1px solid #e5e5e5; padding:30px 0 30px 0; font-size:15px; color:#444; line-height:30px;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

}