@charset "utf-8";
* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
A {
	COLOR: #000; TEXT-DECORATION: none !important;
}
A IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; 
}
LI {
	LIST-STYLE-TYPE: none
}
body,td,th {
	font-family: 微软雅黑; 
}

body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }

.scale_img dl img, .scale_img li img { -o-transition: all .8s ease 0s; transition: all .8s ease 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0) }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

i,em{
	font-style: normal;
}

.fl{ float:left;}
.fr{ float:right;}
.tac{text-align: center;}
.w1300{ width:1340px; margin:0 auto}

.clear {
	clear: both;
}
.clearfix:after{ display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom:1;}
.mt_40{margin-top:40px;}
.width1300{margin:0 auto; width:1340px; height:auto; overflow:hidden;}

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

/*------------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:25px;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: #cb0912; line-height:50px;}
.topdh img{ width:80px; height:80px; 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:19%;height:100%;margin-top:10px;text-align: left;padding-left:3%}
#header img{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:50%; padding-top:27px; margin-left:4%;}
#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:#cb0912;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;align-items:center;justify-content:center;color:#cb0912;}
 #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;}
 #l-nav .tNav .navName:hover p{font-size:12px;}

/*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;font-family:"微软雅黑"; background-color:#f5f5f5; border-bottom:1px solid #dfdfdf;padding-top:60px; padding-bottom:30px; overflow:hidden;}
.sylm h2{ font-size:40px; color:#c60505; line-height:55px;}
.sylm h2 span{ color:#343434;}
.sylm p{font-size:18px; color:#888; line-height:35px;}


/*------------分类---------*/
.cpflbj{width:100%; height:auto; background-color:#F5F5F5; padding-bottom:30px;}
.fen{ margin:0 auto;width:1340px; padding-top:40px;}
.fen ul{ height:auto; text-align:center; overflow:hidden;}
.fen ul li {width:15.5%;height:55px; margin:0.2%;background:#434343;border-radius:5px;text-align: center;float: left; box-sizing: border-box; position: relative; }
.fen ul li a{text-decoration: none; position: relative;z-index: 3; display: block; line-height:55px; height:55px; font-size:20px; color: #fff;}
.fen ul li a:hover{background:#d0001c\9;color: #fff;}
.fen ul li:after{content:'';position:absolute;height:100%;width:0;border-radius:5px;background:#d0001c;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.fen ul li:hover:after,.fen ul li.cur:after{width:100%;color: #fff;}
.fen ul li:nth-child(3){margin-right: 0;}
.fen ul li.cur a { background:#c60505; color: #fff; }

/*产品展示*/
.anliroll {height:1300px;width:95%;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:#d0001c;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); }



/*------------简介---------*/
.aboutlm{width:auto; height:614px; background:url(img/aboutlm.jpg) top center no-repeat;}
.aboutlm .ab_lm{ margin:0 auto;width:80%; height:auto; text-align:center;font-family:"微软雅黑";padding-top:90px;overflow:hidden;}
.aboutlm .ab_lm h2{ font-size:40px; color:#fff; line-height:55px;}
.aboutlm .ab_lm h2 span{ color:#ffc801;}
.aboutlm .ab_lm p{font-size:18px; color:#888; line-height:35px;}
.aboutbj{width:100%; height:1191px;background:url(img/aboutbj.jpg) center no-repeat;}
.aboutzw {width:800px; height:auto; padding-top:180px; float:right;overflow:hidden;}
.aboutzw strong{height:auto;font-size:40px;color:#fff;line-height:50px;}
.aboutzw strong span{color:#c60505;}
.aboutzw h3{height:auto;font-size:22px;color:#ffcc33;line-height:38px; margin-top:30px;}
.aboutzw p{font-family:"微软雅黑"; font-size:16px; color:#ccc; line-height:35px; padding-top:30px;}
.aboutzw .a-more{width:140px; height:35px; border:1px solid #ffcc33;border-radius:20px; text-align:center;margin-top:30px;}
.aboutzw .a-more a{color:#ffcc33; font-size:15px; line-height:35px;}
.aboutzw .a-more:hover{background-color:#ffcc33;}
.aboutzw .a-more:hover a{color:#434343;}

/* gc*/
.al_lm{width:100%; height:auto;text-align:center;font-family:"微软雅黑";  border-bottom:1px solid #dfdfdf;padding-top:60px; padding-bottom:30px; overflow:hidden;}
.al_lm h2{ font-size:36px; color:#c60505; line-height:55px; font-weight:normal;}
.al_lm h2 span{ color:#343434;}
.al_lm p{font-size:16px; color:#888; line-height:26px;}


.anlirol2 {height:auto;width:95%;margin:40px 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:#d0001c;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--*/
.news-r{margin:0 auto; width:90%; margin-top:40px;}
.xwconny-r{ 
  float:left;
  padding-bottom: 15px;
  margin:1%;
  width:46%;
  border-bottom: 1px dashed #cfccc4;}
.xwconny-r .dateny{
  float: left;
  width:20%;
  font-size: 50px;  line-height: 21px;
  overflow: hidden;
  color: #ffffff; text-align: center; }
.xwconny-r .dateny img{ width:100%; height:130px; }
.xwconny-r .dateny span{ font-size: 15px; color: #ffffff;  }
.xwconny-r .connrny{ width:75%; text-align:left; float: right;}
.xwconny-r .connrny h1{  margin: 0px; padding: 0px; border: none; font-size: 24px; color: #5bc4bf; text-align: left; }
.xwconny-r .connrny h1 a{ color: #383838;font-size: 18px; font-weight:normal; }
.xwconny-r .connrny p{ padding: 10px 0px; color: #9e9e9e; font-size: 14px; line-height: 22px;  }
.xwconny-r .connrny p a{ color: #9e9e9e; font-size: 14px; }
.xwconny-r .date{ width:110px; height: 20px;  font-size:12px;color: #fa3e3e; text-align: left; line-height:20px;  }

.xwconny-r:hover .connrny h1 a{ color: #ea2127;font-size: 18px; font-weight:normal; transition: 0.5s all ease; }

.xwconny-r .xwmore{
  padding:2px 18px; border-radius: 8px; 
  border: 1px solid #8f8f8f; background-color:#ffcc33; color: #434343;
  text-transform: uppercase;
  font-size: 13px;
   }


/*------------footer----------*/
.foot_nav ul,.foot_nav li{margin:0;padding:0}
.foot_nav ul li{list-style:none}
.foot_nav .ui-full-img img{display:block;width:100%}
.foot_nav{background-color:#212121; padding-bottom:40px;}
.foot_nav .padding40{padding-top:40px;padding-bottom:40px}
.foot_nav .foodtext{text-align:center}
.foot_nav .float-left{float:left}
.foot_nav .float-right{float:right}
.foot_nav .clearfix:after{display:block;content:" ";width:0;height:1px;clear:both}
.foot_nav .nav-title a{position:relative;z-index:1;color:#ffffff;font-size:16px}
.foot_nav .nav-item a{font-size:12px}
.foot_nav .nav-title a span{font-size:16px}
.foot_nav .msg-title{height:50px;font-size:16px;line-height:50px;color:#ffffff}
.foot_nav .msg-item{margin-bottom:6px;color:#999999}
.foot_nav .logo-warp,.foot_nav .logo-warp img{display:block}
.foot_nav .logo-warp img{width:100%}
.foot_nav .code-title{text-align:center;color:#999999;color:}
.foot_nav .code-warp{margin-top:15px;text-align:left}
.foot_nav .code-content{margin-right:10px;display:inline-block;text-align:center}
.foot_nav .code-content:last-child{margin-right:0}
.foot_nav .nav-item a{color:#999999;transition:color 0.2s;-webkit-transition:color 0.2s}
.foot_nav .nav-title a:hover span,.foot_nav .nav-item a:hover span{color:#cc0000 !important;color:!important}
.foot_nav .met-copyright .container{padding-top:30px;padding-bottom:10px}
.foot_nav_bottom{overflow:hidden;position:fixed;bottom:0;left:0;z-index:999;width:100%}
.foot_nav_bottom a.item{color:;padding:5px 0;display:inline-block}
.foot_nav_bottom a.item i{color:;font-size:16px;display:block}
.foot_nav_bottom{display:none}
.foot_nav_bottom .main{display:flex}
.foot_nav_bottom .main>div{flex:1}
.foot_nav .rightbox .rightboxsecond{color:#000000;}

@media (max-width:767px){.foot_nav_bottom{display:block}}
@media screen and (min-width:1024px){.foot_nav .foot-wrap{float:left;width:50%;display:flex;justify-content:space-between;border-right:1px solid;border-color:#ffcc33;}.foot_nav .text-link_box{border-top:1px solid;border-bottom:1px solid;border-color:#cc0000;border-color:;padding:20px 0;margin-bottom:20px}
.foot_nav .foot-item{margin-right:10px;width:150px;float:left}
.foot_nav .foot-item-1{margin-right:10px;width:350px;float:left}
.foot_nav .nav-title{height:50px; line-height:50px; overflow:hidden}
.foot_nav .nav-title .icon{display:none}
.foot_nav .nav-item{ margin-bottom:12px; overflow:hidden}
.foot_nav .nav-item-1{ width:50%; float:left; margin-bottom:12px; overflow:hidden}
.foot_nav .nav-item a{display:block; height:20px; line-height:20px; overflow:hidden}
.foot_nav .nav-item-1 a{display:block; height:20px; color:#999; font-size:12px; line-height:20px; overflow:hidden}
.foot_nav .nav-item-1:hover a{color:#cc0000}
.foot_nav .block-auto{}.foot_nav .foot-msg{display:flex;justify-content:space-evenly}
.foot_nav .code-content{width:80px}
.foot_nav .logo-warp{margin:0 auto;width:170px}
.foot_nav .code-title{margin-top:15px}}
.foot_nav .text-link_box{text-align:center}
.foot_nav .text-link{display:inline-block}
.foot_nav .breadcrumb-item{color:#999999}
.foot_nav .breadcrumb_item_son{display:inline-block;margin:0 10px}
.foot_nav .breadcrumb_item_son a{color:#999999;color:}
.foot_nav .foodtext .powered_by_metinfo,.foot_nav .foodtext .powered_by_metinfo b,.foot_nav .foodtext .powered_by_metinfo a{color:#ccc}
.foot_nav .foodtext a:hover{color:#ffcc33;}
.foot_nav .foodtext span{color:#999999}
.foot_nav .foodtext p{color:#999999}
@media screen and (min-width:768px) and (max-width:1024px){.foot_nav .foot-wrap{position:relative}
.foot_nav .code-warp{text-align:center}
.foot_nav .foot-item{margin-right:0px;width:140px;float:left}
.foot_nav .nav-title{height:50px; line-height:50px;overflow:hidden}
.foot_nav .code-content p{display:inline-block;line-height:18px}
.foot_nav .nav-item{ margin-bottom:12px; overflow:hidden}
.foot_nav .nav-list{margin-top:15px}
.foot_nav .nav-item a{display:block; height:20px; line-height:20px; overflow:hidden}
.foot_nav .block-auto{position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.foot_nav .foot-msg{margin:0 auto;text-align:center;float:none}
.foot_nav .logo-warp{margin:20px auto 0;width:210px}
.foot_nav .code-content{width:70px}
.foot_nav .code-content p{display:inline-block;width:70px;font-size:14px;line-height:16px}
.foot_nav .code-title{margin-top:5px}
.foot_nav .nav-title{overflow:hidden}
.foot_nav .nav-item{margin-right:10px;width:100px}}
@media screen and (max-width:767px){.foot_nav .foot-wrap{left:50%}
.foot_nav .foot-item{margin-top:30px}
.foot_nav .foot-item:first-child{margin-top:0}
.foot_nav .nav-title{position:relative;line-height:24px;height:24px}
.foot_nav .nav-title .icon{position:absolute;right:0;line-height:24px;color:#999999;color:}
.foot_nav .foot-item.active .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.foot_nav .nav-list{display:none}
.foot_nav .nav-list .nav-item:first-child{margin-top:20px}
.foot_nav .nav-list .nav-item{margin-top:16px}
.foot_nav .nav-list .nav-item a{font-size:14px}
.foot_nav .foot-msg{margin-top:30px}
.foot_nav .logo-warp{margin:0 auto;width:150px}
.foot_nav .code-warp{text-align:left}
.foot_nav .code-content{width:70px}
.foot_nav .code-content p{display:inline-block;width:70px;font-size:14px;line-height:16px}
.foot_nav .code-title{margin-top:5px}}



/*====================1550====================*/
@media screen and (min-width: 768px) and (max-width: 1680px){
#header .logo{width:10%;}
#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;}

}


/*------------内页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;}
.p_nyzw strong{font-size:20px; line-height:30px; font-weight:normal; color:#079ef4;}
.p_nyzw p{font-family:"微软雅黑"; font-size:18px; color:#434343;line-height:35px;text-align:left;}
.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;}

.mapBox{width:100%;position: relative;}
.n_aboutbj{width:auto; height:762px; background:url(img/n_aboutbj.jpg) center no-repeat;}

.list_contact{margin-bottom:66px;margin-top:66px;}
.mapBox{width:100%;position: relative;}
.mapBox iframe{width: 85%;height: 620px;}
.mapWrap{width:40%; height:510px;background: #f9f9f9;padding: 30px;position: absolute;right: 0;top:50%;transform: translateY(-50%);box-sizing: border-box;}
.mapWrap h1{ line-height:50px; margin-bottom:30px; margin-top:40px;}
.mapWrap li{font-size:20px;line-height:1.8;position: relative;color: #666;}
.mapWrap li h3{ font-weight:normal; color:#222;}
.mapWrap li img{position: absolute; width:10%;left: 0;top: 0;}
.bgImg{ margin:0 auto; width:80%;}
.nMore{border: 1px solid #D4D4D4;width: 164px;height: 48px;line-height: 48px;border-radius: 25px;display: inline-block;text-align: center;position: relative;overflow: hidden;}
.nMore::before{width: 300px;height: 300px;border-radius: 50%;position: absolute;left:-100px;top:-100px;content: '';background: linear-gradient(to right,#187BD7,#0554A7);transform: scale(0);transition: all 0.6s ease-in-out;}
.nMore span{position: relative;z-index: 2;color: #999;}
.nMore span:after{content: '';width: 16px;height:24px;display: inline-block;margin-left: 10px;transition: all 0.3s ease-in-out;position: relative;top: 1px;}
.nMore:hover::before,.NewsTuwenTwo:hover dd a .nMore::before{transform: scale(1);}
.nMore:hover span,.NewsTuwenTwo:hover dd a .nMore span{color: #fff;}
.nMore:hover span:after,.NewsTuwenTwo:hover dd a .nMore span:after{filter: brightness(0) invert(1);}



.ny-news01{width:100%;height: auto;}
.ny-news01 li{
  padding:20px;
  width:100%; margin-bottom:0.6%;
  margin-top:20px;
  background-color:#f9f9f9;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width:20%;
	height:240px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width:100%;
	height:240px;
	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:70%; margin-left:3%;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height: 60px;
  overflow:hidden;
  font-size:20px; margin-top:20px;
  font-weight:normal;
  color: #222;
  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: 15px;
	color: #333;
	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: #999;
  margin-bottom: 0.5208333333vw;
}
.contact-wrapper .desc {
  font-size: 1.3541666667vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .desc {
    font-size: 16px;
  }
}
.contact-wrapper .desc-small {
  font-size: 0.9375vw;
}
@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-bottom:1%; padding:1%;
}
.contact-wrapper .contact.border-bottom {
  border-bottom: 1px solid #cccbcb;
}
.contact-wrapper .contact > div {
  flex: 0 0 27%;
  padding-left:5%;
  padding-bottom: 1.125vw;
  padding-top: 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:20%;
  height:auto;
  background-color:#f9f9f9; 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:#ffbb00;
}

.zhanshiz1-1{
  width: 100%;
  height: auto;
   background-color:#494949;
   
}
.zhanshiz1-wz{
	width: 100%;
	height:30px;
	color:#222;
	font-size:24px;
	font-weight: bold;
	padding-top:10px;
	text-align:center;
}
.zhanshiz1-wz a{
	
	color:#222;
	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:#434343;
	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:45px;
	font-size: 16px;
	font-family:"微软雅黑";
	color: #525252;
	line-height:45px;
	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:78%;
  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;}

}