@charset "utf-8";
/* CSS Document */
.banner_pc{ margin-top:0;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* 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:5px;}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li{}
.flex-control-paging li a {width:30px; padding: 12px 0; background: url(../images/li.png) center center repeat-x; display: block;   cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: url(../images/li1.png) center center repeat-x; }
.flex-control-paging li a.flex-active { background: url(../images/li1.png) center center repeat-x;}

/*.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/prev.png) center center no-repeat;}*/



.dyip{max-width:1180px; margin:0 auto; }
.dyip .list{ padding:1.3% 0;}
.dyip .list li{ width:30.33%; position:relative; margin:1.5%;  float:left;}
.dyip img{ display:block; width:100%; transition:all 0.3s;}
.dyip .list li:hover img{-webkit-box-shadow:0px 0px 25px rgba(0,0,0,.4);   
  -moz-box-shadow:0px 0px 25px rgba(0,0,0,.4);   
  box-shadow:0px 0px 25px rgba(0,0,0,.4);  }


.video{ display:none; width:800px; position:fixed; left:50%; top:45%; margin-left:-400px; margin-top:-280px; background:#FFF; box-shadow:0 0 50px rgba(0,0,0,0.3); text-align:center; z-index:100;}
.video .titleer{ height:60px; line-height:60px; background:#f6f6f6;}
.video .titleer h3{ float:left; padding-left:3%; color:#333; font-size:18px;}
.video .titleer i{ float:right; width:60px; height:60px; text-align:center; cursor:pointer; color:#333;}
.video .titleer i:hover{ background:#7e7e7e; color:#FFF;}
.video .pic{ width:200px; margin:20px auto; border:1px solid #DDD; border-radius:5px; overflow:hidden;}
.video .pic img{ width:100%;}
.video .bottom{ background:#f6f6f6; padding:20px 0;}
.video .fx1{ font-size:0px; margin-top:10px;}
.video .fx1 li{ display:inline-block; margin:0 5px; text-align:center;}
.video .fx1 li i{ width:38px; height:38px; line-height:38px; display:block; border-radius:50%; font-size:18px; color:#FFF;}
.video .fx1 li:nth-of-type(1) i{ background:#de3032;}
.video .fx1 li:nth-of-type(2) i{ background:#40579b;}
.video .fx1 li:nth-of-type(3) i{ background:#813f97;}
.video .fx1 li:nth-of-type(4) i{ background:#1ab2e8;}
.video .fx1 li a:hover{ text-decoration:none;}


.derp{ padding:40px 0 0 0; margin-bottom:50px; overflow:hidden;}
.derp .box{ max-width:1180px; margin:0 auto;}
.derp .box h2{ text-align:center; display:block;margin-bottom:60px;}
.derp ul{ }
.derp .cv_s{ width:50%;}
.derp li{width:100%;overflow:hidden; position:relative;}
.derp ul:nth-of-type(1){ text-align:right;}
.derp ul:nth-of-type(2){ margin-top:50px;}
.derp li img{ max-width:100%;transition:all 0.3s;}
.derp .cv_s.fr li:first-of-type:hover img{ transform:scale(1.1);}
.derp li .sv_video{ position:absolute; top:40%; left:40%;opacity:0.6; opacity:0.6;}
.derp li:hover .sv_video{ opacity:1; opacity:1;}


.dyline{ padding:40px 0 0 0; margin-bottom:50px; overflow:hidden;}
.dyline .box{ max-width:1180px; margin:0 auto;}
.dyline .box .shu_line{ height:60px; width:1px; background-color:#e6e6e6; margin:0 auto;}
.dyline .box .he_line{ height:1px; width:1180px; background-color:#e6e6e6; margin:60px auto;}



.weixin{ display:none; width:300px; position:fixed; left:50%; top:50%; margin-left:-150px; margin-top:-200px; height:400px; background:#FFF; box-shadow:0 0 50px rgba(0,0,0,0.3);}
.weixin .title{ height:60px; line-height:60px; background:#f6f6f6;}
.weixin .title h3{ float:left; padding-left:5%;}
.weixin .title i{ float:right; width:60px; height:60px; text-align:center; cursor:pointer;}
.weixin .title i:hover{ background:#7e7e7e; color:#FFF;}
.weixin .pic{ width:200px; margin:20px auto; border:1px solid #DDD; border-radius:5px; overflow:hidden;}
.weixin .pic img{ width:100%;}
.weixin .bottom{ background:#f6f6f6; padding:20px 0;}
.weixin .fx1{ font-size:0px; margin-top:10px;}
.weixin .fx1 li{ display:inline-block; margin:0 5px; text-align:center;}
.weixin .fx1 li i{ width:30px; height:30px; line-height:30px; display:block; border-radius:50%; font-size:18px; color:#FFF;}
.weixin .fx1 li:nth-of-type(1) i{ background:#de3032;}
.weixin .fx1 li:nth-of-type(2) i{ background:#40579b;}
.weixin .fx1 li:nth-of-type(3) i{ background:#813f97;}
.weixin .fx1 li:nth-of-type(4) i{ background:#1ab2e8;}
.weixin .fx1 li a:hover{ text-decoration:none;}


.banner_neiye{ margin-top:0;}
.banner_neiye img{ width:100%;}
.banner_neiye .pic2{ display:none;}

.ny_content{width:100%; margin:0; overflow:hidden;}
.i_box{width:100%; margin:40px 0 0 0; overflow:hidden;}
.i_box img{ max-width:100%; padding-top:30px;}
.con{ max-width:960px; margin:0 auto; padding:20px 0 0 0;}
.con h3{ height:80px; line-height:80px; text-align:center; font-size:30px;}
.con h3 img{height:80px; padding-top:0 !important; }
.con .com_info{ text-align:center; color:#333; line-height:26px; font-size:14px; padding-top:20px;border-top:1px solid #e6e6e6; overflow:hidden;}


.i_contxx{ max-width:1180px; margin:0 auto; padding:0;}
.i_contxx img{ max-width:100%; margin:0 auto; text-align:center; display:block; }
.i_contxx .c_contact{width:90%; background-color:#f2f2f2; padding:80px 60px; margin:60px 0 40px 0; font-size:14px; line-height:32px; color:#333;}

.zhengshu{max-width:1180px; margin:0 auto;}
.zhengshu h2{ width:40%; font-size:30px;height:35px; line-height:35px; padding-bottom:20px; margin:20px auto; text-align:center; border-bottom:1px solid #e5e5e5;}
.zhengshu span{text-align:center; font-size:14px; padding:0 0 50px 0; display:block;}
.zhengshu ul{ margin-left:-3%;margin-bottom:60px;}
.zhengshu li{ float:left; width:22%; margin-left:3%; text-align:center; line-height:30px; margin-bottom:3%;}
.zhengshu li .pic{max-height:340px;overflow:hidden;}
.zhengshu li .pic p{}
.zhengshu li img{ width:100%; padding:0;}

.order_img{max-width:1180px; margin:0 auto;}
.order_img h2{ width:40%; font-size:30px;height:35px; line-height:35px; padding-bottom:20px; margin:20px auto; text-align:center; border-bottom:1px solid #e5e5e5;}
.order_img span{text-align:center; font-size:14px; padding:0 0 50px 0; display:block;}
.order_img ul{ margin-left:-3%;margin-bottom:40px;}
.order_img li{ float:left; width:22%; margin-left:3%; text-align:center; line-height:30px; margin-bottom:3%; }
.order_img li a{max-height:200px;overflow:hidden;}
.order_img li img{display:block; width:100%; transition:all 0.3s; padding:0;}
.order_img li:hover img{-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3);   
  -moz-box-shadow:0px 0px 20px rgba(0,0,0,.3);   
  box-shadow:0px 0px 20px rgba(0,0,0,.3);  }

/*分页*/

.holder { margin:20px 0 28px 0; text-align:center; font-weight:bold; }
.holder a { font-size: 14px; cursor: pointer; margin:0; color: #b2b2b2; padding:6px 8px; }
.holder a:hover {color: #00b0ff; }
.holder a.jp-previous { background:url(../images/jt_l.jpg) left top no-repeat;padding:6px 21px;}
.holder a.jp-next { background:url(../images/jt_r.jpg) left top no-repeat;padding:6px 21px; }
.holder a.jp-current, a.jp-current:hover { color: #00b0ff; font-weight: bold; }
.holder a.jp-disabled, a.jp-disabled:hover { color: #b2b2b2; }
.holder a.jp-current, a.jp-current:hover { cursor: default; } 

.holder .jp-previous.jp-disabled { cursor: default; background:url(../images/jt_l_h.jpg) left top no-repeat;padding:6px 21px; }
.holder .jp-next.jp-disabled { cursor: default; background:url(../images/jt_r_h.jpg) left top no-repeat;padding:6px 21px; }
.holder span { margin:8px; color: #b2b2b2; }



/*产品列表*/
.i_box_product{width:100%; margin:0; overflow:hidden; background-color:#f5f5f5;}
.i_product{max-width:1180px; margin:30px auto 65px auto;}
.product{}
.product ul{}
.product li{ float:left; width:22.4%; margin:1.3%; text-align:center; background:#FFF; transition:all 0.3s;}
.product li:hover{-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3);   
  -moz-box-shadow:0px 0px 20px rgba(0,0,0,.3);   
  box-shadow:0px 0px 20px rgba(0,0,0,.3);  }
.product li .pic{ padding:0;}
.product li .pic img{ width:100%;}
.product li p{ padding:24px 40px; line-height:24px; font-size:12px; color:#333;}

/*详情*/
.product_xq_t{ max-width:1180px; padding-bottom:60px; border-bottom:1px solid #e6e6e6; margin:30px auto 100px auto;}
.page { float:left; width:50%;}
.sp-wrap {display: none;line-height: 0;font-size: 0;position: relative;}

.sp-thumbs { width:70px; position:absolute; left:0px; top:0px;}
.sp-thumbs img {min-height:68px;min-width: 5=68px;max-width:68px;}
.sp-thumbs a:link, .sp-thumbs a:visited {border: 1px solid #fff;  margin-bottom:10px;width:68px;height:68px;overflow: hidden;opacity:1;display: inline-block;
background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.sp-thumbs a:hover {opacity: 1;border: 1px solid #00aaff;}
.sp-thumbs a:active, .sp-current {opacity: 1!important;position: relative;border: 1px solid #00aaff !important;}
.sp-large {position: relative;overflow: hidden; float:right; margin-left:184px;}

.sp-large a img {max-width: 100%;height: auto;padding-top:0;}
.sp-large a {display: block;}
.sp-zoom {position: absolute;left: -50%;top: -50%;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;display: none;}

.sp-lightbox {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .9);z-index: 500;display: none;cursor: pointer;}
.sp-lightbox img {position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;max-width: 90%;max-height: 90%;border: 2px solid #fff;}
#sp-prev, #sp-next {position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;padding: 14px;text-decoration: none;background: #000;border-radius: 25px;border: 2px solid #fff;width: 50px;height: 50px;box-sizing: border-box;transition: .2s;}
#sp-prev {left: 10px;}
#sp-prev:before {content: '';border: 7px solid transparent;border-right: 15px solid #fff;position: absolute;top: 16px;left: 7px;}
#sp-next {right: 10px;}
#sp-next:before {content: '';border: 7px solid transparent;border-left: 15px solid white;position: absolute;top: 16px;left: 18px;}
#sp-prev:hover, #sp-next:hover {background: #444;}

@media screen and (max-width: 400px) {
	.sp-wrap {margin: 0 0 15px 0;}
	#sp-prev, #sp-next {top: auto;margin-top: 0;bottom: 25px;}
}


.xq_r{ float:right; width:46%;}
.xq_r .title{ border-bottom:1px solid #e6e6e6; overflow:hidden;}
.xq_r .title h2{ font-size:22px; color:#333;}
.xq_r .title p{ line-height:24px;color:#808080; font-size:14px; padding:20px 0;}
.xq_r .pro_js{ line-height:30px; padding-top:30px;font-size:14px;color:#808080;}




/*新闻*/
.i_box_news{width:100%; margin:0; overflow:hidden; background-color:#fff;}
.news{ padding:2% 0; max-width:1180px; margin:0 auto;}
.news ul{ margin-left:-3%;}
.news li{ float:left; width:100%; margin:20px 0;background-color:#fff;}
.news li .box{padding:1.5%;overflow: hidden;}
.news li .box .ns_left{ float:left; width:25%;}
.news li .box .ns_left img{max-width:100%; padding-top: 5px;}
.news li .box .ns_right{width: 75%; float:right;}
.news li .box .ns_right .title{ padding:0;}
.news li .box .ns_right .title h2{ font-size:22px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
.news li .box .ns_right .title .pws{ line-height:25px; font-size:14px; margin-top:5px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.news li .box .ns_right .title .date{ line-height:25px; font-size:12px; margin-top:15px; overflow:hidden; color:#b2b2b2; padding-top:10px;}

.news_con{ max-width:1180px; margin:0 auto;}
.news_con .title{text-align: center;border-bottom: 1px solid #DDD;padding: 20px 0;}
.news_con .title h2{ font-size:24px; float:none;padding-bottom: 20px;}
.news_con .title p{}
.news_con .title p span{margin:0 5px;color: #999;}
.news_con .box{ padding:20px 0;line-height:33px; font-size:14px;}

.news_con .box img{ margin:10px auto; max-width:100%; padding:0; text-align:center; display:block;}


.sxy{border-top: 1px solid #DDD;margin:30px 0 60px 0;padding-top: 20px; overflow:hidden;}
.sxy li{padding:10px 0; width:50%; font-size:14px; float:left;}



/*留言*/
.zxly_er{ max-width:1180px; margin:0 auto; padding:0;}
.zxly_er h2{ font-size:24px; line-height:32px; padding:15px 0;}
.zxly_er p{ font-size:14px; line-height:28px;}
.zxly_er ul{ margin-top:40px;font-size:14px;}
.zxly_er li{ width:49%; margin-bottom:1%;}
.zxly_er li span{ line-height:30px;}
.zxly_er li span i{ color:#F00}
.zxly_er li.left{ float:left;}
.zxly_er li.right{ float:right;}
.zxly_er li .input_txt{ width:96%; height:40px; border:1px solid #dbdbdb; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly_er li.textarea{ width:100%; margin:0; display:block;}
.zxly_er li.textarea span{ line-height:30px; display:block;}
.zxly_er li.textarea span i{ color:#F00}
.zxly_er li.textarea textarea{ width:98%; height:120px; border:1px solid #dbdbdb; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; margin-bottom:100px; color:#FFF; background:#00aaff; float:right; font-size:14px; cursor:pointer;}
.zxly_er .input_btn:hover{background:#0089cc;}