@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}
html,body{ -webkit-text-size-adjust:none;}
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer { margin: 0; padding: 0}
em,i{ font-style:normal;}
body { font: 16px/1.5 '宋体'; color: #333; background: #fff; -webkit-text-size-adjust: none; min-width: 320px; overflow-x:hidden; position: relative;}
h1, h2, h3, h4, h5, h6 { font-size: 100%}
form { /*display: inline*/}
ul, ol { list-style: none}
a { text-decoration: none; color: #333}
a:hover, a:active, a:focus { color:#439E05; text-decoration: none;}
a:active { color: #aaa;}
img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
}
textarea {
	resize: none
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button
}

button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

/*reset部分结束*/
img,object{max-width: 100%;}
body{ margin:0 auto; width:100%; height:auto; overflow:auto; font-family:'Microsoft YaHei','微软雅黑', "SimSun",Arial,sans-serif;}
.clear{ clear:both;}

#nobg{ background:none;}
#nobr{ border:none;}

input,label{ vertical-align:middle;}

.w_wap{ width:100%; margin:0 auto; max-width:640px;}
.w_wap_cnter{ width:100%;}

/*head*/
.wap_top { position:fixed; z-index:99999; min-width:320px; max-width:640px; width:100%; top:0; left: 0； right: 0; height:60px;}
.sc_top{ padding:10px 2% 10px 2%; background:#439E05; width:96%;}
.sc_logo{ float:left; width:45%;}
.sc_logo img { max-width:100%;  height:40px;}
.sc_nav { float:right; height:40px; line-height:40px; color:#FFF; width:40%; font-size:1.2rem;}
.sc_nav a { color:#FFF; float:right;}
.sc_nav em { float:right; margin:0 4%;}
.sc_menu { display:block; float:right; width:45px; height:40px; position:relative;}
.sc_menu_icon { display:block; width:100%; height:40px; line-height:40px; background:url(../images/menu_icon.png) no-repeat right center; background-size:auto 96%;}

.menu_font { padding: 0; position:fixed; z-index: 500; top: 60px; right: 0px; width: 100%; margin-left:0; background:url(../images/dh_bg.png) repeat;}
.menu_font.hidden { display:none; }
.menu_font li { text-align:center; border-bottom:1px solid #2E2F30;}
.menu_font li:nth-last-child(1) { border-bottom:none;}
.menu_font li a { height: 45px; line-height: 45px; color:#AACD06; display: block; width: 100%; text-align:center; overflow: hidden; font-size:1.2rem;}
.menu_font li a:hover, .menu_font li a:active { color:#AACD06; background:#baa252;}


/*foot*/
.mod_ft{  width: 100%; height: 66px;}
.social_nav5{ background:#fff; border-top:1px solid #CCCCCC; position:fixed; bottom:0; left: 0; right: 0; max-width:640px; min-width:320px; width:100%; z-index: 99999; height:45px; padding:5px 0;} 
.social_nav5 ul li{ float:left; width:20%; position:relative; text-align:center;}
.social_nav5 ul li.cur{ background:#048ee4;}
.social_nav5 ul li a { display:block;}
.social_nav5 ul li img { height:45px;}
.social_nav5 .erji{ position:absolute; bottom:50px; left:0; background:#E2E2E2; width:100%; border:1px solid #CCCCCC; display:none;}
.social_nav5 .erji a{ display:block; line-height:180%; padding:8px 0; font-size:1.0rem; border-bottom:1px solid #b3b3b3; text-shadow:none; color:#434343;}
.social_nav5 .erji a:nth-last-child(1) { border-bottom:none; }


.cp_more { width:100%; background:#3C3C3C; height:40px; position:fixed; bottom:56px;  max-width: 640px; min-width: 320px; z-index:9;}
.cp_more_c { display:block; width:50%; margin:0 auto; background:url(../images/jt.jpg) no-repeat 10px 8px #7C7C7C; padding:0 0 0 10px; background-size:20px auto; color:#FFF; font-size:1.2rem; height:30px; line-height:30px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; text-align:center;}
.cp_more_c:hover { color:#FFF;}


.tools { width:100%; background:#3C3C3C; height:40px; position:fixed; bottom:0;  max-width: 640px; min-width: 320px; z-index:9;}
.tools .search{ height:40px;}
.tools .toolbtn{ display:block; width:50%; margin:0 auto; background:url(../images/jt.jpg) no-repeat 10px 8px #7C7C7C; padding:0 0 0 10px; background-size:20px auto; color:#FFF; font-size:1.2rem; height:30px; line-height:30px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; text-align:center;}
.tools .menulist{ position:absolute; bottom:40px; width:96%; transition:all 1s; -webkit-transition:all 1s;transform:translate3D(-100%,0,0);-webkit-transform:translate3D(-100%,0,0);-ms-transform:translate3D(-100%,0,0); background:url(../images/dh_bg.png) repeat; padding:3% 2%;}
.tools .menulist.hover{ 
	transform:translate3D(0,0,0);
	-webkit-transform:translate3D(0,0,0);
	-ms-transform:translate3D(0,0,0);
}
.tools .menulist li { float:left; line-height:36px; margin:7px 0; overflow:hidden; box-sizing:border-box; width:33.3%; color:white; text-align:center; font-size:1.0rem;}
.tools .menulist li a { display:block; color:white; width:86%; margin:0 auto; border:solid 1px #fff;}
.tools .menulist li.cur a{color:rgb(148, 200, 40)}


/*基地*/
.w_nr_cent{ padding: 6% 2% 0;}
.w_nr_cent .margin-top60{ margin-top:60px;}

.h_title { background:url(../images/title_icon.gif) no-repeat left center; background-size:3px 20px; font-size:1.4rem; color:#000000; padding:5px 0 5px 15px; height:40px; line-height:40px;}
.j_content { font-size:1.0rem; line-height:200%;}
.j_content img { max-width:100%;}
.j_content p { margin:2% 0;}
.j_cg {}
.j_table { font-size:1.0rem; color:#666666; line-height:180%;}
.j_table td { padding:7px 0;}
.j_i1 { width:80%; background:#FFF; border:1px solid #C9C9C9; border-radius:3px; padding:8px 5px; margin:0 0 0 3%;}
.j_i2 { width:80%; background:#FFF; border:1px solid #C9C9C9; border-radius:3px; padding:8px 5px; margin:0 0 0 3%; min-height:80px;}
.j_cg_text { padding:0 0 0 3%;}
.j_b1 { background:#439E05; line-height:180%; color:#FFF; font-size:1.2rem; text-align:center; border:0; padding:8px 0; width:100%; font-family:"微软雅黑"; border-radius:3px; margin:4% 0;}


/*留言*/
.adv_pic { width:100%; overflow:hidden; padding-top:60px;}
.adv_pic img { width:100%;}

/*案例*/
.case_li { background:#FFF; border:1px solid #E3E5E7; width:100%; border-radius:5px; margin:10px 0 0 0;}
.case_img { width:40%; float:left; overflow:hidden;}
.case_img img { width:100%;  max-width: 240px;}
.case_p { width:55%; float:right; padding:0 2% 0 0 ; overflow:hidden;}
.case_p h4 { font-size:1.2rem; line-height:1.5rem; height:3.0rem; overflow:hidden; color:#000; font-weight:normal; margin:7px 0;}
.case_p p { color:#999999; font-size:1.0rem; line-height:1.5rem; height:4.5rem; overflow:hidden;}

.case_page { text-align:center; color:#52BD0A; font-size:1.2rem; height:32px; line-height:32px; padding:5% 0;}
.case_page_l,.case_page_r { display:block; text-align:center; border:1px solid #52BD0A; border-radius:16px; color:#52BD0A;}
.case_page_l:hover, .case_page_r:hover { background:#52BD0A; color:#FFF;}
.case_page_l { float:left; width:30%;}
.case_page_r { float:right; width:30%;}

/*案例详情*/
.case_top { width:96%; border-bottom:1px solid #E0DEDE; padding:3% 2%; line-height:2.0rem;}
.case_top h1 { font-size:1.4rem; font-weight:normal;}
.case_top h4 { font-size:1.0rem; color:#999999; font-weight:normal;}
.case_content { width:96%; margin:0 auto; overflow:hidden; font-size:1.0rem; color:#666666;}
.case_content img { max-width:100%;}
.case_content p { margin:2% 0;}
.case_share { text-align:center; padding:3% 0 6% 0;}
.case_share a { display:block; width:60%; color:#FFF; background:#FF9900; height:40px; line-height:40px; border-radius:20px; margin:0 auto;}
.case_page2 { text-align:center; color:#52BD0A; font-size:1.2rem; height:32px; line-height:32px; padding:5% 2%; border-top:1px solid #E0DEDE;}

/*团队风采*/
.team_top { width:96%; border-bottom:1px solid #E0DEDE; padding:3% 2%; line-height:2.0rem;margin-top:60px;}
.team_top li { width:25%; float:left; overflow:hidden;}
.team_top li a { display:block; width:90%; margin:0 auto; height:36px; line-height:36px; text-align:center; color:#666666; font-size:1.2rem; background:#EEEFF0; border-radius:18px;}
.team_top li a:hover { background:#439E05; color:#FFF;}
.team_top li a.current { background:#439E05; color:#FFF;}
.team_list {}
.team_list li { width:50%; float:left; overflow:hidden; margin:10px 0 0 0;}
.team_list li a { display:block; width:90%; margin:0 auto; overflow:hidden;}
.team_list li span { display:block; height:120px; overflow:hidden;}
.team_list li span img { height:120px; min-width:100%;}
.team_list li p { height:30px; line-height:30px; text-align:center; font-size:1.2rem;}

/*联系我们*/
.contact { padding:4% 0;}
.contact_a { background:#EEEFF0; color:#666666; padding:2%; font-size:1.0rem;}
.contact_a p { margin:5px 0;}
.contact_b { font-size:1.0rem; color:#666666; line-height:1.8rem;}

/*经营理念*/
.jyln { font-size:1.2rem; padding:10px 0;}
.jyln_title { background:url(../images/title_icon.gif) no-repeat left 0.9rem; background-size:3px 16px; font-size:1.2rem; color:#000000; padding:5px 0 5px 15px; line-height:1.6rem;}
.jyln p { margin:5px 0;}

/*公司简介*/
.about_title { text-align:center; padding:5% 0 2% 0;}
.about_c { font-size:1.0rem; line-height:1.6rem;}
.about_c p { margin:10px 0;}
.about_pic { width:100%; margin:10px 0 0 0;}
.about_pic img { width:100%;}
.about_list { width:100%;}
.about_list li { width:50%; float:left;}

/*团队风采详情*/
.team_c { font-size:1.2rem; color:#848484;}
.team_c p { padding:10px 0;}

/*产品列表*/
.cp_title { text-align:center; font-size:1.4rem; border-bottom:1px solid #E0DEDE; padding:3% 0; line-height:2.0rem;}
.cp_list { background:#F4F4F4; width:100%; margin:10px 0 0 0;}
.cp_list span { display:block; width:100%;}
.cp_list span img { width:100%;}
.cp_list p { font-size:1.0rem; height:40px; line-height:40px; overflow:hidden; color:#666666; padding:0 3%;}
.cp_list p a { color:#666666;}
.cp_list p i { float:left;}
.cp_list p em { float:right;}


/*产品详情*/
.cp_adv { width:100%;}
.cp_adv img { width:100%;}
.cp_title2 { padding:3% 2%; font-size:1.4rem; line-height:30px;}
.cp_title2 h4 { float:left; font-weight:normal;}
.cp_share { float:right; display:block; background:url(../images/share_icon.png) no-repeat center; background-size:auto 25px; width:30px; height:30px;}
.cp_detail { border-bottom:1px dashed #E5E5E5; border-top:1px dashed #E5E5E5; padding:2%; font-size:1.0rem; line-height:1.8rem;}
.cp_detail p { margin:8px 0;}
.cp_tell { border-bottom:1px dashed #E5E5E5; padding:2%;}
.cp_tell i { display:block; width:50%; overflow:hidden;}
.cp_tell i img { width:80%;}
.fl { float:left; text-align:left;}
.fr { float:right; text-align:right;}
.back_cp { display:block; width:50%; text-align:center; background:#FFF; border:1px solid #52BD0A; color:#52BD0A; height:36px; line-height:36px;  border-radius:18px; margin:5% auto;}

/* 幻灯片 */
.hdp-box{position:relative; height:260px;margin-top:60px; }
.swipe{ width:100%;float:left;overflow: hidden;visibility: visible;position: relative;height:260px;}
.box01_list{position:relative;-webkit-transition: left 600ms ease-out; width:100%;left:0;}
.piclist li{text-align:center;}
.piclist li img { margin:0 auto; max-width:640px; width:100%; min-width:320px;height:260px;}
.piclist p{display:none;}
.title{width:100%;float:left;text-align:center;color:#fff;font-size:14px;padding:10px 0; display:none;}
.count{ position:absolute; bottom:10px; right:10px; color:#fff; background:url(../images/cicle_bg.png) no-repeat; background-size:100% 100%; width:50px; height:50px; text-align:center; line-height:50px;}
.count b { font-weight:normal;}
.b_btn{display:none;height:32px;cursor:pointer;line-height:32px;padding:0 10px;border:1px solid #ccc;float:left;background:#f5f5f5;border-radius:5px; border:1px solid red; width:100px;}
.intro{display:none;color:#fff;width:100%;float:left;padding-top:8px;}


/*新闻详情*/
.news_bg { background:url(../images/bg_icon.gif) repeat;}

.n_list { margin:0 2% 0 0;}
.news { width:100%; float:left; margin:10px 0 0 0;}
.news_l { width:20%; float:left; overflow:hidden; text-align:center;}
.news_l b,.news_l i,.news_l em { display:block; color:#81837F;}
.news_l b { font-size:1.4rem; color:#439E05;}
.news_l i { font-size:1.0rem;}
.news_l em { font-size:1.0rem;}
.news_r { background:#FFF; border:1px solid #DCDCDC; width:75%; float:right; position:relative;}
.news_r h4 { padding:2% 3%; font-size:1.2rem; color:#000; line-height:1.5rem; font-weight:normal;}
.news_r h4 a { color:#000;}
.news_r span { width:100%;}
.news_r span img { width:100%;}
.news_r p { padding:2% 3%; font-size:1.0rem; color:#999999;}
.news_r p a { color:#999999;}
.news_arrow { position:absolute; display:block; background:url(../images/news_arrow.png) no-repeat; background-size:100% auto; width:13px; height:20px; left:-13px; top:15px;}


/*产品频道*/
.fullscreen{
	width:100%;
	margin:auto;
	min-width: 300px;
	max-width: 640px;
	position:relative;
	top:0px;
	background:#eee;
}
.product{margin:40px 0px 3%; background:white;}
.product ul li{ margin-bottom:1%; position:relative;}
.product ul li .icon{ width:12.5%; padding-bottom:12.5%; background:url(../images/downbtn.png) center center no-repeat;position:absolute; left:50%; bottom:0px; background-size:cover; transform:translate3D(-50%,-50%,0);-webkit-transform:translate3D(-50%,50%,0); z-index:3}
.product ul li.last .icon{ display:none;}
.product ul li img{width:100%; height:auto;  vertical-align:bottom;}

/*欢迎页*/
  .swiper-container { }

  .swiper-wrapper {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
  }

  .swiper-slide {
   position: relative;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
   background-size:100% auto;
   overflow:hidden;
   text-align:center;
   line-height:300px;
  }

.swiper-slide img{
	max-width:100%; min-height:100%;
}
.u-arrow { position: fixed; bottom: 10px; left:50%; z-index: 150; width: 30px; height: 30px; margin-left: -14px; }
.u-arrow p { position: absolute; top: 50%; left: 50%; margin: 0 0 0 -14px; width: 30px; height: 28px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;
}
.css_sprite01 { background-image:url(../images/css_sprite01.png)!important; background-size:100% auto;  background-repeat: no-repeat!important; } 
.w_icon { position:fixed; right:2%; bottom:5%; z-index:99; width:40px;}
.w_icon a { display:block; width:40px; height:40px; margin:0 0 10px 0;}
.w_icon a img { width:40px;}
.w_img1 { display:block; position:absolute; top:18%; left:10%; width:80%; -webkit-animation:myfirst_con_left_b_01 3s;-o-animation:myfirst_con_left_b_01 3s;-moz-animation:myfirst_con_left_b_01 3s;-ms-animation:myfirst_con_left_b_01 3s;animation:myfirst_con_left_b_01 3s; opacity:1;}
.w_img1 img { height:auto!important; min-height:auto!important; width:100%;}

.w_img1-a { position:absolute; bottom:40px; left:0; height:30px; line-height:30px; width:100%; text-align:center; color:#FFF; font-size:1.2rem; -webkit-animation:myfirst_con_left_b_01 10s; -o-animation:myfirst_con_left_b_01 10s;-moz-animation:myfirst_con_left_b_01 10s;-ms-animation:myfirst_con_left_b_01 10s;animation:myfirst_con_left_b_01 10s; opacity:1;}

.w_img2 { display:block; position:absolute; left:0; bottom:3%; width:80%; -webkit-animation:myimg2 3s linear 1s;-o-animation:myimg2 3s linear 1s ;-moz-animation:myimg2 3s linear 1s;-ms-animation:myimg2 3s linear 1s; animation:myimg2 3s linear 1s; opacity:0; animation-fill-mode:forwards;  -webkit-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards;}
.w_img2 img { width:100%; height:auto!important; min-height:auto!important;}

.w_img3 { display:block; position:absolute; left:0; bottom:3%; width:80%; -webkit-animation:myimg3 3s linear 2s;-o-animation:myimg3 3s linear 2s ;-moz-animation:myimg3 3s linear 2s;-ms-animation:myimg3 3s linear 2s; animation:myimg3 3s linear 2s; opacity:0; animation-fill-mode:forwards;  -webkit-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards;}
.w_img3 img { width:100%; height:auto!important; min-height:auto!important;}

@-webkit-keyframes myfirst_con_left_b_01
{
	0%{opacity:0; -webkit-transform:scale(0,0) rotate(0deg);}
	100% {opacity:1; -webkit-transform:scale(1,1) rotate(360deg)}
}
@-o-keyframes myfirst_con_left_b_01
{
	0%{opacity:0; -o-keyframes:scale(0,0) rotate(0deg);}
	100% {opacity:1; -o-keyframes:scale(1,1) rotate(360deg)}
}
@-ms-keyframes myfirst_con_left_b_01
{
	0%{opacity:0; -ms-keyframes:scale(0,0) rotate(0deg);}
	100% {opacity:1; -ms-keyframes:scale(1,1) rotate(360deg)}
}
@-moz-keyframes myfirst_con_left_b_01
{
	0% { opacity:0; -moz-keyframes:scale(0,0) rotate(0deg);}
	100% {opacity:1; -moz-keyframes:scale(1,1) rotate(360deg)}
}
@keyframes myfirst_con_left_b_01
{
	0% { opacity:0; keyframes:scale(0,0) rotate(0deg);}
	100% {opacity:1; keyframes:scale(1,1) rotate(360deg)}
}

/*箭头指示引导*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}



/**/
@-webkit-keyframes myimg2
{
	0%{opacity:0; -webkit-transform:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -webkit-transform:scale(1,1);  left:0%; bottom:3%;}
}
@-o-keyframes myimg2
{
	0%{opacity:0; -o-keyframes:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -o-keyframes:scale(1,1); left:0%; bottom:3%;}
}
@-ms-keyframes myimg2
{
	0%{opacity:0; -ms-keyframes:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -ms-keyframes:scale(1,1); left:0% ; bottom:3%;}
}
@-moz-keyframes myimg2
{
	0% { opacity:0; -moz-keyframes:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -moz-keyframes:scale(1,1); left:0% ; bottom:3%;}
}
@keyframes myimg2
{
	0% { opacity:0; keyframes:scale(0,0) rotate(0deg);left:-80%; bottom:3%;}
	100% {opacity:1; keyframes:scale(1,1) rotate(360deg);left:0% ; bottom:3%;}
}

/**/
@-webkit-keyframes myimg3
{
	0%{opacity:0; -webkit-transform:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -webkit-transform:scale(1,1);  left:0%; bottom:3%;}
}
@-o-keyframes myimg3
{
	0%{opacity:0; -o-keyframes:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -o-keyframes:scale(1,1); left:0%; bottom:3%;}
}
@-ms-keyframes myimg3
{
	0%{opacity:0; -ms-keyframes:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -ms-keyframes:scale(1,1); left:0% ; bottom:3%;}
}
@-moz-keyframes myimg3
{
	0% { opacity:0; -moz-keyframes:scale(0,0); left:-80%; bottom:3%;}
	100% {opacity:1; -moz-keyframes:scale(1,1); left:0% ; bottom:3%;}
}
@keyframes myimg3
{
	0% { opacity:0; keyframes:scale(0,0) rotate(0deg);left:-80%; bottom:3%;}
	100% {opacity:1; keyframes:scale(1,1) rotate(360deg);left:0% ; bottom:3%;}
}


html{ font-size:75%;}
@media only screen and (min-width:481px){ html{ font-size:98%!important;} 
}
@media only screen and (min-width:561px){ html{ font-size:109%!important;} 
}
@media only screen and (min-width:641px){ html{ font-size:125%!important;}
}