/*===================CSS Reset============================*/
@font-face{ font-family: fontM; src: url('../images/SourceHanSansCN-Medium.otf');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #333; font: 16px "microsoft yahei";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1100px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.fontM{ font-family: fontM,"microsoft yahei";}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding-right: 0; padding-left: 0;}

/*============================ Index ============================*/
.ixPart1{ height: 520px; background: url(/static/653b1bc4a36181f318e945a5/images/zs_img1.jpg) center no-repeat; background-size: cover;}
.ixPart1 .logo{ display: block; width: 358px; height: 74px; margin-top: 24px;}
.ixPart1 .logo img{ width: 100%;}
.ixPart1 .txt{ padding: 70px 100px 0;}
.ixPart1 .txt img{ width: 100%;}

.ixPart2{ font-size: 20px; line-height: 42px; background: #fff; box-shadow: 0 0 20px rgba(33,73,170,.2); padding: 25px 30px; margin-top: -70px; border-radius: 10px;}

.ixPart3{ margin: 0 -30px;}
.ixPart3 .box{ display: block; font-size: 24px; margin: 40px 30px 0; background: #e5eef7; border-radius: 10px; padding: 60px 35px 35px;}
.ixPart3 .box img{ width: 156px; margin-bottom: 30px;}
.ixPart3 .box:hover{ box-shadow: 0 0 10px rgba(0,93,181,.3);}

.ixPart4{ display: block; padding: 25px 20px; margin: 50px 60px 70px; background: #005db5; border-radius: 10px;}
.ixPart4 p{ display: block; color: #fff; font-size: 36px; min-height: 60px; line-height: 60px; background: url(/static/653b1bc4a36181f318e945a5/images/zs_img8.png) center left no-repeat; background-size: 60px; padding-left: 86px;}
.ixPart4:hover{ background: #0049a3;}

.footer{ background: #666; padding: 20px 0;}
.footer .part1{ margin: 0 -30px;}
.footer .part1 .col-sm-2{ width: 20%;}
.footer .part1 dl{ margin: 0 30px;}
.footer .part1 dl dt{ display: inline-block; height: 26px; font-size: 14px; font-weight: normal; line-height: 26px; background: url(/static/653b1bc4a36181f318e945a5/images/zs_img9.png) center right 10px no-repeat #fff; padding: 0 24px 0 12px; border-radius: 3px; margin-bottom: 30px;}
.footer .part1 dl dd{ margin-bottom: 15px;}
.footer .part1 dl dd a{ display: inline-block; color: #fff;}
.footer .part2{ color: #bbb;}
.footer .part2 a,.footer .part2 i,.footer .part2 em{ display: inline-block;}
.footer .part2 span{ display: block; margin: 15px 0 20px;}
.footer .part2 span a{ color: #e1e1e1;}
.footer .part2 span i{ margin: 0 15px;}
.footer .part2 p a{ color: #bbb;}
.footer .part2 p em,.footer .part2 p a{ margin: 0 20px;}
.footer a:hover{ text-decoration: underline;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1100px) {
	.wrap{ width: 100%; padding: 0 15px;}
	.ixPart4{ margin: 50px 0 70px;}
	.footer .part1{ margin: 0 -15px;}
	.footer .part1 dl{ margin: 0 15px;}
}

@media (max-width: 900px) {
	.ixPart1{ height: 400px;}
	.ixPart1 .txt{ padding: 40px 40px 0;}
	.ixPart3{ margin: 0 -15px;}
	.ixPart3 .box{ margin: 40px 15px 0; padding: 30px 20px 20px;}
	.ixPart3 .box img{ width: 80%; margin-bottom: 15px;}
	.ixPart4{ padding: 10px;}
	.ixPart4 p{ font-size: 28px; padding-left: 60px; background-size: 45px;}
	.footer .part1{ margin: 0 -5px;}
	.footer .part1 dl{ margin: 0 5px;}
}

@media (max-width:767px) {
	.mobHide{ display: none;}
	.mobShow{ display: block;}
	body,button,input,select,textarea{ font-size: 14px;}
	.wrap{ padding: 0;}
	.ixPart1{ height: 260px; padding: 0 15px;}
	.ixPart1 .logo{ width: 220px; height: auto; margin-top: 15px;}
	.ixPart1 .txt{ padding: 30px 0 0;}
	.ixPart2{ font-size: 14px; line-height: 24px; padding: 10px 15px; margin: -40px 15px 0;}
	.ixPart3{ margin: 20px 10px;}
	.ixPart3 .box{ font-size: 14px; padding: 20px 10px 10px; margin: 10px 5px 0; border-radius: 6px;}
	.ixPart3 .box img{ width: 60%; margin-bottom: 10px;}
	.ixPart4{ margin: 30px 15px 40px; border-radius: 6px;}
	.ixPart4 p{ font-size: 18px; line-height: 24px; padding-left: 50px; background-size: 40px; background-position: 0 5px;}
	.footer{ font-size: 12px; padding: 20px 10px;}
	.footer .part2 span{ margin: 15px 0 10px;}
	.footer .part2 span i{ margin: 0 5px;}
	.footer .part2 p em,.footer .part2 p a{ margin: 3px 10px;}
	
}