@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "bahnschrift";
  src: url('../fonts/bahnschrift.ttf') format('truetype');
}


*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Pingfang SC, Helvetica, Arial, "Times New Roman";}
body{ text-align: justify;  max-width: 1920px; margin: 0 auto;}
a{ text-decoration:none; font-size: 16px; color:#000;}
input,select,textarea{ outline:none;  border-radius: 0; -webkit-appearance:none;}
img{ border: none;}

.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition: all 0.3s;transform: scale(1); max-height:100%;}
.swiper-slide img{ width: 100%; display: block;}

input::-webkit-input-placeholder{		color: #333; font-size: 14px;}
input::-moz-input-placeholder{			color: #333; font-size: 14px;}
input::-ms-input-placeholder{			color: #333; font-size: 14px;}
input::-o-input-placeholder{			color: #333; font-size: 14px;}
textarea::-webkit-input-placeholder{	color: #333; font-size: 14px;}
textarea::-moz-input-placeholder{		color: #333; font-size: 14px;}
textarea::-ms-input-placeholder{		color: #333; font-size: 14px;}
textarea::-o-input-placeholder{			color: #333; font-size: 14px;}

.left{ float:left;}
.right{ float:right;}

.p10{ padding: 10px 0; }
.p20{ padding: 20px 0; }
.p30{ padding: 30px 0; }
.p40{ padding: 40px 0; }
.p50{ padding: 50px 0; }
.p60{ padding: 60px 0; }
.p70{ padding: 70px 0; }
.p80{ padding: 80px 0; }
.p90{ padding: 90px 0; }
.p100{ padding: 100px 0; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }
.w1200{ width: 1200px; margin: 0 auto;}
.mx1200{ max-width: 1200px; width: 94%; margin: 0 auto;}

::-webkit-scrollbar {
	width : 5px;
	height: 1px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	height: 15px;
	background: #a0a0a0;
}
::-webkit-scrollbar-track {
	background: #f6f8fb;
}


.swiper-slide{
	display: block;
	height: auto !important;
}
.swiper-container,
.swiper-wrapper{
	height: auto !important;
}

.ovh{
	overflow: hidden;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 12px;
	background: #fff;
	cursor: pointer;
	opacity: .5;
}

.swiper-active-switch {
	opacity: 1;
}

.pagination {
	position: absolute;
	z-index: 20;
	left: 0;
	width: 100%;
	bottom: 20px;
	text-align: center;
}


.container{
	width: 1260px;
	margin: 0 auto;
}

.header{
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	width: 100%;
	z-index: 9;
}


.kh{
	margin: 12px 0 0 20px;
	padding: 0 0 0 25px;
	border-left: 1px solid #dcdcdc;
}
.kh strong{
	display: block;
	font-size: 24px;
	line-height: 24px;
	color: #c9000b;
}
.kh p{
	font-size: 20px;
	line-height: 20px;
	color: #282828;
	margin: 10px 0 0 0;
}



.toptel{
	margin: 12px 0 0 0;
}
.toptel .iconfont{
	font-size: 44px;
	float: left;
	margin: 0 10px 0 0;
}
.toptel .tel{
	margin: 0 0 0 40px;
}
.toptel .tel1 .iconfont{
	font-size: 52px;
}
.toptel p{
	float: left;
	font-size: 32px;
	line-height: 32px;
	color: #c9000b;
	font-family: "bahnschrift";
	font-weight: bold;
}
.toptel p span{
	font-size: 16px;
	line-height: 16px;
	color: #282828;
	display: block;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.bannerbg,
.nbanner,
.listbanner{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
}

.banner_pc .iconfont{
	position: absolute;
	width: 46px;
	line-height: 80px;
	text-align: center;
	font-size: 40px;
	color: #bbb;
	top: 50%;
	margin-top: -40px;
	cursor: pointer;
	z-index: 9;
}
.banner_pc .arrow_banner_left{
	left: 10%;
}
.banner_pc .arrow_banner_right{
	right: 10%;
	transform: rotate(180deg);
}

.menu{
	background: #282828;
	text-align: center;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 9;
}
.menu li{
	display: block;
	float: left;
	width: 11.111%;
	line-height: 60px;
}
.menu li a{
	display: block;
	color: #fff;
}
.menu li:hover a,
.menu li.this a{
	background: #c9000b;
}

.menu li a .iconfont{
	font-size: 18px;
	margin: 0 5px 0 0;
}


.stitle{
	text-align: center;
}
.stitle h2{
	font-size: 40px;
	line-height: 40px;
	position: relative;
}
.stitle h2:before{
	position: absolute;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 3px;
	background: #c9000b;
	content: '';
	display: block;
	top: 53px;
	z-index: 1;
}
.stitle h2:after{
	position: absolute;
	width: 45%;
	left: 27.5%;
	height: 1px;
	top: 54px;
	background: #dcdcdc;
	content: '';
	display: block;
}
.stitle p{
	font-size: 16px;
	line-height: 16px;
	margin: 25px 0 0 0;
}


.cate{
	width: 280px;
}
.catetitle{
	padding: 24px 50px;
	background: #c9000b;
	color: #fff;
	text-align: center;
}
.catetitle p{
	line-height: 22px;
	font-size: 30px;
	font-family: "Arial";
	text-transform: uppercase;
	font-weight: bold;
	opacity: .3;
}
.catetitle strong{
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	margin: 10px 0 0 0;
}
.cate ul{
	padding: 10px;
	border: 1px solid #e5e5e5;
}
.cate ul li{
	display: block;
	line-height: 56px;
	margin: 0 0 8px 0;
}
.cate ul li:last-child{
	margin: 0;
}
.cate ul li a{
	display: block;
	font-weight: bold;
	font-size: 18px;
	padding: 0 20px 0 45px;
	background: #eeeeee;
}
.cate ul li:hover a,
.cate ul li.this a{
	color: #c9000b;
}



.cate_tel{
	background: #c9000b;
	padding: 25px;
	color: #fff;
}
.cate_tel .iconfont{
	width: 48px;
	line-height: 48px;
	border-radius: 50%;
	background: #fff;
	font-size: 22px;
	color: #000;
	text-align: center;
}
.cate_tel .text{
	margin: 0 0 0 10px;
}
.cate_tel .text span{
	font-size: 14px;
	line-height: 14px;
	display: block;
}
.cate_tel .text strong{
	font-size: 24px;
	line-height: 24px;
	font-family: "Arial";
	display: block;
	margin: 10px 0 0 0;
}



.ncontainer{
	width: 945px;
}


.proslide{
	background: url(../images/probg.jpg) center no-repeat;
	background-size: cover;
	position: relative;
}
.proslide li{
	display: block;
}
.proslide .pic{
	width: 538px;
}
.proslide .text{
	width: 332px;
}
.proslide .text strong{
	font-size: 24px;
	display: block;
	line-height: 28px;
	margin: 100px 0 30px 0;
	position: relative;
}
.proslide .text strong:after{
	position: absolute;
	left: 0;
	top: 50px;
	width: 90px;
	height: 3px;
	content: '';
	background: #c9000b;
	display: block;
}
.proslide .text strong:before{
	position: absolute;
	left: 0;
	top: 51px;
	width: 100%;
	height: 1px;
	content: '';
	background: #d2d2d2;
	display: block;
}
.proslide .text p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	max-height: 48px;
	min-height: 48px;
}
.proslide .text .more{
	width: 140px;
	line-height: 40px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 45px 0 0 0;
	background: #c9000b;
	border-radius: 20px;
}
.proslide .iconfont{
	position: absolute;
	width: 46px;
	line-height: 80px;
	text-align: center;
	background: #aaaaab;
	font-size: 24px;
	color: #fff;
	top: 50%;
	margin-top: -40px;
	cursor: pointer;
	z-index: 9;
}
.proslide .arrow_proslide_left{
	left: 0;
}
.proslide .arrow_proslide_right{
	right: 0;
	transform: rotate(180deg);
}



.proul li{
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}
.proul li:nth-child(3n){
	margin: 0;
}
.proul li p{
	line-height: 46px;
	background: #626262;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.proul li .pic{
/*
	background: url(../images/bg_prod.jpg) center top no-repeat;
	background-size: cover;
*/
	border: 1px solid #ccc;
}
.nproul li .pic{
	border: 1px solid #ccc;
	border-bottom: none;
}





.advbg{
	background: url(../images/bg_adv_title.png) #f4f4f4 center top no-repeat;
}
.advbg .stitle h2 span{
	font-family: "Arial";
	color: #c9000b;
	font-size: 72px;
	font-weight: bold;
	font-style: italic;
	display: inline-block;
	vertical-align: bottom;
}

.adv{
	margin: 150px auto 0 auto;
}
.adv li{
	display: block;
	margin: 0 0 70px 0;
}
.adv li:last-child{
	margin: 0;
}
.adv li .pic{
	width: 49%;
}
.adv li .advtext{
	width: 47%;
	margin: 0 0 0 4%;
}
.adv li:nth-child(2n) .advtext{
	margin: 0 4% 0 0;
}

.advtext .advtitle .num{
	width: 60px;
	line-height: 60px;
	font-size: 30px;
	background: #c9000b;
	border-radius: 50%;
	text-align: center;
	font-family: "Arial";
	color: #fff;
	font-weight: bold;
}
.advtext .advtitle .adtitle{
	margin: 0 0 0 15px;
}
.advtext .advtitle .adtitle strong{
	display: block;
	font-size: 26px;
	line-height: 26px;
	color: #282828;
}
.advtext .advtitle .adtitle p{
	font-size: 18px;
	line-height: 18px;
	color: #282828;
	margin: 10px 0 0 0;
}
.advtext .text{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin: 0 0 0 75px;
}
.advtext .text p{
	padding: 0 0 0 20px;
	position: relative;
}
.advtext .text p:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	border-radius: 50%;
	width: 11px;
	height: 11px;
	border: 1px solid #c9000b;
}
.advtext .text p:after{
	content: '';
	display: block;
	position: absolute;
	left: 4px;
	top: 14px;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	background: #c9000b;
}


.adv li:nth-child(2) .advtext,
.adv li:nth-child(4) .advtext{
	margin: 50px 0 0 0;
}


.casebg{
	background: url(../images/bg_case.jpg) center no-repeat;
	background-size: cover;
}
.casebg .stitle h2{
	color: #fff;
}
.casebg .stitle p{
	color: #fff;
}
.casebg .stitle h2:after{
	background: #fff;
	opacity: .5;
}


.casecate{}
.casecate li{
	width: 120px;
	height: 120px;
	display: block;
	background: #fff;
	border-radius: 50%;
	float: left;
	text-align: center;
	margin: 0 42.8px 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.casecate li:last-child{
	margin: 0;
}
.casecate li .iconfont{
	line-height: 60px;
	margin: 15px 0 0 0;
	color: #c9000b;
	font-size: 48px;
}
.casecate li p{
	color: #484848;
	font-size: 16px;
}
.caseslide{
	padding: 20px 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.caseslide li{
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.caseslide li .pic{
	border: 3px solid #fff;
}
.caseslide li p{
	line-height: 44px;
	background: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding: 0 10px;
}
.caseslide li.swiper-slide-active{
	transform: scale(1.13);
	z-index: 9;
	position: relative;
}


.about{}
.aboutarea>.pic{
	width: 50%;
	padding: 0 0 80px 0;
	position: relative;
}
.aboutarea .pic .gsmc{
	position: absolute;
	width: 100%;
	height: 96px;
	left: 0;
	bottom: 0;
	background: url(../images/bg_about.png) center no-repeat;
}
.abouttext{
	width: 50%;
}
.aboutkh{
	width: 82%;
    border: 5px solid #e5e5e5;
    margin: -15px 0 0 -10%;
    padding: 20px 10% 20px 17%;
}
.aboutkh strong{
	display: block;
	font-size: 17px;
	color: #888888;
	text-transform: uppercase;
}
.aboutkh p{
	display: block;
	font-size: 26px;
	color: #c9000b;
	font-weight: bold;
}
.abouttext .text{
	margin: 40px 0 0 10%;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	text-indent: 2em;
}
.abouttext .more{
	margin: 40px 0 0 10%;
	width: 140px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #c9000b;
	border-radius: 20px;
	display: block;
}
.honorslide{
	margin: 40px 0 0 10%;
}
.honorslide .pic{
	border: 2px solid #d9d9d9;
	margin: 0 9px;
}
.gsmc strong{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 24px;
	padding: 25px 0 0 0;
}
.gsmc p{
	text-align: center;
	color: #fff;
	opacity: .4;
	font-size: 12px;
	margin: 5px 0 0 0;
	text-transform: uppercase;
}

.search{
	line-height: 36px;
	background: #f3f3f3;
	padding: 13px 0;
}
.hotkey{
	font-size: 14px;
	color: #444;
}
.searcharea{
	width: 360px;
}
.searcharea .stext{
	padding: 0 15px;
	width: 270px;
	height: 36px;
	border: none;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
}
.searcharea .iconfont{
	width: 60px;
	line-height: 36px;
	font-size: 20px;
	color: #c9000b;
	text-align: center;
	background: #fff;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
}


.bnav{
	line-height: 50px;
	border-bottom: 1px dashed #efefef;
	font-size: 14px;
	color: #666666;
}
.bnav a{
	font-size: 14px;
	color: #666666;
}
.bnav img{
	display: inline-block;
	vertical-align: middle;
	margin: -3px 10px 0 0;
}
.classtitle{
	font-size: 30px;
	line-height: 30px;
	padding: 0 0 15px 0;
	border-bottom: 3px solid #c9000b;
	position: relative;
	display: table;
	z-index: 2;
	font-weight: bold;
}
.classhr{
	position: relative;
	z-index: 1;
	margin: -2px 0 0 0;
}

.nabout .text{
	font-size: 14px;
	line-height: 24px;
	text-indent: 2em;
}

.footerbg{
	background: #1b1b1b;
	color: #fff;
}
.footer{
	padding: 60px 0 40px 0;
}

.fmenu{
	margin: 0 10%;
}
.fmenu ul{
	float: left;
	margin: 0 50px 0 0;
}
.fmenu ul:last-child{
	margin: 0;
}
.fmenu ul li{
	display: block;
	font-size: 14px;
	line-height: 30px;
}
.fmenu ul li a{
	color: #acacac;
	font-size: 14px;
}


.ftitle{
	margin: 0 0 5px 0;
}

.fcontact .text{
	line-height: 30px;
	font-size: 16px;
}
.fcontact .text>b{
	font-size: 17px;
	display: block;
	margin: 0 0 5px 0;
}
.fcontact .fewm{
	margin: 20px 0 0 0;
}
.fcontact .fewm .pic{
	margin: 0 25px 0 0;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
}




.cr{
	line-height: 46px;
	padding: 0 0 24px 0;
	text-align: center;
	font-size: 14px;
	color: #858585;
	border-top: 1px solid #535353;
}
.cr a{
	font-size: 14px;
	color: #858585;
}


.newsbg{
	background: #f5f5f5;
}
.whitebg{
	background: #fff;
	padding: 25px 25px 0 25px;
}

.picnews{
	width: 50%;
}
.picnews .pic{}



.newstitle{
	font-size: 14px;
	color: #a6a6a6;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 25px 0;
}
.newstitle strong{
	font-size: 24px;
	color: #000;
}




.newslist li{
	display: block;
	background: #fff;
	margin: 0 0 15px 0;
}
.newslist li a{
	display: block;
}
.newslist li:last-child{
	margin: 0;
}
.newslist li .date{
	margin: 15px 0 15px 0;
	width: 20%;
	text-align: center;
	font-family: "Arial";
	font-size: 24px;
	color: #282828;
}
.newslist li .date span{
	display: block;
	font-size: 15px;
	color: #282828;
	margin: 5px 0 0 0;
}
.newslist li .text{
	width: 80%;
	margin: 23px 0 23px 0;
}
.newslist li .text strong{
	display: block;
	font-size: 18px;
	color: #282828;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newslist li .text p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #666666;
	margin: 5px 0 0 0;
}


.newsul{
	width: 600px;
}






.newsul.newslist li .text{
	width: 75%;
	margin: 15px 5% 15px 0;
}
.newsul.newslist li .text p{
    overflow: hidden;
	white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	font-size: 14px;
	line-height: 24px;
}




.processbg{
	background: url("../images/bg_process_1.jpg") center no-repeat;
	background-size: cover;
	color: #fff;
}
.processkh{
	font-size: 24px;
	line-height: 42px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 15px 0;
	margin: 15px 0 0 0;
}


.processtitle{
	width: 24px;
	position: relative;
	margin: 20px 0 0 80px;
}
.processtitle span{
	display: block;
	font-size: 24px;
	width: 24px;
	line-height: 26px;
	float: left;
}
.processtitle p{
	position: absolute;
	font-size: 12px;
	left: 0;
	width: 130px;
	color: #bebebe;
	text-transform: uppercase;
	transform: rotate(90deg) scale(0.8);
	transform-origin: left;
	text-align: center;
	letter-spacing: 0.5px;
	float: left;
	left: 32px;
	top: -8px;
	word-break: break-all;
}




.processul{
	width: 70%;
}
.processul li{
	display: block;
	float: left;
	width: 16.666%;
}
.processul li .pic{
	display: table;
	margin: 0 auto;
	position: relative;
}
.processul li .pic .iconfont{
	position: absolute;
	width: 100%;
	text-align: center;
	color: #7e7e7e;
	font-size: 50px;
	left: 0;
	top: 25%;
}
.processul li p{
	text-align: center;
	font-size: 18px;
	margin: 15px 0 0 0;
}


.nppslul li{
	display: block;
	width: 100%;
	background: #f6f6f6;
}
.nppslul li .nppsltext{
	width: 50%;
	height: 300px;
	display: table;
}
.nppslul li .nppsltext .text{
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	padding: 0 10%;
}
.nppslul li .nppsltext .text strong{
	font-size: 18px;
	display: block;
	position: relative;
	z-index: 1;
}
.nppslul li .nppsltext .text strong .num{
	position: absolute;
	font-family: "bahnschrift";
	color: #e5e5e5;
	font-size: 78px;
	z-index: -1;
	bottom: -12px;
}
.nppslul li .nppsltext .text strong span{
	color: #c9000b;
}
.nppslul li .nppsltext .text p{
	font-size: 14px;
	line-height: 26px;
	color: #484848;
	margin: 10px 0 0 0;
}
.nppslul li .pic{
	width: 50%;
}



.nhonorul li{
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}
.nhonorul li:nth-child(3n){
	margin: 0 0 2% 0;
}
.nhonorul li .pic{
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}
.nhonorul li p{
	font-size: 14px;
	margin: 10px 0 0 0;
	text-align: center;
	color: #484848;
}




.ndevul{
	overflow: hidden;
}
.ndevul li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px 0;
	width: 100%;
}
.ndevul li:last-child{
	margin: 0;
}
.ndevul li .year{
	width: 40%;
	word-break: keep-all;
	font-family: "bahnschrift";
	font-size: 36px;
	color: #c9000b;
	line-height: 46px;
	text-align: right;
	font-weight: bold;
}
.ndevul li .circle{
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid #c9c9c9;
	position: relative;
	margin: 0 5%;
}
.ndevul li .circle:before,
.ndevul li .circle:after{
	content: '';
	display: block;
	position: absolute;
	border: 1px solid #c9c9c9;
	border-radius: 50%;
	top: 50%;
	left: 50%;
}
.ndevul li .circle:before{
	width: 38px;
	height: 38px;
	margin-left: -20px;
	margin-top: -20px;
}
.ndevul li .circle:after{
	width: 30px;
	height: 30px;
	margin-left: -16px;
	margin-top: -16px;
}
.ndevul li .circle div{
	position: absolute;
	border: 1px solid #c9c9c9;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	margin-left: -12px;
	margin-top: -12px;
}
.ndevul li .circle div:after{
	content: '';
	display: block;
	position: absolute;
	background: #959595;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	margin-top: -8px;
	z-index: 2;
}
.ndevul li:hover .circle div:after{
	animation: Circle 1s infinite linear;
	background: #c9000b;
}
@keyframes Circle{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(1.55);
	}
	100%{
		transform:scale(1);
	}
}
.ndevul li .circle div:before{
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 50%;
	width: 0;
	height: 1000%;
	border-left: 1px dashed #c9c9c9;
	z-index: 1;
}
.ndevul li .text{
	color: #484848;
	font-size: 16px;
	line-height: 30px;
	width: 40%;
	padding: 25px 35px;
	box-sizing: border-box;
	background: #f0f0f0;
	position: relative;
}
.ndevul li:nth-child(2n) .text{
}
.ndevul li:nth-child(2n) .year{
	text-align: left;
}

.ndevul li .text:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: -10px;
	top: 50%;
	margin-top: -10px;
	border-top: 10px solid transparent;
	border-right: 10px solid #f0f0f0;
	border-bottom: 10px solid transparent;
}
.ndevul li:nth-child(2n) .text:before{
	left: auto;
	right: -10px;
	transform: rotate(180deg);
}




.nenvul li{
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}
.nenvul li:nth-child(3n){
	margin: 0 0 2% 0;
}
.nenvul li .pic{
}
.nenvul li p{
	font-size: 14px;
	margin: 10px 0 0 0;
	text-align: center;
	color: #484848;
}


.lxfs{
	width: 400px;
}
.newm{
	width: 500px;
	padding: 50px 0;
	background: #f2f2f2;
	text-align: center;
}
.ewmpic{
	display: inline-block;
	margin: 0 15px;
}

.lxfs{}
.lxfs li{
	display: block;
	line-height: 45px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
}
.lxfs li a{
	font-size: 16px;
}
.lxfs li .iconfont{
	width: 70px;
	text-align: center;
	font-size: 24px;
	color: #878787;
}


.map{
	overflow: hidden;
}
.map iframe{
	position: relative;
	left: 50%;
	margin-left: -600px;
}




.ncaseul li{
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}
.ncaseul li:nth-child(3n){
	margin: 0 0 2% 0;
}
.ncaseul li .pic{
/*	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);*/
}
.ncaseul li p{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #484848;
	padding: 0 10px;
	line-height: 46px;
	text-overflow: ellipsis;
	background: #626262;
	color: #fff;
}


.nnewsul li{
	display: block;
	padding: 27px 0;
	border-bottom: 1px solid #dcdcdc;
}
.nnewsul li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nnewsul li .pic{
	width: 28%;
}
.nnewsul li .text{
	width: 68%;
	margin: 0 0 0 4%;
}
.nnewsul li .text strong{
	font-size: 18px;
	color: #282828;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.nnewsul li .text p{
	font-size: 14px;
	line-height: 24px;
	color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.nnewsul li .text .more{
	font-size: 14px;
	width: 100px;
	line-height: 32px;
	margin: 10px 0 0 0;
	background: #434343;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nnewsul li:hover .text .more{
	background: #c9000b;
}




.nproul li{
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}
.nproul li:nth-child(3n){
	margin: 0 0 2% 0;
}
.nproul li .pic{
/*	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);*/
}

.nproul li .pic{
	/* background: #f2f2f2; */
}
.nproul li p{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #484848;
	padding: 0 10px;
	line-height: 46px;
	text-overflow: ellipsis;
	background: #626262;
	color: #fff;
}


.nrczpul li{
	border-top: 3px solid #c9c9c9;
	background: #f4f4f4;
	display: block;
	padding: 0 7%;
	position: relative;
	margin: 0 0 20px 0;
}
.nrczpul li:hover{
	border-top: 3px solid #c9000b;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nrczpul li .rlzytitle{
	padding: 36px 0;
}
.nrczpul li .rlzytitle span{
	display: block;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}
.nrczpul li .rlzytitle font{
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: #666666;
	margin: 15px 0 0 0;
}

.nrczpul li .buttonarrow{
	font-size: 70px;
	line-height: 46px;
	position: absolute;
	right: 6%;
	bottom: 50%;
	margin-bottom: -23px;
	color: #c9000b;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nrczpul li .rlzyarea{
	font-size: 14px;
	line-height: 26px;
	padding: 0 0 30px 0;
	color: #666666;
	display: none;
}
.nrczpul li .rlzyarea .text2{
	margin: 20px 0 0 0;
}
.nrczpul li .rlzyarea .rlzyareatitle{
	color: #000;
}
.nrczpul li.this .buttonarrow{
	bottom: 6%;
	margin-bottom: 0;
	transform: rotate(180deg);
}
.nrczpul li .rlzyarea a.tdjl{
	display: block;
	width: 170px;
	line-height: 50px;
	background: #c9000b;
	color: #fff;
	text-align: center;
	margin: 20px 0 0 0;
}


.msform li{
	display: block;
	margin: 0 0 10px 0;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
	position: relative;
	padding: 0 20px;
}
.msform li img{
	display: block;
	position: absolute;
	right: 0;
	padding: 5px 0;
	top: 0;
	background: #a0a0a0;
}
.msform li font{
	color: #ff6000;
	font-size: 14px;
	display: inline-block;
	margin: 0 0.5% 0 0;
	width: 5%;
	text-align: right;
}
.msform li span{
	width: 10%;
	display: inline-block;
	color: #666666;
	font-size: 14px;
}
.msform li input[type=text]{
	display: inline-block;
	height: 46px;
	width: 100%;
	border: none;
}
.msform textarea{
	vertical-align: top;
	display: inline-block;
	height: 130px;
	border: none;
	width: 100%;
	padding: 2% 0;
}
.msform .attention{
	color: #ff8546;
	font-size: 12px;
	margin: 20px 0;
	background: none;
}

.msform input[type="submit"]{
	vertical-align: top;
	display: inline-block;
	border: 1px solid #c9000b;
	width: 100%;
	height: 60px;
	background: #c9000b;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.msform input[type="submit"]:hover{
	background: none;
	color: #c9000b;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.msform li:last-child{
	border: none;
	padding: 0;
}




.whitebg:hover .pic img,
.caseslide li:hover .pic img,
.nproul li:hover .pic img,
.ncaseul li:hover .pic img,
.nnewsul li:hover .pic img,
.proul li:hover .pic img{
	-webkit-transform: 	scale(1.1);
	-moz-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}


.nvideo li{
	cursor: pointer;
}
.nvideo li .pic{
	position: relative;
	background: #000;
}
.nvideo li:hover .pic img{
	opacity: .5;
}
.nvideo li .fa{
	position: absolute;
	left: 50%;
	margin-left: -26.5px;
	top: 50%;
	margin-top: -26.5px;
	font-size: 20px;
	color: #fff;
	width: 50px;
	text-align: center;
	line-height: 50px;
	padding: 3px 0 0 3px;
	border: 3px solid #fff;
	border-radius: 50%;
	opacity: 0;
	-moz-transition: 	all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nvideo li:hover .fa{
	opacity: 1;
}
.nvideo li .videoarea{
	display: none;
}

.videoshow{
	width: 1000px;
	position: fixed;
	left: 50%;
	top: 20%;
	margin-left: -500px;
	background: #000;
	min-height: 200px;
	z-index: 99;
	display: none;
}
.videoshow video{
	width: 100%;
	height: auto;
}
.videoshow .fa-close{
	font-size: 17px;
	color: #fff;
	width: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	border: 3px solid #fff;
	opacity: .8;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.videoshow .fa-close:hover{
	transform: rotate(180deg);
}

.shadow{
	background: #000;
	opacity: .6;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}




















@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
	.container{
		width: 90%;
	}
	.header .container:before,
	.header .container:after{
		display: none;
	}
	.toptel:before,
	.toptel:after,
	.casecate:before,
	.casecate:after,
	.header .container:before,
	.header .container:after{
		display: none;
	}
	.casecate,
	.toptel,
	.proslide li,
	.header .container{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.logo{
		width: 250px;
	}
	.kh{
		margin: 0 auto 0 15px;
		padding: 0 0 0 20px;
	}
	.kh strong{
		font-size: 20px;
		line-height: 20px;
	}
	.kh p{
		font-size: 16px;
		line-height: 16px;
	}
	.toptel p{
		font-size: 26px;
		line-height: 26px;
	}
	
	.cate{
		width: 24%;
	}
	.ncontainer{
		width: 73%;
	}
	.proslide .pic{
		width: 50%;
	}
	.proslide .text{
		width: 50%;
	}
	.proslide .text strong{
		margin: 0 0 20px 0;
		font-size: 20px;
	}
	.proslide .text strong:before{
		top: 38px;
	}
	.proslide .text strong:after{
		top: 37px;
	}
	.proslide .text .more{
		width: 120px;
		line-height: 30px;
		font-size: 14px;
	}
	.cate ul li{
		line-height: 48px;
	}
	.cate ul li a{
		font-size: 17px;
	}
	
	
	.casecate li{
		margin: 0;
	}
	
	
	.aboutkh strong{
		font-size: 12px;
	}
	.aboutkh p{
		font-size: 22px;
	}
	
	.abouttext .text{
		margin: 30px 0 0 7%;
	}
	
	.abouttext .more{
		margin: 30px 0 0 7%;
	}
	.honorslide{
		margin: 30px 0 0 7%;
	}
	
	.picnews{
		width: 52%;
	}
	.newsul{
		width: 45%;
	}
	
	.newslist li{
		margin: 0 0 26px 0;
	}
	
	.fmenu{
		margin: 0 6%;
	}
	
	
	.lxfs{
		width: 50%;
	}
	.newm{
		width: 50%;
	}
	
	
	
	
	
	
	
}
@media screen and (max-width: 1200px) {
	.lxfs li .iconfont{
		width: 50px;
	}
	.lxfs li{
		font-size: 14px;
	}
}
@media screen and (max-width: 1180px) {
	.logo{
		width: 200px;
	}
	.toptel .tel1 .iconfont{
		font-size: 40px;
		margin: 6px 10px 0 0;
	}
	.kh strong{
		font-size: 18px;
	}
	
	.menu li{
		line-height: 46px;
	}
	.processtitle{
		margin: 20px 0 0 50px;
	}
	.processul{
		width: 67%;
		
	}
	.processul li .pic{
		width: 80%;
	}
	.processul li p{
		font-size: 16px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 1024px) {
	
	.flogo{
		width: 120px;
	}
	.fmenu{
		margin: 0 4%;
	}
	.fmenu ul{
		margin: 0 30px 0 0;
	}
	.fcontact .fewm .pic{
		width: 90px;
		font-size: 12px;
	}
	.fcontact .text{
		font-size: 14px;
		line-height: 24px;
	}
	.processkh{
		font-size: 20px;
	}
	.picnews .pic{
		height: 280px;
	}
	
	
	.videoshow{
		width: 90%;
		left: 5%;
		margin-left: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
.banner_wap{
	display: none;
}
@media screen and (max-width: 768px) {
	.banner_pc{
		display: none;
	}
	.banner_wap{
		display: block;
	}
	.kh{
		display: none;
	}
	.toptel .tel{
		margin: 0 0 0 20px;
	}
	.logo{
		width: 180px;
	}
	.toptel p{
		line-height: 14px;
		font-size: 22px;
	}
	.toptel p span{
		font-size: 14px;
	}
	.toptel .tel2 .iconfont{
		font-size: 34px;
		margin: 5px 10px 0 0;
	}
	.menu li a{
		font-size: 14px;
	}
	
	.header{
		padding: 15px 0;
	}
	.cate_tel{
		display: none;
	}
	.cate{
		width: 100%;
		float: none;
	}
	.catetitle{
		display: none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 640px) {
}
.menubut{
	display: none;
}
@media screen and (max-width: 460px) {
	.toptel{
		display: none;
	}
	.bannerbg,
	.banner_wap{
		margin: 58px 0 0 0;
	}
	.bannerbg,
	.nbanner,
	.listbanner{
		height: 140px;
	}
	.header{
		padding: 10px 0;
		position: fixed;
		z-index: 9;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
	}
	.logo{
		width: 140px;
		height: 38px;
	}
	.menu .container{
		width: 100%;
	}
	.menu{
		display: none;
		position: fixed;
		z-index: 9;
		width: 40%;
		top: 58px;
		right: 0;
	}
	.menu li{
		display: block;
		float: none;
		line-height: 40px;
		width: 100%;
	}
	.menu li a{
		font-size: 14px;
	}
	.menubut{
		display: block;
		width: 30px;
		height: 30px;
		font-size: 30px;
		line-height: 30px;
		position: absolute;
		right: 2.5%;
		top: 50%;
		margin-top: -15px;
	}
	.stitle h2:before{
		top: 32px;
	}
	.stitle h2:after{
		top: 33px;
	}
	.stitle h2{
		font-size: 20px;
		line-height: 20px;
	}
	.stitle p{
		font-size: 12px;
		padding: 0 10%;
	}
	
	.cate{
		float: none;
		width: 100%;
	}
	.cate ul{
		border: none;
		padding: 0;
	}
	.cate ul li{
		line-height: 34px;
		width: 33.333%;
		margin: 0 0 0 0;
		float: left;
		text-align: center;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		box-sizing: border-box;
	}
	.cate ul li:nth-child(4n){
		margin: 0 0 0 0;
	}
	.procate ul li{
		width: 25%;
	}
	.cate_contact ul li{
		width: 50%;
	}
	.cate ul li a{
		font-size: 12px;
		font-weight: normal;
		padding: 0 5px;
	}
	
	.ncontainer{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	
	
	.mt40{
		margin-top: 20px !important;
	}
	.mt70{
		margin-top: 30px !important;
	}
	
	
	.proslide li{
		display: block;
	}
	.proslide li .pic{
		width: 100%;
	}
	.proslide li .text{
		width: 90%;
		margin: 20px 5% 5%;
	}
	.proslide .iconfont{
		width: 26px;
		line-height: 50px;
		font-size: 14px;
		opacity: .7;
		margin-top: -25px;
	}
	.proslide .text .more{
		margin: 20px 0 0 0;
	}
	
	.p100,
	.p90,
	.p80{
		padding: 40px 0;
	}
	.proul li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.advbg{
		background-size: 300%;
	}
	
	.adv{
		margin: 80px auto 0 auto;
	}
	.adv li{
		margin: 0 0 40px 0;
	}
	.adv li .pic{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	.adv li .advtext{
		width: 100%;
		float: none;
		margin: 0 !important;
	}
	.advtext .advtitle .adtitle strong{
		font-size: 20px;
	}
	.advtext .advtitle .adtitle p{
		font-size: 14px;
	}
	.advtext .advtitle .num{
		width: 48px;
		line-height: 48px;
		font-size: 20px;
	}
	.advtext .text{
		margin: 0;
		font-size: 14px;
		line-height: 24px;
	}
	.advtext .text p:before{
		top: 5px;
	}
	.advtext .text p:after{
		top: 9px;
	}
	
	.casecate{
        flex-direction: column;
        flex-wrap: wrap;
		height: 150px;
	}
	
	.casecate li{
		width: 70px;
		height: 70px;
	}
	.casecate li .iconfont{
		font-size: 26px;
		line-height: 26px;
	}
	.casecate li p{
		font-size: 12px;
	}
	.caseslide{
		padding: 0;
	}
	.caseslide li p{
		font-size: 14px;
	}
	.caseslide li.swiper-slide-active{
		transform: scale(1);
	}
	
	.aboutarea>.pic{
		width: 100%;
		float: none;
	}
	
	.gsmc strong{
		font-size: 20px;
	}
	
	.abouttext{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	
	.aboutkh{
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 20px;
		text-align: center;
	}
	.abouttext .text{
		width: 100%;
		margin: 20px 0 0 0;
		font-size: 14px;
		line-height: 24px;
	}
	
	.abouttext .more{
		margin: 20px auto 0 auto;
		font-size: 14px;
		width: 134px;
	}
	.honorslide{
		margin: 20px 0 0 0;
	}
	
	
	.picnews{
		width: 100%;
		float: none;
	}
	.picnews .pic{
		height: auto;
	}
	.whitebg{
		padding: 20px 20px 0 20px;
	}
	
	.newslist li .date{
		display: none;
	}
	.newslist li .text strong{
		font-size: 14px;
	}
	.newslist li .text p{
		font-size: 12px;
	}
	
	.newsul{
		width: 100%;
		margin: 20px 0 0 0;
		float: none;
	}
	.newstitle{
		font-size: 12px;
	}
	.newstitle strong{
		font-size: 20px;
	}
	.newsul.newslist li .text{
		width: 90%;
		margin: 5%;
	}
	
	.processkh{
		float: none;
		line-height: 34px;
		text-align: center;
		padding: 10px 0;
		display: table;
		margin: 0 auto;
		font-size: 20px;
		font-weight: bold;
	}
	.processtitle{
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
	}
	.processtitle p{
		transform: rotate(0);
		left: auto;
		top: auto;
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
	}
	.processtitle span{
		display: block;
		width: 100%;
		text-align: center;
		float: none;
	}
	.processul{
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
	}
	.processul li{
		width: 33.333%;
	}
	
	.processul li .pic{
		width: 60%;
	}
	.processul li .pic .iconfont{
		font-size: 34px;
	}
	
	.processul li p{
		margin: 10px 0 20px 0;
		font-size: 14px;
	}
	
	
	.fmenu{
		display: none;
	}
	.footer{
		padding: 40px 0 20px 0;
	}
	.flogo{
		float: none;
		margin: 0 auto;
	}
	.fcontact{
		float: none;
		margin: 20px auto 0 auto;
		width: 100%;
		text-align: center;
	}
	.fcontact .fewm{
		display: table;
		margin: 20px auto 0 auto;
	}
	.fcontact .fewm .pic{
		margin: 0 10px;
	}
	.cr{
		padding: 10px 0 20px 0;
		font-size: 12px;
		line-height: 20px;
	}
	.cr a{
		font-size: 12px;
	}
	
	
	.hotkey{
		display: none;
	}
	.searcharea{
		width: 100%;
	}
	.searcharea .stext{
		width: 80%;
		box-sizing: border-box;
		height: 32px;
	}
	.searcharea .iconfont{
		width: 20%;
		height: 32px;
	}
	
	
	
	
	.cate ul{clear:both;}
	.cate ul{ *zoom: 1;}
	.cate ul:before{ content: ""; display: table;}
	.cate ul:after{ content: ""; display: table; clear: both;}
	
	.cate .pic{
		display: none;
	}
	
	
	
	.nppslul li .nppsltext{
		width: 100%;
		height: auto;
		float: none;
		padding: 50px 0;
	}
	
	.nppslul li .pic{
		width: 100%;
		float: none;
	}
	
	.nppslul li .nppsltext .text strong span{
		display: block;
	}
	
	
	.nhonorul li,
	.nhonorul li:nth-child(3n){
		width: 49%;
		margin: 0 2% 4% 0;
	}
	.nhonorul li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	
	.nhonorul li p{
		font-size: 12px;
	}
	
	
	.nenvul li,
	.nenvul li:nth-child(3n){
		width: 49%;
		margin: 0 2% 4% 0;
	}
	.nenvul li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	
	.nenvul li p{
		font-size: 12px;
	}
	
	
	.nproul li,
	.nproul li:nth-child(3n){
		width: 49%;
		margin: 0 2% 4% 0;
	}
	.nproul li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	
	.nproul li p{
		font-size: 12px;
		line-height: 40px;
	}
	
	
	.ncaseul li,
	.ncaseul li:nth-child(3n){
		width: 49%;
		margin: 0 2% 4% 0;
	}
	.ncaseul li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	
	.ncaseul li p{
		font-size: 12px;
		line-height: 40px;
	}
	
	.classtitle{
		font-size: 22px;
		padding: 0 0 8px 0;
	}
	.ndevul li .text{
		font-size: 12px;
		line-height: 20px;
		padding: 15px;
	}
	
	.ndevul li .year{
		font-size: 26px;
	}
	
	.ndevul li:nth-child(2n) .circle div:before{
		margin-left: -2px;
	}
	
	.ndevul li .circle div:before{
		height: 650%;
	}
	.bnav{
		line-height: 40px;
	}
	.bnav,
	.bnav a{
		font-size: 12px;
	}
	.nnewsul li .text .more{
		display: none;
	}
	.nnewsul li .text strong{
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 5px 0;
	}
	.nnewsul li .text p{
		display: block;
		white-space: nowrap;
		font-size: 12px;
	}
	.nnewsul li{
		padding: 15px 0;
	}
	.nrczpul li .rlzyarea a.tdjl{
		width: 120px;
		line-height: 40px;
		font-size: 14px;
	}
	.nrczpul li .buttonarrow{
		font-size: 40px;
	}
	
	
	
	.lxfs{
		width: 100%;
	}
	.newm{
		width: 100%;
	}
	.advbg .stitle h2 span{
		font-size: 40px;
	}
	
	.prodetailslide{
		display: block;
	}
	.prodetailslide .detailslide{
		width: 100%;
	}
	
	.prodetailslide .detailtext{
		padding: 0;
		width: 100%;
		margin: 30px 0 0 0;
	}
	.prodetailslide .detailtext .text2{
		display: none;
	}
	
	
	.sharebox{
		display: none;
	}
	
	.prodetailslide .detailtext .text1{
		font-size: 20px;
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px 0;
	}
	.texttitle{
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	.texttitle span{
		font-size: 12px;
	}
	
	.pagechange a,
	.pagechange .returnlist a{
		font-size: 12px;
	}
	
	
	.newstext h2{
		font-size: 20px;
	}
	
	
	
	
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
	.bannerbg,
	.nbanner,
	.listbanner{
		height: 125px;
	}
}
@media screen and (max-width: 375px) {
	.bannerbg,
	.nbanner,
	.listbanner{
		height: 110px;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}