/*public start*/
* {margin: 0;padding: 0;font-size: 16px;font-family: '微软雅黑';-webkit-tap-highlight-color: rgba(0,0,0,0);}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {margin: 0;padding: 0;}
h1, h2, h3, h4, h5{font-weight: normal;}
ol, ul, li {list-style: none;padding: 0;margin: 0;}
img {border: none;max-width:100%;vertical-align: middle;}
a {text-decoration: none;border: none;margin: 0;padding: 0;}
input, textarea ,button{outline: 0;resize: none;border: none;_border: 0;margin: 0;padding: 0;background: none;}
select {border: 0;}
input::-webkit-search-cancel-button {display: none;}
input[type=button], input[type=submit], input[type=search], button{ -webkit-appearance: none;}
table, table td {border-collapse: collapse;}
select {border: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: none;}
select::-ms-expand {display: none;}
/*public end*/

.c{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}


.y-box{
	overflow: hidden;
	width: 100%;
}
.header{
	display: flex;
	align-items: center;
	height: 100px;
	justify-content: space-between;
}
.header .hi1{
	max-width: 87px;
}
.search{
	width: 483px;
	height: 48px;
	display: flex;
}
.search>input{
	width: 414px;
	line-height: 48px;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
	border: solid 1px #dcdcdc;
	padding-left: 4.76190476190476%;
}
.search>input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	 font-size: 12px;
	 color: #999999;
}

.search>input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	 font-size: 12px;
	 color: #999999;
}
.search>input::-ms-input-placeholder { /* Microsoft Edge */
	font-size: 12px;
	color: #999999;
}
.search>input::input-placeholder{
	font-size: 12px;
	color: #999999;
} 
.search>a{
	display: flex;
	width: 69px;
	height: 100%;
	background: #108ccf;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
}
.nav{
	width: 100%;
	background: #108ccf;
	position: relative;
}
.nav-c>ul{
	display: flex;
	justify-content: space-between;
}
.nav-c>ul>li>a{
	line-height: 35px;
	color: #fff;
	font-size: 16px;
	width: 132px;
	display: block;
	text-align: center;
}
.nav-c>ul>li>a>img{
	position: relative;
	top: -2px;
	margin-right: 9px;
}
.nav-c>ul>li:hover>a{
	background: #f3a91e;
}
.nav-c>ul>li>a.this{
	background: #f3a91e;
}
.n2{
	position: absolute;
	top: 35px;
	width: 100%;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,.5);
	display: none;
}
.nav-c>ul>li:hover .n2{
	display: block;
}
.n2>ul{
	display: flex;
	justify-content: space-between;
}
.n2>ul>li>a{
	display: block;
	padding-top: 20px;
	padding-bottom: 25px;
	width: 150px;
}
.n2>ul>li>a>p{
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	position: relative;
}
.n2>ul>li>a:hover>p{
	color: #f3a91e;
}
.n2>ul>li>a>p:after{
	content: "";
	display: block;
	width: 6px;
	height: 11px;
	background: url(../images/s9.png);
	position: absolute;
	left: 0;
	bottom: 3px;
	display: none;
}
.n2>ul>li>a:hover>p:after{
	display: block;
}
.banner{
	position: relative;
}
.banner .swiper-button-next, .banner .swiper-button-prev{
	width: 18px;
	height: 34px;
	background-size: 18px 34px;
}
.banner .swiper-button-next{
	background-image: url(../images/next.png);
	right: 12.55208333333333%;
}
.banner .swiper-button-prev{
	background-image: url(../images/prev.png);
	left: 12.55208333333333%;
}
.p-nav{
	display: none;
	position: absolute;
	right: 0;
}
.p-search{
	display: none;
	width: 100%;
	position: absolute;
	top: 100px;
	z-index: 9999;
	background: #108ccf;
	left: 0;
	height: 30px;
	padding: 5px 0;
}
.p-search>input{
	width: 75%;
	line-height: 30px;
	background: #fff;
	padding-left: 10%;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
}
.p-search>a{
	display: inline-block;
	width: 10%;
}
#f_search{
	display: none;
}
@media(max-width: 1024px){
	#f_search{
		display: block;
	}
}
.pn{
	width: 100%;
	position: absolute;
	top: 100px;
	z-index: 9998;
	background: #108ccf;
	display: none;
}
.pn>ul>li>a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	position: relative;
}
.pn>ul>li>a:after{
	content: "";
	display: block;
	width: 6px;
	height: 11px;
	background: url(../images/s10.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30%;
}
.pn>ul>li>ul{
	background: #3ca9e4;
	display: none;
}
.pn>ul>li>ul>li>a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}
@media(max-width: 1023px){
	.nav{
		display: none;
	}
	.search{
		display: none;
	}
	.header{
		justify-content: flex-start;
	}
	.hi2{
		margin-left: 2px;
	}
	.p-nav{
		display: block;
	}
	.banner .swiper-button-next{
		right: 10px;
	}
	.banner .swiper-button-prev{
		left: 10px;
	}
}
.m1-t{
	display: flex;/*
	align-items: flex-start;*/
	padding-top: 60px;
	padding-bottom: 10px;/*
	flex-flow: wrap;*/
}
.m1-tl{
	width: 537px;
	background: #f4f4f4;
	padding: 0 32px;
}
.m1-tl>h1{
	font-size: 24px;
	color: #333333;
	padding-top: 43px;
	padding-bottom: 10px;
	border-bottom: solid 1px #108ccf;
	display: inline-block;
	line-height: 24px;
}
.m1-tl>p{
	padding-top: 38px;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.m1-tl>a{
	margin-top: 48px;
	font-size: 14px;
	color: #ffffff;
	width: 129px;
	line-height: 35px;
	text-align: center;
	background: #108ccf;
	border-radius: 18px;
	display: block;
}
.m1-tr{
	width: 599px;
}
.m1-b{
	display: flex;
	align-items: flex-start;
	padding-bottom: 61px;
}
.m1-bl{
	margin-right: 10px;
	width: 595px;
}
.m1-br{
	width: 595px;
}
@media(max-width: 1120px){
	.m1-tl>h1{
		padding-top: 23px;
	}
	.m1-tl>p{
		padding-top: 31px;
	}
	.m1-tl>a{
		margin-top: 22px;
	}
}
@media(max-width: 940px){
	.m1-t{
		flex-flow: wrap;
		justify-content: center;
	}
	.m1-b{
		flex-flow: wrap;
		justify-content: center;
	}
	.m1-tl{
		padding-bottom: 26px;
	}
	.m1-tl>h1{
		padding-top: 43px;
	}
	.m1-tl>p{
		padding-top: 38px;
	}
	.m1-tl>a{
		margin-top: 48px;
	}
	.m1-bl{
		margin-right: 0px;
	}
}
.m2{
	width: 100%;
	background: #f4f4f4;
}
.title{
	padding-top: 60px;
}
.title>h1{
	font-size: 24px;
	color: #333333;
	text-align: center;
	padding-bottom: 10px;
}
.title>span{
	display: block;
	width: 29px;
	height: 1px;
	background: #108ccf;
	margin: 0 auto;
}
.title>h2{
	font-size: 12px;
	color: #999999;
	text-align: center;
	padding-top: 14px;
}
.m2c{
	padding-top: 50px;
	position: relative;
	padding-bottom: 132px;
	width: 1200px;
}
.m2c-1{
	display: flex;
	justify-content: center;
	z-index: 9;
}
.scroll{
	width: 100%;
}
.m2c-2{
	display: flex;
	justify-content: center;
	position: absolute;
	top: 170px;
	z-index: 10;
}
.m2ca-2>a{
	position: relative;
	display: flex;
	width: 240px;
	height: 240px;
	justify-content: center;
	align-items: center;
}
.m2ca-2>a>img{
	z-index: 2;
}
.m2ca-2>a:hover>img{
	animation: 1s pulse;
}
.m2ca-2>a:after{
	content: "";
    display: block;
    width: 70%;
    height: 70%;
    transform: rotate(135deg);
    position: absolute;
    top: 34px;
    left: 40px;
    background: #fff;
    z-index: 1;
}
.m2c-3{
	display: flex;
	justify-content: center;
	z-index: 9;
}
@media(max-width: 1200px){
	.scroll{
		overflow-x: scroll;
	}
}
.ft{
	background: #424242;
	padding-bottom: 61px;
}
.ftc{
	display: flex;
	padding-top: 60px;
}
.ftc-1{
	width: 321px;
}
.ftc-1>p{
	font-size: 12px;
	color: #afafaf;
	line-height: 30px;
}
.ftc-1>li{
	display: flex;
	align-items: center;
	margin-bottom: 23px;
}
.ftc-1>li>p{
	font-size: 12px;
	color: #afafaf;
	padding-left: 10px;
}
.ftc-1>li>p>span{
	font-size: 14px;
	color: #cfcfcf;
	padding-right: 14px;
}
.ftc-2{
	padding-top: 54px;
	margin-left: 22px;
	width: 444px;
}
.ftc-2>p>span{
	font-size: 12px;
	line-height: 30px;
	color: #afafaf;
}
.ftc-2>p>span:first-child{
	margin-right: 20px;
}
.ftc-3{
	/*margin-left: 138px;*/
}
.ftc-3>h1{
	font-size: 14px;
	color: #cfcfcf;
	padding-bottom: 31px;
}
.ftc-3c{
	width: 125px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.ftc-3c>a{
	margin-bottom: 9px;
}
.ftc-4{
	padding-left: 147px;
}
.ftc-4>h1{
	font-size: 14px;
	color: #cfcfcf;
	padding-bottom: 30px;
	line-height: 14px;
}
.fb{
	background: #303030;
}
.fbc>p{
	line-height: 36px;
	color: #8d8d8d;
	font-size: 12px;
	text-align: center;
}
.fbc>p>span{
	color: #8d8d8d;
	font-size: 12px;
	padding: 0 16px;
}
.fbc>p>a{
	color: #8d8d8d;
	font-size: 12px;
}
@media(max-width: 900px){
	.ftc-4{
		padding-left: 0px;
		width: 50%;
	}
	.ftc{
		flex-flow: wrap;
	}
	.ftc-1{
		width: 50%;
		padding-bottom: 10px;
	}
	.ftc-2{
		width: 50%;
		margin-left: 0px;
		padding-bottom: 10px;
	}
	.ftc-3{
		width: 50%;
		display: flex;
    	justify-content: center;
	}
}
@media(max-width: 614px){
	.ftc-1{
		width: 100%;
	}
	.ftc-2{
		width: 100%;
		padding-top: 0px;
	}
	.ftc-1>li{
		justify-content: center;
	}
	.ftc-1>p{
		text-align: center;
	}
	.ftc-2>p{
		text-align: center;
	}
}
.m3c{
	padding-top: 53px;
	padding-bottom: 60px;
}
.m3-c{
	border: solid 1px #dcdcdc;
	display: flex;
	flex-flow: wrap;
	align-items: flex-start;
}
.m3c-l{
	width: 296px;
	border: 1px solid #dcdcdc;
	position: relative;
}
.m3c-l>a>p{
	position: absolute;
	bottom: 100px;
	text-align: center;
	width: 100%;
	font-size: 18px;
	color: #666666;
}
.m3c-ml{
	width: 297px;
	border: 1px solid #dcdcdc;
	position: relative;
	overflow: hidden;
}
.m3c-ml>a>p{
	position: absolute;
	bottom: 32px;
	text-align: center;
	width: 100%;
	font-size: 18px;
	color: #666666;
}
.m3c-nb{
	width: 300px;
}
.wysl{
	display: none;
}
.m3c-lh{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(16,140,207,.7);
	display: flex;
	align-items: center;
	justify-content: center;
}
.m3c-lha>h1{
	font-size: 24px;
	color: #fff;
	text-align: center;
	width: 100%;
	padding-bottom: 30px;
}
.m3c-lha>p{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	width: 252px;
	text-align: center;
	margin: 0 auto;
}
.m3c-l:hover .wysl{
	display: block;
}
.m3c-ml:hover .wysl{
	display: block;
}
@media(max-width: 1200px){
	.m3-c{
		border: 0;
		justify-content: space-between;
	}
	.m3c-m{
		margin-bottom: 20px;
	}
	.m3c-m12{
		display: flex;
		margin-left: 0;
		width: 100%;
		justify-content: center;
	}
}
@media(max-width: 896px){
	.m3c-896{
		display: flex;
		margin-left: 0;
		width: 100%;
		justify-content: center;
	}
	.m3-c{
		justify-content: center;
	}
}
@media(max-width: 596px){
	.m3c-m12{
		flex-flow: wrap;
	}
	.m3c-896{
		flex-flow: wrap;
	}
}
.m4{
	background: #f4f4f4;
}
.m4c{
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
	padding-bottom: 71px;
	flex-flow: wrap;
}
.m4c-l{
	width: 380px;
}
.m4c-lf{
	padding: 18px 20px 25px 20px;
	background: #fff;
}
.m4c-lf>h1{
	font-size: 16px;
	color: #333;
}
.m4c-lf>p{
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	padding-top: 20px;
}
.m4c-lf>li{
	display: flex;
	justify-content: space-between;
	padding-top: 22px;
}
.m4c-lf>li>span{
	font-size: 12px;
	color: #999999;
}
.m4c-lf>li>a{
	font-size: 12px;
	color: #999999;
}
.m4c-l:hover .m4c-lf>h1{
	color: #108ccf;
}
.m4c-l:hover .m4c-lf>li>span{
	color: #108ccf;
}
.m4c-l:hover .m4c-lf>li>a{
	color: #108ccf;
}
@media(max-width: 1142px){
	.m4c-l{
		width: 80%;
		display: flex;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}
@media(max-width: 789px){
	.m4c-l{
		width: 380px;
		display: block;
	}
}
.n1-1{
	background: #f6f6f6;
	padding-bottom: 62px;
}
.n1-1c>p{
	padding: 31px 0;
}
.n1-1c>p>a{
	font-size: 12px;
	color: #666666;
}
.n1-1ct>ul{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
}
.n1-1ct>ul>li{
	width: 399px;
	display: flex;
	justify-content: center;
	height: 50px;
	align-items: center;
	background: #fff;
	position: relative;
}
.n1-1ct>ul>li>a{
	font-size: 16px;
	color: #333333;
	padding-left: 3px;
}
.n1-1ct>ul>li:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #f3a91e;
	position: absolute;
	bottom: 0;
	visibility: hidden;
}
.n1-1ct>ul>li:hover>a{
	color: #f3a91e;
}
.n1-1ct>ul>li:hover:after{
	visibility: visible;
}
.n1-1ct>ul>li.this>a{
	color: #f3a91e;
}
.n1-1ct>ul>li.this:after{
	visibility: visible;
}
.n1-1cb{
	padding: 0 31px;
	background: #fff;
}
.n1-1cb .img{
	padding-top: 40px;
}
.n1-1cb>p{
	font-size: 14px;
	line-height: 36px;
	color: #525252;
}
.n1-1cb>p.first{
	padding: 49px 0;
}
.n1-scroll{
	width: 100%;
	overflow-x: scroll;
}
.hzhb{
	padding: 108px 0 81px 0;
	/*display: flex;
	justify-content: center;*/
	position: relative;
	height: 564px;
	width: 1102px;
}
.hzhb>img.img{
	position: absolute;
	top: 68px;
	left: 50%;
	transform: translateX(-50%);
}
.m1-1{
	display: flex;
	justify-content: center;
}
.m1-1>a{
	/*width: 125px;*/
	width: 121px;
	height: 144px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: transparent;
}
.m1-1>a>img{
	z-index: 10;
}
/*.m1-1>a:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/n1-5.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}*/
.hzhb .m2{
	position: absolute;
	top: 213px;
	background: transparent;
	left: 50%;
	transform: translateX(-50%);
}
.hzhb .m3{
	position: absolute;
	top: 316px;
	background: transparent;
	left: 50%;
	transform: translateX(-50%);
}
.hzhb .m4{
	position: absolute;
	top: 423px;
	background: transparent;
	left: 50%;
	transform: translateX(-50%);
}
.hzhb .m5{
	position: absolute;
	top: 527px;
	background: transparent;
	left: 50%;
	transform: translateX(-50%);
}
.n1f{
	padding-bottom: 51px;
}
.n1f>h1{
	font-size: 24px;
	color: #333333;
	text-align: center;
	padding: 50px 0;
}
.n1f>p{
	font-size: 14px;
	line-height: 36px;
	color: #4d4d4d;
	padding-bottom: 40px;
}
.n1f .img{
	/*width: 1090px;*/
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.n1f .img>img{
	padding-bottom: 15px;
}
.n1fl{
	display: flex;
	padding-top: 40px;
}
.n1fl .left{
	width: 76px;
	min-width: 30px;
}
.n1fl .right{
	width: 1014px;
}
.n1fl .right>h1{
	font-size: 22px;
	color: #4d4d4d;
	padding-top: 17px;
	margin-left: 21px;
}
.n1fl .right .bottom{
	display: flex;
	flex-flow: wrap;
	padding-left: 21px;
}
.n1fl .right .bottom .list{
	width: 478px;
	border: solid 1px #dcdcdc;
	margin-top: 30px;
	margin-right: 33px;
}
.n1fl .right .bottom .list:nth-child(2n+0){
	margin-right: 0;
}
.n1fl .right .bottom .list>h1{
	font-size: 18px;
	color: #333333;
	line-height: 50px;
	background: #f3f3f3;
	text-align: center;
}
.n1fl .right .bottom .list .mod{
	padding: 26px 70px 22px 70px;
	background: #fff;
}
.n1fl .right .bottom .list .mod>p{
	font-size: 14px;
	color: #575757;
	line-height: 30px;
}
.n1fi1{
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}
.n1fi2{
	display: flex;
	justify-content: center;
}
.n1fi2>img:first-child{
	margin-right: 18px;
}
@media(max-width: 1088px){
	.n1fi2>img:first-child{
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.n1fi2{
		flex-flow: wrap;
	}
}
@media(max-width: 1122px){
	.n1fl .right{
		width: auto;
	}
	.n1fl .right .bottom{
		flex-flow: wrap;
		justify-content: center;
	}
	.n1fl .right .bottom .list{
		margin-right: 0;
	}
}
@media(max-width: 578px){
	.n1fl .right .bottom .list{

	}
	.n1fl .right .bottom .list .mod{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media(max-width: 1120px){
	.n1fl .right>h1{
		padding-top: 0px;
	}
}
.n2q{
	padding-bottom: 61px;
}
.n2q-t{
	padding: 61px 31px;
	display: flex;
	justify-content: space-between;
}
.n2q-tl{
	display: flex;
}
.n2q-tll>img{
	min-width: 91px;
}
.n2q-tlr{
	padding-left: 21px;
}
.n2q-tlr>h1{
	font-size: 18px;
	color: #1c1c1c;
	padding-top: 13px;
	padding-bottom: 14px;
	position: relative;
}
.n2q-tlr>h1:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	background: url(../images/n1-2-4.png);
	width: 21px;
	height: 2px;
	left: 0;
}
.n2q-tlr>p{
	font-size: 14px;
	color: #666666;
	padding-top: 17px;
}
.n2q-b{
	padding: 0 31px;
}
.n2q-bl{
	display: flex;
}
.n2q-bll{
	width: 464px;
	background: #f5f5f5;
	padding: 58px 39px 0 35px;
}
.n2q-bll>h1{
	font-size: 24px;
	line-height: 24px;
	color: #108ccf;
	padding-bottom: 30px;
}
.n2q-bll>p{
	font-size: 14px;
	line-height: 30px;
	color: #4a4a4a;
}
.n2q-blr{
	width: 538px;
}
.n2q-blr>img{
	min-width: 538px;
}
@media(max-width: 922px){
	.n2q-t{
		padding-left: 0;
		padding-right: 0;
	}
	.n2q-b{
		padding-left: 0;
		padding-right: 0;
	}
}
@media(max-width: 549px){
	.n2q-t {
	    padding-left: 25%;
	    flex-flow: wrap;
	}
	.n2q-tl{
		margin-bottom: 10px;
	}
}
@media(max-width: 454px){
	.n2q-t {
	    padding-left: 0px;
	}
	.n2q-tlr{
		padding-left: 5px;
	}
}
@media(max-width: 1016px){
	.n2q-bll>p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
}
@media(max-width: 830px){
	.n2q-bl{
		justify-content: center;
		flex-flow: wrap;
		margin-bottom: 20px;
	}
}
@media(max-width: 538px){
	.n2q-blr>img{
		min-width: auto;
	}
}
.n2-c{
	background: #fff;
	padding: 30px 29px 33px 30px;
}
.n2-cl{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.n2-cl1{
	height: 169px;
	border-top: solid 1px transparent;
	background: #f6f6f6;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 9px;
}
.n2-cl1:hover>img{
	animation: 1s pulse;
}
.n2-cl1w{
	width: 374px;
	/*width: 30%;*/
}
.n2-cl2w{
	width: 566px;
	/*width: 48%;*/
}
.n2-bt1{
	border-top: solid 1px #de0005;
}
.n2-bt2{
	border-top: solid 1px #fbb900;
}
.n2-bt3{
	border-top: solid 1px #000826;
}
.n2-bt4{
	border-top: solid 1px #231f20;
}
.n2-bt5{
	border-top: solid 1px #00a0e9;
}
.n2-bt6{
	border-top: solid 1px #056bb8;
}
.n2-bt7{
	border-top: solid 1px #7995a9;
}
.n2-bt8{
	border-top: solid 1px #e3662f;
}
.n2-bt9{
	border-top: solid 1px #050608;
}
.n2-bt10{
	border-top: solid 1px #1212f6;
}
.n2-bt11{
	border-top: solid 1px #e24134;
}
.n2-bt12{
	border-top: solid 1px #00a0e9;
}
.n2-bt13{
	border-top: solid 1px #009483;
}
@media(max-width: 1180px){
	.n2-cl{
		justify-content: center;
	}
}
@media(max-width: 374px){
	.n2-cl>a{
		display: block;
		width: 100%;
	}
	.n2-cl1w{
		width: 100%;
	}
	.n2-cl2w{
		width: 100%;
	}
}
.n3c{
	padding: 31px 39px 20px 31px;
	background: #fff;
}
.n3c>h1{
	font-size: 24px;
	color: #108ccf;
	padding-bottom: 28px;
}
.n3c>p{
	font-size: 14px;
	line-height: 30px;
	color: #3b3b3b;
}
.n3c>h2{
	font-size: 16px;
	color: #333333;
	margin-top: 44px;
	margin-bottom: 23px;
	padding-left: 13px;
	border-left: 2px solid #009cff;
	font-weight: 700;
}
.n3c-m{
	padding-top: 20px;
	display: flex;
	flex-flow: wrap;
}
.n3c-ml{
	width: 363px;
	margin-right: 20px;
	margin-bottom: 31px;
}
.n3c-ml:nth-child(3n+0){
	margin-right: 0;
}
.n3c-ml>a>h1{
	padding-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #3b3b3b;
}
.n3c-ml:hover>a>img{
	animation: 1s pulse;
}
@media(max-width: 1198px){
	.n3c-ml:nth-child(3n+0){
		margin-right: 20px;
	}
	.n3c-ml:nth-child(2n+0){
		margin-right: 0px;
	}
	.n3c-m{
		justify-content: center;
	}
}
@media(max-width: 816px){
	.n3c-ml{
		margin-right: 0px;;
	}
	.n3c-ml:nth-child(3n+0){
		margin-right: 0px;
	}
}
.n4-c{
	padding: 30px 29px 51px 30px;
	background: #fff;
}
.n4-ct{
	display: flex;
	justify-content: space-between;
	padding-bottom: 68px;
	align-items: flex-start;
}
.modL{
	position: relative;
	width: 563px;
}
.modL .swiper-container{
	width: 100%;
}
.modL .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.modL .swiper-slide {
    background-size: cover;
    background-position: center;
}
.modL .gallery-top .swiper-slide {
}
.modL .gallery-top .swiper-slide img{
   /* border: 1px solid #dcdcdc;*/
}
.modL .gallery-top {
    width: 100%;
}
.modL .gallery-thumbs {
    box-sizing: border-box;
    padding-top: 20px;
    width: 463px;
    margin: 0 auto;
}
.modL .gallery-thumbs .swiper-slide {
    height: 100%;
}
.modL .gallery-thumbs .swiper-slide img{
	border: 2px solid #dcdcdc;
}
.modL .gallery-thumbs .swiper-slide-thumb-active img{
    border: 2px solid #006eaf;
    position: relative;
}
.modL .gallery-thumbs .swiper-button-next{
	background-image: url(../images/n4-12.png);
	width: 11px;
	height: 17px;
	background-size: 11px 17px;
	top: 95%;
}
.modL .gallery-thumbs .swiper-button-prev{
	background-image: url(../images/n4-11.png);
	width: 11px;
	height: 17px;
	background-size: 11px 17px;
	top: 95%;
}
.modR{
	width: 548px;
}
.modR>h1{
	font-size: 24px;
	color: #333333;
	padding-top: 32px;
	padding-bottom: 20px;
}
.modR>p{
	font-size: 14px;
	line-height: 36px;
	color: #666666;
	padding-top: 60px;
}
.n4-c>p{
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}
.n4-cT{
	background: #f3f3f3;
	margin-top: 50px;
	margin-bottom: 30px;
}
.n4-cT>h1{
	width: 144px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #108ccf;
}
.n4-cu>ul>li{
	font-size: 14px;
	line-height: 36px;
	color: #666666;
	padding-left: 18px;
	position: relative;
}
.n4-cu>ul>li:after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #666666;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-radius: 50%;
}
.n4-cf{
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
}
.n4-cf>a:hover>img{
	animation: 1s pulse;
}
.n4-fhlb{
	display: flex;
	justify-content: flex-end;
}
.n4-fhlb>a{
	width: 144px;
	line-height: 50px;
	text-align: center;
	display: block;
	background: #e4e4e4;
	font-size: 14px;
	color: #333333;
}
@media(max-width: 1016px){
	.n4-ct{
		flex-flow: wrap;
		justify-content: center;
	}
	.modR{
		width: 100%;
	}
}
@media(max-width: 563px){
	.modL{
		width: 100%;
	}
	.modL .gallery-thumbs {
	    width: 90%;
	}
}
@media(max-width: 492px){
	.modL .gallery-thumbs {
	    width: 100%;
	}
}
@media(max-width: 660px){
	.n4-cf{
		justify-content: center;
		flex-flow: wrap;
	}
	.n4-cf>a{
		margin-bottom: 20px;
	}
}
.n7-c{
	padding: 50px 21px 63px 14px;
	background: #fff;
	display: flex;
	justify-content: space-between;
}
.n7-cr{
	width: 486px;
}
.n7-crl{
	display: flex;
	padding: 21px 0;
	align-items: center;
	border-bottom: 1px solid #e4e4e4;
}
.n7-crll>h1{
	width: 76px;
	background: #108ccf;
	text-align: center;
	line-height: 76px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
}
.n7-crlr{
	padding-left: 30px;
}
.n7-crlr>p{
	line-height: 24px;
	font-size: 14px;
	color: #666666;
}
.n7-by>h1{
	background: #f3a91e;
}
@media(max-width: 630px){
	.n7-c{
		justify-content: center;
		flex-flow: wrap;
	}
}
.video{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,.3);
	display: none;
	z-index: 999;
	top: 0;
	left: 0;
}
.video>a{
	font-size: 20px;
	color: #fff;
	position: fixed;
	top: 20px;
	right: 30px;
}
.video>video{
	width: 85%;
	height: 70%;
	margin: auto;
}