@charset "utf-8";
/* CSS Document */
body{position: relative;padding-bottom:50px;}
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: 85%;font-size: 16px;font-weight: bold;text-align: center;line-height: 60px;height: 60px;padding: 5px 15px;transition: .4s;z-index: 999;margin:0;overflow: hidden;margin-left: 26px;}
.menu-button{display: block;width: 40px;height: 30px;position: absolute;top: 18px;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(-6.5px) rotate(45deg);}
.nav{width:100%;background-image:none;background-color: #0858b1;height:80px;line-height:39px;}
.nav li{width: 33%;border-right: 1px #0060cb solid;border-bottom: 1px #0060cb solid;border-left:0;float: left;text-align: center;box-sizing: border-box;display: inline;}
.nav li{line-height: 39px;background-image:none;font-size: 13px;}
.nav li a{ color:#fff;}
.logo a{font-size:18px;color: #fff;}
.logo img{width: 70%;margin: auto;}
.home{display: block;width: 24px;height: 40px;position: absolute;top:4px;right: 14px;}
.home i{font-size: 30px;color:#0858b1;}
.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;}
.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: #0858b1;border-left: 4px #0858b1 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{
    border: #0060cb 5px solid;
}
.items-img_scroll li .img img{max-width: 100%;margin:auto;height: 300px;}
.items-img_scroll li .tit{height:60px;line-height: 50px;font-size: 16px;padding:0 10px;}
.items-img{padding: 0 2% 0 0;}
.items-img li{float: left;width:50%;}
.items-img .item-img{padding: 0 0 0 2%;}
.items-img li .tit{height: 40px;line-height: 40px;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:#0858b1;line-height: 30px;}
.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: 16px;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: #444;}
.i-contact{text-align: center;font-size:16px;background: #333;color: #fff;}
.i-contact-bd{ padding:15px 0 0 0;line-height:1.8; padding: 2% 5%;}
.i-contact-bd a{color: #444;}
.i-contact img{display: inline-block;width: 50%;margin: 10px 0;}
.footer{background: #f7f7f7;padding:3% 5%;margin:0 5% 70px; }
.um-contact{width: 100%;position: fixed;bottom: 0;background: #0858b1;height: 50px;left: 0;z-index: 9999;}
.um-contact a{display: inline-block;width: 33.3%;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;font-size: 14px;margin: 10px 0;}
.pro_menu li{display: block;text-align: center;width: 46%;float: left;margin: 2px 0 2px 10px;}
.pro_menu li a{display: block;background: #eee;border-radius: 50px;padding:5px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;}
.pro_menu li .active{display: block;background: #0858b1;border-radius: 50px;padding:5px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;}
.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 .con{padding:10px 0 20px;font-size:16px;line-height:1.8;}
.page-index .con a{color: #444;}
/** 产品详情*/
.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;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: 16px;color: #333;padding:10px 10px 2px 0;}
.article-list li .con p{font-size: 14px;color: #999;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: 80%!important;height: auto!important;display: block;margin: auto;}
.con .date{float: right;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: 18px;background: #0858b1;height: 45px;line-height: 45px;color: #fff;padding: 0 10px;margin-bottom: 15px;}
.dtit .tit h2 a{ float:right; color:#fff; font-size:14px;}
.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;}
.youshi {background: #006ab6;padding: 20px 0;color:#fff;}
.youshi .indextit span{ color:#fff; font-size:36px;}
.youshi .indextit p{ color:#fff}
.youshi .list{width:106%;}
.youshi  .list li{float:left;width: 31%;padding: 10px;box-sizing: border-box;}
.youshi  .list li a{display:block;}
.youshi  .list li .img{margin:0 auto;transition:all .5s;width: 80%;}
.youshi  .list li .title h3{background:#fff;text-align:center;font-size: 18px;text-align:center;color:#1048a0;border-radius:30px;}
.youshi  .list li .cont{margin-top:20px;font-size:14px;line-height:24px;text-align:center;color:#fff;}
.youshi  .list li:hover .img{margin-top:-10px;transition:all .5s;}
.youshi  .list li:hover .tit{font-weight:bold;}
.conwx{width: 100% !important;}
.contxt{width: 100% !important;}
.case{margin-top: 20px;}