body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{background:#fff;color:#666;}
.gray {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
a{color:#555;text-decoration:none;transition: all 0.3s ease 0s}
a:hover{color:#e60012;}
s{text-decoration: none}

@font-face {
	font-family: 'DINCond';
}
#hldwtzn {
    background: #cb1228 url(/static/picture/W020210628367025624389.jpg) no-repeat center 0px;
    height: 180px;
    width: 100%;	
}
#hldwthead {
	position: relative;
    z-index: 10;
    padding-top: 6px;
    background: #fff url(../image/hdr_bg.png) no-repeat left top;
    background-size: 100% auto;
    height: 0px;
}
.qwe{font-family: 'DINCond'}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden;max-width: 1400px; }
.g-in { width:96%; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.no-mgr{margin-right: 0}
.toubulou {
    background:#184b94;
    margin: 0 auto;
    width: 100%!important;
}
.header .g-in {width: 100%!important;}
.footer .g-in {width: 95%!important;}
.header {position:relative;z-index: 10;background-size: 100% auto;height: 100px}
@media (max-width: 750px) {
.banner .bd img {
    width: 200%!important;
    height: 150px!important;
    display: block!important;
}    
.list li {
    padding: 4% 2%!important;
}    
#hldwtzn {
    background:none!important;
    height: 0px!important;
    width: 100%;
}    
	.header{z-index: 10}
}

.logo{float: left;height: 80px;margin-top: 10px;}
.logo img{height: 100%;}
.contact{float: right;margin-top: 30px}
.contact li{float: left;width: 40px;padding-left: 0;height: 40px;border: 1px solid #7bafee;border-radius: 30px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;margin-left: 8px}
.contact li a{display: block;color: #7bafee;font-size: 14px;line-height: 40px;}
.contact li a img{display: inline-block;height: 40px;line-height: 40px;vertical-align: top}
.contact li a span{position: absolute;right: -60px;top: 0}
.contact li:hover{padding-left: 80px}
.contact li:hover a span{right: 44px}
.nav{position: relative;}
.nav span.line{display: block;padding-bottom: 3px;background: url(../image/navline.jpg) repeat-x center bottom;position: absolute;left: 0;bottom: 0;width: 76px;transition: all 0.3s ease 0s}
.nav span.line img{display: block;margin: 0 auto}
.nav li{float: left;position: relative;}
.nav li>a{color: #fff;font-size: 16px;display: block;padding: 0 22px;line-height: 50px;padding: 0px 55px;}
.nav li dl{position: absolute;top: 50px;display: none;left: 0}
.nav li dl{height: auto;line-height: 45px;background:#ffffffc2;    text-align: center;    width: 100%;}
.nav li dl dt{font-size: 16px;margin: 0 10px;}
.nav li dl dt a:hover{color: #182c80}
.nav li:hover {background:#1967a6;}
.nav span.hdrShadow{position: absolute;width: 2880px;left: 50%;margin-left: -1440px;background: rgba(255,255,255,.7);top: 100px;height: 55px;line-height: 55px;display: none}

.nav li:nth-child(4) dl{left: -270%}
.nav li:nth-child(6) dl,.nav li:nth-child(7) dl{left: auto;right: 0;}


.banner_b{padding-bottom: 2%;border: none;}
.banner_bot .banb_fl{float: left;line-height: 50px;}
.banner_bot .banb_fr{float: right;}
.banner_bot .banb_fl .bf_p{float: left;font-size: 14px;color: #000;margin-right: 8px;}
.banner_bot .banb_fl .bf_p img{padding-top: 13px;}
.banner_bot .banb_fl .log{margin-right: 23px;}
.search{float: right;margin-top: 7px;}
.search .txt{border: 1px solid #2f65a6;width: 200px;line-height: 32px;background: #fff;font-size: 14px;color: #000;padding-left: 10px;vertical-align: middle;}
.search .btn{border: 1px solid #2f65a6;width: 44px; line-height: 32px;background: url(http://dfj-20210607-3.demo.cssmoban.com:8020/style/images/search.png) no-repeat center ; font-size: 16px;vertical-align: middle;margin-left: -5px;color: #fff;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}

.swiper-pagination-bullet{width: 15px !important;height: 15px !important;border-radius: 15px;}


@media (max-width:1920px ) and ( min-width: 1600px) {
	.g-in{width: 88%}
	.nav li>a{padding:0 53px;font-size: 17px}
	.nav li dl dt{font-size: 15px}

}
@media (max-width:1660px ) and ( min-width: 1440px) {
	.g-in{width: 94%}
}
@media (max-width:1300px ){
	.nav li>a{padding: 0 10px}
	.nav li dl dt{text-align: center;padding: 0}
}
@media (max-width:1180px ){
	.nav li>a{padding: 0 6px}
}

@media (max-width:1100px ){
	
	.header{height: 56px;padding-top: 3px}
	.logo{    margin-top: 5px;margin-bottom: 10px;}
	.contact{margin-top: 13px;margin-right: 15px;}
	.navBtn{width: 40px;height: 40px;float: right;margin-top: 8px;margin-left: 3px}
	.navBtn:after{	
    content: '';
    position: absolute;
    width: 5%;
    height: 2px;
    background: #07569e;
    top: 22px;
    /* left: 92%; */
    right: 3%;
    box-shadow: 0 8px 0 #07569e, 0 16px 0 #07569e;
	}
	.nav{position: absolute;left: 0;right: 0;float: none;top: 62px;background: rgba(24,44,128,.9);margin: 0;display: none}
	.nav li{float: none;}
	.nav li a span{display: block;position: absolute;right: 5%;width:22px;height: 12px;top: 19px;background: url(http://dfj-20210607-3.demo.cssmoban.com:8020/style/images/ico_100.png);background-size: cover }
	.nav li>a{color: #fff;line-height: 46px;padding: 0 0 0 2.5%;border-bottom: 1px solid #ccc}
	.nav li dl{position: relative;top: 0;opacity: 1;background: none;text-align: left;display: none}
	.nav li dl dt{text-align: left;height: 36px;line-height: 36px;}
	.nav li dl dt a{color: #fff;padding-left: 5%}
}
@media (max-width:515px ){
	.header{height: 46px}
	.logo{height: 50px;}
	.contact li{width: 30px;height: 30px;margin-left: 3px;}
	.contact li span{display: none}
	.contact li:hover{padding-left: 0}
    .contact li:hover a span{right: 0}
	.contact li a img{height: 30px;width: 30px}
	.navBtn{height: 30px;width: 30px;background-size: cover}
	.nav{top: 65px}
	.nav li>a{line-height: 36px;font-size: 14px}
	.nav li dl dt{height: 30px;line-height: 30px}
	.nav li a span{height: 8px;width: 16px;top: 16px}

	.nav span.line{display: none}
}
@media (max-width:350px ){
	.header{width: 104%;margin-left: -2%}
	.contact li{margin-left: 4px}
}
@media (max-width:330px ){
	.navBtn{margin-left: 2px;margin-top: 0;}
	.contact li{margin-left: 2px}
}
.form-search{ position: absolute; top: -100px; left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:3px 5px 5px #0268b3; background:#fff; z-index:0; opacity:0; transition:all .2s ease-out; }
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#0268b3; color:#fff;}



.ft-1{background: #909090;color: #fff;}
.ft-logo{float: left;padding-right: 2%;}
.ft-nav{float: left;width: 50%;    text-align: center;}
.ft-nav dl{float: left;padding:0 4%;max-width: 140px;}
.ft-nav dt a{display: block;color: #efefef;font-size: 16px;font-weight: bold;line-height: 28px;margin-bottom: 4px}
.ft-nav dd a{display: block;color: #f1f1f1;font-size: 14px;line-height: 25px}
.ft-contact{
    float: left;
    width: 20%;
    padding-right: 2%;
    padding-left: 2%;	
}
.ft-contact .p1{font-size: 22px;padding-left: 25px;background: url(../image/ft_ico_1.png) no-repeat left center;}
.ft-contact .p2{font-size: 14px;padding-left: 25px;background: url(../image/ft_ico_2.png) no-repeat left 5px;}
.ft-nav dl{border-right: 1px solid #909090;padding-top: 31px;height: 190px;color: #d3d3d3}
.ft-logo,.ft-contact,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height: 205px;color: #ffffff}

.ft-qrcode{border-right: 0 !important}
.ft-qrcode span{display: block;text-align: center;font-size: 14px;color: #fff}

.ft-2{background: #195fa2;color: #fff;padding: 1% 0}
.ft-copy{text-align:center;}
.footer a{color: #fff}
.footer a:hover{text-decoration: underline;}

@media (min-width:1600px){
	.ft-nav dl{padding-left: 5%;padding-right: 5%;
    padding-left: 2%;
    padding-right: 2%;	}
}

@media (max-width:1230px){
	.ft-logo{width: 16%}
	.ft-logo img{width: 100%}
	.ft-nav{width: 56%}
	.ft-nav dl{max-width: 170px}
	.ft-contact{width: 18%;padding: 0 1.5%;}
	.ft-contact .p1{font-size: 16px}
	.ft-logo,.ft-nav dl,.ft-contact,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height:105px}
}

@media (max-width:1130px){
	.ft-nav dl{padding: 0 3%;padding-top:31px }
}

@media (max-width:1050px){
	.ft-nav{width: 100%;float: none;}
	.ft-nav dl{width: 20%;padding: 2%;box-sizing: border-box;max-width: inherit;}
	.ft-nav dl:last-child{border-right: 0}
	.ft-logo{display: none}
	.ft-contact{width: 30%}
	.ft-nav dl{padding-left: 2%}
	.ft-contact{    width: 100%;border-right: none;height: auto!important;}
.ft-1 {
    padding-bottom: 130px;
}	
}


@media (max-width:700px){
	.ft-nav{width: 100%;display: none}
	.ft-nav dl{height: 157px;padding-left: 5%}
	.ft-nav dl:first-child{padding-left: 2%}
	.ft-nav dl:last-child{border-right: none}
	
}

@media (max-width:375px){
	.ft-nav dt a,.ft-nav dd a{font-size: 12px}
	.ft-copy,.ft-ibw{float: none;}
}