@charset "utf-8";
.wid {
	width: 1200px;
	margin: 0 auto;
}


/*头部*/

.header {
	width: 100%;
	height: auto;
	font-size: 0;
}

.head_left {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	height: auto;
}

.head_right {
	display: inline-block;
	width: 70%;
	height: auto;
	vertical-align: top;
	text-align: right;
}

.head_left a img {
	width: 180px;
	height: auto;
	margin-top:15px;
}

.head_right ul li {
	display: inline-block;
	text-align: center;
}

.head_right ul li a {
	display: inline-block;
	font-size: 14px;
	color: #595757;
	font-family: "微软雅黑";
	line-height: 70px;
	padding: 13px 0;
	margin: 0 3rem;
	text-align: center;
	border-top:2px solid transparent;
	border-bottom: 2px solid transparent;
}
.head_right ul li.cur a,
.head_right ul li:hover a
{
	border-top:2px solid #f9c021;
	border-bottom: 2px solid #f9c021;
	color:#f9c021;
}
.head_right ul li a:last-child {
	margin-right: 0;
}


/*底部*/

.foot {
	width: 100%;
	height: auto;
	padding: 2rem 0;
	background-color: #333333;
	font-size: 0;
	background-image: url(../images/foot_back_banner.jpg);
}
.foot .wid{
	padding-bottom: 3rem;
	border-bottom: 1px solid #232323;
}
.foot>.wid>ul>li {
	width: calc(100% / 7);
	display: inline-block;
	height: auto;
	text-align: center;
	vertical-align: top;
}

.foot ul li>a {
	font-size: 16px;
	color: white;
	font-family: "微软雅黑";
	font-weight: 500;
}

.foot ul li>ul>li {
	margin-top: 1rem;
	width: 100%;
	text-align: center;
}

.foot ul li>ul li a {
	font-size: 12px;
	color: #fff;
	font-family: "微软雅黑";
	font-weight: 500;
}

.foot_bottom {
	width: 900px;
	margin: 0 auto;
	padding: 3rem 0;
	font-size: 0;
}
.foot_bottom li{
	width: calc(100% / 3);
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color:white;
	text-align: center;
}
.foot .wid ul.foot_left {
	width: 70%;
	display: inline-block;
	height: auto;
	vertical-align: top;
	margin-top: 1rem;
}

.foot .wid .right {
	width: 15%;
	display: inline-block;
	height: auto;
	margin-left: 15%;
	vertical-align: top;
}
.foot .wid .right img{
	width: 50%;
	height: auto;
}
.foot .wid .right h3{
	font-size: 13px;
	color:white;
	width: 100%;
	height: auto;
	margin-top:1rem;
}
.foot .wid .right  h2{
	color:#f9c328;
	font-size: 22px;
	width: 100%;
	height: auto;
	font-weight: 600;
	margin-top:1rem;
}
/* 首页产品 */
.index_product {
	height: auto;
	padding: 5rem 0;
	font-size: 0;
	position: relative;
}

.index_product h2 {
	text-align: center;
	height: auto;
	width: 100%;
	font-family: arial;
	font-size: 26px;
	color: black;
	display: inline-block;
	margin-top: 1rem;
	font-family: 'syno';
	vertical-align: top;
}

.index_product p {
	font-size: 14px;
	color: black;
	width: 100%;
	font-family: "微软雅黑";
	text-align: center;
	display: inline-block;
	margin-top: 2rem;
	font-family: 'syno';
}


.index_product_cont {
	width: 86%;
	height: auto;
	margin: 5rem 7% 0;
}


.index_product_cont ul li {
	height: auto;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	background-color: #f9c328;
	box-shadow: 1px 1px 10px transparent;
}

.index_product_cont ul li:hover {
	box-shadow: 2px 2px 10px #b8b8b8;
}
.index_product_cont ul li:hover img{
	transform: scale(1.2);
	transition: 1s all;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	outline: none;
}

.index_product_cont ul li a div img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.index_product_cont ul li h4 {
	font-size: 1.3rem;
	padding: 1.5rem 0; 
	width: 100%;
	text-align: center;
	font-family: 'syno';
	background-image: url(../images/index_produrc_li.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position:90%;
}
.index_product_cont ul li a{
	color:black;
}
.index_product .swiper-button-next{
	background-image:url(../images/index_swiper_right.png);
    width: 40px;
	height: 80px;
	background-size: 40px 80px;
	margin-top:0;
	top:53%;
	outline: none;
}
.index_product .swiper-button-prev{
	background-image:url(../images/index_swiper_left.png);
    width: 40px;
    height: 80px;
	background-size: 40px 80px;
	margin-top:0;
	top:53%;
	outline: none;
}


/* 首页关于我们 */
.index_about {
	width: 100%;
	height: auto;
	padding: 5rem 0;
}
.index_about h2{
	font-size: 26px;
	font-family: 'syno';
	text-align: center;
	width: 100%;
}
.index_about hr{
	width: 45px;
	height: 1px;
	border:none;
	background-color: black;
	margin: 1.5rem calc(50% - 22.5px);
}
.index_about p{
	font-size: 14px;
	font-family: 'syno';
	line-height: 25px;
	color:black;
	width: 1200px;
	margin: 0 calc(50% - 600px) 5rem; 
}

/* 首页banner */
/* .index_banner{
	width: 100%;
	height: 400px;
	background:url(../images/index_banner.jpg) fixed center;
	background-repeat: no-repeat;
	background-size: 1920px auto;
} */
.index_banner{
	width: 100%;
	height: auto;
	
}
.index_banner img{
	width: 100%;
	height: auto;
}
/* 我们的优势 */
.index_youshi{
	width: 100%;
	height: auto;
	padding: 5rem 0;
}
.index_youshi h2{
	font-size: 26px;
	color:#000000;
	width: 100%;
	height: auto;
	font-family: 'syno';
	text-align: center;
}
.index_youshi>p{
	font-size: 14px;
	color:#000000;
	width: 100%;
	height: auto;
	font-family: 'syno';
	text-align: center;
	margin: 1.5rem 0 4rem;
}
.index_youshi ul{
	font-size: 0;
}
.index_youshi ul li{
	display: inline-block;
	width: 23%;
	margin-right: calc(8% / 3);
	vertical-align: top;
	background-color: #f9c328;
}
.index_youshi ul li:nth-child(4){
	margin-right: 0;
}
.index_youshi ul li img{
	width: 20%;
	margin: 4rem 40% 1.5rem;
	height: auto;
}
.index_youshi ul li h1{
	font-size: 24px;
	font-family: 'syno';
	width: 100%;
	height: auto;
	text-align: center;
	color:#000000;
}
.index_youshi ul li h4{
	font-size: 14px;
	font-family: 'syno';
    color:#000000;
	text-align: center;
	text-transform: uppercase;
	margin:1rem 0 2rem;
}
.index_youshi ul li hr{
	width: 30%;
	height: 1px;
	background-color: #000000;
	border:none;
	margin: 0 35%;
}
.index_youshi ul li p{
	font-size: 12px;
	font-family: 'syno';
	color:#000000;
	width: 80%;
	margin: 3rem 10% 2.5rem;
	line-height: 22px;
	height: 100px;
}
.index_youshi ul li:hover{
	box-shadow: -3px 3px 5px #a6a6a6;
}


/* 首页新闻 */
.index_news {
	font-size: 0;
	padding: 5rem 0;
}

.index_news h2{
	font-size: 26px;
	color:#000000;
	font-family: 'syno';
	text-align: center;
}
.index_news>p{
	font-size: 14px;
	color:#000000;
	font-family: 'syno';
	text-align: center;
	margin: 1rem 0 2rem;
}
.index_news>ul{
	width: 100%;
	height: auto;
	padding: 1rem 0;
	border-top:1px solid #f1f1f1;
	border-bottom: 1px solid #F1F1F1;
	text-align: center;
}
.index_news>ul a{
	display: inline-block;
	padding: 0.8rem 2.5rem;
	vertical-align: top;
	background-color: #eeeeee;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0 2rem;
}
.index_news>ul a:hover,
.index_news>ul a.cur
{
	background-color: #f9c328;
	color:white;
}
.index_news .index_news_content{
	display: none;
	font-size: 0;
	margin-top:3rem;
}
.index_news .index_news_content .left{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	background-color:#eeeeee;
}
.index_news .index_news_content .right{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.index_news .index_news_content .right img{
	width: 100%;
	height: auto;
}
.index_news .index_news_content .right:hover img{
	transform: scale(1.1);
	transition: 1s all;
}
.index_news .index_news_content .center{
	width: 4%;
	display: inline-block;
	vertical-align: top;
	height: 50px;
	background-image: url(../images/index_news_right.jpg);
    background-repeat: no-repeat;
	background-position:20% 0;
}
.index_news .index_news_content .left h3{
	font-size: 20px;
	font-family: 'syno';
	color:#666666;
	width: 84%;
	margin: 3rem 8% 1.5rem;
	
}
.index_news .index_news_content .left p{
	font-size: 13px;
	font-family: 'syno';
	color:#666666;
	width: 84%;
	margin: 0 8%;
	line-height: 25px;
	margin-bottom: 3rem;
}
.index_news .index_news_content .left i{
	text-align: right;
	width: calc(84% - 38px);
	display: inline-block;
	margin: 0 8% 0 0;
	font-size: 14px;
	line-height: 25px;
	color:#666666;
	height: 25px;
	vertical-align: top;
}
.index_news .index_news_content .left b{
	width: 38px;
	height: 25px;
	vertical-align: top;
	display: inline-block;
	background-image: url(../images/index_news_right.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 8%;
}
.index_news div.active{
	display: block;
}

.index_news .index_news_content .left:hover{
	background-color: #f9c328;
	cursor: pointer;
}
.index_news .index_news_content .left:hover h3{
	color:white;
}
.index_news .index_news_content .left:hover p{
	color:white;
}
.index_news .index_news_content .left:hover i{
	color:white;
}
.index_news .index_news_content .left:hover b{
	background-position: right;
	transition: 0.5s all;
}
.index_news .index_news_content ul{
	width: 100%;
	font-size: 0;
}
.index_news .index_news_content ul li{
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top:2rem;
	background-color: #eeeeee;
	font-size: 0;
}
.index_news .index_news_content ul li .img{
    width: 20%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}	
.index_news .index_news_content ul li img{
	width: 100%;
	height: auto;
}
.index_news .index_news_content ul li:hover img{
	transform: scale(1.2);
	transition: 1s all;
}
.index_news .index_news_content ul li .tit{
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin: 1.3rem 5%;
}
.index_news .index_news_content ul li .tit h5{
	font-size: 20px;
	color:#666666;
	font-family: 'syno';
	width: 100%;
}

.index_news .index_news_content ul li .tit p{
	font-size: 13px;
	color:#666666;
	font-family: 'syno';
	width: 100%;
	line-height: 25px;
	margin-top:1rem;
}
.index_news .index_news_content ul li .date{
	width: 10%;
	height: auto;
	padding:1.5rem 0 2rem;
	vertical-align: top;
	display: inline-block;
	background-image: url(../images/index_news_jia.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.index_news .index_news_content ul li .date h3{
	font-size: 30px;
	color:#999999;
	font-family: '微软雅黑';
}
.index_news .index_news_content ul li .date h6{
	font-size:14px;
	color:#999999;
	margin-top:0.5rem;
}
.index_news .index_news_content ul li:hover{
	background-color: #f9c328;
}
.index_news .index_news_content ul li:hover h5{
	color:white;
}
.index_news .index_news_content ul li:hover p{
	color:white;
}
.index_news .index_news_content ul li:hover h3{
	color:white;
}
.index_news .index_news_content ul li:hover h6{
	color:white;
}
.index_news .index_news_content ul li:hover .date{
	background-image: url(../images/index_news_jia_hover.png);
}
/*弹出层样式*/

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	margin-top: 0;
	background: rgba(255, 255, 255, 0.4);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto!important;
	height: 50%!important;
	margin-top: 10%;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}

#zoom .content.loading {
	background-image: url('../images/loading.gif');
}

#zoom img {
	display: block;
	background: #ececec;
	width: auto;
	height: 100%!important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}

#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../images/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}

#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 120px;
	margin-top: -25px;
}

#zoom .previous {
	left: 0;
	background: url('../images/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}

#zoom .next {
	right: 0;
	background: url('../images/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}

#zoom .previous:hover {
	margin-left: -10px;
}

#zoom .next:hover {
	margin-right: -10px;
}

.zoomed>.container {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.list_nav {
	width: 100%;
	height: auto;
}
.list_nav_list{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 2rem 0;
}
.list_nav_list h2{
	font-size: 30px;
	color:#000000;
	margin-top:2rem;
}
.list_nav_list p{
	font-size: 12px;
	color:#000000;
	margin-top:1rem;
}
.list_nav_list ul{
	padding: 2rem 0;
	border-top:1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin-top:3rem;
}
.list_nav_list ul li{
	display: inline-block;
	padding:0.8rem 2rem ;
	background-color:#eeeeee;
	margin: 0 1.5rem;
	
}
.list_nav_list ul li a{
	font-size: 18px;
	color:#000000;
}
.list_nav_list ul li.cur,
.list_nav_list ul li:hover
{
	background-color: #f9c328;
}
.list_nav_list ul li.cur a,
.list_nav_list ul li:hover a
{
	color:white;
}
/*about*/

.about1 {
	width: 100%;
	height: auto;
	padding: 2rem 0 5rem;
	font-size: 0;
}

.about1 h1 {
	width: 100%;
	text-align: center;
	height: auto;
	font-size: 24px;
	font-weight: bolder;
	color: #595757;
	font-family: arial;
}

.about1 h3 {
	width: 100%;
	text-align: left;
	height: auto;
	font-size: 14px;
	font-weight: bolder;
	color: #595757;
	font-family: "微软雅黑";
	font-weight: 100;
	margin-top: 0.5rem;
}

.about1 .img {
	width: 23%;
	margin-left: calc(8% / 3);
	height: auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 2rem;
}
.about1 .img:hover img{
	transform: scale(1.2);
	transition: 1s all;
}
.about1 .title {
	width: 100%;
	height: auto;
	padding: 3rem 0;
}

.about1 .title p {
	font-size: 12px;
	color: #000000;
	line-height: 30px;
	width: 100%;
	text-align: left;
	color: #737373;
}

.about_advantage {
	font-size: 0;
}

.about_advantage h1 {
	text-align: center;
	width: 100%;
	font-size: 30px;
	color: #000000;
	font-family: 'syno';
}

.about_advantage h3 {
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: #595757;
	
	margin-top: 1rem;
}

.about_advantage .wid ul {
	width: 100%;
	height: auto;
	margin-top: 5rem;
}

.about_advantage .wid ul li {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin:0;
	font-size: 0;
}


.about_advantage .wid ul li .title_left {
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 60%;
	display: inline-block;
	vertical-align: top;
}
.about_advantage .wid ul li .title_right {
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 40%;
	display: inline-block;
	vertical-align: top;
	background-color: #f6f6f6;
}
.about_advantage .wid ul li:hover img {
	transform: scale(1.1);
	transition: all 1s;
}

.about_advantage .wid ul li .title {
	width: 80%;
	height: auto;
	padding: 0 10%;
	margin: 6.5rem 0;
}

.about_advantage .wid ul li .title h2 {
	font-size: 20px;
	font-family: "syno";
	color: white;
	width: 100%;
	text-align: left;
	color:#000000;
	margin-bottom: 1rem;
}

.about_advantage .wid ul li .title p {
	font-family: "syno";
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	color:#000000;
}


.about_advantage .wid ul li:nth-child(2n) .title_left {
	background-color: #f9c328;
}


.about_chuangxin{
	padding: 4rem 0;
	font-size: 0;
}
.about_chuangxin .wid>.title{
	width: 100%;
	text-align: left;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.about_chuangxin .title h1{
	font-size: 30px;
	color:#000000;
	font-family: 'syno';
	text-align: center;
	width: 100%;
}
.about_chuangxin .title h3{
	font-size: 12px;
	color:#000000;
	font-family: 'syno';
	text-align: center;
	width: 100%;
	margin-top:0.5rem;
	margin-bottom: 2rem;
}
.about_chuangxin .title h2{
	font-size: 20px;
	color:#000000;
	font-family: 'syno';
	text-align: center;
	width: 100%;
	margin-top:0.5rem;
	margin-bottom: 1.5rem;
}
.about_chuangxin .title p{
	font-size: 14px;
	color:#595757;
	line-height: 25px;
	font-family: "微软雅黑";
}
.about_chuangxin ul{
	width: 100%;
	height: auto;
	margin-top:3rem;
	background-color: #f6f6f6;
}
.about_chuangxin ul li{
	width: 100%;
	height: auto;
	font-size: 0;
}
.about_chuangxin .img{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	height: auto;
	overflow: hidden;
}
.about_chuangxin ul li .img:hover img{
	transform: scale(1.1);
	transition: 1s all;
}
.about_chuangxin .title{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.about_chuangxin li .title h1{
	font-size: 20px;
	font-family: 'syno';
	color:#000000;
	text-align: left;
	width: 78%;
	margin: 8rem 10% 0;
	background-image: url(../images/about_back_jia.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:2% ;
}
.about_chuangxin li .title h3{
	font-size: 13px;
	font-family: 'syno';
	color:#000000;
	text-align: left;
	width: 78%;
	margin: 0.5rem 10% 0;
	padding-left:2%;
}
.m_product_list{
	display: none;
}
.about_chuangxin .title p{
	font-size: 12px;
	font-family: 'syno';
	color:#000000;
	text-align: left;
	width: 78%;
	margin: 2rem 10% 0;
	padding-left:2%;
}
.about_honor{
	padding: 4rem 0  0rem;
	font-size: 0;
}
.about_honor .honor_back{
	background-color: #e5e5e5;
	padding: 4rem 0;
}
.about_honor  h1{
	font-size: 30px;
	font-family: 'syno';
	color:#000000;
	text-align: center;
}
.about_honor  h3{
	font-size: 12px;
	font-family: 'syno';
	text-align: center;
	margin-top:1rem;
	color:#000000;
	margin-bottom: 2rem;
}
.about_honor  p{
	font-family: '宋体';
	width: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: lighter;
}

.about_honor .honor_list {
	width: 70%;
	margin: 0 15%;
	padding: 1rem 0;
}

.about_honor .honor_list .swiper-slide {
	width: calc(31% - 14px)!important;
	align-items: center;
    transition: 300ms;
    transform: scale(0.8);
	margin:0 10px!important;
	padding: 5px;
	background-color: white;
	border: 2px solid #bbbbbb;
}

.about_honor .honor_list .swiper-slide-active,.about_honor .honor_list .swiper-slide-duplicate-active{
      transform: scale(1);
	  border:2px solid #f9c328;
	  box-shadow: 1px 1px 5px #919191;
}
.about_honor .honor_left {
	background-image: url(../images/honor_right.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 34px;
	background-size: 16px 34px;
	outline: none;
	right:37%;
}
.about_honor .swiper_honer1 .swiper-button-disabled{
	background-image: url(../images/honor_right_hover.png)!important;
	opacity: 1;
}
.about_honor .swiper_honer2 .swiper-button-disabled{
	background-image: url(../images/honor_left_hover.png)!important;
	opacity: 1;
}
.about_honor .honor_right {
	background-image: url(../images/honor_left.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	background-size: 16px 34px;
	height: 34px;
	outline: none;
	left: 37%;
}

/* 服务中心 */
.service_fuwu{
	padding: 5rem 0;
	font-size: 0;
}
.service_fuwu h2{
	text-align: left;
	width: 100%;
	height: auto;
	font-family: 'syno';
	color:#000000;
	font-size: 20px;
	margin-top:1rem;
}
.service_fuwu .wid>p{
	font-family:'syno' ;
	font-size: 12px;
	text-align: left;
	width: 100%;
	line-height: 22px;
	margin-top:1rem;
}
.service_fuwu ul.ul1{
	font-size: 0;
	margin: 3rem 0 5rem;
}
.service_fuwu ul.ul1 li{
	width: 23%;
	margin-left: calc(8% / 3);
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	padding: 1rem 0;
	border-radius: 2rem;
	background-color:#dddddd;
	text-align: center;
	color:#000000;
}
.service_fuwu ul.ul1 li:first-child{
	margin-left: 0;
}
.service_fuwu ul.ul2{
	font-size: 0;
	margin:0 0 3rem 0;
}
.service_fuwu ul.ul2 li{
	display: inline-block;
	margin-right: 2%;
	width: 32%;
	height: auto;
	vertical-align: top;
	background-color: #f9bd27;
	margin-top:2rem;
	
}
.service_fuwu ul.ul2 li:nth-child(3n){
	margin-right: 0;
}
.service_fuwu ul.ul2 li h3{
	width: 80%;
	height: auto;
	font-size: 20px;
	color:#000000;
	font-family: 'syno';
	margin: 4rem 10% 2rem;
}
.service_fuwu ul.ul2 li p{
	font-size: 14px;
	font-family: 'syno';
	line-height: 25px;
	width: 80%;
	margin: 0 10% 1rem;
	height: 5rem;
}
.service_fuwu ul.ul2 li img{
	width: 20%;
	height: auto;
	margin: 0 10% 1rem 70%;
}
.service_fuwu ul.ul3{
	font-size: 0;
	margin: 2rem 0;
}
.service_fuwu ul.ul3 li{
	display: inline-block;
	vertical-align: top;
	padding:0.5rem 4rem;
	background-color:#f9bd27;
	margin-right: 2rem;
	font-size: 20px;
	font-family: 'syno';
    line-height: 30px;
	clip-path: polygon(0 0,1.2rem 50%,0 100%,calc(100% - 1.2rem) 100%,100% 50%,calc(100% - 1.2rem) 0);
}
.service_fuwu ul.ul3 li:first-child{
	clip-path: polygon(0 0,0 100%,calc(100% - 1.2rem) 100%,100% 50%,calc(100% - 1.2rem) 0);
}
.service_fuwu ul.ul3 li:nth-child(2n){
	background-color:#000000;
}
.service_fuwu ul.ul3 li:nth-child(2n){
	color:white;
}
.service_fuwu ul.ul3 li img{
	width: 30px;
	height: auto;
	float: left;
	margin-right: 0.5rem;
}

.service_liucheng{
	padding: 10rem 0;
	font-size: 0;
	background: url(../images/service_banner.jpg) fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	text-align: right;
}
.service_liucheng h2{
	font-size: 40px;
	width: 100%;
	height: auto;
	line-height: 50px;
	color:white;
	font-family: 'syno';
	width: 250px;
	margin-left: calc(100% - 250px);
	text-align: left;
}
.service_liucheng p{
	font-size: 20px;
	width: 100%;
	height: auto;
	line-height: 30px;
	color:white;
	font-family: "宋体";
	width: 250px;
	margin-left: calc(100% - 250px);
	text-align: left;
	margin-top: 1.5rem;
}

.service_rencai{
	width: 100%;
	height: auto;
	padding: 4rem 0;
	background-color:#f2f2f2;
}
.service_rencai h2{
	font-size: 30px;
	width: 100%;
	color:#000000;
	text-align: center;
	font-family: 'syno';
}
.service_rencai h4{
	font-size: 12px;
	color:#000000;
	width: 100%;
	height: auto;
	text-align: center;
	margin-top:1rem;
}
.service_rencai ul{
	font-size: 0;
	margin-top:3rem;
}
.service_rencai ul li{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #616161;
	padding: 2rem 0;
	font-size: 0;
	
}
.service_rencai ul li.active{
	background-color: #cecece;
	border-bottom: 1px solid transparent;
}
.service_rencai ul li h3{
	font-size: 16px;
	width: 20%;
	text-align: center;
	color:#000000;
	font-family: 'syno';
	display: inline-block;
}
.service_rencai ul li h5{
	font-size: 16px;
	width: 20%;
	text-align: center;
	color:#000000;
	font-family: 'syno';
	display: inline-block;
}
.service_rencai ul li i{
	font-size: 16px;
	width: 50%;
	text-align: center;
	color:#000000;
	font-family: 'syno';
	display: inline-block;
	margin-left: 10%;
	letter-spacing: 1px;
	background-image: url(../images/job_hover.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: 80%;
}
.service_rencai ul li.active i{
	background-image: url(../images/job_hover_jian.png);
}
.service_rencai ul li div.job_content{
	width: 100%;
	height: auto;
	display: none;
}
.service_rencai ul li.active div.job_content{
	display: block;
	border-top:1px solid #616161;
	margin-top:2rem;
	padding: 2rem;
	width: calc(100% - 4rem);
}
.service_down{
	width: 100%;
	padding: 5rem 0;
	position: relative;
}
.service_down h1{
	width: 100%;
	height: auto;
	font-size: 24px;
	color:#595757;
	text-align: center;
	font-family: arial;
	font-weight: bolder;
}
.service_down h3{
	width: 100%;
	height: auto;
	font-size: 14px;
	color:#595757;
	margin-top:0.5rem;
	text-align: center;
}


.service_down .swiper-wrapper {
	width: 100%;
	padding-top: 4rem;
}

.service_down .swiper-slide {
	border-radius: 50%;
	background-color: #ededed;
	
}

.service_down .swiper-slide h6 {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #000000;
}
.service_down .swiper-button-next{
	background-image: url(../images/case_right.png);
    right:15%;
}
.service_down .swiper-button-prev{
	background-image: url(../images/case_left.png);
    left:15%;
}
.service_down .swiper-button-next,.service_down .swiper-button-prev{
	width: 45px;
	height: 65px;
	background-size: 45px 65px;
	margin-top:13px;
	outline: none;
}

.service_down .swiper-slide-active,.service_down .swiper-slide:hover {
	background: #f9bd27;
	margin-top:-15px;
	box-shadow: -3px 3px 8px #d1d1d1;
	background-image: url(../images/case_zl.png);
	background-size:40px 40px;
	background-position: 50% 25%;
	background-repeat: no-repeat;
}


.news_center {
	width: 100%;
	height: auto;
	padding: 1rem 0;
}

.news_center > .wid > p{
	width: 100%;
	text-align: right;
}
.news_center>div a {
	padding: 0 0.5rem;
}

.news_center>div a:first-child {
	padding-left: 0;
	border-left: none;
}

.news_center ul {
	margin-top: 2rem;
	font-size: 0;
}
.news_center ul li:first-child{
	border-top: 1px solid #e3dddc;
}
.news_center ul li {
	width: 100%;
	height: auto;
	display: inline-block;
	border-bottom: 1px solid #e3dddc;
	padding: 2rem 0;
}

.news_center ul li .img{
    width: 20%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}	
.news_center ul li img{
	width: 100%;
	height: auto;
}
.news_center ul li:hover img{
	transform: scale(1.2);
	transition: 1s all;
}
.news_center ul li .tit{
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin: 1.3rem 5%;
}
.news_center ul li .tit h5{
	font-size: 20px;
	color:#666666;
	font-family: 'syno';
	width: 100%;
}

.news_center ul li .tit p{
	font-size: 13px;
	color:#666666;
	font-family: 'syno';
	width: 100%;
	line-height: 25px;
	margin-top:1rem;
}
.news_center ul li .date{
	width: 10%;
	height: auto;
	padding:1.5rem 0 2rem;
	vertical-align: top;
	display: inline-block;
	background-image: url(../images/index_news_jia.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.news_center ul li .date h3{
	font-size: 30px;
	color:#999999;
	font-family: '微软雅黑';
}
.news_center ul li .date h6{
	font-size:14px;
	color:#999999;
	margin-top:0.5rem;
}
.news_center ul li:hover .hover{
	background-color: #f9c328;
}
.news_center ul li:hover h5{
	color:white;
}
.news_center ul li:hover p{
	color:white;
}
.news_center ul li:hover h3{
	color:white;
}
.news_center ul li:hover h6{
	color:white;
}
.news_center ul li:hover .date{
	background-image: url(../images/index_news_jia_hover.png);
}


.new_content {
	padding: 5rem 0;
}

.new_content h1 {
	font-size: 24px;
	width: 100%;
	height: auto;
	text-align: center;
	font-weight: 600;
	letter-spacing: 2px;
}

.new_content h5 {
	font-size: 1rem;
	width: 100%;
	height: auto;
	color: #797979;
	text-align: center;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 5rem;
	margin-top: 1rem;
}

.news_a {
	width: 56%;
	margin: 3rem 22%;
	font-size: 0;
}

.a_pre {
	text-align: left;
	color: #000000;
	width: 50%;
	font-size: 1rem;
	display: inline-block;
}

.a_next {
	text-align: right;
	color: #000000;
	width: 50%;
	font-size: 1rem;
	display: inline-block;
}

.news_a a:hover {
	color: #f9c328;
}

.contact{
	margin: 3rem auto 5rem;
	height: auto;
	font-size: 0;
}
.contact h2{
	font-size: 20px;
	color:#585858;
	font-family: 'syno';
	width: 100%;
	text-align: left;
	margin-top:2rem;
}
.contact p{
	font-size: 14px;
	color:#585858;
	font-family: 'syno';
	width: 100%;
	text-align: left;
	margin-top:2rem;
	margin-bottom: 3rem;
}
.contact hr{
	width: 100%;
	height: 1px;
	border:none;
	background-color: #b2b2b2;
}
.contact form{
	width: 100%;
	height: auto;
	margin-top:8rem;
}
.contact form input{
	border:none;
	background-color: #eeeeee;
	color:#999999;
	font-size: 14px;
	font-family: "微软雅黑";
	display: inline-block;
	width: calc(92.5% / 3);
	height: 40px;
	line-height: 40px;
	padding-left: 1.5%;
	margin-left: 1.5%;
	outline: none;
}
.contact form input:first-child{
	margin-left: 0;
}
.contact form textarea{
	width: 98.5%;
	height: auto;
	background-color: #eeeeee;
	color:#999999;
	font-size: 14px;
	font-family: "微软雅黑";
	padding-left: 1.5%;
	padding-top: 1rem;
	border:none;
	margin-top:3rem;
	height: 10rem;
	outline: none;
}
.contact form button{
	width: 100px;
	height: 40px;
	line-height: 40px;
	background: #f9c328;
	color:#000000;
	margin: 4rem calc(50% - 50px) 0;
	border:none;
	cursor: pointer;
}


/*产品中心*/
.product_banner{
	width: 100%;
	height: auto;
}
.prodcut_class_nav{
	width: 100%;
	height: auto;
	padding: 3rem 0;
	background-color: #f9c328;
	font-size: 0;
}
.prodcut_class_nav li{
	display: inline-block;
	width: 18%;
	margin-left:2.5%;
	text-align: center;
	font-size: 18px;
	color:#000000;
	font-family: 'syno';
}
.prodcut_class_nav li a{
	color:#000000;
}
.prodcut_class_nav li:first-child{
	margin-left: 0;
}
.prodcut_class_nav li img{
	width: 60%;
	height: auto;
	margin: 0 20% 0.5rem;
}
.prodcut_class_nav li:hover a{
    color:white;
    transition: 0s;
}
.product_nav{
	width: calc(100% - 4rem);
	padding: 3rem 0 0;
	height: auto;
	text-align: center;
	font-size: 0;
}
.product_nav a{
	color:#595757;
	font-family: 'syno';
	font-size: 12px;
	padding: 1rem 3rem;
	background-color: #efefef;
	display: inline-block;
	vertical-align: top;
	margin-left: 1px;
}
.product_nav a:first-child{
	margin-left: 0;
}
.product_nav .cur_active{
	color:#000000;
	background-color: #f9c328;
}

.product_list{
	width: 100%;
	height: auto;
}
.product_list li{
	width: 100%;
	height: auto;
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
	margin-top:3rem;
}
.product_list img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
.pro_pics {
	padding: 6rem 0;
}

.pro_pics .pro_box {
	width: 100%;
	position: relative;
}

.pro_pics img {
	width: 100%;
	height: auto;
}

.pro_pics .pro_box .swiper-container1 {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.pro_pics .pro_box .swiper-button-prev {
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/left.png) no-repeat;
}

.pro_pics .pro_box .swiper-button-next {
	width: 40px;
	height: 40px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/right.png) no-repeat;
}
.product_list ul li h1{
	font-size: 32px;
	font-family: "微软雅黑";
	position: absolute;
}
.product_list ul li h4{
	font-size: 18px;
	font-family: "微软雅黑";
	position: absolute;
	line-height: 28px;
	width: 25%;
}


/*产品模板分类*/
.product_list_li1 h1{
	margin-top:-20rem;
	margin-left: 20%;
	color:white;
}
.product_list_li1 h4{
	margin-top:-16rem;
	margin-left: 20%;
	color:white;
}
.product_list_li2 h1{
	margin-top:-30rem;
	margin-left: 55%;
	color:#fff;
}
.product_list_li2 h4{
	margin-top:-26rem;
	margin-left: 55%;
	color:white;
}
.product_list_li3 h1{
	margin-top:-32rem;
	margin-left: 20%;
	color:white;
}
.product_list_li3 h4{
	margin-top:-28rem;
	margin-left: 20%;
	color:white;
}
.product_list_li4 h1{
	margin-top:-35rem;
	margin-left: 20%;
	color:#fff;
}
.product_list_li4 h4{
	margin-top:-31rem;
	margin-left: 20%;
	color:white;
}
.product_list_li4 h1.h1{
	margin-top:-20rem;
	margin-left: 20%;
	color:#fff;
}
.product_list_li4 h4.h4{
	margin-top:-16rem;
	margin-left: 20%;
	color:white;
}
.product_list_li5 h1{
	margin-top:-30rem;
	margin-left: 65%;
	color:#fff;
}
.product_list_li5 h4{
	margin-top:-26rem;
	margin-left: 65%;
	color:white;
}
.product_list_li6 h1{
	margin-top:-40rem;
	margin-left: 20%;
	color:#fff;
}
.product_list_li6 h4{
	margin-top:-36rem;
	margin-left: 20%;
	color:white;
}
.product_list_li6 h1.h1{
	margin-top:-30rem;
	margin-left: 20%;
	color:#fff;
}
.product_list_li6 h4.h4{
	margin-top:-26rem;
	margin-left: 20%;
	color:white;
}
.product_list_li6 h1.h11{
	margin-top:-20rem;
	margin-left: 20%;
	color:#fff;
}
.product_list_li6 h4.h44{
	margin-top:-16rem;
	margin-left: 20%;
	color:white;
}
.product_list_li7 h1{
	margin-top:-16rem;
	width: 100%;
	margin-left: 0;
	text-align: center;
	color:white;
}
.product_list_li7 h4{
	margin-top:-12rem;
	width: 100%!important;
	margin-left: 0;
	text-align: center;
	color:white;
}
.product_list_li8 h1{
	margin-top:-35rem;
	margin-left: 20%;
	color:#fff;
}
.product_list_li8 h4{
	margin-top:-31rem;
	margin-left: 20%;
	color:white;
	font-size: 22px!important;
	line-height: 40px!important;
}
.product_list_li9 h1{
	margin-top:-35rem;
	margin-left: 15%;
}
.product_list_li9 h4{
	margin-top:-15rem;
	margin-left: 60%;
	color:white;
	font-size: 22px!important;
	line-height: 40px!important;
}
.product_list_li10 h1{
	margin-top:-38rem;
	margin-left: 65%;
	color:#f24f00;
}
.product_list_li10 h4{
	margin-top:-35rem;
	margin-left: 20%;
	color:white;
	font-size: 22px!important;
	line-height: 40px!important;
}
.product_list_li11 h1{
	margin-top:-36rem;
	margin-left: 20%;
	color:white;
}
.product_list_li11 h4{
	margin-top:-32rem;
	margin-left: 20%;
	color:white;
}
.product_list_li12 h1{
	margin-top:-20rem;
	margin-left: 60%;
}
.product_list_li12 h4{
	margin-top:-16rem;
	margin-left: 60%;
}
.product_list_li13 h1{
	margin-top:-20rem;
	margin-left: 55%;
	color:white;
}
.product_list_li13 h4{
	margin-top:-16rem;
	margin-left: 55%;
	color:white;
}
.product_list_li14 h1{
	margin-top:-32rem;
	margin-left: 15%;
	
}
.product_list_li14 h4{
	margin-top:-25rem;
	margin-left: 15%;
}

.product_list_li15 h1{
	margin-top:-38rem;
	margin-left: 65%;
	color:white;
}
.product_list_li15 h4{
	margin-top:-31rem;
	margin-left: 65%;
	color:white;
}
.product_list_li16 h1{
	margin-top:-20rem;
	width: 100%;
	text-align: center;
	color:#f24f00;
}
.product_list_li16 h4{
	margin-top:-16rem;
	width: 100%!important;
	text-align: center;
	color:white;
}

.product_list_li17 h1{
	margin-top:-20rem;
	margin-left: 60%;
	color:#595757;
}
.product_list_li17 h4{
	margin-top:-16rem;
	margin-left: 60%;
	color:#595757;
}

.product_list_li18 h1{
	margin-top:-35rem;
	margin-left: 55%;
}
.product_list_li18 h4{
	margin-top:-31rem;
	margin-left: 55%;
	width: 40%!important;
}
.case_center{
	padding: 5rem 0;
	width: 100%;
	height: auto;
}
.case_center h1{
	font-size: 30px;
	font-family: 'syno';
	color:#000000;
	width: 100%;
	text-align: center;
}
.case_center h3{
	font-size: 12px;
	font-family: 'syno';
	color:#000000;
	width: 100%;
	margin-top:1rem;
	text-align: center;
}
.case_center ul{
	font-size: 0;
	margin-top: 2rem;
}
.case_center ul li{
	width: 31%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 3.5%;
	margin-top:3rem;
	overflow-y: hidden;
	position: relative;
}
.case_center ul li:nth-child(3n){
	margin-right: 0;
}
.case_center ul li .img{
	box-shadow: 2px 2px 6px #a0a0a0;
	overflow: hidden;
}
.case_center ul li .img img{
	width: 100%;
	height: auto;
}
.case_center ul li .hover{
	margin-top:-100%;
	position: absolute;
	width: 100%;
	height: auto;
}

.case_center ul li:hover .hover{
	margin:0;
    transition: 1s all;
}

.case_center ul li h5{
	font-size: 18px;
	color:#000000;
	width: 100%;
	text-align: left;
	margin: 1rem 0 0;
}
.case_center ul li p{
	width: 100%;
	height: auto;
	line-height: 35px;
	font-size: 0;
}
.case_center ul li span{
	width: 40%;
	vertical-align: top;
	display: inline-block;
	font-size: 12px;
	color:#000000;
	font-family: 'syno';
	text-align: left;
}
.case_center ul li i{
	width: 60%;
	vertical-align: top;
	display: inline-block;
	font-size: 12px;
	color:#000000;
	font-family: 'syno';
	text-align: right;
}