@charset "utf-8";
/* CSS Document */


*{ padding: 0; margin: 0;}
body{position: relative;}
#main{overflow:hidden;}
b,strong{font-weight: normal;}
.fl{ float:left;}
.fr{float:right}
input, textarea, select, button,radio {outline: none;vertical-align: middle;font-size: inherit;font-family: inherit;}
textarea {resize: none;overflow-y: auto;}
input[type="submit"], input[type="reset"], input[type="button"], button {cursor: pointer;-webkit-appearance: none;}
hr {height: 0;border-width: 1px 0 0 0;border-style: solid;margin: 0;color: #ddd;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0;}
ul, ol, li {list-style: none;-webkit-padding-start: 0}
dt, dd {padding: 0;margin: 0;list-style: none;}
b{font-weight: normal;}
.topbar{font-weight: bold;text-align: center;line-height: 60px;height: 60px;transition: .4s;z-index: 995;/* box-shadow: 0 2px 5px rgba(0,0,0,.2); */overflow: hidden;padding: 5px;width:100%;background: #f7f7f7;position: fixed;top: 0;box-sizing: border-box;max-width: 750px;}
.topbar img{width: 80%;height: 50px !important;}
.topbar .tel a{line-height: 50px;font-size: 24px;margin-right: 10px;color: #d00000;letter-spacing: -0.5px;font-family: impact;font-weight: 200;}
.menu-button{display: block;height: 30px;margin: 18px 0 0 0;cursor: pointer;position: relative;}
.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: 28px;height: 2px;margin: 5px 0;background: #666;border-radius: 5px;-webkit-transition:0.3s;transition: 0.3s;}
.header_active .line:nth-of-type(1){-webkit-transform: translateY(6.5px) rotate(-45deg);-ms-transform: translateY(6.5px) rotate(-45deg);transform: translateY(6.5px) rotate(-45deg);}
.header_active .line:nth-of-type(2){opacity:0}
.header_active .line:nth-of-type(3){-webkit-transform: translateY(-7.5px) rotate(45deg);-ms-transform: translateY(-7.5px) rotate(45deg);transform: translateY(-7.5px) rotate(45deg);}
#menu{background: #fff;height: 100%;position: fixed;transform: translateY(-100%);top:0;left: 0;right:0;bottom: 0;z-index: 990;overflow-y: hidden;padding:6.2rem 3rem 5rem;transition: .5s;max-width: 75rem;}
#menu ul{margin:0 0 7rem 0;transition-delay: .2s;}
#menu ul li{border-bottom: 1px solid rgba(0,0,0,.05);}
#menu ul li a{color: #333;padding: 10px 20px;display: inline-block;width: 90%;}
#menu ul li a:hover{background:none;}
#menu ul li i{line-height: 20px;font-size: 14px;display: none;width: 20px;transform: translateY(0);color: #333;}
#menu ul li.cur i,#menu ul li.current i{display: inline-block;}
#menu ul li.cur .fa-angle-down{display: inline-block;transform: rotate(90deg);}
#menu ul li.on {background:rgba(255,255,255,.05);}
#menu ul li.on a{color: #333;}
#menu dl{ background: rgba(0,0,0,.02); display: none;transform: translateY(0);}
#menu dl dt{border-bottom: 1px solid rgba(0,0,0,.05);}
#menu dl dt a{color: #555;display: block;padding: 1rem 1.5rem; font-weight: normal;}
#menu dl dt i{padding:0 6.5rem 0 0;font-size: 1.4rem;}
.header_active #menu{transform: translateY(0);}



.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: #2485cc;height: 40px;line-height: 39px;margin-top: 15px;position: fixed;z-index: 99;top: 45px;left: 0;}
.nav li{width: 20%;border-right: 1px #134c9c solid;border-bottom: 1px #134c9c 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: 16px;}
.nav li a{ color:#fff;}
.logo a{font-size:18px;color: #fff;}

.home{display: block;width: 24px;height: 40px;position: absolute;top:4px;right: 14px;}
.home i{font-size: 30px;color: #2485cc;}

.p_banner{position: relative;}
.p_banner .swiper-pagination-bullet{background: #444;}


/*
*主体内容
*/
.pro{background:#ffffff;padding: 15px 0;}
.wrapper01 .scroller li:nth-child(1) a{background: #f90;}

.wrapper01 {position: relative;line-height:40px;height:40px;width: 100%;overflow: hidden;margin: 20px auto 10px;background:#f0f0f0;}

.wrapper01 .scroller {position: absolute;width: 1000px !important;}

.wrapper01 .scroller li {color: #333;float: left;text-align: center;}

.wrapper01 .scroller .bar {width: 50px;height: 3px;position: absolute;bottom: 0px;}

.wrapper01 .scroller .color {width: 128px;margin: 0 auto;height: 43px;border-bottom: 2px solid #f00;}

.wrapper01 .scroller li a {color: #333;display: block;padding:0 15px;}

.wrapper01 .scroller li.cur a {background: #2485cc;color:#fff;}

.i-box{border-top: 10px solid #eee;}
.aboutbox{padding: 20px 10px 0;line-height: 28px;font-size: 16px;}
.aboutbox .con{margin-top: 10px;}
.about ul{padding: 10px 20px 0;height: 60px;}
.about ul li{float:left;position: relative;margin-right:10px;width: 30%;}
.about ul li:nth-child(3n){margin-right:0;}
.about ul li b{font-size: 30px;font-weight:bold;color: #2485cc;line-height:1;position:relative;text-align: center;display: block;}
.about ul li b:after{content:'+';display:block;width:16px;height:16px;border-radius:16px;background:#ff9900;position:absolute;right: 0;top:0;font-size:14px;color:#fff;text-align:center;line-height:16px;}
.about ul li i img{display: block;width: 70%;margin: auto;}
.about ul li p{padding:0;text-align:center;font-size:24px;font-weight:bold;position:relative;}
.about ul li p:after{position:absolute;content:"+";width:12px;height:12px;background:#f90;border-radius:50px;right:0;top:10px;color:#fff;font-size:14px;line-height:0.8;}
.about ul li span{font-size: 16px;display:block;text-align:center;line-height:2;}
.i-box-hd{background-color: #fff;padding: 3% 5%;/* border-bottom:  1px #d00000 solid; */border-top: 1px solid #ddd;border-bottom:  1px solid #ddd;}
.i-box-hd .tit{font-size: 20px;color: #2485cc;border-left: 4px #2485cc solid;padding-left: 10px;line-height: 1.2;}
.i-box-hd p{color: #B7B7B7;/* font-size: 12px; */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 0% 0 0;}
.items-img li{float: left;width: 48%;box-sizing: border-box;border: 5px solid #dedede;margin: 0px 0 10px 1%;}
.items-img li:nth-child(2+2){margin-right:0;}
.items-img li .tit{height: 30px;line-height: 30px;padding:0 10px;font-size: 14px;transition:all .3s ease-out 0s;background: #f0f0f0;color: #333;}
.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: #2485cc;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;margin-right: 180px;}
.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: 5% 5% 15%;}
.i-contact-bd a{color: #fff;}
.i-contact img{display: inline-block;width: 50%;margin: 10px 0;}
.footer{background: #f7f7f7;padding:3% 5%;margin:0 5% 70px; }

.um-contact a{display: inline-block;width: 50.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;text-align: center;}
.pro_menu li{display: inline-block;margin: 5px;width: 30%;text-align: center;}
.pro_menu li a{display: block;background: #135dc7;border-radius: 50px;padding:5px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;}
.pro_menu li .active{display: block;background: #f90;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 p{margin:0;}
.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;margin: 0;}
.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{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;margin-left: px;}


/*
* 文章详情
*/
.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;display: block;}
.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: #2485cc;}
.dtit .tit span{display:block;font-size:16px;text-align:center;line-height: 0.5;color:#333;}



.i-nav{/* border-bottom: 7px solid #f6f6f6; */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;}


.min_contact{width:100%!important;}
.min_contact img{width:40%!important;margin-left: auto;margin-right: auto;}

.pro_menuu{margin: 0 10px;overflow: hidden;font-size: 14px;text-align: center;}
.pro_menuu li{display: inline-block;margin: 2px;width: 31%;text-align: center;} 
.pro_menuu li a{display: block;background: #2485cc;border-radius: 50px;padding:5px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;}


.advantage .shang .one{float:left;width: 47%;box-sizing: border-box;padding: 18px 10px;background:#f0f0f0;margin-top: 10px;margin-left: 10px;border-radius: 4%;}
.advantage .one .image{width: 22%;float:left;}
.advantage .one .word{float:right;width: 75%;}
.advantage .line{border-left: 1px solid #dddddd;height: 80px;float: left;margin-left: 5px;margin-top: 10px;}
.advantage .line-1{border-bottom: 1px solid #dddddd;width:100;margin: 0 auto;}
.advantage .shang .one .word .top{font-weight:bold;color: #5a5a5a;}
.advantage .shang .one .word .bottom{font-size: 14px;color: #797979;}



.case ul li{width:46%;float:left;margin:1% 2%;}
.case ul li p{font-size:16px;color:#000;text-align:center;}



.yz{height: 215px;padding:20px 10px;background:#f2f2f2;}
.yz ul{margin:30px 0;}
.yz ul li{float:left;position: relative;width: 25%;box-sizing: border-box;border-right: 1px solid #dddddd;}
.yz li:last-child{ border-right: 0; }
.yz ul li img{width: 35%;display:block;margin:auto;}
.yz ul li span{font-size:14px;text-align:center;display:block;line-height: 2;color: #333;}
.yz ul li span img{width: 20%;margin: 5px auto 0;display:block;}
.about{padding:20px 0;background: #f2f2f2;}
.about h3{display:block;text-align:center;font-size:18px;background: url(../image/about.jpg) no-repeat center bottom;line-height:2;font-weight: 600;}
.about p{font-size: 16px;line-height: 1.5;}
.about ul{padding: 10px 20px 0;height: 60px;}
.about ul li{float:left;position: relative;margin-right:10px;width: 30%;}
.about ul li:nth-child(4n){margin-right:0;}
.about ul li i img{display: block;width: 70%;margin: auto;}
.about ul li span{font-size: 16px;display:block;text-align:center;line-height:2;}
.youshi li h5{width: 75%;border-bottom: #d7d7d7 1px solid;margin:auto;padding: 15px 0 15px 0;display: block;font-weight: bold;}
.youshi li h5 em{display: block;width: 40px;height:40px;background: #f90;border-radius: 50%;text-align:center;line-height:40px;font-size: 20px;float: left;margin: 0 15px 0 50px;font-weight: bold;color: #333;}
.youshi li h5 span{display:block;font-size:18px;color: #2485cc;line-height: 1.4;}
.youshi li h5 i{display:block;font-size:12px;color:#333;font-weight: normal;font-style: normal;}
.youshi li p{font-size: 14px;color: #333;width: 80%;margin: auto;padding:10px 0;line-height:1.6;}
.youshi{background: url(../image/ys_bj.jpg) no-repeat center center;padding: 20px 10px;}
.youshi li{margin-top:20px;}
.youshi .dtit .tit h2{color: #fff;}
.youshi .dtit .tit span{color:#fff;}
.anli{background:#f2f2f2;padding:20px 0;}
.case ul{margin-top:20px;}
.case ul li{width: 46%;float:left;margin: 1% 2%;padding-bottom: 10px;border: 5px #bbb solid;}
.case ul li p{font-size: 14px;color:#000;text-align:center;margin: 0;line-height: 2.4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-contact-bd p{margin:0 auto;}
.um-contact{width: 100%;position: fixed;bottom: 0;background: #135dc7;height: 55px;left: 0;z-index: 9999;}
.um-contact ul li{width: 33%;height: 55px;float:left;text-align: center;box-sizing: border-box;color: #fff;line-height: 2;font-size: 16px;position: relative;}
.um-contact ul li img{width: 40%;display:block;margin:auto;padding-top: 8px;}
.f_nav{height: 55px;background-color: #f90;width: 100%;/* position: fixed; */bottom: 0px;z-index: 100;}
.f_nav li span{color: #fff;display: block;text-align: center;font-size: 14px;line-height: 1.6;}
.f_nav li:nth-child(1){background: #2485cc;}
.nav-top{position: relative;width: 45%;}
.nav-top ul li{float:left;width: 47%;height: 50px;line-height:50px;text-align: center;display:block;}
.nav-top ul li a{display:block;color:#333;font-size: 14px;}


/* 业务 */
.yw{padding: 6% 2%;}
.yw ul{margin-top: 25px;}
.yw ul li{float:left;width: 44%;height: 230px;background: #fff;text-align: center;margin: 3%;border-radius:8px;box-shadow: 0 0 15px rgba(186, 204, 207, 0.5);transition: .3s;}
.yw ul li:hover{transform: translateY(-8px);-webkit-transform: translateY(-8px);}
.yw ul li a{display:block;}
.yw ul li a:hover{color:#333;}
.yw ul li .img{padding-top: 20px;}
.yw ul li .img img{display:block;margin:auto;width:30%;}
.yw ul li .name{margin-top:10px;font-size: 18px;font-weight:bold;position: relative;color: #135cc7;}
.yw ul li .name:after{content: "";position: absolute;top: 40px;left: 57px;width: 40px;height: 2px;background: #ff9900;}
.yw ul li .desc{font-size:14px;margin-top:20px;line-height:1.6;color: #333;}
.yw ul .frist{float:left;width: 94%;height: 230px;background: #fff;text-align: center;margin: 3%;border-radius:8px;box-shadow: 0 0 15px rgba(186, 204, 207, 0.5);transition: .3s;}
.yw ul .frist .img img{width:20%;}
.yw ul .frist .name:after{content: "";position: absolute;top: 40px;left: 148px;width: 40px;height: 2px;background: #ff9900;}
.neiye_anli{padding:20px 0;}


.item-img{width: 49%;margin-right: 2%;margin-bottom: 2%;border: 5px #eee solid;}
.item-img:nth-child(2n){margin-right:0;}
.new .swiper1{background: #eee;}
.new .swiper2 .swiper-slide{padding:2%;}
.new .swiper1 .swiper-slide{line-height: 40px;text-align: center;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.new .swiper1 .swiper-slide a{color:#333;}
.new .swiper2 .swiper-slide .tit{color:#333;}
.new .swiper1 .swiper-slide-thumb-active{background:#f90;color:#fff;text-align:center;}

.home {display: block;width: 100px;height: 35px;line-height: 35px;border-radius: 50px;background: #1aad17;position: absolute;top: 12px;right: 50px;color: #fff;}
.pro .dtit{margin:25px 0;}


.inban{background:url(../image/cehua.jpg) no-repeat center center;height: 120px;background-size: cover;margin-top: 60px;}
.inban p{font-size:30px;color: #000;text-align:center;line-height: 120px;}