@charset "utf-8";
body{width: 100%;height: auto;}
a{color: #434343;}
a:hover{color: #438ac7;}

.main_box{width: 1080px;padding:10px 30px;margin: 0 auto;}
.bg_white{background: #fff;}
.bg_grey{background: #f5f5f5;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}

.swiper-slide{ position: relative; float: left; }

/*背景图 搜索*/
.con{width: 100%;}
.con .box_one{width: 100%;background: url(../images/body-background.png) no-repeat center top;}
.search{/*width: 681px;*/width: 566px;height: 50px;margin:0 auto;padding-top: 52px;padding-bottom: 40px;}
.search .inp{width: 455px;height: 50px;float: left;text-indent: 20px;}
.search .sub{width:110px;float: left;height: 50px;font-size: 14px;text-align: center;line-height: 50px;background: #438ac7;color: #ffffff;cursor: pointer;}
.search .sub_high{width:110px;float: left;height: 50px;margin-left: 6px;font-size: 14px;text-align: center;line-height: 50px;background: #69abe3;color: #ffffff;cursor: pointer;    display: none;}


/*****************************************/



.hot_title{text-align: center;margin: 40px 0;}
.box_hot_zt{display: flex;flex-wrap: wrap;justify-content:space-between;}
.box_hot_zt .f_min{width: 25%;margin-bottom: 20px;}
.box_hot_zt .f_min img{width: 95%;margin: 0 auto;height: 100%;display: block;}

.box_img_zt{overflow: hidden;position: relative;margin-top:20px;}
.swiper-container {width:100%;height:320px;}
.pagination {position: absolute;right: 10px;text-align: center;bottom: 24px;width: 150px;z-index: 99;}
.swiper-pagination-switch {display: inline-block;width: 11px;height: 11px;background:url(/DFS/template/3108/images/pic1.png);margin: 0 5px;cursor: pointer;}
.swiper-active-switch {width: 27px;height: 12px;;background:url(/DFS/template/3108/images/pic2.png);}
.swiper-slide{ position: relative; float: left; }
.swiper-container .swiper-wrapper.swiper-slide span{ position: absolute; bottom: 0; left: 0; height: 65px; line-height: 65px; width: 100%; 
	background: url(/DFS/template/3108/images/nav-bg.png); font-size: 16px; color: #ffffff; text-indent: 2em;background-size: 100% 100%;
}
.swiper-container .swiper-wrapper .swiper-slide span:hover{text-decoration: underline;}

.zt_main{display: flex;flex-wrap: wrap;justify-content:space-between;}
.zt_main .zt_box{margin-top: 20px;}
.zt_main .zt_box .zt_title{display: block;text-align: center;margin: 20px 0;}

.zt_list{display: flex;flex-wrap: wrap;justify-content:space-between;}
.zt_list li{width:45%;margin:20px auto 0;border-radius: 3px;}
.zt_list li a{padding: 25px 0;display: flex;flex-wrap: wrap;justify-content:space-between;background:#fff;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);}
.zt_list li a:hover{box-shadow:0px 0px 5px 0px rgba(67,138,199,0.75);-webkit-box-shadow:0px 0px 5px 0px rgba(67,138,199,0.75);-moz-box-shadow:0px 0px 5px 0px rgba(67,138,199,0.75);}
.zt_list li a .zt_ico{padding:10px 0 10px 30px;color:#438ac7;font-size: 18px;background:url(../images/title_ico.png) no-repeat center left;}
.zt_list li a .zt_more{border: #dcdcdc 1px solid;border-radius: 3px;padding: 10px;font-size: 14px;margin-right: 30px;}

@media(max-width: 768px){
	.main_box{width: 96%;padding:2%;}
	.hot_title{text-align: center;margin: 20px 0;}
	.hot_title img, .zt_title img{width: 60%;}
	.box_hot_zt .f_min{width: 50%;margin-bottom: 20px;}
	
	.swiper-container {width:100%;height:120px;}
	.zt_box li{width: 100%;}
	
}
@media (min-width: 768px) and (max-width: 979px){
	.main_box{width: 708px;padding:10px 30px;}
	.swiper-container {width:100%;height:180px;}
}