@charset "utf-8";
* {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
body {margin:0px auto; font-family:"微软雅黑";font-size:14px;}
ul,li,a,span,h1,div,ol,h1,h2,h3,p,hr,input,label {margin:0px; padding:0px; text-decoration:none; list-style:none;}
body,td,th {font-family: 微软雅黑;}
body {margin-left: auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;}
a{color:#333;text-decoration:none;outline:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
border { border:0px;}
img {border:0px;}
i,em{font-style: normal;}
.fl{ float:left;}
.fr{ float:right;}
.tac{text-align: center;}
.w1300{margin:0 auto; width:1340px; height:auto; overflow:hidden;}
.clear {clear: both;}

/*------------公用样式结束----------*/

/*------------top----------*/
.topline{width:auto; height:5px; background-color:#c80203;}
/*top*/
.topbj{width: 100%;height: 115px;background:rgba(255,255,255,0.4);z-index: 9999;box-shadow:10px 0 0 0 #aaa}
.topdh{color: #202d60;font-size: 16px;padding-top:5px;margin-right: 0;white-space:nowrap;float: right;width:20%;box-sizing: border-box;padding-left: 20px;min-width: 230px;text-align: left;padding-bottom:17px;}
.topdh p{font-family: Arial, Helvetica, sans-serif;font-size:36px;color: #fe0000; line-height:50px;padding-top:5px;}
.topdh img{ width:100px; height:100px; margin-right:5px; float:left;}

.main{
	width: 100%;position: relative;margin: auto;box-sizing: border-box
}
.main:after{
	content: '';display: block;clear: both;height: 0;visibility: hidden;
}


/*导航*/
#header{right:0;left:0;height:65px;text-align:center;z-index:9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#header .logo{float:left;width:22%;height:100%;margin-top:10px;text-align: left;padding-left:3%}
#header .logo img{ width:97%;float:left; padding-right:10px;}
#header .logo h1{padding-top:5px;color: #434343;font-size: 38px; line-height:45px;}
#header .logo i{text-transform: uppercase;display: block;font-size: 17px;color: #434343; line-height:30px;}
#l-nav {width:55%; padding-top:27px;}
#l-nav .navBtn{display:none}
 #l-nav .navSliBtn{display:none}
 #l-nav .iconJt{display:none}
 #l-nav .tNav{width:100%;margin:0 auto;overflow:hidden}
 #l-nav .navUl{width:100%;display:flex;justify-content:flex-end;font-size:0; float:right;}
 #l-nav .navLi{padding:0 .5vw;display:inline-block;font-size:1rem}
 #l-nav .navLi.nav08{display:none}
 #l-nav .navLi:hover .tNavH::before{width:100%;opacity:1}
 #l-nav .tNavH{position:relative}
 #l-nav .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:2px;background-color:#fe0000;opacity:0;transition:all .5s ease}
 #l-nav .tNav .navName{position:relative;display:block;padding:1.0rem .7vw;font-size:18px; color:#626b72;font-weight:normal;transition:all .5s ease}
  #l-nav .tNav .navName p{color:#c2c6c8; font-size:12px; line-height:26px;}
 #l-nav .tNav.fixed .navName{color:#222;padding:1.0rem .8vw}
 #l-nav .navName::after{content:attr(data-title);position:absolute;top:0;left:0;transform:translateY(100%);width:100%;height:100%;display:flex;font-size:15px;line-height:26px; align-items:center;justify-content:center;color:#fe0000}
 #l-nav .navLi:hover .navName{transform:translateY(-100%)}
 #l-nav .slidBox{position:fixed;left:0;right:0;width:70%;min-width:1024px;height:0;overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between;flex-wrap:nowrap;z-index:110;margin:0 auto;padding:0 18%;transition:all .5s ease;opacity:0}
 #l-nav .navLi:hover .slidBox{height:auto;opacity:1;background-color: #f5f5f5;}
 #l-nav .leftBox{flex:0 0 45%;overflow:hidden;max-width:520px;margin:86px 0px}
 #l-nav .img100{display:block;width:100%}
 #l-nav .right_img .img100{transition-duration:.5s}
 #l-nav .right_img:hover .img100{transform:scale(1.1)}
 #l-nav .rightBox{flex:0 0 40%;margin:46px 0px}
 #l-nav .left_text .onetitle{font-size:18px;line-height:1.1;color:#313131;padding-bottom:20px;padding-top:20px;font-weight:bold;text-align:left}
 #l-nav .navSbox{display:flex;flex-wrap:wrap;justify-content:space-between}
 #l-nav .oneName{font-size:26px;padding-bottom:15px;color:#000;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 #l-nav .tNavSummry{line-height:24px;width:100%;height:auto;overflow:hidden;color:#666;font-size:14px;max-width:420px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
 #l-nav .tNavMore{display:block;position:relative;height:auto;padding-top:25px;border-top:1px dashed #ccc;margin-top:20px;cursor:pointer}
 #l-nav .txt{color:#000;transition:all .5s ease}
 #l-nav .leanMore{margin-left:2rem;transition:all .5s ease}
 #l-nav .tNavMore:hover .txt{color:#015bbb;margin-left:10px}
 #l-nav .tNavMore:hover .leanMore{color:#015bbb}
 #l-nav .navSli{flex:0 0 50%}
 #l-nav .navSimg{position:relative;width:100%;height:160px;overflow:hidden}
 #l-nav .navImg{position:absolute;transform:translateX(-50%) scale(1);width:auto;height:100%;transition:all .5s ease}
 #l-nav .navSbox .navSlink{display:block; width:50%; text-align:center;border-radius:15px; margin:1%; background-color:#313131;font-size:16px;line-height:36px;color:#fff;transition-duration:.3s}
 #l-nav .navSbox .navSlink:hover{color:#fff;transform:translateX(6px)}
 #l-nav .navSbox .navSlink:hover:before{background:#fff}
 #l-nav .navSbox .navSlink:before{content:"";display:inline-block;vertical-align:top;margin-right:6px;width:4px;height:4px;background:#fff;position:relative;top:16px}
 #l-nav .navSbox .txt{width:100%; height:auto; padding-top:30px; text-align:left; font-family:"微软雅黑"; font-size:15px; color:#888; line-height:26px;}
 #l-nav .navSlink::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;opacity:0;background-color:#015bbb;transition:all .5s ease;display:none}
 #l-nav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1)}
 #l-nav .navSli:hover .navSlink::after{width:100%;opacity:1}
 #l-nav .navSbox .cSlink{display:block;font-size:16px; text-align:left;line-height:36px;color:#666;transition-duration:.3s}
 #l-nav .navSbox .cSlink:hover{color:#e40616;transform:translateX(6px)}
 #l-nav .navSbox .cSlink:hover:before{background:#e40616}
 #l-nav .navSbox .cSlink:before{content:"";display:inline-block;vertical-align:top;margin-right:6px;width:4px;height:4px;background:#000;position:relative;top:16px}
 #l-nav .navSbox .ltxt{width:100%; height:auto; padding-top:30px; text-align:left; font-family:"微软雅黑"; font-size:18px; color:#888; line-height:26px;}


/*banner*/
#banner {position: relative;overflow: hidden;width: 100%}
#banner ul {
	position: relative;
	overflow: hidden;
	width: 300%
}
#banner ul li {
	width: 33.333%;
	float: left
}
#banner ul li img {
	width: 100%;display: block;
}
#banner aside {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 0;
	width: 90%;
	right: 0;
	left: 0;
	margin: auto
}
#banner aside span {display: block;
	width:90px;
	height:150px;
	z-index: 63;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	cursor: pointer;
	opacity: 0;
	transition: all 0.3s;
	margin-top:-1%;
}
#banner:hover aside span{ 
	opacity: 1;}
#banner aside span:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 20%;
	margin: auto;
	width:87px;
	height:87px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg)
}
#banner aside span.prev {
	float: left;
}

#banner aside span.next {
	float: right;
}
#banner aside span.next:after {
	left: 0;
	right: 20%;
	-webkit-transform: rotateZ(135deg);
	-moz-transform: rotateZ(135deg);
	-ms-transform: rotateZ(135deg);
	-o-transform: rotateZ(135deg);
	transform: rotateZ(135deg)
}
#banner>div {
	width: 140px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 7%;
	margin: auto
}
#banner>div em {display: block;
	float: left;
	width:28px;
	height:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 4.75px;
	background: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}
#banner>div em.act {
	background: #fe0000
}


.sl,.st,.st div,.sl div{
	overflow: hidden;
}

/*------------首页栏目----------*/
.sylm{width:100%; height:auto;text-align:center; background:url(img/lm_t2.png) top center no-repeat; margin-top:30px;padding-top:60px;overflow:hidden;}
.sylm h2{font-family:"微软雅黑"; font-size:40px; color:#12212F; line-height:50px;}
.sylm h2 span{font-weight:normal;}
.sylm p{font-family:"微软雅黑"; font-size:18px; color:#363636; line-height:30px;}


/*------------分类---------*/
.pic_lm{margin:0 auto; width:1210px; height:auto;overflow:hidden;}
.pic_lm ul{background: linear-gradient(to left,#0f8dd7,#0a48b7); width:265px; height:140px;margin:1.5%; float:left;}
.pic_lm ul li{position:absolute;width:265px; height:140px;}
.pic_lm ul li img{position:absolute;width:100%;height:140px;display: block; filter:alpha(Opacity=15);-moz-opacity:0.1;opacity: 0.1;}
.pic_lm ul li dd{position:absolute; margin:0 auto; width:100%; text-align:center; padding-top:10%; z-index:33333333;}
.pic_lm ul li dd h2{ font-family:"微软雅黑"; color:#fff; font-size:26 px; line-height:50px; font-weight:normal;}
.pic_lm ul li dd h2 a{color:#fff;}
.pic_lm ul li dd ol{margin:0 auto; width:110px; height:30px; border:1px solid #fff;border-radius:20px; text-align:center; font-family:"微软雅黑"; margin-top:10px;}
.pic_lm ul li:hover dd ol{background-color:#fe0000;transition: all .5s;}
.pic_lm ul li dd ol a{color:#fff; line-height:30px;}



/*产品展示*/
.anliroll {height:1300px;width:87%;margin:40px auto; }
.anliroll li {float: left;width: 23%; border:1px solid #f2f2f2;background: #fff;margin: 2% 0 0 1.4%; }
.anliroll li a {display: block;overflow: hidden;font-size: 18px;position: relative; }
.anliroll li a h4 {overflow: hidden; }
.anliroll li a img { margin:0 auto;width:100%;display: block;transition: all .5s; }
.anliroll li a ol {background: #f5f5f5;color: #000;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size:18px; line-height:20px;padding:10px;box-sizing: border-box;}
.anliroll li a ol i dd{ margin:0 auto; width:90%;font-family: "微软雅黑"; border-radius:10px;color:#202d60; font-size:14px; line-height:22px; margin-top:8px;}
.anliroll li a:hover ol i dd{ background-color:#fe0000;color:#fff;}
.anliroll li a ol i {display: block;color: dimgray;font-size: 15px;margin-top: 10px; }
.anliroll li a ol a {color: #fff;font-size: 18px; }
.anliroll li a:hover img {transform: scaleX(1.1) scaleY(1.1); }

.yyly{width:auto; height:525px; background:url(img/yyly.jpg) center no-repeat;}

/*------------简介---------*/
.aboutbj{width:100%; height:678px;background:url(img/aboutbj.jpg) top center no-repeat #f9f9f9; margin-top:40px;overflow:hidden;}
.aboutzw {width:750px; height:auto; background-color:#fff; padding:30px; text-align:left;border-radius:10px;box-shadow:0 0 5px #aaa; margin-top:100px;overflow:hidden; float:right;}
.aboutzw h3{height:auto;font-size:24px;color:#434343;line-height:40px;}
.aboutzw h3 span{color:#fe0000;}
.aboutzw p{font-family:"微软雅黑"; font-size:16px; color:#888; line-height:30px;}
.aboutzw .a-more{width:140px; height:35px; border:1px solid #fe0000;border-radius:20px; text-align:center;margin-top:20px;}
.aboutzw .a-more a{color:#fe0000; font-size:15px; line-height:35px;}
.aboutzw .a-more:hover{background-color:#fe0000;}
.aboutzw .a-more:hover a{color:#fff;}
.ys_bj{width:auto; height:auto; background:url(img/ysbj.jpg) center no-repeat; padding-top:40px;}
.a_tu{width:501px; height:800px;}
.a_ys{width:770px; height:auto; text-align:left; font-family:"微软雅黑"; float:right; margin-top:30px;}
.a_ys h3{font-size:40px; line-height:40px; color:#0a48b7; font-weight:normal;}
.a_ys h3 p{font-size:18px; line-height:40px; color:#666;}
.a_ys ul{width:auto; height:auto; overflow:hidden; margin-top:40px;}
.a_ys ul dd{width:100px; height:100px; background-color:#fe0000;text-align:center; font-family:Impact; font-size:50px; line-height:100px; color:#fff;}
.a_ys ul dl{width:630px; height:auto; text-align:left; font-family:"微软雅黑"; color:#333; float:right;}
.a_ys ul dl h2{ font-size:26px; line-height:40px;}
.a_ys ul dl p{ font-size:16px; line-height:26px;}


/* gc*/

.anlirol2 {height:auto;width:87%;margin:0px auto; }
.anlirol2 li {float: left;width: 23%; border:1px solid #f2f2f2;background: #fff;margin: 2% 0 0 1.4%; }
.anlirol2 li a {display: block;overflow: hidden;font-size: 18px;position: relative; }
.anlirol2 li a h4 {overflow: hidden; }
.anlirol2 li a img { margin:0 auto;width:100%;display: block;transition: all .5s; }
.anlirol2 li a ol {background: #f5f5f5;color: #000;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size:18px; line-height:20px;padding:10px;box-sizing: border-box;}
.anlirol2 li a ol i dd{ margin:0 auto; width:90%;font-family: "微软雅黑"; border-radius:10px;color:#202d60; font-size:14px; line-height:22px; margin-top:8px;}
.anlirol2 li a:hover ol i dd{ background-color:#fe0000;color:#fff;}
.anlirol2 li a ol i {display: block;color: dimgray;font-size: 15px;margin-top: 10px; }
.anlirol2 li a ol a {color: #fff;font-size: 18px; }
.anlirol2 li a:hover img {transform: scaleX(1.1) scaleY(1.1); }


/*--news--*/
.newsbj{width:100%; height:auto; background:url(img/newsbj.jpg) bottom center no-repeat;  margin-top:60px; padding-bottom:60px;}
.h-news-w{ margin:0 auto; width:85%;
  overflow: hidden;
}
.h-news1{
  margin-top: 40px;
  padding: 2%;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.h-news1 .news_img{
  float: left;
  width: 30%;
}
.h-news1 .news_img img{
  width: 100%; height:300px;
}
.h-news1 .news_txt {
  float: right;
    width: 67%;
  box-sizing: border-box;
}
.h-news1 .news_txt h3{
  display: block;
  margin: 18px 0;
  font-size: 32px;
  color: #333;
  line-height: 60px;
  transition: color 0.4s;
}
.h-news1 .news_txt p{
  font-size: 18px;
  color: #555;
  line-height: 36px;
  height:102px;
  overflow: hidden;
}
.h-news1 .news_txt span{
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #555;
}
.h-news2{
  padding:20px 0px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.h-news2 li{
  width: 32%;
  border: 1px solid #eee;
  background-color:rgba(0,0,0,0.2);
  padding: 2% 2%;
  box-sizing: border-box;
  overflow: hidden;
}
.h-news2 li h3{
  display: block;
  position: relative;
  font-size: 22px;
  line-height: 60px;
  color: #fff;
  transition: border 0.5s;
}
.h-news2 li h3:after{
  position: absolute;
  display: block;
  content: " ";
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: width 0.5s ease-in-out;
  background-color: #fe0000;
}
.h-news2 li p{
  display: block;
  color: #ccc;
  font-size: 16px;
  line-height: 32px;
  height: 96px;
  overflow: hidden;
}
.h-news2 li .news_time{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0 3%;
  min-width: auto;
  height: 60px;
  line-height: 60px;
  color: #333;
  background: #f9f9f9;
}
.h-news2 li .news_time span{
  font-size: 14px;
}
.h-news2 li:hover h3:after {
        width: 100%;
    }
.h-news2 li:hover .news_time {
  color: #fff;
  background: #fe0000;
}
.h-news2 li:hover .news_time span{
  color: #fff;
}




/*------------footer----------*/
.footer{ background-color:#2d2d2d;padding-top:40px;overflow:hidden;}
.footer .left {width:400px;height:auto;padding: 20px 0 0;}
.footer .left dl{display:inline-block; vertical-align:top; margin:0 26px; text-align:left;}
.footer .left dl dt{font-size:18px;margin-bottom:24px;}
.footer .left dl dt a{color:#fff; transition:0.36s}
.footer .left dl dt a:hover{color: #dc0817;}
.footer .left dl dd{width:100%; font-size: 14px;color:#ccc;line-height:26px; position:relative; float:left;}
.footer .left dl dd:before{content:"";position:absolute;left:-15px;width:3px;height:0;background:#dc0817;transition: 0.6s;top: 50%;margin-top: -6px;}
.footer .left dl dd a{color: #fff;}
.footer .left dl dd a:hover{color: #dc0817;}
.footer .left dl dd:hover:before{ height:13px}

.footer .center{text-align:center;width:400px;font-size:0;padding:10px 0 0;}
.footer .center dl{ width:400px; display:inline-block; vertical-align:top; margin:0 26px; text-align:left}
.footer .center dl dt{font-size:18px;margin-bottom: 24px;}
.footer .center dl dt a{color: #fff; transition:0.36s}
.footer .center dl dt a:hover{color: #dc0817;}
.footer .center dl dd{width:100%; font-size: 14px;color:#ccc;line-height:26px; position:relative; float:left;}
.footer .center dl dd:before{content:"";position:absolute;left:-15px;width:3px;height:0;background:#dc0817;transition: 0.6s;top: 50%;margin-top: -6px;}
.footer .center dl dd a{color: #fff;}
.footer .center dl dd a:hover{color: #dc0817;}
.footer .center dl dd:hover:before{ height:13px}

.footer  .footerfl{ display:inline-block; vertical-align:top; margin-top:20px;text-align:left; width:100px; margin-left:2%;}
.footer  .footerfl li{background:rgba(255,255,255,0.1); width:155px; height:128px; margin-bottom:13px;}
.footer  .footerfl li em{ width:20px; height:117px; padding:10px 6px 0px; font-size:14px; line-height:15px; color: #fff; float:left;}
.footer  .footerfl li i{ width:94px; height:94px; float:left; margin-top:9px; background-color:#fff; padding:5px;}
.footer  .footerfl li i img{width:94px; height:94px;}

.footer .right{width:288px;height:auto;padding:10px 0 0;}
.footer .right h5{ font-size:16px; color:#ffffff}
.footer .right h3{font-size:30px; line-height:50px;color:#fff;font-weight:bold;margin:10px 0 5px;font-family: DINOT;}
.footer .right p{font-size:14px;line-height:20px;color:#61656d; color:rgba(255,255,255,.5); font-family:arial; font-weight:bold; margin-bottom: 32px;}
.footer .right a{display:inline-block;width:100px;height:32px;line-height:32px;font-size:14px;color:#fff;background:#fe0000;border-radius:25px;text-align:center;position:relative;overflow: hidden;}
.footer .right a:before{content:"";position:absolute;width:100px;height:100px;top:50%;margin-top:-50px;left:50%;margin-left:-50px;background: rgba(0,0,0,.1);transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.footer .right a span{ position:relative}
.footer .right a:hover{ color:#fff;overflow: hidden !important;}
.footer .right a:hover:before{transform:scale(1); opacity:1;  border-radius: 50%;}

footer .bot{padding:15px 0; border-top:1px solid #434343;}
footer .bot .tt{float:left;color: #fff;line-height:35px;height:35px;margin-right:3px;}
footer .bot .tt img{ margin-right:10px;}
.copyright{float:right;font-size:13px;color: #7d7d7f;line-height:35px;}
.copyright *{display: inline-block;font-size:12px;color: #fff;}
.copyright a{color: #fff;font-size:13px;}
.copyright a:hover{ color:#dc0817; }
footer .bot { font-size:13px; color:#837a74; }

.s_foot_link{float:left;width: 178px;height: 35px;cursor:pointer;position: relative;text-align:left;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;border-top:10px solid #ebf8fa;width:0px;height:0px;position:absolute;bottom: -7px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #ebf8fa;border: 1px solid #e2e2e2;padding:10px 13px;overflow:auto;box-shadow: 0px 6px 12px 0px rgba(225, 59, 58,0.25);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: #333; line-height: 27px; display:block; font-size: 12px;}
.s_foot_link .tanchu a:hover{ font-weight:bold;}
.s_foot_link #bnt_link1.a {padding-left:12px;color: #ababab;text-align:left;line-height: 35px;width: 230px;position:absolute;z-index:1;font-size: 14px;}
.s_foot_link #bnt_link1.a i{display:inline-block;font-style:normal;width: 175px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#919397;}
.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:28px;}




/*------------内页banner---------*/
.ny_bj{width:auto; height:auto; background-color:#f5f5f5;overflow:hidden;}
.nyzw{margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑"; font-size:18px; color:#434343; padding-bottom:50px; margin-top:40px; line-height:30px;text-align:left;overflow:hidden;}
.nyzw strong{font-size:20px; line-height:30px; font-weight:normal; color:#079ef4;}
.p_nyzw{margin:0 auto; width:85%; height:auto; font-family:"微软雅黑"; font-size:15px; color:#434343; padding-bottom:50px; margin-top:40px; line-height:28px;text-align:left;overflow:hidden;}
.ny-r-t{width:auto; height:40px; border-bottom:1px dashed #ccc; margin-bottom:30px;}
.ny-r-t  span{ font-size:18px;font-weight:bold;}
.n_aboutbj{width:auto; height:372px; background:url(img/n_aboutbj.jpg) center no-repeat;}
.ny-news01{width:100%;height: auto;}
.ny-news01 li{
  padding:20px;
  width:28%; float: left; margin:1%;
  margin-top:20px;
  background-color:#f9f9f9;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width:100%;
	height:340px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width:100%;
	height:320px;
	overflow: hidden;
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ny-news01 li:hover .tu1 img{
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out;
}
.ny-news01 li .l01{
  width:100px;
  height:20px;
  margin-top:10px;
  text-align:center;
  line-height:20px;
  color:#888;
  background-color:#f2f2f2;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}


.ny-news01 li .r01{
  float: left;
  width:100%;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height: 60px;
  overflow:hidden;
  font-size: 18px;
  font-weight:normal;
  color: #717171;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r01 a h2 span{color:#e60002; font-weight:normal; margin-right:10px;}
.ny-news01 li .r01 p{
  display: block;
  width: 100%;
  height:46px;
  font-size: 14px;
  color: #888;
  letter-spacing: 0px;
  line-height: 150%;
  overflow: hidden;
}
.ny-news01 li .more{width:120px; height:30px; border:1px solid #ccc;text-align:center; }
.ny-news01 li .more a{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#ccc;}
.ny-news01 li:hover .more{background-color:#666;transition: all 0.3s ease-in-out;}
/*单页效果*/
.ny-cont{
	padding:10px 0px 20px 0px;
	margin:0 auto;
	width:1340px;
	font-size: 18px;
	color: #333;
	line-height: 190%;
	letter-spacing: 0px;
}
.ny-cont p, .ny-cont p a{
	margin-top:15px;
	font-size:16px;
	color: #666;
	line-height: 190%;
}
.ny-cont a{
 	font-size: 15px;
	color: #333;
	line-height: 190%;
 }
 .ny-cont-h1{
	display: block;
	width: 100%;
	font-size: 26px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

/*详情页样式*/
.mt-20 {
	margin-top: 20px;
}
.ny-xq{
  margin:30px auto;
  width: 1200px;
  height: auto;
}
.ny-xq-l{
  float: left;
  width: 145px;
  height: 115px;
}
.ny-xq-l .date1{
  position: relative;
  width: 110px;
  height: 36px;
  text-align: center;
}
.ny-xq-l .date1 .year1 {
  position: relative;
  font-size: 20px;
  color: #000;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
}
.ny-xq-l .date1 .year1 span{
  position: absolute;
  left:35%;
  z-index:2;
  display:block;
  background: #fff;
  padding: 0 5px;
  font-size: 20px;
  color: #303030;
  font-family:Arial, Helvetica, sans-serif;
  background-color: #fff;
  letter-spacing: 0px; 
}
.ny-xq-l .date1 .year1:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e3e3e3;
  position: absolute;
  top: 12px;
  left: 0;
  z-index:1;
}
.ny-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #08C339;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
}
.ny-xq-l .read1{
  margin-top: 5px;
  font-size: 13px;
  text-align: center;
  color: #333333;
  letter-spacing: 0px;
}
.ny-xq-l .read1 strong{
  font-weight: bold;
}
.ny-xq-r{
  float: right;
  padding:18px 45px;
  width: 960px;
  height: 80px;
  background-color: #e7e7e7;
  overflow: hidden;
}
.ny-xq-r p{
  display: block;
  height: 70px;
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.ny-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}

/*新闻详情页样式*/
.newszwbj{ width:auto; height:auto; overflow:hidden;}
.new-cont-h1{text-align:center; font-family:"微软雅黑"; font-size:30px; line-height:40px;color:#535353; padding-top:30px;font-weight:normal;}
.new-xq{
  margin:0px auto;
  margin-top:30px;
  width:100%;
  background-color:#fff;
  height: auto;
  overflow:hidden;
}
.new-xq-l{
  width:100%;
  height:auto;
  text-align:left;
  
}
.new-xq-l .date1{
  width: 100%;
  height: auto;
  text-align: left;
}
.new-xq-l .date1 .year1 {
  font-size: 20px;
  color: #000;
  line-height:30px;
  font-family: "微软雅黑";
  font-weight:normal;
  text-align: center;
}
.new-xq-l .date1 .year1 span{
  position: absolute;
  z-index:2;
  display:block;
  font-size:15px;
  color: #b2b2b2;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px; 

}
.new-xq-l .date1:before{
  content: "";
  display: block;
  width: 100%;
  height:30px;
  position: absolute;
  left: 0;
  z-index:1;
}
.new-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #27cbf1;
  font-family:Impact;
  letter-spacing: 0px;
}
.new-xq-l .read1{
  position:relative;
  z-index:22222;
  width:120px;
  font-size:13px;
  padding-top:0px;
  text-align: center;
  background-color:#efeeee;
  color: #888;
  letter-spacing: 0px;
  float:right;
 
}
.new-xq-l .read1 strong{
  font-weight: bold;
}
.new-xq-r{
  width:99%;
  height:auto;
  margin-bottom:30px;
  text-align:center;
  border-top:1px solid #ccc;
  background-color:#f9f9f9;
  padding:10px;
  overflow: hidden;
}
.new-xq-r p{
  display: block;
  height: auto;
  font-size: 14px;
  color: #666;
  text-align:left;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.new-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}


.ny-l01 {
    float: left;
    width: 250px;
}
.ny-r01 {
    float: right;
    width: 956px;
}
.ny-l-fenlei{
  padding:20px 15px 50px 15px;
  background-color: #043d77;
  border-radius: 15px;
}
.ny-l-fenlei .ny-fl-tit{
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.ny-l-fenlei .line01{
  margin:0 auto;
  margin-top: 15px;
  width: 60%;
  height: 5px;
  background-color: #fff;
}
.ny-fenlei1{
  height: auto;
  overflow: hidden;
}
.ny-fenlei1 dt a{
  display: block;
  margin:15px 0px;
  width: 100%;
  height: 30px;
  background-color: #fbe000 ;
  font-size: 17px;
  color: #000;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
}
.ny-fenlei1 dd a{
  display: block;
  padding:3px;
  width: 100%;
  border-bottom:1px dashed #5084b5;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.ny-fenlei1 dd a:hover{
  background-color: #039de5;
  color: #fff;
}
.ny-fenlei1-hover{
  background-color: #fe0000 !important;
  color: #fff !important;
}

/* 联系内页 */

.contact-wrapper {
  padding:0.25vw 0.5416666667vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper {
    padding: 20px;
  }
}
.contact-wrapper .big-title {
  color: #e60012;
  margin-bottom: 2.0833333333vw;
}
.contact-wrapper .title-gray {
  color: #666;
  margin-bottom: 0.5208333333vw;
}
.contact-wrapper .desc {
  font-size: 1;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .desc {
    font-size: 16px;
  }
}
.contact-wrapper .desc-small {
  font-size: 15px; line-height:20px;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .desc-small {
    font-size: 14px;
  }
}
.contact-wrapper .desc-red {
  color: #e60012;
}
.contact-wrapper .clean-padding-top > div {
  padding-top: 0 !important;
}
.contact-wrapper .contact {
  display: flex;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .contact {
    flex-wrap: wrap;
  }
}
.contact-wrapper .contact.border-top {
  background-color:#f9f9f9; margin:1%; padding:1%; width:29%;  float:left;
}
.contact-wrapper .contact.border-bottom {
  border-bottom: 1px solid #cccbcb;
}
.contact-wrapper .contact > div {
  width:100%; height:190px;
  padding: 1.125vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .contact > div {
    flex: 0 0 100%;
  }
}
.contact-wrapper .contact-email {
  display: flex;
  padding-bottom: 3.125vw;
  padding-top: 3.125vw;
}
.contact-wrapper .contact-email .img-wrapper {
  flex: 0 0 23.4375vw;
}
.contact-wrapper .contact-email .text-wrapper {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.contact-wrapper .contact-email .text-wrapper .big-title {
  width: 100%;
  color: #e60012;
  margin-bottom: 2.0833333333vw;
}
.contact-wrapper .contact-email .text-wrapper .wrapper {
  flex: 1;
}

.h-proc2{
    margin:0 auto;
	width:auto;
	height: auto;
	margin-bottom:30px;
	text-align: center !important;
}
.h-proc2 a{
	display: inline-block;
	margin:2px;
	height:45px;
	width:13.8%;
	margin:0.2%;
	background-color:#434343;
	font-size:15px;
	color: #ccc;
	text-align: center;
	line-height:45px;
	border-spacing:5px;
}
.h-proc2 a:hover{
	background-color: #f08226;
	color: #fff;}

/*内页产品分类*/
.zhanshiz{
  float:left;
  width:15%;
  height:auto;
  background-color:#fff; border:1px solid #eee; overflow:hidden;
}	
.ny-cont{margin-top:40px;}
.zhanshiz1{
  width: auto;
  height: auto;
  border-bottom:5px solid #434343;
  padding-top:10px;
  padding-bottom:10px;
   background-color:#1d50b3;
}

.zhanshiz1-1{
  width: 100%;
  height: auto;
   background-color:#494949;
   
}
.zhanshiz1-wz{
	width: 100%;
	height:30px;
	color:#fff;
	font-size:24px;
	font-weight: bold;
	padding-top:10px;
	text-align:center;
}
.zhanshiz1-wz a{
	
	color:#fff;
	font-size:24px;
	font-family:"微软雅黑";
	
}
.zhanshiz1-wz1{
	width: 100%;
	color:#fff;
	font-size:14px;
	line-height:16px;
	padding-top:10px;
	text-align:center;
	text-transform: uppercase;
	padding-bottom:10px;
    border-top:5px solid #434343;
	background-color:#e70000;
}
.zhanshiz1-wz1 p{padding-top:10px; font-family:"微软雅黑"; font-size:24px; line-height:30px;}
.zhanshiz1-wz2{
	width: 100%;
	color:#fff;
	font-size:14px;
	padding-top:10px;
	text-align:center;
	text-transform: uppercase;
	padding-bottom:10px;
}

.zhanshiz2{
  width: 100%;
  height: auto;
  margin-top:20px;
  margin-bottom:20px;
}	

.fenl{
	width:100%;
	height: auto;

}
.fenl h3{
	display: block;
	margin:0 auto;
	width:90%;
	height:45px;
	font-size:16px;
	font-weight:normal;
	text-align: left;
	line-height:50px;
	margin-bottom:2px;
	border-bottom:1px solid #ccc;
	background-repeat: no-repeat;
	background-position: center top;	
}

.fenl h3 a{
	display: block;
	width: 90%;
	height:45px;
	background-image: none;
	font-size:18px;
	color: #434343;
	line-height:45px; font-weight:bold;

}
.fenl h3 a:hover{
	
	display: block;
	width:100%;
	height:45px;
	background-image: none;
	text-indent:20px;
	background-color:#1d50b3;
	color:#fff;
	line-height:45px;
	text-decoration:none;
	transition: all ease .5s; 


}
.fenl dl{
	width: 100%;
	height: auto;
}
.fenl dl dd a{
	margin:0 auto;
	display: block;
	width:90%;
	height:35px;
	font-size: 14px;
	font-family:"微软雅黑";
	color: #525252;
	line-height:35px;
	text-indent:10px;
	border-bottom: 1px dotted #999999; 
}

.fenl dl dd a:hover{
	color: #d90112;text-indent:20px;transition: all ease .5s; 
}	

.zhanshiz2 li{ margin:0 auto; width:95%;font-family:"微软雅黑"; padding:5px;margin-bottom:1px;}
.zhanshiz2 li a{font-size:16px; color:#fff; line-height:30px;}
.zhanshiz2-1{
  width: 100%;
  height: auto;
  margin: 0 auto;
  color:#666666;
  font-size:16px;
  line-height:28px;
}
.zhanshiz2-1 p{
  width: 100%;
  height: auto;
  margin: 0 auto;
  color:#666666;
  font-size:16px;
  line-height:28px;
}		
.zhanshizr{
  float:right;
  width:82%;
  height: auto;
}	








/*====================1550====================*/
@media screen and (min-width: 768px) and (max-width: 1680px){
#l-nav{width:53%;}
#l-nav .navUl{ margin:0 auto;width:100%;font-size:0;}
#l-nav .tNav .navName{font-size:16px;padding:1.6rem .1vw}
#header .topdh{padding-bottom:27px;}
#header .topdh p{font-size:24px; line-height:40px;}

}