*{
	padding: 0;
	margin: 0;
}
:root {
  --cydl-container-wid: 1440px;
}
html,body{
	font-family: 寰蒋闆呴粦;
	position: relative;
	width: 100%;
	min-width: var(--cydl-container-wid);
	color: #2b2b2b;
	background: #fff;
}
h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
ul,ol{
	list-style: none;
}
img{
	border: none;
	display: flex;
}
a{
	text-decoration: none;
	color: #5f5f5f;
}
a:hover{
	color:#0864be ;

}
.amit{
	-webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}
/*
@font-face{
	font-family: "鎬濇簮瀹嬩綋";
	src: url(../fonts/SC-BOLD.OTF);
}*/

.container{
	width: var(--cydl-container-wid);
	margin: 0 auto;
	box-sizing: border-box;
}
.pages{
	text-align: center;
	padding: 35px 35px;
}
.pages ul{
	display: flex;
	justify-content: center;
}
 .pages ul li{
	padding: 0 5px;
}
 .pages ul li a,.pages ul li span{
	padding: 5px 8px;
	border: 1px solid #dcdcdc;
	display: block;
}
.pages ul li.active a,.pages ul li.active span,.pages ul li:hover a{
	background: #0864be; 
	color: #fff;
	border: 1px solid #0864be;
}
.head{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}
.page_head{
	background: #fff;
}
.head .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head .container .left{

}

.head .container .left a{

}
.head .container .left a img:nth-child(1){
	display: block;
}
.head .container .left a img:nth-child(2){
	display: none;
}
.page_head .container .left a img:nth-child(1){
	display: none;
}
.page_head .container .left a img:nth-child(2){
	display: block;
}
.head .container .right{
	width: 1050px;
	-webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}
.page_head .container .right{
	width: 950px;
	-webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}
.head .container .right ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head .container .right ul li{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.head .container .right ul li a{
	color: #fff;
	font-size: 18px;
}
.page_head .container .right ul li a{
	color: #2b2b2b;
	font-size: 18px;
}
.page_head .container .right ul li a:hover,.page_head .container .right ul li.active a{
	color: #007ec4;
}
.banner{
	overflow: hidden;
	width: 100%;
	position: relative;
}
.banner .swiper-pagination{

}
.banner .swiper-pagination span{
	border-radius: 0;
	width: 30px;
	height: 5px;
	background: none;
	opacity: 1;
	border: 1px solid #fff;
	display: inline-block;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active{
	background: #fff;
}
.index1{
	background: #f5f5f6;
	padding: 100px 0;
}
.index_title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.index_title .left{

}
.index_title .left h3{
	text-transform: uppercase;
	font-size: 50px;
	color: #0080c5;
}
.index_title .left p{
	font-size: 30px;
	color: #333333;
	font-weight: 200;
}
.index_title .right ul{
	display: flex;
	align-items: center;
}
.index_title .right ul li{
	margin-left: 60px;
}
.index_title .right ul li a{
	font-size: 16px;
}
.index1 .list{
	margin-top: 60px;
}
.index1 .list ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index1 .list ul li{
	width: 175px;
	height: 439px;
	-webkit-transition: all .5s ease-in-out 0s;
  -moz-transition: all .5s ease-in-out 0s;
  -ms-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s;
}
.index1 .list ul li a{
	background: #fff;
	display: flex;
	height: 100%;
	width: 100%;
}
.index1 .list ul li a .show{
	position: relative;
	overflow: hidden;
	width: 0;
}
.index1 .list ul li a .thum{
	padding-bottom: 40px;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}
.index1 .list ul li a .thum .img{
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 20px 10px;
	height: calc(100% - 100px);
}
.index1 .list ul li a .thum p{
	text-align: center;
	font-size: 18px;
	color: #333;
	padding-top: 20px;
}
.index1 .list ul li a .thum span{
	display: block;
	font-size: 14px;
	color: #999;
	text-align: center;
}
.index1 .list ul li.active a .thum{
	overflow: hidden;
	width: 0;
}
.index1 .list ul li.active{
	width: 860px;
	-webkit-transition: all .5s ease-in-out 0s;
  -moz-transition: all .5s ease-in-out 0s;
  -ms-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s;
}
.index1 .list ul li.active a .show{
	overflow: hidden;
	width: 100%;
}
.index1 .list ul li.active a .show .text{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index1 .list ul li.active a .show .text .dis{
	color: #fff;
}
.index1 .list ul li.active a .show .text .dis p{
	font-size: 18px;
}
.index1 .list ul li.active a .show .text .dis p span{
	font-size: 12px;
}
.index1 .list ul li.active a .show .text .dis label{
	display: block;
	width: 30px;
	height: 30px;
	font-size: 30px;
	font-weight: 200;
	color: #2b2b2b;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	line-height: 30px;
	margin-top: 15px;
}
.index2{
	background: url(../images/bg1.png) no-repeat  center;
	background-size: cover;
	padding: 100px 0;
}
.index2 .container{
	display: flex;
	justify-content: space-between;
}
.index2 .container .text{
	width: 50%;
	box-sizing: border-box;
	padding-right: 45px;
}
.index2 .index_title .right ul li a{
	font-size: 14px;
}
.index2  .dis{
	margin-top: 60px;
	font-size: 14px;
	color: #666666;
	line-height: 2em;
	text-indent: 2em;
}
.index2  .more{
	margin-top: 60px;
}
.index2  .more a{
	display: flex;
	width: 180px;
	height: 60px;
	border: 1px solid #0080c5;
	border-radius: 5px;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #0080c5;
	box-sizing: border-box;
	padding: 0 20px;
}
.index3  .more{
	margin-top: 260px;
}
.index3  .more a{
	display: flex;
	width: 180px;
	height: 60px;
	border: 1px solid #0080c5;
	border-radius: 5px;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #0080c5;
	box-sizing: border-box;
	padding: 0 20px;
}
.index3{
	background: url(../images/bg2.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 0;
}
.index4{
	background: url(../images/bg4.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 0;
}
.index4 .list{
	margin-top: 60px;
}
.index4 .list video{
    width: 100%;
    height: 420px;
}
.index4 .list .videoBox{
	width: 100%;
	overflow: hidden;
}
.index4 .list .videoBut{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}
.index4 .list .videoBut .swiper-button-prev,.index4 .list .videoBut .swiper-button-next{
	position: static;
	margin: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #999;
	color: #999;
	--swiper-navigation-size: 20px;
}
.index4 .list .videoBut .swiper-pagination {
	position: static;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	margin: 0 20px;
}
.index4 .list .videoBut .swiper-pagination span{
	background: #999999;
	width: 8px;
	height: 8px;
	opacity: 1;
}
.index4 .list .videoBut .swiper-pagination span.swiper-pagination-bullet-active{
	background: none;
	width: 16px;
	height: 16px;
	border: 2px solid #0080c5;
	box-sizing: border-box;
}
.index5{
	background: url(../images/bg3.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 0;
}
.index5 .list{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.index5 .list .left{
	width: 911px;
}
.index5 .list .left img{
	width: 100%;
}
.index5 .list .right{
	width: calc(100% - 911px);
	box-sizing: border-box;
	padding-left: 95px;
	position: relative;
	padding-top: 115px;
}
.index5 .list .right .title{

}
.index5 .list .right .title h3{
	font-size: 26px;
	font-weight: 400;
	color: #333;
}
.index5 .list .right .title p{
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}
.index5 .list .right .dis{
	margin-top: 60px;
	text-align: right;
}
.index5 .list .right .dis h3{
	font-size: 20px;
	font-weight: 300;
}
.index5 .list .right .dis p{
	font-size: 16px;
	color: #666666;
	line-height: 2em;
}
.index5 .list .right .more{
	position: absolute;
	bottom: 60px;
	left: 0;
	margin-left: -90px;
}
.index5 .list .right .more a{
	display: flex;
	width: 180px;
	height: 60px;
	border: 1px solid #0080c5;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
	padding: 0 20px;
	background: #0080c5;
}
.index6{
	background: url(../images/bg5.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 0;
}
.index6 .list{
	margin-top: 60px;
}
.index6 .list ul{
	display: flex;
	justify-content: space-between;
}
.index6 .list ul li{
	width: calc(33.33% - 15px);
	box-sizing: border-box;
}
.index6 .list ul li a{
	display: block;
	padding: 15px;
	background: #fff;
}
.index6 .list ul li a h3{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 10px;
}
.index6 .list ul li a .img{
	overflow: hidden;
}
.index6 .list ul li a .img img{
	width: 100%;
}
.index6 .list ul li a p{
	color: #666666;
	font-size: 14px;
	line-height: 2em;
	margin-top: 10px;
}
.index6 .list ul li a .time{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
.index6 .list ul li a .time span{
	font-size: 14px;
	color: #999999;
}
.index6 .list ul li a .time label{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: #999;
	border: 1px solid #999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index6 .list ul li a .time label:after{
	font-family: swiper-icons;
  font-size: 16px;
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  content: 'next';
}
.index6 .list ul li a:hover label{
	color: #0080c5;
	border: 1px solid #0080c5;
}
.footer{
	background: #120d11;
	padding: 80px 0;
}
.footer .container{
	display: flex;
	justify-content: space-between;
}
.footer .container .left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 30px;
}
.footer .container .left .nav{

}
.footer .container .left .nav ul{
	display: flex;
	flex-wrap: wrap;
}
.footer .container .left .nav ul li{
	width: 33.33%;
	box-sizing: border-box;
	padding-bottom: 40px;
}
.footer .container .left .nav ul li a{
	color: #fff;
}
.footer .container .left .copy{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	font-size: 14px;
	color: #999999;
}
.footer .container .left .copy a{
	color: #999999;
}
.footer .container .right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 60px;
}
.footer .container .right .form .group{
	display: flex;
	align-items: center;
}
.footer .container .right .form .group button{
	width: 120px;
	height: 50px;
	color: #fff;
	font-size: 14px;
	background: #0080c5;
	border: none;
}
.footer .container .right .form .group input{
	width: calc(100% - 120px);
	height: 50px;
	background: #fff;
	border: none;
	box-sizing: border-box;
	padding: 0 10px;
}
.footer .container .right  .text{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.footer .container .right  .text .dis{
	color: #fff;
}
.footer .container .right  .text .dis span{
	font-size: 14px;
	font-weight: 200;
}
.footer .container .right  .text .dis h3{
	font-size: 24px;
	font-weight: 200;
	margin: 5px 0;
}
.footer .container .right  .text .dis p{
	font-size: 16px;
	font-weight: 200;
}
.footer .container .right .text .code{
	text-align: center;
}
.footer .container .right .text .code p{
	font-size: 14px;
	color: #fff;
	font-weight: 200;
	line-height: 2em;
}
.location{
	background: #f9f9f9;
	padding: 15px 0;
}
.location .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.location .container .left{
	font-size: 14px;
	color: #666666;
	display: flex;
	align-items: center;
}
 .location .container .left a{
 	color: #666666;
 	margin-left: 5px;
 }
.location .container .right ul{
	display: flex;
	align-items: center;
}
.location .container .right ul li{
	margin-left: 25px;
}
.location .container .right ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding: 0 30px;
	border: 1px solid #dcdcdc;
	color: #999;
	border-radius: 5px;
	font-size: 14px;
}
.location .container .right ul li a:hover,.location .container .right ul li.active a{
	background: #007ac3;
	color: #fff;
}
.sidebar{
	margin-top: 60px;
}
.sidebar ul{
	border-bottom: 1px solid #dcdcdc;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.sidebar ul.active{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.sidebar ul li{
	padding: 0 60px;
}
.sidebar ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	padding-bottom: 10px;
}
.sidebar ul li a:hover,.sidebar ul li.active a{
	border-bottom: 1px solid #007ac3;
	padding-bottom: 9px;
}
.product{
	padding: 40px 0;
}
.product .list{

}
.product .list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.product .list ul li{
	width: 33.33%;
	box-sizing: border-box;
	padding: 15px;
}
.product .list ul li a{
	border-bottom: 1px solid #dcdcdc;
	display: block;
}
.product .list ul li a .img{
	overflow: hidden;
}
.product .list ul li a .img img{
	width: 100%;
}
.product .list ul li a h3{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
}
.product .list ul li a h3 span{
	font-size: 18px;
	color: #333;
	font-weight: 300;
}
.product .list ul li a h3 label{
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product .list ul li a h3 label:after{
	font-family: swiper-icons;
  font-size: 14px;
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  content: 'next';
  font-weight: 200;
}

.product .list ul li a p{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px 15px;
	color: #999;
	font-size: 16px;
}
.product .list ul li a:hover p,.product .list ul li a:hover h3 label:after,.product .list ul li a:hover h3 span{
	color: #fff;
}
.product .list ul li a:hover{
	background: #007ac3;
}
.content img{
	display: inline-block;
}
.proShow{
	background: #f9f9f9;
	padding: 30px 0 120px;
}
.proShow .show{
	background: #fff;
	padding: 60px 120px;
	box-sizing: border-box;
}
.proShow .show .top{
	display: flex;
	justify-content: space-between;

}
.proShow .show .top .left{
	width: 749px;
	box-sizing: border-box;
}
.proShow .show .top .left img{
	width: 100%;
}
.proShow .show .top .right{
	width: 405px;
}
.proShow .show .top .right .title{
	border-bottom: 1px solid #dcdcdc;
}
.proShow .show .top .right .title h3{
	font-size: 30px;
	color: #333333;
	padding: 20px 0;
}
.proShow .show .top .right .dis{
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
}
.proShow .show .top .right .dis p{
	display: flex;
	line-height: 2em;
}
.proShow .show .top .right .more{
	margin-top: 60px;
}
.proShow .show .top .right .more a{
	width: 120px;
	height: 40px;
	border-radius: 5px;
	background: #007ac3;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
}
.proShow .content{
	margin-top: 100px;
}
.proShow .content .title{
	border-left: 5px solid #007ac3;
	padding-left: 15px;
}
.proShow .content .title h3{
	font-size: 30px;
	font-weight: 400;
}
.proShow .content .title p{
	color: #999;
	font-size: 14px;
}
.proShow .content .text{
	margin-top: 45px;
	font-size: 14px;
	line-height: 2em;
}
.proShow .content .text img{
	display: inline-block;
}
.about{
	padding: 80px 0;
}
.aboutContent{
	color: #666;
	font-size: 16px;
	line-height: 3em;
	text-indent: 2em;
}
.aboutContent img{
	display: inline-block;
}
.about .top{
	display: flex;
	justify-content: space-between;
}
.about .top .left{
	width: 678px;
	box-sizing: border-box;
}
.about .top .left .title{

}
.about .top .left .title h3{
	font-size: 18px;
	font-weight: 400;
}
.about .top .left .title p{
	color: #666;
	font-size: 12px;
}
.about .top .left .dis{
	margin-top: 50px;
	color: #666;
	font-size: 16px;
	line-height: 3em;
	text-indent: 2em;
}
.about .top .left .dis img{
	display: inline-block;
}
.about .top .right{
	width: 741px;
	box-sizing: border-box;
}
.about .top .right img{
	width: 100%;
}
.about .bottom{
	border-top: 1px solid #dcdcdc;
	margin-top: 60px;
	padding-top: 60px;
	color: #666;
	font-size: 16px;
	line-height: 3em;
	text-indent: 2em;
}
.about .bottom img{
	display: inline-block;
}

.about2{
	background: url(../images/bg6.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 0;
}
.about2 .title{
	text-align: center;
}
.about2 .title h3{
	font-size: 32px;
	color: #fff;
}
.about2 .title p{
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.about2 .list{
	position: relative;
	margin-top: 60px;
}
.about2 .list .aboutBox{
	width: 100%;
	overflow: hidden;
}
.about2 .list .butBox{
	position: absolute;
	left: 200px;
	bottom: 0;
	background: #007ac3;
	height: 60px;
	width: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 12;
}
.about2 .list .butBox div{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}
.about2 .list .aboutBox .swiper-slide{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about2 .list .aboutBox .swiper-slide .img{
	width: 405px;
	height: 405px;
	border-radius: 50%;
	overflow: hidden;
}
.about2 .list .aboutBox .swiper-slide .img img{
	width: 100%;
	height: 100%;
}
.about2 .list .aboutBox .swiper-slide .text{
	width: calc(100% - 405px);
	box-sizing: border-box;
}
.about2 .list .aboutBox .swiper-slide .text .time{
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
	padding-left: 110px;
	padding-bottom: 30px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.about2 .list .aboutBox .swiper-slide .text .dis{
	padding-left: 110px;
	padding-top: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 2em;
}
.about3{
	background: #fff;
}
.about3 .index_title .left h3{
	color: #333333;
	font-size: 32px;
}
.about3 .index_title .left p{
	font-size: 18px;
	text-transform: uppercase;
	color: #0080c5;
}
.about3  .list .videoBox .swiper-slide a{
	display: block;
	position: relative;
}
.about3  .list .videoBox .swiper-slide .img img{
	width: 100%;
}
.about3  .list .videoBox .swiper-slide a .mo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
.about3  .list .videoBox .swiper-slide a:hover .mo{
	display: flex;
}
.brand{
	padding: 80px 0;
}
.brand .content{
	text-align: center;
}
.brand .content img{
	display: inline-block;
}
.brand .content p{
	font-size: 16px;
	color: #333333;
	line-height: 2em;
}
.brand .content h4{
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
	font-weight: 200;
	line-height: 2em;
}
.brand .list{
	margin-top: 60px;
}
.brand .list ul{
	display: flex;
	justify-content: space-between;
}
.brand .list ul li{
	width: calc(33.33% - 5px);
	box-sizing: border-box;
}
.brand .list ul li .top{
	position: relative;
}
.brand .list ul li .top .img img{
	width: 100%;
}
.brand .list ul li .top .title{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.brand .list ul li .top .title h3{
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}
.brand .list ul li .top .title p{
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	line-height: 2em;
}
.brand .list ul li .text{

}
.brand .list ul li .text .title{
	height: 80px;
	box-sizing: border-box;
	padding: 0 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 14px;
}
.brand .list ul li .text .dis{
	padding: 0 100px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.8em;
	font-size: 12px;
	color: #999999;
}
.honor{
	background: #f9f9f9;
	padding: 80px 0;
}
.honor .list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}
.honor .list ul li{
	width: 25%;
	box-sizing: border-box;
	padding: 20px ;
}
.honor .list ul li a{
	position: relative;
	display: block;
	padding: 10px;
	background: #fff;
}
.honor .list ul li a .img img{
	width: 100%;
}
.honor .list ul li a .mo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 122, 195, 0.5);
	display: none;
}
.honor .list ul li a:hover .mo{
	display: flex;
}
.contact{
	padding: 80px 0;
}
.contact .top{
	padding-bottom: 25px;
}
.contact .top img{
	display: inline-block;
}
.contact .top h3{
	font-size: 18px;
	color: #007ac3;
}
.contact .top h4{
	font-size: 12px;
	color: #999999;
	margin-bottom: 40px;
	font-weight: 200;
}
.contact .top p{
	font-size: 14px;
	line-height: 2em;
	font-weight: 200;
}
.contact .top p span{
	font-size: 24px;
}
.contact .map{

}
.contact .map img{
	width: 100%;
}
.contact .message{
	padding-top: 80px;
}
.contact .message .title{

}
.contact .message .title h3{
	font-size: 32px;
}

.contact .message .title p{
	font-size: 18px;
	color: #0080c5;
	text-transform: uppercase;
}
.contact .message .form{
	margin-top: 60px;
}
.contact .message .form .group{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.contact .message .form .group .left{
	width: 480px;
}
.contact .message .form .group .right{
	width: 935px;
	overflow: hidden;
}
.contact .message .form .group .right textarea{
	display: block;
	width: 100%;
	height: 230px;
	box-sizing: border-box;
	padding: 10px;
	background: #f7f7f7;
	border: none;
}
.contact .message .form .group .left input{
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 10px;
	box-sizing: border-box;
	background: #f7f7f7;
	border: none;
	margin-bottom: 40px;
}
.contact .message .form .but{
	margin-top:0
}
.contact .message .form .but button{
	width: 270px;
	height: 60px;
	background: #007ac3;
	color: #fff;
	border: none;
}
.video{
	padding: 80px 0;
}
.video .list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}
.video .list ul li{
	width: 50%;
	box-sizing: border-box;
	padding: 20px;
}
.video .list ul li .img video{
	width: 100%;
	height: 420px;
	display: block;
}
.video .list ul li h3{
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 20px;
}
.video .list ul li h3 span{
	font-size: 16px;
	font-weight: 400;
}
.video .list ul li h3 label{
	width: 34px;
	height: 34px;
	border: 1px solid #dcdcdc;
	background: url(../images/icon7.png) no-repeat center;
}
.video .list ul li:hover h3{
	background: #007fc5;
}
.video .list ul li:hover h3 span{
	color: #fff;
}
.video .list ul li:hover h3 label{
	background: url(../images/icon8.png) no-repeat center;
}
.news{
	padding: 80px 0;
}
.news .list ul li a{
	display: flex;
	justify-content: space-between;
	height: 416px;
}
.news .list ul li a .img{
	width: 680px;
	overflow: hidden;
}
.news .list ul li:nth-child(1) a .img{
	padding-top: 0;
}
.news .list ul li a .img img{
	width: 100%;
}
.news .list ul li a .text{
	width: 510px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: calc(100% - 80px);
}
.news .list ul li a .text .dis{
	width: 100%;
}
.news .list ul li a .text .dis h3{
	color: #333;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 50px;
	border-bottom: 1px solid #dcdcdc;
}
.news .list ul li a .text .dis p{
	padding-top: 50px;
	line-height: 2em;
	font-size: 14px;
	color: #666;
}
.news .list ul li a .time{
	width: 143px;
	height: 100%;
	border-left: 1px solid #dcdcdc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news .list ul li a .time .dis{
	text-align: center;
	width: 100%;
	border-left: 1px solid #dcdcdc;
	padding: 20px 0;
	margin-top: -100px;
	margin-left: -1px;
}
.news .list ul li a:hover .time .dis{
	border-left: 1px solid #007ac3;
}
.news .list ul li a .time .dis p{
	font-size: 40px;
	color: #666;
	font-weight: 200;
}
.news .list ul li a .time .dis span{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	color: #dcdcdc;
}
.news .list ul li a:hover .time .dis p{
	color:#007ac3;
}
.news .list ul li a .time .dis span:after{
	font-family: swiper-icons;
  font-size: 16px;
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  content: 'next';
}
.join{
	padding: 80px 0;
}
.join .content{
	text-align: center;
	line-height: 2em;
}
.join .content h3{
	font-size: 24px;
	font-weight: 400;
}
.join .content h4{
	font-size: 16px;
	color: #999999;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 30px;
}
.join .item{
	margin-top: 60px;
}
.join .item ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.join .item ul li{
	width: 280px;
	box-sizing: border-box;
	height: 560px;
}
.join .item ul li .text{
	background: #f5f5f5;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50%;
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px;
	text-align: center;
}
.join .item ul li .img{
	width: 100%;
	height: 50%;
	overflow: hidden;
}
.join .item ul li .img img{
	width: 100%;
}
.join .item ul li .text h3{
	font-size: 16px;
	font-weight: 200;
	line-height: 1.8em;
}
.join .item ul li .text span{
	display: block;
	width: 40px;
	height: 1px;
	background: #0080c5;
	margin: 15px auto;
}
.join .item ul li .text p{
	color: #999999;
	font-size: 12px;
	line-height: 2em;
}
.eight{
	padding: 80px 0;
	background: url(../images/bg9.png) no-repeat center;
}
.eight .box{
	position: relative;
	height: 580px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.eight .box .title{
	background: url(../images/bg8.png) no-repeat center;
	width: 320px;
	height: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.eight .box .title h3{
	display: flex;
	align-items: center;
}
.eight .box .title h3 span{
	font-size: 111px;
	font-family: monospace;
	line-height: 100px;
}
.eight .box .title h3 label{
	font-size: 30px;
	font-weight: 400;
}
.eight .box .title p{
	font-size: 16px;
	color: #999999;
	text-transform: uppercase;
}
.eight .box .list{

}
.eight .box .list ul li{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
.eight .box .list ul li span{
	width: 100px;
	height: 100px;
	background: url(../images/bg7.png) no-repeat center;
	font-size: 50px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin:0 10px;
}
.eight .box .list ul li label{
	font-size: 18px;
	font-weight: 200;
}
.eight .box .list ul li:nth-child(1){
	right: 785px;
	top: 0;
}
.eight .box .list ul li:nth-child(2){
	right: 919px;
	top: 140px;
}
.eight .box .list ul li:nth-child(3){
	right: 919px;
	top: 333px;
}
.eight .box .list ul li:nth-child(4){
	right: 785px;
	top: 473px;
}
.eight .box .list ul li:nth-child(8){
	left: 785px;
	top: 0;
}
.eight .box .list ul li:nth-child(7){
	left: 919px;
	top: 140px;
}
.eight .box .list ul li:nth-child(6){
	left: 919px;
	top: 333px;
}
.eight .box .list ul li:nth-child(5){
	left: 785px;
	top: 473px;
}
.process{
	padding: 80px 0;
}
.process .title{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.process .title span{
	width: calc(50% - 109px);
	height: 1px;
	background: #dcdcdc;
}
.process .title .text{
	width: 218px;
	text-align: center;
}
.process .title .text h3{
	font-size: 32px;
}
.process .title .text p{
	font-size: 18px;
	color: #0080c5;
	text-transform: uppercase;
}
.process .list{
	margin-top: 120px;
}
.process .list ul{
	display: flex;
	justify-content: space-between;
}
.process .list ul li{
	width: 269px;
	height: 269px;
	background: url(../images/bg10.png) no-repeat center;
	position: relative;
	box-sizing: border-box;
	padding-top: 80px;
	cursor: pointer;
	border-radius: 25px;
}
.process .list ul li:hover{
	box-shadow: 5px 5px 15px #a3d6f1;
}
.process .list ul li .mun{
	position: absolute;
	width: 100px;
	height: 100px;
	background: #0080c5;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	left: 50%;
	margin-left: -50px;
	top: 0;
	margin-top: -50px;
}
.process .list ul li .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
}
.process .list ul li p{
	text-align: center;
	font-size: 18px;
	margin-top: 35px;
}
.newsShow{
	padding: 80px 0;
}
.newsShow .title{
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 15px;
}
.newsShow .title h3{
	font-size: 24px;
}
.newsShow .title p{
	font-size: 14px;
	margin-top: 10px;
	color: #999;
}
.newsShow .content{
	padding-top: 35px;
}