@charset "utf-8";
/* CSS Document */
.banner_pc{ margin-top:90px;}
.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:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background: #666; 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 { background: #FFF; }
.flex-control-paging li a.flex-active { background: #017f7e; cursor: default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

table,th,td{border: 1px solid black;} 



.dyip{ text-align:center; padding:50px 0;}
.dyip h2{ font-size:30px; text-transform:uppercase;}
.dyip .slideTxtBox{ padding:0 10%; margin-top:2%;}
.dyip .slideTxtBox .hd{ margin-bottom:2%;}
.dyip .slideTxtBox .hd ul{ font-size:0px;}
.dyip .slideTxtBox .hd ul li{ display:inline-block; cursor:pointer; font-size:12px; margin:0 0.5%; width:12%;}
.dyip .slideTxtBox .hd ul li .jt{ height:9px; background:url(../images/pic2.gif) no-repeat center; display:none;}
.dyip .slideTxtBox .hd ul li .border{ border:1px solid #CCC; padding:10px 0;}
.dyip .slideTxtBox .hd ul li.on .border{ background:#017f7e; color:#FFF; border:1px solid #017f7e;}
.dyip .slideTxtBox .hd ul li.on .jt{ display:block;}
.dyip .slideTxtBox .bd{ margin-bottom:2%;}
.dyip .slideTxtBox .bd ul{}
.dyip .slideTxtBox .bd li{ float:left; width:24%; margin:0 0.5%;}
.dyip .slideTxtBox .bd li .pic{border: 1px solid #CCC;}
.dyip .slideTxtBox .bd li img{ width:100%;}
.dyip .slideTxtBox .bd li p{ padding:20px 0;}
.dyip .slideTxtBox .arrow{ width:60px; margin:0 auto;}
.dyip .slideTxtBox .arrow a{ display:block;  width:30px; height:24px; line-height:24px; float:left; background:#333; cursor:pointer;}
.dyip .slideTxtBox .arrow a:hover{ text-decoration:none;}
.dyip .slideTxtBox .arrow i{ font-size:12px; color:#FFF;}


.derp{ background:url(../images/pic6.jpg) no-repeat center fixed; background-size:cover; text-align:center; color:#FFF; padding:5% 0;}
.derp .h2{ font-size:30px; text-transform:uppercase; margin-bottom:20px;}
.derp .border{ width:100px; height:2px; background:#FFF; margin:0 auto;}
.derp .box{ padding:0 10%; margin-top:30px;}
.derp ul{ margin-left:-5%;}
.derp li{ float:left; width:20%; margin-left:5%;}
.derp li i{ width:120px; line-height:120px; border:2px solid #FFF; font-size:60px; display:block; margin:0 auto; border-radius:100px;}
.derp li .h3{ font-size:18px; padding:20px 0;}
.derp li p{ line-height:18px;}
.derp .txt{ line-height:24px; margin-top:50px; word-break:break-all;padding:0 20%;}


.dsanp{ padding:0 10%; margin-top:50px; overflow:hidden;}
.dsanp .title{ text-align:center; text-transform:uppercase; margin-bottom:40px;}
.dsanp .title .h2{ font-size:30px; text-transform:uppercase; margin-bottom:20px;}
.dsanp .title .border{ width:100px; height:2px; background:#017f7e; margin:0 auto;}
.dsanp .title_er{}
.dsanp .title_er .h3{ font-size:18px;}
.dsanp .title_er .rq{ font-size:12px; color:#999;}
.dsanp .title_er .rq span{ color:#017f7e;}
.dsanp .title_er p{ margin-top:20px; height:48px; line-height:24px; overflow:hidden;}
.dsanp .title_er .more{ margin-top:10px;}
.dsanp .title_er .more a{ color:#017f7e;}
	
.dsanp .jt{ width:60px; float:right; margin-top:30px;}
.carousel-control {width: 30px;height: 24px;line-height:24px;top:100px;background:#333;font-size:0px;text-align: center;opacity: 1;}
.carousel-control.left{ display:block; position:inherit; float:left; background-image:none;}
.carousel-control.right{ display:block; position:inherit; float:right; background-image:none;}
.carousel-control i{ font-size:12px;}
	
@media only screen and (max-width: 350px) {
	#complicated-content-carousel .flex-item {width: 300px;}
}
	
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#complicated-content-carousel .flex-item {width: 300px;}
}


.carousel.flexible .items {
	display: none;
}


.banner_ny{ margin-top:90px;position: relative;}
.banner_ny img{ width:100%;}
.banner_ny .pic_er{ display:none;}
.banner_ny .title{position: absolute;left: 0%;top: 35%;width: 100%;color: #FFF;font-size: 40px;font-weight: 300;text-align: center;}
.banner_ny .title .box{padding:0 10%;}


.con{ padding:0 10%; margin-top:50px;}

.dqwz{ background:#FFF; box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); padding:30px 10%;}
.dqwz h2{ font-size:36px;}
.dqwz .txt{ font-size:14px;color: #999;}
.dqwz .txt a{color: #999;}
.dqwz .txt a:hover{color: #017f7e;}


.product{}
.product ul{ margin-left:-3%;}
.product li{ float:left; width:22%; margin-left:3%; margin-bottom:20px;}
.product li .pic{ border:1px solid #dadada;position: relative;}
.product li i{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;justify-content: center;align-items: center;font-size: 30px;background: rgba(1,127,126,0.7);color: #FFF;visibility: hidden;opacity: 0;transition: all 0.3s;}
.product li:hover i{visibility: visible;opacity: 1;}
.product li img{ width:100%;}
.product li .title{text-align: center;line-height: 40px;}



.subnav{margin:0 10%;margin-top: -50px;position: relative;z-index: 100;background: #FFF;}
.subnav ul{text-align: center;font-size: 0px;}
.subnav ul li{line-height: 50px;display: inline-block;font-size: 16px;}
.subnav ul li a{ padding:0px 40px; display:block;}
.subnav ul li a:hover{ text-decoration:none; display:block;}
.subnav ul li a.current{background: #017f7e;color: #FFF;}
.subnav ul li i{ float:right;}


.product_con_t{}
.product_con_t .t_r{ float:right; width:50%;}
.product_con_t .t_r .bt{ font-size:26px; border-bottom:1px solid #f3f3f3; padding:10px 0;}
.product_con_t .t_r .bt_2{ font-size:20px; color:#017f7e; margin-top:10px;}
.product_con_t .t_r .box{ margin-top:3%; line-height:30px; background:#FFF;}
.product_con_t .t_r .box h3{ font-size:24px; margin-bottom:3%;}
.product_con_t .t_r .more{ width:200px; height:45px; line-height:45px; text-align:center;  background:#017f7e; border-radius:30px; margin-top:5%;}
.product_con_t .t_r .more i{padding-left: 10px;}
.product_con_t .t_r .more a{ display:block; color:#FFF;}
.product_con_t .t_r .more a:hover{ display:block; color:#FFF; text-decoration:none;}


.product_con_b{ margin-top:50px;}
.product_con_b .bt{ font-size:36px; font-weight:bold; margin-bottom:40px;}
.product_con_b .slideTxtBox{ width:100%;}
.product_con_b .slideTxtBox .hd{ line-height:50px; border-bottom:1px solid #bcbcbc;}
.product_con_b .slideTxtBox .hd ul{}
.product_con_b .slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; background:#dadada; font-size:18px; margin-right:1px;}
.product_con_b .slideTxtBox .hd ul li.on{ height:50px;  background:#017f7e; color:#FFF;}
.product_con_b .slideTxtBox .bd{}
.product_con_b .slideTxtBox .bd .con_b_con{ padding:3% 0; line-height:24px;}


.news{}
.news ul{}
.news li{ margin-bottom:5%;}
.news li .pic{ width:30%; float:left;}
.news li .pic img{ max-width:100%;}
.news li .title{ width:65%; float:right;}
.news li .title .rq{ font-size:12px; color:#999;}
.news li .title .bt{ font-size:16px; color:#666; font-weight:bold; padding:10px 0; line-height:24px;}
.news li .title p{ line-height:24px; height:48px; line-height:24px; overflow:hidden; color:#666;}
.news li .title .more{ width:120px; height:35px; line-height:35px; text-align:center; border:1px solid #DDD; border-radius:30px; margin-top:10px;}
.news li .title .more a{ display:block;}
.news li .title .more a:hover{ display:block; text-decoration:none;}


.news_con{}
.news_con .title{border-bottom: 1px solid #DDD;padding-bottom: 20px;text-align: center;}
.news_con .title h2{font-size: 30px;text-transform: uppercase;color: #333;line-height: 30px;margin-bottom: 10px;}
.news_con .title span{color: #999;}

.news_con .box{ line-height:30px; font-size:16px;margin-top: 30px;}
.news_con .box img{ max-width:100%;}
.news_con .box p{padding-bottom: 20px;}

.fh{width: 120px;margin:50px auto 0 auto;background: #017f7e;line-height: 40px;text-align: center;border-radius: 20px;}
.fh a{display: block;color:#FFF;}
.fh a:hover{display: block;color:#FFF;text-decoration: none;}

.sxy{border-top: 1px solid #DDD;margin-top:50px;padding-top: 20px;margin:50px 0%;}
.sxy li{padding:10px 0;}


.about{ line-height:30px; font-size:16px;}
.about .pic{width: 50%;float: right;margin-left: 5%;}
.about img{width: 100%;border-radius: 5px;}
.about p{ margin-bottom:20px;text-indent: 2em;}


.contact{ line-height:30px; font-size:16px;}
.contact .txt{}
.contact .txt h2{font-size: 24px;margin-bottom: 20px;}


.zhengshu{}
.zhengshu ul{ margin-left:-3%;}
.zhengshu li{ float:left; width:30.333%; margin-left:3%; text-align:center; line-height:30px; margin-bottom:2%;}
.zhengshu li img{ width:100%;}


.zxly{ background:#FFF;margin-top: 30px;margin-bottom: 30px;}
.zxly h2{ font-size:24px; border-bottom:1px solid #DDD; padding-bottom:2%;}
.zxly ul{}
.zxly li{ width:49%; margin-bottom:1%;}
.zxly li.left{ float:left;}
.zxly li.right{ float:right;}
.zxly li .input_txt{ width:96%; height:40px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly li.textarea{ width:100%; margin:0;}
.zxly li.textarea textarea{ width:98%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#017f7e; outline:medium; margin-top:10px;}
.zxly .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#999; outline:medium; margin-top:10px;}


.qyry{}
.qyry h2{font-size: 30px;padding-bottom: 20px;}
.qyry ul{margin-left: -2%;}
.qyry li{width: 23%;float: left;margin-left: 2%;line-height: 30px;text-align: center;margin-bottom: 20px;}
.qyry li .pic{border: 1px solid #3d3d3d;}
.qyry li img{width: 100%;}


.fenye{margin-top: 10px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 18px;width: 50px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #999;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #017f7e;background: #017f7e;}
.fenye li.current a{color: #FFF;}