@charset "utf-8";
.index_box{ width:100%; height:auto; background: #f5f5f5; overflow:hidden}
/*当浏览器尺寸小于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);  }  /* 去掉链接触摸高亮 */

/*产品标题*/
.tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center; margin-top:30px}
.tit h3{font-size:30px;line-height:1;color:#0a4f9d;font-weight:700;}
.tit .imore{background:#0a4f9d; width:140px; height:0.35rem; line-height:0.35rem; text-align:center; font-size:0.14rem; color:#fff; margin-right:0}
.tit .imore:hover{background:#71b637}

/*产品box*/
.pro_index{
	width:100%;
	height:auto;
	margin-top:30px;
	display:-webkit-flex; display:flex;
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.pro_index li{width:49%; height:auto; box-sizing:border-box; margin-bottom:20px}
.pro_index li span{width:100%; height:auto; display:block; overflow:hidden; background-color:#FFF}
.pro_index li span img{width:100%; height:auto; transition:all .3s ease 0s}
.pro_index li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)}
.pro_index li h6{ margin-top:20px; padding:0 10px; font-weight:400; font-size:0.14rem; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.pro_index li:hover h6{color:#0059b5}
.pro_index li em{display:block; width:100%; height:0.35rem; line-height:0.35rem; border-radius:4px; background:#b8b9b9; font-size:0.14rem; color:#2c2c2c; text-align:center; margin-top:20px;}
.pro_index li:hover em{background:#0a4f9d;color:#fff}

/*视频背景*/
.indexE{padding:40px 0; background:url(../images/ibg.jpg) no-repeat center; background-size:cover; }
.indexE h3{font-size:0.3rem;color:#fff;line-height:1;font-weight:700;text-align:center}

/* 多图滚动 */
.scrollBox{width:100%; height:auto; margin-top:40px; text-align:center;}
.scrollBox .bd{width:100%; height:auto; overflow:hidden}
.scrollBox .bd li{float:left; width:49%; height:auto; margin-right:2%; margin-bottom:20px;}
.scrollBox .bd li:nth-of-type(2n+0){margin-right:0;}
.scrollBox .bd li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.scrollBox .bd li span img{max-width:100%; height:auto;}
.scrollBox .bd li p{ margin-top:20px; padding:0 10px; line-height:0.3rem; color:#FFF; font-size:0.14rem; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.scrollBox .bd li span em{ position:absolute; left:50%; top:50%; width:50px; height:0.3rem; z-index:9999999; margin-top:-15px; margin-left:-25px; background:url(../images/play.png) no-repeat; transition: 0.5s all ease}
.scrollBox .bd li:hover em{ margin-top:-25px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
.scrollBox .hd .on{ background:#BA2636;}

/*简介*/
.about_index{ overflow:hidden; margin-top:40px;}
.about_index .l{width:100%; height:auto}
.about_index .r{width:100%; width:100%; height:auto}
.about_index h3{height:auto; font-size:0.4rem; line-height:1; color:#0a4f9d; font-weight:700; text-align:center}
.about_c{ width:100%; height:auto; font-size:0.14rem; line-height:0.3rem; margin-top:30px}

/*小幻灯片*/
.index_hdp{width:100%; height:auto; overflow:hidden; position:relative}
.index_hdp .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.index_hdp .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.index_hdp .hd li.on{ background:#fff;  }
.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:auto;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*标题专用*/
.title_index{width:90%; height:auto; margin:0 auto; margin-top:10px; text-transform:uppercase; 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}

/*图片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*/

/*动态*/
.news{width:100%; height:auto; margin-top:30px; 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; background-color:#F7F7F7;}
.index_news li a {display: block;  padding:15px; }
.index_news li .date { display:none}
.index_news li .text {width:100%; 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; 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 .text p {color: #fff;}

/*友情链接*/
.yqlj{background: url(../images/yqlj.png) no-repeat center 15px; font-size:0.26rem; font-weight:100; color:#999; text-align: center; margin-bottom: 20px; margin-top:40px; line-height:0.3rem}
.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*/
}

/*当浏览器尺寸大于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::after{content:""; position:absolute; z-index:20; left:0; right:0; top:0; width:100%; height:80px; display:block; background:url(../images/bannerbg.png) no-repeat center}
.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; max-width:100%; height:auto; object-fit:none; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*产品标题*/
.tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center; margin-top:40px}
.tit h3{font-size:72px;line-height:1;color:#0a4f9d;font-weight:700;position:relative}
.tit h3::after{content:"";background:#0a4f9d;width:140px;height:6px;position:absolute;top:40px;right:-160px}
.tit .imore{background:#0a4f9d; width:145px; height:41px; line-height:41px; text-align:center; font-size:16px; color:#fff; margin-right:0}
.tit .imore:hover{background:#71b637}

/*产品box*/
.pro_index{
	width:100%;
	height:auto;
	margin-top:40px;
	margin-bottom:30px;
	display:-webkit-flex; display:flex;
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.pro_index li{width:24%; height:auto; box-sizing:border-box; margin-bottom:30px}
.pro_index li span{width:100%; height:auto; display:block; overflow:hidden; background-color:#FFF}
.pro_index li span img{width:100%; height:auto; transition:all .3s ease 0s}
.pro_index li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)}
.pro_index li h6{ margin-top:20px; padding:0 10px; font-weight:400; text-align:center; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.pro_index li:hover h6{color:#0059b5}
.pro_index li em{display:block; width:100%; height:42px; line-height:42px; border-radius:4px; background:#b8b9b9; font-size:16px; color:#2c2c2c; text-align:center; margin-top:20px;}
.pro_index li:hover em{background:#0a4f9d;color:#fff}

/*视频背景*/
.indexE{padding:60px 0; background:url(../images/ibg.jpg) no-repeat center; background-size:cover; }
.indexE h3{font-size:60px;color:#fff;line-height:1;font-weight:700;text-align:center}

/* 多图滚动 */
.scrollBox{width:100%; height:auto; margin-top:40px; text-align:center;}
.scrollBox .bd{width:100%; height:auto; overflow:hidden}
.scrollBox .bd li{float:left; width:23.5%; height:auto; margin-right:2%;}
.scrollBox .bd li:nth-of-type(4n+0){margin-right:0;}
.scrollBox .bd li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.scrollBox .bd li span img{max-width:100%; height:auto;}
.scrollBox .bd li p{ margin-top:20px; padding:0 10px; line-height:30px; color:#FFF; font-size:14px; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.scrollBox .bd li span em{ position:absolute; left:50%; top:50%; width:50px; height:30px; z-index:9999999; margin-top:-15px; margin-left:-25px; background:url(../images/play.png) no-repeat; transition: 0.5s all ease}
.scrollBox .bd li:hover em{ margin-top:-25px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
.scrollBox .hd .on{ background:#BA2636;}

/*简介*/
.about_index{ overflow:hidden; margin-top:60px;}
.about_index .l{ float:left; width:40%; height:auto}
.about_index .r{ float:right; width:51%; height:auto}
.about_index h3{ width:370px; height:auto; font-size:72px; line-height:1; color:#0a4f9d; font-weight:700; position:relative;}
.about_index h3::after{content:""; background:#0a4f9d; width:140px; height:6px; position:absolute; top:40px; right:-160px}
.about_c{ width:100%; height:auto; font-size:14px; line-height:30px; margin-top:30px}

/*小幻灯片*/
.index_hdp{width:100%; height:410px; overflow:hidden; position:relative}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:auto; -webkit-transition: all 1.8s; -o-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index_hdp .bd li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

/*标题专用*/
.title_index{ width:800px; height:auto; margin:0 auto; margin-top:10px; text-transform:uppercase; 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}

/*图片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*/

/*动态*/
.news{width:100%; height:auto; margin-top:30px; 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: 50px solid transparent; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index_news li .date {float: left; width: 75px; height:auto; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:center;}
.index_news li .date small {display: block; font-size:20px; font-weight:bold;}
.index_news li .date strong {display: block; font-size: 44px; margin-top: 10px;}

.index_news li .text { float:right; width:80%; 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;}

/*友情链接*/
.yqlj{background: url(../images/yqlj.png) no-repeat center 15px; font-size:26px; font-weight:100; color:#999; text-align: center; margin-bottom: 20px; margin-top:40px; line-height:30px}
.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*/
}