@charset "utf-8";
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{outline:none;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cr,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}


/*首页*/
.header{padding: 1% 4%;height: auto;background: #fff;box-shadow: none;width: 92; position: relative;}
.header .logo{ width: 45%;}
.header .logo img{ width: 100%;}
.header .menu{ cursor:pointer; margin-top: 2%; width: 8%;}
.header .menu img{ width: 100%;}
.header .menu .menu_sub{width:50vmin;width:100%; position:absolute; right:0; top:100%; z-index:10000; background-color:#f4f4f4; display:none;}
.header .menu .menu_sub li{ float:left;width:100%; padding:10px 0px; text-align:center; border-bottom:1px solid #d3d3d3; text-align:center; overflow:hidden;}
.header .menu .menu_sub li a,.header .menu .menu_sub li a:hover{ color:#178758; font-size:20px;}
.ss_div{width:94%; background: #178758; padding: 1% 3%;}
.ss_div .i_ss{width:100%; padding:1vmin 0%  1vmin 0%; height:6vmin; background-color:#fff; border-radius: 100px;}
.ss_div .i_ss_ipt{width:88%; height:6vmin; line-height:6vmin; text-indent:15px; color:#333; font-size:3vmin; font-family:"微软雅黑"; background-color:transparent;border:none; }
.ss_div .i_ss_btn{width:11%; height:6vmin;background:url(../imgs/ss_btn.png) center no-repeat; background-size:50% 5vmin; border:0px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #555;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #555;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #555;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #555;
}
.banner{}
.banner ul li{ zoom:1; vertical-align:middle; }
.banner ul li a img{ width:100%;height:auto;display:block;}
.udf_service ul{font-size: 0; padding: 4% 2%;}
.udf_service ul li{padding: 15px 0;width:25%;display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.udf_service ul li img{ display: block; margin: 0 auto;}
.udf_service ul li p{font-size: 18px;color: #178758;}
.product{width: 96%; margin: 0 auto;}
.title{ height: 54px; line-height: 54px; background: url(../imgs/line.png) repeat-x; }
.title p{ color: #fff; font-weight: bold;font-size: 18px;background: url(../imgs/dian.png) 10px center no-repeat; padding-left: 30px;}
.title .more{ padding-right: 2%;}
.swiper-container {
        width: 100%;
        height: 100%;
    }
.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;
    }
.pro_show{ margin: 3% 0;}
.swiper-slide a{ color: #646262; background: #e7edeb;}
.swiper-slide a p{ padding: 2% 0;font-size: 16px;font-size: 3.5vmin; }
.swiper-slide a img{ width: 100%;}

.youshi{ width: 96%; padding: 3% 2%;}
.gg{ text-align: center; width: 100%;}
.gg img{ display: block; margin: 0 auto; max-width: 87%;}
.youshi ul{ margin-top: 5%; margin-left: -10px;}
.youshi ul li{ width:48%; float: left; margin-left:2%; margin-bottom: 10px;}
.youshi ul li:nth-child(2n+1){ clear: left;}
.youshi ul li:nth-child(5){ display: none;}
.youshi ul li i{ width: 100%; overflow: hidden; display: block;}
.youshi ul li i img{ width: 100%;}
.youshi ul li p{ text-align: center; margin: 2% 0; font-size: 14px; color: #676767;}
.youshi ul li p b{ color:#017e4c; font-size:18px;}

.news{width: 96%; margin: 0 auto;}
.news_one{ padding:3% 0; border-bottom:1px solid #ddd;}
.news_one .news_tu{ width:35%; overflow:hidden; display:block;height: 20vmin;}
.news_one .news_tu img{ width:100%;}
.news_one .news_nei{ width:60%;}
.news_one .news_nei p{ font-size:20px; color:#333; font-weight: bold;font-size:3.2vmin;}
.news_one .news_nei span{ font-size:18px; color:#666; font-size:2.6vmin;display:block; margin-top:2%;}
.news_one .news_nei a{  display:block; width:90px; height:25px; line-height:25px; text-align:center; color:#fff; background:#78b327; font-size:18px;border-radius:100px;}
.news_two{ height:5vmin; line-height:5vmin; color:#999; border-bottom: 1px dashed #cfd2d3; padding: 2% 0;font-size:3vmin;}
.news_two a{font-size:18px; color:#797a7b;font-size:3vmin; background: url(../imgs/san.png) left center no-repeat; padding-left: 20px;}
.news_two a:hover{ color:#178758;}
.ckgd{ width: 100%; margin-top: 4%;}
.ckgd a{ width: 100%; background: #178758; padding: 2% 0; text-align: center; display: block; color: #fff; font-size: 20px; font-size: 3.4vmin;}
.footer{ width: 100%; padding: 5% 0 20% 0; background: #444;}
.footer a{ width: 100%;color: #fff}
.footer a img{ display: block; margin: 0 auto; max-width: 60%;}
.footer p{ text-align: center; color: #fff; font-size: 20px; font-size: 3vmin;}
.flow{position: fixed;bottom: 0px;width: 100%;padding: 2% 0;background: #178758; z-index: 999;}
.flow a{display: block;float: left;width: 33.333%;text-align: center;box-sizing: border-box; font-size:20px; font-size: 2.4vmin; color:#fff; padding-top:24px;}
.flow a.fo1{ background:url(../imgs/footer.png) top center no-repeat;}
.flow a.fo2{ background:url(../imgs/footer1.png) top center no-repeat;}
.flow a.fo3{ background:url(../imgs/footer2.png) top center no-repeat;}


.fanhui{ width: 96%; background: #067e4c; padding:1% 2%; color: #fff;}
.fanhui a{ font-size: 24px; font-size: 4vmin; color: #fff}
.fanhui span{font-size: 24px; font-size: 4vmin; margin-left: 32%;}

.banner_nei{ width: 100%;}
.banner_nei img{ width: 100%;}
.nav_sub{ width: 100%; margin: 4% 0;}
.nav_sub a{ width: 31%; border: 1px solid #e6e6e6; color: #067e4c; font-size: 26px; font-size: 3.6vmin; padding: 1% 0; display: inline-block; text-align: center;margin: 1% 0 0 1%;}
.nav_sub a.on{ background: #067E4C; color: #fff;border: 1px solid #067E4C;}
.anli{width: 100%; padding: 0 0 3% 0;overflow: hidden;}
.anli li{ float:left; width: 29%; overflow: hidden; margin:2%; text-align: center;}
.anli li p{ width: 100%; max-height: 36vmin; overflow: hidden;}
.anli li p img{width: 100%;}
.anli li span {	font-size: 24px;color: #fff;font-size: 3vmin;height: 6vmin;line-height: 6vmin;overflow: hidden;display: block; background: #178758;}
.view_more{ display: block; width: 35%; margin:5% auto;text-align: center; background: #178758; line-height: 7vmin; color: #fff; font-size: 24px; font-size: 3vmin; border-radius: 1000px;clear: both;}
.cptp{ width: 96%; margin: 2% auto;}
.cptp img{ width: 100%; height: auto !important;}
.cp_detail{ width: 96%; margin: 0 auto;}
.cp_detail{width: 96%; margin: 2% auto; overflow: hidden;}
.cp_title{ width: 100%; border-bottom: 1px solid #0b7c4a;}
.cp_title span{ background: #0b7c4a; padding: 0 20px; font-size: 18px; color: #fff; height: 40px; line-height: 40px; display: inline-block;}
.cp_detail img{ max-width: 100% !important;}
.picMarquee-left{ width:100%; height: 141px; overflow:hidden; position:relative; margin: 3% auto;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-right: 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; width:129px; height:141px; display:block;}
.picMarquee-left .bd ul li .pic img{ width: 100%;}
.company{width: 94%; margin: 2% auto;}
.company img{ max-width: 100%;}
.teach{padding-bottom: 3%;}
.teach_one{ width: 94%; padding: 3%;overflow: hidden; border-bottom: 1px #b2b2b2 dashed;}
.teach_one .tea_tu{ display: block; width: 28%;}
.teach_one .tea_tu img{ width: 100%;}
.teach_one .tea_wz{ width: 68%;}
.teach_one .tea_wz a{ font-size: 24px; color: #333; font-size: 3.6vmin;}
.teach_one .tea_wz p{ font-size: 16px; color: #666; font-size: 2.4vmin; margin-top: 3%;}


.de_xq{width: 96%; margin: 0 auto;}
.de_title{width: 98%; border-bottom: 1px #eee solid; text-align: center;}
.de_title p{ font-size: 30px; color: #333; font-size: 4.5vmin; padding: 2%; font-weight: bold;}
.de_title span{ font-size: 14px; color: #888; padding-bottom: 2%; }
.tea_detail{border-bottom: 1px #eee solid; padding: 3%; width: 94%;}
.tea_detail img{  width: 100%!important; height: auto!important;}
.fanye{width:100%; padding:10% 0 100px 0; text-align:center;}
.fanye a{width:72%; margin-bottom:4.2vmin; border:1px solid #bbbbbb; height:9vmin; line-height:9vmin; display:inline-block; overflow:hidden; color:#333333; font-size:3vmin; text-align:center;}
.fanye a:hover{ border:1px solid #178758; background-color:#178758; color:#fff; text-decoration:none;}



.pro_bg{ padding: 4% 0; width: 96%; margin: 0 auto;}
.tousu{ margin: 0 2%;}
.tousu .ts_title{ font-size: 16px; color: #525151; margin-bottom: 20px;}
.tousu .ts_title p{ font-size: 20px; color: #0b7c4a; margin-bottom: 4px;}
.tousu .name{ font-size: 16px; color: #343434; margin-bottom: 20px;}
.tousu .name input{ width: 240px; height: 28px; border: 1px solid #bbb; padding-left: 10px;}
.tousu .name textarea{ width: 80%; height: 208px; border: 1px solid #bbb; padding-left: 10px;}
.tousu .tj{}
.tousu .tj input{ width: 84px; height: 30px; background: #0b7c4a; color: #fff; font-size: 14px; border: none; cursor: pointer;}


.example{ margin: 0 auto;}
.example li{ float: left; width: 31%;margin:1% 1% 3% 1%;}
.example li i{ width: 100%; max-height: 200px; overflow: hidden; display: block;}
.example li i img{ width: 100%;}
.example li p{ font-size: 20px; font-size: 3vmin; color: #151515; text-align: center; margin-top: 10px;}






.link{ width: 100%;background: #f0f0f0; padding: 3% 0; display: none;}
.link p{ margin-bottom: 3%; font-size: 16px; color: #555;}
.link ul{ text-align: center;}
.link ul li{ float: left; width: 23%; overflow: hidden; margin:1%;}
.link ul li a img{ width: 100%;}