*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal; font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
li{list-style:none;}

a{color:#333; text-decoration:none;}
a:hover{color:#f19600; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#999;}
::-webkit-scrollbar-thumb:hover{background-color:#999;}
::-webkit-scrollbar-thumb:active{background-color:#999;}



.contain{ width:90%; max-width:1500px; margin:0 auto}

.top1{ width:96%; margin:0 auto; max-width:1500px;box-sizing:border-box}
.logo{ float:left; margin:5px 0}
.logo img{ height:82px; width:auto}


.tel{ float:right; margin-top:20px; }
.tel span{ display:block; color:#fff; font-size:14px;}
.tel span i{ padding-right:5px}
.tel p{ display:block; font-size:16px; font-weight:bold; color:#fff}


.lange{ float:right; font-size:14px; line-height:80px; margin:0 50px;color:#fff}
.lange i{ padding-right:5px; color:#fff}
.lange a{color:#fff}

.header{width:100%; position:fixed; width:100%; top:0px; left:0; z-index:9; transition: all 0.6s}

.header.on{ background:#fff;box-shadow: 0px 0px 5px rgba(195,195,195,0.35);transition: all 0.6s}
.header:hover{ background:#fff; transition: all 0.6s}
.logo1{ display:none;}
.logo2{ display:block;}

.header.on .logo1{ display:block;}
.header.on .logo2{ display:none;}

.header:hover .logo1{ display:block;}
.header:hover .logo2{ display:none;}



.header.on .tel span{  color:#333; }
.header.on .tel p{  color:#333333}

.header:hover .tel span{  color:#333; }
.header:hover .tel p{  color:#f36c22}


.header.on .lange{color:#333}
.header.on .lange i{ color:#f36c22}
.header.on .lange a{color:#333}

.header:hover .lange{color:#333}
.header:hover .lange i{ color:#f36c22}
.header:hover .lange a{color:#333}

.header .an{ position:absolute; right:2%; top:18px;height:18px; width:40px; display:none; float:right}
.header .an span{width:38px; height:3px; background-color:#f2e727; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:11px; left:0;}
.header .an span.a3{top:21px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{ float:right;}
.header .nav ul{ float:left;}

.yuyan{color:#fff; float:right; margin-top:30px;}

.yuyan a{ color:#fff; padding:0px 10px;}
.header:hover .yuyan a{ color:#666}
.header:hover .yuyan { color:#666}

.header.on .yuyan{color:#333}
.header.on .yuyan a{color:#333}




.header .nav ul>li{height:80px; width:auto; padding:0 0px;font-size:16px; line-height:80px; float:left; text-align:center;position:relative; text-transform:uppercase;  }

.header .nav ul li a:hover{ color:#f25252 }
.header .nav i{font-size:12px; line-height:50px; text-align:right; position:absolute;height:50px; right:5px; top:15px; display:none }




.header .nav ul li a.o_lm{line-height:80px; color:#fff; padding:0 20px;  display:block; position:relative;}
.header .nav ul li a.o_lm:after{ content:""; position:absolute; width:0; left:50%; transform:translateX(-50%); bottom:0; background:#333333; height:3px; opacity:0; transition:all 0.6s}
.header .nav ul li:hover a.o_lm{ color:#333333}
.header .nav ul li:hover a.o_lm:after{ content:""; position:absolute; width:100%; left:50%; transform:translateX(-50%); bottom:0; background:#333333; height:3px; opacity:1;transition:all 0.6s}


.header.on  .nav ul li a.o_lm{ color:#666}
.header:hover .nav ul li a.o_lm{ color:#666}

.header .nav .e_j ul{width:100%}

.header .nav .e_j{position:absolute; width:150%;  background:#fff;
box-shadow: 0px 10px 10px rgba(0,0,0,0.25); top:80px;  padding:0px; display:none; left:0; z-index:9999999999999;  height:auto;  -webkit-animation: fadeInUpMenu 0.4s;
  -moz-animation: fadeInUpMenu 0.4s;
  -ms-animation: fadeInUpMenu 0.4s;
  -o-animation: fadeInUpMenu 0.4s;
  animation: fadeInUpMenu 0.4s;

 
  }
  
  @-webkit-keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}


.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%; line-height:45px; font-weight:normal; height:auto; text-transform:none; border-bottom:#e1e1e1 1px solid; }
.header .nav .e_j ul li:last-child { border-bottom:0}


.header .nav .e_j  ul li a{display:block; font-size:14px; line-height:45px; color:#333; transition:all 0.6s}
.header .nav .e_j  ul li a:hover { color:#fff; background:#333333;transition:all 0.6s }


@media only screen and (max-width:1300px){

.header .nav ul li a.o_lm{ padding:0 15px}
}
@media only screen and (max-width:1200px){


}



@media only screen and (max-width:1200px){
	
.header .nav ul li a.o_lm:after{ content:none;}
.header .nav ul li:hover a.o_lm:after{content:none;}
.tel{ display:none;}

.header{padding:0px 5px; height:55px; position:fixed; top:0; width:100%; box-sizing:border-box;}
.header.on{ height:55px}
.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#f8f8f8; top:0; right:0; margin:0; margin-top:55px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%; }
.yuyan{color:#fff; float:left; margin-top:20px;  margin-left:1%;}
.yuyan a{ color:#fff; padding:0px 30px;}

.header .nav i{display:block; color:#333;  top:0; right:20px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0 20px; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}

.header .nav ul li a.o_lm{line-height:50px; color:#333;}
.header .nav ul li:hover a.o_lm{color:#fff; background:none;}
.header .nav .y_j{border-bottom:1px solid rgba(255,255,255,0.2);}
.header .nav .e_j{padding:10px 0px; border-bottom:1px solid rgba(255,255,255,0.2);box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}

.header .nav .e_j ul li a{ color:#333}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}

.header .nav .e_j ul li{ border:0}

.logo{ margin:8px 0; position:fixed; z-index:9999; top:0; left:10px}
.logo img{ height:40px; width:auto}


.lange{ float:right; font-size:14px; line-height:50px; margin:0; margin-right:50px}

.header.on  .nav ul li a.o_lm{ color:#333}
.header:hover .nav ul li a.o_lm{ color:#333}

}



/*首页轮播图*/
.c-banner1 {
	background: #fff;
}
.c-banner1 .swiper-slide{
	position: relative;
	overflow: hidden;
}
.c-banner1 .swiper-slide img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	-webkit-transition: all 7s;
	transition: all 7s;
}
.c-banner1 .swiper-slide .c-bg2 {
	display: none;
}
.c-banner1 .swiper-slide-active img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1); 
}
.c-container { position: relative; width: 100%;padding:0 2rem; max-width:1500px; margin:0 auto;}
.c-banner1 .swiper-slide .c-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex; 
	align-items: center;
	color: #fff;
	background: url(../images/mbl.png)repeat;
}
.c-banner1 .swiper-slide .c-wrap .c-title{
	font-size: 70px;
	line-height: 80px;
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.c-banner1 .swiper-slide .c-wrap .c-text {
	padding: 30px 0 75px;
	font-size: 35px;
	line-height: 56px;
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.c-banner1 .swiper-pagination-bullet {
	opacity: 1;

}
.c-banner1 .c-dot {
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
}
.c-banner1 .swiper-pagination{
	position: relative;
	text-align: left;
}

.loading {
  margin: 0 5px;
  width: 38px;
  height: 38px;
	position: relative;
	
	background: transparent;
}
.loading.swiper-pagination-bullet-active {
}
.loading.swiper-pagination-bullet-active .c-progress {

}
.loading .left,
.loading .right {
	opacity: 0;
  width: 19px;
  height: 38px;
  overflow: hidden;
  position: absolute;
  left: -4px;
	top: -4px;
	overflow: hidden;
}
.loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right {
	opacity: 1;
}
.loading .right {
	left: auto;
	right: -4px;
	top: -4px;
}
.loading .left:after,
.loading .right:after {
  content: "";
  position: absolute;
	display: block;
	top: 0;
	left: 0;
  width: 19px;
  height: 38px;
	
	border-radius: 19px 0 0 19px;
	border-right: 0;
}
.loading .right:after {
  content: "";
	position: absolute;
  display: block;
	border-radius: 0 19px 19px 0;

	border-left: 0;
}
.loading.swiper-pagination-bullet-active .left:after {
  transform-origin: right center;
  /* animation-iteration-count: infinite; */
  animation-fill-mode: forwards;
  animation-duration: 3.9s;
  animation-timing-function: linear;
  animation-name: spin-left;
}

.loading.swiper-pagination-bullet-active .right:after {
  transform-origin: left center;
  animation-duration: 3.9s;
  /* animation-iteration-count: infinite; */
  animation-timing-function: linear;
  animation-name: spin-right;
}
@keyframes spin-right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1); 
  }
}

@keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2); 
  }
}

.c-zoom {
  -webkit-animation-name: c-zoom;
  animation-name: c-zoom;
}
@media screen and (max-width: 1599px) {
		.c-banner1 .swiper-slide .c-wrap .c-title {
		font-size:50px;
		line-height:60px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-text {
		font-size:30px;
		line-height:40px;
	}
	.c-banner1 .c-dot {
		bottom:40px;
	}
}
@media screen and (max-width: 767px) {
		.c-banner1 .swiper-slide .c-bg2 {
		display: block;
	}
	.c-banner1 .swiper-slide .c-bg {
		display: none;
	}
		.c-banner1 .c-common-btn {
		margin-bottom: 50px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-text,
	#c-top-bg .c-title {
		font-size: 24px;
		line-height: 34px;
	}
	.c-common-title .c-en-title{
		font-size: 28px;
		line-height: 38px;
	}
	#c-layout .c-text-box .c-list li .c-num,.c-banner5 .c-time {
		font-size: 40px;
	}
	.c-banner1 .swiper-slide .c-wrap .c-title,#c-top-bg .c-enTitle {
		font-size: 35px;
		line-height: 45px;
	}
	.c-common-btn {
		height: 31px;
		line-height: 30px;
		width: 80px;
	}

}


@media screen and (max-width: 500px) {
	
	.c-banner1 .swiper-slide .c-wrap .c-text{
		padding: 20px 0 40px;
	}
	
	
	}

.bt22{ text-align:center; margin-bottom:40px; position:relative; height:30px; padding-top:20px;}
.bt22 h3{font-size:25px; color:#fff; font-weight:bold; z-index:1; position:relative }
.bt22 span{ position:absolute; color:rgba(195,195,195,0.5);left:0; font-size:40px; font-style:normal; top:0; z-index:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center; width:100%; }
.bt22 em{ display:block; width:40px; height:3px; background:#fff; margin:5px auto;z-index:1; position:relative}

	
	
.bt2{  margin-bottom:40px;  height:auto; padding-top:0px; box-sizing:border-box; text-align:center; }
.bt2 h3{font-size:25px; color:#515151; line-height:0px;   }
.bt2 span{  color:rgba(60,60,60,1); font-size:45px; font-style:normal;  z-index:0; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;  width:100%;  }

.bt1{  margin-bottom:40px;  height:auto; padding-top:0px; box-sizing:border-box }
.bt1 h3{font-size:25px; color:#515151; line-height:0px;   }
.bt1 span{  color:rgba(60,60,60,1); font-size:45px; font-style:normal;  z-index:0; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;  width:100%;  }

   @media only screen and (max-width:992px){
.bt2{  margin-bottom:20px;  height:auto; padding-top:0px; box-sizing:border-box }
.bt2 h3{font-size:20px; color:#515151;line-height:5px;   }
.bt2 span{  color:rgba(60,60,60,1); font-size:25px; font-style:normal;  z-index:0; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;  width:100%;  }

.bt1{  margin-bottom:20px;  height:auto; padding-top:0px; box-sizing:border-box }
.bt1 h3{font-size:20px; color:#515151;line-height:5px;   }
.bt1 span{  color:rgba(60,60,60,1); font-size:25px; font-style:normal;  z-index:0; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;  width:100%;  }


	
	}
	

 




 
 
 
 
 
 .sy_gy { width:90%; margin:40px auto; max-width:1500px; padding:20px 0px; position:relative; z-index:2; overflow:hidden;}
.sy_gy .left { width:53%; float:right; }
.sy_gy .left img { width:100%; height:auto;}
.sy_gy .right { width:40%; float:left; padding:0% 0 0 0%;  }
.sy_gy .right  p { font-size:15px; line-height:33px; text-align:justify; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:10;  overflow: hidden; }
.mr { width:160px; height:40px; background:#f2e727; text-align:center; line-height:40px; color:#080404; margin:50px 0px 0px 0px; }
.mr a {color:#080404; font-size:14px;}
.mr:hover a { background:#080404; color:#fff; font-size:14px; display:block;}
.section-time{width:100%;overflow: hidden; margin:60px auto;}
.section-time-right{width:100%;}
.section-time-right ul li{width:31.3333%;float:left;text-align:left; background:url(../images/xia.jpg) no-repeat center left; padding-left:2%; }
.section-time-right span{font-size:45px; font-family:Arial, Helvetica, sans-serif; line-height:58px; color:#333333; font-weight:bold;}
.section-time-right font { color:#000;}
.section-time-right p{font-size:14px; color:#000;}
@media only screen and (max-width:1440px){
.sy_gy .right { width:40%; float:left; padding:3% 0 0 4%;}
.sy_gy .right  p {  -webkit-line-clamp:4;  overflow: hidden; }	
.section-time{width:100%;overflow: hidden; margin:20px auto;}
}
@media only screen and (max-width:992px){
 .sy_gy {  padding:0px 0px;}

.sy_gy .left { width:100%; float:none; }
.sy_gy .right { width:100%; float:none; padding:0%;}
.sy_gy .right  p { font-size:14px; line-height:26px;  -webkit-line-clamp:8;}	
.section-time{ margin:20px auto;}
.section-time-right span{font-size:30px;}
.section-time-right p{font-size:12px; }
.mr { width:130px; height:40px; background:#f2e727; text-align:center; line-height:40px; color:#fff; margin:30px 0px; }

}
.cplb{ width:90%; margin:20px auto; max-width:1500px;  padding:0; box-sizing:border-box}

 
 	.cplb ul {
	position: relative;
	margin: 15px 0px;
}
.cplb ul li {
	float: left;
	width: 25%;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom:30px
	
}
.cplb ul li div {
	
	transition: all 0.6s;border:1px solid #e1e1e1; padding:40px 0px 0px 0px;
	
}
.cplb ul li div i {
	display: block;
	width: 100%;
	padding-bottom:100%;
	position:relative;
	overflow:hidden; border-bottom:none; 


}
.cplb ul li div i img {
	width: 100%;
	height: 100%;
	position:absolute;
	left:0;
	top:0; 
	transition: all 0.6s;
}
.cplb ul li:hover div {

	transition: all 0.6s
}
.cplb ul li:hover div i img {
	transform: scale(1.1, 1.1);
	transition: all 0.6s
}
.cplb ul li:hover a div p {
 color:#f2e727;transition: all 0.6s; border-top:none;
	
}
.cplb ul li div p {
	display: block; border-top:none;
    margin: 10px 0;
	font-size: 16px;
	line-height: 45px; color:#333;
	height:45px;
	overflow:hidden;
	position: relative;
	background:#fff;
	 padding:5px 0px; 
	box-sizing:border-box;
	text-align:center;transition: all 0.6s
	
}
	

	@media only screen and (max-width:992px){		
	
 .cplb ul li {
	float: left;
	width: 48%;
	padding:0 0px;
	box-sizing: border-box;
	margin:1%; 
	
}
		
.cplb ul li div p{ font-size:14px; line-height:30px;height:30px; }
	.yincang{ display:none;}	
		
	}
	
	.cplb ul li div{padding:0px}

/* 伙伴 */



/* 伙伴 */
#c-partner {
	position: relative;
	padding: 30px 0 50px; margin-top:20px;
}
#c-partner .c-container {
	z-index:3;
}
.c-banner2 {
	padding-bottom:355px;
}
.c-banner2 .swiper-slide{
	height: 390px;
}
.c-banner2 .c-wrap{
	height: 250px; 
}
.c-banner2 .c-wrap p{
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;  overflow: hidden; padding:20px 10px 0px 10px;}

.c-banner2 .c-wrap span{
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden;padding:0px 10px 0px 10px; font-size:14px;}

.c-banner2 .c-wrap img {
	width: 100%;
	height:100%;
	object-fit: cover;
}
.c-banner2 .swiper-pagination {
	bottom:0; 
}
.c-banner2 .swiper-pagination-bullet {
	opacity: 1;
	background: #fff;
}
.c-banner2 .swiper-pagination-bullet-active {
	background: #f2e727;
}
#c-partner2 {
	padding: 80px 0 180px;
	background: #fff;
}
#c-partner2 .c-main-wrap {
	box-shadow: 0 2px 30px rgba(84,0,0,.07);
}
.c-banner11-top {
	padding-bottom: 10px;
}
.c-banner11-top .swiper-slide {
	height: 90px;
	font-size: 30px;
	line-height: 90px;
	text-align: center;
	color: #333;
	background: #ddd;
	cursor: pointer;
	transition: .5s;
}
.c-banner11-top .swiper-slide::before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	transition: .5s;
}
.c-banner11-top .swiper-slide-thumb-active::before,.c-banner11-top .swiper-slide:hover::before {
	border-top: 10px solid #bb1c14;
}
.c-banner11-top .swiper-slide-thumb-active,.c-banner11-top .swiper-slide:hover {
	background: #bb1c14;
	color: #fff;
}

.c-banner11-bottom .swiper-slide .c-wrap{
	margin: 0 -10px;
	padding: 45px 35px 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.c-banner11-bottom .swiper-slide .c-img-box {
	margin-bottom: 20px;
	padding: 0 10px;
	width:33%;

}
.c-banner11-bottom .swiper-slide .c-img-box .c-box{
	border: 1px solid #eeeeee;
	height: 100%;
	overflow: hidden;
}
.c-banner11-bottom .swiper-slide .c-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}














.footer{width:100%; margin-top:40px;  padding-top:40px; background:#f8f8f8; font-size:14px; line-height:26px; color:#666; height:auto;}
.footer h3{font-size:18px; color:#333; margin-bottom:15px;}
.footer em{width:40px; height:1px; background-color:#888; margin-bottom:20px; display:block;}
.footer .col-md-4 { width:25%; float:left;}
.footer .l_x{margin-bottom:25px; line-height:30px;}
.footer .s_j a{width:36px; height:36px; font-size:18px; text-align:center; line-height:32px; color:#666; display:block; float:left; margin-right:5px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.footer .s_j a:hover{ color:#000;}
.footer .t_p{}
.footer .t_p img{width:116px; margin-bottom:10px;}
.footer .x_x{margin-top:30px; padding:25px 0; border-top:1px solid #d5d5d5;}
.footer .x_x .l_f{float:left;}
.footer .x_x .r_t{float:right;}
.footer .x_x a{color:#666; padding-left:10px;}
.footer .x_x a:hover{color:#000;}
.footer .x_x span{padding-right:15px;}
.footer .col-md-41{ float:right; width:22%;}
.footer .col-md-42 {float:left; width: 16%; }
.footer .col-md-42 p a{ color:#666; line-height:28px;}
.footer .col-md-42 p a:hover { color:#000;}
.footer .lx{ width:50%; float:left; }
.footer .lx li{ width:50%; float:left; }
.footer .lx li img{ width:80%}
@media only screen and (max-width:992px){
.abccc iframe{width:100%; height:300px}



.footer{padding-top:40px; line-height:24px;}
.footer .col-md-4 { width:100%; float: none;}
.footer h3{font-size:18px;}
.footer em{width:30px; margin-bottom:30px;}

.footer .l_x{margin-bottom:20px; line-height:26px;}

.footer .x_x{margin-top:5px; padding:20px 0;}
.footer .x_x span{padding-right:10px;}
.footer .col-md-41{  width:100%; padding-left:0%;}
}
@media only screen and (max-width:640px){
.footer{margin-bottom:0px; text-align:center;}
.footer .col-sm-5{display:none;}
.footer em{margin:0 auto 20px;}
.footer .s_j{text-align:center; margin-bottom:30px;}
.footer .s_j a{display:inline-block; margin:0 10px; float:none;}

.footer .t_p{float:none; margin-top:30px; text-align:center;}
.footer .t_p img{width:116px; margin:0 auto 10px;}
.footer .x_x{text-align:center;}
.footer .x_x .l_f{float:none;}
.footer .x_x .r_t{float:none;}
.footer .col-md-41{}
.footer .col-md-42 {display:none; }
.footer .x_x span{display:inline-block; padding:0 5px;}
.footer .col-md-41{ width:100%; padding-left:0%;}
}






.nbanner{ width:100%; position:relative; height:auto; background:#000; overflow:hidden}
.nbanner img{ width:100%; height:auto; opacity:0.7}
.nnbt{ text-align:center; width:100%; position:absolute; top:50%;  left:0; z-index:2; color:#fff}
.nnbt h3{ display:block; font-weight:bold; font-size:30px; }
.nnbt em{ display:block; margin:5px auto; width:60px; height:2px; background:#fff;}
.nnbt p{ text-transform:uppercase }

  @media only screen and (max-width:992px){

 .nbanner{  height:180px; }
.nbanner img{ position:absolute; height:180px; width:auto; top:0; left:50%; transform:translateX(-50%); }

.nnbt h3{ display:block; font-weight:bold; font-size:20px; }

.nnbt p{ font-size:12px }
 
}


.ny_mb { width:100%; background:#f2f2f2; height:50px; line-height:50px; color:#333; font-size:15px; }
@media screen and (max-width:992px) {
.ny_mb { width:100%; background:#f2f2f2;font-size:14px; height:auto;line-height:40px; }
}


.ndh { width:90%; max-width:1500px;text-align:center; margin:40px auto; overflow:hidden; }
.ndh ul li { display:inline-block; width:auto; line-height:40px; font-size:16px; margin:10px 5px; color:#333; }
.ndh ul li a {font-size:15px; padding:0px 30px; color:#333; border:1px solid #ddd; line-height:40px;display:block; }
.ndh ul li:hover a { background:#000; display:block; color:#FFF; border:1px solid #000;}
.ndh ul li .on {background:#f2f2f2; display:block; color:#333; border:1px solid #f2f2f2;}
@media screen and (max-width:992px) {
.ndh { width:90%; margin:20px auto;}
.ndh ul li { display:inline-block; width:47%; float: left; line-height:40px; font-size:14px; margin:0 1.5% 3% 1.5%; color:#333; }	
.ndh ul li a {font-size:14px; padding:0px 0px;}
}


.ny_gy { width:90%; max-width:1500px; margin:30px auto; padding:0px 0px 50px 0px;}
.ny_gy .wz{ font-size:15px; line-height:28px; padding-bottom: 40px;}
.ny_gy img{ max-width: 1500px; height: auto; margin:20px auto; text-align:center; display:block;}
.ny_gy h1{ text-align:center; margin:30px auto;}



.zhengshu{width:100%;  overflow:hidden}
.zhengshu ul{margin:0 -15px; position:relative;}

.zhengshu ul li{float:left; width:25%; padding:0 15px; box-sizing:border-box; margin-bottom:35px;}
.zhengshu ul li .image_container{ width:100%; border:#e1e1e1 1px solid; background:#fff; padding-bottom:100%; position:relative; box-sizing:border-box}
.zhengshu ul li .image_container img{ position:absolute; max-width:100%; max-height:90%; top:45%; left:50%;  transform:translate(-50%,-50%)}


@media only screen and (max-width:992px){
.zhengshu ul li{float:left; width:50%; padding:0 15px; box-sizing:border-box; margin-bottom:35px;}

.zhengshu ul li .image_container img{ position:absolute; max-width:100%; max-height:90%; top:35%; left:50%;  transform:translate(-50%,-50%)}

}













@media screen and (max-width:1360px) {
.ny_gy { width:90%;}	
}
@media screen and (max-width:992px) {
.ny_gy { width:90%;}	
.ny_gy .wz{ padding-bottom: 20px; font-size:14px; }
.ny_gy img{ width:100%;}
.ny_gy h1{ text-align:center; margin:20px auto; font-size:18px;}

}






.ying{width:90%; max-width:1500px; margin:0px auto 50px auto;}
.ying ul{ position:relative; margin:20px 0px; padding-bottom:30px;}
.ying ul li{ float:left; width:25%;  padding:0 10px; box-sizing:border-box; margin-bottom:10px;}
	 .ying ul li .yingpic{ display:block; width:100%; padding-bottom:76.66%; position:relative; overflow:hidden; border:1px solid #e1e1e1;  }
	 .ying ul li .yingpic a{ border:1px solid #000; padding:20px 0px; }
	 .ying ul li .yingpic img{ position:absolute; width:100%; height:auto; top:0; left:0; transition:all 0.6s; border:1px solid #f00;}
	 .ying ul li .yingpic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
	
	 .ying ul li .yingzi{ padding:15px 10px; border:1px solid #f00;}
	 .ying ul li .yingzi h3{ font-size:17px;  text-transform:uppercase; text-align:center; }
	
.paging{width:100%; margin:30px auto; text-align:center; overflow:hidden;}
.paging a{line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:32px; height:32px; margin:0 3px; display:inline-block;}
.paging a:hover{background-color:#000; border:1px solid #000; color:#fff;}
.paging a.on{background-color:#000; border:1px solid #000; color:#fff;}

		@media only screen and (max-width:992px){
.ying ul li{  width:50%;padding:0 5px;}
.ying ul li .yingzi h3{ font-size:15px; }
 .ying ul li .yingzi p{  font-size:12px; line-height:22px; height:44px;}
		
	}
	


.xinwen{width:90%; margin:40px auto;max-width:1500px; }
.xinwen ul li { border-bottom:#ebebeb 1px solid; padding:20px 0;  position:relative; overflow:hidden}

.xinwen ul li i{ display:block; float:left; width:240px; height:auto; overflow:hidden}
.xinwen ul li i img{ width:100%; height:100%; transition:all 0.6s}
.xinwen ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.xinwen ul li .xwzi{ float:right; width:calc(100% - 400px)  }
.xinwen ul li  h3{ display:block; font-size:18px; color:#333; margin-bottom:15px; font-weight:normal; font-weight:bold;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden}
.xinwen ul li p{ display:block; color:#787878; font-size:14px; line-height:25px; max-height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden }

.xinwen ul li span{ line-height:30px; float:right; width:100px}
.xinwen ul li  .date2{ display:block; float:left; width:120px; float:left; color:#888;font-family:"Helvetica"; font-size:23px}

.xinwen ul li  .date2 em{ display:block; font-weight:bold; font-style:normal; color:#000; font-size:30px}


.xinwen ul li a{ display:block}

.xinwen ul li a:hover h3{ color:#000}

.more{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	
	color: #fff;
	padding:0;
	font-weight: 400;
	overflow: hidden;
	border-radius:0px;
	background-color: #000;
	text-transform: uppercase;
	z-index: 2;
	width:145px;
	text-align:center;
	margin-top:20px
}
.more a{ color:#fff; display:block}
.more a:hover{ color:#fff}
.more:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #f2e727;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}
.more:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

	
@media only screen and (max-width:992px){
	
.xinwen{ margin:20px auto }	
.xinwen ul li  .date2{ position:absolute; bottom:20px; left:220px; font-size:12px}
.xinwen ul li  .date2{ font-size:15px;}
.xinwen ul li  .date2 em{ font-size:15px; display:inline-block; padding-right:5px; font-weight:normal;}






.xinwen ul li { padding-bottom:30px;}
.xinwen ul li .xwzi{ float:right; width:calc(100% - 220px)  }	
.xinwen ul li i{  width:200px;  overflow:hidden}
.xinwen ul li  h3{  font-size:14px; margin-bottom:5px}
.xinwen ul li p{  font-size:13px; line-height:20px; max-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
.xinwen ul li span{ display:none}
	}
	

@media only screen and (max-width:600px){

.xinwen ul li i{ display:block; float:none; width:100%; height:auto; overflow:hidden}


.xinwen ul li .xwzi{ float:none; width:100%  }
.xinwen ul li  h3{ font-size:14px; margin-bottom:10px; margin-top:10px;}
.xinwen ul li p{ font-size:13px; line-height:20px; height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
.xinwen ul li  .date2{ position:absolute; bottom:5px; left:0px; font-size:15px}


	}
	


		/*联系*/
	
.lianxi{ margin:40px auto; overflow:hidden;width:90%;max-width:1500px;  }
.lx1{ float:left; width:45%;}
.lx1 h3{ font-size:25px; display:block; margin:25px 0; font-weight:bold; color:#080404}
.lx1 p{ display:block; margin-bottom:20px; font-size:16px;   position:relative; overflow:hidden}
.lx1 p i{ width:40px; font-size:20px; text-align:center; line-height:25px; color:#f2e727; font-style:normal; display:block; float:left}
.lx1 p em{ font-style:normal; display:block; float:right; width:calc(100% - 50px); line-height:25px }
#dituContent{ height:350px}

.lx2{ width:50%; float:right}
.lx3{ margin-top:50px}
.lx3 h3{ display:block; border-left:#080404 5px solid; color:#333; font-weight:normal; padding-left:5px; margin:15px 0; font-size:23px}
.lx3 ul li{ border-top:#e1e1e1 1px solid; padding:20px 0}
.lx3 ul li p{ display:block; font-size:16px; line-height:30px; color:#666}

.mr2 { width:160px; height:40px; background:#f2e727; text-align:center; line-height:40px; color:#080404; margin:30px auto; }
.mr2 a {color:#080404; font-size:14px;}
.mr2:hover a { background:#080404; color:#fff; font-size:14px; display:block;}
@media only screen and (max-width:992px){
	.lianxi{ margin:20px auto; overflow:hidden}
	
	.lx1{ float:none; width:100%;}
	.lx2{ width:100%; float:none}
	#dituContent{ height:200px}
	
	.lx1 h3{ font-size:18px; display:block; margin:25px 0; font-weight:bold; color:#080404}
.lx1 p{ display:block; margin-bottom:10px; font-size:13px;   position:relative; overflow:hidden}
.lx1 p i{ width:30px;  font-size:16px; }
.lx1 p em{ width:calc(100% - 35px); }

.lx3{ margin-top:20px}
.lx3 h3{  font-size:16px}
.lx3 ul li{ border-top:#e1e1e1 1px solid; padding:10px 0}
.lx3 ul li p{ display:block; font-size:13px; line-height:23px}

.mr2 { width:130px; height:40px; background:#f2e727; text-align:center; line-height:40px; color:#fff; margin:30px auto; }

	
}


.liuyan{ overflow:hidden;  padding:0px;width:90%;max-width:1500px;  margin:40px auto; box-sizing:border-box}

.liuyan ul li{ margin-bottom:15px; overflow:hidden}
.liuyan ul li p{ display:block; float:left; width:48%; margin-right:4%}
.liuyan ul li p:nth-child(2n){margin-right:0; }

.liuyan ul li em{ display:block;  font-size:16px; font-style:normal; line-height:40px}
.bd1{ width:100%; padding-left:10px; box-sizing:border-box; border:#e1e1e1 1px solid; height:35px; line-height:35px}
.liu{ width:100%; border:#e1e1e1 1px solid; box-sizing:border-box; padding:10px; line-height:25px; height:150px}
.tijiao{ margin:20px auto;text-align:center; display:block;   background:#f2e727; width:145px; line-height:45px; color:#fff;  border:0; border-radius:5px; color:#fff; font-size:16px;cursor:pointer}


@media only screen and (max-width:992px){
	
	.liuyan{ overflow:hidden;  padding:0px; box-sizing:border-box;margin:20px auto;}
	
	.liuyan ul li p{ display:block; float:none; width:100%; margin-right:0}
	.liuyan ul li em{ font-size:14px}
	
.liuyan ul li p:nth-child(2n){margin-right:0; }

.liu{ height:100px}
.tijiao{ width:120px; line-height:30px;font-size:14px;}

	
	
	}

.nmain {
	width: 90%;
	margin: 40px auto;
	max-width: 1500px;
}

.cpxq { overflow:hidden; margin-top:60px; width:100%; }
.cpxqtp { width:480px; float:left; border-right:#eee 1px solid; overflow:hidden; padding:10px;}


.tabbox1 {width:100%;height: auto;}
.tabmenu1 {width:100%;height:40px; border-bottom:#eee 1px solid;background:#c7c7c7;}
.tabmenu1 ul {margin:0;padding:0;list-style-type:none;}
.tabmenu1 li { text-align:center; float:left; display:block; width:255px; height:40px; overflow:hidden;background:#c7c7c7; line-height:40px; display:inline; font-size:18px;  color:#333333; border-right:#eee 1px solid}
.tabmenu1 .cli {text-align:center;float:left;display:block;width:255px;height:40px;overflow:hidden; background: url(../images/hover.png) top repeat-x;line-height:40px;display:inline;font-size:16px; cursor:pointer; color:#333333}
#tabcontent1 {width:100%;background-color:#fff;}
#tabcontent1 ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent1 .hidden {display:none;}
.xqms { line-height:30px; font-size:14px; padding:20px 0px 20px 0px;} 
.xqms img{ margin:20px auto; text-align:center; display:block;}
.xwxqnl { width:830px; float:left; border:#fff 1px solid; line-height:30px; padding:15px 0px; overflow:hidden; margin-top:30px;}
.xwxqnl h2 { font-size:16px; line-height:35px; text-align:center}
.xwxqnl p { line-height:30px; font-size:14px; text-indent:2em}
.xwxqnr { width:310px; border:#eee 1px solid; float:right; overflow:hidden; padding:0;margin-top:30px;}
.tabmenu1 .cli2 { border-right:none}
@media only screen and (max-width:992px){
	.cpxq { border:#eee 1px solid; overflow:hidden; margin-top:30px; width:100%; float:none;}

.tabmenu1 li { text-align:center; float:left; display:block; width:25%; height:38px; overflow:hidden;line-height:38px; display:inline; font-size:12px;  color:#333333; border-right:#eee 1px solid}
.tabmenu1 .cli {text-align:center;float:left;display:block;width:25%;height:38px;overflow:hidden; background: url(../images/hover.png) top repeat-x;line-height:38px;display:inline;font-size:14px; cursor:pointer; color:#333333}
.xqms { line-height:38px; font-size:13px; padding:10px;} 
	.xqms img{ width:100%;}
	}


.sq{ width:90%;  margin:20px auto 40px auto; overflow:hidden; max-width:1500px;}
.sq ul li  h1 {  height:70px;line-height:70px; font-size:16px; color:#333; background:url(../images/t34.png) left center no-repeat; padding-left:50px; border-bottom:#f1f1f1 solid 1px; }
.sq ul li  h1  span{ float:right; font-size:14px; color:#777}
.sq ul li:hover  h1 { color:#000; background:url(../images/t35.png) left center no-repeat; }

@media only screen and (max-width:992px){
.sq ul li  h1 {  height:60px;line-height:60px; font-size:15px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;  overflow: hidden;    }
.sq ul li  h1  span{ float:right; font-size:14px; color:#777}


.box{ float:left;}	
.boxx{ float:right;}	
	}