@charset "utf-8";
/* Css reset start */
body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td, hr, button,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{margin:0;padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;	font-weight: 500;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
ol, ul ,li{list-style: none;}
fieldset, img {border: 0}
del, ins { text-decoration: none }
caption, th { text-align: left }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video {display: inline-block; *display:inline; *zoom:1}
/*FORM RESET*/
button, input, select, textarea{font-size: 100%}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
button[disabled], html input[disabled]{cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;box-sizing: border-box;}
input[type="search"] {-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
textarea {overflow: auto}
q:before, q:after {content: ''}
sup {top: -0.5em}
sub {bottom: -0.25em}
table {border-collapse: collapse;border-spacing:0;}
th {text-align: inherit;}
iframe{	display: block;}
input,a{-webkit-tap-highlight-color:transparent;-webkit-transition:background-color;outline: none; border:none; border-radius:0;}
.mb5{margin-bottom: 5% !important;}

/* ==|== FONT RESET======================= */
html, body, button, input, select, textarea {font: 12px/1.5 "Microsoft YaHei", arial;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #333;	}
body{ background-color:#fff;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
.clearfix{zoom:1;}
.clearfix:after{ clear: both;content:"";diplay:table;}
.clear{ clear: both;overflow: hidden;}
.fl {float: left !important;}
.fr {float: right !important;}
.red{color: #ff0000 !important;}
.hidden{overflow: hidden;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
a:hover{text-decoration: underline;}
body {font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;font-size: 14px;line-height: 1.42857143;color: #000;background-color: #fff !important;}
.posrel{position: relative;}

.w1730{max-width: 1730px;margin: 0 auto;width: 98%;}
.w1680{max-width: 1680px;margin: 0 auto;width: 96%;}
.w1330{max-width: 1330px;margin: 0 auto;width: 90%;}
.w1000{max-width: 1000px;margin: 0 auto;width: 90%;}
.w1536{max-width: 1536px;margin: 0 auto;width: 94%;}
.w1200r{max-width: 1200px;width: 88%;}
.w1060{max-width: 1060px;width: 80%;}
.w50{width: 50%;}
/*.w960{max-width: 960px;width:50%;}*/
.fs70{font-size: 90px;}
.fs50{font-size: 68px;}
.fs44{font-size: 56px;}
.fs34{font-size: 44px;}
.fs33{font-size: 42px;}
.fs31{font-size: 38px;}
.fs28{font-size: 34px;}
.fs27{font-size: 32px;}
.fs26{font-size: 30px;}
.fs24{font-size: 28px;}
.fs22{font-size: 25px;}
.fs18{font-size: 22px;}
.fs14{font-size: 18px;}

@font-face{
font-family: 'GOTHICB';src: url('../font/GOTHICB.TTF');
src: url('../font/GOTHICB.TTF') format('truetype')    ;
}
@font-face{
font-family: 'Roboto-Bold';src: url('../font/Roboto-Bold-3.ttf');
src: url('../font/Roboto-Bold-3.ttf') format('truetype')    ;
}
@font-face{
font-family: 'Roboto-Regular';src: url('../font/Roboto-Regular-14.ttf');
src: url('../font/Roboto-Regular-14.ttf') format('truetype')    ;
}
.bg{width: 100%;background: url(../images/bg1.jpg) top center no-repeat;background-size: 100%;}

@media(min-width:1921px)and(max-width:2560px){

}
@media(min-width: 1921px){
.main1{padding-bottom: 13%;}
.main2{background: url(../images/p2bg.jpg) center no-repeat;background-size: 100%;}
}

.main1{background: url(../images/p1bg.png) top center no-repeat;background-size: 100%;position: relative;width: 100%;padding-top: 80px;min-height: 580px;padding-bottom: 50px;}
.tab{position: absolute;top:10px;width: 100%;color: #fff;text-align: right;}
.tab a{color: #fff;font-size: 22px;display: inline-block;padding-right: 15px;}
.tab a:hover{text-decoration: none;}
.w1200r{color: #fff;font-family: 'GOTHICB';position: relative;}
.w1200r h1{position: relative;padding-bottom: 20px;line-height: 1.2}
.w1200r h1:after{width: 310px;height: 6px;background: #fff;content: '';position: absolute;bottom: 0;left: 0;}

.w1200r h3{padding-top: 35px;font-family: 'Roboto-Regular';}
.w1200r p{margin-top: 65px;font-family: 'Roboto-Regular';;background: url(../images/p102.png) left center no-repeat;border: 1px solid #fff;line-height: 52px;display: inline-block;padding-left: 100px;padding-right: 75px;}
.w1200r .sb{position: absolute;bottom: -40px;right: 45px;}
.w1060{font-family: 'Roboto-Regular';}
.w1060 p{background: linear-gradient(90deg, #e8f3f9 0,#fdfdfe 100%);color: #3d46f2;padding: 6% 5%;}
.w1060 h4{text-align: right;color: #3d46f2;line-height: 3;}

.video video{margin-top: 5%;width: 100%;display: block;height: 862px;background: #000;}

.main2{width: 100%;background: url(../images/p2bg.jpg) center no-repeat;margin-top:8%;}
.ma2nr{padding:2% 4%;color: #fff;line-height: 1.6;width: 42%;font-family:'Roboto-Regular';} 
.ma2nr h3{background: url(../images/p201.png) left center no-repeat;padding-left:60px;border-bottom: 2px solid #fff;line-height:2;font-family: 'GOTHICB';}
.ma2nr p{line-height: 1.6;margin: 5% 0;}

.ma2blz{width: 92.5%;}
.ma2blzt{background: url(../images/p205.jpg) top center no-repeat;background-size: 100% 100%;font-family: 'Roboto-Regular';color: #3d46f2;padding:9% 9%;margin-top: 55px;}
.ma2blzt p{font-family: 'Roboto-Regular';line-height: 1.4;}
.ma2blzb dl{background: url(../images/p203.jpg) top left no-repeat;padding-left:70px;color: #3d46f2;margin-top: 20px;}
.ma2blzb dl dt{font-family: 'Roboto-Bold';line-height: 45px;}
.ma2blzb dl dd{font-family: 'Roboto-Regular';}
.ma2blzb dl:nth-child(2){background: url(../images/p204.jpg) top left no-repeat;;}
.ma2brnr{background: url(../images/p202.jpg) left top no-repeat;padding-left: 88px;font-family:'Roboto-Regular';line-height: 1.8;color: #3d46f2;margin-top: 73px;}
.ma2brnr h3{font-family: 'Roboto-Bold';line-height: 62px;}


.ma3tit{text-align: center;font-family: 'GOTHICB';margin-top: 6%;}
.ma3tit h2 span{display: inline-block;background: url(../images/p3tbg.jpg) left center no-repeat;padding-left: 50px;line-height: 124px;height: 124px;color: #3f46e9;}
.ma3tit h3{margin-top:1%;}
.ma3tit h3 span{display: inline-block;background: linear-gradient(90deg, #ace2d4 0,#ace2d4 50%,#ddf3ee 100%);line-height: 1.8;border-radius: 50px;color: #fff;padding: 0 50px;}

.ma3ul{margin-top: 5%;}
.ma3ul li{width:22.4%;float: left;margin-right: 3.2%; }
.ma3ul li .pic{position: relative;}
.ma3ul li .pic img{width: 100%;display:block;}
.ma3ul li .pic h3{position: absolute;bottom: 0;left: 25px;color: #fff;line-height: 44px;font-family:'Roboto-Bold' ;}
.ma3ul li p{font-family: 'Roboto-Regular';padding: 0 20px;line-height: 1.5;margin-top: 20px;width:70%;}
.ma3ul li:nth-child(4n){margin-right: 0;}
/*.ma3ul2 li{width:26.8%;float: left;margin-right: 9.5%;}*/
.ma3ul2 li{width:40.8%;float: left;}
.ma3ul2 li:nth-child(2n){float: right;}
.ma3ul2 li:nth-child(3n){margin-right: 0;}
.ma3ul2 li:nth-child(4n){margin-right: auto;}

.ma3b{background: url(../images/p4bg.jpg) top left no-repeat;padding: 6% 0 9%;margin: 4% auto 5%;background-size: 100%;}

.ma3bl{width: 38%;color: #fff;}
.ma3bl .pic{width: 92%;margin-bottom: 5%;}
.ma3bl img{display: block;width: 100%;position:relative;z-index: -1;}
.ma3bl h1{font-family:'GOTHICB';line-height: 1.6;}

.ma3br{width: 40%;color:#3d46f2;font-family: 'Roboto-Regular';line-height: 1.6;}
.ma3br p{margin-top: 5%;}


.ma4t{border: 4px solid #00a28c;border-radius: 48px;padding: 4.5% 5.6%;color: #3d46f2;line-height:1.6;margin-bottom: 4%;font-family:'Roboto-Regular';}
.ma4ul{margin-bottom: 5%;overflow: hidden;}
.ma4ul li{width: 19%;float: left;margin-right: 7.5%;margin-top: 80px;}
.ma4ul li .pic{position: relative;}
.ma4ul li .pic img{width: 100%;}
.ma4ul li .pic p{position: absolute;height: 58px;width: calc(100% - 15px );padding-left: 15px;color: #fff;bottom: 18px;left: 0;font-family: 'Roboto-Bold';line-height: 54px;   transform: rotate(-5deg); }
.ma4ul li h4{color: #000000;font-family:'Roboto-Regular';line-height: 1.2;padding: 5% 15px;}
.ma4ul li:nth-child(4n){margin-right: 0;}
.ma4ul li:nth-child(2n){margin-top: 0;}
.ma4ul li:nth-child(4n+1){clear: both;}




.main5{width: 100%;height: auto;overflow: hidden;background: url(../images/bg2.jpg) top center no-repeat;background-size: 100%;}
.tit5{max-width: 806px;margin: 0 auto 60px;color: #3f46e9;font-family: 'GOTHICB';line-height: 55px;}
.tit5 h2{}
.tit5 h2 span{display: inline-block;background: url(../images/p5tbg.jpg) left center no-repeat;padding-left: 50px;line-height: 124px;height: 124px;}
.tit5 h3{padding-left: 50px;line-height:.8;}
.tit5 p{color: #666666;font-family: 'Roboto-Regular';padding-left: 50px; }

.ma5tl{width: 158px;height: 88px;background: url(../images/p601.png) center no-repeat;text-align: center;color: #fff;font-family: 'GOTHICB';line-height: 1.2;padding: 35px 0;position: relative;z-index: 9;}
.ma5tl2{padding-top: 32px;margin-left: -60px;position: relative;z-index: 1;}
.ma5tl2 p{height: 95px;line-height: 95px;background: linear-gradient(90deg, #dedffd 0,#3e47f1 100%);color: #fff;padding:0 50px 0 100px;border-radius: 90px;font-family: 'GOTHICB';}

.ma5ul li{background: url(../images/p602.png) 60px 70px no-repeat;padding-top:62px;line-height: 55px;overflow: hidden;}
.ma5ul li span,.ma5u2 li span.time{color: #3f46e9;font-family: 'Roboto-Bold';display: inline-block;min-width: 270px;max-width: 270px;padding-left: 110px;float: left;}
.ma5ul li p{display: inline-block;float: left;}
.ma5ul li font{color: #666666;font-family: 'Roboto-Regular';display: inline-block;}
.ma5ul ul{background: url(../images/p603.png) 60px bottom repeat-y;padding-bottom:140px; }
.ma5ul li p span{width: 90%;max-width: 90%;min-width: 90%;}
.ma5u2 li p {width: calc(100% - 400px );}
.ma5u2 li p .hg{display: inline-block;float: left;}
.ma5u2 li p span{display: inline-block;padding-left: 20px;width: 80%;}
.ma5u2 li p .nr{padding-left: 40px;line-height: 30px;}
.ma5u2 li p font:nth-child(2){padding-left: 20px;}
.ma5u2 li.last span{max-width: calc(100% - 120px );}
.ma5ul:last-child ul{padding-bottom:10px;}
.ma5ul:last-child{background: url(../images/p604.png) 60px bottom no-repeat;padding-bottom: 200px;margin-bottom: 100px;}

.ma5an{text-align: center;margin-bottom:10%;}
.ma5an h2 a:hover{text-decoration: none; }
.ma5an h2 a{font-family: 'GOTHICB';color: #fff;display: inline-block;padding: 1% 4%;background: linear-gradient(180deg, #3d45f0  0,#1a037c 100%);;border-radius: 18px;}


@media(max-width: 1680px){
	.main1{padding-top:3%;padding-bottom: 2%; }
	.w1200r p{margin-top: 4%;}
	.w1200r .sb{width:32%; bottom: -1%;}

}
@media(max-width: 1440px){
	.fs70{font-size: 70px;}
	.fs50{font-size: 50px;}
	.fs44{font-size: 44px;}
	.fs34{font-size: 34px;}
	.fs33{font-size: 33px;}
	.fs31{font-size: 31px;}
	.fs28{font-size: 28px;}
	.fs27{font-size: 27px;}
	.fs26{font-size: 26px;}
	.fs24{font-size: 24px;}
	.fs22{font-size: 22px;}
	.fs18{font-size: 18px;}
	.fs14{font-size: 14px;}
	.main1{min-height:500px;}
	.video video{height: 750px;}

}
@media(max-width: 1360px){

	
	.main1{background: url(../images/p1bg.png) top center no-repeat;background-size: auto 100%;}
	.ma5ul li span,.ma5u2 li span.time{min-width: 270px;max-width: 270px;}

	.main2{margin-top:3%;}
	.ma3ul li .pic h3{line-height: 34px;}	
	.ma3ul2 li .pic h3{line-height: 50px;}

	.ma4ul li .pic p{bottom: 0;}
	.ma4ul li .pic p{line-height: 50px;}
	.tit5{max-width: 600px;}
	.tit5 p{line-height: 1.8;margin-top: 2%;}
	.video video{height: 690px;}


}
@media(max-width: 1280px){
	.fs70{font-size: 60px;}
	.fs50{font-size: 48px;}
	.fs44{font-size: 33px;}
	.fs34{font-size: 28px;}
	.fs33{font-size: 27px;}
	.fs31{font-size: 26px;}
	.fs28{font-size: 23.5px;}
	.fs27{font-size: 23px;}
	.fs26{font-size: 22px;}
	.fs24{font-size: 20px;}
	.fs22{font-size: 18px;}
	.fs18{font-size: 14px;}
	.fs14{font-size: 13px;}
	.ma3bl .pic{width: 97.4%;}
	.ma3bl img{z-index: 1;}
	.ma4ul li .pic p{bottom: 0;}

	.video video{height: 678px;}

}
@media(max-width: 1086px){
	.video video{height: 575px;}

}
@media(max-width: 960px){
	.ma3b{background: #f0f0f0 url(../images/p4bg.jpg) top left no-repeat;background-size: 200%;padding-top: 12%;}
	.ma3bl{width: 88%;float: none !important;padding-bottom: 22%;}
	.ma3bl .pic{width: 87.5%;}
	.ma3br{width: 100%;margin: 4% auto;float: none !important;padding-top: 5%;}


}
@media(max-width: 768px){
	.video video{height: 405px;}

	.w1200r .sb{bottom: -60px;width: 40%;}
	.ma2blzt{padding: 11% 10%;}
	.ma2blzt p{line-height: 1.2;}
	.ma4ul li{width: 23%;margin-right: 2.5%;}
	.ma3ul2 li .pic h3{line-height: 34px;}
	.ma3ul li .pic h3{line-height: 36px;left: 10px;}
	.ma3ul li p{padding: 0 10px;width: auto;margin-top: 10px;}
	.ma3ul li{width: 49%;margin-right: 0;margin-top: 8%;}
	.ma3ul li:nth-child(2n+1){clear: both;}
	.ma3ul li:nth-child(2n){margin-right: 0;float: right;}
	.ma3ul2 li{margin-right: 0;}

	.ma5u2 li p span{min-width: 200px;}



}
@media(max-width: 680px){
	.ma4ul li .pic p{line-height: 64px;}
	.ma3ul li .pic h3{line-height: 30px;}

}

@media(max-width: 560px){
	.w1536{width: 90%;}
	.w1730{width: 90%;}
	.w1680{width: 90%;}
	.fs70{font-size: 36px;}
	.fs50{font-size: 34px;}
	.fs44{font-size: 24px;}
	.fs34{font-size: 21px;}
	.fs33{font-size: 20px;}
	.fs31{font-size: 20px;}
	.fs28{font-size: 20px;}
	.fs27{font-size: 20px;}
	.fs26{font-size: 19px;}
	.fs24{font-size: 18px;}
	.fs22{font-size: 16px;}
	.fs18{font-size: 13px;}
	.w1200r{width: 94%;}
	.w1200r h1:after{width: 50%;}
	.w1200r .sb{max-width: 80%;display: block;}
	.w1060{width: 94%;}
	.main1{padding-bottom: 5px;}
	.main2{background:url(../images/p2bg.jpg) left top no-repeat;background-size: 200%;padding-top: 78%;}
	.ma2nr{background: url(../images/p202bg.jpg) top left no-repeat;background-size: 100% 100%;width: 92%;}
	.w50{width: 100%;}
	.ma2blz{margin: 0 auto;}
	.ma2blzb dl{background: url(../images/p203.jpg) top left no-repeat;background-size: auto 30px;padding-left:55px;color: #3d46f2;margin-top: 20px;}
	.ma2blzb dl dt{line-height: 30px;}
	.ma2blzb dl:nth-child(2){background: url(../images/p204.jpg) top left no-repeat;background-size: auto 30px;}
	.ma2brnr{background: url(../images/p202.jpg) left 10px no-repeat;background-size: auto 35px;}
	.ma2br{width: 92.5%;float: none !important;margin: 15px auto 0;clear: both;}
	.ma2brnr{margin-top: 8%;padding-left: 55px;}

	.ma3ul{margin-bottom: 12%;}
	
	.ma3tit h3{margin-top: 6%;}

	.ma3b{background: #f0f0f0 url(../images/p4bg.jpg) top left no-repeat;background-size: 200%;padding-top: 12%;}
	.ma3tit h2 span{background: url(../images/p3tbg.jpg) left center no-repeat;padding-left: 25px;background-size: 60px;line-height: 65px;height: 65px;}
	.tit5 h2 span{background: url(../images/p5tbg.jpg) left center no-repeat;background-size: 60px;padding-left: 25px;line-height: 65px;height: 65px;}
	.tit5{margin-bottom: 30px;}
	.ma4t{line-height: 1.8;}
	.ma4ul li{width: 48%;margin-right: 0;margin-top: 8%;}
	.ma4ul li:nth-child(2n){float: right;}
	.ma4ul li:nth-child(2n+1){clear: both;}
	.ma4ul li .pic p{bottom: 0;}
	.ma4ul li h4{padding: 0 10px;}
	.ma4ul li .pic p{line-height: 38px;}
	.tit5 h3{line-height: .9;}
	.tit5 p{line-height: 1.4;}
	.tit5 h3,.tit5 p{padding-left: 25px;}
	.main5{margin-top: 8%;}
	.ma5tl{width:100px;background: url(../images/p601.png) center no-repeat;background-size: 100px;height: 60px;padding: 20px 0;}
	.ma5tl2{}
	.ma5tl2{padding-top: 22px;}
	.ma5tl2 p{height: 60px;line-height: 60px;padding: 0 15px 0 70px;}
	.ma5ul ul{background:url(../images/p603.png) 30px bottom repeat-y;padding-bottom: 50px;}
	.ma5ul li{background: url(../images/p602.png) 30px 40px no-repeat;padding-top:32px;}
	.ma5ul:last-child{background: url(../images/p604.png) 30px bottom no-repeat;margin-bottom: 50px;padding-bottom: 120px;}
	.ma5u2 li p .hg{display: none;}
	.ma5ul li span, .ma5u2 li span.time{min-width: 125px;max-width: 125px;padding-left: 72px;line-height: 1.5;padding-top: 15px;}
	.ma5u2 li p{width: calc(100% - 200px )}
	.ma5u2 li p span{min-width: 150px;padding-left: 10px;}
	.ma5u2 li p .nr{padding-left: 10px;max-width: 160px;line-height: 1.4;}
	.ma5u2 li p font:nth-child(2){padding-left: 10px;}
	.video video{height:288px;}

}
@media(max-width: 430px){
	.fs44{font-size: 22px;}
	.fs28{font-size: 18px;}
	.fs26{font-size: 16px;}
	.fs24{font-size: 16px;}
	.fs22{font-size: 15px;}
	.tab a{font-size: 16px;}
	.w1200r .sb{width: 70%;bottom: -88px;}
	.ma4ul li .pic p{line-height: 52px;}
	.ma3ul li .pic h3{line-height: 22px;}
	.ma5ul li span, .ma5u2 li span.time{padding-top: 18px;}
	.video video{height:210px;}

}
@media(max-width: 375px){
	.ma4ul li .pic p{line-height: 60px;}
	.ma3ul li .pic h3{line-height: 20px;}
	.ma3bl .pic{width: 89%;}
	.ma5tl{width:70px;background: url(../images/p601.png) center no-repeat;background-size: 70px;height:auto;padding: 10px 0;line-height: 1.2;}
	.ma5tl2{}
	.ma5tl2{padding-top: 10px;}
	.ma5tl2 p{height: 60px;line-height: 60px;padding: 0 15px 0 70px;}
	.ma5ul ul{background:url(../images/p603.png) 15px bottom repeat-y;padding-bottom:30px;}
	.ma5ul li{background: url(../images/p602.png) 15px 30px no-repeat}
	.ma5ul:last-child{background: url(../images/p604.png) 15px bottom no-repeat;}

	.ma5ul li span, .ma5u2 li span.time{padding-left:58px;line-height: 1.8}
	.ma5u2 li p .nr{padding-left: 30px;max-width: 108px;padding-top: 10px;}
	.ma5u2 li p span{min-width: 100px;}
	.video video{height:195px;}


}