

/*
 * reset
 */
body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #393a45;
	font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif
}

input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: middle
}

body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {
	margin: 0
}

ol, ul, menu {
	padding-left: 0;
	list-style-type: none
}

a, input, select, textarea {
	outline: none;
	star: expression(this.onFocus=this.blur());
}

/*禁止点击时出现蓝色区域*/
a {
	outline: 0;
	color: #000;
	text-decoration: none;
	font-family: "微软雅黑"
}

a:hover {
	color: #af302d
}

b, i {
	font-style: normal
}

input, b, h1, img, span, *:before, *:after, .arrs, .mask2, a.cateMore, .media-box h5,.media-box p {
	-moz-transition: all ease-in-out 0.35s;
	-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}

/*animate*/
@keyframes rightOpacityShow {
	0% {
		transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		transform: translateX(20px);
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateYOpacityAn {
	0% {
		-moz-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-moz-transform: translateX(20px);
	}

	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rotateYOpacityAn {
	0% {
		-webkit-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-webkit-transform: translateX(20px);
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-o-keyframes rotateYOpacityAn {
	0% {
		-o-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-o-transform: translateX(20px);
	}

	100% {
		-o-transform: translateX(0);
		opacity: 1;
	}
}

/*
 * common
 */
.page {
	overflow: hidden;
}

.wow {
	visibility: hidden;
}

.opc0 {
	opacity: 0;
}

.clear {
	*zoom: 1;
}

.clear:before, .clear:after {
	content: "";
	display: table;
}

.clear:after {
	clear: both;
}

.dib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.btn {
	cursor: pointer;
}

.hide {
	display: none;
}
.text-over1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.text-over2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text-over3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*header*/

.header {
	position: relative;
	left: 0;
	right: 0;
	z-index: 1000;
	background: url(../img/top_bar.jpg) right top no-repeat ;
}

.header .navWrap,.ny-header .navWrap {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}

/*导航2*/
.navBox {
	width:100%;
	float: right;
}

.nav_transform1 {
	position: relative;
}

.nav_transform1 .navTop {
	position: absolute;
	top: 0px;
	display: none;
	height: 4px;
	background: #00aa3a;
	z-index: 2
}

.nav_transform1 .navTop {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.nav_transform1 ul.navCont {
	font-size: 16px
}

.nav_transform1 ul.navCont li.child {
	position: relative;
	float: left;
	width: 12.5%;
	text-align: center;
}

.nav_transform1 ul.navCont li.child.last {
	margin-right: 0
}
.ny-header .nav_transform1 ul.navCont li.child a {
	display: block;
	line-height: 60px;
	transition: initial;
	color: #000;
}
.nav_transform1 ul.navCont li.child a {
	display: block;
	line-height: 60px;
	transition: initial;
	color: #000;
}

.nav_transform1 ul.navCont li.child a:hover,.nav_transform1 ul.navCont li.child.cur a {
	color: #000
}



.nav_transform1 ul.navCont li.child.last a:after {
	display: none;
}

.nav_transform1 ul.navCont li.child a span {
	transition: initial;
	padding: 5px 0;
}

.nav_transform1 ul.navCont li.child a.cur span {
	border-bottom: 3px solid #ff9c01;
}

/*二级*/
.nav_transform1 ul.navCont li.child .childcont {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 999;
}

.nav_transform1 ul.navCont li.child .childcont li a {
	font-size: 14px;
	background-color: #38374e;
	color: #FFF;
	padding: 10px 0;
	line-height: 1.8!important
}

.nav_transform1 ul.navCont li.child .childcont li a:after {
	display: none;
}

.nav_transform1 ul.navCont li.child .childcont li a:hover {
	background: #fff;
	color: #000
}
/*sublogo*/
.sublogo {
	background: #0c6fd4;
	color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 1em 5em 1em 1em;
}

.sublogo:before {
	display: block;
	content: '';
	width: 40px;
	height: 100%;
	position: absolute;
	background: #0c6fd4;
	right: 100%;
	top: 0
}

.sublogo:after {
	display: block;
	content: '';
	position: absolute;
	background: #0c6fd4;
	height: 100%;
	width: 80px;
	transform: skewX(-30deg);
	top: 0;
	right: 0;
	margin-right: -40px
}

/* animite*/
.header {
	transition: bottom .5s, background .5s, height .5s, top .5s, line-height .5s;
}

.header * {
	transition: all .5s;
}


/*TOP*/
.bar {
	background: #333333;
	color: #cccccc;
	position: relative;
	clear: both;
	line-height: 36px;
	overflow: hidden;
	font-size: 12px;
	font-weight: lighter;
	border-bottom: 1px solid #e5e5e5
}

.bar a {
	color: #cccccc;
}

.bar ul li {
	float: left;
	font-size: 12px
}

.bar ul li i.split {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 9px;
	background: #8d8d8d;
	margin: 0 4px
}
.head-right{ 
	width: 70%;
	float: left;
	height: 60px;
	position:relative;
	margin-top: 40px;
 }

 .toptel{
 	width: 20%;
 	font-size: 22px;
 	color: #FFF;
 	font-weight: bold;
 	float: left;
 	line-height: 1;
 	margin-top: 60px;
 }
  @media screen and (min-width: 1200px ) and (max-width: 1400px){
 	.head-right{ 
		width: 65%;
		float: left;
		height: 95px;
		position:relative;
	 	}
	 .toptel{
	 	font-size: 22px;
	 }
 }
 @media screen and (min-width: 960px ) and (max-width: 1200px){
 	.head-right{ width: 60%; }
 	
 }
.ny-header .toptel a{
 	color: #000;
 }

 
.toptel a{
 	color: #000;
 }
 
/* LOGO */
.logo {
	float: left;
	width: 10%;
	height: 95px;
	z-index: 2;
	position: relative;
	margin: 0;
	text-align: left;
}

.logo a {
	display: block;
	height: 100%
}



.logo img {
	vertical-align: middle;
	max-height: 100%
}

.logo:after {
	display: none;
	content: '';
	width: 1px;
	height: 68px;
	background-color: #e1e1e1;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -34px
}

.htel {
	width: 10%;
	float: right;
	height: 90px;
	padding-right: 2%;
	color: #676767
}

/* 导航按钮 1*/
.wapNavBtn {
	position: absolute;
	top: 16px;
	right: 5px;
	display: none;
	width: 24px;
	font-size: 24px;
	cursor: pointer;
	animation: transform .6s ease-in-out 0s both;
	-moz-animation: transform .6s ease-in-out 0s both;
	-webkit-animation: transform .6s ease-in-out 0s both;
	-o-animation: transform .6s ease-in-out 0s both;
	z-index: 99
}

.wapNavPointer {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer;
}
/* 导航按钮2*/
button.nav-trigger {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 20;
	height: 60px;
	width: 50px;
	margin-top: -30px;
	padding: 0 12px;
	background: 0 0;
	border: 0;
	outline: 0
}

.nav-trigger {
	transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
	transition: transform .3s cubic-bezier(.86,0,.07,1)
}

.nav-icon {
	position: relative;
	top: 2px;
	right: inherit;
	display: block;
	width: 26px;
	height: 2px;
	background-color: #000;
	border-radius: 2.5rem;
	transition: all .3s
}

.nav-icon:after,.nav-icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	height: 2px;
	width: 100%;
	border-radius: 2.5rem;
	background-color: #000;
	transition: all .3s
}

.nav-icon:before {
	top: 7px
}

.nav-icon:after {
	top: -7px
}
/*.navigation-is-visible .nav-trigger{-webkit-transform:translate3d(84vw,0,0);transform:translate3d(84vw,0,0)}*/
.navigation-is-visible .nav-icon {
	background-color: transparent!important
}

.navigation-is-visible .nav-icon:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
	background-color: #fff
}

.navigation-is-visible .nav-icon:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	background-color: #fff
}
.toptxt1{
	font-size: 14px;
	color: #333;
	line-height: 39px;
	float: left;
	width: 50%;
	text-align: center;
}
.toptxt2{
	font-size: 14px;
	color: #fff;
	line-height: 39px;
	float: left;
	background: #0354b0;
	width: 50%;
	text-indent: 20px;
	position: relative;
}
.toptxt2:after{
	content: '';
	height: 39px;
	background: #0354b0;
	position: absolute;
	left: 98%; 
	top: 0;
	width: 100%;
	z-index: 9999;
}

.ny-banner{
	clear: both;
	background-size: cover;
	max-width: 100%;	
}
.ny-banner img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.wrap{
	position: relative;
}
.sub-title{
	padding:50px;
	background: url(../img/ny-title.png) no-repeat;
	position: absolute;
	bottom: 0;
}
.sub-title .en{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	text-transform:uppercase;
}
.sub-title .ch{
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	position: relative;
}
.sub-title .tip{
	font-size: 16px;
	color: #FFF;
}
.wh-li{
	width: 100%;
	height: 100%;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;	
	transition-duration: .8s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.about-pic{
	width: 100%;
	padding: 50px;
	background: url(../img/about_pic1.jpg) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
	border: 0px solid #de4022;
	height: 423px;
}
.about-pic2{
	background: url(../img/about_pic2.jpg) no-repeat;
	background-size: 100% 100%;
	border: 0px solid #de4022;
	width: 100%;
	padding: 50px;
	height: 423px;
}
.wh-li:hover .about-pic,.wh-li:hover .about-pic2{
	background-size: 130% 148%;
	transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
	border: 15px solid #de4022;
}
.in-about-bg,.in-about-bg2{
	width: 60%;
	border-radius: 20px;
	background: rgba(255,255,255,.8);
	padding: 30px;
	clear: both;
	margin:0 auto;
}
.in-about-bg .icon,.in-about-bg2 .icon{
	width: 35%;
	clear: both;
	margin:0 auto;
}
.in-about-bg .title1,.in-about-bg2 .title1{
	font-size: 24px;
	font-weight: bold;
	color: #1e1e1e;
	text-align: center;
	margin:10px auto;
}
.in-about-bg .tip,.in-about-bg2 .tip{
	font-size: 16px;
	line-height: 2;
	color: #1e1e1e;
	text-align:center; 
}
.history{
	clear: both;
	padding: 50px 0;
}
.sect_fzlc1 {
	padding: 0;
	overflow: hidden;
}

.sect_fzlc1 .abhisbox {
	padding: 2rem 0;
	overflow: hidden;
}

.sect_fzlc1 .hist {
	padding: 0;
	overflow: hidden;
	margin-bottom: 70px;
}

.sect_fzlc1 .hist .his_jt {
	padding: 0;
	overflow: hidden;
	margin-bottom: 25px;
}

.sect_fzlc1 .hist .his-prev,.sect_fzlc1 .hist .his-next {
	width: 120px;
	height: 30px;
	cursor: pointer;
	color: #666;
	font-size: 16px;
	line-height: 30px;
}

.his-prev .aw,.his-next .aw {
	display: inline-block;
	width: 41px;
	height: 27px;
	vertical-align: middle;
}

.his-prev .ahl {
	background: url(../img/about/hisleft.png) no-repeat center;
	margin-right: 10px;
}

.his-next .ahr {
	background: url(../img/about/hisright.png) no-repeat center;
	margin-left: 10px;
}

.sect_fzlc1 .hist .his-next {
	color: #1a4c9f;
}

.sect_fzlc1 .hislist {
	padding: 0;
	overflow: hidden;
}

.sect_fzlc1 .hislist .hym {
	text-align: center;
	padding: 0;
	overflow: hidden;
	min-width: 157px;
	height: 96px;
	cursor: pointer;
}

.sect_fzlc1 .hislist .hym a {
	display: block;
}

.sect_fzlc1 .hislist .hym .himg {
	width: 100%;
	height: 36px;
	background: url(../img/about/hisline.png) repeat-x center;
}

.sect_fzlc1 .hislist .hym .x {
	font-size: 18px;
	color: #666;
}

.sect_fzlc1 .hislist .slick-current .hym {
	display: block;
	outline: none;
	border: none;
	cursor: pointer;
}

.sect_fzlc1 .hislist .slick-slide:focus {
	outline: none;
	border: none;
}

.sect_fzlc1 .hislist .slick-current .hym .himg {
	width: 100%;
	height: 36px;
	background: url(../img/about/hislinea.png) repeat-x center;
}

.sect_fzlc1 .hislist .slick-current .hym .x {
	color: #1a4c9f;
	font-weight: bold;
}

.sect_fzlc1 .hisc {
	padding: 0;
	overflow: hidden;
	width: 70%;
	margin: 0 auto 70px;
}

.sect_fzlc1 .hisc .li {
	padding: 0;
	overflow: hidden;
}

.sect_fzlc1 .hisc .hiscentent {
	padding: 0;
	overflow: hidden;
}

.sect_fzlc1 .hisc .hiscentent .hisitem {
	padding: 0;
	overflow: hidden;
}

.sect_fzlc1 .hisc .hisitem .hleft,.sect_fzlc1 .hisc .hisitem .hright {
	width: 100%;
	min-height: 100px;
	padding: 0;
	position: relative;
}

.sect_fzlc1 .hisc .hisitem:nth-child(odd) .hright {
	border-left: 1px dashed #666;
}

.sect_fzlc1 .hisc .hisitem:nth-child(even) .hleft {
	border-right: 1px dashed #666;
	text-align: right;
}

.sect_fzlc1 .hisc .hisitem .hleft:before {
	content: "";
	width: 16px;
	height: 16px;
	border: 2px solid #696969;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	top: 0;
	right: -10px;
}

.sect_fzlc1 .hisc .hisitem h2 {
	padding: 0 30px;
	overflow: hidden;
	color: #3e3e3e;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.sect_fzlc1 .hisc .hisitem p {
	color: #737373;
	font-size: 18px;
	padding: 0 20px;
}

.sect_fzlc1 .hisc .hisitem:nth-child(odd) .acircle:before {
	border: 2px solid #3066bf;
	background: #3066bf;
}
/*发展历程结束*/
.ny-box{
	clear: both;
	padding: 3% 0;
	overflow: hidden;
}
.ny-content{
	padding: 0;
	font-size: 16px;
	line-height: 34px;
	clear: both;
	overflow: hidden;
}
.ny-left{

	clear: both;
	overflow: hidden;
}
.ny-left a{
	color: #FFF;
	font-size: 16px;
	background: #37364d;
	line-height: 40px;
	text-align: center;
	margin-bottom: 15px;
}
.ny-left .in-left{
	padding: 0;

}
.ny-left .in-left ul{
	padding: 0;
}
.prodect-Info .info-center .infoCenter-left{
	width: 80% !important;
	float: left;
}
.infoCenter-left .in-left .ch{
	padding: 0;
}
#swiper_cpfl{
	position: relative;
}
#swiper_cpfl:before{
	content: '';
	height: 1px;
	width: 100%;
	display: block;
	background: #cacaca;
	position: absolute;
	top: 50px;
}
.ny-bg{
	background: #f4f4f4;
	padding: 50px 0;
}

.ny-pro-bg{
	max-width: 1580px;
	padding: 30px;
	clear: both;
	margin:0 auto;
	background: #FFF;
	overflow: hidden;
	box-sizing: border-box;
}
.ny-pro-bg2{
	width: 100%;
	padding: 30px;
	clear: both;
	margin:0 auto;
	background: #FFF;
	box-sizing: border-box;
	overflow: hidden;
}
.honor-pic1{
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	overflow: hidden;
	position: relative;
}
.honor-pic2{
	width: 100%;
	height: 0;
	padding-bottom: 150%;
	overflow: hidden;
	position: relative;
}
.honor-pic1 p,.honor-pic2 p{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.honor-pic1 p img,.honor-pic2 p img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.honor-txt{
	clear: both;
	box-sizing: border-box;
	background:#ededed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.honor-txt .title1{
	background: url(../img/yh.jpg) 10px 10px no-repeat;
	font-weight: bold;
	font-size: 20px;
	color: #333;
	line-height: 2;
	margin: 20px 0 10px 0;
	padding-top: 30px;
	padding-left: 20px;
}
.honor-txt .en{
	padding-left: 20px;
	text-transform:uppercase;
	font-size: 12px;

}
.pro-item{
	text-align: center;
}
.pro-item:hover .f-toe:before{
	position: absolute;
	width: 26px;
	height: 60px;
	background:url(../img/pro_list_li2_hover.png) no-repeat;
	display: block;
	content: '';
	top: 0;
	left: 45%;
}
.pro-item .f-toe{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-top: 60px;
	margin-bottom: 20px;
}
.pro-item .f-toe:before{
	position: absolute;
	width: 26px;
	height: 60px;
	background:url(../img/pro_list_li.png) no-repeat;
	display: block;
	content: '';
	top: 0;
	left: 45%;
}
.fl-pic{
	width: 100%;
	height: 0;
	padding-bottom: 85%;
	position: relative;
	overflow: hidden;
}
.fl-pic p{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.fl-pic p img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#swiper_case2{
	clear: both;

}
#swiper_case2 .swiper-wrapper .swiper-slide{
	height: 360px;
}
#swiper_case2 a{
	display: block;
}

#swiper_case2 a  .title-box{
	clear: both;
	position: absolute;
	bottom: 0;
	z-index: 99;
	width: 100%;
	height:25%;
	transition-duration: 0.3s;
}
#swiper_case2 a .title{
	clear: both;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
}
#swiper_case2 a .title2{
	color: #aaa;
	text-align: center;
	clear: both;
	overflow: hidden;
}
#swiper_case2 .pic{
	width: 93%;
	padding-bottom: 80%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#swiper_case2 .pic p{
	width: 100%;
	height: 100%;
	position: absolute;
}
#swiper_case2 .pic p img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#swiper_case2 .in-pro-li{
	padding: 15px;
	background: url(../img/pic_bg.jpg) top center no-repeat;
	box-sizing: border-box;
	text-align: center;
	background-size: 94% 95%;
}
#swiper_case2 .in-pro-li a{
	position: relative;
	padding-bottom: 10%;

}
#swiper_case2 a .title-box{
	text-align: left;
	position: relative;

}
#swiper_case2 a .title-box .more{
	background: url(../img/more.jpg) top center no-repeat;
	line-height: 33px;
	width: 102px;
	display: block;
	text-align: center;
	color: #FFF;
	position: absolute;
	right: 0;
	top: 10px;
}
#swiper_case2 a  .title-box i{
	font-size: 35px;
	color: #000;
}
#swiper_case2 a  .title-box p{
	clear: both;
	text-align: left;
}
#swiper_case2 .in-pro-li:hover .pic img{
	transform: scale(1.2);
}
/*foot*/
.footer{
	background:url(../img/foot_bg.jpg) #1f2126 top center no-repeat;
	padding-top: 11rem;
	clear: both;
	overflow: hidden;
	color: #898989; 
}
.contact-t{
	color: #fff;
	font-size: 18px;
	padding-left: 0;
	margin-top: 20px;
}
.bot-title{
	font-size: 18px;
	line-height: 2.5;
	color: #FFF;
}
.bot-pro{
	font-size: 14px;
	color: #c4c4c4;
	line-height: 2;
}
.fr-link-t{
	color: #151515;
	font-size: 20px;
}
.fr-link-t i{
	font-size: 20px;
	font-weight: bold;
	margin:0 10px;
}
.bot-nav{
	margin: 30px 0;
}
.bot-nav a{
	padding: 0 30px;
	color: #FFF;
	text-align: left;
}
.bot-tel-t{
	margin-top: 0;
	font-size: 16px;
	color: #898989;
}
.bot-tel{
	color: #FFF;
}
.bot-tel a{
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
.cmenus {
	padding:10px 0px;
	border-bottom:dashed 1px #dedede;
	line-height:1.8;
	text-align:center;
}
.cmenus a {
	font-size:14px;
	width:32.3%;
	height:32px;
	line-height:30px;
	overflow:hidden;
	border-radius:5px;
	float:left;
	background:#305bc4;
	color:#fff;
	margin:0px 1% 4px 0px;
}
.crumbs {
	line-height:60px;
	color:#888;
	text-align:right;
	margin-top:5px;
	clear: both;
	margin-bottom: 10px;
	font-size: 16px;
}
.crumbs i{
	padding-right: 20px;
	float: left;
}
.crumbs span {
	color:#999;
	margin-right:5px;
}
.crumbs a {
	color:#888;
}
.rig-title-over{
	line-height: 60px;
	font-weight: bold;
	font-size: 36px;
	color: #000;
	text-align: left;
	clear: both;
}
.com-ys-bg{
	clear: both;
	margin: 0 auto 20px auto;
	width: 90%;
	background: #53b709;
	border-radius: 20px 20px 0 0;
	padding:30px;
	box-sizing: border-box;

}
.com-ys-bg .title{
	clear: both;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	line-height: 3;
	font-weight: bold;
}
.com-ys-bg .info{
	font-size: 16px;
	line-height: 2;
	color: #FFF;
}
.com-ys-bg .icon{
	clear: both;
	text-align: center;
}
/*产品页*/
.gallery-top{
	width: 100%;
	height: 500px;
}

.gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    background-size: 100% 100%;
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.pro-info-right{
	width: 100%;
	box-sizing: border-box;
	padding: 30px 50px;
}
.proname{
	font-size: 40px;
	color: #FFF;
	line-height: 3;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	margin-bottom: 20px;
}
.case-titile{
	font-size: 16px;
	line-height: 20px;
}
.pro-info-right .description{
	font-size: 16px;
	line-height: 1.5;
	color: #FFF;
	margin-bottom: 50px;
	margin-top: 20px;
}
.pro-info-right .tags{
	clear: both;
	margin:30px 0;
	overflow: hidden;
}
.pro-info-right .tags span{
	background: #e66615;
	font-size: 14px;
	color: #FFF;
	border-radius: 10px;
	padding:2px 20px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pro-info-right .zx1{
	width: 45%;
	padding: 10px;
	background: #f7cc88;
	text-align: center;
	color: #53b709;
	font-size: 16px;
	box-sizing: border-box;
	border-radius: 30px;
	float: left;
	margin-right: 15px;
	font-size: 20px;
	font-weight: bold;
}
.pro-content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.pro-content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.pro-content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.pro-content table tr:first-child{
	background-color:#df4118 !important; 
	color: #FFF;
}
.pro-content table td a { text-decoration:underline; color: #333;}

.info-bar i{
	font-size: 24px;
}
.info-bar{
	clear: both;
	background: #FFF;
	border-radius: 15px;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	color: #000;
	display: block;
	padding: 15px 0;
	font-weight: bold;
	border: 1px solid #EFEFEF;
	box-shadow: 2px 2px 5px #888;
}
.info-bar a{
	color: #000;
}
.info-title{
	width: 100%;
	padding: 20px 0;
	background: #53b709;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.info-title2{
	width: 100%;
	padding: 20px 0;
	background: #ececec;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.pro_info_bg{
	clear: both;
	background: url(../img/pro_info_bg.jpg) no-repeat;
	overflow: hidden;
}
.pro-info-title{
	color: #252424;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 40px;
	position: relative;
}
.pro-info-title:before{
	width: 44px;
	height: 17px;
	background: url(../img/pro-title.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -22px;
	bottom: -10px;
	content: '';
	display: block;
}
.ny-ys-li {
	background: url(../img/side_bar_bg.jpg) repeat-x;
	padding: 30px;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
.ny-ys-li .title1{
	color: #e25216;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.ny-ys-li .title2{
	color: #2f2e2e;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.ny-ys-li .en{
	font-size: 8px;
	text-transform:uppercase;
	text-align: center;
}
/*联系我们*/
.contact-t1 {
    font-weight: bold;
    font-size: 30px;
    color: #4a4846;
    clear: both;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}
.lx-pic {
    clear: both;
    border-radius: 60px;
    background: #f8f8f8;
    border: 1px solid #CCC;
    vertical-align: middle;
    text-align: center;
    margin: 20px auto;
    width: 115px;
    height: 115px;
    line-height: 115px;
}
.lx-pic img {
    vertical-align: middle;
}
.lx-txt {
    clear: both;
    text-align: center;
    font-size: 16px;
}

/*新闻页面*/
.ul_news {
	list-style: none;
}

.ul_news li {
	line-height: 60px;
	border-bottom: 1px dashed #dedede;
	overflow: hidden;
	clear: both;
}
.ul_news li .title{
	font-size: 20px;
}
.ul_news li  .date {
	float: right;
}
.ul_news li .content{
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}
.ul_news li .newspic{
	box-sizing: border-box;
	border:5px solid #f98546;
	display: block;
	width: 60%;
	height: 0;
	padding-bottom: 40%;
	overflow: hidden;
	display: block;
	margin:20px auto;
}


#newslist {
	overflow: hidden;
}
.newspic{
	clear: both;
	text-align: center;
}
#newslist li {
	margin-top: 15px;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}

.newslist_times {
	height: 26px;
	line-height: 26px;
	color: #999;
	font-size: 16px;
	font-family: 'MONTS';
}

.newslist_img {
	overflow: hidden;
}

.newslist_img img {
	width: 100%;
	transition: all 0.3s;
	max-height: 250px;
}

.newslistp1 {
	margin-top: 10px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 15px;
	font-weight: bold;
}

.newslistp2 {
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	color: #999;
}

.newslistp3 {
	margin-top: 5px;
	color: #d10009;
	text-transform: uppercase;
}
.newscopy {
    padding: 10px;
    font-size: 12px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    line-height: 18px;
    box-sizing: border-box;
    clear: both;
    margin: 30px auto;
}
.page_Title {
	font-size: 38px;
	text-align: center;
	line-height: 3;
}
.page-click{
	clear: both;
	text-align: center;
	padding: 10px 0;
	overflow: hidden;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}
.newsPage{
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}
.page-a{
	float: left;
	width: 45%;
	border: 1px solid #CCC;
	box-sizing: border-box;
	padding: 10px;
	margin-right: 3%;
}
.page-b{
	float: right;
	width: 45%;
	border: 1px solid #CCC;
}
.page_Info {
	height: 36px;
	line-height: 36px;
	margin-top: 15px;
	color: #666;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
}
.page_Infoleft {
	padding-left: 30px;
	float: left;
}

.pro-content {
	margin: 15px auto 0px;
	line-height: 2;
	padding: 10px;
}
.page_Infoleft i {
	margin-right: 5px;
}

#picUL li {
	margin: 10px 0px;
}

#proUL li {
	margin: 15px 0px;
}

#company_main {
	margin-top: 30px;
}

.contact-list {
	margin-top: 30px;
}

.contact-list ul li {
	font-size: 17px;
}

.morder {
	margin-top: 35px;
}

.morder_InputText {
	height: 48px;
	line-height: 48px;
}

.morder_InputText1 {
	height: 48px;
	line-height: 48px;
}

.morder_captcha {
	height: 48px;
	line-height: 48px;
}

.morder_But {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.ny-pic{
	width: 100%;
	margin: 0 auto;
	background: #efefef;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
.ny-pic .pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #efefef;
}
.ny-pic .pic img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.ny-pic a{
	clear: both;
	width: 100%;
	height: 100%;
}
.ny-pic .img{
	clear: both;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.pic-li li .w-box{
	background: #f4f4f4;
	border-radius: 30px;
	display: block;
	clear: both;
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px;
}
.pic-li li{
	margin-bottom: 50px;
}
.pic-li .box{
	background: #FFF;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	display: block;
	clear: both;
	overflow: hidden;
}
.pic-li li .title{
	clear: both;
	color: #272727;
	text-align: left;
	padding: 22px 25px;
	font-size: 21px;
	margin-top: 20px;

}
.pic-li li .w-box .more{
	color: #FFF;
	width: 40%;
	border-radius: 15px;
	background: #e04418;
	line-height: 34px;
	text-align: center;
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 50px;
	margin-left: 15px;
}
.pic-li li .w-box .zx{
	color: #000;
	width: 40%;
	border-radius: 15px;
	background: #f4f4f4;
	line-height: 34px;
	text-align: center;
	display: block;
	float: left;
	margin-top: 50px;
}
.pic-li li:hover .ny-pic .pic img{
	transform: scale(1.2);
}
.icon-list{
	color: #dd3812;
	padding-left: 25px;
}
.icon-list2{
	color: #FFF;
	padding-left: 0;
}
.icon-list span,.icon-list2 span{
	 margin-right: 10px;
}
.icon-list span i,.icon-list2 span i{
	margin-right: 10px;
}
.cp-banner{
	background: url(../img/cp_banner.jpg) top center no-repeat;
	padding: 50px 0;
	clear: both;
	overflow: hidden;
	background-size: cover;
}
#dituContent{
	clear: both;
	width: 100%; 
	height: 500px;
}
.mes-form{
	clear: both;
	display: block;
    width: 80%;
    padding: 0 10px;
    line-height: 38px;

}
.mes-form .form-tr input {
    display: block;
    width: 80%;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
}
 .mes-form .form-tr {
    overflow: hidden;
    margin-bottom: 20px;
}
.mes-form .form-tr textarea {
    display: block;
    width: 80%;
    padding: 5px 10px;
    height: 168px;
    border: 1px solid #e6e6e6;
}
.mes-form .form-tr .code{ 
	width:30%;
	float: left;
 }
.mes-form .form-tr .code input{
	float: left;
}
.mes-form .form-tr .code  .verify{
	float: left;
}
/* 通用 */
input::-webkit-input-placeholder { color:#ccc; }
input::-moz-placeholder { color:#ccc; } /* firefox 19+ */
input:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }

/* webkit专用 */
input::-webkit-input-placeholder { color:#ccc; }

/* mozilla专用 */
input::-moz-placeholder { color:#ccc; }
.mes-form .form-tr .submit {
    margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #237ed2;
    color: #fff;
    font-size: 15px;
}

.page_img{
	clear: both;
	text-align: center;
	margin: 30px auto;
}
.pro-content{
	clear: both;
	padding: 30px;
	font-size: 16px;
	line-height: 1.8;
	color: #252424;
}
.yyly-bar{
	clear: both;
	background: url(../img/lingyu_bg.jpg) top center no-repeat;
	padding: 102px 0;
	overflow: hidden;
}
.yyly-bar .ch{
	font-size: 20px;
	text-align: center;
	line-height: 2;
	color: #FFF;
}
.yyly-bar .en{
	text-transform:uppercase;
	color: #FFF;
	text-align:center;
}
.pro-info-honor{
	clear: both;
	background: url(../img/pro_info_bg.jpg) top center no-repeat;
	overflow: hidden;
	padding: 80px 0;
}
.left-name{
	font-size: 18px;
	text-align: center;
	line-height: 30px;
}
.left-pic{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 80%;
	position: relative;
}
.left-pic div{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.left-pic div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.left-bar {
	margin-bottom: 20px;
	display: block;
}
#mbanners{
	display: none;
}
.foot-copy{
	box-sizing: border-box;
	padding-left: 30%;
	margin-top: -60px;
}