@charset "utf-8";
@import url("../../../css/fonts.css");
@import url("../../../css/css_gongyong.css");
@import url("style.iii8.css");

/* CSS Document */
* {margin: 0;padding: 0;word-wrap: break-word;}

/* CSS Document end */


@media only screen and (min-width: 1024px){
body {font-size:14px; font-family:Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;color:#444;-webkit-font-smoothing: antialiased;position: relative;height: 100%;min-width:1200px}
a:hover {text-decoration: none;color: #0083CE;}
a img,img {border: none;margin: 0 auto;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
a{text-decoration: none;color:#444;}
div,ul,li,p,form {padding: 0px;margin: 0px;list-style-type: none;}
em {font-style: normal;font-weight: normal;}
h3,h4,h1,h2 {padding: 0px;font-size: 16px;font-weight: bold;}
table td,table td p{word-break: normal}
textarea,input,button {outline: medium;}
.animation{transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.clear {clear: both;height: 0px;}
.blank10 {height: 20px;overflow: hidden;clear: both;}
.blank {height: 10px;overflow: hidden;clear: both;}
.clearfix { width:1200px; margin: 0 auto;}
.ellipsis{text-overflow: ellipsis;white-space:nowrap; overflow:hidden;}
.left {float: left;}
.right {float: right;}
.arrow {position: absolute;left: 50%; margin-left: -6px;display: none;}
.arrow_in {bottom: -5px; width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;border-bottom-width: 0;border-top-color: #DADADA;border-top-style: solid;}
.arrow_out {bottom: -6px;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;border-bottom-width: 0;border-top-color: #016cc3;border-top-style: solid;}

.no_pc { display:none!important; }
.top { background:#016cc3; line-height:30px; color:#FFF; }
.header { background:#FFF; position:relative; border-bottom:1px solid #FFF; }
.header-logo .clearfix-logo{overflow: hidden; background:url(../images/logo_bj.png) left top repeat-y; padding:10px 0;}
.header-logo .logo img{display: block;}
.header-logo .tel{width: 150px;padding: 6px 0px;}
.header-logo .tel strong{display: block;background: url(../images/tel.png) no-repeat left center;padding-left: 45px;font-weight: normal;color: #787878;font-size: 15px;}
.header-logo .tel h3{font-size: 24px; color: #016cc3;line-height: 36px;}
.header-logo .center{width: 694px;float: left;text-align: center;line-height: 68px;color: #016cc3;}
.header-logo .center h3{font-size:20px;}
.header-nav{ position:absolute; bottom:0px; right:0px; height: 50px;}
.header-nav .nav-ul li{float: left;line-height:50px; text-align: center;}
.header-nav .nav-ul span{display: block;width: 2px;float: left;height: 50px;}
.header-nav .nav-ul span:last-child{display: none;}
.header-nav .nav-ul li .item-list{ font-size: 16px;display: block; padding:0 20px; font-weight:600; }
.header-nav .nav-ul li.currclass .item-list{ border-bottom:3px #016cc3 solid; margin-top:-2px; }
.header-nav .nav-ul li:hover .item-list{background:rgba(0,0,0,0.05);}
.header-nav .navi_content{background: #FFF;position: absolute; z-index: 99;height: 0px;overflow: hidden; }
.header-nav .navi_content .navi-box p a{color: #333;font-size: 14px;display: block; text-align:left; padding:0 27px;}
.header-nav .navi_content .navi-box p a:hover{background: #DDD;}
.header-nav .nav-ul li:hover .navi_content{height: auto;}


/**幻灯**/
.banner-container .swiper-slide {text-align: center;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner-container .swiper-slide a{display: block;}
.banner-container .swiper-slide a img{display: block;width: 100%;min-height: 250px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
.banner-button-next,.banner-button-prev{color:#FFF;}
.banner-pagination .swiper-pagination-bullet{border: 1px solid #FFF;border-radius: 100%;background:0;width: 14px;height: 14px;opacity: 1;position: relative;}
.banner-pagination .swiper-pagination-bullet:before{width: 4px;height: 4px;background: #FFF;content:"";display: block;position: absolute;left: 50%;margin-left: -2px;top: 50%;margin-top: -2px;border-radius: 100%;}
.banner-pagination .swiper-pagination-bullet-active{border: 1px solid #016cc3;}
.banner-pagination .swiper-pagination-bullet-active:before{background: #016cc3;}

/**首页产品**/




/**标题**/
.title{text-align: center;color: #016cc3;padding: 30px 0px;}
.title h2{line-height: 70px;font-size: 24px;}
.title p{position: relative;}
.title p:before{position: absolute;content:"";border-bottom: 1px solid #dfdfdf;left: 0px;width:45%;top: 50%;}
.title p:after{position: absolute;content:"";border-bottom: 1px solid #dfdfdf;right: 0px;width:45%;top: 50%;}
.title p span{display: inline-block;width:10%;position: relative;color: #c5c5c6;}
.title p span:before{position: absolute;content:"";height: 5px; background: #016cc3; width:40px;left: -40px;top: 50%;margin-top: -2.5px;}
.title p span:after{position: absolute;content:""; right: -40px; height:5px; background: #016cc3;width: 40px;top: 50%;margin-top: -2.5px;z-index: 1;}

.home_title { text-align:center; padding:20px 0; }
.home_title h2 { font-size:22px; }
.home_title span { }
.home_title div { border-bottom:1px #eee solid; position:relative; height:10px; margin-top:10px; }
.home_title span { display:block; width:40px; border-bottom:4px #077dd8 solid; position:absolute; top:0px; left:50%; margin-top:9px; }
.home_title span.x_l { margin-left:80px; }.home_title span.x_r { margin-left:-120px; }
.home_title h3 { font-size:16px; background:#FFF; display:block; width:200px; margin:auto; font-weight:normal; color:#999; }

.more { background:#077dd8; padding:10px; }

.about {  }
.about-box{ padding:30px 0; position: relative;}
.about-box .about-box-left {width: 96%; }
.about-box .about-box-right{width: 98%;}
.about-box .about-box-left img{width: 100%;display: block;}
.about-box .about-box-right{ float:right; }
.about-box .about-box-right h2{ border-box; padding:10px 30px; font-size:30px; }
.about-box .about-box-right .about-text{ box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:10px 30px; color:#626262;line-height:30px;}

.project-right{ width:42%; }
.project-right img{ max-width:100%; width:100%; }
.project-left {width:55%; }
.project-left .project-text{ box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:10px 30px;color: #626262;line-height:30px; }

.about .about-back{height: 155px;background: url(../images/back.jpg) repeat-x center center;}
.about-back-box{overflow: hidden;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.about-back-box li{flex: 1;-ms-flex: 1;-webkit-flex: 1;text-align: center;color: #FFF;padding: 30px 0px;}
.about-back-box li strong{font-size: 48px;position: relative;display: inline-block;}
.about-back-box li strong span{position: absolute;font-size: 16px;width: 100%;right: -105%;text-align:left;}
.about-back-box li p{margin-top: 20px;}

.product{background: url(../images/product-back.jpg) no-repeat center center;}
.product-title{padding: 30px 0px;text-align: center;}
.product-title h3{font-size: 24px;color: #016cc3;margin-bottom: 20px;}
.product-title p{color: #777777;line-height: 24px;}
.product-box{padding-top: 0px;position: relative;}

.product-container { display:block; overflow:hidden;}
.product-container .swiper-slide { width:25%; float:left;}
.product-container .swiper-slide a{ display:block; height:100%; position:relative; }
.product-container .swiper-slide .text{height:100%; position:absolute; top:0px; width:100%; text-align:center; line-height:100%; background:rgba(0,0,0,0.4);}
.product-container .swiper-slide .img img{width: 100%;display: block;}
.product-container .swiper-slide .text p{width: 100%;line-height: 24px;color: #FFF;font-size: 14px; font-size:16px;  margin-top:30%; }
.product-container .swiper-slide a:hover .text{background:rgba(1,108,195,0.8); top:40%; height:60px;}
.product-container .swiper-slide a:hover .text p{width: 100%;line-height: 24px;color: #FFF; line-height:60px; font-size: 14px; font-size:16px;  margin-top:0%;}

.product2-container .swiper-slide a{ display:block; height:100%; position:relative; }
.product2-container .swiper-slide .text{height:100%; width:100%; text-align:center; line-height:100%; background:rgba(0,0,0,0.7);}
.product2-container .swiper-slide .img img{width: 100%;display: block;}
.product2-container .swiper-slide .text p{width: 100%; line-height:24px; color: #FFF; font-size:14px; font-size:16px; line-height:50px; }
.product2-container .swiper-slide a:hover .text{ background:rgba(1,108,195,0.8); }

.product-pagination{width: 100%;bottom: 20px;}
.product-pagination span{margin: 0px 4px;}
.product-pagination span{width: 11px;height: 11px;background: #FFF;opacity: 1;}
.product-pagination span.swiper-pagination-bullet-active{background: #027ada;}


.youshi-title{background: url(../images/youshi-back.jpg) no-repeat center center; height: 193px;}
.youshi-title-box{overflow: hidden;position: relative;}
.youshi-title-text{color: #FFF;float: left;padding:30px 0px;}
.youshi-title-text h3{font-size: 30px;}
.youshi-title-text p{font-size: 16px;line-height: 40px;}

.youshi-box{position: absolute;right: 130px;top: 40px;}
.youshi-box h3{color: #000;line-height: 30px;}
.youshi-box strong a{color: #FFF;font-size: 20px;line-height: 30px;}

.youshi-list-top .swiper-slide .left,.youshi-list-top .swiper-slide .right{width: 50%;}
.youshi-list-top .swiper-slide .img img{width: 100%;height: 400px;display: block;}
.youshi-list-top .swiper-slide .right{background:url(../images/you-right.jpg) no-repeat center center;height: 400px;padding: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.youshi-list-top .swiper-slide .right .text strong{display: block;font-size: 16px;font-weight: normal;}
.youshi-list-top .swiper-slide .right .text strong span{font-size: 24px;color: #2263af;}
.youshi-list-top .swiper-slide .right .text h3{font-size: 24px;color: #2263af;line-height: 50px;padding: 20px 0px;border-bottom: 1px solid #cbcbcb;}
.youshi-list-top .swiper-slide .right .text .intro{padding: 30px 0px;font-size: 14px;line-height: 24px;}
.youshi-list-top .swiper-slide .right .text .intro p{margin-bottom: 20px;color: #616161;}
.youshi-list-thumbs .img{background: #016cc3;}
.youshi-list-thumbs .img img{width: 100%;display: block;height: 150px;object-fit: cover;opacity: 0.1;}
.youshi-list-thumbs .text-a{border: 1px solid #FFF;position: relative;}
.youshi-list-thumbs .text-a .text{position: absolute;width: 100%;height: 100%;left: 0px; top: 0px;border: 3px solid #afafaf;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;line-height: 150px;color: #FFF;}
.youshi-list-thumbs .text-a .text h3{font-size: 24px;}
.youshi-list-thumbs .text-a .text h3 span{background-repeat: no-repeat;padding: 15px 0px;background-position: left center;padding-left: 80px;}
.youshi-list-thumbs .swiper-slide-thumb-active .text-a .text{border:3px solid #ff5400;}
.youshi-list-top{padding-top: 20px;}
.youshi-list-thumbs{padding-bottom: 50px;}

.queueList{ background-image:url(../images/q-back.jpg); background-repeat:no-repeat!important; background-position:center center!important; background-size:cover!important; }
.queueList .title p:before{position: absolute;content:"";border-bottom: 1px solid #d5d5d5;left: 0px;width:45%;top: 50%;}
.queueList .title p:after{position: absolute;content:"";border-bottom: 1px solid #d5d5d5;right: 0px;width:45%;top: 50%;}
.title .title-text{color: #929293;font-size: 14px;line-height: 40px;margin-top: 10px;}
.queue-container .swiper-slide img{width: 100%;display: block;}
.queueList-box{padding-bottom: 80px;position: relative;}
.queue-pagination{width: 100%;bottom:30px;}
.queue-pagination span{margin: 0px 4px;}
.queue-pagination span{width: 11px;height: 11px;background: #FFF;opacity: 1;}
.queue-pagination span.swiper-pagination-bullet-active{background: #027ada;}

.shepei-box{position: relative;padding-bottom: 40px;}
.shepei-container .swiper-slide .text{text-align: center;line-height: 40px;background: #e3e3e3;}
.shepei-container .swiper-slide img{display: block;width: 100%;}
.shepei-button-next,.shepei-button-prev{width: 40px;height: 40px;line-height: 40px;text-align: center;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.shepei-button-next:after,.shepei-button-prev:after{font-size: 16px;color: #FFF;}
.shepei-button-next{right: 0px;}
.shepei-button-prev{left: 0px;}
.shepei-box:hover .shepei-button-next,.shepei-box:hover .shepei-button-prev{opacity: 1;}

.shepei1-container { display:block; }
.shepei1-container .swiper-slide { width:18%; margin:auto 1%; float:left; }
.shepei1-container .swiper-slide .text{text-align: center;line-height: 40px;background:rgba(0,0,0,0.7); color:#FFF; }
.shepei1-container .swiper-slide img{display: block;width: 100%;}
.shepei1-button-next,.shepei1-button-prev{width: 40px;height: 40px;line-height: 40px;text-align: center;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.shepei1-button-next:after,.shepei1-button-prev:after{font-size: 16px;color: #FFF;}
.shepei1-button-next{right: 0px;}
.shepei1-button-prev{left: 0px;}
.shepei-box:hover .shepei1-button-next,.shepei-box:hover .shepei1-button-prev{opacity: 1;}


.news-box{overflow: hidden;}
.news-box-left{width: 550px;}
.news-box-left .text span{width: 110px;display: inline-block;text-align: center;line-height: 45px;background: #016cc3;color: #FFF;font-size: 16px;}
.news-box-left .text{background: #eaeaea;}
.box-left-box .box{padding: 20px 0px;overflow: hidden;border-bottom: 1px solid #eaeaea;}
.box-left-box .box .img{width: 224px;}
.box-left-box .box .img img{width: 224px;height: 150px;object-fit: cover;}
.box-left-box .box .box-text{width:310px ;}
.box-left-box .box .box-text h3{font-size: 14px;font-weight: normal;color: #000;}
.box-left-box .box .box-text span{color: #8f8f8f;display: block;padding: 15px 0px;}
.box-left-box .box .box-text p{font-size: 12px;line-height: 24px;color: #8f8f8f;}
.box-left-box ul li span{float: right;color: #4d4d4d;}
.box-left-box ul li{line-height: 39px;border-bottom: 1px solid #eaeaea;}
.news-box-right{width: 600px;position: relative;}
.new-container .swiper-slide a{display: block;position: relative;}
.new-container .swiper-slide .img img{width: 100%;display: block;}
.new-container .swiper-slide .text{position: absolute;width: 100%;height: 47px;left:0px ;background: rgba(0,0,0,0.5);bottom: 0px;text-align: center;line-height: 47px;color: #FFF;}
.new-button-next,.new-button-prev{width: 40px;height: 40px;line-height: 40px;text-align: center;background: rgba(0,0,0,0.5);}
.new-button-next:after,.new-button-prev:after{font-size: 16px;color: #FFF;}
.new-button-next{right: 0px;}
.new-button-prev{left: 0px;}

.contact{background: url(../images/co-back.jpg) no-repeat center center;height: 560px;margin-top: 50px;}
.contact-title{border-bottom: 1px solid #dddddd;height: 54px;}
.contact-title strong{display: inline-block;width: 166px;padding: 20px 0px 12px 0px;font-size: 18px;color: #FFF;font-weight: normal;position: relative;}
.contact-title strong span{font-size: 14px;color: #919191;padding-left: 8px;}
.contact-title strong:before{content: "";position: absolute;width: 100%;height: 3px;background: #016cc3;bottom: 0px;left: 0px;}
.contact-text{overflow: hidden;}
.left-form h3{line-height: 80px; font-weight: normal;}
.left-form ul li.li-text input{width: 260px;height: 40px;border: 1px solid #575757;padding: 0px 15px;background: 0;color: #b4b4b4;}
.left-form ul li{margin-bottom: 15px;}
.left-form ul li.li-text textarea{border: 1px solid #575757;padding: 4px 15px;background: 0;color: #b4b4b4;width: 450px;height: 100px;}
.left-form ul li.code{overflow: hidden;}
.left-form ul li.code input{height: 40px;border: 1px solid #575757;padding: 0px 15px;background: 0;color: #b4b4b4;width: 144px;float: left;}
.left-form ul li.code img{float: left;background: #FFF;margin-left: 5px;padding: 8px 11px;}
.left-form ul li.form-btn .btn{width: 123px;height: 40px;background: #004c98;color: #FFF;border: 0;cursor: pointer;}
.left-form ul li.form-btn .btn:hover{background: #035ab1;}
.contact-text .left-form{width: 565px;}
.contact-text .left-text{width: 374px;margin-top: 35px;color: #8c8c8c;border-left: 1px solid #555;border-right: 1px solid #555;}
.contact-text .left-text li h3{font-weight: normal;font-size: 14px;padding-left:35px;}
.contact-text .left-text li p{font-size: 16px;line-height: 30px;overflow: hidden;}
.contact-text .left-text li p span{float: left;padding-right:5px;}
.contact-text .left-text li p span:before{font-size:30px;}
.contact-text .left-text li{padding: 15px;border-bottom: 1px solid #555555;margin: 0px 15px;}
.contact-text .left-text li p span.fa-fax:before{font-size:20px;padding: 5px;}
.contact-text .left-text li:last-child{border: 0;}
.left-img .img{padding-top: 35px;}

.footer{ background:url(../images/co-back.jpg) no-repeat center center;}

.footer-box{padding-top: 30px;overflow: hidden;}
.footer-box .footer-logo{float: left;width: 278px;text-align: center;}
.footer-box .footer-logo img{opacity: 0.5;}
.footer-box .footer-logo p{line-height: 70px;font-size: 16px;color: #FFF;}
.footer-box .footer-nav{ overflow:hidden; margin-left:10px; float:left; }
.footer-box .footer-nav ul{float: left;width:146px;margin-left: 34px;}
.footer-box .footer-nav ul li strong{font-weight: normal;font-size: 16px;color: #FFF;margin-bottom:20px;display: block;}
.footer-box .footer-nav ul p a{color: #FFF;line-height: 30px;font-size: 12px;}
.footer-box .footer-nav ul p a:hover{color:#66AFE9;}

.footer-add { width:310px; }
.footer-add p { line-height:30px; }
.footer-add p.ssf{ border-bottom:1px #666 solid; padding-top:10px; }

.footer-div{border-bottom: 1px solid #001731; }
.footer-bottom{ height:85px;border-top: 1px solid #333;line-height: 85px;color: #eee;}
.footer-bottom ul span{float: right;}
.footer-bottom ul span a{color: #FFF;}

.banner img{display: block;width: 100%;min-height: 350px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
.content-about{overflow: hidden;padding: 50px 0px;}
.content-about-left{width: 600px;}
.content-about-left .img img{width: 100%;display: block;}
.content-about-right{float: right;width: 550px;}
.content-about-right .text{line-height: 28px;font-size: 14px;}

.wenhua-box{overflow: hidden;}
.wenhua-box .box{float: left;width: 32%;margin-right: 2%;position: relative;overflow: hidden;}
.wenhua-box .box a{display: block;}
.wenhua-box .box .img img{width: 100%;height: 400px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.wenhua-box .box:nth-child(3n){margin-right: 0px;}
.wenhua-box .box .text{background: rgba(0,0,0,0.5);position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;text-align: center;}
.wenhua-box .box .text h3,.wenhua-box .box .text p{width: 100%;color: #FFF;}
.wenhua-box .box .text h3{font-size: 20px;}
.wenhua-box .box .text p{opacity: 0;font-size: 16px;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;line-height: 24px;}
.wenhua-box .box:hover .text p{opacity: 1;line-height: 60px;}
.wenhua-box .box:hover .img img{transform: scale(1.08, 1.08);}

.w-local{height: 45px;background: #EEE;line-height: 43px;border-bottom:1px solid #DDD;overflow: hidden;}
.w-local strong{font-size: 16px;color:#016cc3;}
.w-local .right a{color: #333;}
.w-local .right span{margin: 0px 10px;}
.w-local .left li{float: left;font-size: 14px;}
.w-local .left li a{padding: 0px 25px;display: block;}
.w-local .left li.currclass a{color:#016cc3;font-weight: bold;}
.w-local .left span{display: block;float: left;}

.w-local2{ height: 45px; line-height: 43px;border-bottom:1px solid #f3f2f3;overflow: hidden;}
.w-local2 strong{font-size: 16px;color:#016cc3;}
.w-local2 a{color: #333;}
.w-local2 span{margin: 0px 10px;}


.content-list{padding: 50px 0px;}
.content-list .list-box {overflow: hidden;}
.content-list .list-box .box-item{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.content-list .list-box .box-item:nth-child(4n){margin-right: 0;}
.content-list .list-box .box-item a .img{display: block;border: 1px solid #DDD;background: #000;}
.content-list .list-box .box-item a .img img{width: 100%;}
.content-list .list-box .box-item a .intro h3{font-weight: normal;font-size: 14px;text-align: center;line-height: 30px;}
.content-list .list-box .box-item a:hover .img img{opacity: 0.8;}

.pro-nav ul{padding: 30px 0px;padding-bottom: 0px;}
.pro-nav ul li{float: left;margin-right:25px; text-align: center; }
.pro-nav ul li a.item-list{display: block;border: 1px solid #DDD;color: #016cc3;font-size: 16px;line-height: 40px;position: relative;  padding:0 15px; }
.pro-nav ul li.currclass a.item-list,.pro-nav ul li:hover a.item-list{background:#DADADA;border: 1px solid #016cc3;}
.pro-nav ul li .navi_content{background: #FFF;min-width: 150px;position: absolute;z-index: 99;box-shadow: 0 0 4px #CCC;display: none;}
.pro-nav ul li .navi_content p a{line-height: 34px;font-size: 12px;display: block;}
.pro-nav ul li .navi_content p:hover a{}
.pro-nav ul li:hover .navi_content{display: block;}
.pro-nav ul li:hover a .arrow{display: inline-block;}

.product-left { background:#fff; position:absolute; padding:10px 20px;  width:20%; margin-top:20px; z-index:888; }
.product-left h3 { padding:15px 6px 15px 26px; background:#016cc3; color:#FFF; }
.product-left ul { padding:5px 0px ; }
.product-left ul li{ padding:15px 6px 15px 26px; margin:1px auto; background:#f6f6f8;}
.product-left ul li:hover{ background:#f2f2f2;}
.product-left ul li a{ color:#777; }
.product-left ul li.currclass {  background:#f6f6f8; }
.product-left ul li.currclass a{ color:#333; font-weight:800; padding-left:5px; border-left:2px #09C solid; }


.product-list { width:73%; overflow:hidden; }
.pro-content ul{overflow: hidden;padding-top: 40px; min-height:300px;}
.pro-content ul .box-item{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.pro-content ul .box-item:nth-child(4n){margin-right: 0;}
.pro-content ul .box-item a{display: block;}
.pro-content ul .box-item a .img{display: block;border: 1px solid #DDD;background: #000;}
.pro-content ul .box-item a .img img{width: 100%;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.pro-content ul .box-item a .intro h3{ display:block; height:40px; font-weight: normal;font-size: 14px;text-align:center; overflow:hidden; line-height: 20px;color: #016cc3;}
.pro-content ul .box-item a:hover .img img{opacity: 0.8;}

.fenye{padding-top: 30px;}
.fenye table{margin:0 auto;}
.fenye table a{display: inline-block;height: 30px;line-height: 30px;width:30px;border: 1px solid #DDD;font-size: 14px;background: #FFF;text-align: center;color: #333;}

.fenye table span{display: inline-block;height: 30px;line-height: 30px;width:30px;border: 1px solid #DDD;font-size: 14px;background: #FFF;text-align: center;color: #333;}
.fenye table span.curr{background: #016cc3;color: #FFF;}
.fenye table span.icon-checkmore{font-size: 18px;position: relative;top: 2px;}
.fenye table a.prev,.fenye table a.next{width: 60px;}
.fenye table a:hover,.fenye table a.curr{background: #016cc3;color: #FFF;}
.fenye table a font{margin: 0px 5px;}
.nav-list{overflow: hidden;}
.nav-list ul{overflow: hidden;padding: 30px 0px;padding-bottom: 0px;margin-left: -20px;}
.nav-list ul li{float: left;}
.nav-list ul span{display: block;float: left;}
.nav-list ul li a{padding: 0px 20px;}
.nav-list ul li.currclass a{color: #016cc3;}

.fr-nav-list .list-item a{padding:15px 0px;border-bottom:1px solid #DDD;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;align-content: center;-webkit-align-content: center;-moz-align-content: center;-ms-align-content: center;}
.fr-nav-list .list-item .list-item-img{width: 20%;margin-right: 2%;border:1px solid #DDD;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.fr-nav-list .list-item .list-item-img img{display: block;width: 100%; max-height:180px; object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
.fr-nav-list .list-item .list-item-text{width: 78%;}
.fr-nav-list .list-item .list-item-text h3{font-weight: normal;color:#000;}
.fr-nav-list .list-item .list-item-text li{margin-bottom: 10px;}
.fr-nav-list .list-item .list-item-text li p{color:#666;line-height: 24px;}
.fr-nav-list .list-item .list-item-text li span{color:#444;}
.fr-nav-list .list-item:hover h3{color:#016cc3;}
.fr-nav-list .list-item:hover .list-item-img img{transform: scale(1.08, 1.08);}

.box-content .box-title{font-size: 20px;text-align: center;font-size: 18px;color: #000;line-height: 40px;padding:10px 0px;}
.box-content{background: #FFF;padding: 1rem 0px;}
.box-content .boxs{text-align: center;line-height: 30px;color: #999;border-bottom: 1px dashed #DDD;}
.box-content .boxs span{margin: 0px 10px;}
.content-box-text{line-height: 30px;color: #333;font-size: 14px}
.content-box-text img{max-width: 800px;height: auto !important;}
.ncontrol{line-height: 30px;font-size: 14px;color: #333;margin-top: 20px;padding: 1% 0px; border-top: 1px solid #DDD;}
.ncontrol a{color: #333;}

.job-box{overflow: hidden;padding: 30px 0px;}
.job-box .job-box-left{width: 50%;position: relative;}
.job-box .job-box-left .img img{width: 100%;display: block;}
.job-box .job-box-left .intro{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(5,79,139,0.8);display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;align-content: center;-webkit-align-content: center;-moz-align-content: center;-ms-align-content: center;}
.job-box .job-box-left .intro h3,.job-box .job-box-left .intro p{width: 100%;padding: 0px 50px;color: #FFF;}
.job-box .job-box-left .intro h3{font-size: 24px;font-weight: normal;line-height:50px;}
.job-box .job-box-left .intro p{line-height: 30px;}

.job-list{padding: 40px 0px;}
.job-list .list-item{border-bottom: 1px solid #EEE;}
.job-list .list-item h3{font-weight: normal;color: #000;line-height: 40px;}
.job-list .list-item p{line-height:30px;color: #666;}
.job-list .list-item a{display: block;padding: 20px 30px;}
.job-list .list-item a:hover{background: #DDD;}
.job-list .list-item p span{margin-right: 20px;}

.job-content{padding: 40px 0px;}
.job-content-top{border-bottom: 1px dashed #DDD;padding-bottom: 20px;}
.job-content-top h3{font-weight: normal;color: #000;font-size: 24px;}
.job-content-top h3 span{font-size: 14px;}
.job-content-top p{line-height: 40px;margin-top: 30px;}
.job-content-top p span{margin-right: 20px;color: #999;}

.job-content-list{padding: 30px 0px;border-bottom: 1px dashed #DDD;}
.job-content-list h3{line-height: 50px;}
.job-content-list p{line-height: 30px;}

.con-box{overflow: hidden; padding: 0px; background: #EEE;}
.con-box .con-box-left {width:50%; }
.con-box .con-box-left h3{padding-bottom: 30px;}
.con-box .con-box-left .text p{line-height: 30px;}
.con-box .con-box-left img{display:block; width:100%;}
.con-box .con-box-left .text{padding: 30px;}

.con-box #map{width: 100%;height: 400px;}

.content-box .box-top{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.content-box .box-top .box-top-img{width: 40%;}
.content-box .box-top .box-top-text{width: 60%;}
.content-box .box-top .box-top-text .text{padding-left: 10%;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}

.content-box .box-top .box-top-text h3{color: #016cc3;line-height: 40px;font-size: 20px;width: 100%;margin-bottom: 30px;}
.content-box .box-top .box-top-text p{line-height: 30px;font-size: 14px;color: #444;width: 100%;}
.box-container .swiper-slide .img{border: 1px solid #EEE;}
.box-container .swiper-slide img{width: 100%;display: block;}
.pintro-t{margin: 20px 0px;line-height: 40px;background: #F4F4F4;}
.pintro-t strong{display: inline-block;background: #DDD;color: #333;padding:0px 25px;font-size: 14px;}


.feedback { background:url(../images/sl-youshi.jpg); }

.shepei { background:url(../images/sl-youshi.jpg); }
.shepei-nav{text-align: center;padding-top: 15px;}
.shepei-nav li{display: inline-block;margin: 0px 10px;}
.shepei-nav li a{display: block;padding: 10px 25px;border: 1px solid #DDD;border-radius: 2px;background:rgba(0,0,0,0.5);}
.shepei-nav li.curr a,.shepei-nav li a:hover{background: #016cc3;color: #FFF;}
.shepei-list{position: relative;height: 369px;}
.shepei-list .shepei-box{left: 0px;top: 0px;width: 100%;position: absolute;}

.certificate-container .swiper-slide .text{text-align: center;line-height: 40px;background: #e3e3e3;}
.certificate-container .swiper-slide img{display: block;width:70%;}
.certificate-button-next,.certificate-button-prev{width: 40px;height: 40px;line-height: 40px;text-align: center;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.certificate-button-next:after,.certificate-button-prev:after{font-size: 16px;color: #FFF;}
.certificate-button-next{right: 0px;}
.certificate-button-prev{left: 0px;}
.certificate-box:hover .certificate-button-next,.certificate-box:hover .certificate-button-prev{opacity: 1;}

.scsb-content ul .box-item a .intro{background: #e3e3e3;}
.scsb-content ul .box-item a .intro h3{line-height: 40px;}

.footer-link{height: 60px;line-height: 60px;background: #222;}
.footer-link a{color: #FFF;}
.footer-link a:hover{color: #666;}

.home_box_3 .box_left { float:left; width:62%;  border-right:1px #eee solid; padding-right:40px; }
.home_box_3 .home_news { padding-top:20px; }
.home_box_3 .home_news img{ width:35%; float:left; }
.home_box_3 .home_news li{ float:right; width:59%; padding:11px; border-bottom:1px #eee dotted;  }

.home_box_3 .box_right { float:right; width:32%; }
.home_box_3 .box_right 

}

@media only screen and (max-width: 1023px){
.no_phone { display:none!important; }
img { max-width:100vw; }
.clearfix { width:100vw; overflow:hidden; }
.clearfix * img{  }

.header{background: #FFF;}
.header-top{height: 40px;background: #646464;line-height: 40px;text-align: center;color: #FFF;}
.header-top a{color: #FFF;display: block;padding: 0px 12px;font-size: 16px;}
.logo{ display:block; padding: 3% 0px; text-align:center;}
.logo img{display: block;width: 100%;max-width:280px; margin:auto;}

.header-nav {  }
.navshow { display:none; background: rgba(0,0,0,0.5);position:fixed;width:100%;height:100%; top:0px; z-index:9995; left:0%; }
.navshow.yes, .header-nav.yes{ left:0px;}
.header-nav { position:fixed;width:45%;height:100%; top:0px; z-index:9999; background:#eee; left:-100%; }
.header-nav .nav-ul { padding-top:20px; line-height:250%;}
.header-nav .nav-ul li { display:block; border-bottom:1px #CCC solid;}
.header-nav .nav-ul li.currclass { background:#FFF; border-left:5px #09C solid; }
.header-nav .nav-ul li.currclass a { color:#09C; }
.header-nav .nav-ul li .navi_content{ display:none; }
.header-nav .nav-ul li a { display:block; padding:8px 18px;}

.home_title { display:block; background:#333; margin-bottom:15px; margin-top:1px ;}
.home_title div{ display:none; }
.home_title h2.blue { color:#FFF!important; text-align:center; padding:10px; }

.about-box { }
.about-box td{ display:block;  width:100%; }
.about-box .about-box-right { padding:10px; }
.about-box .about-box-right .about-text { margin:0px; padding-top:10px; margin-top:10px; }
.about-box .about-box-right .about-text .more { display:block; width:30%; background:#069; margin:auto; padding:8px; text-align:center; }

.product-container .img{ text-align:center; background:#f2f2f2; }
.product-container .img img{ width:100%; }
.product-container .text{ text-align:center; background:#f2f2f2; padding:10px;  }
.product-pagination { display:block; text-align:center; margin:auto; position:inherit; margin-top:15px; }
.product-pagination .swiper-pagination-bullet { margin:5px; }

.shepei { background:url(../images/sl-youshi.jpg); margin-top:10px; border-top:1px #CCC solid; }
.shepei .title{ text-align:center; padding:10px; }
.shepei-nav{ text-align: center;padding-top: 15px; display:block;}
.shepei-nav li{display:block; width:48%; float:left; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; }
.shepei-nav li a{display:block; line-height:250%;  background:rgba(0,0,0,0.5); border:1px #FFF solid; }
.shepei-nav li.curr a,.shepei-nav li a:hover{background: #016cc3;color: #FFF;}
.shepei-list{position: relative; height:70vw; }
.shepei-list .shepei-box{left: 0px;top: 0px;width: 100%;position: absolute;}

.certificate-container .swiper-slide .text{text-align: center;line-height: 40px;background: #f2f2f2; border:1px #FFF solid; }
.certificate-container .swiper-slide img{display: block;width:90%; margin:auto; }
.certificate-button-next,.certificate-button-prev{width: 40px;height: 40px;line-height: 40px;text-align: center; background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.certificate-button-next:after,.certificate-button-prev:after{font-size: 16px;color: #FFF;}
.certificate-button-next{right: 0px;}
.certificate-button-prev{left: 0px;}
.certificate-box:hover .certificate-button-next,.certificate-box:hover .certificate-button-prev{opacity:0.4; }



.shepei-box:hover .shepei1-button-next,.shepei-box:hover .shepei1-button-prev{opacity: 1;}
.shepei1-container .text { line-height:200%; padding:5px; background:#FFF; }


.footer-nav{position: fixed;height: 50px;bottom: 0px;width: 100%;left: 0px;background: #084d90;z-index:10;}
.footer-nav li{float: left;width: 25%;text-align: center;}
.footer-nav li a{display: block;color: #FFF;padding: 8px 0px;border-right: 1px solid #0e5396;}
.footer-nav li a p{line-height:24px;}

.home_box_3 .box_left {   }
.home_box_3 .home_news { padding-top:20px; border-top:1px #eee solid; }
.home_box_3 .home_news img{ width:94%; margin:auto 3%; }
.home_box_3 .home_news li{ padding:11px 11px; border-bottom:1px #eee dotted;  }
.home_box_3 h2 { padding:0 10px; }
.home_box_3 .box_right { margin-top:10px; background:#f2f2f2; padding-top:15px; }


.w-local2 { display:block; margin:5px 0; background:#f2f2f2; padding:8px 0; border-bottom:1px solid #f3f2f3;overflow: hidden;}
.w-local2 .t_r { text-align:left!important; }
.w-local2 strong{font-size: 16px;color:#016cc3;}
.w-local2 a{color: #333;}
.w-local2 span{margin: 0px 6px;}

.w-local { background:#fff; }
.w-local div { display:block; width:100%; }
.w-local .left a { display:block; font-size:16px; padding:8px; text-align:center; }
.w-local .right { text-align:left!important;  padding:8px 0; margin-top:5px; border-top:1px solid #ddd; background:#f2f2f2}
.w-local .right strong{font-size: 16px;color:#016cc3;}
.w-local .right a{color: #333;}
.w-local .right span{margin: 0px 6px;}

.w-local li{ width:48%; margin: 5px 1% 0px 1%; float:left; background:rgba(0,0,0,0.5); }
.w-local li:hover{ background:#f2f2f2;}
.w-local li a{ color:#fff; }
.w-local li.currclass { color:#fff; background:#016cc3; }
.w-local li.currclass a{ color:#fff; }


.pintro-t { display:block; background:#f2f2f2; font-size:16px; padding:8px; text-align:center; border-bottom:1px #ddd solid; }
.box-top-text{ text-align:center; padding:8px; }
.content-box-text{ display:block; margin:0 1vw; overflow:hidden;}
.content-box-text{line-height: 30px;color: #333;font-size: 14px}
.content-box-text img{max-width:98vw;height: auto !important;}

.ncontrol { padding-bottom:50px; }

.product-left { background:#fff; display:block; width:100%; z-index:888; }
.product-left h3 { background:#333; color:#FFF; text-align:center; padding:8px; }
.product-left h3:after {  width:25px; height:25px; background:#093; }
.product-left ul { display:block; width:100%;}
.product-left ul li{display:block; width:48%; margin:5px 1% 0px 1%; float:left; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; text-align:center; }
.product-left ul li a{display:block; line-height:250%;  background:rgba(0,0,0,0.5); border:1px #FFF solid; color:#FFF; }
.product-left ul li.currclass a,.product-left ul li a:hover{background: #016cc3;color: #FFF;}

.product-list { display:block; width:100%; overflow:hidden; }

.pro-content ul{overflow: hidden;padding-top:10px;}
.pro-content ul .box-item{float:left; width: 48%; margin:0 1%;margin-bottom: 2%; }
.pro-content ul .box-item:nth-child(2n){margin-right: 0;}
.pro-content ul .box-item a{display: block;}
.pro-content ul .box-item a .img{display: block;border: 1px solid #DDD;background: #000;}
.pro-content ul .box-item a .img img{width: 100%;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.pro-content ul .box-item a .intro h3{font-weight: normal;font-size: 14px;text-align: center;line-height: 20px;color: #016cc3;}
.pro-content ul .box-item a:hover .img img{opacity: 0.8;}


.fenye{padding-top: 30px; padding-bottom:20px; }
.fenye table{margin:0 auto;}
.fenye table a{display:none;height: 30px;line-height: 30px;width:30px;border: 1px solid #DDD;font-size: 14px;background: #FFF;text-align: center;color: #333; }
.fenye table span{display: none; }
.fenye table span.icon-checkmore{font-size: 18px;position: relative;top: 2px;}
.fenye table a.prev,.fenye table a.next{width: 60px; display:inline-block; }
.fenye table a font{margin: 0px 5px;}

.feedback .left-form{ padding:10px!important;}
.feedback .left-form .li-text,.feedback .left-form .code { padding:5px 0;}
.feedback .left-form .li-text input { width:100%; padding:5px 0; line-height:200%; text-indent:1em;}
.feedback .left-form .code input { width:50%; padding:5px 0; line-height:200%; text-indent:1em;}
.feedback .left-form .li-text textarea { width:100%; padding:5px 0; line-height:200%; text-indent:1em; }
.feedback .left-form button { background:#003; width:100%; border:0px; margin-top:15px; line-height:40px; height:40px; color:#FFF; }

.con-box-left { padding:10px; }

.fr-nav-list .list-item a{padding:15px 0px; display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;align-content: center;-webkit-align-content: center;-moz-align-content: center;-ms-align-content: center;}
.fr-nav-list .list-item .list-item-img{width: 46%;margin:0 2% 0 1%; }
.fr-nav-list .list-item:nth-child(2n){ background:#f6f5f6; }
.fr-nav-list .list-item .list-item-img img{display: block;width: 100%; max-height:180px; object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
.fr-nav-list .list-item .list-item-text{width: 49%;}
.fr-nav-list .list-item .list-item-text h3{font-weight: normal;color:#000;}
.fr-nav-list .list-item .list-item-text li{margin-bottom: 10px;}
.fr-nav-list .list-item .list-item-text li p{ display:none;}
.fr-nav-list .list-item .list-item-text li span{color:#444;}
.fr-nav-list .list-item:hover h3{color:#016cc3;}
.fr-nav-list .list-item:hover .list-item-img img{transform: scale(1.08, 1.08);}

.content-list{padding: 20px 0px;}
.content-list .list-box {overflow: hidden;}
.content-list .list-box .box-item{float:left; width: 48%; margin:0 1%;margin-bottom: 2%;}
.content-list .list-box .box-item:nth-child(2n){margin-right: 0;}
.content-list .list-box .box-item a .img{display: block;border: 1px solid #DDD;background: #000;}
.content-list .list-box .box-item a .img img{width: 100%;}
.content-list .list-box .box-item a .intro h3{font-weight: normal;font-size: 14px;text-align: center;line-height: 30px;}
.content-list .list-box .box-item a:hover .img img{opacity: 0.8;}

.box-content { text-align:center; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:15px; }
.box-content .box-title { font-weight:900; font-size:1.15em; padding:15px 10px 5px 10px;}


.queueList { background:#f2f2f2; text-align:center;  }
.queueList .title { color:#999; }
.queueList .title h2 { color:#ccc; background:#016cc3; padding:8px; color:#FFF; }
.queueList .title p { padding-top:15px; }
.queueList .title .title-text { padding:10px; }
.queue-container .swiper-slide img{width: 100%;display: block;}
.queueList-box{padding-bottom: 80px;position: relative;}
.queue-pagination{width: 100%;bottom:30px;}
.queue-pagination span{margin: 0px 4px;}
.queue-pagination span{width: 11px;height: 11px;background: #FFF;opacity: 1;}
.queue-pagination span.swiper-pagination-bullet-active{background: #027ada;}

}