*{
	box-sizing: border-box;
}
body,select,input,view,text,button,textarea{
    font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
	font-size: 14px; color: #333; background: #fff;
	overflow-x: hidden;line-height: 1.14; font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
a{
	color: inherit; 
	outline:none;
    -moz-outline-style:none;
}
a:hover{
	color: inherit; text-decoration: none;font-weight:1000;
}
img{
	max-width: 100%;
}

.clearfix:after{
	content: "";display: table; clear: both; height: 0; visibility: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.tleft{
	text-align: left !important;
}
.tright{
	text-align: right !important;
}
.wrapper{
	width: 1280px; margin: 0 auto;
}
/*header*/
.hheader{
	position: absolute; left: 0; right: 0; top: 0; z-index: 99; padding-top: 25px; height: 90px;
}
.hheader-r{}
.hheader-r .search{
	display: inline-block;vertical-align: top;width: 410px;  height: 43px; background: #2b5cf3; position: relative; border: 2px solid #2b5cf3;
}
.hheader-r .search button{
	position: absolute; right: 0; top: 0; width: 85px; height: 100%; background: #2b5cf3; border: 0; color: #fff; font-size: 14px; cursor: pointer;
}
.hheader-r .search input{
	 width: 100%; height: 100%; border: 0; padding: 0 15px; font-size: 15px;
} 
.hheader-r .ago{
	display: inline-block;vertical-align: top; font-size: 20px; color: #002d72; font-weight: bold; line-height: 43px; margin-left: 25px;
}
.hheader-r .ago img{
	vertical-align: middle; margin-left: 10px;
}
.hbanner{
	background: url(../images/img01.png) no-repeat repeat bottom center; background-size: cover; height:668px; position: relative; margin: 0 auto;
}
.hbanner-txts{
	padding-top: 245px; position: absolute; left: 0; top: 0; right: 0;  padding-left: 60px; width: 1280px; margin: 0 auto;
}
.hbanner-txts-l{
	float: left;width: 430px; 
}
.hbanner-qr{
	float: left; margin-top: 175px;
}
.hbanner-qr img{
	width: 150px;
	border: 8px solid #F5F5F5;
	border-radius: 10px;
}
.hbanner .txt{
	margin-bottom: 75px;
}
.hbanner .txt h2{
	font-size: 50px; color: #252a32; font-weight: bold; margin-bottom: 20px;
}
.hbanner .txt h3{
	font-size: 20px; color: #85868a;
}
.hbanner .btns{
	margin-bottom: 20px;
}
.hbanner .btns a{
	display: inline-block; min-width: 175px; height: 55px; background: #436ef4; color: #fff; font-size: 22px;text-align: center; line-height: 55px; border-radius: 24px; margin-right: 23px; margin-bottom: 20px;box-shadow: 4px 6px 18px 0px rgb(28 53 199 / 40%);
}
.hbanner .btns a:hover{
	background: #1b47d1;
}
.hbanner .tips{
	font-size: 12px; color: #999;
}
.htype{
	padding: 55px 0;
	position: relative;
  	animation-name: example;
  	animation-duration: 1s;
}
@keyframes example {
 	0%   {left:-2000px; top:0px;}
  	100% {left:0px; top:0px;}
}
.htype .wrapper{
	height: auto; overflow: hidden;
}
.htype li{
	width: 20%; float: left;text-align: center; padding:80px 40px 0; min-height: 330px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.htype li .img{
	margin-bottom: 20px;-webkit-transition: -webkit-transform .5s ease-out;-moz-transition: -moz-transform .5s ease-out;-o-transition: -o-transform .5s ease-out;-ms-transition: -ms-transform .5s ease-out;
}
.htype li .img:hover {
	-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);
}

.htype li h3{
	font-size: 18px; color: #272931; font-weight: bold;
}
.htype li .txt{
	margin-top: 30px; font-size: 14px; color: #7d7e82; line-height: 1.8;text-align: left; display: none;
}
.htype li:hover{
	padding-bottom: 40px; padding-top: 40px; background: #f8faff;
}
.htype li:hover .txt{
	display: block;
}
.hrow{
	padding-top: 40px; padding-bottom: 70px;
	padding: 55px 0;
	position: relative;
   	animation-name: example2;
   	animation-duration: 1s;
}
@keyframes example2 {
  	0%   {left:2000px; top:0px;}
  	100% {left:0px; top:0px;}
}
.htit{
	text-align: center;
}
.htit h2{
	font-size: 36px; color: #2a2c34; font-weight: bold;
}
.htit h3{
	margin-top: 15px; font-size: 18px; color: #6d6e73;
}
.hvideo{
	text-align: center; margin-top: 50px; width: 956px; margin-left: auto; margin-right: auto;
}
.hvideo video{
	width: 100%;
}
.fnav{
	border-top: 1px solid #f0f0f0;
	position: relative;
  	animation-name: example1;
  	animation-duration: 1s;
}
@keyframes example1 {
  	0%   {left:-2000px; top:0px;}
  	100% {left:0px; top:0px;}
}
.fnav .wrapper{
	height: auto; overflow: hidden;display:flex;justify-content: center;
}
.fnav dl{
	float: left; padding: 35px 0 25px 0; margin-right: 135px;
}
.fnav dl:last-child{
	margin-right: 0;
}
.fnav dt{
	font-size: 15px; color: #333; font-weight: bold; margin-bottom: 25px;
}
.fnav dd{
	font-size: 15px; color: #44444b; padding: 12px 0;
}
.footer{
	border-top: 1px solid #f0f0f0; padding: 30px 0; height: auto; overflow: hidden; background: #fff;
}
.footer .copyright{
	float: left; padding-top: 40px; width: 800px;
}
.footer .copyright .tit{
	font-size: 15px; margin-bottom: 20px; color: #66686e;
}
.footer .copyright .txt{
	font-size: 14px; color: #a9a9ac;
}
.footer .qr{
	float: right; text-align: center; font-size: 15px; color: #5d5f64;
}
.footer .qr img{
	width: 150px; margin-bottom: 3px;
}

.header{
	 margin: 0 auto; position: fixed; left: 0; top: 0; right: 0; height: 90px; background: #436ef4; z-index: 999;
}
.header .logo{
	padding-top: 22px; float: left;
}
.header-r{
	float: right;
}
.header-r li{
	line-height: 90px; float: left; font-size: 19px; color: #FFFFFF; margin-left: 55px;
}
.header-r li img{
	margin-right: 10px;
}
.mbanner{
	height: 363px; background-repeat:no-repeat ; background-position:center ; background-size:cover ; margin: 0 auto;
}
.bc-gray{
	background: #f4f5f6;
}
.mmain{
	height: auto; overflow: hidden; position: relative; z-index: 1;width: 1280px; margin: -115px auto 25px auto;
}
.mmain-l{
	background: #fff; width: 265px; float: left;
}
.mmain-r{
	background: #fff; width: 1000px; float: right;
}
.mmain-l-hd{
	height: 115px; padding: 0 20px; line-height: 115px; border-bottom: 1px solid #e4e4e4; font-size: 28px; font-weight: bold;
}
.mnav>li{
	
}
.mnav>li:last-child{
	border-bottom: 0;
}
.mnav>li>a{
	display: block; padding: 0 20px;  font-size: 18px; font-weight: bold; border-bottom: 1px solid #f4f5f7;line-height: 45px;
}
.mnav>li.on>a,
.mnav>li>a:hover{
	background: #436ef4; color: #fff;
}
.mnav-sub{
	display: none;
}
.mnav>li.on .mnav-sub{
	display: block;
}
.mnav-sub>li>a{
	display: block;line-height: 45px; padding: 0 20px 0 50px; font-size: 15px; font-weight: bold; border-bottom: 1px solid #e4e4e4;
}
.mnav-sub>li.m>a{
	background: url(../images/img13.png) no-repeat left 20px center;
}
.mnav-sub>li>a:last-child{
	border-bottom: 0;
}
.mnav-sub>li.on.m>a{
	background-image: url(../images/img12.png);
}
.mnav-sub>li>a:hover{
	color: #000;
}
.mnav-sub>li>ul{
	background: #f9fafb; border-bottom: 1px solid #e4e4e4; display: none;
}
.mnav-sub>li.on>ul{
	display: block;
}
.mnav-sub>li>ul>li>a{
	display: block; line-height: 45px; padding-left: 50px; padding-right: 20px; font-size: 14px; color: #6a6a71;
}
.mnav-sub>li>ul>li>a:hover,
.mnav-sub>li>ul>li.on>a{
	color: #2456f3;
}
.mmain-r-hd{
	border-bottom: 1px solid #e4e4e4; height: 115px; padding-top: 32px;
}
.mmain-r-hd .search{
	position: relative; margin: 0 115px; 
}
.mmain-r-hd .search input{
	width: 100%; height: 50px; border: 1px solid #e4e4e4; padding: 0 20px; font-size: 15px;
}
.mmain-r-hd .search button{
	position: absolute; right: 0; top: 0; width: 55px; bottom: 0; background: #174381 url(../images/img14.png) center no-repeat; cursor: pointer; border: 0;
}
.mmain-r-hd .current{
	font-size: 14px; color: #999; padding: 0 60px;
}
.mmain-r-hd .current a:hover{
	color: #333;
}
.mmain-r-hd .tit{
	font-size: 20px; font-weight: bold;padding: 0 60px; margin-bottom: 18px;
}
.mmain-r-hd{
	
}
.mmain-r-bd{
	 
}
.mmain-r-bd .tit{
	padding: 30px 0; margin: 0 70px; font-size: 18px;  font-weight: bold;     border-bottom: 1px solid #e4e4e4;
}
.mmain-r-bd .infos{
	text-align: center; padding: 35px 60px 50px 60px;
}
.contentsoft p{text-align:left;font-size: 16px;  line-height:28px; }
.contentsoft p img {margin-top: 8px;    }