@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;
}

.f-l{ float:left;}
.f-r{ 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----------*/
.topbj{width: 100%;height: 115px;background:rgba(255,255,255,0.4);z-index: 9999;box-shadow:10px 0 0 0 #aaa}



/*导航*/
#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:18%;height:100%;margin-top:10px;text-align: left;padding-left:5%}
#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:60%; padding-top:27px; margin-right:7%; float:right;}
#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 .5vw;font-size:18px; font-weight:normal; 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;
}

/*------------首页栏目----------*/
.til01{text-align: center;color: #000;font-size:40px;line-height:62px;font-family: "Microsoft Yahei";padding: 0 0 28px;font-weight: normal;}
.til01 p{display: block;font-size:16px;line-height: 34px;opacity: 0.8;}
.til01 a{color: #000;}
.til02,.til02 a{color: #343434;}

/*------------分类---------*/
.pic_lm{width:100%; height:579px; background:url(img/lmbj.jpg) center no-repeat;}
.pic_lm ul{margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑";padding-top:420px; text-align:center; color:#343434;}
.pic_lm ul h2{ font-size:44px; line-height:50px;}
.pic_lm ul p{ font-size:18px; line-height:40px; text-transform:uppercase;}

.picbj{width:100%; height:auto; background-color:#f8f9fd; padding-bottom:40px; overflow:hidden;}
.c_lm{margin:0 auto; width:1400px; height:auto; text-align:center;overflow:hidden;}
.c_lm li{width:15%; height:auto; background-color:#fff;box-shadow:0 0 10px #aaa;text-align:center; padding-top:20px; padding-bottom:30px; margin:0.8%; float:left;}
.c_lm li h2{font-family:"微软雅黑"; font-size:22px; color:#222; line-height:30px; padding-top:10px;}
.c_lm li dd{margin:0 auto; width:40%; text-align:center; background-color:#1146a6;border-radius:25px; margin-top:10px;}
.c_lm li dd a{color:#fff; line-height:30px;font-family:16px !important; }
.c_lm li:hover dd {background-color:#e7382a;transition: all .5s;}


/*产品展示*/
.anliroll {margin:40px auto;height:1000px;width:85%;}
.anliroll li {float: left;width:23%; border:4px solid #f2f2f2;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:auto;display: block;transition: all .5s; }
.anliroll li a ol {background: #efefef;color: #000;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size: 18px; line-height:20px;padding: 20px;box-sizing: border-box; }
.anliroll li a ol i {display: block;color: dimgray;font-size: 14px;margin-top: 10px; }
.anliroll li a ol a {color: #fff;font-size: 18px; }
.anliroll li a:hover img {transform: scaleX(1.2) scaleY(1.2); }
.anliroll li a:hover ol {background: #1146a6;color: #fff; }
.anliroll li a:hover ol i {color: #fff;}


/*about*/
.ysbj{width:auto; height:760px; background:url(img/ysbj.jpg) center no-repeat;}
.aboutbj{width:auto; height:888px; background:url(img/aboutbj.jpg) center top no-repeat;}
.aboutbj ul{ width:900px; height:auto; padding-top:260px; text-align:left; padding-right:8%; float:right;}
.aboutbj ul strong{font-size:34px; color:#1146a6; line-height:50px;}
.aboutbj ul p{font-size:16px; color:#666; line-height:35px; margin-top:20px;}


/* cq*/
.cq_lm {margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑";padding-top:40px; text-align:center; color:#343434;}
.cq_lm  h2{ font-size:44px; line-height:50px;}
.cq_lm  p{ font-size:18px; line-height:40px; text-transform:uppercase;}
.anlirol2 {margin:40px auto;height:auto;width:85%;}
.anlirol2 li {float: left;width:23%; border:4px solid #f2f2f2;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%; height:220px;display: block;transition: all .5s; }
.anlirol2 li a ol {background: #efefef;color: #000;width: 100%;z-index: 555;transition: all .2s;text-align: center;font-size: 18px; line-height:20px;padding: 20px;box-sizing: border-box; }
.anlirol2 li a ol i {display: block;color: dimgray;font-size: 14px;margin-top: 10px; }
.anlirol2 li a ol a {color: #fff;font-size: 18px; }
.anlirol2 li a:hover img {transform: scaleX(1.2) scaleY(1.2); }
.anlirol2 li a:hover ol {background: #1146a6;color: #fff; }
.anlirol2 li a:hover ol i {color: #fff;}


/*------------新闻----------*/
.newsbj{width:auto; height:auto; background:url(img/newsbj.jpg)  center no-repeat; margin-top:20px; padding-bottom:80px; overflow:hidden;}
.news_lm {margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑";padding-top:40px; text-align:center; color:#343434;}
.news_lm  h2{ font-size:44px; line-height:50px;}
.news_lm  p{ font-size:18px; line-height:40px; text-transform:uppercase;}
.newbox{font-family:"Microsoft Yahei";clear: both;position: relative; padding:0 0 100px;font-size: 14px;line-height: 24px;color: #666;overflow: hidden;}
.newbox .sy_lm{margin: 0 auto;width:85%;}
.news_tu{margin: 0 auto;width:85%;height: 425px; margin-top:40px;}
.news_tu dl{width: 23.44%;float: left;margin: 0 0.6%; background-color:#fff;}
.news_tu dt,.news_tu dt img{width: 100%;display: block;overflow:hidden;transition-duration:.5s;}
.news_tu dl  img{ height:240px;overflow:hidden;}
.news_tu dl:hover  img{transform:scale(1.1)}
.news_tu dd{padding:10px;}
.news_tu dd h4{font-size:20px;height: 54px;line-height: 54px;}
.news_tu dd h4 a{color: #434343;font-size:20px;}
.news_tu dd p{display: block;height:auto; color:#888;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:34px; padding-left:10px; font-family:Arial, Helvetica, sans-serif;line-height: 50px;color: #434343;}
.news_tu span em{font-size:14px; color:#888;}
.news_tu dd ol{ width:120px;display: block;border-top: 2px solid #b1b1b1;position: relative;line-height: 40px;color: #272727;}
.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 #656565;}
.news_tu dl:hover dd ol{border-color: #f00c12;}
.news_tu dl:hover dd ol:before{border-left-color: #f00c12;}
.news_tu dl:hover dd ol{border-color: #f00c12;}
.news_tu dl:hover dd ol:before{border-left-color: #f00c12;}



/*------------foot----------*/
.footbj { background-color:#1049be;
            color: #fff;
            position: relative;
            z-index: 1;
            font-size: 14px;
        }
.footer {width:1340px; margin:0 auto;font-family:"Microsoft Yahei";}
.footer a {color: #fff;}
        
.f_con {height: 340px;padding: 64px 0 0;overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
        
.f_con h3 {
            font-size: 16px;
            line-height: 44px;
            height: 64px;
            position: relative;
        }
.f_con h3:before {
            content: "";
            position: absolute;
            width: 6px;
            height: 2px;
            left: 0;
            bottom: 4px;
            background: #fff;
            opacity: 0.3;
        }
        
.f_text {
            width: 333px;
        }
        
.f_search {
            height:80px;
        }
.f_search span {
            height: 60px;
            line-height: 42px;
            font-size: 15px;
            opacity: 0.6;
            display: block;
        }
.f_seainp .serach1 {
            width: 203px;
            line-height: 40px;
            height: 40px;
            border: solid 1px #7e7e7e;
            border-right: 0;
            float: left;
            padding: 0 20px;
            background: #282828;
            color: #b6b6b6;
        }
        
        .f_seainp .sub1 {
            width: 89px;
            background: #ffeb12;
            color: #222;
            text-align: center;
            line-height: 42px;
            height: 42px;
            border: 0;
        }
        
        .f_tel {
            height: 78px;
            line-height: 26px;
            color: #b6b6b6;
        }
        
        .f_tel b {
		
            display: block;
            font-size:30px;
            line-height:42px;
            color: #0fff;
        }
        
        .f_text li {
            float: left;
            height: 106px;
            line-height: 24px;
            width: 202px;
        }
        
        .f_text li:nth-child(2n) {
            width: 416px;
        }
        
        .f_text li span {
            display: block;
            font-family: Times New Roman, Arial;
            font-size:16px;
        }
        
        .f_code p {
            width: 84px;
            text-align: center;
            float: left;
            line-height: 36px;
            white-space: nowrap;
        }
        
        .f_code p:nth-child(2) {
            margin: 0 38px;
        }
        
        .f_code p img {
            display: block;
            width: 74px;
            height: 74px;
            background: #fff;
            padding: 5px;
        }
        
        .f_nav {
            width: 285px;
            line-height:30px;
        }
        
        .f_lx {
            width: 385px;
        }
        
        .f_dh {
            width: 120px;
        }
        
        .f_nav a {
            display: block;
            width:100%;
            opacity: 0.8;
        }
         .f_nav a:hover{color:#ffed3a;}
        .f_lx a {
            width: 182px;
        }
        
        .f_bq {
            height:50px;
            padding: 57px 0 0;
            position: relative;
            line-height: 66px;
        }
        
        .f_bq h2 {
			 width:auto;
			 text-align:center;
            position: absolute;
			font-weight:normal;
            top: 27px;
			font-size:15px;
        }
        .f_bq h2 a:hover{color:#ffed3a;}
        .f_bq p {
            opacity: 0.8;
            padding: 7px 0 0;
            font-weight: bold;
        }
        
        .f_bq p span {
            float: right;
        }




/*====================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;}

}



/*------------内页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;}


.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; width:46%; margin:1%; float:left;
}

@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 > .tu {
  flex: 0 0 17%;
  padding-left:3%;
  padding-bottom: 1.125vw;
  padding-top: 1.125vw;
}
.contact-wrapper .contact > .zi {
  flex: 0 0 77%;
  padding-left:2%;
  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{ overflow:hidden;}
.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;}

}