@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*/

.top{ width:100%; height:100px; background:#fff;}
.logo{ width:360px; height:70px; padding:15px 0;}
.logo img{ width:360px; height:70px;}

/*nav*/
.nav-con{ width:800px; 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 18px; font-size:16px; color:#333;}
.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:#2bad6f;}
.nav .on h3 a{ }

/*banner*/
.focusBox { position: relative; width:100%; height:650px; 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:47.5%; bottom:40px; 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:#000;}

/*首页简介*/
.index-about{background: url('../images/box1_bg.jpg')no-repeat center 0;}
.index-about .layout{position: relative; height: 700px; padding-top: 76px;}
.tit_words{background: url('../images/about.png')no-repeat center 0;display:block;margin: 0 auto;	width: 489px;height: 124px;}
.index-about .tit_words{position: absolute;left: 30px;top: 135px;}
.index-about .words{position: relative;margin-left: 90px;margin-top: 120px;padding-top: 26px;}
.index-about .words h3{color: #333;font-size: 24px;line-height: 32px;position: absolute;top: 0px;left: 50px;}
.index-about .words h4{color: #57595d;font-size: 46px;line-height: 69px;margin-left: 120px;}
.index-about .words h5{color: #2bad6f;font-size: 32px;line-height: 36px;margin-bottom: 30px;font-weight: normal;}
.index-about .words p{color: #5b5c5c;font-size: 16px;line-height: 36px;margin-left: 75px;}
.index-about .words .more{color: #a4a5a5;font-size: 24px;line-height: 36px;position: absolute;bottom: -88px;right: 366px;font-weight: 800;text-shadow: 0 1px 1px #d5d5d5;}
.index-about .layout:hover .words .more{color: #2bad6f}
.index-about .pic {position: absolute;right: 160px;top: 76px;}

/*品牌*/
.intro{height: 610px;background: url(../images/pp_bg.jpg) no-repeat top center;}
.intro-fl h3 span{color: #d98f52;}
.pt60 {padding-top: 60px;}
.intro-fl h3{color: #ffffff;font-weight: bold;font-size: 24px;}
.intro-fl h4{color: #ffffff;font-size: 15px;margin: 10px 0 0 0;}
.intro-fl{ margin: 40px 0 0 0;}
.intro-fl .line{width: 50px;height: 3px;background: #d98f52;margin: 24px 0 0 0;}
.intro-para,.intro-para1{color: #ffffff;font-size: 15px;line-height: 30px;}
.intro-para{ margin: 58px 0 0 0;}
.intro-para1{margin: 35px 0 0 0;}
.imgs ul{width: 660px; margin: -20px 0 0 0;}
.imgs ul li{float: left; height: 150px;margin: 20px 20px 0 0;}
.imgs{width: 640px;overflow: hidden;}
.line1{margin: 120px 0 0 0;}

/*首页产品*/
.index-product{background: url('../images/box2.jpg')no-repeat center 0;padding-top:80px; position: relative;}
.index-product .tit_words{background: url('../images/pro.png')no-repeat center 0;width: 509px;height: 124px;}
.all_h3{font-size: 30px;color: #ffffff;text-align: center;margin-top: -47px;line-height: 30px;margin-bottom: 40px;}
.all_h3 span{font-size: 12px;color: #4fb773;line-height: 27px;font-weight: normal;display: block;}
.box2_list{text-align: center;}
.box2_list li{margin-right: 15px;color: #b0b0b0;width: 140px;height: 65px;line-height: 65px;background: url('../images/box2_pic1.png')no-repeat 0 0;display: inline-block;cursor: pointer;}
.box2_list .li_act{background: #2bad6f;color: #ffffff;border: 3px solid #4fb773;box-sizing: border-box;vertical-align:bottom;}
.box2{position: relative;}
.box2::after{width: 108px;height: 212px;background: url('../images/addas.png')no-repeat 0 0;content: '';position: absolute;left: 0px;bottom: -124px;z-index: -1}
.box2_blist {margin-top: 24px;background: #ffffff;padding-top: 58px;border: 1px solid #dbdbdb;}
.box2_blist li{display: none}
.box2_blist li:nth-of-type(1){display: block;}
.box2_blist .all_h3{margin: 0px;text-align: left;color: #4fb773;margin-left: 40px;margin-right: 50px;}
.box2_blist .all_h3 em{color: #57595d}
.box2_blist .all_h3 .more{float: right;font-size: 24px;line-height: 36px;font-weight: 800;color: #a5a5a5;text-shadow: 0 1px 1px #d5d5d5;}
.box2_blist .all_h3 .more:hover{color: #2bad6f}
.box2_swiper{position: relative; text-align: center; margin-top: 36px}
.box2_swiper .swiper-container{width: 1114px;}
.box2_swiper .swiper-slide{width: 252px; overflow: visible;padding-bottom: 50px;}
.box2_swiper .swiper-slide img{width: 252px;height: 220px;object-fit: cover;}
.box2_swiper .swiper-slide p{font-size:16px;line-height: 36px;color: #57595d;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 5px;}
.box2_swiper .swiper-slide::after{width: 1px; height: 25px;bottom: 0px;left: 50%;background: #dbdbdb;position: absolute;content: '';}
.box2_swiper .swiper-prev, .box2_swiper .swiper-next{position: absolute;width: 25px;height: 40px;top: 35%;margin-top: -20px;background-color: #fafafa;text-align: center;font-size: 20px;line-height: 40px;z-index: 11;
color: #dfdfdf;cursor: pointer;transition: .6s}
.box2_swiper .swiper-prev{left: 20px;}
.box2_swiper .swiper-next{right: 20px}
.box2_swiper .swiper-prev:hover, .box2_swiper .swiper-next:hover{color: #ffffff;background: #4fb773; transition: .6s}

.index-product::after {width: 108px;height: 212px;background: url('../images/addas.png')no-repeat 0 0;content: '';position: absolute;left: 0px;bottom: -124px;z-index: -1;}

/*首页案例*/

.box3{margin-top: 100px;}
.box3 .tit_words{background: url('../images/case.png')no-repeat center 0;width: 573px;height: 124px;}
.box3 .all_h3{font-size: 30px; color: #333}
.box3_swiper{margin-top: 85px;}
.box3_swiper .swiper-container .swiper-slide{width: 515px;position: relative;overflow: hidden;}
.box3_swiper img{width: 100%;height:300px;object-fit: cover;}
.box3_swiper .swiper-scrollbar{height: 5px;background: #ebebeb;margin-top: 32px;}
.box3_swiper .swiper-scrollbar-drag{background: #4fb773}
.box3_swiper p{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 11;top: 0px;left: 0px;text-align: center;padding-top:167px;color: #ffffff;font-size: 18px;
transform: translate3d(0,-1000px,0);transition: .6s;}
.box3_swiper p::after{width: 260px;height: 1px;background: rgba(255, 255, 255, .5);position: absolute;bottom: 52px;left: 50%;margin-left: -130px;content: '';transform: translate3d(0,2000px,0);
transition: .6s;}
.box3_swiper .swiper-slide:hover p{transform: translate3d(0,0,0);transition: .6s;} 
.box3_swiper .swiper-slide:hover p::after{transform: translate3d(0,0,0);transition: 0.8s;} 


/*首页新闻*/

.box4{margin-top:88px; position: relative; text-align: center; margin-bottom:63px}
.box4::after{width: 192px;height: 392px;background: url('../images/addas.png')no-repeat 0 0;content: '';position: absolute;left: 0px;top: -138px;;z-index: -1;background-size: 100% 100%;}
.box4::before{width: 88px;height: 155px;background: url('../images/addas1.jpg')no-repeat 0 0;content: '';position: absolute;right: 0px;bottom: -83px;;z-index: -1;background-size: 100% 100%;}
.box4 .tit_words{background: url('../images/news.png')no-repeat center 0;width: 679px;height: 124px;}
.box4 .all_h3{font-size: 30px; color: #333}
.box4_tit{margin-top: 25px;display: inline-block;}
.box4_tit p{float: left;width: 134px;height: 40px;border: 2px solid #2bad6f;background: #ffffff;color: #2bad6f;text-align: center;font-size: 16px;line-height: 36px;cursor: pointer;}
.box4_tit .p_act{background: #2bad6f;color: #fff;}
.box4_list{margin-top: 35px;}
.box4_list li{float: left;width: 390px;position: relative;margin-right: 15px;}
.box4_list li:last-of-type{margin-right: 0px;}
.box4_list li img{display: block;width: 100%;height: 260px;object-fit: cover;transition: .6s;}
.box4_list .words{padding: 42px 25px 35px;background: #f7f7f7;height: 115px;position: relative;}
.box4_list .words h3{font-size: 16px;line-height: 30px;color: #000;height:30px;overflow: hidden;text-align: left;}
.box4_list .words p{font-size: 14px;line-height: 24px;color: #999;text-align: left; margin-top:10px;}
.box4_list .words::after{position: absolute;width: 108px;height: 1px;background: #2bad6f;content: '';top:25px;transition: .6s;left: 25px;}
.box4_list li i{width: 45px;height: 45px;line-height: 45px;background:url(../images/n-ico.jpg) no-repeat;text-align: center;font-size: 30px;position: absolute;top: 232px; right: 18px;transition: .6s	}
.box4_list li:hover .words::after{transition: .6s;width:300px;}
.box4_list ul{display: none;}
.box4_list ul:nth-of-type(1){display: block;}




/* 企业愿景 */

.section-title{width: 100%; display: block; text-align: center; }
.section-title h2{width: 100%; display: block; font-size: 40px; line-height: 40px; font-weight: bold; color: #333333;}
.section-title h4{width: 100%; display: block; font-size: 24px; line-height: 24px; color: #333333; margin-top:15px; text-transform: uppercase;}
.section-title p{width:80%; display: block; font-size: 16px; line-height: 36px; color: #666; margin:35px auto;}
.company-s3{width: 100%; display: block; padding-top:60px; padding-bottom:60px; background: #f5f5f5;}
.company-s3 .row{width: 100%; display: block; margin-top: 70px; text-align: center; font-size: 0;}
.company-s3 .item{width:218px; display:block; float: left; margin-left:25px; height:180px; border: 1px solid #cdcdcd; padding-top:48px;}
.company-s3 .item:first-child{margin-left: 0;}
.company-s3 .item h3{width: 100%; display: block; text-align: center; line-height:24px; font-size:24px; color:#2bad6f;}
.company-s3 .item p{width: 100%; display: block; text-align: center; line-height:24px; font-size:14px; color: #666666; margin-top:20px;}


/*  页脚  */
.footer {min-width: 1200px; background:#fff; border-top:1px #ddd solid; z-index:9}
.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:100px;}
.footer_i_l p{ width: 100%;margin-top: 25px;text-align: center;font-size: 16px;line-height:40px;background-color: #4a4a4a;color: #fff;}
.footer_i {height:248px;}
.footer_i_i {margin-top:60px; }
.footer_i_i dd {width:123px;float: left;}
.footer_i_i dd h3{padding-bottom:8px; font-size: 16px; line-height:16px; margin-bottom: 20px; color: #333;}
.footer_i_i dd a.link{display: block; line-height:28px; font-size: 14px; color: #666666;}
.footer_i_r {margin-top:40px;}
.footer_i_r_b {width: 140px; height: 140px; box-sizing: border-box; padding: 14px;}
.footer_i_r p {font-size: 14px; color:#999; line-height: 40px; text-align: center;}
.footer_b {min-width: 1200px; height: 50px; border-top: 1px solid #eee;}
.footer_b_l {font-size: 12px; color:#666; line-height: 50px;}
.footer_b_l p{ text-align:center;}
.footer_b_l p a{ color:#666;}


/*内页banner*/
.xbanner{clear: both; position: relative;width: 100%;height:400px;}

/*内页子导航*/
.all_nav {background: #949793}
.all_nav li{float: left;width: 137px;height: 50px;text-align: center;line-height: 50px;color: #fff;}
.all_nav li a{display: block;color: #fff;}
.all_nav li:hover{background: #2bad6f}
.all_nav .li_act{background: #2bad6f}

.all_warp{background: #f2f2f2; padding-bottom: 45px;}
.warp{background: #fff; padding: 0 50px; padding-bottom: 50px; width:1100px; }

/*关于我们*/

.about{}
.title{font-size: 24px;line-height: 40px;border-bottom: 1px solid #2bad6f;color: #505050;display: inline-block;margin-top: 40px;margin-bottom: 40px;}
.aboutcon{padding-bottom: 50px;}
.aboutcon .pic{width: 500px;text-align: center;}
.aboutcon .words{width: 550px;padding-left: 30px;}
.aboutcon .words .tit_words{background: url('../images/life.png')no-repeat left 0;width: 100%;;height: 124px;}
.aboutcon .words .all_h3{text-align: left;color: #57595d;margin-top: -80px;line-height: 43px;}
.aboutcon .words .all_h3 span{font-size: 22px;}
.aboutcon .words p{color: #5b5c5c;font-size: 16px;line-height: 32px;}
.aboutcon .words h2{ font-size:24px;line-height: 48px; color:#57595d; font-weight:bold; margin-bottom:20px;}

.culture{ }
.culture .fl{ width:350px;}
.culture .fr{ width:700px;}
.culture .fr ul{ margin-left:-40px;}
.culture .fr ul li{ width:330px; height:150px; float:left; margin-left:40px;}
.culture .fr ul li h3{width: 43px;height: 1px;background: #cccccc;display: block;}
.culture .fr ul li h2 {font-size: 18px;color: #333; line-height:40px;}
.culture .fr ul li p{font-size: 14px;color: #555; }



/*新闻中心*/
.news_list{ margin-bottom:30px;}
.news_list li{padding: 30px 0px;border-bottom: 1px solid #ededed;}
.news_list li img{float: left;width:300px;height:200px;object-fit: cover;margin-right: 55px;}
.news_list li .words{width:700px;float: left;}
.news_list li .words h3{font-size: 18px;line-height: 32px;color: #5b5c5c;font-weight: normal;}
.news_list li .words p{font-size: 14px;line-height: 24px;color: #5b5c5c;font-weight: normal;margin: 15px 0px;height:55px;overflow: hidden}
.news_list li .words time{font-size: 14px;line-height: 32px;color: #5b5c5c;font-weight: normal;}
.news_list li .words h6{background: url(../images/long.png)no-repeat 0 0;width: 45px;height: 45px ;transition: .6s;}
.news_list li:hover .words h3{color: #2bad6f !important;}
.news_list li:hover .words h6{transform: translate3d(100%,0,0);transition: .6s;}

.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;}

/*产品中心*/

.pro_list{}
.pro_list li{float: left;width: 340px;margin-right: 30px;margin-bottom: 30px;position: relative;margin-top: 10px;}
.pro_list li:nth-of-type(3n+3){margin-right: 0px;}
.pro_list li a{display: block;overflow: hidden;width: 100%;border: 1px solid #ddd;height: 250px;position: relative}
.pro_list li a::after{background: url('../images/long.png')no-repeat 0 0;width: 45px;height: 45px;position: absolute;content: '';bottom: 13px;transition: .6s;left: 18px;}
.pro_list li:hover a::after{transition: .6s;transform: translate3d(100%, 0 ,0)}
.pro_list li img{width: 100%;height: 250px;object-fit: contain;transition: .6s}
.pro_list li:hover img{transform: scale(1.1);transition: .6s}
.pro_list li p{width:320px;padding-left: 20px;height: 68px;line-height: 68px;border-bottom: 1px solid #ddd;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.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;}

/*招商加盟*/

.jm {width:1100px;margin: 0 auto;}
.jm .tit2{ background:url(../images/tt.png) no-repeat; width:818px; height:150px; margin:0 auto;}
.jm .tit2 h3{ text-align:center;color:#FFF; font-size:30px; letter-spacing:4px; line-height:53px;}
.jmtit,.lctt{ font-size:36px; color:#0b523e; font-weight:bold; letter-spacing:2px;height:50px; line-height:50px; margin-bottom:25px;}
.jmcont img{ float:right}
.jmcont p{ font-size:15px; color:#0b523e; line-height:30px; letter-spacing:1px;}
.jmcont p span{ padding:3px 5px; background:#0b523e; color:#fff; font-size:17px;}
.jmtj{ margin-top:50px; overflow:hidden}
.tjcont{width:545px; float:right;}
.tjcont p{ font-size:16px; color:#0b523e; line-height:31px;}
.tjcont p span{ display:block; background:url(../images/ysj_44.jpg) no-repeat 0 2px; width:40px; height:30px; float:left;}
.jmlc{ margin-top:40px; overflow:hidden; clear:both}
.lccont ul li{ width:168px; height:210px; background:url(../images/ysj_48.jpg) no-repeat; float:left; margin-right: 15px;}
.lccont ul li span{ font-size:17px; font-weight:bold; color:#0b523e; width:22px; height:29px; line-height:29px; text-align:center; display:block}
.lccont ul li h3{ text-align:center; font-size:16px; color:#0b523e; font-weight:bold}
.lccont ul li p{ padding:5px 10px 0 7px; font-size:15px; color:#0b523e; line-height:30px;}



/*案例展示*/

.case li { margin-bottom: 35px; vertical-align: top; margin-left: 1%; line-height: normal; font-size: 14px; display: inline-block; width: 32%; text-align: center; }
.case-img { height: 270px; overflow: hidden; width: 100%; max-height:245px; height:245px; min-height: 150px; border: 1px solid #e5e5e5; padding: 10px 0; }
.case-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; }
.case li:hover .case-img img { transform: scale(1.1); transition: 0.8s ease 0s; }
.case-img:before { vertical-align: middle; display: inline-block; height: 100%; content: ''; transition: 0.5s linear 0s; }
.case li p { line-height: normal; margin-top: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }


/*联系我们*/

.contact h3{ font-size:30px; font-weight:bold; padding:30px 0 20px 0;; text-align:center;}
.contact h4{ font-size:15px; color:#999;  text-align:center; padding-bottom:20px;}
.contact p{ font-size:16px; line-height:40px;text-align:center;}
.contact img{ width:600px; margin:20px auto; display:block;}