.common-pc-nav{
	height: 80px;
	padding: 0 22px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	box-shadow: 0 0 1rem rgba(0,0,0,.1)
}
.common-pc-nav.isFixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	box-shadow: 0 0 1rem rgba(0,0,0,.1)
}
.common-pc-nav .logo-area{
	float: left;
	margin-top: 24px
}
.common-pc-nav .right-area{
	float: right;
	text-align: right;
	font-size: 0;
	padding-top: 10px
}
.common-pc-nav .right-area a{
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
}
.common-pc-nav .right-area .lang-area a{
	font-size: 12px;
	color: #aaa;
	padding-left: 20px
}
.common-pc-nav .right-area .lang-area a.active{
	background: url(404.png) no-repeat left center;
	padding-left: 27px;
	color: #555
}
.common-pc-nav .right-area .nav-area a{
	font-size: 16px;
	color: #555;
	padding-left: 38px;
	position: relative;
}
.common-pc-nav .right-area .nav-area a:hover{
	color: #1a3c83;
}
.common-pc-nav .right-area .nav-area a i{
	position: absolute;
	left: 50%;
	transform: translateX(calc(-50% + 19px));
	bottom: -10px;
	transition: all linear 0.2s;
	border-bottom: 6px solid rgb(34,41,57);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0;
	pointer-events: none;
}
.common-pc-nav .right-area .nav-area a i.active{
	opacity: 1;
}
.swiper-container-index1 a,.swiper-container-index1 a img{
	display: block;
	width: 100%
}
.banner-swiper-control{
	position: absolute;
	bottom: 0px;
	right: 21%;
	z-index: 11;
	text-align: center;
	font-size: 0
}
.swiper-container-index1 .swiper-button-prev-index1,.swiper-container-index1 .swiper-button-next-index1{
	width: 78px;
	background: rgba(255,255,255,.4);
	height: 78px;
	line-height: 78px;
	outline: none;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	opacity: 1;
	transition: all linear 0.2s
}
.banner-swiper-control i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-left: 7px solid #555;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.swiper-container-index1 .swiper-button-prev-index1 i{
	border-left: none;
	border-right: 7px solid #555;
}
.banner-swiper-control>div:hover{
	background: #fff
}
.banner-swiper-control .swiper-button-prev-index1:hover i{
	border-right-color: #1a3c83
}
.banner-swiper-control .swiper-button-next-index1:hover i{
	border-left-color: #1a3c83
}
.common-padding1{
	padding-top: 8rem;
	padding-bottom: 8rem
}
.index-model1{
	text-align: center;
	padding-top: 76px;
	cursor: default
}
.index-model1 .left-area{
	display: inline-block;
	vertical-align: middle;
	font-size: 3.6rem;
	line-height: 3.33rem;
	margin-right: 0rem;
	padding-bottom: 2.1rem;
	color: #1a3c83;
	position: relative
}
.index-model1 .left-area i,.index-model1 .left-area em{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd
}
.index-model1 .left-area em{
	width: 33%;
	background: #888
}
.index-model1 .right-area{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5rem;
	color: #888;
	text-align: left;
	line-height: 2rem
}
.index-model1 .title-area{
	padding-top: 4rem
}
.index-model1 .title-area span{
	display: inline-block;
	font-size: 150px;
	line-height: 150px;
	color: #fff;
	text-shadow: #dcdcdc 1px 0 0, #dcdcdc 0 1px 0, #dcdcdc -1px 0 0, #dcdcdc 0 -1px 0;
}
.model1-wrap{
	margin-top: -43px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 2
}
.model1-wrap .model1-content{
	flex: 1;
	position: relative;
	overflow: hidden
}
.model1-wrap .model1-content > img{
	display: block;
	width: 100%;
	transition: all linear 0.2s
}
.model1-wrap .model1-content:hover > img{
	transform: scale(1.1)
}
.model1-wrap .model1-content .text-area{
	position: absolute;
	top: 48%;
	left: 12.5%;
	width: 75%;
	text-align: left
}
.model1-wrap .model1-content .text-area h3{
	font-size: 2.83rem;
	color: #fff;
	line-height: 3.33rem
}
.model1-wrap .model1-content .text-area .link-area{
	min-height: 3.66rem;
	font-size: 0;
	line-height: 1.83rem;
	margin: 1.83rem 0 5rem;
}
.model1-wrap .model1-content .text-area .link-area a{
	font-size: 1.33rem;
	color: #fff;
	display: block
}
.model1-wrap .model1-content .text-area .link-area a:hover{
	transform: translateX(4px)
}
.model1-wrap .model1-content .text-area p{
	font-size: 1.33rem;
	color: #fff;
	line-height: 2rem
}
.model1-wrap .model1-content .text-area > a{
	display: inline-block;
	font-size: 1.33rem;
	color: #fff;
	position: relative;
	margin-top: 6.33rem;
}
.model1-wrap .model1-content .text-area > a:hover{
	transform: translateX(4px)
}
.model1-wrap .model1-content .text-area > a i{
	margin-left: 2.5rem
}
.common-title{
	text-align: center;
	padding-bottom: 5rem
}
.common-title h3{
	font-size: 2.83rem
}
.common-title.mode2{
	padding-bottom: 0
}
.model2-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.model2-wrap a{
	width: 20.9%;
	position: relative;
	display: inline-block;
	color: #333
}
.model2-wrap a i{
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
	position: relative;
}
.model2-wrap a i em{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 33%;
	height: 1px;
	background: #555;
	transition: all linear 0.2s
}
.model2-wrap a:hover i em{
	width: 100%
}
.model2-wrap a h4{
	font-size: 1rem;
	padding: 2rem 0
}
.model2-wrap a h3{
	font-size: 1.33rem;
	line-height: 2rem;
	max-height: 6rem;
	overflow: hidden
}
.model2-wrap a:hover h3{
	color: #1a3c83;
}
.index-model3{
	background: #f9f9f9
}
.model3-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	border-left: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1
}
.model3-wrap span{
	width: 12.5%;
	height: 11rem;
	line-height: 11rem;
	background: #fff;
	border-right: 1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align: center;
	font-size: 0;
	position: relative;
}
.model3-wrap span img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 98%;
}
.model3-wrap span i{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 1px;
	height: 1px;
	background: #555;
	transition: all linear 0.2s;
}
.model3-wrap span i:nth-of-type(2){
	top: auto;
	bottom: 0;
}
.model3-wrap span i:nth-of-type(3){
	left: auto;
	right: 0;
}
.model3-wrap span i:nth-of-type(4){
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
}
.model3-wrap span:hover i{
	opacity: 1;
}
.model3-wrap span:hover i:nth-of-type(1){
	height: 100%;
}
.model3-wrap span:hover i:nth-of-type(2){
	width: 100%;
}
.model3-wrap span:hover i:nth-of-type(3){
	width: 100%;
}
.model3-wrap span:hover i:nth-of-type(4){
	height: 100%;
}
.index-model4{
	border: 1px solid #eee;
	border-bottom: none
}
.index-model4 .left-area{
	float: left;
	width: 50%;
	text-align: right;
}
.index-model4 .left-area .title-area{
	border-bottom: 2px solid #f7f7f7;
	padding: 3.4rem 0 2rem
}
.index-model4 .model4-inner{
	width: 550px;
	max-width: 100%;
	text-align: left;
	display: inline-block;
	padding-right: 7.5rem
}
.index-model4 .left-area .title-area span{
	font-size: 1.33rem;
	color: #555;
}
.index-model4 .left-area .title-area span i{
	display: inline-block;
	margin: 0 2.5rem
}
.index-model4 .left-area .title-area span a{
	color: #555;
}
.index-model4 .left-area .title-area span a:hover{
	color: #1a3c83;
}
.index-model4 .left-content{
	padding-top: 3rem
}
.index-model4 .left-content a{
	display: block;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 3.5rem
}
.index-model4 .left-content a .img-area{
	width: 31.73%;
	height: 96px;
	border: 1px solid #eee;
	overflow: hidden
}
.index-model4 .left-content a .img-area img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all linear 0.2s
}
.index-model4 .left-content a:hover .img-area img{
	transform: scale(1.1)
}
.index-model4 .left-content a .text-area{
	width: 59.34%
}
.index-model4 .left-content a .text-area h4{
	font-size: 1rem;
	color: #fff;
	background: #1a3c83;
	height: 1.66rem;
	line-height: 1.7rem;
	padding: 0 0.8rem;
	display: inline-block;
}
.index-model4 .left-content a .text-area h3{
	font-size: 1.33rem;
	color: #555;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	margin-top: 1rem;
	max-width: 260px
}
.index-model4 .left-content a:hover .text-area h3{
	color: #1a3c83;
}
.index-model4 .right-area{
	float: right;
	width: 50%;
	position: relative
}
.index-model4 .right-area > img{
	display: block;
	width: 100%
}
.index-model4 .right-area .text-area{
	position: absolute;
	left: 8.6%;
	top: 50%;
	transform: translateY(-50%);
	width: 470px;
	max-width: 100%
}
.index-model4 .right-area .text-area h3{
	font-size: 2.83rem;
	color: #fff;
	line-height: 3.33rem
}
.index-model4 .right-area .text-area p{
	font-size: 1.33rem;
	color: #fff;
	line-height: 2rem;
	margin: 4rem 0
}
.index-model4 .right-area .text-area a{
	display: inline-block;
	height: 4.33rem;
	line-height: 4.33rem;
	font-size: 1.5rem;
	color: #fff;
	padding: 0 4rem;
	border: 1px solid rgba(255,255,255,.3)
}
.index-model4 .right-area .text-area a:hover{
	border: 1px solid #fff;
}
.common-footer{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 3.4rem 0
}
.common-footer .logo-area{
	float: left
}
.common-footer .nav-area{
	float: right;
	line-height: 2.6rem;
	font-size: 0
}
.common-footer .nav-area a{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.16rem;
	color: #888;
	margin-left: 2.3rem
}
.common-footer .nav-area a:hover{
	color: #333;
}
.footer-copy{
	background: #f9f9f9;
	padding: 2.6rem 0;
	text-align: center;
}
.footer-copy > div{
	line-height: 1.7rem
}
.footer-copy a{
	font-size: 1rem;
	color: #888;
}
.inner-banner-wrap img{
	display: block;
	width: 100%
}
.second-nav-wrap{
	padding: 4.5rem 15px;
	font-size: 0;
	height: 150px;
}
.second-nav-content{
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 23.5%;
	padding: 0 1.8rem;
	margin-right: 2%;
	border: 1px solid #aaa;
	transition: all linear 0.2s;
	cursor: pointer
}
.second-nav-content:hover{
	background: #f6f6f6;
}
.second-nav-content:last-of-type{
	margin-right: 0;
}
.second-nav-content a{
	line-height: 3.33rem;
	font-size: 1.33rem;
	color: #555;
	position: relative;
	display: inline-block;
	vertical-align: middle
}
.second-nav-content > a{
	position: relative;
	width: 100%;
}
.second-nav-content > i{
	position: absolute;
	right: 1.2rem;
	
	font-size: 1rem
}
.second-nav-content .dropdown-wrap{
	font-size: 0;
	padding-bottom: 0.9rem;
	display: none
}
.second-nav-content .dropdown-wrap a{
	font-size: 1.16rem;
	height: 1.16rem;
	line-height: 1.16rem;
	border-right: 1px solid #aaa;
	padding-right: 1.3rem;
	margin-right: 1.3rem;
}
.second-nav-content .dropdown-wrap a:last-of-type{
	border: none;
	padding: 0;
	margin: 0
}
.inner-edit-wrap video,.inner-edit-wrap img,.inner-edit-wrap iframe{
	max-width: 100%;
	border: none;
	background: none;
	outline: none;
}
.jump-feedback-wrap{
	border-top: 1px solid #e3e3e3;
	padding: 4rem 0;
	margin-top: 4rem;
}
.jump-feedback-wrap a{
	display: inline-block;
	width: 249px;
	line-height: 3.33rem;
	font-size: 1.33rem;
	color: #333;
	border: 1px solid #ccc;
	background: #eee;
	padding: 0 20px;
	position: relative
}
.jump-feedback-wrap a:hover{
	background: #ccc
}
.jump-feedback-wrap a i{
	position: absolute;
	right: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1rem
}
.common-padding2{
	padding-top: 4.6rem;
	padding-bottom: 4.6rem
}
.news-title{
	font-size: 2.83rem;
	color: #555;
	padding-bottom: 3.6rem
}
.list-news-wrap{
	border-bottom: 1px solid #ddd;
	margin-bottom: 4rem
}
.list-news-wrap a{
	display: block;
	position: relative;
	padding: 2.33rem 0;
	color: #555
}
.list-news-wrap a::after{
	clear: both;
	content: "";
	display: block
}
.list-news-wrap a > i,.list-news-wrap a > i em{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd;
}
.list-news-wrap a > i em{
	width: 5rem;
	background: #888
}
.list-news-wrap a .text-area{
	float: left;
	width: 69.5%;
}
.list-news-wrap a .text-area h4{
	font-size: 1rem;
	color: #333;
}
.list-news-wrap a .text-area h3{
	font-size: 1.5rem;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 2rem 0;
	transition: all linear 0.2s
}
.list-news-wrap a:hover .text-area h3{
	color: #1a3c83
}
.list-news-wrap a .text-area p{
	font-size: 1.33rem;
	line-height: 2rem;
	max-height: 6rem;
	overflow: hidden;
}
.list-news-wrap a .img-area{
	float: right;
	width: 23.2%;
	height: 13.16rem;
	overflow: hidden;
}
.list-news-wrap a .img-area img{
	display: block;
	width: 100%;
	height: 100%
}
.detail-news-title h1{
	font-size: 2.83rem;
	color: #555;
	line-height: 3.33rem
}
.detail-news-title h4{
	font-size: 1.16rem;
	color: #555;
	margin-top: 3rem
}
.news-pages a{
	display: inline-block;
	margin-bottom: 1rem
}
.news-pages a i{
	display: inline-block;
	vertical-align: middle;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 1rem;
	color: #555;
	border: 1px solid #ddd;
	margin-right: 1rem;
	transition: all linear 0.2s
}
.news-pages a:hover i{
	background: #ddd
}
.news-pages a span{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.33rem;
	color: #555;
}
.download-list-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	border-top: 1px solid #ddd;
	padding: 4rem 0 0
}
.download-list-wrap.mode2{
	border: none
}
.download-content{
	width: 45.72%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.8rem
}
.download-content img{
	display: inline-block;
	width: 103px;
	height: 146px;
	border: 1px solid #ddd;
}
.download-content span{
	width: 48%;
	font-size: 1.6rem;
	line-height: 2rem;
}
.download-content .btn-area{
	width: 21.66%;
}
.download-content .btn-area a{
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.4rem;
	border: 1px solid #e0e0e0;
	color: #555;
	font-size: 1rem;
	text-align: center;
	margin: 1rem 0 0
}
.download-content .btn-area a:nth-of-type(1){
	margin-top: 0
}
.download-content .btn-area a:hover{
	background: #2f75e7;
	border-color:#2f75e7;
	color: #fff;
}
.common-txt{
	font-size: 1.5rem;
	line-height: 2rem;
	color: #888;
	width: 610px;
	max-width: 100%
}
.list-aboutus-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}

.list-aboutus-wrap a:nth-of-type(1),.list-aboutus-wrap a:nth-of-type(2){
	margin-top: 0
}
.list-aboutus-wrap a > img{
	display: block;
	width: 100%;
	height: 270px;
}
.list-aboutus-wrap.list-business-wrap a > img{
	height: 200px;
}
.list-aboutus-wrap a h3{
	font-size: 1.5rem;
	line-height: 1.7rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all linear 0.2s;
	color: #333;
	margin: 1.5rem 0 1rem;
}
.list-aboutus-wrap a h3 img{
	width: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.list-aboutus-wrap a h3 font{
	display: inline-block;
	vertical-align: middle;
}
.list-aboutus-wrap a h4{
	font-size: 1.33rem;
	color: #555;
	line-height: 2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.feedback-title{
	padding-bottom: 4.2rem
}
.feedback-title h3{
	font-size: 2.83rem;
	line-height: 3.33rem;
	color: #555;
}
.feedback-title h4{
	font-size: 1.33rem;
	margin-top: 2rem;
	line-height: 1.6rem;
	color: #555;
}
.list-business-wrap a{
	width: 31.81%
}
.list-business-wrap a:nth-of-type(1), .list-business-wrap a:nth-of-type(2), .list-business-wrap a:nth-of-type(3){
	margin-top: 0;
}
.list-business-wrap a h4{
	white-space: normal
}
.social-title h3{
	font-size: 2.83rem;
	line-height: 3.33rem;
	color: #555;
}
.social-title h4{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #555;
	margin-top: 2.2rem
}
.social-list-wrap{
	border-top: 1px solid #ddd;
	margin-top: 3.5rem
}
.social-list-wrap a{
	display: block;
	padding: 3.5rem 3.5rem 3.5rem 0;
	border-bottom: 1px solid #ddd
}
.social-list-wrap a::after{
	clear: both;
	display: block;
	content: ""
}
.social-list-wrap a .img-area{
	float: left;
	overflow: hidden
}
.social-list-wrap a .img-area img{
	transition: all linear 0.2s
}
.social-list-wrap a:hover .img-area img{
	transform: scale(1.1)
}
.social-list-wrap a .text-area{
	float: right;
	width: 515px;
}
.social-list-wrap a .text-area h3{
	font-size: 20px;
	color: #555;
}
.social-list-wrap a .text-area p{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #555;
	margin-top: 2rem
}
.list-csr-wrap{
	padding-bottom: 4rem
}
.list-csr-wrap a{
	display: block;
	padding: 4rem 0 2.6rem;
	border-bottom: 1px solid #ddd;
}
.list-csr-wrap a::after{
	clear: both;
	display: block;
	content: ""
}
.list-csr-wrap a .img-area{
	float: left;
	width: 15.18%;
	height: 8.83rem;
	overflow: hidden;
	border: 1px solid #eee
}
.list-csr-wrap a .img-area img{
	display: block;
	width: 100%;
	height: 100%;
}
.list-csr-wrap a .text-area{
	float: right;
	width: 82%;
}
.list-csr-wrap a .text-area h4{
	font-size: 1rem;
    color: #fff;
    background: #1a3c83;
    height: 1.66rem;
    line-height: 1.7rem;
    padding: 0 0.8rem;
    display: inline-block;
}
.list-csr-wrap a .text-area h3{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	transition: all linear 0.2s;
	margin: 1rem 0 0.2rem
}
.list-csr-wrap a:hover .text-area h3{
	color: #1a3c83
}
.list-csr-wrap a .text-area p{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #666;
	height: 4rem;
	overflow: hidden
}
.topborder{
	border-top: 1px solid #ddd
}
.anchor-btn-wrap{
	padding-top: 5.2rem;
	padding-bottom: 5.2rem;
	font-size: 0
}
.anchor-btn-wrap a{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.16rem;
	height: 1.16rem;
	line-height: 1.16rem;
	color: #333;
	border-left: 1px solid #c4c4c4;
	padding: 0 2.2rem;
	margin: 0.3rem 0
}
.anchor-btn-wrap a:last-of-type{
	border-right: 1px solid #c4c4c4
}
.anchor-btn-wrap a:hover{
	text-shadow: 0 0 3px rgba(0,0,0,.4)
}
.history-list-wrap{
	padding: 1rem 15px 4rem
}
.history-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem 0;
	border-bottom: 1px solid #ddd
}
.history-content .text-area{
	width: 69%
}
.history-content .text-area h3{
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6rem;
	margin-bottom: 1.5rem
}
.history-content .text-area h4{
	font-size: 1.33rem;
	color: #666;
	line-height: 1.5rem;
	margin-bottom: 1.5rem
}
.history-content .text-area h4 i{
	display: inline-block;
	width: 9px;
	font-weight: bold;
}
.history-content .text-area h5{
	font-size: 1.33rem;
	color: #666;
	line-height: 2rem;
	padding-left: 9px
}
.history-content .img-area{
	width: 23.27%;
	overflow: hidden;
}
.history-content .img-area img{
	display: block;
	width: 100%;
}
.special1-model1{
	padding-top: 2rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid #ddd;
}
.special1-title h3{
	display: inline-block;
	vertical-align: middle;
	font-size: 2.83rem;
	height: 3rem;
	line-height: 3rem;
	color: #555;
}
.special1-title a{
	display: inline-block;
	vertical-align: middle;
	height: 3rem;
	line-height: 3rem;
	padding-left: 1.6rem;
	margin-left: 1.6rem;
	font-size: 1.33rem;
	color: #555;
	border-left: 1px solid #888
}
.special1-content{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #555;
	margin-top: 2.8rem
}
.special1-model2{
	padding:4rem 0;
	border-bottom: 1px solid #ddd;
}
.special1-model2-list{
	margin-top: 3rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.special1-model2-list span{
	width: 24.72%;
	background: #fff;
	border: 1px solid #eee;
	text-align: center;
}
.special1-model2-list span h4{
	line-height: 5.4rem;
	font-size: 1.33rem;
}
.special1-model3{
	padding: 4rem 0 2rem;
}
.special1-model3-wrap{
	margin-top: 2rem;
}
.special1-model3-wrap .content-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 1px solid #ddd;
	padding: 1.5rem 0;
	font-size: 1.33rem;
	color: #555;
	line-height: 2.33rem
}
.special1-model3-wrap .content-wrap:last-of-type{
	border-bottom: none
}
.special1-model3-wrap .content-wrap span:nth-of-type(1){
	width: 20.36%;
}
.special1-model3-wrap .content-wrap span:nth-of-type(2){
	width: 79.64%;
}
.special2-pie-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 3rem;
	padding: 0 100px
}
.special2-pie{
	position: relative;
}
.special2-pie img{
	z-index: 3;
	position: relative;
	display: block;
}
.special2-pie span{
	position: absolute;
	z-index: 1;
	width: 90px;
	height: 1px;
	background: #333;
	cursor: pointer;
	transition: all linear 0.2s
}
.special2-pie span:nth-of-type(1),.special2-pie span:nth-of-type(2){
	top: 43px;
}
.special2-pie span:nth-of-type(1),.special2-pie span:nth-of-type(3){
	left: -35px;
}
.special2-pie span:nth-of-type(2),.special2-pie span:nth-of-type(4){
	right: -35px
}
.special2-pie span:nth-of-type(3),.special2-pie span:nth-of-type(4){
	bottom: 0
}
.special2-pie span i{
	position: absolute;
	width: 20px;
	height: 1px;
	bottom: 7px;
	background: #333;
	transition: all linear 0.2s
}
.special2-pie span:nth-of-type(3) i{
	right: -17px;
	transform: rotate(-45deg)
}
.special2-pie span:nth-of-type(4) i{
	left: -17px;
	transform: rotate(45deg)
}
@keyframes specialMove{
	0%{
		transform: translateY(-43%);
	}
	50%{
		transform: translateY(-66%);
	}
	100%{
		transform: translateY(-43%);
	}
}
.special2-pie span font{
	position: absolute;
	font-size: 1.33rem;
	line-height: 1.5rem;
	color: #555;
	top: 50%;
	transform: translateY(-43%);
	white-space: nowrap
}
.special2-pie span:hover font{
	animation: specialMove linear 2s infinite
}
.special2-pie span:hover,.special2-pie span:hover i{
	background: #1a3c83
}
.special2-pie span:nth-of-type(1) font,.special2-pie span:nth-of-type(3) font{
	right: calc(100% + 12px);
}
.special2-pie span:nth-of-type(2) font,.special2-pie span:nth-of-type(4) font{
	left: calc(100% + 12px);
}
.special2-model1{
	padding: 4rem 0
}
.special-list-content{
	padding: 3.33rem 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.special-list-content .text-area{
	width: 47.5%
}
.special-list-content .text-area h3{
	font-size: 2.83rem;
	line-height: 3rem;
	padding: 2rem 0;
	color: #555;
}
.special-list-content .text-area{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #555;
}
.special2-friend{
	padding-top: 80px;
}
.nav-dropdown-area{
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	height: 220px;
	z-index: 12;
	background: rgb(34,41,57);
	opacity: 0;
	transition: all linear 0.2s;
	pointer-events: none;
}
.nav-dropdown-area.active{
	opacity: 1;
}
.nav-dropdown-wrap{
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 12;
	width: 100%;
	background: rgb(34,41,57);
	padding: 50px 0;
	text-align: center;
	opacity: 0;
	transition: all linear 0.2s;
	pointer-events: none;
}
.nav-dropdown-wrap.active{
	opacity: 1;
	pointer-events: auto;
}
.nav-dropdown-wrap .img-area{
	display: inline-block;
	vertical-align: middle;
	width: 380px;
	height: 120px;
	border:1px solid #666;
}
.nav-dropdown-wrap .img-area img{
	display: block;
	width: 100%;
	height: 100%;
}
.nav-list-wrap{
	display: inline-block;
	vertical-align: middle;
	height: 120px;
}
.nav-list-wrap .nav-content{
	display: inline-block;
	vertical-align: top;
	padding: 0 45px;
	border-right: 1px solid rgb(56,62,75);
	font-size: 0;
	text-align: left;
}
.nav-list-wrap .nav-content:last-of-type{
	border-right: none;
}
.nav-list-wrap .nav-content a{
	display: block;
	white-space: nowrap;
	color: #fff;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	padding: 0;
}
.nav-list-wrap .nav-content a em,.nav-list-wrap .nav-content a span{
	display: inline-block;
	vertical-align: middle;
}
.nav-list-wrap .nav-content a em{
	margin-right: 9px;
}
.nav-list-wrap .nav-content a:hover{
	color: #999;
}

@media (max-width:1280px) {
	.swiper-container-index1 .swiper-button-prev-index1,.swiper-container-index1 .swiper-button-next-index1{
		width: 8vw;
		height: 8vw;
		line-height: 8vw;
	}
	.common-title{
		padding-bottom: 5vw;
	}
	.wap-padding{
		padding-top: 6vw;
		padding-bottom: 6vw
	}
	.common-padding1,.common-padding2,.common-padding3{
		padding-top: 6vw;
		padding-bottom: 6vw !important
	}
	.banner-swiper-control{
		left: 50%;
		right: auto;
		transform: translateX(-50%)
	}
	.index-model1 .left-area{
		margin: 0;
		padding-bottom: 2vw;
		font-size: 5vw;
		line-height: 8vw;
		width: 100%;
		text-align: center;
	}
	.index-model1 .right-area{
		display: block;
		width: 100%;
		font-size: 3.2vw;
		text-align: center;
	}
	.index-model1 .right-area br{
		display: none;
	}
	.index-model1 .title-area{
		padding-top: 8vw
	}
	.index-model1 .title-area span{
		font-size: 10vw;
		line-height: 10vw;
	}
	.model1-wrap{
		margin: 0;
		flex-wrap: wrap;
		margin-top: 4vw
	}
	.model1-wrap .model1-content{
		width: 100%;
		flex: auto;
		height: 70vw;
		overflow: hidden
	}
	.model1-wrap .model1-content .text-area{
		top: 10%;
		left: 10vw
	}
	.model1-wrap .model1-content .text-area h3{
		font-size: 5vw;
		line-height: 6vw;
	}
	.model1-wrap .model1-content .text-area .link-area{
		min-height: inherit;
		margin: 4vw 0;
		line-height: 5vw;
	}
	.model1-wrap .model1-content .text-area .link-area a{
		font-size: 3.46vw;
	}
	.model1-wrap .model1-content .text-area p{
		font-size: 3.46vw;
		line-height: 5vw;
	}
	.model1-wrap .model1-content .text-area > a{
		font-size: 3.46vw;
		margin-top: 3vw;
	}
	.common-title h3{
		font-size: 5vw;
	}
	.model2-wrap{
		flex-wrap: wrap
	}
	.model2-wrap a{
		width: 46%;
		margin-top: 3vw 
	}
	.model2-wrap a h4{
		padding: 3vw 0;
		font-size: 3.2vw
	}
	.model2-wrap a h3{
		font-size: 3.73vw;
		line-height: 5vw;
		max-height: 10vw;
	}
	.model3-wrap span{
		height: 10vw;
		line-height: 10vw
	}
	.index-model4 .left-area{
		width: 100%
	}
	.index-model4 .left-area .title-area{
		padding: 2vw 4vw
	}
	.index-model4 .model4-inner{
		padding: 0;
		width: 100%
	}
	.index-model4 .left-content{
		padding-top: 0
	}
	.index-model4 .left-content a{
		margin-top: 3vw;
		padding: 0 4vw
	}
	.index-model4 .left-content a .img-area{
		height: 18vw
	}
	.index-model4 .left-content a .text-area{
		width: 62.34%
	}
	.index-model4 .left-content a .text-area h3{
		font-size: 3.46vw;
		line-height: 5vw;
		height: 10vw
	}
	.index-model4 .right-area{
		width: 100%;
		margin-top: 4vw
	}
	.index-model4 .right-area .text-area{
		left: 0;
		padding: 0 4vw;
		width: 100%
	}
	.index-model4 .right-area .text-area h3{
		font-size: 6vw
	}
	.index-model4 .right-area .text-area p{
		font-size: 3.46vw;
		margin: 4vw 0
	}
	.index-model4 .right-area .text-area a{
		font-size: 3.46vw;
		height: 10vw;
		line-height: 10vw;
		padding: 0 6vw
	}
	.common-footer{
		padding: 6vw 0
	}
	.common-footer .nav-area{
		float: left;
		width: 100%;
		padding-top: 2vw
	}
	.common-footer .nav-area a{
		margin-right: 3vw;
		margin-left: 0
	} 
	.footer-copy{
		padding: 4vw 4vw 21vw;
		text-align: left
	}
	.second-nav-wrap{
		padding: 4vw 15px;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden
	}
	.second-nav-wrap{
	height: 100px;
	}
	.second-nav-content{
		width: auto;
		margin: 0 3vw 0 0;
		padding: 0 8vw 0 4vw;
		display: inline-block;
	}
	.second-nav-content:last-of-type{
		margin-right: 15px
	}
	.second-nav-content a{
		font-size: 3.46vw;
	}
	.second-nav-content > a{
		width: auto;
	}
	.jump-feedback-wrap{
		padding: 5vw 0 0;
		margin-top: 6vw;
	}
	.jump-feedback-wrap a{
		font-size: 3.46vw;
		width: auto;
		padding: 0 10vw 0 4vw;
		line-height: 8vw
	}
	.second-nav-content .dropdown-wrap{
		max-width: 100%;
	}
	.second-nav-content .dropdown-wrap a{
		font-size: 3.2vw;
		line-height: 3.2vw;
		height: 3.2vw;
	}
	.news-title{
		font-size: 5vw;
		padding-bottom: 3vw
	}
	.list-news-wrap{
		margin-bottom: 5vw
	}
	.list-news-wrap a{
		padding: 4vw 0
	}
	.list-news-wrap a .text-area{
		width: 52.5%
	}
	.list-news-wrap a .text-area h3{
		font-size: 4vw;
		margin: 3vw 0
	}
	.list-news-wrap a .text-area p{
		font-size: 3.46vw;
		line-height: 5vw;
		height: 10vw
	}
	.list-news-wrap a .img-area{
		width: 44.2%;
		height: 27vw
	}
	.detail-news-title h1{
		font-size: 5vw;
		line-height: 6.5vw;
	}
	.detail-news-title h4{
		margin-top: 4vw
	}
	.news-pages a i{
		width: 8vw;
		height: 8vw;
		line-height: 8vw
	}
	.news-pages a span{
		font-size: 3.46vw;
		max-width: 66%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.download-list-wrap{
		padding-top: 6vw
	}
	.download-content{
		width: 100%;
		margin-bottom: 5vw;
	}
	.download-content span{
		width: 40%;
		font-size: 4vw;
		line-height: 5.5vw;
	}
	.download-content .btn-area{
		width: 26%
	}
	.download-content img{
		width: 25%;
		height: 33vw
	}
	.common-txt{
		white-space: normal;
		font-size: 4vw;
	}
	.list-aboutus-wrap a{
		width: 100%;
		margin-bottom: 4vw;
	}
	.list-aboutus-wrap a > img{
		height: auto;
	}
	.feedback-title h3{
		font-size: 5vw;
		line-height: 6.5vw;
	}
	.list-aboutus-wrap a h3 img{
		height: 4vw;
		width: auto;
	}
	.feedback-title h4{
		font-size: 3.46vw;
		line-height: 5vw;
		margin-top: 4vw
	}
	.feedback-title{
		padding-bottom: 4vw
	}
	.social-title h3{
		font-size: 5vw;
		line-height: 6.5vw;
	}
	.social-title h4{
		font-size: 3.46vw;
		line-height: 5vw;
		margin-top: 3vw
	}
	.social-list-wrap{
		margin-top: 5vw
	}
	.social-list-wrap a{
		padding: 4vw 0
	}
	.social-list-wrap a .img-area{
		width: 100%
	}
	.social-list-wrap a .text-area{
		width: 100%;
		padding-top: 3vw;
	}
	.social-list-wrap a .text-area h3{
		font-size: 4vw;
	}
	.social-list-wrap a .text-area p{
		font-size: 3.46vw;
		line-height: 5vw;
		margin-top: 2vw
	}
	.list-csr-wrap a .img-area{
		width: 38%;
		height: 25vw;
	}
	.list-csr-wrap a .text-area{
		width: 58%;
	}
	.list-csr-wrap a .text-area h3{
		font-size: 3.73vw;
		line-height: 4.2vw;
	}
	.list-csr-wrap a .text-area p{
		font-size: 3.46vw;
		line-height: 5vw;
		margin-top: 2vw;
		height: 10vw
	}
	.anchor-btn-wrap{
		padding-top: 4vw;
		padding-bottom: 4vw;
	}
	.anchor-btn-wrap a{
		margin: 1.5vw 0;
		min-width: 18%;
		border-left: 1px solid #c4c4c4;
		border-right: 1px solid #c4c4c4;
		box-sizing: content-box;
		padding: 0;
		text-align: center;
	}
	.history-content{
		flex-wrap: wrap;
	}
	.history-content .text-area{
		width: 100%
	}
	.history-content .img-area{
		width: 100%;
		margin-top: 3vw;
	}
	.special1-model1,.special1-model2,.special1-model3{
		padding: 6vw 0
	}
	.special1-title h3{
		font-size: 5vw;
		height: 5vw;
		line-height: 5vw
	}
	.special1-content{
		font-size: 3.46vw;
		line-height: 5vw;
		margin-top: 3vw;
	}
	.special1-title a{
		font-size: 4vw;
		line-height: 5vw;
		height: 5vw;
		padding-left: 2vw;
		margin-left: 2vw
	}
	.special1-model2-list{
		margin-top: 3vw;
		flex-wrap: wrap
	}
	.special1-model2-list span{
		width: 49%;
		margin-bottom: 2vw
	}
	.special1-model2-list span h4{
		font-size: 3vw;
		line-height: 10vw
	}
	.special1-model3-wrap .content-wrap{
		padding: 2vw 0;
		font-size: 3.2vw;
		line-height: 5vw;
	}
	.special1-model3-wrap .content-wrap span:nth-of-type(1){
		width: 20%;
	}
	.special1-model3-wrap .content-wrap span:nth-of-type(2){
		width: 79%;
	}
	.special2-pie-wrap{
		flex-wrap: wrap
	}
	.special2-pie{
		margin-bottom: 8vw
	}
	.special2-pie:last-of-type{
		margin-bottom: 0
	}
	.special2-pie span{
		width: 15vw
	}
	.special2-pie span font{
		max-width: 14vw
	}
	.special-list-content{
		padding: 4vw 0;
		flex-wrap: wrap
	}
	.special-list-content img{
		display: block;
		width: 100%
	}
	.special-list-content .text-area{
		width: 100%;
		margin-top: 3vw
	}
	.special-list-content .text-area h3{
		font-size: 5vw;
		line-height: 6vw;
		padding: 2vw 0
	}
	.special2-friend{
		padding-top: 6vw
	}
}