@charset "utf-8";html{font-size:62.5%}
body{margin:0 auto;font-family:Verdana,Geneva,sans-serif;font-size:1.2rem;font-size:12px;color:#000;background:url(../images/beijing.jpg)}
img{border:0}ul li{list-style-type:none}
ul,form,p,a,img,table,tr,td,li,dd,dt,dl{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:#4d4d4d}h1{margin:0;padding:0;font-weight:normal}
.clear{clear:both}.fl{float:left}.fr{float:right}
.co41{color:#41b3fa !important}
.cofc{color:#003d99}
.co4d{color:#4d4d4d}
input,textarea{background:#fff;font-family:Verdana,Geneva,sans-serif;font-size:12px}
::-webkit-input-placeholder{color:#4d4d4d}
:-o-placeholder{color:#4d4d4d}
::-moz-placeholder{color:#4d4d4d}:-ms-input-placeholder{color:#4d4d4d}

<!--header-->
.top{
	
	color: #555555;
}
.top .welcome{
	float: left;
}
.top .quick{
	float: right;
}
.top .quick span{
	display: inline-block;
	padding: 0 20px;
	border-right: 1px solid #c6c6c6;
}
.top .quick .quick_a a{
	display: inline-block;
	margin-right: 8px;
}
.top .quick .quick_a a:last-child{
	margin-right: 0;
}
.top .quick span:last-child{
	border-right: none;
	padding-right: 0;
}
.top .quick .quick_c{
	padding-left: 40px;
	background: url(../images/earth.png) no-repeat 20px center;	
}
.header{
	height: 118px;
}
.header .logo{
	display: block;
	width: 170px;
	height: 50px;
	float: left;
	margin-top: 30px;
}
.header .slogen{
	float: left;

	margin-left: 15px;
	background: url(../images/line.png) no-repeat left center;
	padding: 10px 0;
	padding-left: 22px;
}
.header .slogen h2{
	font-size: 24px;
	line-height: 20px;
	color: #000;
	letter-spacing: .5px;
}
.header .iden{
	float: left;
	margin-left: 60px;
	margin-top: 30px;
}
.header .slogen p{
    word-spacing: 1px;
    font-size: 16px;
    color: #2575d3;
}
.header .tel{
	float: right;
	padding-left: 56px;
	margin-top: 30px;

}
.header .tel h2{
	font-size: 18px;
	color: #555;
	line-height: 1;
}
.header .tel p{
	line-height: 1;
	font-size: 18px;
	color: #2575d3;
	margin-top: 3px;
}
.header .tel p span{
	color: #000;
    display: inline-block;
    width: 80px;
    text-align: right;
	}
@media (max-width: 1370px) {
	.header .iden{
		display: none;
	}
}
@media (max-width: 992px) {
	.top .quick{
		display: none;
	}
	.header .slogen{
		display: none;
	}
}
<!--end-->

<!--nav-->


nav{

} 

nav li{
	width: 18%;
	float: left;
	text-align: center;
	line-height: 50px;
	color: #fff;
	position: relative;
}
nav>ul>li::after{
	content: "";
	display: block;
	width: 1px;
	height: 26px;
	background: #2d8af6;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
}
nav>ul>li::before{
	content: "";
	display: block;
	width: 1px;
	height: 26px;
	background: #286ebf;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
}
nav li:first-child::before{
	display: none;
}
nav li:last-child::after{
	display: none;
}
nav li a{
	    font-size: 16px;
	color:#fff;
	display: block;
}
nav li.on,nav li:hover{
	background: #2d8af6;
	color: #fff;
}
nav li.on a,nav li:hover a{	
    text-decoration: none;
	color: #fff;
}
nav .pc_subnav{
	position: absolute;
	top: 100%;
	left: 0;
	width: 260px;
	z-index: 50;
	background: #2d8af6;
	font-size: 15px;	
	padding: 10px 0;
	display: none;
}
nav .pc_subnav li{
	float: none;
	width: 100%;
	line-height: 45px;
}
nav .pc_subnav li:hover{
	background: #2575d3;
}
@media (min-width: 960px) {
	.head{
		display: none;
	}
	.m_nav_list{
		display: none;
	}
}
/*手机导航开始*/
@media (max-width: 961px) {
	body{
		padding-top: 65px;
	}
	.top{
		display: none;
	}
	.header{
		display: none;
	}
	.logo{
		display: none;
	}
	nav{
		display: none;
	}
	.m_nav_con{
		position: fixed;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 999;
	}
	.m_nav{
	
		position: relative;
	}
	.m_logo{
		display: block;		
		margin:0 auto;
		height: 65px;
		float: left;
		padding-left: 15px;
		
	}
	.m_logo img{
		    margin-top: 20px;

    width: 80px;
    height: 40px;
	}
	.m_nav .nav_button{
		display: block;
		position: absolute;
		height:25px;
		width: 35px;
		right: 25px;
		top: 22px;
	}
	.m_nav .nav_button::after{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		background: #000;
		bottom: 0;
		left: 0;
		transition:all 0.3s;
	}
	.m_nav .nav_button::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		background: #000;
		top: 0;
		left: 0;
		transition:all 0.3s;
	}
	.m_nav .nav_button span{
		display: block;
		height:2px;
		width: 100%;
		background: #000;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1px;
	}
	.m_nav .nav_button.on span{
		opacity: 0;
	}
	.m_nav .nav_button.on::after{
		transform: rotate(-45deg);
		top: 50%;
	}
	.m_nav .nav_button.on::before{
		transform: rotate(45deg);
		top: 50%;
	}	
	.m_nav_list{
		position: fixed;
		top: 85px;
		max-width: 80%;
		width: 100%;		
		bottom: 0;
		overflow: hidden;
		font-size: 12px;
		transition:all 0.5s;
		left: -100%;
		z-index: 999;
		
	}
	.m_nav_list.on{
		transition-delay: 0.2s;
		left: 0;
	}
	.m_search{
		background: #efefef;
		padding: 10px;
	}
	.m_search .inner{
		width: 100%;
		background: #fff;
		height: 32px;
		border-radius: 16px;
		overflow: hidden;
	}
	
	.m_search input[type="submit"]:active{
		background-color: #ddd;
	}
	.m_search input[type="text"]{
		height: 100%;
		width:calc(100% - 45px);
		float: left;
		border:none;
		outline: none;
		text-indent: 10px;
		text-align: center;
	}
	.m_nav_list{
		border-right: 1px solid #efefef;
	}
	.m_nav_list li{
		padding: 15px 0;
		background: #fff;
		border-bottom: 1px solid #efefef;
		padding-left: 20px;
		position: relative;		
	}
	.m_nav_list li a{
		display: block;
	}
	.m_nav_list li .m_next{
		display: block;
		width: 50px;
		height: 100%;
		border-left: 1px solid #efefef;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
	}
	.m_nav_list li .m_next::after{
		content: "";
		display: block;
		height: 0;
		width: 0;
		border:4px solid transparent;
		border-left-color:#000;
		position: absolute;
		top: 50%;
		margin-top: -4px;
		left: 50%;
		margin-left: -4px; 
	}
	.m_nav_list li .m_next:active{
		background:#efefef;
	}
	.m_nav_list ul{
		background: #fff;
		height: 100%;	
		position: absolute;
		width: 100%;	
	}
	.m_nav_list ul.first_list{
		top: 0;
		left: 0;
	}
	.m_nav_list .second_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.m_nav_list .third_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.m_nav_list .forth_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.m_nav_list .fifth_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.nav_box{
		transition:all 0.3s;
	}
	.m_nav_title{
		height: 52px;
		background: #2d8af6;
		text-align: center;
		line-height: 52px;
		font-size: 16px;
		position: relative;
		cursor: pointer;
		color: #fff;
	}
	.m_nav_title span{
		display: block;
		width: 52px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.m_nav_title span::before{
		content: "";
	    border-top: 2px solid transparent;
	    border-left: 2px solid transparent;
	    display: block;
	    width: 8px;
	    height: 8px;
	    margin: auto;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    border-color: #fff;
	    -ms-transform: rotate(-45deg);
    	transform: rotate(-45deg);
    	left: 50%;
	}
	.nav_box ul.ztop{
		z-index: 99;
	}
	.phonemask{
		display: block;
		position: fixed;
		z-index: 990;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		display: none;
	}
	html.oh,body.oh{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
}
<!--end-->

<!--banner-->

     .swiper-container {
      width: 100%;
      height: 100%;
    }
    .banner .swiper-slide {
 
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.banner img{
		width: 100%;
	}
	
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
	
	
/* banner 结束 */



.index_tag{
	width: 1175px;
	max-width: 100%;
	margin:0 auto 47px;
}
.index_tag li{
	width:14.2857%;
	float: left;
	text-align: center;
	padding: 0 10px;
}
.index_tag li span{
	display: block;	
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background: #7c7c7c;
	cursor: pointer;
}
.index_tag li.on span{
	background: #2575d3;
	color: #fff;
}
.index_boxes .box{
	display: none!important;
}
.index_boxes .box:first-child{
	display: block!important;
}
.index_boxes li{
	/*width: 20%;*/
	/*float: left;*/
	/*padding: 0 13px;*/
	margin-bottom: 40px;
	font-size: 18px;
}
.index_boxes li a{
	display: block;
	width: 100%;
	
}
.index_boxes li a img{
	display: block;
	width: 100%;
	border:1px solid #dddddd;
	margin-bottom: 20px;
	transition:all 0.3s;
}
.index_boxes li a p{
	text-align: center;
	transition:all 0.3s;
}
.index_boxes li a:hover img{
	box-shadow: 0px 0px 13px 0px rgba( 0, 0, 0,.3 );
}
.index_boxes li a:hover p{
	font-weight: bold;
	color: #121212;
}
@media (max-width: 992px) {
	.index_tag li{
		float: none;
		display: inline-block;
		width: 24%;
	}
	.index_tag{
		text-align: center;
	}
	.index_tag li{
		margin-bottom: 15px;
	}
}
@media (max-width: 768px) {
	.index_tag li{
		float: none;
		display: inline-block;
		width: 49%;
	}
	.index_tag{
		margin-bottom: 20px;
	}
	.index_boxes li{
		/*width: 50%;*/
		padding: 0 5px;
		margin-bottom: 25px;
	}
	.index_boxes li a img{
		margin-bottom: 10px;
	}
	.index_boxes li a p{
		font-size: 16px;
	}
}
.index_adv{
	background: url(../images/ys-bj1.png) no-repeat center/cover;
	padding-bottom: 100px;

}
.index_adv img:hover{
	transform: scale(1.06);
}
.index_adv .scxc span{
	color: #fff;
}
.index_adv .scxc h2{
	color: #fff;
}
.index_adv .scxc div{
	background: #fff;
}
.index_adv .scxc{
	padding-top: 60px;
	padding-bottom: 45px;
}
.swiper_adv{
	width: 1360px;
	max-width: 96%;
	margin:0 auto;
	text-align: center;
	font-size: 22px;
	color: #fff;
}
.index_adv img{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.index_adv .swiper_adv span{
	font-size: 30px;
	display: inline-block;
	margin-right: 8px;
}
.s10xc_bj{
	background: url(../images/bg_pro.jpg) no-repeat center/cover;
}
.news_list{
	width: 47%;
	float: left;
	margin-bottom: 50px;
}
.news_list:last-child{
	float: right;
}
.news_list .class_title{
	display: block;
	width: 100%;
	border-bottom: 2px solid #e0e0e0;
	line-height: 60px;
	font-size: 24px;
	padding-left: 2px;
	position: relative;	
	margin-bottom: 44px;
}
.news_list .class_title::after{
	content: "";
	display: block;
	height: 2px;
	width: 117px;
	background: #2575d3;
	bottom: -2px;
	position: absolute;
}
.news_list .class_title a{
	font-size: 16px;
	float: right;
}
.news_list .top_news a{
	display: block;
}
.news_list .top_news .img_box{
	overflow: hidden;
	width: 55%;
	height: 171px;
	float: left;	
}
.news_list .top_news .img_box span{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	width: 100%;
	height: 171px;
	float: left;
	transition:all 0.3s;
}
.news_list .top_news .txt{
	width: 45%;
	float: left;
	overflow-y: hidden;
	padding-left: 20px;
}
.news_list .top_news a:hover span{
	transform: scale(1.1);
}
.news_list .top_news h1{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list .top_news p{
	font-size: 14px;
	color: #888888;
	margin-bottom: 15px;
}
.news_list .top_news .des{
	font-size: 14px;	
	line-height: 26px;
	height: 104px;	
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 4;	
}
.news_list .n_li{
	margin-top: 30px;
	position: relative;
}
.news_list .n_li a{
	display: block;
	border:1px solid #d9d9d9;
	padding: 12px 18px 12px 60px;
}
.news_list .n_li a:hover{
	border:1px solid #2575d3;

}
.news_list .n_li a:hover h1{
	color: #2575d3;
}
.news_list .n_li h1{
	line-height: 1;
	font-size: 16px;
	margin-bottom: 10px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list .n_li p{
	line-height: 1;
	color: #999999;	
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list .n_li .txt{
	padding-left: 18px;
	border-left: 1px solid #efefef;
}
.news_list .n_li span{
	display: block;
	position: absolute;
	width: 60px;
	height: 40px;
	left: 1px;
	top: 50%;
	margin-top: -20px;
	text-align: center;	
	padding-top: 25px;
	line-height: 1;
	color: #999999;
	background: url(../images/car.jpg) no-repeat center 0px;
}
@media (max-width: 768px) {
	.news_list{
		width: 100%;
		float: none;
	}
	.news_list .top_news .img_box{
		width: 100%;
		float: none;
	}
	.news_list .top_news .txt{
		width: 100%;
		float: none;
		padding-left: 0;
		margin-top: 25px;
		height: auto;
	}
}
footer{
	background: #1f2024;
	color: #fff;
	padding-top: 55px;
}
footer ul{
	float: left;
	width:calc(100% / 6);
}
footer ul:nth-last-child(1){
	width: 20%;
}
footer ul:nth-last-child(2){
	width: 13%;
}
footer ul .t{
	font-size: 16px;
	margin-bottom: 16px;
}
footer ul a{
	display: block;
	line-height: 24px;
	font-size: 14px;
}
footer ul img{
	display: block;
	max-width: 100%;
	margin-top: 20px;
}
footer .line{
	height: 1px;
	width: 100%;
	background: #3c3c42;	
	opacity: 0;
	margin-top: 0;
}
footer .fr_link{
	margin-top: 60px;
	color: #e2e2e2;
	font-size: 15px;
}
footer .fr_link a{
	display: inline-block;
	margin-right: 9px;
	padding-right: 9px;
	border-right: 1px solid #e2e2e2;
}
footer .fr_link a:last-child{
	border-right: none;
}
footer .f_copy{
	padding-top: 10px;
	padding-left: 10px;
	color: #acacac;
	padding-bottom: 10px;
}
footer .f_copy span{
	display: inline-block;
	margin-right: 40px;
	line-height: 30px;
}
footer .share {
	float: right;
}
footer .share a{
	display: block;
	width: 30px;
	height: 30px;
	background: red;
	border-radius: 50%;
	float: left;
	margin-left: 12px;
}
footer .share a:nth-child(1){
	background: url(../images/icon_weibo.png) no-repeat center;
}
footer .share a:nth-child(2){
	background: url(../images/icon_weibo2.png) no-repeat center;
}
footer .share a:nth-child(3){
	background: url(../images/icon_renren.png) no-repeat center;
}
@media (max-width: 992px) {
	footer .foot_nav{
		display: none;
	}
	footer .fr_link{
		margin-top: 15px;
	}
	footer{
		padding-top: 5px;
	}
}
@media (max-width: 768px) {
	footer .fr_link{
		display: none;
	}
	footer{
		padding-bottom: 15px;
	}
}
.sub_banner img{
	display: block;
	width: 100%;
}
.sub_con{
	width: 1360px;
	max-width: 100%;
	margin:0 auto;
	padding-top: 60px;
	padding-bottom: 70px;
	position: relative;	
}
.sub_con .sub_left{
	width: 245px;
	float: left;
}
.pro_nav{
	border:2px solid #2575d3;
	margin-bottom: 40px;
}
.pro_nav img{
	display: block;
	width: 100%;
	margin-bottom: 29px;
}
.pro_nav>ul{
	padding-left: 18px;	
	font-size: 18px;
	color: #000;
	padding-right: 18px;
}
.pro_nav>ul>li{
	margin-bottom: 5px;
}
.pro_nav>ul>li>a{
	display: block;
	padding-right: 20px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pro_nav a{
	display: block;
}
.pro_nav a span{	
	display: block;	
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
}
.pro_nav a:hover{
	color: #2575d3;
	
}
.pro_nav>ul>li>a::before{
	content: "";
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;   
    border-color: #6f6f6f;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 5px;
    top: 50%;
    margin-top: -5px;
    transition:all 0.3s;
}

.pro_nav>ul>li a.on::before{
	-ms-transform: rotate(225deg);
    transform: rotate(225deg);
    border-color: #2575d3;
}
.pro_sub{
	padding-left: 25px;
	font-size: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #444;
}
.pro_sub li{		
	position: relative;
}
.pro_sub li a{	
	display: block;
	position: relative;
}
.pro_sub li a::after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border:2px solid #dbdbdb;
	position: absolute;
	top: 50%;
	margin-top: -4.5px;
	left: -20px;
}
.pro_sub{
	display: none;
}
.pro_sub .pro_sub{
	font-size: 15px;
	color: #666666;
}
.pro_sub .pro_sub .pro_sub{
	font-size: 14px;
	color: #888888;
}
.pro_sub .pro_sub .pro_sub a{	
	position: relative;
	z-index: 30;
}
.pro_sub .pro_sub .pro_sub a span{
	display: block;
	position: relative;
	z-index: 5;
	overflow: hidden;

}
.pro_sub  li span::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 35px;
	top: 0;
	background: #2575d3;
	z-index: -1;
	display: none;
	
}
.pro_sub  li span{
	overflow: hidden;
}
.pro_sub  li span::before{
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border:20px solid red;
	right: -5px;
	top: 50%;
	margin-top: -20px;
	border-color:transparent transparent transparent #2575d3;
	z-index: -1;
	display: none;
	
}
.pro_sub  a:hover{
	background: none;
	color: inherit;
}
.pro_sub  li:hover{
	color: #fff;
}
.pro_sub>li:hover>a>span::before,.pro_sub>li:hover>a>span::after{
	display: block;
}
.pro_nav>ul>li:first-child>.pro_sub{
	display: block;
}
.pro_nav>ul>li:first-child>.pro_sub .pro_sub{
	display: block;
}
.pro_nav>ul>li:first-child>.pro_sub>li:first-child>.pro_sub>li:first-child>.pro_sub{
	display: block;
}

.left_contact{
	width: 100%;
	border:1px solid #dddddd;
	position: relative;
	padding: 31px 14px 38px 20px;
}
.left_contact::after{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #2575d3;
	position: absolute;
	top: 0px;
	left: 0;
}
.left_contact h1{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.left_contact p{
	font-size: 14px;
	font-weight: bold;
	color: #888888;
	margin-bottom: 25px;
}
.left_contact h2{
	padding-left: 32px;
	/*font-size: 22px;*/
	font-size: 18px;
	
	color: #2575d3;
	font-weight: bold;
	background:url(../images/icon_tel.png) no-repeat left center;
}
.left_contact h3{
	font-size: 16px;
	color: #2575d3;
	padding-left: 32px;
	line-height: 25px;
	background:url(../images/icon_fax.png) no-repeat left center;
	margin-top: 10px;
}
.left_contact h4{
	font-size: 16px;
	color: #2575d3;
	padding-left: 32px;
	line-height: 25px;
	background:url(../images/icon_email.png) no-repeat left center;
	margin-top: 17px;
	word-break: break-word;
}
.sub_right{
	width:calc(100% - 285px);
	float: right;	
}
.sub_right .right_t{	
	padding-bottom: 15px;
	line-height: 25px;
	margin-bottom: 40px;
	border-bottom: 1px solid #eaeaea;
}
.sub_right .right_t span{
	float: left;
	font-size: 18px;
	color: #555555;
}
.sub_right .right_t .position{
	float: right;
	font-size: 14px;
	color: #999999;
	position: relative;
	padding-left: 20px;
}
.sub_right .right_t .position::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	border:1px solid #2f7bd5;
}
.sub_right .right_t .position a:hover{
	color:#2d8af6;
}
.product_list li{
	width:calc(100% / 4 - 18px);
	float: left;	
	margin-right: 24px;
	margin-bottom: 40px;
}
.product_list li .img_box{
	width: 100%;
	height: 275px;
	overflow: hidden;
	border:1px solid #dddddd;
}
.product_list li .img_box span{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	transition:all 0.5s;
}
.product_list li .img_box:hover span{
	transform: scale(1.1);
}
.product_list li p{
	text-align: center;
	font-size: 18px;
	color: #121212;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 18px;
}
.product_list li:hover p{
	color: #2575d3;
}
.product_list li:nth-child(4n){
	margin-right: 0;
}
.pages{
	text-align: center;
	padding-top: 20px;
}
.pages a{
	display: inline-block;
	background: #f6f7f6;
	line-height: 1;
	padding: 8px 10px;
	color: #5d5e5d;
	margin:0 4px;
	transition:all 0.3s;
}
.pages a.on,.pages a:hover{
	color: #fdfdfd;
	background: #6c6c6c;
}
@media (max-width: 1360px) {
	.sub_con{
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media (max-width: 992px) {
	.sub_con .sub_left{
		display: none;
	}
	.sub_right{
		width: 100%;
	}
}
@media (max-width: 768px) {
	.sub_con{
		padding-top: 25px;
	}
	.sub_right .right_t span{
		display: block;
		float: none;
	}
	.sub_right .right_t .position{
		display: block;
		float: none;
		margin-top: 10px;
	}
	.sub_right .right_t{
		margin-bottom: 30px;
	}
	.product_list li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 18px;
	}
	.pages a{
		margin:0;
		padding: 8px 9px;
	}
}

.normal_left_nav{
	border-radius: 5px;
	overflow: hidden;
	border:2px solid #2575d3;
	margin-bottom: 38px;
}
.normal_left_nav .title{
	line-height: 59px;
	background: url(../images/title_bg.jpg) no-repeat center/cover;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.normal_left_nav ul{
	padding: 29px 75px 19px 18px;
}
.normal_left_nav ul li{
	line-height: 30px;
	margin-bottom: 15px;
	position: relative;	
}
.normal_left_nav ul li a{
	display: block;
	padding-left: 36px;
	position: relative;
	font-size: 18px;
	color: #000000;
	position: relative;
	z-index: 5;
}
.normal_left_nav ul li a::after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border:2px solid #dadada;
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: -4.5px;
}
.normal_left_nav ul li.on,.normal_left_nav ul li:hover{
	background: #2575d3;
}
.normal_left_nav ul li.on:after,.normal_left_nav ul li:hover::after{
	content: "";
	display: block;
	height: 0;
	width: 0;
	border:15px solid #000;
	position: absolute;
	border-color:transparent transparent transparent #2575d3;
	right: -30px;
	top: 0;
}
.normal_left_nav ul li.on a,.normal_left_nav ul li:hover a{
	color: #fff;
}
.about_contain .about_img{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.about_contain .about_t{
	font-size: 16px;
	color: #555555;
	text-align: justify;
	line-height: 28px;	
}
.contact_contain .contact_t{
	padding-top: 52px;
	margin-bottom: 30px;
}
.contact_contain .contact_t li{
	float: left;
	width: calc(100% / 4 - 18px);
	margin-right: 24px;
	border:5px solid #f4f4f4;
	padding-top: 50px;
	border-radius: 8px;
	padding-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}
.contact_contain .contact_t li:last-child{
	margin-right: 0;
	text-align: center;
}
.contact_contain .contact_t li span{
	border:5px solid #f4f4f4;
	display: block;
	border-radius: 50%;
	height: 92px;
	width: 92px;
	background: #fff url(../images/icon_c1.png) no-repeat center;
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -46px;
}
.contact_contain .contact_t li:nth-child(2) span{
	background-image: url(../images/icon_c2.png);
}
.contact_contain .contact_t li:nth-child(3) span{
	background-image: url(../images/icon_c3.png);
}
.contact_contain .contact_t li:nth-child(4) span{
	background-image: url(../images/icon_c4.png);
}
.contact_contain .contact_t li p{
	font-size: 15px;
	line-height: 18px;
	height: 54px;
	text-align: center;
	word-break: break-all;
}
#allmap{
	height: 462px;
	border:5px solid #ffffff;
}
.wp-baidumap_content{
	padding: 17px;
	background: #f4f4f4;
	border-radius: 10px;
}
.wp-baidumap_content *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.BMapLib_bubble_content{
	height:auto !important;
}
@media (max-width: 768px) {
	.contact_contain .contact_t li{
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 70px;
	}
	.contact_contain .contact_t{
		margin-bottom: 0;
	}
	.wp-baidumap_content{
		padding: 5px;
	}
}
.message_contain{
	background: #f4f4f4;
	padding: 15px;
	border-radius: 10px;
}
.message_contain .right{
	width: 50%;
	float: left;
	background: #fff;
	padding: 20px;
}
.message_contain  .form_row{
	margin-bottom: 20px;
}
.message_contain  .form_row input{
	height: 59px;
	width: 100%;
	text-indent: 20px;
	border:1px solid #e6e6e6;
	font-size: 16px;
	
}
.message_contain  .form_row textarea{
	height: 100px;
	width: 100%;
	text-indent: 20px;
	border:1px solid #e6e6e6;
	font-size: 16px;
	
}

.message_contain   input::-webkit-input-placeholder {
		color: #888;
	}
.message_contain   input:-ms-input-placeholder { 
		color: #888;
	}
.message_contain   input:-moz-placeholder { 
		color: #888;
	}
.message_contain   input::-moz-placeholder { 
		color: #888;
	}
.message_contain  .form_row textarea::-webkit-input-placeholder {
		color: #888;
	}
.message_contain  .form_row textarea:-ms-input-placeholder { 
		color: #888;
	}
.message_contain  .form_row textarea:-moz-placeholder { 
		color: #888;
	}
.message_contain  .form_row textarea::-moz-placeholder { 
		color: #888;
	}
.message_contain  .form_row_code input{
	height: 59px;
	width: 60%;
	text-indent: 20px;
	border:1px solid #e6e6e6;
	font-size: 16px;
	float: left;
}
.code{
	float: left;
	width: 40% !important;
	margin-top: 10px;
	padding-left: 15px;
}
#code{
	width: 89px;
	height: 40px;
	display: inline-block;
}
.message_contain #submit{
	width: 100%;
	height: 60px;
	color: #fff;
	background: #2575d3;
	border:none;
	font-size: 22px;
	margin-top: 20px;
}
.message_contain .left{
	width: 50%;
	float: left;
	height: 462px;
	background: url(../images/banner_message.jpg) no-repeat center/cover;
}
.message_contain .form_row:nth-child(1) input{
	background: url(../images/icon_person.png) no-repeat right 20px center;
}
.message_contain .form_row:nth-child(2) input{
	background: url(../images/icon_telb.png) no-repeat right 20px center;
}
.message_contain .form_row:nth-child(3) textarea{
	padding-top: 15px;
	background: url(../images/icon_message.png) no-repeat right 20px  top 15px;
	padding-right: 50px;
}
@media (max-width: 992px) {
	.message_contain .left{
		width: 100%;
	}
	.message_contain .right{
		width: 100%;
	}
}
@media (max-width: 768px) {
	.message_contain .left{
		height: 200px;
	}
	.message_contain{
		padding: 2px;
	}
	.message_contain .right{
		padding: 20px;
		padding-top: 25px;
	}
	.message_contain .form_row input{
		height: 49px;
	}
	.message_contain .form_row_code input{
		height: 49px;
	}
	.code{
		margin-top: 0;
	}
	#code{
		display: block;
	}
	.message_contain #submit{
		height: 50px;
	}
}
.news_swiper .img_box{
	width: 50%;
	height: 260px;
	background: #000;
	float: left;
}
.news_swiper .img_box span{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.news_swiper .t_box{
	padding: 25px;
	width: 50%;
	float: left;
	background: #f2f2f2;
}
.news_swiper .t_box .date{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	padding-left: 24px;
	background: url(../images/icon_clock.png) no-repeat left center;
}
.news_swiper .t_box .title{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-top: 8px;
	margin-bottom: 20px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_swiper .t_box .des{
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 4;
}
.news_swiper .t_box .more{
	font-size: 13px;
	color: #999999;
	text-transform: uppercase;
	margin-top: 18px;
}
.news_swiper .swiper-pagination{
	position: static;
	margin-top: 30px;
	margin-bottom: 30px;
}
.news_swiper .swiper-pagination-bullet{
	width: 30px;
	height: 3px;
	background: #cccccc;
	border-radius: 0;
	opacity: 1;
}
.news_swiper .swiper-pagination-bullet-active{
	background: #2575d3;
}
@media (max-width: 768px) {
	.news_swiper .img_box{
		width: 100%;
		height: 150px;
		float: none;
	}
	.news_swiper .t_box{
		width: 100%;
		float: none;
		padding-right: 20px;
		padding-left: 20px;
	}
	.news_swiper .swiper-pagination{
		margin-top: 15px;
		margin-bottom: 15px;
	}
}
.in_news .news_list{
	width: 100%;
	float: none;
}
.in_news  .news_list .n_li p{
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2;
	line-height: 25px;
	height: 50px;
	white-space: pre-wrap;
}
.in_news  .news_list .n_li a{
	transition:all 0.3s;
}
.in_news  .news_list .n_li:hover a{
	box-shadow: 0 8px 15px #ddd;
	border-color:#2575d3;	
}
.in_news  .news_list .n_li:hover h1{
	color: #2575d3;
}

.pro_in_contain .p_t  .left{
	width: 50%;
	float: left;
}
.pro_in_contain .p_t  .left .view{
	border:1px solid #dddddd;
}
.pro_in_contain .p_t  .left .view .img_box{
	height: 515px;	
}
.pro_in_contain .p_t  .left .preview .swiper-slide{
	width: 33.33333333%;
}
.pro_in_contain .p_t  .left .preview{
	padding-right: 55px;
	padding-left: 55px;
}
.pro_in_contain .p_t  .left .preview .img_box{
	height: 108px;
	border:1px solid #dddddd;
}
.pro_in_contain .p_t  .left .img_box span{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.pc-slide {

	width: 100%;

	margin: 0 auto;

}

.pc-slide img{

	display: block;

	width: 100%;

}

.view .swiper-container {

	width: 100%;	

}



.view .arrow-left {

	background: red;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -43.5px;

	width: 51px;

	height: 87px;

	z-index: 10;
	display: none;

}



.view .arrow-right {

	background: red no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -43.5px;

	width: 51px;

	height: 87px;

	z-index: 10;
	display: none;

}



.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}



.preview .swiper-container {

	width: 100%;

	

	margin-left: 0;

}



.preview .swiper-slide {

	/*width: 190px;	*/

	cursor:pointer;

}

.preview .swiper-slide  img{

	display: block;

	width: 100%;

}

.preview .swiper-slide{

	padding-right: 6px;

	padding-left: 6px;

}



.preview .arrow-left {

	background:url(../images/icon_ll.jpg) red no-repeat left top;

	position: absolute;

	left: 0;

	top: 0;

	width: 35px;

	height: 107px;

	z-index: 10;

	display: block;

}


.preview {
	position: relative;
}
.preview .arrow-right {
	
	background: url(../images/icon_rr.jpg) no-repeat left bottom;

	position: absolute;

	right: 0;

	top: 0;

	width: 35px;

	height: 107px;

	z-index: 10;

	display: block;

}



.preview img {

	padding: 1px;

}



.preview .active-nav img {

	padding: 0;

	border: 1px solid #F00;

}

.image_con{

	padding-top: 40px;

	padding-bottom: 100px;

}

.image_con .title{

	font-size: 24px;

	margin-bottom: 15px;

	font-weight: bold;

	color: #4d4d4d;

	text-align: center;

}

.image_con .date{

	text-align: center;

	font-size: 16px;

	color: #4d4d4d;

	margin-bottom: 20px;

}

.pro_in_contain .p_t  .right{
	width: 50%;
	float: left;
	padding-left: 40px;
}
.pro_in_contain .p_t  .right .title{
	line-height: 72px;
	color: #333333;
	font-size: 28px;
	border-bottom: 1px dashed #bbbbbb;
	margin-bottom: 25px;
}
.pro_in_contain .p_t  .right .des{
	line-height: 34px;
	font-size: 15px;
	color: #555555;
}
.pro_in_b{	
	margin-top: 50px;
	border:1px solid #dbdbdb;
	padding-bottom: 100px;
}
.pro_in_b .title{
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	background: #2575d3;
	margin-bottom: 30px;
}
.pro_in_b .title span{
	display: block;
	width: 145px;
	background: #2d8af6;
	text-align: center;
}
.pro_in_b .des{
	padding-right: 30px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #555555;
}
.pro_in_b .des .t{
	font-size: 18px;
	color: #2575d3;
	margin-bottom: 20px;
}
@media (max-width: 768px) {
	.pro_in_contain .p_t .left{
		width: 100%;
	}
	.pro_in_contain .p_t .right{
		width: 100%;
		padding-left: 0;
	}
	.pro_in_contain .p_t .left .view .img_box{
		height: 250px;
	}
	.pro_in_contain .p_t .left .preview{
		padding-right: 35px;
		padding-left: 35px;
	}
	.pro_in_b .des{
		padding-right: 10px;
		padding-left: 10px;
	}
}








/*企业文化*/
.full-row {
    width: 100%;
    transition: .2s width ease;
}

.full-row::after {
    content: "";
    display: block;
    clear: both;
}
.full-row>[class*='span'] {
    float: left;
}
.full-row>.span-5 {
    width: 41.66666667%;
}
.full-row>.span-7 {
    width: 58.33333333%;
}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}


img._full {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
.about_qywh .part01{
	margin-top: 50px;
}
.about_qywh .part01 .part01_content ._left{background: #F7F7F7;}
.about_qywh .part01 .part01_content ._left ._left_cont{padding: 24px 70px;}
.about_qywh .part01 .part01_content ._left ._left_cont ._title{padding: 16px 0;font-size: 25px;}
.about_qywh .part01 .part01_content ._left ._left_cont ._content{text-indent: 28px;}
.about_qywh .part01 .part01_content ._left ._left_cont ._title_footer{padding: 19px 0;font-size: 18px;padding-left:28px;}
.about_qywh .part02{margin-top: 50px;}
.about_qywh .part02 .part02_content ._right{background:#F7F7F7;min-height:309px;}
.about_qywh .part02 .part02_content ._right ._right_cont{padding: 24px 70px;}
.about_qywh .part02 .part02_content ._right ._right_cont ._title{padding: 16px 0;font-size: 25px;}
.about_qywh .part02 .part02_content ._right ._right_cont ._title_footer{padding: 19px 0;font-size: 18px;}
.about_qywh .part02 .part02_content ._right ._right_cont ._title_footer ._content_t04{font-size:13px;margin-left:10px;font-weight:normal;}
.about_qywh .part02 .part02_content ._content ._content_t01{font-size:18px;font-weight:bold;margin-right:10px;}

.about_qywh .part03{margin-top:50px;margin-bottom:30px;}
.about_qywh .part03 ul{width:105%;}
.about_qywh .part03 li{float:left;width:30%;margin-right:5%;}
.about_qywh .part03 li .list_box{border-right:1px #b8b8b8 dotted;padding:40px 45px 40px 0px;}
.about_qywh .part03 li .list_box_main{position:relative;}
.about_qywh .part03 .img_cover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;top:0;left:0;}
.about_qywh .part03 .img_cover_box{padding:20px 60px;font-weight:bold;text-align:center;color:#fff;}
.about_qywh .part03 .img_ico{width:100px;height:100px;background:url(../images/about_wenhua_part2_ico.png) no-repeat;display:block;margin:0 auto;}
.about_qywh .part03 .li2 .img_ico{background-position:-100px 0px;}
.about_qywh .part03 .li3 .img_ico{background-position:-200px 0px;}
.about_qywh .part03 .li1 .img_cover{background:url(../images/blue_8.png);}
.about_qywh .part03 .li2 .img_cover{background:url(../images/green_8.png);}
.about_qywh .part03 .li3 .img_cover{background:url(../images/brown_8.png);}
.about_qywh .part03 li .img_title{font-size:20px;}
.about_qywh .part03 li .img_p{font-size:15px;}
.about_qywh .part03 .li2,.about_qywh .part03 .li3{margin-right:0}
.about_qywh .part03 .li3 .list_box{padding:40px 0px 40px 45px;border:none;}

.part01,.part02{
	background: #F7F7F7;
}
@media only screen and (max-device-width: 1024px){
.full-row>.midd-12 {
    width: 100%;
}

.about_qywh .part03 .img_cover_box {
    padding: 0;
}
}
 
@media screen and (max-width: 760px){
.about_qywh .part01 .part01_content ._left ._left_cont, .about_qywh .part02 .part02_content ._right ._right_cont {
    padding: 20px;
}
.about_qywh .part03 li {
    width: 100%;
    margin: 0;
}

.about_qywh .part03 li .list_box {
    border: none;
}

.about_qywh .part03 .img_ico {
    margin: 10px auto;
}

.about_qywh .part03 li .list_box, .about_qywh .part03 .li3 .list_box {
    padding: 20px 0px;
}
.about_qywh .part03 ul {
    width: 100%;
}

.about_qywh .part03 {
    margin-top: 20px;
    margin-bottom: 0px;
}
}



/*2019/2/25*/
.index_pro_swiper .swiper-wrapper{
    -webkit-transition-timing-function:linear!important;
    -moz-transition-timing-function:linear!important;
    -ms-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
    /*margin: 0 auto;*/ 
}
.index_boxes .box{
	position: relative;
}
.index_boxes .swiper-button-prev,.index_boxes .swiper-button-next{
	margin-top: -45px;
}
.index_boxes .swiper-button-prev{
	left: -50px;
}
.index_boxes .swiper-button-next{
	right: -50px;
}

@media only screen and (max-width:1024px) {
	.index_boxes .swiper-button-prev{
	left: -30px;
}
.index_boxes .swiper-button-next{
	right: -30px;
}
}
@media only screen and (max-width:960px) {
	.index_boxes .swiper-button-prev{
	left: -5px;
}
.index_boxes .swiper-button-next{
	right: -5px;
}
.index_boxes .box{
	padding: 0 20px;
}
}

<!--产品中心-->
/*product_info css*/
l .list{width:300px;float:left;margin-left:30px;display:inline;padding-top:8px;}
.list_p{}
.list_p li{
	height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-bottom: 1px dashed #e0e1dc;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: "Microsoft YaHei";
	}
.list_p li h2{font-size:14px;font-weight:normal;font-family:"Microsoft YaHei"}
 .inquiry{line-height:32px;border:none;margin-top:6px;}
 .inquiry a{background:url(../images/xunjia.gif) center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;}
 .inquiry a:hover{background-image:url("../images/xunjia_hover.gif");}
.list_p li h2 a{font-size:12px;font-family:"Microsoft YaHei"}
.p_detail span.title{line-height:28px;height:28px;text-align:left;margin-top:10px;
	display:block;padding-left:10px;font-size:12px;border-bottom:1px solid #0055ac;}
.p_detail p.dd{padding-top:5px;padding-bottom:5px;}
h3.tag{line-height:32px;border-top:1px dashed #e0e1dc;margin-top:10px;color:#999;font-weight:normal;}
h3.tag a{color:#005a98;}
h3.tag a:hover{color:#e87518;}

.product_detail h1.title{text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
 .img{width:300px;height:230px;float:left;padding:2px;border:1px solid #e0e1dc;}

 .small{width:300px;height:230px;}
.jqzoom{
	text-decoration:none;
	float:left;
}
.list{    float: left;
    margin-left: 40px;}
<!--首页关于我们-->

.home-about{}

.home-about{background:#F5F5F5; padding-top:50px; padding-bottom:30px;}



.home-about .box{background:#fff; padding:20px; overflow:hidden; transition:all .3s ease;}



.home-about  .video {
    float: right;
    width: 35%;
    margin-top: 40px;
}


 .introduce{float:left; width:55%;}



 .introduce h3{font-size:18px; margin-bottom:20px; text-transform:uppercase;}



.introduce p{line-height:150%; margin-bottom:15px; color:#666; font-size:16px;}

@media only screen and  (max-width: 640px) {
		.introduce {
			width: 100%;
		}
		.home-about .video {
			width: 100%;
		}
	}

/* Carousel */
	.carousel-example {
		padding: 40px 0 0 0;
	}
	
	#complicated-content-carousel .carousel-control {
		    position: absolute;
    right: 0;
    left: auto;
    bottom: auto;
    width: 14px;
    font-size: 38px;
    color: #fff!important;
    opacity: 1;
    width: 40px;
    background: #c1c1c1;
	}
	
	#complicated-content-carousel .carousel-control.left,
	#complicated-content-carousel .carousel-control.right {
		background-image: none;
	}
	
	#complicated-content-carousel .carousel-control.left {
		left: 0;
    top: 50%;
    font-size: 38px;
	}
	
	#complicated-content-carousel .index {
		position: absolute;
		top: -70px;
		right: 0;
		font-size: 16px;
		color: #3c3c3c;
	}

	.carousel-control {
	    background: #c1c1c1;
    width: 40px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    font-size: 30px;
    text-align: center;
    opacity: 1;
    font-size: 38px;
	}
	
	a.carousel-control.left,
	a.carousel-control.right {
		    background: rgba(137,137,137,0.8);
    opacity: 1;
    text-align: center;
    width: 50px;
    margin-top: 140px;
    /* font-size: 18px; */
    /* top: 0; */
    line-height: 50px;
    /* bottom: 0; */
	}

/* MEDIA QUERIES */
	/* styles for phones' displays */
	@media only screen and (max-width: 350px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
	
	/* styles for medium size displays */
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
			
<!--首页产品中心-->
.nav_n {
 
}
.nav_n {
    margin-top: 30px;
    text-align: center;

	list-style: outside none none;

}

.nav_n li {
    display: inline;
    padding: 0;
    color: #808080;

    line-height: 35px;
    text-align: center;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.nav_n li a {
    border: 1px solid #B9B8B8;
    border-radius: 0px;
    font-size: 16px;
    color: #333;
    margin: 5px;
	width:200px;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 5px;

}
.nav_n li a:hover{
	background: #0449ad;
	color:#fff;
	text-decoration:none;
}

@media only screen and (max-width: 640px) {
	.nav_n li{

		float: left;
    width: 50%;
    display: block;
	line-height: 18px;
	}
	.nav_n li a {
   		width:150px;
    font-size: 14px;
  

} 
.banner{margin-top:50px;}
}
.main1 .main3biao{margin:50px 0 auto;}
@media only screen and (max-width: 640px) {
	.main1 .main3biao{margin:30px 0 auto;
} 
}