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

/* banner */
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ position: absolute;width: 100%;left: 0;bottom: 1rem;text-align: center;z-index:1; }
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: .5rem; }
.focus .hd ul li{height: 0.5rem;width: .5rem;background: #666666;display: inline-block;border-radius: 1rem;margin-right: 0.5rem; font-size:0;}
.focus .hd ul .on{background: #ce2619;width: 2rem; }

.hxjs { width:100%; box-shadow: 0px 0px 3px 3px #e7e7e7; background:#f7f7f7; margin-bottom:20px;}
.hxjs:last-child{margin-bottom:0px;}
.hxjsa { padding:20px;}
.hxjs .tit { text-align:center; font-size:20px; line-height:40px; font-weight:bold; margin-bottom:5px;} 
.hxjs .con { line-height:26px;}


/*nav*/
nav{width: 94%;padding: 1.333rem 3% 0.1rem;}
nav a{display: block;width: 23%;margin-left: 2%;text-align: center;float: left;margin-bottom: 0.6rem;}
nav a:first-child{margin-left: 1%;}
nav img{display: block;width: 100%;}
nav em{font-size: 1rem;color: #666666;display: block;line-height: 1.2rem;height: 2rem;margin-top: 0.5rem;}


/*服务*/     
.ho3 { width:96%;padding: 40px 0px 20px 0px; margin:0px 2%; overflow:hidden;   }

.ho_con { width: 100%; margin: auto;}
.ho_tit { text-align: center; }
.ho_tit p { text-align: center;font-size:16px; font-weight: bold; color: #000000;}
.ho_tit span { display:block; width:40px; height:2px; background:#d40000; margin:0 auto; margin-top:10px;}
.bt_sm { font-size: 14px; color: #999999;margin-top: 10px;text-align: center;}

.haha2 { margin-top:30px;}
.haha2 li { background: #fafafa; float: left; width:39%; margin-left:2%; margin-right:2%; padding:6% 3% 3% 3%; border: solid 1px #e6e6e6; text-align: center;  border-radius: 4px;  position: relative; top:0; transition: all 0.5s; cursor:pointer; margin-bottom:20px;  }

.haha2 li:hover {top: -5px; 
  -webkit-box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0); }

.haha2 li .img1 { display: block; height: 54px;overflow: hidden;}
.haha2 li img { width:59px; margin:0 auto; transition: all 0.6s;}
.haha2 li dd { font-size: 24px; font-weight:bold; color: #000; line-height: 1; background: url(../img/xian.png) no-repeat center bottom; padding-bottom: 18px; margin-top:15px;}
.haha2 li span { font-size: 24px; line-height:30px; margin-top:20px; display: block;}
.haha2 li p { height:88px; font-size:14px; margin:0 auto; line-height:22px; margin-top:5px; text-align:center;}
.haha2 li:hover img { margin-top: -70px; transition: all 0.6s;}



/* product */
.product{width: 100%;background: #f2f2f2; padding: 1.5rem 0 2rem;}
.product .top{width: 94%;margin: 0 auto;}
.product .top h3{color: #333333;font-size: 1.28rem;float: left;}
.product .top h3 a{color: #333333;}
.pro img{display: block;width: 100%;}
.product .top a.more{font-size: 1.1rem;color: #999999;float: right;display: block;text-align: right;}
.product .top a.more img{display: inline-block;width: 30%;}

.pro .mainCon{width:94%;margin: 1.5rem auto 0;}
.pro .mainCon li{ float:left; width: 48%; margin-left:4%; text-align: center;margin-bottom: 1.25rem; overflow: hidden; }
.pro .mainCon li img { width: 100%; overflow: hidden; height:120px; }
.pro .mainCon .conBox1 li img { border:1px solid #e6e6e6; width: 98%;box-shadow: 0px 0px 5px 3px #e7e7e7;  }
.pro .mainCon li:nth-child(2n+1){margin-left: 0;}
.pro .mainCon li span{display: block;font-size: 1rem;color: #333;margin-top: 0.5rem;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.pro .mainCon .btnList{width: 100%;text-align: center;margin-top: 1rem;}
.pro .mainCon .btnList span{display: inline-block;width: 15%;margin-left: 2%;height: 3px;background: #999999;}
.pro .mainCon .btnList span.on{background: #ce2619;}
.pro .mainCon .btnList span:first-child{margin-left: 0;}


/* flow */
.flow{width: 100%;background: #fff;padding: 1.5rem 0 2rem;}
.flow .top{width: 98%;margin: 0 auto;}
.flow .top h3{color: #333333;font-size: 1.58rem; text-align:center; }
.flow img{display: block;width: 100%;}
.flow .mainCon{width:98%;margin: 1.5rem auto 0;}
.flow .mainCon .conBox{width: 100%;}
.flow .mainCon h3 {font-size: 1.2rem;color: #333333;margin-top: 1.25rem; padding:0px 10px;}
.flow .mainCon h3 em{display: inline-block;width:8%;height: 2rem;text-align: center;line-height: 2rem;background: #ce2619;font-size: 1rem;color: #fff;font-weight: bold;margin-right: 3%; }
.flow .mainCon p{font-size: 1.2rem;color: #666666;margin-top: 1rem;line-height: 1.8rem; padding:0px 10px; }
.flow .menu{ width: 98%;margin: 1.25rem auto 0;}
.flow .menu li{width: 3.55rem;margin-left: 2%;height: 3.75rem;line-height: 3.75rem;text-align: center;font-size: 1.25rem;color: #333333;background: #eeeeee;float: left; }
.flow .menu li:first-child{margin-left: 0;}
.flow .menu li.on{background: #ce2619;color: #fff;}



/* case */
.case{width: 100%;background: #f7f7f7; padding: 1.5rem 0 1rem ;}
.case .top{width: 94%;margin: 0 auto;}
.case .top h3{color: #333333;font-size: 1.28rem;float: left;}
.case .top h3 a{color: #333333;}
.case img{display: block;width: 100%;}
.case .top a.more{font-size: 1.1rem;color: #999999;float: right;display: block;text-align: right;}
.case .top a.more img{display: inline-block;width: 30%;}
.case .mainCon{width:94%;margin: 1.5rem auto 0;}
.case .mainCon li{width: 48%;margin-left:4%;float: left;text-align: center;margin-bottom: 1.25rem;}
.case .mainCon li:nth-child(2n+1){margin-left: 0;}
.case .mainCon li span{display: block;font-size: 1rem;color: #333;margin-top: 0.5rem;}


/* about */

.about{width: 100%;  margin-bottom: 2.333rem; }
.about .title{width: 100%;text-align: center;padding-top: 1.85rem;}
.about .title h2 {font-size: 1.3rem;color: #333333;}
.about .title h2 a{color: #333333;}
.about .title i{display: block;width: 10%;height: 1px;background: #ff9f00;margin: 0.6rem auto 0;}
.about img{display: block;width: 100%;}
.about .mainCon{width:94%;margin: 1.5rem auto 0;}
.about .mainCon h3{font-size: 1.2rem;color: #333333;text-align: center;margin: 1rem 0 0.8rem 0;}
.about .mainCon h3 a{color: #333333;}
.about .mainCona{font-size:14px; color: #666666;line-height: 1.8rem;}

.about .mainCon a.more{font-size: 1.1rem;color: #fff;display: block;text-align: center;width: 40%;height: 3rem;border-radius: 4px;background: #ce2619;line-height: 3rem;margin: 1.5rem auto 0;}
.about .mainCon a.more img{display: inline-block;width: 30%;}


/*news*/
.news{width: 100%;padding: 0 0 1.5rem;background: #fff;}
.news .mainCon{width: 94%;margin: 0 auto;}
.news .menu{box-sizing: border-box;}
.news .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap; }
.news .menu li{flex: 1;text-align: center;padding: .917rem 0;box-sizing: border-box;font-size: 1.1rem;color: #fff;position: relative;background: #333333;color: #fff;font-weight: bold;border-left: 1px solid #fff;font-weight: bold;}
.news .menu li i{display: none;width: 0.8rem;height: .333rem;position: absolute;left: 50%;margin-left: -.4rem;bottom: -0.333rem;}
.news .menu li:first-child{border-left: none;}
.news .menu li.on{background: #ce2619;}
.news .menu li.on i{display: block;}
.news img{display: block;width: 100%;}
.news .mainCon .box{padding-top: 1.583rem;}
.news .mainCon dl{padding-bottom: 1.25rem;}
.news .mainCon dt{width: 37%;float: left;}
.news .mainCon dd{width: 60%;float: right;}
.news .mainCon dd h3{font-size: 1.1rem;color: #333;line-height: 1.3rem;font-weight: normal;padding-top: .5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .mainCon dd h3 a{color: #333;}
.news .mainCon dd span{display: block;font-size: 1rem;color: #cccccc;margin-top: 0.6rem;}
.news .mainCon dd p{font-size: 1rem;color: #666666;line-height: 1.3rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: 0.8rem;}
.news .mainCon dd p a{color: #666666;}
.news .mainCon ul{width: 100%;}
.news .mainCon ul li{overflow: hidden;height: 3rem;line-height: 3rem;border-bottom: 1px solid #eeeeee;}
.news .mainCon ul li:first-child{border-top: 1px solid #eeeeee;}
.news .mainCon ul li a{display: block;width: 75%;font-size:1rem;color: #333333;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .mainCon ul li a em{color: #004c90;margin-right: 0.5rem;}
.news .mainCon ul li  span{display: block;float: right;font-size: 1rem;color: #cccccc;}
.news .mainCon .box .details{color: #004c90;font-size: 1rem;margin-top: 0.5rem;display: block;}

#box_main {position:relative;}
.menu-second { position:absolute; top:3.268rem; right:8px;display:none; z-index:10;}
.menu-second .col{ background:#4a4a4a;}
.menu-second ul{ overflow:hidden;}
.menu-second li { }
.menu-second li a { font-weight:normal;}
.menu-second a.ui-link{ font-size:14px; display:block; line-height:2.268rem; color:#fff; padding:0 15px; text-decoration: none; border-bottom:1px solid #ccc;}
.menu-second .ui-link:hover {color:#fff;background:#ff9f00;}
.menu-second ul dl a{font-weight:normal;}


.List_page{text-align:center;margin:30px 0px 20px 0px;font-family:"微软雅黑";clear:both;}
.List_page a{background:#fff;margin:2px;padding:5px 8px;border:1px solid #35363a;color:#333;font-family:"微软雅黑";}
.List_page span{background:#35363a;color:#fff;margin:1px;padding:4px 6px;border:1px solid #35363a;font-family:"微软雅黑";}


.ser_content { padding:20px 0px; overflow:hidden; width:94%; margin:0 auto;}
.ser_content li { margin-bottom:15px;}
.ser_content li img {width:100%; margin-bottom:5px; }
.ser_content li h3 { font-size:16px; line-height:28px;}
.ser_content li p { font-size:14px; line-height:24px;}