﻿@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*/
.topbj{position:absolute;width: 100%;height: 115px;z-index: 9999;box-shadow:10px 0 0 0 #aaa}
.topdh{color:#fff;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: Impact;font-size:36px;color:#0ffff; line-height:50px;padding-top:5px;}
.topdh img{ width:85px; height:85px; margin-right:5px; margin-top:10px; 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:auto;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:20%;height:100%;text-align: left; margin-top:10px;padding-left:4%}
#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 .tNav .navName{position:relative;display:block;padding:1.0rem .7vw;font-size:16px; color:#fff; font-weight:normal;transition:all .5s ease}
  #l-nav .tNav .navName p{color:#fff; 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:#f1ae0d}
 #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 ul{ margin:0 auto;width:600px; height:auto;}
.sylm .s_left{width:340px; height:auto;}
.sylm .s_left h2{ font-size:35px; color:#434343; line-height:45px; font-weight:normal;}
.sylm .s_left p{font-size:16px; color:#888; line-height:26px;}
.sylm .s_right{width:160px; height:30px; background-color:#0169ec; margin-top:35px; text-align:center;}
.sylm .s_right a{font-family:"微软雅黑"; font-size:15px; color:#fff; line-height:30px;}


/*------------分类---------*/
.picbj{width:100%; height:auto; background-color:#f5f5f5; padding-bottom:40px; overflow:hidden;}
.pic_lm{margin:0 auto; width:85%; height:auto; text-align:center;overflow:hidden;}
.pic_lm li{width:14.5%; height:auto; border:6px solid #fff; text-align:center; padding-top:10px; padding-bottom:20px; margin:0.5%; float:left;}
.pic_lm li h2{font-family:"微软雅黑"; font-size:20px; color:#434343; line-height:30px; padding-top:10px;}
.pic_lm li dd{margin:0 auto; width:55%; text-align:center; background-color:#0169ec; margin-top:10px;}
.pic_lm li dd a{color:#fff; line-height:30px;font-family:16px !important; }
.pic_lm li:hover dd {background-color:#f1930d;transition: all .5s;}



/*产品展示*/
.anliroll {margin:0px auto; height:1300px;width:89%; margin-top:40px;}
.anliroll li {float: left;width:23.2%; 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%; height:300px;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-top:20px; padding-bottom:20px;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:#0169ec;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); }



/*about*/
.a_ys{width:100%; height:700px; background:url(img/aboutbj.jpg)  bottom center no-repeat; margin-top:40px;}
.a_ys h3{font-family:"微软雅黑"; font-size:40px; line-height:50px; color:#fff; padding-top:70px; margin-bottom:40px;}
.a_ys h3 p{font-size:18px;font-weight:normal;}
.a_ys li{ width:18%; height:340px; background-color:#fff; padding-bottom:10px; margin:1%;float:left;}
.a_ys li img{width:100%; height:260px;}
.a_ys li ol{width:100%; height:auto; padding-top:10px; padding-bottom:10px; background-color:#f1930d; text-align:center; font-family:"微软雅黑"; color:#fff; font-weight:bold; font-size:24px; line-height:30px;}
.a_ys li ol p{font-size:16px; color:#fff; line-height:30px}
.a_ys li:nth-child(2n){ margin-top:80px; background-color:#0169ec;}
.a_ys li:hover{ margin-top:20px;transition: all .5s;}
.a_ys li:hover:nth-child(2n){ margin-top:90px;transition: all .5s;}

.index-content{position:relative;}
.index-content-pic{width:50%;}
.index-content-cont{position:absolute;left:50%;margin-left:-600px;width:600px;height:100%;padding-right:150px;}
.index-content-cont .des{margin-top:30px;margin-bottom:70px;}
.index-about-cont{position:relative; margin:0 auto; width:1400px; margin-top:20px;overflow:hidden;}
.index-about-cont .box{width:600px; margin-top:25px;}
.index-about-cont .cont{height:440px;width:700px;padding:0 55px 0 28px; float:right;}
.index-about-cont .cont .des{font-family:"微软雅黑"; font-size:18px; line-height:35px; color:#666;}
.index-about-cont .cont .des strong{ font-size:24px; line-height:50px;}
.com-more{display:inline-block; color:#14489b;border-bottom:2px solid #f49c07;height:30px;line-height:30px; margin-top:20px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.com-more:hover{padding-right:5px;}
.com-more .icon-more{width:14px;height:14px;background:url(img/icon-more.png) no-repeat center; font-family:"微软雅黑"; font-size:15px;position:relative;top:8px;margin-left:8px; margin-right:10px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.com-more:hover .icon-more{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);}
.com-table{display:table;width:100%;height:100%;}
.com-cell{vertical-align:middle;width:100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.max-100{max-width:100%;}
.com-pic{overflow:hidden;}
.img-plus,.pic-plus img,.pic-scale img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.img-scale:hover,.pic-scale:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/* 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:10px;}
.anlirol2 li a:hover ol i dd{ background-color:#14489b;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) center no-repeat; padding-bottom:50px; margin-top:60px; overflow:hidden;}
.newsbj .sylm{margin:0 auto; width:auto; height:auto; text-align:center; padding-top:60px; padding-bottom:30px;font-family:"微软雅黑";}
.newsbj .sylm h2{ font-size:40px; color:#fff; line-height:50px; font-weight:normal;}
.newsbj .sylm p{ font-size:20px; color:#fff; line-height:30px;}

.newsbj .p_more{margin:0 auto; width:140px; height:40px; text-align:center;  border:1px solid #fff;border-radius:25px;}
.newsbj .p_more a{font-family:"微软雅黑"; font-size:15px; color:#fff; line-height:40px;}
.newsbj .p_more:hover{background-color:#0169ec;border:1px solid #fff;transition: all .5s;}
.newsbj .p_more:hover a{color:#fff;}


.news_tu{margin: 0 auto;width:90%;height: 425px; margin-top:30px;}
.news_tu dl{width: 22%;float: left; padding:1%;background:rgba(0,0,0,0.5);}
.news_tu dl:hover{background:rgba(0,0,0,0.8);}
.news_tu dl:nth-child(2n){margin: 0 1%;}
.news_tu dt,.news_tu dt img{width: 100%; height:250px;display: block;overflow:hidden;transition-duration:.5s;}
.news_tu dl  img{overflow:hidden;}
.news_tu dl:hover img{transform:scale(1.1)}
.news_tu dd h4{font-size:20px;height: 54px;line-height: 54px; }
.news_tu dd h4 a{color: #fff;font-size:20px;}
.news_tu dd p{display: block;height:auto; color:#fff; font-size:14px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;margin-bottom: 22px;}
.news_tu span{display: block;position: relative; font-size:20px; font-family:Arial, Helvetica, sans-serif;line-height: 50px;color: #fff;}
.news_tu dd ol{ width:120px;display: block;border-top: 2px solid #b1b1b1;position: relative;line-height: 40px; font-size:15px;color: #f1930d;}
.news_tu dd ol:before{content: "";position: absolute;width: 0;height: 0;right:4px;top: 13px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #f1930d;}
.news_tu dl:hover dd ol{border-color: #ed0303;}
.news_tu dl:hover dd ol:before{border-left-color: #f8af0b;}
.news_tu dl:hover dd ol{border-color: #f8af0b;}
.news_tu dl:hover dd ol:before{border-left-color: #f8af0b;}


/*------------foot----------*/
.footer{ background-color:#343434;padding-top:40px;overflow:hidden;}
.footer .center{text-align:left;width:950px;font-size:0;padding: 20px 0 0;}
.footer .center dl{ width:280px; display:inline-block; vertical-align:top; margin:0 26px; text-align:left; float: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: #f1930d;}
.footer .center dl dd{font-size: 14px;color: #fff;line-height:26px; width:50%; float:left; position:relative}
.footer .center dl dd:before{content:"";position:absolute;left:-15px;width:3px;height:0;background:#f1930d;transition: 0.6s;top: 50%;margin-top: -6px;}
.footer .center dl dd a{color: #fff;}
.footer .center dl dd a:hover{color: #f1930d;}
.footer .center dl dd:hover:before{ height:13px}

.footer  .footerfl{ display:inline-block; vertical-align:top; text-align:left; width:280px; margin-top:10px; float:right;}
.footer  .footerfl li{background:rgba(255,255,255,0.1); width:100px; height:auto; padding:20px;  float:left;}
.footer  .footerfl li em{ margin:0 auto; width:100px; height:100px; text-align:center; padding:10px 6px 0px; font-size:14px; line-height:15px; color: #fff;}
.footer  .footerfl li i{ width:100px; height:100px; float:left; background-color:#fff;margin-top:8px;}
.footer  .footerfl li i img{width:100px; height:100px;}

.footer .right{width:348px;height:auto;border-left:#888 1px solid;padding:40px 0 0 24px;}
.footer .right h5{ font-size:16px; color:#ffffff}
.footer .right h3{font-size:24px;color:#f49c07; font-family:Arial, Helvetica, sans-serif;margin:10px 0 5px; font-weight:normal;}
.footer .right p{font-size:14px;line-height:30px;color:#ccc; color:rgba(255,255,255,.8); font-family:arial; font-weight: normal; margin-bottom: 32px;}
.footer .right a{display:inline-block;width:100px;height:32px;line-height:32px;font-size:14px;color:#434343;background:#ffd200;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: 25px 0; border-top:1px solid #888; margin-top:30px;}
footer .bot .tt{float:left;color: #fff;line-height:35px;height:35px; font-size:14px;margin-right:3px;}
footer .bot .tt i a{color:#fff !important;font-size:14px;}
footer .bot .tt img{ margin-right:10px;}
footer .bnt_link1 a{color:#888 !important; padding-left:10px;font-size:14px; padding-top:8px; float:left;}
.copyright{float:right;font-size:13px;color: #fff;line-height:35px;}
.copyright *{display: inline-block;font-size:12px;color: #888;}
.copyright a{color: #888;font-size:13px;}
.copyright a:hover{ color:#f1930d; }


/*------------内页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-r-t  span{ font-size:18px;font-weight:bold;}
.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:15%;}
#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;}

}

