@charset "utf-8";
/* CSS Document */
.banner_sj{ display:none;}
.flexslider{ position:relative; margin:0 auto;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:12px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:14px; height:14px; display: block; background: #fff;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background: #ff6000; cursor: default; }


.hot_ip{padding:20px 0 0 0; overflow: hidden;}
.hot_ip .htM{width: 100%; display: flex;flex-direction: column;justify-content: center;align-items: center;height: 190px;margin-bottom: 20px;text-align: center; background-color:#000000; /* background: url(../images/v_bg.jpg) left top no-repeat;*/ color: #fff; background-size: cover; }
.htM .title{height: 40px;line-height: 40px;margin-bottom: 10px;font-weight: 700;font-size: 40px;text-transform: uppercase;}
.htM .desc{font-size: 16px;}
.hot_ip .Lpros{ width:100%; overflow: hidden;}
.hot_ip .Lpros ul{margin-left:-2%; overflow: hidden;}
.hot_ip .Lpros li{float:left; width: 23%; margin-left:2%;margin-bottom:24px;}
.hot_ip .Lpros li .pic{background: #fff;}
.hot_ip .Lpros li .pic img{width: 100%;}
.hot_ip .Lpros li p{background: #f4f4f4; font-size:14px; line-height: 30px; height: 58px; text-align: center; padding: 10px; color: #000; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.dyip{ padding:5px 0 15px 0; overflow: hidden;}
.dyip .btM img{ width:100%;}
.dyip .list{ text-align:left;}
.dyip .list .hd{margin:20px 0; height: 755px; background: #e9e9e9;  float: left; width: 24%;}
.dyip .list .hd ul{font-size: 0px; padding:20px 15px;text-align: center;}
.dyip .list .hd ul li{width:100%; float: left; height: 70px;line-height: 70px;margin-bottom: 18px;border-radius: 10px;font-size: 22px;text-align: center;color: #fff;background: #1f1f1f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;box-shadow: 0 2px 10px #595959;}
.dyip .list .hd ul li a{display: block; color: #fff;}
.dyip .list .hd ul li a:hover{display: block;text-decoration: none;background: #ffdb60; color: #333;}
.dyip .list .hd ul li.on{color: #333;background: #ffdb60;}
.dyip .list .hd ul li.on a{color: #333;background: #ffdb60;}

.dyip .list .bd{float: right; width: 74% ;margin-top: 25px;}
.dyip .list .bd ul{margin-left:-2%; overflow: hidden;}
.dyip .list .bd li{float:left; width: 31.333%; margin-left:2%;margin-bottom:24px;}
.dyip .list .bd li .pic{background: #fff;}
.dyip .list .bd li .pic img{width: 100%;}
.dyip .list .bd li p{background: #f4f4f4; font-size:14px; line-height: 30px; height: 58px; text-align: center; padding: 10px; color: #000; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.hot_ggm{ overflow: hidden; padding-bottom:40px;}
.hot_ggm img{ width:100%;}

.derp{ width:100%; background:#fff url(../images/jj.jpg) left top no-repeat;  overflow: hidden; padding:4.9% 0 4%; }
.derp h2{ font-size:25px; font-weight: 600; color:#212121; text-align: center; line-height:40px;padding-bottom:12px; display: none}
.derp .derp_l{float:left; width:45%;}
.derp .derp_l img{max-width:100%;}
.derp .derp_r{width:50%; float: right;}
.derp .derp_r .wxs img{width:100%;}
.derp .derp_r .box{background:#656464 url(../images/jj_text.jpg) left top no-repeat;background-size: cover; height:auto; padding:3%; line-height:32px; font-size: 16px;  color:#FFF;}
.derp .derp_r a{padding: 2px 10px; display: inline-block;  background:#000; margin: 5px; color:#FFF;text-align:center;}
.derp .derp_r a:hover{  background:#ffdb60; color:#FFF; text-decoration:none;}



.dsanp{width:100%; background:#f6f6f6; height: auto;padding-bottom:2%;}
.dsanp .box h2{ font-size:32px;  font-weight: 600; color:#212121; text-align: center; line-height:50px;padding-bottom:50px;}
.dsanp .box{ margin:0 auto; padding-top:30px; text-align: center;}
.dsanp .box img{max-width:100%;}
.dsanp .box .hsj{display: none;}


/*内页代码*/
.banner_yi{ width:100%; margin:0 auto;}
.banner_yi img{ width:100%;}


.con{ width:100%; background:#FFF; padding:1.5% 0;}
.advantage{ width:100%; background:#f0f0f0; padding:1.5% 0;}
.about{font-size: 14px; line-height:30px; padding-bottom:3%;}
.about h2{margin-bottom:25px;font-size: 26px;color: #444; font-weight: bold; text-align: center;line-height:30px;}

.show{overflow:hidden;margin-bottom:0;}
.show h2{margin-bottom:20px;font-size: 20px;color: #444; font-weight: bold; line-height:30px;}
.show ul{margin-right:-2%; overflow:hidden; }
.show li{position:relative;float:left;width:23%;margin-right:2%; margin-bottom:2%;}
.show li img{width:100%;height:auto;}
.show li p{position:absolute;left:0;bottom:0;width:100%;height:35px;line-height:35px;background:url(../images/text-bg.png);color:#fff;text-align:center;}

/* 产品分类*/
.product-container {width: 100%;  padding:0; overflow: hidden;}
.product-cate {float: left; width: 22%; padding: 0; position: relative; }
.product-cate .cate-title { font-size: 22px; color: #fff; padding:12px; line-height:30px; background-color: #333; text-transform: uppercase;}
.product-cate .cate-list { display: block; position: static; border: 0; }
.product-cate .cate-list ul { padding:0 }
.product-cate .cate-list a { padding-left:12px; border-bottom: 1px solid #bbb; line-height: 50px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; background: url("../images/catearr.png") no-repeat; background-position: 92% center; display: block; font-size: 15px; color: #111; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.product-cate .cate-list a:hover { background-color: #333; text-decoration: none; color: #fff; }
.product-cate .cate-list li { float: none; width: 100%; padding: 0; }
.product-cate .cate-list li.cur a { background-color: #333; text-decoration: none; color: #fff; }
.product-cate .cate-list { position: relative; top: 0; padding:12px 0; }


.product{ float: right; width: 74%;}
.product ul{ margin-left:-3%; padding-top:0.5%;}
.product li{ float:left; width:30.333%; margin-left:3%; margin-bottom:1%; background:#FFF; transition:all 0.3s;}
.product li .pic{ overflow:hidden; border: 1px solid #ddd; padding: 3%;}
.product li img{ width:100%; transition:all 0.3s;}
.product li:hover img{ transform:scale(1.1);}
.product li p{ font-size:14px; padding: 8px 0; line-height: 25px; text-align: center;}


/*product detail*/
.mains{ padding:0; position:relative; overflow: hidden;z-index: 22}
.pleft{ width:48%; height:565px; float:left; overflow: hidden;}
.bpic{ width:100%;}
.bigdiv li img{ max-width:100%;}

#product_picture{ position:relative; margin:0;}
.fangda{ position:absolute; right:20px; bottom:25px; width:44px; height:38px}
.fangda img{width:44px; height:38px}

.pright{ width:42%; height:auto; float:right}
.pright .fno{ font-size:24px; line-height:34px; padding:12px 0;}
.pshow{ margin:0 0 15px 0; border:1px solid #ccc; border-width:1px 0; overflow:auto}
.txt{ font-size:14px; line-height:30px; padding:12px 0}
.zmd{ text-align:right}

.blist{ height:250px; margin:50px auto 0px auto; position:relative; width:90%;}
.blist h2{ font-size:14px; color:#963; }
.bullist{ padding-left:20px}
.bullist li{ text-align:center; width:165px; height:auto; float:left; margin:10px 20px 0 0; overflow:hidden}
.bullist li a{ display:block; margin-bottom:5px}
.bullist li.curr a{ border:1px solid #f5f5f5;}
.bullist li img{ width:100%;}
.bullist li p{padding: 6px 0; font-size: 13px;}
.listbtn{ position:relative}

a.next{ position:absolute; width:49px; height:49px; background:url(../images/pright0.jpg) no-repeat; display:block; right:-5%; top:90px}
a.prev{ position:absolute; width:49px; height:49px; background:url(../images/pleft0.jpg) no-repeat; display:block; left:-5%; top:90px}

a.next:hover{background:url(../images/pright1.jpg) no-repeat;}
a.prev:hover{background:url(../images/pleft1.jpg) no-repeat;}


.pagebtn{ clear:both; border-top:1px solid #ddd; height:50px; line-height:50px; position:relative}
a.nextpage{float:left; text-align:right; font-size:14px}
a.prevpage{float:right; font-size:14px}

a.nextpage:hover{ }
a.prevpage:hover{ }




/*news*/
.news_list{width: 100%; }
.news_list ul{margin-left: -2%;overflow: hidden;}
.news_list li{float: left;width: 31.333%;margin-left: 2%;}
.news_list li p{width: 100%;overflow: hidden;} 
.news_list li img{width: 100%; -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.news_list li .bim{padding:10px 0px 20px 0px;}
.news_list li .bim .bt{font-size: 15px; font-weight: bold; line-height: 26px;}
.news_list li .bim .txts{margin-top: 8px;font-size: 13px;line-height: 24px;color: #555;height: 48px;overflow: hidden;}
.news_list li .bim .rq{margin-top: 8px;color: #888;font-size: 12px; }

.news_list li .bim a:hover{color: #e60012; display: block;}
.news_list li img:hover{-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);}

.new_detai { padding: 0; color: #333; overflow: hidden;}
.new_detai h4 { font-size: 22px; font-weight: bold; text-align: center;line-height: 32px; }
.new_detai .date { height:35px; line-height: 30px; margin-bottom: 25px; font-size: 13px; text-align: center; color: #888; border-bottom: 1px solid #dfdfdf; }
.new_detaiCont { font-size: 14px; color: #333; line-height: 30px; }
.new_detaiCont img{max-width: 100%; display: block; margin: 5px auto;}
.new_detai .back { width: 128px; height: 37px; line-height: 37px; text-align: center; color: #fff; font-size: 16px; margin: 50px auto 0; background: url(../images/new_detai.png) repeat; }
.new_detai .back a { color: #fff; display: block; }
.nextprv { padding: 20px 0; border-top: 1px solid #dfdfdf; margin-top: 30px;}
.nextprv p { font-size: 14px; line-height: 34px; color: #666; }
.nextprv p a { color: #666; }
.nextprv p a:hover { color: #333; }


/*contact*/
.Cont_L{margin:0px; float: left; width:50%; font-size:15px; line-height: 35px; padding-top:55px;}

.form{width:45%;float: right;}
.form .t{font-size: 22px;color: #333;padding:15px 0 25px 0;}
.form .tr{margin-bottom: 9px;}
.form .tr .text{width: 100%;border:1px solid #e5e5e5;height: 43px;background: #f8f8f8;font-size: 14px;color: #888;text-indent: 19px;border-radius: 10px;}
.form .tr textarea{width: 100%;border:1px solid #e5e5e5;height: 60px;background: #f8f8f8;font-size: 14px;color: #888;text-indent: 19px;border-radius: 10px;padding-top: 10px;resize:none;}
.form .tr .sub{width:165px;height:45px;background: #ad3e92;color: #fff;color: #fff;font-size: 18px;border:none;border-radius:8px;cursor: pointer;margin-top: 15px;}


.com_map{ width:100%; padding:25px 0; overflow: hidden;}