@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
html,body{min-width: 1200px;}
img,input,button {border: 0;}
i,h2{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"Microsoft Yahei"; background:#c8ddfa;}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";font-size:14px;}
a:hover{color: #2968d0;}
button,img,input { vertical-align: middle;}
.clearfix{content: " "; height:0;display: table;clear: both;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }
.fl{ float:left;}
.fr{ float:right;}

.zt_top{ width:100%; height:718px; background:url(banner0706.jpg) center no-repeat;}
.contant{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.logo{ padding:30px 0 0 32px;}
.introduction{ margin-top:465px; padding:20px;}
.introduction h2{ text-align:center; font-size:22px; color:#F00;}
.introduction span{ font-size:18px; line-height:30px; text-indent:2em; padding-top:10px; display:block;}
.title{ width:535px; height:188px; background:url(icon0706_1.png) no-repeat; margin:45px auto;}
.title h2{ text-align:center; color:#FFF; font-size:30px; line-height:78px; padding-top:80px; display:block;}
.videobox{ width:956px; height:547px; background:url(icon0706_3.png) no-repeat; margin:0 auto; }
.video{width: 800px;height: 460px;padding: 24px 0px 0px 68px;}
.dzsq{ width:892px; height:463px; background:url(icon0706_4.png) no-repeat; margin:0 auto;}
.sty1{ background:url(icon0706_2.png) no-repeat; }
.listbox{ width:1200px; height:auto; overflow:hidden; padding-bottom:40px;}
.listbox ul{}
.listbox ul li{ width:565px; height:120px; display:block; float:left;}
.listbox ul li:nth-child(2),.listbox ul li:nth-child(4){ margin-left:70px;}
.listbox ul li:nth-child(3),.listbox ul li:nth-child(4){ margin-top:40px;}
.policy_box_l{width: 180px;float: left;}
.policy_box_l img{width: 180px;height: 120px;}
.policy_box_r{width: 360px;float: right;}
.policy_box_r h4{height: 40px;line-height: 40px;font-size: 18px;font-weight:bold;width:95%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.policy_box_r h4 a{ font-size: 18px; }
.policy_box_r p{font-size: 14px;color: #666;line-height: 24px;}
.policy_box_r p a{ color:#3f6fd3;}


@media only screen and (max-width: 768px) {
	html, body{min-width:100vw;width: 100vw;}
	.logo {padding: 10px;}
	.logo img{width:60%;}

	.zt_top{height:60vw;margin-bottom:65vw; background:url(banner0706.jpg) top center no-repeat;background-size:180%;}
	.introduction{margin-top: 40vw;background: #fff;}
	.contant,.title,.videobox,.video,.dzsq{width: 100vw;padding: 0;}
	.title{background: none;margin: 0;padding:0!important;height:82px;}
	.title h2{background:#d85656;padding:0;margin-top: 10vw;}
	.videobox{background: none;height:58vw;}
	.video{height:58vw;}
	.video iframe{width: 100vw!important;height:58vw!important;}
	.dzsq{background-size: 100%;height:58vw;}
	.listbox{width: 100vw;}
	.listbox ul li{width:98vw;float: none;margin-left:0!important;margin-top:0!important;margin:0 auto;}
	.policy_box_l{display: none;}
	.policy_box_r{width:100%;float: none;}
	}