@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*广告语*/
.ggy{ width:100%; height:100px; background:url(../images/iii.png); overflow:hidden}
.ggy .txt{ width:100%; height:auto; margin-top:0.16rem; text-align:center}
.ggy .txt span{ display:block; font-size:0.16rem; font-weight: 400; color:#FFF;}
.ggy .txt em{ display:block; color:#FFF; margin-top:10px;}
.ggy .tel { display:none}

/*产品框*/
.pro_fl{ background-color:#eaeaea; padding:20px 0 10px 0}
.box_product{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding-bottom:10px}
.box_product li{ float:left; width:49%; height:auto; margin-right:2%; margin-bottom:10px; box-shadow: 0 0 10px 5px #d8d8d8;}
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li:nth-of-type(2n+0){margin-right:0px;}
.box_product li p{background-color:#FFF; color:#007c36; text-align:center; line-height:0.4rem; font-size:0.12rem; font-weight:700; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
/*产品框_end*/

/*新闻视频*/
.news_avi{ width:95%; height:auto; margin:0 auto}
.news_avi .l{width:100%; height:auto;margin-top:20px;margin-bottom:20px;}
.news_avi .r{width:100%; height:auto;}
.news_title{height:56px; line-height:56px; color:#333;background:#FFFFFF url(../images/newstitle.jpg) no-repeat 15px center; box-shadow:0 1px 8px 0 rgba(0,0,0,0.10); border-radius:4px; overflow:hidden; font-size:20px; padding-left:20px; }
.news_title a{color:#333;}
.news_title:hover a{color:#d60606;}
.news_title span{ float:right; font-size:14px; font-weight:100; padding-right:12px;}
.news_box{ width:100%; height:auto; background: #FFFFFF; box-shadow: 0 1px 8px 0 rgba(0,0,0,0.10); border-radius: 4px; margin-top:8px;}
.news_box_ul{ width:95%; height:auto; margin:0 auto; padding:10px 0}
.news_box_ul li{ overflow:hidden; height:0.3rem; line-height:0.3rem;}
.news_box_ul li p{ float:left; width:60%; height:auto; color:#333;overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_box_ul li span{ float:right; height:auto; text-align:right; color:#999;}
.news_box_ul li a:hover p{color:#d60606;}

/*机器*/
.index_i{overflow: hidden; background-image: url(../images/index_jq.jpg); background-repeat: no-repeat;	background-position: center right;	-o-background-size: cover;	-ms-background-size: cover;	-moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}
.jiqi{ padding:50px 0; overflow:hidden}
.ul_jiqi {width: 92%; height:auto; margin:0 auto}
.ul_jiqi li {overflow: hidden; }
.ul_jiqi li .img {float: left; width: 67px; height: 67px; border-radius: 50%;}
.ul_jiqi li .img img {display: block; width: 100%; height: 100%;}
.ul_jiqi li .txt {overflow: hidden; padding-left: 40px; color: #fff;}
.ul_jiqi li .txt .tit {font-weight: 400; font-size:0.14rem; margin-top:3px;}
.ul_jiqi li .txt p {font-size:0.12rem; color: #d4e6ff; line-height: 1.6; margin-top:13px}
.ul_jiqi li+li{ margin-top:30px}

/*优势*/
.why { width:100%; height:auto; font-size:0.26rem; margin-bottom: 5px; color: #ff7f27; font-weight: 600;}
.why  p {font-size: 0.16rem;color: #666; margin-top:10px}
.youshi { width:100%; height:auto;	overflow: hidden; margin-top:30px}
.youshi li {width: 100%; margin-bottom:15px}
.youshi li:hover {background: url(../images/icon18.png) 50% 100% no-repeat;}
.youshi li:nth-child(4n){margin-right:0;}

.youshi li .con {background-color: #005ad2; border-radius: 10px; padding: 30px 0;}
.youshi li:hover .con {background-color: #ff7f27;}
.youshi li .upic {width: 40px; height: 40px; margin: 0 auto;}
.youshi li .upic img {max-width: 100%; max-height: 100%; }
.youshi li .txt {text-align: center;color: #fff;padding: 15px 0;font-size: 0.14rem;}
.youshi li .txt .tit {font-weight: 400;	font-size: 0.2rem;margin-bottom: 6px;}
.youshi li .txt span {display: block;}
.youshi li .txt em {width: 1px;	height: 25px;display: block;margin: 10px auto 15px;	background-color: #fff;}
.youshi li .txt p {	margin-bottom: 15px;}

.fuwu {overflow: hidden; margin-top:30px}
.fuwu li {float: left;	width: 45%; height:auto; margin-right:5%; margin-bottom:20px}
.fuwu li .vpic {float: left;width: 75px;height: 75px;}
.fuwu li .vpic img {display: block;	width: 100%;height: 100%;}
.fuwu li .tit {	overflow: hidden;padding-left: 28px;color: #333;font-size: 0.14rem;font-weight: 400;height: 75px;	line-height: 75px;}

/*标题专用*/
.title_index{width:90%; height:auto; margin:0 auto; margin-top:10px; position:relative}
.title_index h1{font-size:0.22rem; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:0.14rem; line-height:0.22rem; color:#999; font-weight:100; padding-top:20px;}
.title_index:before{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; left:0; top:60px}
.title_index:after{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; right:0; top:60px}

/*linyi*/
.linyi{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:0px;}
.linyi li{ float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.linyi li .img{ width:100%; height:auto; overflow:hidden;  }
.linyi li .img img{width:100%; height:auto;}
.linyi li h3{ text-align:center; line-height:0.4rem; font-size:0.14rem; font-weight:400; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li:nth-of-type(2n+0){margin-right:0px;}
.linyi li a{ display:block}

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*简介*/
.iabout{background:#eaeaea url(../images/iabout.png) no-repeat center center; margin-top:30px; padding:40px 0 20px 0}
.about_c{ width:100%; height:auto; overflow:hidden}
.about_c>.l{width:100%; height:auto;}
.about_c>.r{width:100%; height:auto; padding-top:20px}

.a_h2{ font-size:0.26rem; font-weight:bold; line-height: 1.2; color:#d8222f; }
.a_h2 span{ display:block; font-size:0.18rem; font-weight:100; line-height: 1.2; margin-top:10px}
.a_c{ font-size:14px; line-height: 1.6; color: #5f5f5f; margin-top:20px;}

.gundong{ width:92%; height:auto; margin:0 auto; overflow:hidden; padding:20px 0;}
.gundong>.l{ float:left; width:50%; height:auto; font-size:48px; font-weight:bold; color:#d6000f; }
.gundong>.r{ float:right;width:50%; height:auto; line-height:2}

.three{
	width:100%;
	height:auto;
	margin-top:40px;
}
.three li{ width:100%; height:auto; background-color:#FFF;  border-radius:15px; padding:20px; margin-bottom:10px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease}
.three li h6{color: #e6e6e6; font-family: "DIN"; text-transform: uppercase; font-size:0.4rem;}
.three li h5{ color:#d8222f; font-size:0.18rem; font-weight:bold; line-height:0.26rem}
.three li:hover{ background-color:#d8222f;}
.three li:hover h5{color: #e6e6e6;}
.t_icon1{ display:block; width:64px; height:64px; background:url(../images/pro.png) no-repeat left top; position:absolute; top:26px; right:15px}
.three li:hover .t_icon1{background:url(../images/pro-1.png) no-repeat left top;}
.t_icon2{ display:block; width:64px; height:64px; background:url(../images/case.png) no-repeat left top; position:absolute; top:26px; right:15px}
.three li:hover .t_icon2{background:url(../images/case-1.png) no-repeat left top;}
.t_icon3{ display:block; width:64px; height:64px; background:url(../images/workshop.png) no-repeat left top; position:absolute; top:26px; right:15px}
.three li:hover .t_icon3{background:url(../images/workshop-1.png) no-repeat left top;}
/*简介end*/

/*动态*/
.news{width:100%; height:auto; overflow:hidden }
.news .l{width:100%; height:auto; position:relative}
.news .l img{ width:100%; height:100%}
.news .l .nbox{ width:100%; height:auto; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news .l .nbox span{ display:block; color:#FFF}
.news .l .nbox b{ display:block; color:#FFF; font-size:0.18rem; line-height:0.36rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news .l .nbox p{ margin-top:10px; color:#FFF; font-size:0.14rem; line-height:0.26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

.news .r{width:100%; height:auto; margin-top:20px}

.index_news { width:100%; height:auto; overflow:hidden}
.index_news li {width:100%; height:auto; margin-bottom:10px; overflow:hidden}
.index_news li a {display: block; background-color:#F7F7F7; padding:15px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.index_news li a:after {position: absolute; left: 0; top: 0; content: ""; width:80px; border-bottom: 125px solid #dfdfdf; border-right:28px solid transparent;  -webkit-transition: all 0.5s; transition: all 0.5s;}
.index_news li .date {float: left; width:80px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left; }
.index_news li .date small {display: block; font-size:0.16rem;}
.index_news li .date strong {display: block;font-size:0.4rem; margin-top: 10px;}
.index_news li .text { float:right; width:76%; height:auto;}
.index_news li .text h4 {font-weight: normal; font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; font-size:0.14rem; overflow: hidden;}
.index_news li a:hover {background-color:#3a4249; color:#fff;}
.index_news li a:hover:after {border-bottom-color: #005ad2;}
.index_news li a:hover .text p {color: #fff;}

/*more*/
.more{ background:url(../images/x.jpg) no-repeat center 22px; text-align:center; margin-top:26px}
.more span{ display:inline-table; font-size:16px; border:1px solid #cccccc; padding:10px 30px; background-color:#FFFFFF}
.more span:hover{background-color:#013e8b;}
.more span:hover a{color:#FFFFFF}

/*友情链接*/
.yqlj{background: url(../images/yqlj.png) no-repeat center 35px;font-size:0.18rem; text-align: center; margin-bottom: 20px; margin-top:20px}
.yqlj a{color: #333;}
.yqlj em{display:block; margin:0 auto; font-size:0.22rem; color:#ccc; height:0.3rem; line-height:0.3rem; font-weight: bold;}

/*分站列表*/
.citylist{width:100%; height:auto; overflow:hidden; margin-top:15px; text-align:center}
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#324776; color:#FFF}
/*分站列表end*/

.news_fl {margin-bottom:30px;}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 255, 255, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(1, 21, 88, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*广告语*/
.ggy{ width:100%; height:100px; background:url(../images/iii.png) no-repeat center center; overflow:hidden}
.ggy .txt{ float:left; margin-top:21px;}
.ggy .txt span{ display:block; font-size: 20px; font-weight: 400; color:#FFF;}
.ggy .txt em{ display:block; color:#FFF; margin-top:10px;}
.ggy .tel {float: right; margin-top:25px; padding-left: 52px; background: url(../images/tel_i.png) left center no-repeat; font-size: 38px; color:#FFF}

/*推荐新闻*/
.tj_news {overflow: hidden; border-left: 1px solid #e3e3e3; background-color: #fff;}
.tj_news li {float: left; width: 25%; height:auto; border-right: 1px solid #e3e3e3; border-bottom: 4px solid #ff7f27; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tj_news li b{ display:block; font-size: 18px; font-weight: 400; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.tj_news li span{ display:block; margin-top:10px; font-size:12px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*产品分类*/
.pro_fl{ background-color:#eaeaea; padding:50px 0 10px 0}
.box_product{ width:100%; height:auto; overflow:hidden}
.box_product li{float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:40px; box-shadow: 0 0 10px 5px #d8d8d8; position:relative; }
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li:nth-child(4n){margin-right:0;}
.box_product li p{ padding:0 10px; background-color:#FFF; color:#0067b8; text-align:center; line-height:60px; font-size:18px; font-weight:700; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
.box_product li:before{content: ""; position:absolute; bottom:-12px; width:100%; height:7px; background-color:#ff6a00; transition: 0.4s all ease}
.box_product li:hover:before{bottom:0px;}
/*产品框_end*/

/*机器*/
.index_i{overflow: hidden; background-image: url(../images/index_jq.jpg); background-repeat: no-repeat;	background-position: center center;	-o-background-size: cover;	-ms-background-size: cover;	-moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}
.jiqi{ padding:80px 0; overflow:hidden}
.ul_jiqi {float: right; width: 55.5%; height:auto}
.ul_jiqi li {overflow: hidden; }
.ul_jiqi li .img {float: left; width: 67px; height: 67px; border-radius: 50%;}
.ul_jiqi li .img img {display: block; width: 100%; height: 100%;}
.ul_jiqi li .txt {overflow: hidden; padding-left: 40px; color: #fff;}
.ul_jiqi li .txt .tit {font-weight: 400; font-size: 20px; margin-top:3px;}
.ul_jiqi li .txt p {font-size: 14px; color: #d4e6ff; line-height: 1.6; margin-top:13px}
.ul_jiqi li+li{ margin-top:40px}

/*优势*/
.why { width:100%; height:auto; font-size: 36px; margin-bottom: 5px; color: #ff7f27; font-weight: 600;}
.why  p {font-size: 20px;color: #666;}
.youshi { width:100%; height:auto;	overflow: hidden; margin-top:30px}
.youshi li {float: left; width: 22%; margin-right:4%}
.youshi li:hover {background: url(../images/icon18.png) 50% 100% no-repeat;}
.youshi li:nth-child(4n){margin-right:0;}

.youshi li .con {background-color: #005ad2; border-radius: 10px; padding: 30px 0;}
.youshi li:hover .con {background-color: #ff7f27;}
.youshi li .upic {width: 40px; height: 40px; margin: 0 auto;}
.youshi li .upic img {max-width: 100%; max-height: 100%; }
.youshi li .txt {text-align: center;color: #fff;padding: 15px 0;font-size: 14px;}
.youshi li .txt .tit {font-weight: 400;	font-size: 20px;margin-bottom: 6px;}
.youshi li .txt span {display: block;}
.youshi li .txt em {width: 1px;	height: 25px;display: block;margin: 10px auto 15px;	background-color: #fff;}
.youshi li .txt p {	margin-bottom: 15px;}

.fuwu {overflow: hidden; margin-top:30px;}
.fuwu li {float: left;	width: 25%; height:auto}
.fuwu li .vpic {float: left;width: 75px;height: 75px;}
.fuwu li .vpic img {display: block;	width: 100%;height: 100%;}
.fuwu li .tit {	overflow: hidden;padding-left: 28px;color: #333;font-size: 14px;font-weight: 400;height: 75px;	line-height: 75px;}

/*标题专用*/
.title_index{ width:800px; height:auto; margin:0 auto; margin-top:30px; position:relative}
.title_index h1{font-size:30px; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:14px; line-height:30px; color:#999; font-weight:100; padding-top:12px;}
.title_index:before{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; left:0; top:67px}
.title_index:after{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; right:0; top:67px}

/*linyi*/
.linyi{ width:100%; height:auto; overflow:hidden; margin-top:0px;}
.linyi li{ float:left; width:23.5%; height:auto; margin-right:2%;}
.linyi li .img{ width:100%; height:auto; overflow:hidden; position:relative; }
.linyi li .img p{ position:absolute; left:0; top:300px; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.linyi li:hover p{top:0; }
.linyi li .img img{width:100%; height:100%; max-width:100%;}
.linyi li h3{ text-align:center; line-height:50px; font-size:14px; font-weight:400; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li:nth-of-type(4n+0){margin-right:0px;}
.linyi li a{ display:block}

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;}
.index_pic_one dl{float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:30px; background-color:#fff; border:1px solid #F3F3F3}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}
.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:nth-of-type(4n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*简介*/
.iabout{background:#eaeaea url(../images/iabout.png) no-repeat center center; padding: 70px 0; margin-top:30px}
.about_c{ width:100%; height:auto; overflow:hidden}
.about_c>.l{ float:left; width:60%; height:auto;}
.about_c>.r{ float:right; width:30%; height:auto; padding-top:20px}

.a_h2{ font-size:48px; font-weight:bold; line-height: 1.2; color:#d8222f}
.a_h2 span{ display:block; font-size:36px; font-weight:100; line-height: 1.2;  margin-top:10px}
.a_c{ font-size:14px; line-height: 1.6; color: #5f5f5f; margin-top:20px;}

.gundong{ width:100%; height:auto; overflow:hidden; padding:20px 0;}
.gundong>.l{ float:left; width:50%; height:auto; font-size:48px; font-weight:bold; color:#d6000f; }
.gundong>.r{ float:right;width:50%; height:auto; line-height:2}

.three{
	width:100%;
	height:auto;
	margin-top:40px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.three li{ width:32%; height:auto; background-color:#FFF;  border-radius:15px; padding:20px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease}
.three li h6{color: #e6e6e6; font-family: "DIN"; text-transform: uppercase; font-size:40px;}
.three li h5{ color:#d8222f; font-size:18px; font-weight:bold; line-height:26px}
.three li:hover{ background-color:#d8222f;}
.three li:hover h5{color: #e6e6e6;}
.t_icon1{ display:block; width:64px; height:64px; background:url(../images/pro.png) no-repeat left top; position:absolute; top:26px; right:15px}
.three li:hover .t_icon1{background:url(../images/pro-1.png) no-repeat left top;}
.t_icon2{ display:block; width:64px; height:64px; background:url(../images/case.png) no-repeat left top; position:absolute; top:26px; right:15px}
.three li:hover .t_icon2{background:url(../images/case-1.png) no-repeat left top;}
.t_icon3{ display:block; width:64px; height:64px; background:url(../images/workshop.png) no-repeat left top; position:absolute; top:26px; right:15px}
.three li:hover .t_icon3{background:url(../images/workshop-1.png) no-repeat left top;}
/*简介end*/

/*新闻视频*/
.news_avi{margin-top:80px;}
.news_avi .l{ float:left; width:620px; margin-bottom:50px;}
.news_avi .r{ float:right; width:620px;margin-bottom:50px;}
.news_title{height:56px; line-height:56px; color:#333;background:#FFFFFF url(../images/newstitle.jpg) no-repeat 15px center; box-shadow:0 1px 8px 0 rgba(0,0,0,0.10); border-radius:4px; overflow:hidden; font-size:20px; padding-left:20px; font-weight:normal;}
.news_title a{color:#333;}
.news_title:hover a{color:#d60606;}
.news_title span{ float:right; font-size:14px; font-weight:100; padding-right:12px;}
.news_box{ width:100%; height:auto; background: #FFFFFF; box-shadow: 0 1px 8px 0 rgba(0,0,0,0.10); border-radius: 4px; margin-top:8px;}
.news_box_ul{ width:580px; height:auto; margin:0 auto; padding:10px 0}
.news_box_ul li{ overflow:hidden; height:40px; line-height:30px;border-bottom:1px dotted #ccc}
.news_box_ul li p{ float:left; width:430px; height:auto;color:#333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_box_ul li span{ float:right; height:auto; text-align:right; color:#999;}

.news_box_ul li a:hover p{color:#d60606;}

/*动态*/
.news{width:100%; height:auto; overflow:hidden }
.news .l{ float:left; width:48%; height:448px; position:relative}
.news .l img{ width:100%; height:100%}
.news .l .nbox{ width:100%; height:auto; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news .l .nbox span{ display:block; color:#FFF}
.news .l .nbox b{ display:block; color:#FFF; font-size:18px; line-height:36px}
.news .l .nbox p{ margin-top:10px; color:#FFF; font-size:14px; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

.news .r{ float:right; width:50%; height:auto;}

.index_news { width:100%; height:auto; overflow:hidden}
.index_news li {width:100%; height:auto; margin-bottom:23px; overflow:hidden; }
.index_news li a {display: block; background-color:#F7F7F7; padding: 25px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.index_news li a:after {position: absolute; left: 0; top: 0; content: ""; width: 85px; height: 0; border-bottom: 135px solid #dfdfdf; border-right: 78px solid transparent; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index_news li .date {float: left; width: 90px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left;}
.index_news li .date small {display: block;font-size: 16px;}
.index_news li .date strong {display: block;font-size: 48px;margin-top: 10px;}
.index_news li .text { float:right; width:78%; height:auto;}
.index_news li .text h4 {font-weight: normal; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; overflow: hidden;}
.index_news li a:hover {background-color:#3a4249; color:#fff;}
.index_news li a:hover:after {border-bottom-color: #005ad2;}
.index_news li a:hover .text p {color: #fff;}
.index_news li:last-child{margin-bottom:0;}

/*more*/
.more{ background:url(../images/x.jpg) no-repeat center 22px; text-align:center; margin-top:26px}
.more span{ display:inline-table; font-size:16px; border:1px solid #cccccc; padding:10px 30px; background-color:#FFFFFF}
.more span:hover{background-color:#013e8b;}
.more span:hover a{color:#FFFFFF}

/*友情链接*/
.yqlj{background: url(../images/yqlj.png) no-repeat center 35px;font-size:26px;text-align: center; margin-bottom: 20px; margin-top:30px}
.yqlj a{color: #333;}
.yqlj em{display: block;margin: 0 auto;font-size: 32px;color: #ccc;height: 30px;line-height: 30px;font-weight: bold;}

/*分站列表*/
.citylist{width:100%; height:auto; overflow:hidden; margin-top:15px; text-align:center}
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#324776; color:#FFF}
/*分站列表end*/

.news_fl {margin-top: -74px; position: relative; z-index: 1; margin-bottom: 40px; text-align:right}

}