@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; }


/*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;}


/* 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 { background:#e1e1e1; 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:18%;margin-left:1%; margin-right:1%; height: 2.75rem;line-height: 2.75rem;text-align: center;font-size: 12px;color: #333333;background: #eeeeee;float: left;  margin-bottom:10px;}
.flow .menu li.on{background: #ce2619;color: #fff;}



/* case */
.case{width: 100%;}
.casetop { padding: 1.5rem 0 1rem;background: #f7f7f7;}
.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%; max-height:120px; }
.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%;padding-bottom: 2.333rem; margin-bottom: 2.333rem; }
.about .title{width: 100%;text-align: center;padding-top: 1.25rem;}
.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 .mainCona{font-size: 1.0rem;color: #666666;line-height: 1.8rem;margin: 1rem 0 0.8rem 0;}

.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:"微软雅黑";}


.con_pro { width:95%; margin:0 auto;  padding:30px 0px;}
.con_pro h3 { font-size: 24px;}
.con_pro h2 { line-height: 36px; font-weight: normal; font-size: 18px;}

.hui { margin: 30px 0 30px 0; padding: 2% 3%; background: #efefef; color: #333333; font-size: 18px; line-height: 32px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
.gn { margin: 30px 0 0 0; }
.gn dl { width: 48%; min-height: 320px; float: left; margin:0 4% 4% 0;
			padding: 2% 3%;
			background: #efefef;
			color: #333333;
			font-size: 16px;
			line-height: 32px;}

.gn dl:nth-child(2n) { margin-right: 0;}
.gn dl dt { font-size: 22px; margin: 0 0 10px 0;}

.head { width:94%; margin:30px auto;}
.wz { margin-top: 20px; background: #0c437b; padding:3% 4%; color: #ffffff; font-size: 15px;line-height: 32px;}
.con_ser { }
.con_ser ul li{ width: 100%;}
.con_ser ul li a{ padding: 20px 0; line-height: 34px; border-bottom: 1px solid #dddddd; font-size: 18px; color: #333333; display: block; transition: all .5s;}
.con_ser ul li a:hover{color: #0c437b;}
.con_ser ul li a img{ display:block; width:100%; margin-bottom: 20px;}
.con_ser ul li a span{ width: auto; margin: 0;  color: #333333; font-size: 16px; font-weight: normal;}
.con_ser dl {
  padding: 4rem 0;
  border-bottom: 1px solid #e4e4e4;
}

.con_ser dl dt {
  width: 100%;
}

.con_ser dl dt img {
  max-width: 100%;
}

.con_ser dl dd {
  width: 100%;
  font-size: 15px;
  line-height: 28px;
}

.con_ser dl dd.b {
  font-size: 24px;
  font-weight: normal;
  margin: 20px 0 10px;
  color: #0c437b;
}

.con_ser span {
  width: 100%;
  margin: 30px 0; 
  font-size: 16px;
  text-align: center;
  color: #ef7a0f;
  display: block;
}

.con_about { font-size:14px; line-height:26px; }
.con_about img { padding-top:20px; width:100%;}

.about_box3 { width:94%; margin:0 auto; padding: 30px 0 30px 0;}
.about_box3 ol{ margin-top: 20px;}
.about_box3 ol li { font-size: 16px;line-height: 32px; color: #fff; margin-bottom:15px;}
.about_box3 ol li:nth-child(1){width:94%; background: #ef7a0f;  padding: 3%;}
.about_box3 ol li:nth-child(2){ width:94%; background: #efefef;text-align: center; padding: 3%;}
.about_box3 ol li img {  width:90%; padding: 5% 5% 3% 5%;}
.about_box3 ol li:nth-child(3){ width: 94%; background: #0c437b;  padding: 3%;}
.about_box3 ol li:nth-child(4){width: 94%; background: #efefef;color: #333333; padding: 3%;}


.Con_box {  width:94%; margin:0 auto; padding: 30px 0 30px 0;}
.Con_box ol {}
.Con_box ol dl {  margin-bottom:6%; float: left; background: #0c437b;  color: #fff;}
.Con_box ol dl:nth-child(1) { width: 94%; padding: 3%;}
.Con_box ol dl:nth-child(2) { width: 94%; padding: 3%;}
.Con_box ol dl:nth-child(3) { width: 94%; padding: 3%;}
.Con_box ol dl:nth-child(4) { width: 94%; padding: 3%; background:#ef7a0f;}
.Con_box ol dl:nth-child(5) { width: 94%; padding: 3%; background:#ef7a0f;}
.Con_box ol dl dt{font-size: 20px; line-height: 2em; font-weight: bold;}
.Con_box ol dl dd{ font-size: 16px; line-height: 32px;}