@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:240px; height:70px; padding:15px 0;}
.logo img{ width:240px; height:70px;}

/*nav*/
.nav-con{ width:742px; 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 21px; 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:#000;}
.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:80px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{display: inline-block;width: 12px;height: 12px;border-radius:50px;background:#eee;margin: 0 10px !important;opacity: 1;cursor: pointer;}
.focusBox .hd .on{ background:#437d71;}


.index_major{ width:1200px; height:125px; z-index:10; margin-top:-46px; background:#fff; position:relative; box-shadow:0px 0px 20px #ccc;}
.index_major ul{padding:25px 0px;}
.index_major ul li{ float:left; width:298px; height:76px; position:relative; padding:0px 50px; border-left:1px solid #e0dad4;}
.index_major ul li:first-child{ border-left:0px;}
.index_major ul li i{ position:absolute; left:40px; top:0px;width:114px; height:75px;}
.index_major ul li i.index_majortb1{ background:url(../images/index_major1.png) no-repeat;}
.index_major ul li i.index_majortb2{ background:url(../images/index_major2.png) no-repeat;}
.index_major ul li i.index_majortb3{ background:url(../images/index_major3.png) no-repeat;}
.index_major ul li h3{ display:block; font-size:24px; color:#00b0bc; font-weight:bold;letter-spacing:2px;margin-top:5px;}
.index_major ul li h3 span{ font-weight:normal; color:#959595; font-size:14px; letter-spacing:2px; margin-left:14px;}
.index_major ul li p{ display:block; font-size:14px; color:#00b0bc; height:30px; line-height:30px; margin-top:5px;}



/*首页简介*/

.ind-about{ padding:60px 0;}
.ind-about .hd01 { text-align:center; font-size:14px; color:#999; line-height:30px; margin-bottom:50px; }
.ind-about .bd ul li { float:left; width:570px; margin-right:60px; }
.ind-about .bd ul li:last-child { margin-right:0; }
.ind-about .bd ul li .p1 { position:relative; }
.ind-about .bd ul li .p2 { font-size:20px; color:#333; margin:20px 0; }
.ind-about .bd ul li .p3 { font-size:14px; color:#666; line-height:24px; }

.title_wrap_inner{ text-align:center; margin-bottom:30px;}
.title_wrap_inner h3{ font-size:30px; line-height:30px; font-weight:bold; color:#333;}
.title_wrap_inner h4{ font-size:16px; color:#666; margin-top:10px;}
.title_wrap_inner h4::before {display: inline-block;vertical-align: middle;content: "";background: #333;width: 50px;height: 1px;margin: 0 10px;}
.title_wrap_inner h4::after {display: inline-block;vertical-align: middle;content: "";background: #333;width: 50px;height: 1px;margin: 0 10px;}


/*首页产品*/

.pro_tj{ background:url(../images/pro_tj_bg.jpg) no-repeat center top; padding-top:65px; padding-bottom:30px; text-align:center;border-bottom: solid 1px #ddd;margin-bottom:60px; }
.pro_tj .title{ margin-bottom:75px;}
.pro_tj .title .en{ color:#646469; font-size:65px;text-transform:Uppercase; font-style:normal; display:inline-block}
.pro_tj .title span{ display:inline-block; text-align:left; margin-left:10px;}
.pro_tj .title .zh{ color:#fff; font-size:24px;text-transform:Uppercase; font-style:normal; display:block; margin-bottom:5px;}
.pro_tj .title .more{ color:#00b0bc; font-size:14px;text-transform:Uppercase; font-style:normal; display:block; background:url(../images/ico2.png) no-repeat 50px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.pro_tj .title a:hover .more{ background:url(../images/ico2.png) no-repeat 60px;}



.m-imgtxt01{position: relative; margin-top:40px; padding:20px; background:#fff;}
.m-imgtxt01 .slider{padding:10px 0 50px;}
.m-imgtxt01 .slick-list{padding:0px 0;}
.m-imgtxt01 .item a{display: block;margin: 0 10px;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 .item:hover a{box-shadow: 0 0 22px rgba(0,0,0,0.28);}
.m-imgtxt01 .item .pic{position: relative;height: 0;overflow: hidden;padding-top:120%;}
.m-imgtxt01 .item .pic img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.m-imgtxt01 .item .txt{padding: 20px 30px;background-color: #fff;border: 1px solid #eee; position:relative;}
.m-imgtxt01 .item .txt h3{margin-bottom:0px;height: 30px;line-height: 30px;font-size: 16px;font-weight: 400;color: #8bc63e;background-repeat: no-repeat;background-position: right center;background-image: url(../images/icon14.png);-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 .item .txt p{font-size: 14px;color: #999;height:24px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: .5s;-ms-transition: .5s;
-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 .item:hover .txt p{color: #666;}
.m-imgtxt01 .item .txt h2{ font-size:22px; color:#fd0202; position:absolute; top:40px; right:30px; }
.m-imgtxt01 .slick-arrow{position: absolute;bottom: 0;overflow: hidden;cursor: pointer;width: 40px;height: 40px;font-size: 0;line-height: 0;z-index: 9; background-repeat: no-repeat;background-position: center center;
-o-background-size: auto 30px;-ms-background-size: auto 30px;-moz-background-size: auto 30px;-webkit-background-size: auto 30px;background-size: auto 30px;background-color: transparent;border: 0;outline: 0;padding: 0;}
.m-imgtxt01 .slick-prev{left: 44%;background-image: url(../images/icon19.png);background-position: left center;}
.m-imgtxt01 .slick-prev:hover{background-image: url(../images/icon19-hover.png);}
.m-imgtxt01 .slick-next{right: 44%;background-image: url(../images/icon19.png);background-position: right center;}
.m-imgtxt01 .slick-next:hover{background-image: url(../images/icon19-hover.png);}
.m-imgtxt01 a.more{position: absolute;bottom: 0;left: 50%;margin-left: -20px;display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/icon15.png);
transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 a.more:hover{background-image: url(../images/icon15-hover.png);}



/*首页案例*/

.ind-case{margin-bottom:60px;}
.ind-case .title{ float:left; background:url(../images/case_title.jpg) no-repeat; width:149px; height:280px; padding:240px 0 0 220px; margin-bottom:15px;}
.ind-case .title .zh{ color:#fff; font-size:24px;text-transform:Uppercase; font-style:normal; display:block; margin-bottom:5px; position:relative; padding-bottom:15px; margin-bottom:15px;}
.ind-case .title .zh:before{display:block; content:" "; position:absolute; bottom:0; left:0;height:2px; background:#00b0bc; width:50px;}

.ind-case .title .more{ color:#666666; font-size:14px;text-transform:Uppercase; font-style:normal; display:block; background:url(../images/ico1.png) no-repeat 50px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.ind-case .title  a:hover .more{ background:url(../images/ico1.png) no-repeat 55px;}
.ind-case .inner{ position:relative; background:#000}
.ind-case .inner img{filter:Alpha(opacity=50);opacity:0.5;transition: all linear 0.4s;-webkit-transition: all linear 0.4s;-moz-transition: all linear 0.4s;}
.ind-case .inner p{ position:absolute; color:#fff; font-size:18px; right:0; padding-right:25px; overflow:hidden; bottom:10px; height:50px; line-height:50px; width:325px; z-index:2; text-align:right; background:url(../images/case-4.png) no-repeat; background-position:calc(100% + 350px );transition: all linear 0.4s;-webkit-transition: all linear 0.4s;-moz-transition: all linear 0.4s;}
.ind-case .inner:nth-child(1){  width:390px; height:245px; margin-left:15px; margin-bottom:15px;}
.ind-case .inner:nth-child(2){  width:390px; height:260px;margin-left:15px;margin-bottom:15px;}
.ind-case .inner:nth-child(3){  width:410px; height:520px; float:left;margin-left:15px;margin-bottom:15px;}
.ind-case .inner:nth-child(4){  width:509px; height:300px; float:left}
.ind-case .inner:nth-child(5){  width:676px; height:300px; float:left;margin-left:15px;}
.ind-case .inner a:hover p{ background-position:0}
.ind-case .inner a:hover img{filter:Alpha(opacity=100);opacity:1}








/*产品优势*/

.pro_ys{ height: 635px;background: url(../images/p-ysbg.jpg) center bottom no-repeat; min-width: 1200px;}
.pro_ys .title_wrap_inner{ margin-bottom:45px; text-align:center; padding-top:60px;}
.pro_ys .title_wrap_inner h3{ font-size:30px; line-height:30px; font-weight:bold; color:#fff;}
.pro_ys .title_wrap_inner h4{ font-size:16px; color:#fff; margin-top:10px;}
.pro_ys .title_wrap_inner h4::before {display: inline-block;vertical-align: middle;content: "";background: #fff;width: 50px;height: 1px;margin: 0 10px;}
.pro_ys .title_wrap_inner h4::after {display: inline-block;vertical-align: middle;content: "";background: #fff;width: 50px;height: 1px;margin: 0 10px;}
.p1_cont{ width: 1300px; margin:0 auto; overflow: hidden; margin-top:60px;}
.p1_cont li{ width: 250px;  float: left; margin-left: 8px; }
.p1_cont li .befo{ width: 250px; height:380px;float: left; position: relative; background: #fff;}
.befo_a{ position: absolute; width: 250px; height:380px; top: 0px; left:0px; background: #fff;}
.befo_a h3{ width: 115px; height: 116px; margin:0 auto; margin-top: 34px;}
.befo_a h3:hover{transform: rotateY(180deg); transition: 0.5s ease}
.befo_a h4{ font-size: 18px; text-align: center; color: #484747; margin-top: 17px;}
.befo_a h5{ width: 58px; height:1px; margin:0 auto; margin-top: 9px; background: #2a9708; }
.befo_a h6{ width: 160px; margin:0 auto; font-size: 14px; margin-top: 30px; color: #484747; text-align: center; }
.p1_cont li .after{ width: 250px; height: 407px;float: left; position: relative; top:0; left: 0; display: none; background: url(../images/p1-bga.png) no-repeat;}
.p1_cont li .after h3{ width: 115px; height: 116px; margin:0 auto; margin-top: 34px;}
.p1_cont li .after h4{ font-size: 18px; text-align: center; color: #fff; margin-top: 17px;}
.p1_cont li .after h5{ font-size: 14px; color: #fff; text-align: center; margin-top: 30px; }
.p1_cont li .after h6{ width: 127px; height: 24px; margin:0 auto; margin-top: 20px; background: #fff; border-radius: 10px; text-align: center; line-height: 24px; font-size: 14px; color: #a87e40; font-size: 14px; color: #484747; text-align: center;}
.p1_cont li .after h6 a{ display: block; color: #a87e40; text-decoration: none;}


/*zhaoshang*/
.index_ab{padding-bottom:60px;background-image:url(../images/index_about_bg.jpg);background-repeat:no-repeat;background-position:center top;background-color:#efefef;}
.index_ab .htit{padding:60px 0;text-align:center;}
.index_ab .htit h2{font-size:36px;color:#333;padding:12px 0;}
.index_ab .htit p{font-size:13px;color:#666;font-family: 'Arial';text-transform: uppercase; margin-top:15px}
.index_ab_box .fl{width:42%;}
.index_ab_box .fl img{width:504px;}
.index_ab_box .fr{width:56.5%;}
.index_ab_box .fr img{width:678px;}
.index_ab_box .pic_box{width:100%;}
.index_ab_box .box1{margin-bottom:15px;}
.index_ab_box .top {height:311px;padding:40px;box-sizing: border-box;}
.index_ab_box .top .p1 {font-size: 25px;}
.index_ab_box .top .p2 { color:#00b0bc;font-size:24px; margin-top: 10%;}
.index_ab_box .top .p3 {font-size: 14px;color: #797979;max-width: 440px; margin:20px 0 30px 0;}
.index_ab_box .top .p4 a {font-size: 18px; display:block;border: solid 2px #dcdcdc;text-align: center;width: 174px;line-height: 47px;border-radius: 25px;}
.index_ab_box .top .p4 a:hover {border: solid 2px #8bc63e; color:#8bc63e}


/*品牌*/
.intro{height: 610px;background: url(../images/pp_bg.jpg) no-repeat top center;}
.intro-fl h3 span{color: #00b0bc;}
.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: #00b0bc;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 ul li img{width:200px;height:150px;}
.imgs{width: 640px;overflow: hidden;}
.line1{margin: 120px 0 0 0;}


/*首页新闻*/

.ind-news{ padding:60px 0; background:#f7f7f7;}
.ind-news .title_wrap_inner{ margin-bottom:45px; text-align:center;}
.ind-news .title_wrap_inner h3{ font-size:30px; line-height:30px; font-weight:bold; color:#333;}
.ind-news .title_wrap_inner h4{ font-size:16px; color:#999; margin-top:10px;}
.ind-news .title_wrap_inner h4::before {display: inline-block;vertical-align: middle;content: "";background: #999;width: 50px;height: 1px;margin: 0 10px;}
.ind-news .title_wrap_inner h4::after {display: inline-block;vertical-align: middle;content: "";background: #999;width: 50px;height: 1px;margin: 0 10px;}

.ul-imgtxt03{margin: 0 -18px;}
.ul-imgtxt03 li{float: left;width: 31.33%; margin:0 1%; background:#fff; box-shadow: 0 8px 16px rgba(0,0,0,.1);}
.ul-imgtxt03 li a{display: block;margin:18px 18px 0 18px;}
.ul-imgtxt03 li .pic{overflow: hidden;position: relative;}
.ul-imgtxt03 li .pic img{display: block;width:350px; height:220px; margin: auto;}
.ul-imgtxt03 li .txt{padding: 20px 0;}
.ul-imgtxt03 li .txt .tit{padding-bottom: 20px;position: relative;border-bottom: 1px solid #ccc;}
.ul-imgtxt03 li:hover .txt .tit{border-bottom: 1px solid #fff;}
.ul-imgtxt03 li .txt .tit:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;
-webkit-transition: .3s;-o-transition: .3s;}
.ul-imgtxt03 li:hover .txt .tit:after{width: 100%;background-color:#00b0bc;}
.ul-imgtxt03 li .txt .tit h3{margin-bottom: 15px;font-size: 16px;font-weight: 400;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ul-imgtxt03 li:hover .txt .tit h3{color:#00b0bc;}
.ul-imgtxt03 li .txt .tit span{font-size: 12px;color: #666;}
.ul-imgtxt03 li .txt p{margin: 20px 0;font-size: 12px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.ind-news .more{ background: url(../images/ico3.png) no-repeat 125px center #f0f0f0; line-height:50px; padding-left:70px; border:solid 1px #e6e6e6; border-radius:30px; width:115px; height:50px; margin:30px auto 0 auto}
.ind-news .more a{ color:#808080}
.ind-news .more:hover{border:solid 1px #8bc63e;background: url(../images/ico3.png) no-repeat 125px center #8bc63e;color:#fff !important;}
.ind-news .more:hover a{ color:#fff}

.ind-news .more{ background: url(../images/ico3.png) no-repeat 125px center #f0f0f0; line-height:50px; padding-left:70px; border:solid 1px #e6e6e6; border-radius:30px; width:115px; height:50px; margin:30px auto 0 auto}
.ind-news .more a{ color:#808080}

/* 首页招商加盟 */

#igood{width: 100%; min-width: 1200px; padding: 50px 0; background:#f7f7f7;}
#igood ul li{float: left; width: 200px; margin: 0 20px; text-align: center}
#igood ul li div{width: 88px; height: 88px; border: 1px solid #ccc; border-radius: 88px; margin: 0 auto; transition: 0.5s ease}
#igood ul li img{width: 40px; height: 40px; padding: 24px}
#igood ul li strong{height: 40px; line-height: 40px; display: block; font-size: 18px; color: #333; margin-top: 10px}
#igood ul li span{height: 20px; line-height: 20px; display: block; font-size: 12px; color: #666}
#igood ul li:hover div{transform: rotateY(180deg); transition: 0.5s ease}
#igood ul li:hover strong{color:#008c70}

/*  页脚  */
.footer {min-width: 1200px; background:#333;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:60px; margin-right:100px;}
.footer_i_l img{width:200px;height:70px;}
.footer_i_l h3{ font-size:24px; margin-top:20px; line-height:40px; color:#eee; background:url(../images/tel.png) no-repeat 0 5px; padding-left:45px;}
.footer_i_l p{ width: 100%;margin-top:15px;font-size:24px;line-height:40px;color: #333; }
.footer_i {height:268px;}
.footer_i_i {margin-top:60px; }
.footer_i_i dd {width:142px;float: left;}
.footer_i_i dd h3{padding-bottom:8px; font-size: 16px; line-height:16px; margin-bottom: 20px; color: #ddd;}
.footer_i_i dd a.link{display: block; line-height:28px; font-size: 14px; color: #999;}
.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 #444;}
.footer_b_l {font-size: 13px; color:#999; line-height: 50px;}
.footer_b_l p{ text-align:center; font-size:14px;}
.footer_b_l p a{ color:#999;}