@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto;}
a{ color:#333; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#008c63;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; outline:none; resize:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:50px 0 60px 0;}
.container{ min-width:1200px; width:1200px; margin:0 auto; padding:0; text-align:left;}
/* CSS Common*/

/*header */
#header{position:relative; width:100%; height:150px; margin:0 auto; text-align:center;}
#header .logo{ float:left; padding:20px 0 0 0;}
#header .r{ float:right; margin-top:15px;}
#header .header_search{ display:inline-block; width:400px; height:35px; line-height:35px; border:1px solid #dbdbdb; border-radius:5px; margin:5px 0 14px 0;}
#header .header_search input[type="text"]{ width:370px; height:35px; line-height:35px; border:0; background:none; text-indent:12px; float:left;}
#header .header_search input[type="image"]{ width:22px; height:22px; position:relative; top:6px;}
#header .header_tel{ display:block; margin-left:12px; color:#4fad33; text-align:right;}
#header .header_tel span{ color:#333; font-size:20px; font-style:italic; font-weight:bold;}
#header .header_tel img{ position:relative; top:2px; margin-right:7px;}

/*menu*/
#menu{ height:50px; background:#008c63;}
#menu ul li{ float:left; text-align:center; height:50px;}
#menu ul li a{ display:block; width:200px; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:bold;}
#menu ul li a:hover{ background-color:#4fad33;}
#menu ul li a.on{ background-color:#4fad33;}

/*menu*/
.menu{ width:100%;}
.menu ul{ margin:auto;}
.menu li{ height:36px; line-height:36px; padding:0 20px; float:left; text-align:center; position:relative; z-index:9;}
.menu li a{ display:block; font-size:16px; color:#000;}
.menu li a:hover{ color:#000;}
.menu li a.on{ color:#000;}
.menu li dl{ width:100%; position:absolute; left:0; top:35px; display:none;}
.menu li dl dd{ width:100%; height:30px; text-align:center; line-height:30px;}
.menu li dl dd a{ font-size:14px; color:#555;}

/*banner*/
.banner{ height:749px;}
.banner .swiper-slide{ background-position:center; background-size:cover;}
.banner .swiper-pagination{ bottom:12px;}
.banner .swiper-pagination-bullet{ margin:0 4px !important;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:0.5; width:10px; height:10px;}
.banner .swiper-pagination-bullet-active{ opacity:1;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner .swiper-button-prev{ left:20px;}
.banner .swiper-button-next{ right:20px;}

/*banner_inside*/
.banner_inside{ height:449px;}
.banner_inside .swiper-slide{ background-position:center; background-size:cover;}
.banner_inside .swiper-pagination{ bottom:12px;}
.banner_inside .swiper-pagination-bullet{ margin:0 4px !important;}
.banner_inside .swiper-pagination-bullet{ background:#fff; opacity:0.5; width:10px; height:10px;}
.banner_inside .swiper-pagination-bullet-active{ opacity:1;}
.banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner_inside .swiper-button-prev{ left:20px;}
.banner_inside .swiper-button-next{ right:20px;}	

/*home_protype*/
#home_protype{ width:100%; margin-top:75px;}
#home_protype .home_protype_dh{ margin:0 auto; text-align:center;}
#home_protype .home_protype_dh>em{ font-size:48px; color:#333; display:block;}
#home_protype .home_protype_dh>em>i{ color:#008c63;}
#home_protype .home_protype_dh>span{ display:inline-block; font-size:20px; margin-top:30px; padding:0;}
#home_protype .home_protype_dh>span:before{ content:''; background:#dbdbdb; width:515px; height:1px; display:block; float:left; position:relative; right:20px; top:13px;}
#home_protype .home_protype_dh>span:after{ content:''; background:#dbdbdb; width:515px; height:1px; display:block; float:right; position:relative; left:20px; top:13px;}
#home_protype .home_protype_con{ margin:0 auto; text-align:center; margin-top:40px;}
#home_protype .home_protype_con>ul>li{ width:575px; height:411px; font-weight:lighter; float:left; margin-left:50px; margin-bottom:50px; position:relative;}
#home_protype .home_protype_con>ul>li:nth-child(2n+1){ margin-left:0;}
#home_protype .home_protype_con>ul>li img{ width:100%; height:100%; object-fit:cover;}
#home_protype .home_protype_con>ul>li .desc{ position:absolute; bottom:26px; left:26px; color:#fff; font-size:24px; transition:all 0.6s;}
#home_protype .home_protype_con>ul>li:hover .desc{ left:32px;}
#home_protype .home_protype_list img{ width:100%; height:auto;}

/*home_about*/
#home_about{ width:100%; background:url(../images/video_bg.jpg) no-repeat top center; min-height:640px; margin-top:50px;}
#home_about .home_about_dh{ font-size:48px; color:#fff; display:block; text-align:center; padding-top:80px;}
#home_about .home_about_dh>i{ display:block; margin-top:25px;}
#home_about .video{ width:1100px; margin:0 auto; height:618px; border:5px solid rgba(255,255,255,0.8); border-radius:10px; margin-top:40px;}
#home_about .video img{ width:100%; height:100%; object-fit:cover; border-radius:10px;}
#home_about .video video{ width:100%; height:100%; border-radius:10px; background:#000; object-fit:fill;}
#home_about .desc{ text-align:center; font-size:16px; line-height:2.2; width:90%; margin:0 auto; margin-top:25px;}
#home_about .desc a.more{ width:200px; height:42px; line-height:42px; color:#fff; margin:0 auto; display:block; margin-top:40px; background:#4fad33; border-radius:25px; transition:all 0.3s;}	
#home_about .desc a.more:hover{ background:#008c63;}

/*home_partner*/
#home_partner{ width:100%; margin-top:80px;}
#home_partner .home_partner_dh{ font-size:48px; color:#333; display:block; text-align:center;}
#home_partner .home_partner_dh>img{ display:block; margin:0 auto; margin-bottom:18px;}
#home_partner .home_partner_con{ margin:0 auto; text-align:center; margin-top:60px; width:100%; position:relative;}
#home_partner .home_partner_con ul li{ float:left; background:#f9f9f9; width:270px; margin-left:40px; text-align:center; padding:30px 0;}
#home_partner .home_partner_con ul li:nth-child(4n+1){ margin-left:0;}
#home_partner .home_partner_con ul li .img{ width:180px; height:180px; border:1px solid #e6e6e6; background:#fff; border-radius:50%; margin:0 auto; overflow:hidden;}
#home_partner .home_partner_con ul li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_partner .home_partner_con ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_partner .home_partner_con ul li span{ display:block; margin-top:20px; font-size:18px;}

/*home_ad*/
#home_ad{ width:100%; background:url(../images/ad_bg.jpg) no-repeat top center;}
#home_ad .home_ad_dh{ font-size:48px; color:#fff; font-weight:bold; display:block; text-align:center; padding-top:270px;}
#home_ad .home_ad_dh>span{ display:inline-block; font-size:20px; margin-top:30px; padding:0; font-weight:normal;}
#home_ad .home_ad_dh>span:before{ content:''; background:rgba(255,255,255,0.3); width:180px; height:1px; display:block; float:left; position:relative; right:20px; top:13px;}
#home_ad .home_ad_dh>span:after{ content:''; background:rgba(255,255,255,0.3); width:180px; height:1px; display:block; float:right; position:relative; left:20px; top:13px;}
#home_ad .home_ad_con{ margin:0 auto; text-align:center; margin-top:60px;}
#home_ad .home_ad_con ul>li{ float:left; width:374px; margin-left:39px; background:#fff; border-radius:20px; box-shadow:0px 1px 15px 1px rgba(0,0,0,.1);-webkit-box-shadow:0px 1px 15px 1px rgba(0,0,0,.1);}
#home_ad .home_ad_con ul>li:nth-child(3n+1){ margin-left:0;}
#home_ad .home_ad_con ul>li .img{ width:374px; height:202px; border-radius:20px 20px 0 0; overflow:hidden;}
#home_ad .home_ad_con ul>li img{width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_ad .home_ad_con ul>li img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_ad .home_ad_con ul>li .desc{ text-align:left; padding:20px;}
#home_ad .home_ad_con ul>li .desc span{ font-size:28px; display:block; color:#369778; font-weight:bold; text-align:center;}
#home_ad .home_ad_con ul>li .desc .desc_con{ color:#686868; line-height:2; margin-top:12px; min-height:260px; overflow:hidden;}

/*home_join*/
#home_join .home_join_top{ background-repeat:no-repeat; background-position:top center; min-height:420px;}
#home_join .home_join_con{ padding-top:40px;}
#home_join .l{ width:561px; float:left;}
#home_join .l .dh{ background:url(../images/join_dh.png) no-repeat left center; height:99px; line-height:92px; font-size:36px; font-weight:bold; padding-left:28px; color:#fff; margin-bottom:25px;}
#home_join .l img{ width:100%; height:auto;}
#home_join .r{ width:566px; float:right; font-size:16px;}
#home_join .r .dh{ background:url(../images/join_dh2.png) no-repeat left center; height:89px; line-height:92px; font-size:36px; font-weight:bold; padding-left:28px; color:#fff; margin-bottom:25px;}
#home_join .r>form>.form_box{ margin-bottom:16px;}
#home_join .r>form>.form_box>em{ width:60px; display:inline-block; font-size:16px; text-align:right; margin-right:10px;}
#home_join .r>form>.form_box:nth-child(4){ margin-bottom:10px;}
#home_join .r>form>.form_box:nth-child(4)>em{ vertical-align:top; padding-top:10px;}
#home_join .r>form>.form_box>input[type="text"]{ width:465px; height:42px; line-height:42px; background:none; border:1px solid #dbdbdb; border-radius:3px;}
#home_join .r>form>.form_box>i{ margin-left:10px; display:inline-block; color:#ff0000;}
#home_join .r>form>.form_box>textarea{ width:462px; height:125px; line-height:2; background:none; border:1px solid #dbdbdb; border-radius:3px;}
#home_join .r>form>.form_box>input[type="text"].code{ width:208px;}
#home_join .r>form>.form_box>input[type="submit"]{ background:#4fad33; color:#fff; width:467px; height:42px; line-height:42px; border:0; border-radius:3px; font-size:16px; cursor:pointer; transtion:all 0.3s; margin-top:5px;}
#home_join .r>form>.form_box>input[type="submit"]:hover{ background:#008c63;}
	
/*home_news*/
#home_news{ width:100%; margin-top:65px;}
#home_news .home_news_dh{ font-size:48px; margin:0 auto; text-align:center; padding-top:60px; border-top:1px solid #b2e1c9;}
#home_news .home_news_dh span{ font-size:16px; color:#666666; display:block; margin-top:22px;}
#home_news .home_news_con{ margin:0 auto; text-align:center; margin-top:40px;}
#home_news .home_news_con .l{ float:left; width:561px; margin-bottom:50px;}
#home_news .home_news_con .l .img{ width:561px; height:233px; margin-bottom:10px; overflow:hidden;}
#home_news .home_news_con .l img{width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con .l img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con .l span{ font-size:18px; color:#222; display:block; padding:10px 0; text-align:left;}
#home_news .home_news_con .l span:hover{ color:#369778;}
#home_news .home_news_con .l p{ color:#6f6f6f; text-align:left;}
#home_news .home_news_con .l em{ text-align:left; display:block; margin-top:10px;}
#home_news .home_news_con .r{ float:right; text-align:left; width:582px;}
#home_news .home_news_con .r ul li{ width:100%;text-align:left; border-bottom:1px dotted #e0e0e0; overflow:hidden; margin-bottom:25px;}
#home_news .home_news_con .r ul li:last-child{ border-bottom:0;}
#home_news .home_news_con .r ul li .news_date{ width:85px; height:85px; margin-right:25px; border:1px solid #efefef; float:left; text-align:center; margin-bottom:25px;}
#home_news .home_news_con .r ul li .news_date em{ font-size:42px; color:#aaa; padding-top:10px; display:block; line-height:1;}
#home_news .home_news_con .r ul li .news_date p{ color:#aaa; text-align:center;}
#home_news .home_news_con .r ul li .news_note{ float:right; text-align:left; width:470px;}
#home_news .home_news_con .r ul li span{ display:block; font-size:18px; line-height:22px; padding:5px 0; color:#222; text-align:left;}
#home_news .home_news_con .r ul li span:hover{ color:#369778;}
#home_news .home_news_con .r ul li p{ width:100%; margin:0 auto; text-align:left; color:#6f6f6f;}
	
/*left*/
#left{ width:270px; float:left;}
#left .left_top{ font-size:28px; color:#fff; font-weight:bold; background:url(../images/left_bg.jpg) no-repeat center; height:80px; line-height:80px; text-indent:30px;}
#left .left_dh ul li{ margin-top:5px;}
#left .left_dh ul li a{ height:60px; line-height:60px; display:block; background:#eee; font-size:16px; text-indent:30px;}
#left .left_dh ul li a:hover{ color:#fff; background:#008c63;}
#left .left_dh ul li a.on{ color:#fff; background:#008c63;}
#left .left_dh ul dl{ margin-top:10px; padding-bottom:10px; padding-left:30px; font-size:15px;}
#left .left_dh ul dl>dd{ line-height:2.6;}
#left .left_dh ul dl>dd a:hover{ color:#008c63;}
#left .left_dh ul dl>dd a.on{ color:#008c63;}

/*content*/
#right{ width:890px; float:right;}
#right .right_dh{ height:40px; line-height:40px; border-bottom:solid 1px #eee; position:relative; display:none;}
#right .right_dh_l{ color:#333; font-size:16px; float:left;}
#right .right_dh_r{ float:right; padding-right:6px;}
#right .right_con{ min-height:200px; line-height:2.2; font-size:16px;}
#right .right_con img{ max-width:100%; height:auto;}

/*content*/
.m_banner{ display:none;}
.m_home_protype_con{ display:none;}
.home_honor{ display:none;}

/*list_pro*/
ul.list_pro{ text-align:center;}
ul.list_pro li{ float:left; width:270px; margin-left:40px; margin-bottom:30px; text-align:center;}
ul.list_pro li:nth-child(3n+1){ margin-left:0;}
ul.list_pro .img{ width:270px; height:240px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #eee; overflow:hidden;}
ul.list_pro li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover .img{ border-color:#59b23f;}
ul.list_pro li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.list_pro li span{ display:block; padding-top:10px; text-align:center;}
ul.list_pro li:hover span{ color:#59b23f;}
	
/*display*/
.dis_big{ text-align:center;}
.dis_big .l{ float:left; width:495px;}
.dis_big .r{ float:right; text-align:left; width:668px;}
.dis_name{ color:#454545; padding:20px 0; font-size:24px; border-bottom:1px solid #dadada;}
.dis_pic{ width:100%; border:1px solid #f0f0f0; text-align:center;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url() no-repeat; left:0;}
.dis_pic a.p_next{ background:url() no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ max-width:100%; margin:0 auto;}
.dis_desc{ margin-top:20px;}
.dis_note{ text-align:left; margin-top:46px;}
.dis_note>.dh{ border-bottom:1px solid #e3e3e3; margin-bottom:25px;}
.dis_note>.dh>em{ border-bottom:1px solid #096968; font-size:24px; color:#323232; display:inline-block; padding:0 10px; line-height:2.4;}
.dis_note>table{ width:100%; border-width:1px; border-color:#f1f1f1; border-collapse:collapse;}
.dis_note>table th{ border-width:1px; padding:12px 8px; border-style:solid; border-color:#f1f1f1; background-color:#e8e8e8; text-align:center;}
.dis_note>table td{ border-width:1px; padding:12px 8px; border-style:solid; border-color:#009900; background-color:#fff; text-align:center;}
.dis_note>table tr:nth-child(1) td{ background-color:#008c63; color:#fff;}
.dis_note>table td span{ white-space:normal !important}
.dis_close{ margin:0 auto; text-align:center; padding:40px 0;}
.dis_close a{ padding:5px;}
	
/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:286px; margin-left:20px; margin-bottom:20px;}
ul.list_share li:nth-child(3n+1){ margin-left:0;}
ul.list_share li .img{ width:286px; height:240px; border:1px solid #f0f0f0; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ float:left; width:270px; margin-left:40px; margin-bottom:30px;}
ul.share_list li:nth-child(3n+1){ margin-left:0;}
ul.share_list .img{ width:270px; height:240px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display: block; border:1px solid #eee; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover .img{ border-color:#59b23f;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}
ul.share_list li:hover span{ color:#59b23f;}

/*table*/
table{ width:100%; border-width:1px; border-color:#666; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#fff;}

/*list_news*/
ul.list_news li{ position:relative; height:40px; line-height:40px; border-bottom:1px dotted #ccc;}
ul.list_news li span{ position:absolute; right:5px; top:0;}

/*list_img_news*/
ul.list_img_news{ margin-bottom:20px; margin-top:-16px;}
ul.list_img_news li{ position:relative; padding-top:6px;}
ul.list_img_news li:after{ display:block; content:''; height:20px; clear: both; border-bottom:1px solid #eee;}
ul.list_img_news li .img{ width:200px; height:140px; margin-right:22px; margin-top:12px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#888; line-height:1.8; font-size:15px;}
ul.list_img_news li em{ display:block; color:#888; margin-top:10px;}

/*list_pic_news*/
ul.list_pic_news{ text-align:center;}
ul.list_pic_news li{ float:left; width:300px; margin:0 8px; height:260px;}
ul.list_pic_news li .img{ width:300px; height:200px; overflow:hidden;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_pic_news li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}

/*dis_news*/
#dis_news .news_title{ font-weight:bold; font-size:18px; line-height:30px; text-align:center;}
#dis_news .news_date{ text-align:center; line-height:2; font-size:15px; padding-bottom:10px; color:#888;}
#dis_news .news_content{ padding:5px; text-align:left;}
#dis_news .news_close{ margin:0 auto; text-align:center; padding:30px 0;}
#dis_news .news_close a{ padding:5px; font-size:15px;}

/*list_links*/
ul.list_links{ text-align:center;}
ul.list_links li{ float:left; padding:5px 10px; text-align:center; width:140px; height:50px;}
ul.list_links li img{ width:130px; height:50px;}

/*page*/
.page{ text-align:center; line-height:30px; min-height:25px; clear:both; margin-top:20px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:30px; text-align:center; font-size:15px;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #eee; padding:5px 10px; margin:0 3px; background:#eee;}
.pages a:hover,a.active{ background:#008c63; color:#fff; border-color:#008c63;}
.pages span{ border:1px solid #eee; padding:5px 10px; margin:0 3px; background:#eee; cursor:pointer;}
.pages span:hover,span.active{ background:#008c63; color:#fff; border-color:#008c63;}

/*feedback*/
.feedback { width:680px;}
.feedback img{ cursor:pointer;}
.feedback input{ line-height:24px; color:#565656; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px; resize:none;}
.feedback ul li span{ line-height:24px; color:#565656; width:96px; height:24px; margin-right:12px; float:left; text-align:left;}
.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form { margin:0 auto; width:100%;}
.form .form-group{ margin-bottom:10px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group:nth-child(5)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ height:30px; border:1px solid #ddd; width:300px; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ height:100px; width:296px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}
.form .form-group>.box>input[type="submit"]{ line-height:36px; color:#565656; width:100px; font-size:15px; border:0; height:36px; cursor:pointer; background:#e5e5e5; margin-right:10px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#008c63;color:#fff;}
.form .form-group>.box>input[type="reset"]{ line-height:36px; color:#565656; width:100px; font-size:15px; border:0; height:36px; cursor:pointer; background:#e5e5e5;}
.form .form-group>.box>input[type="reset"]:hover{ background:#008c63;color:#fff;}

/*float*/
.float{ display:none;}
.float{ width:100%; position:fixed; left:0; bottom:0; background:#fff; z-index:9; border-top:1px solid #e6e6e6;}
.float a{ width:25%; height:58px; padding:5px 0; float:left; text-align:center; display:block; border-left:1px solid #e6e6e6; box-sizing:border-box;}
.float a:nth-child(1){ border:0; background:#008c63; color:#fff;}
.float a>img{ display:block; margin:0 auto;}
.float dl{ width:100%; position:fixed; left:0; bottom:58px; background:#fff; z-index:9; border-top:1px solid #e6e6e6; text-align:left; display:none;}
.float dl>dd{ color:#333; font-size:15px; border-bottom:1px solid #e6e6e6; padding-left:15px; height:40px; line-height:40px;}
.float dl>dd>em{ font-weight:bold; color:#008c63;}
		
/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:absolute; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#008c63; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #008c63; border-bottom:1px solid #008c63; border-right:1px solid #008c63; background:#fff; line-height:28px;}
.chat_line .wechat{ text-align:center;}
.chat_line img{ max-width:80%; height:auto; margin:0 auto;}
.chat_line span{ display:block;}

/*nav*/
#footer_nav{ background:url(../images/footer_bg.jpg) no-repeat top center #008c63;}
#footer_nav .footer_links{ padding-top:82px; color:#fff;}
#footer_nav .footer_links>em{ font-size:16px; font-weight:bold;}
#footer_nav .footer_links a{ font-size:14px; color:#fff;}
#footer_nav .footer_nav{ margin:25px 0 0 0; border-top:2px solid #0e9a71; border-bottom:2px solid #0e9a71; padding:18px 0;}
#footer_nav .footer_nav>ul>li{ float:left; margin:0 21px;}
#footer_nav .footer_nav>ul>li>a{ font-size:16px; padding:0 45px; color:#fff; display:block;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:25px 0 35px 0; color:#fff;}
#footer_nav .footer_nav_con a{ color:#fff;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .pic{ float:left; width:372px; height:153px; border-right:1px solid #1da980;}
#footer_nav .footer_nav_con .contact{ float:left; width:380px; line-height:2.6; background:url(../images/contact_bg.png) no-repeat center left; padding-left:30px; margin-left:90px; margin-top:10px;}
#footer_nav .footer_nav_con .qcode{ float:right; text-align:center; margin-right:25px; border-left:1px solid #1da980; padding-left:90px;}
#footer_nav .footer_nav_con .qcode>img{ width:122px; height:auto;}
#footer_nav .footer_nav_con .qcode>em{ display:block; margin-top:5px;}

/*footer*/
#footer{ background:#008c63; color:#fff;}
#footer a{ color:#fff;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center; padding:12px 0; border-top:1px solid #1da980;}
#footer .footer_copy{ text-align:center; padding:15px 0;}

/*go_top*/
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}

/*media*/
@media (min-width:769px){
.header{ display:none;}
}

/*public*/
@media screen and (max-width:768px) {
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 15px 20px 15px;}
.header{ width:100%; height:120px; line-height:60px; background:#fff; position: fixed; box-shadow:0px 1px 10px rgba(0,0,0,.2); z-index:999;}
.header .m_phone{ border-bottom:1px solid #e6e6e6; text-align:center; line-height:1.4; padding:8px 0;}
.header .m_phone>span{ display:block;}
.header .m_phone>span>em{ font-weight:bold; color:#008c63; font-size:16px;}
.header .m_phone>span:nth-child(2)>em{ margin-left:80px;}
.header .m_logo img{ height:38px; padding:12px 10px; float:left;}
.header .m_logo em{ font-size:15px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:120px; width:100%; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul li a{ display:block; font-size:14px; color:#454545; line-height:16px; text-align:left; padding:12px 20px; border-bottom:1px solid #f0f0f0;}
.header .nav ul li a span{ line-height:16px; font-family:Arial, Helvetica, sans-serif; display:block; font-size:10px;}
.header .nav ul li a:hover{ background:#008c63; color:#fff;}
.header .header_ico{ position:fixed; top:78px; right:46px;}
.header .header_ico img{ width:24px;}
.header .header_icon{ position:fixed; top:60px; right:0; height:60px; width:50px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#008c63; height:2px; width:20px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{ content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{ -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{ -webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:120px;}
.banner{ height:120px; background-size:cover; top:0;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner_inside{ height:110px; background-size:cover; top:0;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}

/*content*/
.pc_banner{ display:none;}
.m_banner{ display:block;}
.pc_home_protype_con{ display:none;}
.m_home_protype_con{ display:block;}

.home_honor{ display:block;}
.home_honor_dh{ padding-top:30px; font-size:22px; display:block; text-align:center;}
.home_honor_dh>i{ display:block; margin-top:0;}

.m_honor{ margin-top:10px;}
.m_honor .swiper-wrapper{ padding-bottom:30px; text-align:center;}
.m_honor .swiper-pagination-bullet{ margin:0 4px !important;}
.m_honor .swiper-pagination-bullet{ background:#333; opacity:0.5; width:6px; height:6px;}
.m_honor .swiper-pagination-bullet-active{ opacity:1;}
.m_honor .swiper-button-next,.m_honor .swiper-button-prev{ width:10px; height:18px; background-size:10px 18px; margin-top:-9px; top:40%;}
.m_honor .swiper-button-prev{ left:10px;}
.m_honor .swiper-button-next{ right:10px;}
.m_honor .img{ width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; *display: block; border:1px solid #eee; overflow:hidden;}
.m_honor .img img{ max-width:90%; max-height:90%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.m_contact{ background:#fff; padding:20px 0; margin-top:20px; border-top:1px solid #eee;}
.m_contact .dh{ font-size:22px; display:block; text-align:center;}
.m_contact .dh>i{ display:block; margin-top:0;}
.m_contact .desc{ width:94%; margin:0 auto;}

.prolist{ margin:0 auto; width:94%; margin-top:20px;}
.prolist .prolist_dh{ font-size:22px; display:block; text-align:center;}
.prolist .prolist_dh>i{ display:block; margin-top:0;}
.prolist .prolist_con{ margin-top:20px;}
.prolist .prolist_con ul>li{ border-bottom:3px solid #008c63; margin-bottom:12px; overflow:hidden; padding-bottom:20px;}
.prolist .prolist_con ul>li>a>.desc>span{ display:block; margin:10px 0; font-size:16px;}
.prolist .prolist_con ul>li img{ width:100%; height:auto;}
.prolist .prolist_box img{ width:100%; height:auto;}

.details{ margin:0 auto; width:94%; margin-top:20px;}
.details .details_dh{ background:#008c63; text-align:left; white-space:nowrap; overflow-x:scroll; border-bottom:1px solid #eee;}
.details .details_dh>ul>li{ display:inline-block; margin:0 5px; text-align:center; font-size:15px; margin-bottom:3px;}
.details .details_dh>ul>li>a{ padding:0 5px; display:block; height:40px; line-height:40px; color:#fff;}
.details .details_dh>ul>li>a.on{ border-bottom:2px solid #fff;}
.details .details_con{ margin-top:20px;}
.details .details_con img{ width:100%; height:auto;}
.details .details_con .desc{ margin-top:20px;}

/*home*/
#home_protype{ width:94%; margin:0 auto; margin-top:30px;}
#home_protype .home_protype_dh>em{ font-size:22px;}
#home_protype .home_protype_dh>span{ font-size:16px; width:100%; padding:0; margin-top:6px;}
#home_protype .home_protype_dh>span:before{ width:30%; right:0;}
#home_protype .home_protype_dh>span:after{ width:30%; left:0;}
#home_protype .home_protype_dh>i{ margin-top:5px; letter-spacing:2px; line-height:1.4;}
#home_protype .home_protype_con{ margin-top:20px;}
#home_protype .home_protype_con>ul>li{ width:100%; margin-left:0; margin-bottom:2%; height:auto;}
#home_protype .home_protype_con>ul>li .desc{ bottom:16px; left:10px; font-size:18px;}
#home_protype .home_protype_con>ul>li:hover .desc{ left:10px;}

#home_about{ background-size:contain; margin-top:20px;}
#home_about .home_about_dh{ padding-top:30px; font-size:22px;}
#home_about .home_about_dh>i{ margin-top:0;}
#home_about .video{ width:90%; margin:0 auto; margin-top:10px; height:200px; border:3px solid rgba(255,255,255,0.8);}
#home_about .desc{ width:90%; margin:0 auto; line-height:2; margin-top:15px; font-size:15px;}
#home_about .desc a.more{ margin-top:15px; width:160px;}

#home_partner{ margin-top:30px;}
#home_partner .home_partner_dh{ font-size:22px;}
#home_partner .home_partner_con{ margin:0 auto; width:94%; margin-top:20px;}
#home_partner .home_partner_con ul li{ width:48%; margin-left:4%; margin-bottom:4%; height:auto; padding:15px 0;}
#home_partner .home_partner_con ul li:nth-child(2n+1){ margin-left:0;}
#home_partner .home_partner_con ul li .img{ width:80px; height:80px;}
#home_partner .home_partner_con ul li span{ font-size:16px; margin-top:10px;}

#home_ad{ background-size:cover;}
#home_ad .home_ad_dh{ font-size:22px; padding-top:320px; margin-top:-200px;}
#home_ad .home_ad_dh>span{ font-size:16px; width:80%; padding:0; margin-top:6px;}
#home_ad .home_ad_dh>span:before{ width:5%; right:0;}
#home_ad .home_ad_dh>span:after{ width:5%; left:0;}
#home_ad .home_ad_con{ width:94%; margin-top:20px;}
#home_ad .home_ad_con ul{ text-align:left;}
#home_ad .home_ad_con ul>li{ width:100%; margin-left:0; margin-bottom:4%; height:auto; float:none;}
#home_ad .home_ad_con ul>li .img{ width:100%; height:120px;}
#home_ad .home_ad_con ul>li .desc{ padding:15px;}
#home_ad .home_ad_con ul>li .desc span{ font-size:20px;}
#home_ad .home_ad_con ul>li .desc .desc_con{ white-space:normal; margin-top:10px; min-height:inherit;}

#home_join .home_join_top{ background-size:cover; min-height:110px;}
#home_join .home_join_con{ padding-top:20px; width:94%; margin:0 auto;}
#home_join .l{ width:100%; float:none;}
#home_join .l .dh{ font-size:20px; background-size:cover; height:46px; line-height:40px; padding-left:20px;}
#home_join .r{ width:100%; float:none; margin-top:20px;}
#home_join .r .dh{ font-size:20px; background-size:cover; height:46px; line-height:46px; padding-left:20px;}
#home_join .r>form>.form_box{ margin-bottom:10px;}
#home_join .r>form>.form_box>em{ width:15%; font-size:15px;}
#home_join .r>form>.form_box>input[type="text"]{ width:70%; height:36px; line-height:36px;}
#home_join .r>form>.form_box>textarea{ width:69%; height:80px;}
#home_join .r>form>.form_box>input[type="text"].code{ width:30%;}
#home_join .r>form>.form_box>input[type="submit"]{ width:70%; height:40px; line-height:40px;}

#home_news{ margin-top:30px;}
#home_news .home_news_dh{ padding-top:30px; font-size:22px;}
#home_news .home_news_con{ margin:0 auto; width:94%; margin-top:20px;}
#home_news .home_news_dh span{ font-size:15px; margin-top:5px;}
#home_news .home_news_con .l{ width:100%; float:none; margin-bottom:20px;}
#home_news .home_news_con .l .img{ width:100%; height:160px;}
#home_news .home_news_con .l span{ font-size:16px; padding:0;}
#home_news .home_news_con .l em{ margin-top:6px;}
#home_news .home_news_con .l p{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;} 
#home_news .home_news_con .r{ width:100%; float:none;}
#home_news .home_news_con .r ul li{ margin-bottom:10px;}
#home_news .home_news_con .r ul li .news_date{ margin-right:0; width:76px; height:76px; margin-bottom:10px;}
#home_news .home_news_con .r ul li .news_date em{ font-size:36px;}
#home_news .home_news_con .r ul li .news_note{ width:calc(100% - 90px);}
#home_news .home_news_con .r ul li span{ padding:0 0 5px 0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
#home_news .home_news_con .r ul li p{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_con{ min-height:320px; padding:0; padding-top:15px; font-size:15px;}
#right .right_con img{ max-width:100%; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_con table{ width:100% !important;}
#right .right_dh{ display:block;}
#right .right_icon{ position:absolute; top:0; right:0; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative; top:18px; margin-left:4px;}

/*products*/
.pc_products{ display:none;}
.m_products{ display:block;}
.m_products .m_banner img{ width:100%; height:100%;}

/*left*/
#left{ position:fixed; left:inherit; width:60%; height:100%; right:-100%; top:0; margin-left:0; background:#333; z-index:10; padding-top:120px; overflow-y:scroll; height:100%;}
#left .left_top{ color:#fff; font-size:16px; border-bottom:1px solid #555; line-height:50px; padding-left:20px; background:#333; text-align:left; margin:0; font-weight:normal; text-indent:0; height:50px;} 
#left .left_dh{ margin-bottom:60px; border:none;}
#left .left_dh ul li{ text-align:left; display:block; margin:0;}
#left .left_dh ul li a{ color:#f5f5f5; line-height:40px; height:40px; border-bottom:1px solid #555; display:block; background:#333; border-radius:0; font-size:14px; text-indent:20px;}
#left .left_dh ul li a:hover{ font-weight:600; background:none; color:#fff; border-color:#555;}
#left .left_dh ul li a.on{ font-weight:600; background:#008c63; color:#fff; border-color:#555;}
#left .left_dh ul dl{ margin-top:10px; padding-bottom:10px;}
#left .left_dh ul dl>dd{ line-height:2;}
#left .left_dh ul dl>dd a{ color:#fff;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}

/*list_news*/
ul.list_news li{ width:100%;}
ul.list_news li dd{ width: calc(100% - 86px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pic_news*/
ul.list_pic_news li{ width:46%; margin:0 2%; margin-bottom:2%;}
ul.list_pic_news li .img{ width:100%; height:100%;}
ul.list_pic_news li img{ width:100%; height:100%;}
ul.list_pic_news li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li p{ padding-top:5px;}

/*list_img_news*/
ul.list_img_news{ margin-top:-5px;}
ul.list_img_news li{ height:auto; padding-bottom:0; padding-top:1px;}
ul.list_img_news li .img{ width:40%; height:100%; margin-right:4%;}
ul.list_img_news li .img img{ width:100%; height:90px;}
ul.list_img_news li span{ margin-top:3%; float:right; width:56%; line-height:1.5; font-size:15px;}
ul.list_img_news li p{ width:56%; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:none;}
ul.list_img_news li:after{ display:block; content:''; height:12px; clear: both; border-bottom:1px solid #eee;}

/*dis_news*/
#dis_news{ width:100%;}
#dis_news img{ height:auto !important;}
#dis_news .news_title{ font-size:15px;}
#dis_news .news_date{ font-size:14px;}

/*list_pro*/
ul.list_pro li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_pro li:nth-child(3n+1){ margin-left:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:100%; padding:0;}
ul.list_pro li img{ width:100%; height:auto;}
ul.list_pro li span{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:5px;}

/*dis_big*/
.dis_big .l{ width:100%; float:none; margin-top:20px;}
.dis_pic{ padding:15px 0;}
.dis_big .r{ width:100%; float:none; margin-top:20px;}
.dis_name{ font-size:16px; padding:10px 0;}
.dis_note{ margin-top:20px;}
.dis_note>.dh>em{ font-size:17px;}
.dis_note>table th{ padding:5px 8px;}
.dis_note>table td{ padding:5px 8px;}

/*list_share*/
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:100%;}
ul.list_share li img{ width:100%; height:auto;}
ul.list_share li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*share_list*/
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(3n+1){ margin-left:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:100%;}
ul.share_list li img{ width:100%; height:auto;}
ul.share_list li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*form*/
.form { width:100%;}
.form .form-group>em{ width:100%;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form input[type="submit"],input[type="reset"]{ width:40%;}

/*pages*/
.pages{ width:94%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center; font-size:14px;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ padding:0px 8px;}
.pages span{ padding:0px 8px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0; background:none;}

/*livechat*/
#livechat{ display:none;}

/*float*/
.float{ display:block;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:0; border:0; margin-bottom:58px;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center; border:0;}
#footer .footer_copy{ margin:0 auto; width:94%; padding:15px 0;}
}