@charset "utf-8";
/* CSS Document */
.banner_pc{}
.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: #0383c6; cursor: default;}


.tage{ padding:15px 0; background:#e6e6e6;}
.tage .box{ max-width:1180px; margin:0 auto; line-height:24px;}
.tage .box a{ margin-right:20px;}
.tage .box p{ float:left;}


.content{}
.dyip{ padding:3% 0;}
.dyip .title{ text-align:center;}
.dyip .title h2{ font-size:30px; font-weight:bold; line-height:60px;}
.dyip .title h2 span{ color:#0383c6;}
.dyip .title .border{ height:1px; background:#DDD; position:relative;}
.dyip .title .border .xian{ width:100px; height:3px; background:#0383c6; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.dyip .title p{ color:#999; margin-top:10px;}
.dyip .slideTxtBox{ max-width:1180px; margin:30px auto 0 auto;}
.dyip .slideTxtBox .hd{ border-bottom:1px solid #DDD; padding-bottom:20px;}
.dyip .slideTxtBox .hd ul{ margin-left:-1%; text-align:center;}
.dyip .slideTxtBox .hd ul li{ cursor:pointer; display:inline-block; width:18%;margin-bottom:1%; margin-left:1%; font-size:12px; height:30px; line-height:30px; border-radius:20px; background:#e6e6e6; }
.dyip .slideTxtBox .hd ul li.on { background:#0383c6; color:#FFF;}
.dyip .slideTxtBox .bd{}
.dyip .slideTxtBox .bd .dh{ text-align:center; font-size:0px; line-height:30px; margin-top:10px;}
.dyip .slideTxtBox .bd .dh li{ display:inline-block; font-size:14px; width:20%;}
.dyip .slideTxtBox .bd .bt{ background:#0383c6; margin-top:10px;}
.dyip .slideTxtBox .bd .bt .bt_l{ float:left; width:50%;}
.dyip .slideTxtBox .bd .bt .bt_l img{ width:100%;}
.dyip .slideTxtBox .bd .bt .title_er{ float:right; width:50%; color:#FFF;}
.dyip .slideTxtBox .bd .bt .title_er .box{ padding:5%;}
.dyip .slideTxtBox .bd .bt .title_er .box h2{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.dyip .slideTxtBox .bd .bt .title_er .box .txt{ line-height:24px;}
.dyip .slideTxtBox .bd .bt .title_er .box .more{ background:rgba(255,255,255,0.8); width:110px; text-align:center; line-height:30px; margin-top:30px;}
.dyip .slideTxtBox .bd .bt .title_er .box .more i{ width:30px; height:30px; background:#FFF; display:inline-block; float:left;}
.dyip .slideTxtBox .bd .bt .title_er .box .more p{ float:left; width:80px;}
.dyip .slideTxtBox .bd .list{ margin-left:-2%; margin-top:20px;}
.dyip .slideTxtBox .bd .list li{ float:left; width:23%; margin-left:2%; margin-bottom:2%; text-align:center; line-height:40px;}
.dyip .slideTxtBox .bd .list li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dyip .slideTxtBox .bd .list li .box{ border:1px solid #DDD;}
.dyip .slideTxtBox .bd .list li img{ width:100%;}


.derp{}
.derp .title{ text-align:center;}
.derp .title h2{ font-size:30px; font-weight:bold; line-height:60px;}
.derp .title h2 span{ color:#0383c6;}
.derp .title .border{ height:1px; background:#DDD; position:relative;}
.derp .title .border .xian{ width:100px; height:3px; background:#0383c6; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.derp .title p{ color:#999; margin-top:10px;}
.derp .box{ max-width:1180px; margin:30px auto 0 auto; background:#000 url(../images/pic10.jpg) no-repeat;}
.derp .box .box_l{ float:left; width:50%; color:#FFF; text-align:center;}
.derp .box .box_l .bj{ padding:10% 5%;}
.derp .box .box_l .bj h2{ font-size:22px; font-weight:bold;}
.derp .box .box_l .bj .txt{ line-height:24px; margin-top:20px;}
.derp .box .box_l .bj .more{ background:rgba(255,255,255,0.8); width:110px; text-align:center; line-height:30px; margin:60px auto 0 auto;}
.derp .box .box_l .bj .more i{ width:30px; height:30px; background:#FFF; display:inline-block; float:left;}
.derp .box .box_l .bj .more p{ float:left; width:80px;}
.derp .box .box_r{ float:right; width:50%;}
.derp .box .box_r ul{ padding:5%;}
.derp .box .box_r li{ float:left; width:40%; background:#FFF; margin:1% 5%; line-height:30px; text-align:center;}
.derp .box .box_r li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:12px;}
.derp .box .box_r li img{ width:100%;}


.dsanp{ margin-top:3%;}
.dsanp .title{ text-align:center;}
.dsanp .title h2{ font-size:30px; font-weight:bold; line-height:60px;}
.dsanp .title h2 span{ color:#0383c6;}
.dsanp .title .border{ height:1px; background:#DDD; position:relative;}
.dsanp .title .border .xian{ width:100px; height:3px; background:#0383c6; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.dsanp .title p{ color:#999; margin-top:10px;}
.dsanp .box{ max-width:1180px; margin:30px auto 0 auto;}
.dsanp .box ul{ margin-left:-2%;}
.dsanp .box li{ float:left; width:23%; margin-left:2%; line-height:30px; text-align:center;}
.dsanp .box li .pic{ border:1px solid #DDD;}
.dsanp .box li:hover .pic{ border:1px solid #0383c6;}
.dsanp .box li .pic img{ width:100%;}
.dsanp .box .more{ background:rgba(3,131,198,0.8); width:110px; text-align:center; line-height:30px; margin:2% auto 0 auto;}
.dsanp .box .more i{ width:30px; height:30px; background:#0383c6; display:inline-block; float:left;}
.dsanp .box .more p{ float:left; width:80px;}
.dsanp .box .more a{ color:#FFF;}
.dsanp .box .more a:hover{ color:#FFF; text-decoration:none;}


.post-slide{margin: 0 15px; text-align:center;}
.post-slide .post-img{overflow: hidden; border:1px solid #DDD;}
.post-slide p{ line-height:50px;}
.post-slide .post-img img{width: 100%;height: auto;transform: scale(1);transition: all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{transform: scale(1.08);}
.post-slide .post-content{background: #fff;padding: 20px;}
.post-slide .post-title{font-size: 17px;font-weight: 600;margin-top: 0;text-transform: capitalize;}
.post-slide .post-title a{display: inline-block;color: #808080;transition: all 0.3s ease 0s;}
.post-slide .post-title a:hover{color: #3d3030;text-decoration: none;}
.post-slide .post-description{font-size: 15px;color: #676767;line-height: 24px;margin-bottom: 14px;}
.post-slide .post-bar{padding: 0;margin-bottom: 15px;list-style: none;}
.post-slide .post-bar li{color: #676767;padding: 2px 0;}
.post-slide .post-bar li i{margin-right: 5px;}
.post-slide .post-bar li a{display: inline-block;font-size: 12px;color: #808080;transition: all 0.3s ease 0s;}
.post-slide .post-bar li a:after{content: ",";}
.post-slide .post-bar li a:last-child:after{content: "";}
.post-slide .post-bar li a:hover{color: #3d3030;text-decoration: none;}
.post-slide .read-more{display: inline-block;padding: 10px 15px;font-size: 14px;font-weight: bold;color: #fff;background: #e7989a;border-bottom-right-radius: 10px;text-transform: capitalize;transition: all 0.30s linear;}
.post-slide .read-more:hover{background: #333;text-decoration: none;}


.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}


.dsip{ background:url(../images/pic16.jpg) no-repeat center; padding:5% 0; margin-top:3%;background-size: cover;}
.dsip .box{ max-width:1180px; margin:0 auto; color:#FFF; text-align:center;}
.dsip .box h2{ font-size:30px; font-weight:bold; line-height:60px;}
.dsip .box .border{ width:100px; height:1px; background:#FFF; margin:0 auto 30px auto;}
.dsip .box .txt{ padding:0 10%; line-height:24px;}
.dsip .box .more{ background:rgba(255,255,255,0.8); width:110px; text-align:center; line-height:30px; margin:60px auto 0 auto;}
.dsip .box .more i{ width:30px; height:30px; background:#FFF; display:inline-block; float:left;}
.dsip .box .more p{ float:left; width:80px;}


.dwup{ margin-top:3%;}
.dwup .title{ text-align:center;}
.dwup .title h2{ font-size:30px; font-weight:bold; line-height:60px;}
.dwup .title h2 span{ color:#0383c6;}
.dwup .title .border{ height:1px; background:#DDD; position:relative;}
.dwup .title .border .xian{ width:100px; height:3px; background:#0383c6; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.dwup .title p{ color:#999; margin-top:10px;}
.dwup .box{ max-width:1180px; margin:30px auto;}
.dwup .box .border{ border:1px solid #DDD; padding:5%;}
.dwup .box .box_l{ float:left; width:32.333%; margin-right:2%;}
.dwup .box h2{ line-height:40px; font-size:18px; margin-bottom:5px;}
.dwup .box p{ float:right; font-size:14px;}
.dwup .box .border ul{}
.dwup .box .border li{ padding:15px 0; background:url(../images/pic17.gif) no-repeat left -72px; padding-left:15px;}
.dwup .box .border li:hover{ background:url(../images/pic17.gif) no-repeat left 22px;}
.dwup .box .border li span{ float:right; color:#999;}
.dwup .box .border img{ width:100%;}
.dwup .box .box_r{ float:right; width:31.333%;}
.dwup .box .box_r .pic{ margin-top:10px;}
.dwup .box .box_r ul{ margin-top:4%;}


.banner_ny{}
.banner_ny img{ width:100%;}
.banner_ny .pic_er{ display:none;}


.con_neiye{}
.con_neiye .title{ text-align:center; margin-top:3%;}
.con_neiye .title h2{ font-size:30px; font-weight:bold; line-height:60px;}
.con_neiye .title h2 span{ color:#0383c6;}
.con_neiye .title .border{ height:1px; background:#DDD; position:relative;}
.con_neiye .title .border .xian{ width:100px; height:3px; background:#0383c6; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.con_neiye .title p{ color:#999; margin-top:10px;}


.subnav{ margin-top:20px; max-width:1200px;margin: 30px auto 0 auto;}
.subnav ul{ text-align:center; font-size:0px;}
.subnav li{ display:inline-block;cursor:pointer; font-size:12px;height:30px; margin-bottom:1%;margin-left:1%;line-height:30px;border-radius:20px;overflow: hidden;width:18%;background:#e6e6e6;
    
    
}
.subnav li a{ display:block;}
.subnav li a:hover{ display:block; text-decoration:none;}
.subnav li a.current{ background:#0383c6; color:#FFF;}

.subnav_san{ margin-top:20px;}
.subnav_san ul{ text-align:center; font-size:0px;}
.subnav_san li{ display:inline-block; font-size:14px; height:30px; line-height:30px; border-radius:20px; overflow:hidden; /*width:8%; */margin:0 1%;}
.subnav_san li a{ display:block;}
.subnav_san li a:hover{ display:block; text-decoration:none;}
.subnav_san li a.current{ color:#0383c6;}

.about{ max-width:1180px; margin:30px auto; line-height:24px; color:#666;}
.about p{ padding-bottom:20px;}
.about img{width:100%;}


.huobang{ max-width:1180px; margin:30px auto;}
.huobang ul{ margin-left:-2%;}
.huobang li{ margin-bottom:2%; width:18%; float:left; margin-left:2%; text-align:center; line-height:30px;}
.huobang li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.huobang li .pic{ border:1px solid #DDD;}
.huobang li .pic img{ width:100%;}
.huobang li .txt{ width:87%; float:right;}
.huobang li .txt h2{ font-size:16px; padding:10px 0;}
.huobang li .txt p{ line-height:24px;}

.product{ max-width:1180px; margin:30px auto;}
.product ul{ margin-left:-2%;}
.product li{ float:left; width:23%; margin-left:2%; text-align:center; line-height:30px; margin-bottom:2%;}
.product li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product li .pic{ border:1px solid #DDD;}
.product li .pic img{ width:100%;}


.paging{ margin-top:20px;}
.paging ul{ font-size:0px; text-align:center;}
.paging li{ display:inline-block; width:40px; height:40px; line-height:40px; margin-right:5px; font-size:16px;}
.paging li a{ display:block; border:1px solid #CCC;}
.paging li a:hover{ display:block; text-decoration:none; border:1px solid #0383c6;}
.paging li a.current{ color:#FFF; background:#0383c6; border:1px solid #0383c6;}
.paging li a.s{ color:#999;}


.huobang_con{ background:#f2f2f2; padding:4% 0; margin-top:30px;}
.huobang_con .box{ max-width:1180px; margin:0px auto; background:#FFF;}
.huobang_con .box .hzhb_nr{ padding:5% 10%;}

.huobang_con .box .hzhb_nr_title{ text-align:center; border-bottom:1px dotted #CCC; padding-bottom:20px;}
.huobang_con .box .hzhb_nr_title h2{ font-size:24px; padding-bottom:20px; color:#0383c6;}
.huobang_con .box .hzhb_nr_title p{ color:#999; font-size:16px;}
.huobang_con .box .hzhb_nr_title p span{ margin:0 5px;}
.huobang_con .box .hzhb_nr_con{ line-height:30px; margin-top:40px; border-bottom:1px dotted #CCC; margin-bottom:30px;}
.huobang_con .box .hzhb_nr_con img{ margin-bottom:10px; max-width:100%;}
.huobang_con .box .hzhb_nr_con p{ margin-bottom:20px;}


.fenye{ line-height:30px;}


.tjxx{ max-width:1180px; margin:30px auto;}
.tjxx ul{ margin-left:-2%;}
.tjxx li{ float:left; width:23%; margin-left:2%; margin-bottom:2%; text-align:center; line-height:30px; position:relative;}
.tjxx li .pic{ border:1px solid #DDD; overflow:hidden;}
.tjxx li .pic img{ width:100%; transition:all 0.3s;}
.tjxx li:hover .pic img{ width:100%; transform:scale(1.2);}
.tjxx li p{ position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.2); display:none;}
.tjxx li:hover p{ display:block;}


.hzhb_b{ max-width:1180px; margin:0px auto;}
.hzhb_b .hzhb_b_l{ float:left; width:50%;}
.hzhb_b .hzhb_b_l .box{ border-right:1px solid #DDD; padding-right:5%;}
.hzhb_b .hzhb_b_l h2{ font-size:24px; border-bottom:1px solid #DDD; padding-bottom:20px;}
.hzhb_b .hzhb_b_l h2 span{ color:#0383c6;}
.hzhb_b .hzhb_b_l ul{ margin-top:20px;}
.hzhb_b .hzhb_b_l li{ padding:10px 0; background:url(../images/pic17.gif) no-repeat left -78px; padding-left:15px;}
.hzhb_b .hzhb_b_l li:hover{ background:url(../images/pic17.gif) no-repeat left 16px;}
.hzhb_b .hzhb_b_l li span{ float:right; color:#999;}


.hzhb_b_r{ float:right; width:50%;}
.hzhb_b_r ul{}
.hzhb_b_r li{ float:left; width:46%; line-height:50px; border-bottom:1px solid #DDD; margin-left:4%;}
.hzhb_b_r li a{ display:block;}
.hzhb_b_r li a:hover{ display:block; text-decoration:none;}


.hzhb_b_r .lx{ text-align:center; margin-top:20px; margin-left:4%;}
.hzhb_b_r .lx .list{ float:left; background:#0383c6; margin-right:2%;}
.hzhb_b_r .lx .list i{ font-size:36px;}
.hzhb_b_r .lx .list a{ color:#FFF; display:block; padding:20px;}
.hzhb_b_r .lx .list a:hover{ color:#FFF; display:block; text-decoration:none;}


.product_con{ padding-top:3%;}
.product_t{ max-width:1180px; margin:0px auto;}


.product_t_r{ float:right; width:49%;}
.product_t_r h2{ font-size:24px; padding:2% 0; color:#0383c6;}
.product_t_r .txt{}
.product_t_r .txt p{ padding:1% 0;}
.product_t_r .ly{ width:150px; height:35px; line-height:35px; background:#0383c6; text-align:center; border-radius:5px; margin-top:5%;}
.product_t_r .ly a{ color:#FFF; display:block;}
.product_t_r .ly a:hover{ color:#FFF; display:block; text-decoration:none;}
.product_t_r .dh{ line-height:24px; padding-top:3%;}
.product_t_r .dh strong{ text-transform:uppercase;}
.product_t_r .dh p{ font-size:18px; color:#0383c6;}


.product_b{ background:#f2f2f2; padding:3% 0; margin-top:3%;}
.product_b .box{ max-width:1180px; margin:0 auto;}
.product_b .box img{max-width:100%;height: auto !important;}
.product_b .box table{width:100%;}
.product_b .box ul{ border-bottom:2px solid #0383c6;}
.product_b .box ul li{ float:left; cursor:pointer; line-height:50px; padding:0 30px; background:#e6e6e6; margin-right:2px; border-radius:20px 20px 0 0; font-size:18px;}
.product_b .box ul li.on{ background:#0383c6; color:#FFF;}
.product_b .box ul li a{ display:block;}
.product_b .box ul li a:hover{ text-decoration:none;}


.fanan{ max-width:1180px; margin:3% auto;}
.fanan ul{ margin-left:-2%;}
.fanan li{ float:left; width:23%; margin-left:2%; margin-bottom:2%;}
.fanan li .box{ border:1px solid #DDD;}
.fanan li .box .title_er{ padding:5%;}
.fanan li .box .title_er h2{ line-height:30px; font-size:16px; margin-bottom:5px;}
.fanan li .box .title_er p{ line-height:24px; color:#666;}
.fanan li img{ width:100%;}


.news{ max-width:1180px; margin:3% auto;}
.news ul{}
.news li{ padding:15px 0; border-bottom:1px dashed #999;}
.news li{ padding:15px 0; background:url(../images/pic17.gif) no-repeat left -72px; padding-left:15px;}
.news li:hover{ background:url(../images/pic17.gif) no-repeat left 22px;}
.news li span{ float:right; color:#999;}
.news li p{ float:right; background:url(../images/pic37.png) no-repeat left center; padding-left:25px;}


.zxly{ max-width:1180px; margin:3% auto;}
.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 .more{ margin-top:10px;}
.zxly .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#0383c6; outline:medium;}
.zxly .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#999; outline:medium;}