@charset "utf-8";
/* CSS Document */
body{position: relative;}
b,strong{font-weight: normal;}
#menu{background: #444;}
#menu ul li{border-bottom: 1px solid rgba(255,255,255,.05);background: rgba(0,0,0,.1);}
#menu ul li a{color: #fff;padding:12px 20px;font-size: 14px;display: inline-block;width:70%;}
#menu ul li a:hover{background:none;}
#menu ul li i{line-height:22px;font-size: 18px;display: none;width: 30%;text-align: right;padding:0 20px 0 0;transition: .3s;color: #fff;}
#menu ul li.cur i{display: inline-block;}
#menu ul li.on {background:rgba(255,255,255,.1);}
#menu ul li.on a{color: #fff;}
#menu ul li.on i{color: #fff;}
#menu .menu-section-list{margin:30px 0;}
#menu dl{background: #444;display: none;transition: .3s;}
#menu dl dt{border-bottom: 1px solid rgba(0,0,0,.1);}
#menu dl dt a{color: #fff;padding:8px 24px;}
#menu dl dt i{padding:0 5px 0 0;}
#main{overflow-x: hidden;}
.panel{padding-top:0;text-align: justify;}
.panel-header{width:100%;font-size: 16px;font-weight: bold;text-align: center;line-height: 55px;height: 55px;padding: 0 40px;transition: .4s;z-index: 999;margin:0;overflow: hidden;}
.menu-button{display: block;width: 40px;height: 30px;position: absolute;top: 10px;left: 5px;}
.menu-button .line:nth-of-type(1) {margin-top: 0;}
.menu-button .line:nth-of-type(2) {margin-bottom: 0;}
.menu-button .line{position: relative;display: block;width: 26px;height: 2px;margin: 5px 0;background: rgba(0,0,0,.6);-webkit-transition: .1s;transition: .1s;}
.slideout-open #main .menu-button .line:nth-of-type(1){-webkit-transform: translateY(4.5px) rotate(-45deg);-ms-transform: translateY(4.5px) rotate(-45deg);transform: translateY(4.5px) rotate(-45deg);}
.slideout-open #main .menu-button .line:nth-of-type(2){-webkit-transform: translateY(-6.5px) rotate(45deg);-ms-transform: translateY(-6.5px) rotate(45deg);transform: translateY(-2.5px) rotate(45deg);}
.slideout-open #main .menu-button .line:nth-of-type(3){
  display:none;}
.nav{width:100%;background-image:none;background-color: #1786ca;height:80px;line-height:39px;}
.nav li{width:33.333333333%;border-right: 1px #0666a5 solid;border-bottom: 1px #0666a5 solid;border-left:0;line-height:39px;float: left;text-align: center;box-sizing: border-box;display: inline;}
.nav li{line-height: 39px;background-image:none;font-size: 18px;/* border-left: 1px #0060cb solid; */}
.nav li a{ color:#fff;}
.logo a{font-size:18px;color: #fff;}
.logo{width: 70%;}
.home{display: block;width: 24px;height: 40px;position: absolute;top:4px;right: 14px;}
.home i{font-size: 30px;color: #d30;}
.p_banner{position: relative;}
.p_banner .swiper-pagination-bullet{background: #444;}
/*
*主体内容
*/
.i-box{border-top: 10px solid #eee;}
.aboutbox{padding: 20px 10px;line-height: 28px;font-size: 16px;}
.aboutbox .con{ margin-top:15px;}

.i-box-hd{background-color: #fff;padding: 3% 5%;border-top: 1px solid #ddd;border-bottom:  1px solid #ddd;}
.i-box-hd .tit{font-size: 20px;color: #0060cb;border-left: 4px #0060cb solid;padding-left: 10px;line-height: 1.2;}
.i-box-hd p{color: #B7B7B7;text-transform: capitalize;line-height:1;}
.items-img_scroll{text-align: center;position: relative;overflow: hidden;margin: 20px 0 10px 0;padding: 0 5%;}
.items-img_scroll .swiper-pagination{height: 15px;}
.items-img_scroll .swiper-pagination .swiper-pagination-bullet-active{background: #444;}
.items-img_scroll li .img{background: #eee;}
.items-img_scroll li .img img{max-width: 100%;margin:auto;}
.items-img_scroll li .tit{height:60px;line-height: 50px;font-size: 16px;padding:0 10px;}
.items-img{padding: 20px 2% 0 0;}
.items-img li{float: left;width:50%;}
.items-img .item-img{padding: 0 0 0 2%;}
.items-img .item-img img{width: 200px !important;}
.items-img li .tit{height: 50px;line-height: 50px;margin:0 0 10px 0;padding:0 10px;font-size: 14px;transition:all .3s ease-out 0s;background: #f0f0f0;}
.items-img li:hover .tit{background: #444;color: #fff;}
/*
*公司优势
*/
.i-youshi-bd{margin:20px 0 0 0;padding: 0 5%;}
.i-youshi-bd ul{padding:10px 0 0 0;}
.i-youshi-bd li{display: inline-block;width: 31%;padding:20px 3%;text-align: center;margin:0 2% 0 0;background: #f6f6f6;float: left;}
.i-youshi-bd li:last-child{margin:0;}
.i-youshi-bd li i{font-size: 18px;width:40px;height:40px;border-radius: 50%;background: #d00000;color: #fff;line-height:40px;}
.i-youshi-bd li:first-child i{font-size: 16px;}
.i-youshi-bd li p{padding:10px 0 0 0;font-size: 14px;}
.youshi{ padding: 0 15px;}
.youshi h3{ font-size: 20px; color: #0060cb; line-height:50px;}
.youshi h3 span{ width: 35px; height: 35px; background: #d00000; border-radius: 35px; line-height: 35px; text-align: center; color: #fff; display: inline-block;}
/*
*新闻列表
*/
.items-text_desc li{padding: 0 10px;line-height: 40px;border-bottom: #ddd 1px dotted;}
.items-text_desc li .tit a{font-size: 14px;color: #444;}
.items-text_desc li .tit a:hover{color: #444;}
.items-text_desc li .time{color: #999;font-size: 12px;margin:0 0 8px 0;}
.items-text_desc li .time i{padding:0 5px 0 0;}
.items-text_desc li .desc{font-size: 14px;height:50px;overflow: hidden;line-height:25px;}
.i-about-bd{margin: 20px 0 20px 0;padding: 0 5%;}
.i-about-bd .tit{font-size: 18px;}
.i-about-bd .con{font-size: 16px;line-height:1.8;margin-top: 10px;}
.i-about-bd .con a{color: #fff;}
.i-contact{color:#fff; text-align: center;font-size:16px;background: #333;margin-bottom: 50px;}
.i-contact-bd{ padding:15px 0 0 0;line-height:1.8; padding: 2% 5%;}
.i-contact-bd p span{ color:#E56600;font-size:17px;}
.i-contact-bd a{color: #fff;}
.i-contact img{display: inline-block;max-width: 50%;margin: 10px 0;}
.footer{background: #f7f7f7;padding:3% 5%;margin:0 5% 70px; }
.um-contact{width: 100%;position: fixed;bottom: 0;background: #1786ca;height: 50px;left: 0;z-index: 9999;}
.um-contact a{display: inline-block;width: 50%;line-height: 50px;text-align: center;color: #fff;font-size: 16px;}
.um-contact a i{padding:0 6px 0 0;font-size: 16px;vertical-align: middle;}
/*
* 分类
*/
.pro_menu{margin: 0 10px;overflow: hidden;}
.pro_menu li{display: inline-block;margin: 2px;width: 48%;text-align: center;}
.pro_menu li a{display: block;background: #eee;border-radius: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:5px 10px;}
.pro_menu_more{text-align: center;display: none;text-decoration: underline;cursor: pointer;color: #999;margin:10px 0 20px;}
/*
* 单页模型
*/
.um-tit {padding: 10px 0;border-bottom: 1px solid #eee;}
.um-tit h4{font-size: 24px;background: url(../image/m1t2.png) no-repeat center center;height: 30px;line-height: 30px;text-align: center;margin: 10px 0;font-weight:bold;}
.um-tit p{font-size: 12px;color: #999;text-transform: capitalize;line-height:1;}
.page-index{font-size: 14px;}
.page-index .con{padding:10px 0 20px;font-size:14px ;line-height:1.8;}
.page-index .con a{color: #444;}
/*
*   产品详情
*/
.img-show{}
.img-show-hd{background: #eee;position: relative;overflow-x: hidden;}
.img-show-hd .swiper-pagination-bullet{opacity:.3;}
.img-show-hd .swiper-pagination-bullet-active{background: #444;opacity:.7;}
.img-show-hd img{width:100%;margin:0 auto;}
.img-show-bd{padding:10px 0 15px;border-bottom: 1px solid #eee;}
.img-show-bd .tit{font-size: 16px;color: #444;font-weight: 700;}
.img-show-bd p{color: #999;}
.img-show-bd p i{padding:0 5px 0 0;font-size: 10px;}
/*
* 内页内容通用
*/
.page_info{padding:20px 0;font-size: 14px;line-height:1.8;}
.page_info p{margin:0 0 10px 0;}
.page_info a{color: #444 !important;font-size: 14px !important;}
.page_info img{margin:10px 0;margin:0 auto;height: auto !important;}
/*
* 文章列表
*/
.article-list{padding:10px 3%;background: #eee;}
.article-list li{background: #fff;margin:0 0 10px 0;}
.article-list li:last-child{margin:0;}
.article-list li .img{width:26%;}
.article-list li .img img{padding:10px;}
.article-list li .con{width:96%;margin: 3%}
.article-list li .con h4{font-size: 14px;color: #333;padding:10px 10px 2px 0;}
.article-list li .con p{font-size: 12px;color: #777;height:44px;overflow: hidden;padding:0 10px 0 0;}
/*
* 文章详情
*/
.article-show{margin:30px 5% 0;}
.article-show_hd .tit{font-size:18px;color: #333;}
.article-show_hd .time{padding:0 0 10px 0;border-bottom: 1px solid #eee;color: #999;}
.article-show_hd .time i{padding:0 6px 0 0;}
.article-show_hd .time a{color: #999;}
/*
*留言页面
*/
.guestbook-page{padding:20px 5%;}
.guestbook-list li{padding:0 0 20px 0;}
.guestbook-list li .tit{font-size: 16px;color: #333;}
.guestbook-list li .time{color:#999;}
.guestbook-list li .con{padding:5px 0;}
.guestbook-list li .reply{background: #f5f5f5;padding:5px 10px;}
.post_box tr{height:34px;}
.post_box tr:nth-child(5){height:100px;}
.post_box td{display: inline-block;}
.post_box td.tit{margin:0 3% 0 0;width:15%;}
.post_box td.con{width:76%;}
.post_box td.con input,.post_box td.con textarea,.post_box td.con select{border: 1px solid #ccc;line-height:20px;}
.post_box td.con textarea{max-width: 100%;max-height: 100px;}
.post_box .btn{width:80px;height:30px;line-height:30px;border: none;margin:0 5px 0 20px;background: #444;color: #fff;}
.post_box .btn-default{background: #ddd;color: #666;margin:0 5px 0 0;}
.feedback-page .post_box tr:nth-child(5){height:32px;}
.feedback-page .post_box tr:nth-child(6){height:110px;}
/* 为了手机站显示正常 */
.main_body{  padding:10px 0 20px;font-size:14px ;line-height:1.8;
  width: 94%!important;margin: auto 3%!important;}
.main_body img{max-width: 100%!important}
.flnone{float: none!important;width: 100%!important;margin: 0!important;}
.frnone{float: none!important;width: 100%!important;margin: 0!important;}
.hide{display: none!important;}
/* 这里决定内页图片高度自适应 */
.page-index > img{max-width: 100%!important;height: auto!important;}
.con .date{color: #999;}
.sjtel{ display:block; text-align:center; padding:20px 0;border-bottom:1px #dddddd solid; }
.sjtel img{ display: inline;}
.dtit .tit h2{font-size:24px;background:url(../image/m1t2.png) no-repeat center center;height:30px;line-height:30px;text-align: center;margin: 10px 0;color: #1786ca;}
.i-nav{padding:  5% 3%;}
.i-nav ul li {float: left;text-align:  center;padding: 0 4%;width: 25%;}
.items-text_desc {padding: 0 10px;}
.items-text_desc span{ float:right; color:#999; font-size:12px;}
.i-nav ul li a img {margin: 0 auto;}
.i-box-hd .tit span {color: #999;font-size: 14px;}
.case li {width: 50%;float: left;text-align: center;}
.case .item-img{padding: 0 0 0 2%;}
.case li .tit{height: 30px;line-height: 25px;margin:0 0 10px 0;padding:0 10px;font-size: 14px;transition:all .3s ease-out 0s;background: #f0f0f0;}
.case li span {width: 100%;display: block;margin-top: 6px;}
.case{height: 900px;}
.p_banner .swiper-pagination {color: #fff}