﻿@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:1400px; 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:2%}
#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:#fe0000;opacity:0;transition:all .5s ease}
 #l-nav .tNav .navName{position:relative;display:block;padding:1.0rem .7vw;font-size:18px; color:#434343;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;font-family:"微软雅黑"; background:url(img/lmbj.jpg) center no-repeat;padding-top:60px; padding-bottom:30px; overflow:hidden;}
.sylm h2{ font-size:44px; color:#434343; line-height:55px; font-weight:normal;}
.sylm p{font-size:16px; color:#3767a7; line-height:26px; font-weight:bold;}


/*------------分类---------*/
.pic_lm{margin:0 auto; width:1070px; height:auto; text-align:center;overflow:hidden;}
.pic_lm ul{background: linear-gradient(to left,#0f8dd7,#0169ec); width:245px; height:140px;margin:1%; float:left;}
.pic_lm ul li{position:absolute;width:245px; 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 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:89%;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); }


/*ys*/
.ysbj{width:100%; height:580px; background:url(img/aboutbj.jpg) center no-repeat; margin-top:30px;}
.ysbj .bt{ margin:0 auto; width:1400px; height:auto; padding-top:200px; overflow:hidden;}
.ysbj .bt .ys-left{width:700px; height:auto; text-align:left; font-family:"微软雅黑"; font-size:24px; font-weight:bold; line-height:30px; color:#fff;}
.ysbj .bt .ys-left span{font-family:"微软雅黑"; font-size:20px; font-weight: normal; line-height:30px; color:#fff;}
.ysbj .bt .ys-right{width:500px; height:auto; text-align:right; float:right;}
.ysbj .bt .ys-right h3{font-size:24px; color:#fff;}
.ysbj .bt .ys-right p{font-size:20px; color:#fec901;}
.ysbj ul{margin:0 auto; width:1400px; margin-top:40px; height:auto; overflow:hidden;}
.ysbj ul li{width:18.6%; height:40px; padding:5px; background-color:#fff; text-align:center; float:left; margin:0.3%; font-family:"微软雅黑"; font-size:22px; color:#333; line-height:40px;}
.ysbj ul li span{font-family: Arial, Helvetica, sans-serif; font-size:30px; color:#fe0000; line-height:40px; font-weight:bold;}

/*about*/
.aboutbj{width:100%; height:677px; background:url(img/aboutbj1.jpg) center no-repeat;}
.aboutbj .a-zw{width:840px; padding-left:60px; height:auto; text-align:left; padding-top:160px; overflow:hidden;}
.aboutbj .a-zw strong{font-family:"微软雅黑"; font-size:36px; color:#323232; font-weight:normal;line-height:50px;}
.aboutbj .a-zw h3{font-family:"微软雅黑"; font-size:24px; color:#0169EC; line-height:50px; padding-top:10px;}
.aboutbj .a-zw p{font-family:"微软雅黑"; font-size:14px; color:#666; line-height:30px; padding-top:30px; padding-bottom:20px;}
.aboutbj .a-zw .more{width:160px; height:30px; text-align:center;  background-color:#0169EC;}
.aboutbj .a-zw .more a{font-family:"微软雅黑"; font-size:14px; color:#fff; line-height:30px;}
.aboutbj .a-zw .more:hover{ background-color:#fec901;}
.aboutbj .a-zw .more:hover a{ color:#343434;}

/* gc*/

.anlirol2 {height:auto;width:89%;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:auto; height:auto; background-color:#f9f9f9; padding-top:40px; padding-bottom:40px;}
.news-r{margin:0 auto; width:88%; margin-bottom:50px; overflow:hidden;}
.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%; }
.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; color: #8f8f8f;
  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:#ffffff;background-color:#212121}
.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:#000000;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:#000000;color:#ffffff}
.foot_nav .msg-item{margin-bottom:6px;color:#999999;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;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:10px;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;color:}

@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:#cc0000;border-color:}.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:#999999}
.foot_nav .foodtext span{color:#fff;}
.foot_nav .foodtext p{color:#fff;}
.foot_nav .foodtext p a{color:#fff;}
@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}}


/*------------内页banner---------*/

.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-news01{width:100%;height: auto;}
.ny-news01 li{
  padding:20px;
  width:45%; float: left; margin:1%;
  margin-top:20px;
  background-color:#f9f9f9;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width: 200px;
	height: 145px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width: 200px;
	height: 145px;
	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: auto;
  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: 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: 2.125vw;
  padding-top: 2.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;}



/*====================1550====================*/
@media screen and (min-width: 768px) and (max-width: 1680px){
#header .logo{width:18%;}
#header .logo img{width:140%; padding-top:7%;}
#l-nav{width:55%;}
#l-nav .navUl{ margin:0 auto;width:100%;font-size:0;}
#l-nav .tNav .navName{font-size:16px;padding:1.6rem .3vw}
#header .topdh{padding-bottom:27px;}
#header .topdh p{font-size:24px; line-height:40px;}

}

