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