@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img{margin:0;padding:0;}
body,button, input, select, textarea {font:14px "Microsoft Yahei","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;color:#4c4c4c;}
body {min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#4c4c4c;transition:all 0.3s;}
a:hover {color:#019e97;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
.fl { float:left;}
.fr { float:right;}
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
.wrap {width:1200px;margin:0 auto;}
.ovh {overflow:hidden;}
table {border-collapse:collapse;}
.mt30 {margin-top:30px;}


/*header*/
.header {background:url(../images/header_bg.jpg) no-repeat 50% 0;height:119px;box-shadow:0 0 15px rgba(0,0,0,0.5);position:relative;z-index:5;}
.logo {float:left;margin:15px 0 0 5px;}
.h_nav {float:right;width:670px;}
.h_tel {float:right;font-size:18px;color:#fff;height:40px;line-height:40px;}
.h_tel i {display:inline-block;vertical-align:top;width:26px;height:20px;background:url(../images/tel.png) no-repeat;margin-right:8px;margin-top:9px;}
.nav,.nav ul {float:left;width:100%;}
.nav li {float:left;width:70px;margin-left:40px;}
.nav li a {display:block;width:70px;height:79px;line-height:79px;font-size:16px;color:#333;text-align:center;position:relative;white-space:nowrap;}
.nav li a::after {content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#019e97;transition:all 0.5s;}
.nav li a:hover,.nav li a.active {color:#019e97;}
.nav li a:hover::after,.nav li a.active::after {width:100%;}


.banner_slide{position:relative;}
.banner_slide .hd{ width:100%;height:30px; overflow:hidden; position:absolute;left:0;bottom:0; z-index:2;}
.banner_slide .hd ul{ overflow:hidden; zoom:1;text-align:center;}
.banner_slide .hd ul li{ display:inline-block;vertical-align:top;margin:0 5px; width:15px; height:15px;border-radius:15px; text-indent:-9999px;border:2px solid #fff;background:#ccc; cursor:pointer;transition:all 0.3s;}
.banner_slide .hd ul li.on{ background-color:#019e97;}
.banner_slide .bd{ position:relative;}
.banner_slide .bd li img {width:100%;}
.banner_slide .prev,.banner_slide .next{position:absolute;top:50%;margin-top:-25px; display:block;width:50px;height:50px;transition:none;}
.banner_slide .prev{background:url(../images/ban_prev.png) no-repeat;left:20px;}
.banner_slide .next{background:url(../images/ban_next.png) no-repeat;left:auto;right:20px;}



/*index*/
.secpad {padding:30px 0 40px;}
.pad50 {padding-top:50px;}
.index_tit {text-align:center;}
.index_tit h2 {font-size:30px;color:#019e97;}
.tit_line {height:3px;background:url(../images/tit_line1.png) no-repeat 50% 0;margin:8px 0;}
.index_tit p {font-size:18px;text-transform:uppercase;color:#d4bd74;}


.product {background:#ececec url(../images/pro_bg.jpg) no-repeat 50% 0;height:2700px;}
.product .index_tit {margin:50px 0 45px 0;}
.pro_pj {float:left;width:380px;text-align:center;}
.pro_pj li {display:inline-block;vertical-align:top;width:160px;height:180px;margin:10px 13px 0;transition:all 0.3s;}
.pro_pj li img {width:160px;height:120px;}
.pro_pj li h6 {color:#808080;padding-top:10px;}
.pro_cp {float:right;width:740px;}
.pro_cp_pic {float:left;width:280px;}
.pro_cp_pic img {width:100%;height:380px;}
.pro_cp_txt {float:right;width:447px;}
.pro_cp_txt h5 {font-size:24px;color:#000;margin-top:30px;}
.pro_cp_txt h6 {font-size:18px;color:#808080;}
.pro_line {width:60px;height:2px;background-color:#d4bd74;margin:10px 0;}
.pro_cp_des {
    color: #333;
    line-height: 1.5;
    height: 210px;
}
.pmore {display:block;width:114px;height:26px;line-height:26px;text-align:center;color:#fff;background-color:#555;border-radius:3px;margin-top:12px;}
.pro2 ,.pro3  .pro5{margin-top:40px;margin-bottom:33px;}

.pro4 {margin-top:30px;margin-bottom:33px;}
.pro6 {margin-top:10px;margin-bottom:20px;}
.pro2 .pro_pj,.pro6 .pro_pj {float:right;}
.pro2 .pro_cp,.pro6 .pro_cp  {float:left;}
.pro2 .pro_cp_pic,.pro6 .pro_cp_pic {float:right;}
.pro2 .pro_cp_txt,.pro6 .pro_cp_txt {float:left;}

.pro4 .pro_pj {float:right;}
.pro4 .pro_cp {float:left;}
.pro4 .pro_cp_pic{float:right;}
.pro4 .pro_cp_txt{float:left;}


.pro_pj li:hover {transform:translateY(-5px);}
.pro_pj li:hover h6 {color:#000;}
.pro_cp_pic img:hover {box-shadow:0 0 15px rgba(0,0,0,0.5);}
.pro_cp_txt h5:hover {color:#019e97;}
.pmore:hover {background-color:#333;}
.pro2 .pro_pj li,.pro3 .pro_pj li,.pro6 .pro_pj li {height:140px;margin:0 13px;}
.pro2 .pro_pj li h6,.pro3 .pro_pj li h6,.pro6 .pro_pj li h6  {padding-top:0;}
.pro3 .pro_cp_txt h5 {margin-top: 40px;}

.prohwc01 ul li:nth-child(n+5) { display: none;}

.about_tit {margin:20px 0;}
.about_line {height:1px;background-color:#d2d2d2;}
.about_txt {margin:15px 0;}
.about_txt p {margin-bottom:15px;text-indent:2em;line-height:1.7;font-size:16px;}
a.amore {float:right;display:block;width:114px;height:26px;line-height:26px;text-align:center;color:#fff;background-color:#019e97;border-radius:3px;}
a.amore:hover {background-color:#333;}
.about_pic {margin:20px 0 40px;}
.about_pic li {float:left;width:285px;margin:0 7px;transition:0.3s;}
.about_pic li img {width:100%;height:180px;}
.about_pic li:hover {transform:translateY(-5px);box-shadow:0 0 10px rgba(0,0,0,0.5);}


.video {background-color:#eee;}
.video_big {float:left;width:480px;height:380px;overflow:hidden;}
.video_big a {display:block;position:relative;height:380px;}
.video_big a img {width:100%;height:380px;transition:all 0.5s;}
.video_big a i {display:block;background:url(../images/play2.png) no-repeat;width:80px;height:80px;position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-40px;}
.video_big a:hover img {transform:scale(1.3);}
.video_small {float:right;width:710px;height:380px;overflow:hidden;}
.video_small li {float:left;width:230px;height:183px;overflow:hidden;margin:0 3px 14px;}
.video_small li a {display:block;position:relative;height:183px;}
.video_small li a img {width:100%;height:183px;transition:all 0.5s;}
.video_small li a i {display:block;background:url(../images/play.png) no-repeat;width:39px;height:39px;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;}
.video_small li a:hover img {transform:scale(1.3);}

.honor {background:#ececec url(../images/honor_bg.jpg) no-repeat 50% 0;height:583px;}
.honor .index_tit {margin:30px 0;}
.honor .index_tit h2 {color:#fff;}
.honor .tit_line {background-image:url(../images/tit_line2.png);}
.honor_slide {position:relative;}
.honor_slide .bd {position:relative;height:398px;overflow:hidden;}
.honor_slide .bd li {float:left;width:284px;height:398px;margin:0 8px;}
.honor_slide .bd li a {display:block;}
.honor_slide .bd li img {width:100%;height:398px;}
.honor_slide .prev,.honor_slide .next{position:absolute;top:50%;margin-top:-15px; display:block;width:30px;height:30px;transition:none;}
.honor_slide .prev{background:url(../images/arr_l.png) no-repeat;left:0;}
.honor_slide .next{background:url(../images/arr_r.png) no-repeat;left:auto;right:0;}


.news_list li {float:left;width:380px;margin:0 10px 20px;}
.news_list li a {display:block;}
.news_pic {height:220px;overflow:hidden;}
.news_pic img {width:100%;height:220px;transition:all 0.3s;}
.news_txt {height:200px;border:1px solid #019e97;border-radius:0 0 3px 3px;border-top:none;color:#808080;padding:20px 15px 0;}
.news_txt h6 {font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_line {width:106px;height:1px;margin:8px 0;background-color:#019e97;}
.news_txt p {line-height:1.8;height:80px;}
.news_txt span {display:block;margin-top:15px;}
.news_txt span i {display:inline-block;margin-right:8px;margin-bottom:-3px;background:url(../images/time.png) no-repeat;width:18px;height:18px;}
.news_list li a:hover .news_pic img {transform:scale(1.3);}
.news_list li a:hover .news_txt {background-color:#019e97;color:#fff;}
.news_list li a:hover .news_line {background-color:#d4bd74;}
.news_list li a:hover .news_txt span i {background:url(../images/timeh.png) no-repeat;}


/*footer*/
.footer {background-color:#019e97;color:#fff;}
.footer a {color:#fff;}
.footer a:hover {text-decoration:underline;}
.f_fast {padding:20px 0 12px;}
.f_cont {float:left;width:420px;}
.f_cont p {line-height:2;padding:10px 0 0 85px;}
.f_navform {float:right;width:600px;} 
.f_nav {border-bottom:1px solid #fff;padding-bottom:10px;margin:35px 0 15px 0;}
.f_nav li {float:left;width:100px;text-align:center;border-right:1px solid #fff;}
.f_nav li:last-child {border:none;}
.f_nav li a {font-size:16px;}
.f_form h6 {font-size:16px;}
.f_input {float:left;width:48%;margin-top:10px;}
.f_input input {width:100%;height:26px;line-height:26px;padding:0 10px;border:none;border-radius:3px;}
.f_fr {float:right;}
.f_textarea {float:left;width:100%;margin-top:10px;}
.f_textarea textarea {width:100%;height:80px;outline:none;padding:10px;border:none;border-radius:3px;}
.f_button {float:left;width:100%;margin-top:12px;text-align:right;}
.f_button button {width:114px;height:26px;line-height:26px;text-align:center;background-color:#d4bd74;color:#fff;border:none;border-radius:3px;}
.f_button button:hover {background-color:#333;}
.f_copy {text-align:center;padding:12px 0;border-top:1px solid #e5e5e5;}

.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:52px;z-index:99;background-color:#000;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;background:url(../images/backtop.png) no-repeat center top;height:16px;width:100%;margin-top:8px;}
.backToTop:hover {opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;}


/*news*/
.secpad2 {padding-bottom:35px;}
.breadnav {background-color:#aaabab;color:#fff;padding:10px 0;}
.breadnav img {vertical-align:bottom;margin-right:10px;}
.breadnav a {color:#fff;}
.breadnav a:hover {text-decoration:underline;}
.catname {text-align:center;font-size:30px;margin:30px 0;color:#019e97;}
.subnav {text-align:center;margin:25px 0;}
.subnav li {display:inline-block;text-align:center;margin:0 8px;}
.subnav li a {display:block;height:33px;line-height:33px;padding:0 50px;background-color:#aaabab;color:#fff;font-size:16px;border-radius:36px;}
.subnav li a:hover,.subnav li a.active {background-color:#019e97;}

#pages {margin:25px 0;text-align:center;clear:both;}
#pages a,#pages span {display:inline-block;text-align:center;padding:0 12px;height:33px;line-height:33px;margin:0 2px;font-size:15px;border:1px solid #aaa;border-radius:4px;color:#666;}
#pages a:hover,#pages span {border-color:#019e97;color:#019e97;}
#pages span {background-color:#019e97;color:#fff;}


.show_tit {font-size:26px;text-align:center;margin:35px 0 10px;}
.show_des {color:#999;text-align:center;margin-top:8px;}
.show_des span i {display:inline-block;vertical-align:top;width:18px;height:18px;background:url(../images/time.png) no-repeat;margin-right:8px;}
.show_con {padding:20px 15px;margin:8px 0 15px;color:#666;font-size:16px;line-height:1.6;border-top:1px solid #ccc;}
.show_con p,.show_con div {margin-bottom:15px;}
.show_con img {max-width:100%;height:auto !important;}

.spage {background-color:#eee;padding:10px 15px;}
.spage p {font-size:16px;line-height:2;}
.spage p a {color:#555;}
.spage p a:hover {text-decoration:underline;}


/*honor*/
.honor_list li {float:left;width:284px;margin:0 8px 15px;}
.honor_list li a {display:block;}
.honor_list li img {width:100%;height:398px;}
.honor_list li h6 {font-size:16px;text-align:center;height:33px;line-height:33px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.honor_list li a:hover {transform:translateY(-5px);box-shadow:0 0 10px rgba(0,0,0,0.5);}


/*plant*/
.plant_list li {float:left;width:285px;margin:0 7px 15px;}
.plant_list li a {display:block;}
.plant_list li img {width:100%;height:180px;}
.plant_list li h6 {font-size:16px;text-align:center;height:33px;line-height:33px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.plant_list li a:hover {transform:translateY(-5px);box-shadow:0 0 10px rgba(0,0,0,0.5);}


/*video*/
.v_list li {float:left;width:230px;margin:0 3px 14px;}
.v_list li a {display:block;}
.v_pic {position:relative;height:183px;overflow:hidden;}
.v_pic img {width:100%;height:183px;transition:all 0.5s;}
.v_pic i {display:block;background:url(../images/play.png) no-repeat;width:39px;height:39px;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;}
.v_list li h6 {text-align:center;line-height:2.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v_list li a:hover .v_pic img {transform:scale(1.3);}

.show_video iframe {width:800px;height:600px;margin:0 auto;display:block;}

/*product*/
.pro_list ul li {float:left;width:280px;margin:0 10px 20px;}
.pro_list ul li a {display:block;border:1px solid #019e97;}
.pro_list ul li img {width:100%;height:380px;}
.pro_list ul li h6 {font-size:16px;text-align:center;height:40px;line-height:40px;background-color:#019e97;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_list ul li h6 span {display:block;color:#ccc;font-size:14px;}
.pro_list ul li a:hover {border-color:#333;box-shadow:0 0 15px rgba(0,0,0,0.3);transform:translateY(-3px);}
.pro_list ul li a:hover h6 {background-color:#333;}


.showp_imgs {float:left;width:510px;position:relative;border: 1px solid #dcdddd;padding:4px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:20px;margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
.showpage { width:500px; position:relative;}
.showpage a { display:block; width:20px; border:1px solid #ddd; height:90px; line-height:90px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-92px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.showp_text {float:right;width:630px;}
.showp_text .show_tit {text-align:left;color:#000;}
.showp_text p {font-size:18px;color:#808080;}
.sp_des {margin-top:20px;}
.sp_des {font-size:16px;line-height:1.8;}
.sp_pj {margin-top:20px;}
.sp_pj li {float:left;width:160px;margin:15px 15px 0 0;text-align:center;border:1px solid #eee;}
.sp_pj li img {width:160px;height:120px;}
.sp_pj li h6 {color:#808080;padding-top:5px;padding-bottom:5px;}
.showp_ctit {background-color:#646466;font-size:20px;color:#fff;padding:10px 20px;margin-top:30px;}
.sp_con {border:none;}


/*download*/
.download_list li {float:left;width:48%;height:40px;line-height:40px;border-bottom:1px dotted #ddd;margin:0 1%;}
.download_list li h6 {float:left;width:460px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.download_list li span {float:right;display:block;color:#808080;}
.download_list li span i {display:inline-block;vertical-align:middle;width:18px;height:18px;background:url(../images/time.png) no-repeat;margin-right:6px;}


.show_down {border-top:1px dotted #ccc;margin-top:10px;padding:15px 0 10px;font-size:18px;}
.show_down span {color:#019e97;}
.show_down a {margin-right:10px;}


/*contact*/
.c_txt {float:left;width:520px;padding:40px 0 0 40px;}
.c_txt h5 {font-size:26px;margin-bottom:35px;}
.c_txt p {line-height:2.6;font-size:16px;}
.c_map {float:right;width:660px;}

