@charset "UTF-8";
@font-face {
	font-family: SourceHanSerifCN-Regular";
 src: url("../fonts/SourceHanSerifCN-Regular-1.woff2") format("woff2"), url("../fonts/SourceHanSerifCN-Regular-1.woff") format("woff"), url("../fonts/SourceHanSerifCN-Regular-1.ttf") format("truetype"), url("../fonts/SourceHanSerifCN-Regular-1.eot") format("embedded-opentype"), url("../fonts/SourceHanSerifCN-Regular-1.svg") format("svg"), url("../fonts/SourceHanSerifCN-Regular-1.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "SourceHanSans-Regular", system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif;
	font-size: 12px;
}

p,
img,
ul,
li,
a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	text-decoration: none;
}

a {
	cursor: pointer;
}


.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.con{	
	margin: 0 auto;
	width: 1200px;
}
.mb1{ margin-top:115px;}
.mb1_r{
	padding-top: 10px;
}
.mb1_r h1{
	font-size: 40px;
	font-weight: 600;
}
.mb1_r .chanshu{	
	margin-top: 40px;
	font-size: 20px;
	color: #999999;
	margin-left: 20px;
}
.mb1_r .chanshu span{
	color: #E72C00;
	font-size: 25px;
}
.mb1_r .zx{
	margin-top: 35px;
}
.mb1_r h3{
	clear: both;
	margin: 0 auto;
	width: 90%;
	font-size: 22px;
	line-height: 80px;
	border-top: 3px solid;
	border-color: #2D6AAB;
	margin-top: 150px;	
}

.mb1_r ul li{
	float: left;
	width: 40%;
	margin-left: 5%;
	margin-top: 30px;
	height: 50px;
	line-height: 50px;
	border-radius:5px;
	background-color: #0A50A0;
	text-align: center;
}
.mb1_r ul li a{
	color: #FFFFFF;
	font-size: 20px;
}

.mb2{
	height: 540px;
	background-color: #1d354f;
	padding-top: 20px;
}
.mb2 h2{
	margin: 0 auto;
	font-size: 30px;
	color: #FFFFFF;
	text-align: center;
	line-height: 100px;
}
.mb2 .con{
	margin: 0 auto;
	text-align: center;
}
.mb2 .con img{ margin: 0 auto;}
.mb2 #phone{
	margin-top: 50px;	
}
.mb3{
	width: 100%;
	height: 230px;
	margin-top:50px;}
.mb3 h1{
	font-size: 45px;
	text-align: center;
}
.mb3 .mb3_nr{
	width: 100%;	
	background: #ffe8c9;
	padding:20px 20px;
	margin-top: 20px;
}
.mb3 .mb3_nr p{
	width:53%;
	font-size: 15px;
	line-height: 30px;
	float: left;
	text-indent: 2em;
	}
.mb4{
	width: 100%;
	height: 380px;
	background-color: #1d354f;
	margin-top: 40px;
}
.mb4 .mb4_l{
	width: 30%;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 40px;
	margin-top: 120px;
	text-indent: 2em;
}

.mb4 ul li{
	width: 378px;
	height: 190px;
	margin-top: 120px;	
	background-color: #FFFFFF;
	text-align: center;
	float: right;
}

.mb4 ul li:last-child{
	margin-right: 40px;
}

.mb4 ul li img{
	margin-top: -30px;
}
.mb4 ul li p{width: 90px;
	height: 35px;
	text-align: center;
	border: 1px solid #333333;
	border-radius: 20px;
	float: left;
	line-height: 35px;
	margin:10px;
	color: #000000;
	font-size: 16px;
}
.dh{
	margin: 0 auto;
	height: 196px;
	padding: 20px 0;
	text-align: center;
	}
	.dh img{ margin: 0 auto;}
.mb5{	
	height: 545px;
}
.mb5_l{
	width: 760px;
	height: 545px;	
}
.mb5_r{
	width: 400px;
}
.mb5_r li{
	margin-top: 30px;
}
.mb5_r li h5{
	padding-left: 60px;
	font-size: 25px;
	font-weight: bold;
	color: #0473cf;
}
.mb5_r li p{
	margin-top: 10px;
	font-size: 16px;
	line-height: 30px;
}
.mb5_r ul li:first-child h5
{
	background: url(../img/e1.jpg) no-repeat left center;
}
.mb5_r ul li:nth-child(2) h5
{
	background: url(../img/e2.jpg) no-repeat left center;
}
.mb5_r ul li:nth-child(3) h5
{
	background: url(../img/e3.jpg) no-repeat left center;
}
.mb5_r ul li:last-child h5
{
	background: url(../img/e4.jpg) no-repeat left center;
}
.mb6{
	width: 100%;
	height: 900px;
	margin-top: 50px;
	background-color: #e1e1e1;
	padding-top: 40px;
}
.mb6 h1{	
	height: 80px;
	line-height: 80px;
	font-size: 48px;
	font-weight: bold;
	text-align: center;	
	
}
.mb6 hr{
	width: 150px;
	height: 5px;
	background-color: #1282e6;
	margin: 0 auto;
}
.mb6 .js{
	margin-top: 40px;
	text-align: center;
}
.mb6 .js p{
	font-size: 16px;
	line-height: 28px;
	text-indent: 2em;
	text-align: left;
}
.mb6 .js img{ margin: 40px auto 0px auto;
	
}
.mb7{
	width: 100%;
	height: 740px;
	margin-top: 20px;
	overflow: hidden;
}
.mb7 h1{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 100px;
}
.mb7 ul li{
	width: 388px;
	height: 290px;
	margin-top: 20px;
	margin-left: 18px;
	float: left;
	background-color: #1950a3;
}
.mb7 ul li:first-child,.mb7 ul li:nth-child(4){ margin-left: 0;}
.mb7 ul li p{text-align: center; line-height: 46px;}
.mb7 ul li p a{
	font-size: 18px;
	color: #FFFFFF;
}
.mb8 h1{	
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 100px;}
.mb8 li{width:49%;  float: left; margin-top: 20px; margin-right: 2%;}
.mb8 li:nth-child(2n){ margin-right: 0px;}
.mb8 li a{
	font-size: 18px;
	line-height: 44px;
	font-weight: bold;
	color: black;
}
.mb8 li p{
	font-size: 14px;
	line-height: 20px;
	background-color: #f3f6fb;
	padding: 10px 5px;
}
.mb9{
	width: 100%;
	height: 476px;
	overflow: hidden;
	padding-top: 30px;
}
.mb9_r{
	width: 692px;
	height: 476px;
	background-color: #98c4eb;	
}
.mb9_r h3{
	font-size: 35px;
	font-weight: bold;
	color: #034788;
	margin-top: 30px;
	margin-left: 60px;
}
.mb9_r p{
	font-size: 16px;
	color: #034788;
	line-height: 32px;
	margin-top: 20px;
	margin-left: 60px;
}
.mb9_r img{
	margin-top: 40px;
	margin-left: 60px;
}
.mb10{
	margin-top: 50px; margin-bottom: -100px; position: relative;
	width: 100%;
	height: 455px;
	background-color: #1965b3;

}
.mb10_l{
	width: 560px;
	height: auto;
	overflow: hidden;
}
.mb10_l h3{
	font-size: 35px;
	color: #f9ff93;
	margin-top: 50px;
	font-weight: bold;
}
.mb10_l p{
	font-size: 22px;
	color: #f9ff93;
	font-weight: bold;
}
.mb10_l ul{
	margin-top: 50px;
}
.mb10_l li{	
	padding-left: 30px;
	line-height: 25px;
	background: url(../img/i1.png) left top no-repeat;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 20px;
}
.mb10_l img{
	margin-top: 30px;
}
.mb10_r{
	width: 600px;
	height: 365px;
	background: #FFFFFF;
	margin-top: 45px;
	padding: 10px 20px;
}
.mb10_r .ly{margin-top: 15px; margin-left: 20px;}
.mb10_r .ly h3{
	width: 170px;
	height: 45px;
	line-height: 45px;
	font-size: 38px;
	font-weight: bold;
	color: #0077de;
	float: left;
}
.mb10_r .ly p{
	font-size: 18px;
	line-height: 22px;
	color: #0077de;
}
.mb10_r .form {
	margin-top: 28px;
	height: 280px;
}
.mb10_r .form .form_name,.mb10_r .form .form_tel{
	width: 220px;
	height: 40px;
	margin-left: 20px;
	padding-left: 40px;
	border: 1px solid #e1e3e6;
	border-radius: 5px;
}
.mb10_r .form .form_name{
	
	background: url(../img/i3.png) left center no-repeat;
	
}
.mb10_r .form .form_name input,.mb10_r .form .form_tel input{
	line-height: 40px;
	font-size: 16px;
}
.mb10_r .form .form_tel{
	background: url(../img/i4.png) left center no-repeat;
}
.mb10_r .form .form_message{
	width: 550px;
	height: 100px;	
	border: 1px solid #e1e3e6;
	border-radius: 5px;
	margin-top: 50px;
	margin-left: 20px;
	background: url(../img/i5.png) left top no-repeat;
	padding-left: 30px;
}
.mb10_r .form .form_message textarea{	
	width: 550px;
	height: 90px;
	border: 0;
	font-size: 16px;
	margin-top: 5px;
}
.mb10_r .form p{
	margin-left: 20px;
}
.mb10_r .form .submit{
	width: 245px;
	height: 59px;
	
}
.mb10_r .form .submit input{
	width: 100%;
	height: 100%;
	background: url(../img/i7.png) no-repeat;
}


.bt{
	margin:10px 20px;
}
.bt a{font-size:18px; color: #2d6aab; line-height: 30px; font-weight: bold;}
.bt p{color: #999999; font-size: 12px; line-height: 20px; margin-top: 10px;}

.lx {
	width: 1000px;
	border: 1px solid #D5D5D5;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 99px 20px;
}
.footer_lx {
	width: 980px;
	height: 150px;
}

.footer_lx ul {
	width: 980px;
	margin: 0 auto
}

.footer_lx ul li {
	width: 245px;
	float: left
}

.footer_lx ul li span {
	height: 57px;
	width: 60px;
	background-image: url(../img/lx.png);
	display: block;
	margin: 0 auto;
	margin-top: 37px
}

.footer_lx ul li .span2 {
	background-position: -60px 0
}

.footer_lx ul li .span3 {
	background-position: -120px 0
}

.footer_lx ul li .span4 {
	background-position: -180px 0
}

.footer_lx ul li .span5 {
	background-position: -240px 0
}

.footer_lx ul li:hover span {
	background-position-y: -58px
}

.footer_lx ul li p {
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	margin-top: 10px;
	color: #333333;
}

.footer_lx ul li:hover p {
	color: ##466c5
}

.footer_lx ul li i {
	width: 141px;
	height: 129px;
	position: absolute;
	z-index: 9999;
	right: -60px;
	top: 30px;
	background: url(../img/ad.png) no-repeat;
	display: none
}

.footer_lx ul li:hover i {
	display: block;
}


.ft_c{text-align: center; width: 100%; background: #CCCCCC; padding: 20px; margin-top: 30px;}
.ft_c a{display: inline-block; margin-right: 40px; color: #333333; font-size: 14px;}
.ft_c span{display: inline-block; margin-right: 40px; color: #333333; font-size: 14px;}
.ft_c a:hover{color: #0A50A0;}



/*! <=991 手机端 */
@media all and (max-width: 991px)
 {
 .con{ width: 96%; padding: 2%;}
 .mb1_r h1,.mb6 h1,.mb7 h1{font-size: 24px;}
 .mb6 h1,.mb7 h1{ line-height: 40px; height: 40px;}
 .mb1_r .chanshu{ margin-top:10px;font-size:16px;color: #999999;margin-left:0px;}
 .mb1_r .zx{ margin-top: 10px;}
 #swta img{ width: 30%; float: right;}
 .mb1{ margin-top:72px;}
 .mb1_l{ width: 100%;} 
 .mb1_l img{ width: 100%;}
 .mb1_r .zx img{ width:60%;}
 .mb1_r h3{ line-height: 40px; margin-top:100px;}
 .mb1_r ul li{ width: 49%;margin-right: 2%; margin-left: 0px;margin-top:10px; margin-bottom: 10px;}
 .mb1_r ul li:nth-child(2n){ margin-right: 0px;}
 .mb2 h2{ line-height: 30px;font-size: 24px;}
 .mb2 #phone{ margin-top: 10px;}
 .mb2{ height: auto;}
 .mb3{ margin-top: 20px; height: auto;}
 .mb3 h1{font-size: 24px;}
 .mb3 .mb3_nr{ padding: 2%; width: 96%;}
 .mb3 .mb3_nr p{width: 100%;}
 .mb4{ height: auto; margin-top: 20px;}
 .mb4 .mb4_l{ width: 100%; margin-top: 15px; line-height: 24px;}
 .mb4 ul li{ width: 100%; margin-top:20px; height: auto;}
 .mb7 ul li{ width: 49%; margin-right:2%; margin-left: 0px; height: auto;}
 .mb7 ul li:nth-child(2n){ margin-right: 0px;}
 .mb4 ul li img{ margin-top:0px; width: 100%;}
 .mb4 ul li:last-child{ margin-right: 0px; margin-bottom: 10px;}
 .dh,.mb5{ height: auto;}
 .mb5_l{width: 100%; height: auto;}
 .mb5_r{ width: 100%;}
 .mb6{ height: auto; margin-top: 20px; padding-top:10px;}
 .mb6 .js{ margin-top: 10px;}
 .mb6 .js img{margin:10px auto 0px auto;}
 .mb7{ height: auto	;}
 .mb8 h1{font-size:24px;line-height:32px;}
 .mb8 li{width: 100%; margin-top: 10px;}
 .mb9{ height: auto;}
 .mb9_r{width: 100%; height: auto; padding-bottom: 20px;}
 .mb9_r h3{margin-top:20px;margin-left:20px;}
 .mb9_r p{margin-top:10px;margin-left:20px;}
 .mb9_r img{ margin-top: 0px; margin-left: 0px;}
 .mb10{ margin-top: 20px; height: auto; margin-bottom: -52px; padding-bottom: 40px;}
 .mb10_l{ width: 100%;}
 .mb10_l h3{ margin-top: 20px;font-size: 24px;}
 .mb10_l ul{ margin-top: 10px;}
 .mb10_l li{ margin-top: 5px;}
 .mb10_r{width: 100%; padding: 10px 0px; height: auto;}
 .mb10_r .ly h3{font-size:28px; line-height: 32px; width: 127px;}
 .mb10_r .form{ height:auto;}
 .mb10_r .form .form_name, .mb10_r .form .form_tel{width:70%; margin-left:20px;float: left !important; margin-bottom: 10px;}
 .mb10_r .form .form_message{float: left; width: 70%;margin-top:20px;}
 .mb10_r .form .form_message textarea{width: 100%;}
 .mb10_r .form .submit{ width: 315px;}
}