@charset "UTF-8";
	* {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	}
body {font-family:"微软雅黑";}
h1,h2,h3,h4,h4,p,ul,li {
	margin:0 auto;
	padding:0;
	}
.clearfix::before,.clearfix::after{
    content: '';
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

h2{
    font-size: 40px;
    color: #333;
    text-align: center;
    padding: 55px 0;
    margin: 0 auto;
    font-weight: bold;
	}

.header{
	background:#f3f9fc url(/sp_img/ztzccg/banner.jpg) no-repeat top center;
	min-height: 639px;
	}
.header .container,.header_sm .container{position: relative;}
.xdf_logo{
	position: absolute;
	top:15px;
	left: 15px;
	z-index: 100;
	}
.header_sm{ display:none;}

.main{
	background:#f4f4f4;
	background-size: cover;
	padding-bottom: 50px;
	}
.main_cont {
	background:#fff;
	font-size: 16px;
	line-height: 35px;
	display: inline-block; 
	margin-bottom: 20px;
	}
.main_cont strong{
	color: #fff;
	text-align: center;
	display: block;
	padding:10px 0;
	font-weight: bold;
  	background: #1697ff;
  	background: -moz-linear-gradient(top, #1697ff 0%, #007cee 100%);
  	background: -webkit-gradient(linear, top, bottom, color-stop(0%,#1697ff), color-stop(100%,#007cee));
  	background: -webkit-linear-gradient(top, #1697ff 0%,#007cee 100%);
  	background: -o-linear-gradient(top, #1697ff 0%,#007cee 100%);
  	background: -ms-linear-gradient(left, #1697ff 0%,#007cee 100%);
  	background: linear-gradient(to bottom, #1697ff 0%,#007cee 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1697ff', endColorstr='#007cee',GradientType=0 );
	}
.main_cont strong a{
	color:#fff;
	display: block;
	}
.main_cont p{
	padding:20px;
	min-height: 150px;
	color: #727272;
	font-size:16px;
	line-height: 28px;
	}

.one_bg {
	width: 100%;
	background: url(/sp_img/ztzccg/one_bg.jpg) center top no-repeat;
	}
.two_bg { background-color: #282b71;}
.white { color: #fefefe;}

.banner_01 {
	width: 100%;
	height: 129px;
	background: url(/sp_img/ztzccg/banner_01.jpg) top center no-repeat;
	}
.banner_01 a {
	height: 129px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	}
.banner_02 {
	width: 100%;
	height: 140px;
	background: url(/sp_img/ztzccg/banner_02.jpg) top center no-repeat;
	}
.banner_02 a {
	height: 140px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	}
.banner_03 {
	width: 100%;
	height: 140px;
	background: url(/sp_img/ztzccg/banner_03.jpg) top center no-repeat;
	}
.banner_03 a {
	height: 140px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	}
.footer {
	line-height: 28px;
	padding: 20px 0px;
	text-align: center;
	color: #999;
	}
.footer a { color: #333; padding: 0px 15px;}


@media screen and (max-width: 1199px){
	.header { background:#f3f9fc url(/sp_img/ztzccg/banner_cen.jpg) no-repeat top center;}
}
@media screen and (max-width: 1023px){
	.header { display: none;}
}
@media screen and (max-width: 768px){
  .header_sm{display: block;}
  .header .container,.header_sm .container{padding:0;width: 100%;}
  .header_sm .container img{width: 100%;}
  .header_sm .container .xdf_logo img{width: auto;}
  .banner_01, .banner_02, .banner_03 { display: none;}
  .one_bg { background-size: cover;}
}
@media screen and (max-width: 480px){
  .xdf_logo{left: 10px;top:10px;}
  .header_sm .container .xdf_logo img {width: 68px;}
  .banner_01, .banner_02, .banner_03 { display: none;}
}
@media screen and (max-width: 414px){
  .header_sm .container .xdf_logo img{width: 58%;}
  .banner_01, .banner_02, .banner_03 { display: none;}
}
@media screen and (max-width: 375px){
  .header_sm .container .xdf_logo img{width: 50px;}
  .banner_01, .banner_02, .banner_03 { display: none;}
}
@media screen and (max-width: 360px){
	.banner_01, .banner_02, .banner_03 { display: none;}
}
@media screen and (max-width: 320px){
  .xdf_logo{left: 5px;top:5px;}
  .header_sm .container .xdf_logo img{width: 40px;}
  .banner_01, .banner_02, .banner_03 { display: none;}
}



@media screen and (max-width:768px) {
	.footer .none { display: none;}
}