* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body{
	margin: 0;
	font-family: "Helvetica Neue","microsoft yahei",Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #333;
	background: #f6f6f6;
	/* background: #f7f7f7 url(../images/qjf4_01.jpg) no-repeat center top; */
}
input,textarea,select
{
	font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	outline:none;
	padding:0;
	border-radius: 0;
	font-size: 16px;
}
h1,h2,h3,h4,h5,h6,i,em,strong{
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-style: normal;
	font-size: 100%;
}
table{
	border-collapse:collapse;
}
img{
	border:none;
	max-width: 100%;
}
dl,dd,dt,p{
	padding: 0;
	margin: 0;
}
a,a:link {
	text-decoration: none;
	color:#333;
}
ul, li {
	padding: 0;
	margin: 0;
	list-style-type:none;
}
.fl {
	float: left;
}
.fr{
	float: right;
}
.clearfix:before, .clearfix:after { 
	content:"";
	display:table;  
 }
.clearfix:after {
	clear:both;
 }
.clearfix {
	*zoom:1;
 }
.wrap{
    width: 1200px;
    margin: 0 auto;
}
.mtop20{
	margin-top: 20px;
}
.header{
	height: 520px;
	background: url(../images/zl2_01.jpg) no-repeat center top;
	overflow: hidden;
}
.white{
	background: #fff;
}
.mdl{
	width: 65%;
	float: left;
}
.mdr{
	width: 33.3333%;
	float: right;
}
.msec1-l{
	height: 285px;
}
.msec1-r{
	height: 285px;
}
.ms-title{
	height: 64px;
	border-bottom: 1px solid #eee;
	padding:0 20px;
	line-height: 64px;
}
.ms-title a{
	font-weight: bold;
	font-size: 24px;
}
.one1{
	padding-top: 26px;
}
.one1 a{
	display: block;
	text-align: center;
	margin: 0 58px;
	transition: all .2s;
}
.one1 a:hover{
	transform: translateY(-8px);
}
.one1 i{
	display: block;
	width: 86px;
	height: 86px;
	margin: 0 auto 18px;
	/* background-image: url(../images/zl5_03.png); */
	/* border-radius: 6px; */
}
/* .one1 .i1{
	background-position: -11px 10px;
}
.one1 a:hover .i1{
	background-position: -11px -66px;
}
.one1 .i2{
	background-position: -136px 10px;
}
.one1 a:hover .i2{
	background-position: -136px -66px;
}
.one1 .i3{
	background-position: -260px 10px;
}
.one1  a:hover .i3{
	background-position: -260px -66px;
} */
/* .one1 a:hover i{
	background-color: #186fd3;
} */
.one1 a:hover span{
	color: #186fd3;
}

.slider .slick-prev,.slider .slick-next{
	width: 19px;
	height: 19px;
	top: -30px;
}
.slick-next{
	right: 20px;
}
.slick-prev{
	right: 51px;
}
.slider .slick-next:before{
	background: url(../images/zl4_05.png) no-repeat;
	width: 19px;
	height: 19px;
	font-size: 0;
	display: block;
}
.slider .slick-prev:before{
	background: url(../images/zl4_03.png) no-repeat;
	width: 19px;
	height: 19px;
	font-size: 0;
	display: block;
}
.msec1-r-1{
	padding: 20px;
}
.one2 a img{
	width: 100%;
}
.one2 .slick-prev,.one2 .slick-next{
	top: -51px;
}
.one2 .slick-next{
	right: 0px;
}
.one2 .slick-prev{
	right: 29px;
}

.one3{
	padding-top: 26px;
}
.one3 a{
	display: block;
	text-align: center;
	margin: 0 58px;
	transition: .2s;
}
.one3 a:hover{
	transform: translateY(-8px);
}
.one3 i{
	display: block;
	width: 86px;
	height: 86px;
	margin: 0 auto 18px;
	/* background-image: url(../images/zl7_07.png);
	background-repeat: no-repeat;
	border-radius: 6px; */
}

.one3 span{
	color: #186fd3;
}

.one3 em{
	display: block;
	margin-top: 10px;
	transition: .2s;
}
/* .one3 .i1{
	background-position: -3px 7px;
}
.one3 .i2{
	background-position: -111px 7px;
}
.one3 .i3{
	background-position: -245px 7px;
} */
.one4{
	padding-top: 5px;
}
.one4 a{
	display: block;
	text-align: center;
	transition: .2s;
	/* margin: 0 58px; */
}
.one4 i{
	display: block;
	width: 86px;
	height: 86px;
	margin: 0 auto 18px;
	text-align: center;
	/* background-image: url(../images/zl9_15.png);
	background-repeat: no-repeat;
	border-radius: 6px; */
}
.one4 i img{
	vertical-align: middle;
	display: inline-block;
	margin-top: 9px;
}
.one4 span{
	color: #186fd3;
}
.one4 em{
	display: block;
	margin-top: 10px;
}
/* .one4 .i1{
	background-position: -10px 16px;
}
.one4 .i2{
	background-position: -114px 12px;
} */
.one4 a:hover{
	transform: translateY(-8px);
}
.one4 .slick-prev,.one4 .slick-next{
	top: -51px;
}
.one4 .slick-next{
	right: 0px;
}
.one4 .slick-prev{
	right: 29px;
}
.main{
	margin-bottom: 30px;
}

.one8{
	padding-top: 26px;
}
.one8 div{
	width: 33.3333%;
	float: left;
}
.one8 a{
	display: block;
	text-align: center;
	margin: 0 58px;
	transition: .2s;
}
.one8 i{
	display: block;
	width: 86px;
	height: 86px;
	margin: 0 auto 18px;
	/* background-image: url(../images/zl8_11.png);
	background-repeat: no-repeat;
	border-radius: 6px; */
}
.one8 a:hover{
	transform: translateY(-8px);
}
/* .one8 .i1{
	background-position: -5px 0px;
}
.one8 .i2{
	background-position: -136px 0px;
}
.one8 .i3{
	background-position: -276px 0px;
} */
.one8 a:hover span{
	color: #186fd3;
}
.msec4 .msec1-l{
	height: 250px;
}
.msec4 .msec1-r{
	height: 250px;
}

.one9{
	padding-top: 26px;
}
.one9 div{
	width: 50%;
	float: left;
}
.one9 a{
	display: block;
	text-align: center;
	margin: 0 28px;
	transition: .2s;
}
.one9 i{
	display: block;
	width: 86px;
	height: 86px;
	margin: 0 auto 18px;
	/* background-image: url(../images/zl8_11.png);
	background-repeat: no-repeat;
	border-radius: 6px; */
}
.one9 a:hover{
	transform: translateY(-8px);
}
/* .one9 .i1{
	background-position: -417px 0px;
}
.one9 .i2{
	background-position: -563px 0px;
}
.one9 .i3{
	background-position: -276px 0px;
} */
.one9 a:hover span{
	color: #186fd3;
}

.msec3 .msec3-1{
	height: 300px;
	float: left;
	border-right: 1px solid #eeeeee;
	width: 16.9%;
}
.msec3 .msec3-2{
	height: 300px;
	float: left;
	border-right: 1px solid #eeeeee;
	width: 33.4%;
}
.msec3 .msec3-3{
	height: 300px;
	float: left;
	width: 49.7%;
}



.one-ss{
	padding-top: 26px;
}
.one-ss a{
	display: block;
	text-align: center;
	margin: 0 36px;
	transition: .2s;
}
.one-ss a:hover{
	transform: translateY(-8px);
}
.one-ss i{
	display: block;
	width: 86px;
	height: 86px;
	margin: 0 auto 18px;
	/* background-image: url(../images/zl7_07.png);
	background-repeat: no-repeat;
	border-radius: 6px; */
}

.one-ss span{
	color: #186fd3;
}

.one-ss em{
	display: block;
	margin-top: 10px;
	transition: .2s;
}
/* .one-ss .i1{
	background-position: -382px 7px;
}
.one-ss .i2{
	background-position: -508px 7px;
}
.one-ss .i3{
	background-position: -636px 10px;
}
.one-ss .i4{
	background-position: -3px 7px;
}
.one-ss .i5{
	background-position: -757px 7px;
}
.one-ss .i6{
	background-position: -872px 7px;
}
.one-ss .i7{
	background-position: -991px 7px;
} */
.red, .red a:link, .red a:visited{ color:#c40000; font-weight:bold;}.red a:hover{color:#FF6600; font-weight:bold;}












.footer{
	padding: 20px 0;
	background: #10568a;
}
.footer .f1{
	overflow: hidden;
}
.footer .f1-1{
	float: left;
	margin-left: 277px;
}
.footer .f1-2{
	float: left;
	margin-left: 16px;
}
.footer .f1-2 p{
	color: #fff;
	line-height: 20px;
	font-size: 14px;
}


@media screen and (max-width: 1200px){
	.wrap{width: auto;}
	.header{height: auto;background: #186fd3;padding: 20px 0;}
	.logo{padding-left:5%;}
	.logo img{width:100%;}
	.main{margin: 0 10px 20px;}
	.mdl{width: 100%;}
	.mdr{width: 100%;margin-top: 20px;}
	.msec3 .msec3-1{width: 100%;border-right: none;}
	.msec3 .msec3-2{width: 100%;margin-top: 20px;border-right: none;}
	.msec3 .msec3-3{width: 100%;margin-top: 20px;}
	.one1 a{margin: 0 10px;}
	.one1 i{width: 50px;height: 50px;}
	.msec1-l{height: auto;padding-bottom: 20px;}
	.one3 a{margin: 0 10px;}
	.one3 i{width: 50px;height: 50px;}
	.one4 i{width: 50px;height: 50px;}
	.one5 i{width: 50px;height: 50px;}
	.one-ss{padding-top: 20px;}
	.msec3 .msec3-1{height: auto;padding-bottom: 20px;}
	.one6 a{margin: 0 10px;}
	.one6 i{width: 50px;height: 50px;}
	.one7 a{margin: 0 10px;}
	.one7 i{width: 50px;height: 50px;}
	.one8{padding-top: 20px;}
	.one8 a{margin: 0 10px;}
	.one8 i{width: 50px;height: 50px;}
	.one9{padding-top: 20px;}
	.one9 a{margin: 0 10px;}
	.one9 i{width: 50px;height: 50px;}
	.msec4 .msec1-r{height: auto;padding-bottom: 20px;}
	.msec4 .msec1-l{height: auto;padding-bottom: 20px;}
	.msec3 .msec3-3{height: auto;padding-bottom: 20px;}
	.msec3 .msec3-2{height: auto;padding-bottom: 20px;}
	.msec1-r{height: auto;padding-bottom: 0px;}
	.footer .f1-1{margin-left: 0;text-align: center;width: 100%;}
	.footer .f1-2{margin-left: 0;width: 100%;}
	.footer .f1-2 p{text-align: center;}
}
/*footer*/
.footer { background-color: #fff;clear: both; font-size:12px;}
.footer-info {padding: 22px 0;}
.footer-info .address {width: 580px;margin-left: 10px;}
.footer-info .address li {line-height: 20px;color: #fff;font-size: 12px;}
.footer-links {padding: 25px 0;border-bottom: 2px solid #074675;}
.footer-links li {float: left;margin-right: 24px;text-align: left;position: relative;width: 220px;padding: 0 15px;border: 1px solid #74ACD6;cursor: pointer;font-size: 15px;color: #74ACD6;line-height: 38px;text-align: center;}
.footer-links li.alink {background: none;text-align: center;}
.footer-links li.last {margin-right: 0;}
.footer-links li.on {border-color: #fff;border-bottom: none;background-color: #fff;color: #074675;}
.footer-links li a {font-size: 15px;color: #74ACD6;line-height: 38px;}
.friend-link .item {padding: 10px 0;}
.friend-link .item a {display: block;margin: 5px 20px;float: left;line-height: 28px;float: left;font-size: 14px;font-weight: normal;color: #333;}
.mobile-footer{ margin-bottom: 50px;}
.floorContent {padding: 10px;}
.navList{ margin: 0 auto; }
.navList ul { margin: 0 auto; text-align: center; padding: 0; }
.navList li { width: 25%; padding: 10px 0; display: inline-block;}
.navList li a { display: block; font-size: 14px; color: #999; text-align: center;}
.navList li a i { display: block; margin: 0 auto 5px; width: 60%; max-width: 50px;}
.copyright{ background-color: #f95a01; height: 50px; line-height: 50px; color: #fff; font-size: 14px;}
.copyright a { padding: 0 5px;}
.copyright img {vertical-align:middle;}
.x-panel-bottom {position: fixed;top: auto;left: 0;bottom: 0;width: 100%;height:42px; padding-top:8px; background:#f5f5f5;}
.btn-group li{ width:25%; float:left;  text-align:center; font-size:12px;}
.btn-group li i{ display:block; margin:0 auto; font-size:15px;}
.btn-group li a:hover{color: rgb(234, 65, 60);}
.btn-group li a{color:#999}

@media (min-width: 320px) {
.header{height: auto;background: #186fd3;padding:10px 0;height: 160px;background:#257edb url(../images/m-bg.jpg) no-repeat center top; overflow: hidden;}
.logo{padding-left:0%;}
.logo img{width:45%;}
.footer{ height:0px;line-height:0px;overflow:hidden; display:none;}
.mobile-footer{ height:auto; margin-bottom:50px; overflow:visible; display:block;}
}
@media (min-width: 375px) {
.footer{ height:0px;line-height:0px;overflow:hidden; display:none;}
.mobile-footer{ height:auto; margin-bottom:50px; overflow:visible; display:block;}
}
@media (min-width: 768px) {
.header{height: auto;background: #186fd3;padding:0px 0;height:300px;background:#257edb url(../images/ipad-bg.jpg) no-repeat center top; overflow: hidden;}
.logo img{width:30%; margin-left:3%; margin-top:10px;}
.footer{ height:0px;line-height:0px;overflow:hidden; display:none;}
.mobile-footer{ height:auto; margin-bottom:50px; overflow:visible; display:block;}
}
@media (min-width: 992px) {
.header{height: auto;padding:0px 0;height:300px;background:#257edb url(../images/ipad-bg.jpg) no-repeat center top; overflow: hidden;}
.logo img{width:40%;}
.footer{ height:auto; overflow:visible; display:block;}
.mobile-footer{ height:0px;line-height:0px;  margin-bottom:0px; overflow:hidden; display:none;}
.x-panel-bottom{ height:0px;overflow:hidden;line-height:0px;padding-top:0px;}
}

@media (min-width:1200px) {
.header{height: 520px;background: url(../images/zl2_01.jpg) no-repeat center top;}
.logo img{width:30%; margin-top:15px;}
	
}	

@media screen and (max-width:1200px){
	
/*.wrap{width: 100%;}
.mcl{width: 100%;}
.mcr{width: 100%;margin-top: 20px;}
.mcl2-1{width: 100%;}
.mcl2-1:nth-of-type(2){margin-top: 20px;}
.left-nav{margin-left: 0;left:0;}
.logo{text-align:left; width:70%;}
.mcl1-2 li a{width: 70%;}
.jtfw-c img{width:100%}
.xt-links .item a{background-size: 100% 100%;}
.xt-links .item a .st-s1{margin-top: 29px;}
/*.footer-info .address{width: 100%;}
.mcl1{height: auto;}
.ddyy-box{width: auto;margin: 0 10px;height: 400;left: 0;overflow-y: auto;}
.ddyy-1 li{width: 50%;}
.ddyy-2-1 li{width: 100%;}
.middle { width:95%; margin:20px auto 0;}
.copyright p{ display:block; width:100%; clear:both; padding-top:20px;}
*/}