@charset "utf-8";
/* CSS Document */

body, button, input, select, textarea a{ font-size:14px; line-height:24px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, iframe, button, textarea, p, blockquote, th, td, img{ margin: 0;  padding: 0;}
html{color:#333333;margin:0px auto;padding:0px;OVERFLOW-X: hidden; }
fieldset, img, iframe, button{ border:0; text-decoration:none;}
/**:focus { outline: 0;}*/
ol, ul { list-style: none;}
table {  }
caption, { text-align: left;}
header, footer, article, section, nav{display: block;}
a {outline: none; /* for Forefox */ cursor:pointer; text-decoration: none; }
a { /* for Ie*/ }
input{ outline:none; }
em{ font-style:normal;}
input,select,img{ vertical-align:middle;}
textarea{ outline: none; resize:none;}
h1,h2,h3,h4,h5,h6,.fs14 { font-weight:normal;} 
a img{border: none;}
i{ font-style:normal;}
a{ color: #666; }
.fl{float:left}
.fr{float:right}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.g-w{width:100%; min-width:1200px; margin:0 auto; height:auto;}
.g-box{ width:1200px; height:auto; margin:0 auto;}




.top{ width:100%; height:100px;}
.logo{ width:230px; height:70px; padding:15px 0;}
.logo img{ width:230px; height:70px;}

/*nav*/
.nav-con{ width:720px; height:50px; padding:25px 0;}
.nav{height:50px; line-height:50px;  position:relative; z-index:1;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 30px; font-size:15px; color:#666;}
.nav .sub{ display:none; width:110px; left:0; top:50px;  position:absolute; background:#fff; border:1px #ddd solid;  line-height:36px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center;}
.nav .sub a:hover{ color:#005c30;}
.nav .on h3 a{ color:#005c30;}

/*banner*/
.focusBox { position: relative; width:100%; height:600px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0;height:100% !important; width:100% !important;  }
.focusBox .pic li{  height:100% !important; width:100% !important; }
.focusBox .prev,.focusBox .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-50px; left:20px;  background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.focusBox .next{ left:auto; right:30px; background-position:-51px 0; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.focusBox .hd { position: absolute; left:45%; bottom:30px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{display: inline-block;width: 12px;height: 12px;border-radius:50px;background: rgba(221,221,221,1);margin: 0 10px !important;opacity: 1;cursor: pointer;}
.focusBox .hd .on{ background: #f08200;}

/*首页标题*/
.g-tit01{text-align: center;color: #fff;padding: 50px 0;}
.g-tit01-bai{color: #333;}
.g-tit01 h3{font-size: 30px; line-height:40px;}
.g-tit01 p{font-size:14px;}


/*产品中心*/
.row-a2{padding:50px 0; }
.g-tit02{}
.g-tit02 h3{ font-size:30px; line-height:40px;}
.g-tit02 p{ font-size:14px;}
.pr-nav{ padding-top:10px;}
.pr-nav ul li{ float:left;}
.pr-nav ul li a{ font-size:15px; color:#666; height:40px; line-height:40px; display:block; padding:0 20px;}

.PhotoList_i1 { margin-top:50px;}
.PhotoList_i1 li{ width:32%;margin-bottom:25px; float:left; background: #666; transition:all 0.8s ease 0s; }
.PhotoList_i1 li a:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.PhotoList_i1 li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"微软雅黑";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.PhotoList_i1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s; display:none;}
.PhotoList_i1 li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(/images/ico3.png) no-repeat center 70%; background-size:10%;z-index: 1;transition: 0.6s; display:none}
.PhotoList_i1 li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}
.PhotoList_i1 li:nth-of-type(3n-1){ margin:0 2%;}
.PhotoList_i1 li span{ font-size:16px; color:#fff;line-height:50px; text-align:center; height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.PhotoList_i1 li a{position:relative;display:block;overflow:hidden;text-align: center;overflow: hidden; background:#f1f1f1; height:250px;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: block; height:100%; margin:0 auto;}


.sy_js{width:100%; height:730px; background:url(../images/hxbj.jpg) no-repeat center / cover; overflow:hidden;}
.index-about-top{ padding-top:55px;}
.index-about-jj{ width:470px; height:405px; background:#fff; padding:20px 30px 20px 20px;}
.index-about-jj p{ font-size:14px; color:#666; line-height:30px; margin-top:10px;}
.about_more {display: block; width: 121px; height: 41px; box-sizing: border-box; border: 1px solid #c9c9c9; position: relative; transition: all 0.3s; margin-top:20px;}
.about_more span {display: block; width: 34px; height: 1px; background: #c9c9c9; position: absolute; top: 20px; left: 43px; transition: all 0.3s;}
.about_more em {display: block; font-size: 33px; color: #c8c8c8; line-height: 41px; margin-right: -26px; text-align: center; font-family: 宋体; transition: all 0.3s; overflow: hidden;}
.about_more:hover {background: #f08300; border: 1px solid #f08300;}
.about_more:hover span {background: #ffffff;}
.about_more:hover em {color: #ffffff;}
.index-about-pic{ width:680px; height:445px;}
.index-about-bottom{ margin-top:20px;}

.sy_jm{width:100%; padding-bottom:60px; } 
.sy_jm-con{ width:1050px; margin:0 auto;}
.sy_jm .tp{width:20%;height:500px; float:left; position:relative;}
.sy_jm .tp .hb{width:210px; height:381px;}
.sy_jm .tp .wz{width:100%; margin:30px 0; text-align:center; font-size:14px; line-height:26px; color:#666;}
.sy_jm .tp .wz h3{font-size:22px; line-height:30px; margin-bottom:15px;}
.sy_jm .tp .wz a{width: 50px; height: 50px; margin:30px auto 0; display:block;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_jm .tp .wz a img{width: 50px; height: 50px; display:block;}
.sy_jm .tp:hover .wz a{margin-top:50px;}
@media only screen and (max-width:995px){
.sy_jm{padding:2rem 0;}
.sy_jm .tp{width:48%; margin:0 1% 2%; height:auto; padding:3rem 0; float:left; position:relative;}
.sy_jm .tp .hb{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.6);}
.sy_jm .tp .wz{width:80%; position:relative; left:auto%; top:auto; margin-top:0; font-size:1rem; line-height:1.8rem;}
.sy_jm .tp .wz h3{font-size:1.4rem; line-height:2.6rem; margin-bottom:.5rem;}
.sy_jm .tp .wz a{width:3rem; height:3rem; margin:2rem auto 0;}
.sy_jm .tp .wz a img{width:3rem; height:3rem;}
.sy_jm .tp:hover .wz a{margin-top:0;}
}

.index-xbanner{width: 100%;position: relative;overflow: hidden;height:300px;}
.index-xbanner img{display: block;width: 1920px;position: absolute;left: 50%;margin-left: -960px;height:300px;}


.index-newslist{padding-bottom:50px;}


.index-newslist .n-list ul{overflow: hidden;margin: 0 -10px 0 -10px;}
.index-newslist .n-list li{ width:286px; float:left; margin-left:9px; margin-right:10px; margin-bottom:33px; box-shadow:5px 5px 6px #e5e5e5; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.index-newslist .n-list .img{ position:relative; height:200px; width:286px; overflow:hidden}
.index-newslist .n-list .text{ position:relative; padding:0 15px; height:165px; background:#fff;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.index-newslist .n-list .type{  color:#999; line-height:26px; padding-top:11px; display:block; font-size:14px; padding-bottom:3px;}

.index-newslist .n-list .t1{ color:#999; padding:8px 0 10px; padding-left:16px; background:url(../images/nt_icon_2.png) 0 center no-repeat; position:relative}
.index-newslist .n-list .t1 .view{ color:#999; padding:8px 0 10px; padding-left:16px; background:url(../images/nt_icon_1.png) 0 center no-repeat; position:absolute; left:100px; top:0px;}
.index-newslist .n-list .t2{ color:#333; font-size:16px; line-height:22px; margin-bottom:4px; padding-top:20px; height:44px; overflow:hidden;}
.index-newslist .n-list .t3{ color:#999; line-height:19px; height:38px; overflow:hidden}
.index-newslist .n-list .jiao{ background:url(../images/icon_jiao.png) no-repeat; width:8px; height:15px; position:absolute; bottom:30px; right:23px; }
.index-newslist .n-list li:hover{ box-shadow:5px 5px 12px #ccc  }
.index-newslist .n-list li:hover .t2 { color:#e60012 }
.index-newslist .n-list li:hover .jiao{ background-image:url(../images/icon_jiao_hover.png)}




/*  页脚  */
.footer {min-width: 1200px; background: #333;}
.footer_t {min-width: 1200px;  border-bottom: 1px solid #2e2e2e;}
.footer_t_l {display: block; height: 70px; overflow: hidden;}
.footer_i_l {margin-top:40px; margin-right: 200px;}
.footer_i {height:228px;}
.footer_i_i {margin-top:60px; width:600px;}
.footer_i_i p {}
.footer_i_i p a {font-size: 15px; margin-right:30px; color:#888;}
.footer_i_i ul {display: block; margin-top: 20px;}
.footer_i_i ul li {display: block; width: 240px; float:left; font-size: 14px; color: #787878; line-height:36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.footer_i_r {margin-top:40px;}
.footer_i_r_b {width: 140px; height: 140px; box-sizing: border-box; border: 1px solid #2e2e2e; padding: 14px;}
.footer_i_r p {font-size: 14px; color: #a4a4a4; line-height: 40px; text-align: center;}
.footer_b {min-width: 1200px; height: 50px; border-top: 1px solid #5d5c5c;}
.footer_b_l {font-size: 13px; color: #666; line-height: 50px;}
.footer_b_l p{ text-align:center;}
.footer_b_l p { color: #666;}


/*内页banner*/
.xbanner{width: 100%;position: relative;overflow: hidden;height:320px;}
.xbanner img{display: block;width: 1920px;position: absolute;left: 50%;margin-left: -960px;height:320px;}

/*内页二级nav*/

.header-breadNav{ height: 70px;border-bottom: 1px solid #e5e5e5;}
.header-breadNav a, .header-breadNav span {line-height: 70px;font-size: 13px;color: #666;}
.header-breadNav .left {background: url(../images/inco13.png) 0 29px no-repeat;vertical-align: middle; padding-left:25px;}
.header-breadNav .family-tab li {float: left;margin:15px 10px;}
.header-breadNav .family-tab li a {font-size: 15px;color: #666;display: block; background:#eee;line-height:24px;padding:7px 20px; border-radius: 5px;}
.header-breadNav .family-tab li a.on {color: #fff;background:#006761;}


.page_body{ margin-top:40px; margin-bottom:40px;}

/*关于我们*/
.about-abt img{ margin-bottom:20px;}
.about-abt h2{ font-size:24px; line-height:36px; margin-top:20px; margin-bottom:30px; }
.about-abt p{ font-size:15px; line-height:30px; color:#555; margin-bottom:15px;}
.about-abb{ margin-top:50px;}

.about-wh-left{ width:600px;}
.about-wh-left h2{ font-size:30px; line-height:40px;}
.about-wh-left h3{ font-size:18px;line-height:40px; color:#666;}
.about-wh-left p{ font-size:14px;line-height:30px; margin-top:10px;}
.about-wh-right{ width:530px; padding-top:100px;}

.honour li { margin-bottom: 35px; vertical-align: top; margin-left: 1%; line-height: normal; font-size: 14px; display: inline-block; width: 23.3%; text-align: center; }
.honour-img { height: 270px; overflow: hidden; width: 100%; max-height: 350px; height: 30vw; min-height: 150px; border: 1px solid #e5e5e5; padding: 10px 0; }
.honour-img img { width: auto; height: auto; max-height: 98% !important; vertical-align: middle; max-width: 98% !important; display: inline-block; margin: 0 auto; transition: 0.8s linear 0s; }
.honour li:hover .honour-img img { transform: scale(1.1); transition: 0.8s ease 0s; }
.honour-img:before { vertical-align: middle; display: inline-block; height: 100%; content: ''; transition: 0.5s linear 0s; }
.honour li p { line-height: normal; margin-top: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }


/*新闻中心*/
.newslist ul{overflow: hidden;margin: 0 -10px 0 -10px;}
.newslist li{ width:286px; float:left; margin-left:9px; margin-right:10px; margin-bottom:33px; box-shadow:5px 5px 6px #e5e5e5; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.newslist .img{ position:relative; height:200px; width:286px; overflow:hidden}
.newslist .text{ position:relative; padding:0 15px; height:165px; background:#fff;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.newslist .type{  color:#999; line-height:26px; padding-top:11px; display:block; font-size:14px; padding-bottom:3px;}

.newslist .t1{ color:#999; padding:8px 0 10px; padding-left:16px; background:url(../images/nt_icon_2.png) 0 center no-repeat; position:relative}
.newslist .t1 .view{ color:#999; padding:8px 0 10px; padding-left:16px; background:url(../images/nt_icon_1.png) 0 center no-repeat; position:absolute; left:100px; top:0px;}
.newslist .t2{ color:#333; font-size:16px; line-height:22px; margin-bottom:4px; padding-top:20px; height:44px; overflow:hidden;}
.newslist .t3{ color:#999; line-height:19px; height:38px; overflow:hidden}
.newslist .jiao{ background:url(../images/icon_jiao.png) no-repeat; width:8px; height:15px; position:absolute; bottom:30px; right:23px; }
.newslist li:hover{ box-shadow:5px 5px 12px #ccc  }
.newslist li:hover .t2 { color:#e60012 }
.newslist li:hover .jiao{ background-image:url(../images/icon_jiao_hover.png)}

.newsdisplay {width:100%;text-indent:2em;}
.newsdisplay h3 { width:100%; text-align:center; font-size:24px; color:#333; line-height:36px;}
.newsdisplay h4{ width:100%; text-align:center;  font-size:12px; color:#bbb; margin-bottom:20px; padding:8px 0 15px; border-bottom:1px dashed #bdbdbd;}
.newsdisplay p{ font-size:14px; color:#666; line-height:33px; }

.next{ width:100%;  margin:30px 0 0;}
.next .next-left{ width:calc(100% - 80px);text-align:left;}
.next .next-left span { width:100%; display:block;float:left; line-height:30px; color:#666; font-size:14px; font-weight:300; text-indent:0 !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.next .next-left span a{ text-decoration:none; color:#666;} 
.next .next-left span a:hover{ color:#1e64bc;}
.next span { float:right; font-size:14px; font-weight:300; margin-right:40px;}
.next span a{ color:#666; padding:15px 0 0 0;}
.next span a:hover{color:#1e64bc;}

.page_main {
    text-align: center;
    margin: 0 auto;
}

/*产品中心*/

.product-con{ padding-top:10px;}
.product-con h2{ font-size:20px; line-height:50px; font-weight:bold; text-align:center; padding-bottom:30px;}
.product-con .show-pic{ width:600px; margin:0 auto;}


/*销售网络*/
.xswl .bt{text-align:center; color:#333; font-size:30px; line-height:40px; font-weight:normal; margin-bottom:30px;}
.xswl .bt span{font-size:14px; color:#b1b1b1; display:block;}
.xswl .bt p{font-size:14px; color:#b1b1b1; line-height:24px; margin-top:15px;}
.xswl .bt p i{display:block;}
.xswl img{width:1100px; height:auto; display:block; margin:0 auto;}


/*招商加盟*/


.advantage-lis{width: 1200px;overflow: hidden;}
.ad-tit{text-align: center;color: #605b54;padding:20px 0;}
.ad-tit h3{font-size: 36px; font-weight:bold; line-height:40px;}
.ad-tit p{font-size:14px;}
.advantage-lis ul {width: 1222px;}
.advantage-lis ul li{width: 273px;height: 520px;float: left;margin:0 13px;}
.advantage1 p,.advantage3 p{color: #322a00;font-size: 14px;width: 220px;margin: 30px auto 0;line-height: 24px;}
.advantage1 h3,.advantage3 h3{color: #322a00;font-size: 24px;margin: 140px auto 0;letter-spacing: 1px;font-weight: bold;text-align: center;}
.advantage2  p,.advantage4 p{    color: #fff;font-size: 14px;width: 220px;margin: 30px auto 0;line-height: 24px;}
.advantage2 h3,.advantage4 h3{color: #fff;font-size: 24px;margin: 140px auto 0;letter-spacing: 1px;font-weight: bold;text-align: center;}
.advantage1{background: url(../images/ad1.png) no-repeat top center;}
.advantage2{background: url(../images/ad2.png) no-repeat top center;}
.advantage3{background: url(../images/ad3.png) no-repeat top center;}
.advantage4{background: url(../images/ad4.png) no-repeat top center;}
.join-con{ margin-top:50px;}
.tel{ width: 513px;height: 166px;margin-right:110px; background: url(../images/tel.jpg) no-repeat;}
.tiaojian-tit{width: 32px;height: 133px;color: #fdfbf7;font-size: 18px;line-height: 30px;background: #08993b;text-align: center;border-radius: 25px; padding-top: 5px;margin-top: 13px; margin-right: 15px;}
.tiaojian p{margin-top: 5px;color: #807a72;font-size: 14px;}
.youshi{ width:695px;}
.advantage-tit span em{color: #605b54;font-size: 22px;}
.advantage-tit span{color: #605b54;font-size: 40px;line-height: 38px;font-weight: bold;}
.advantage-wrap{margin: 75px 0 0 0;}
.advantage-wrap ul li{color: #fefcf8;font-size: 14px;margin-top: 12px;}
.advantage-wrap ul li em{width:36px;height:36px;background: #40a100;font-size: 14px;font-weight: bold;line-height:36px;text-align: center;display: inline-block;color: #fff;*display: inline;*zoom: 1;}
.advantage-wrap ul li span{height:36px;line-height:36px; padding: 0 13px 0 8px;display: inline-block;*display: inline;*zoom: 1; background: #86cd57;}
.wood{width: 505px;height: 430px;background: url(../images/wood.png) no-repeat right center;}
.liucheng{margin: 50px 0 0 0;}
.liucheng h3{color: #605b54;font-size: 40px;font-weight: bold;line-height: 38px;}
.jiameng-content {width: 1100px;overflow: hidden;margin: 33px 0 0 0;}
.jiameng-content ul {width: 1200px;margin: 0 0 0 10px;background: url(../images/jt.png) no-repeat 0 50px;}
.jiameng-content ul li {float: left;width: 115px;height: 115px;border-radius: 115px;border: 1px dashed #109047;background: #f9f6f1;margin: 0 42px 0 0;}
.jiameng-content ul li span {display: block;text-align: center;line-height: 42px;color: #098d42;font-size: 19px;font-weight: bold;margin-top: 10px;}
.jiameng-content ul li p {color: #109047;font-size: 15px;text-align: center;}




/* 联系我们*/

.contact{padding-top:0px;}
.contact h2{ font-size:24px; color:#333; line-height:50px; text-align:center;}
.contact span{ font-size:14px; color:#666; line-height:30px; text-align:center; display:block;}
.contact .lxfs{ margin-top:20px;}
.contact .lxfs p{ font-size:15px; text-align:center; line-height:40px;}