@charset "utf-8";
/* 通用头部和底部样�? */

/*头部*/
.topbg{background: url(../images/topbg3.jpg) center top no-repeat;height:358px;}
.topbg .top-left ul li{ float:left; line-height:30px; padding:0px 15px; background:url(../images/../images/h10px.jpg) right center no-repeat}
.topbg .top-left ul li:last-child{ background:unset; }
.topbg .top-left ul li .zzms-button{color: #fff;background: #ce1f1f;font-weight: bold;padding: 0 13px;border-radius: 30px;}

.topbg .top-left ul li .zzms-button:hover {
    color: #fff;
}
.topbg .top-left ul li a, .topbg .top-right ul li a{ float:left; line-height:30px; font-size:16px; color:#003366}
.topbg .top-left ul li a:hover, .topbg .top-right ul li a:hover{ color:#ff0000}
.topbg .top-right ul li{ float:right; line-height:30px; padding:0px 15px; background:url(../images/../images/h10px.jpg) right center no-repeat}
.topbg .top-right ul li:first-child{ background:unset; }
.topbg .top-logo{ display:block; width:365px; margin:0 auto; margin-top:10px; }
.topbg .top-logo img{ width:100%}
.topbg .top-search .top-search-box{ border:#003366 1px solid; border-radius:20px;width:430px; height:40px; margin:0 auto; margin-top:25px; background:#FFFFFF}
.topbg .top-search .top-search-box .l{ float:left; width:80%; padding-left:20px}
.topbg .top-search .top-input{background: rgba(#fff,.8);border: none;height: 38px;outline: none;border-radius: 5px;border-top-right-radius: 0;
border-bottom-right-radius: 0;flex: 1;font-size: 1.5rem;width:100%}
.topbg .top-search .top-search-box .r{ float:right; width:15%; height:34px; margin-top:2px; margin-right:2px;}
.top-search-but{ border-radius:20px; font-size:0; height:34px; width: 100%; border: 0; background: #487BC5 url(../images/search.png) center no-repeat; background-size:auto 80%; color: #fff; cursor: pointer;}
.topbg .top-search-txt{ width:440px; margin:0 auto; margin-top:10px; font-size:15px}
.topbg .top-search-txt .l{color:#CC0000; float:left; width:20%; text-align:right; font-weight:bold}
.topbg .top-search-txt .r{width:80%; float:left}
.topbg .top-search-txt .r ul li{ float:left;/* width:25%; */margin-left: 20px;}
/*导航*/
.cbtopnv{ width:100%; margin:0 auto; max-width:1400px; overflow:hidden; position:relative}
.cbtopnv li:last-child{ border-right:0px}
.cbtopnv li{ line-height:64px; height:64px; padding:0px 31px; float:left; border-right:1px solid #3467B0}
.cbtopnv li a{ color:#FFFFFF; font-size:20px; display:block; position:relative; left:-50%;}
.cbtopnv li a .m{ width:23px; height:23px; margin-top:22px; margin-right:10px }
.cbtopnv li a .m1{ background:url(../images/topnv1.png) no-repeat; background-size:100%;}
.cbtopnv li a .m2{ background:url(../images/topnv2.png) no-repeat; background-size:100%;}
.cbtopnv li a .m3{ background:url(../images/topnv3.png) no-repeat; background-size:100%;}
.cbtopnv li a .m4{background:url(../images/topnv4.png) no-repeat;background-size: 100%;}
.cbtopnv li a .m5{ background:url(../images/topnv5.png) no-repeat; background-size:100%;}
.cbtopnv li a .m6{ background:url(../images/topnv6.png) no-repeat; background-size:100%;}
.cbtopnv li a .m7{ background:url(../images/topnv7.png) no-repeat; background-size:100%;}
.cbtopnv li a .m8{background:url(../images/topnv8.png) no-repeat;background-size: 100% 100%;}
.cbtopnv li a .m9{ background:url(../images/topnv9.png) no-repeat; background-size:100%;}
.cbtopnv li a div{ float:left; }
.cbtopnv li.on { background:#3467B0}
.cbtopnv li:hover{ background:#3467B0}
.cbtopnv .inwrap { left:50%; position:relative; float:left}
.cbtopnv-swiper-container .swiper-slide {width: auto;}
@media (max-width: 1366px) {
.move-left{ height:64px; width:30px; right:0px; top:0px; position:absolute; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.5)); z-index:2;}
.move-right{ height:64px; width:30px; left:0px; top:0px; position:absolute; background:linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,0.5)); z-index:2; display:none}
.move-left .dot{width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #ffffff;border-bottom: 10px solid transparent; position:absolute; right:5px; top:22px;}
.move-right .dot{width: 0;height: 0;border-top: 10px solid transparent;border-right: 10px solid #ffffff;border-bottom: 10px solid transparent; position:absolute; left:5px; top:22px;}
}

/*底部*/
.footxy{ border-top:8px solid #467BBD; background:#F4F4F4;}
.footxy .navbg { height:48px; border-bottom:1px solid #CCCCCC}
.footxy .navlt>ul>li{ width:12.5%; line-height:46px; float:left; font-size:14px; text-align:center; cursor:pointer; position:relative; }
.footxy .navlt>ul>li label{display:inline-block; margin-right:5px;cursor:pointer;}
.footxy .navlt>ul>li span{ display:inline-block;
    border-bottom: 0;
    border-top: 6px solid\9;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;}
.footxy .navlt>ul>li:hover span{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg); }
.footxy .navlt>ul>li:hover label{ color:#FF0000}
.footxy .navlt>ul>li:hover div.dropmenu{ visibility:visible; height:300px}
.footxy .navlt>ul>li div.dropmenu{ visibility:hidden;
	border-radius: 0;
    height: 0px;
    overflow-y: auto;
	position: absolute;
	bottom: 40px;
	left: 0px;
	z-index: 1000;
	padding: 5px 0;
	margin: 2px 0 0;
	background-color: #ffffff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	transition: height 0.15s ease-in-out;
	}
.footxy .navlt>ul>li:last-child div.dropmenu{ right:0px; left:auto}
.footxy .navlt>ul>li div.dropmenu ul li {
	padding: 3px 20px;line-height:20px;color: #333333; width:200px
}
.footxy .navlt>ul>li div.dropmenu ul li:hover{ background:#DAEDFC}
.footxy .link{ margin-top:30px; margin-bottom:10px}
.footxy .link a{ display:block; float:left; border-right:1px solid #999999; color:#666666; line-height:16px; font-size:14px; padding:0 20px;  }
.footxy .txt{ line-height:30px; color:#666666; margin-left:20px; font-size:14px; margin-bottom:30px}
.footxy .piclink{ margin-top:50px}
.footxy .piclink ul li{ float:right; height:80px; margin-left:10px;}

@media (max-width: 750px){
.topbg .top-search-txt{ width:90%}
.topbg .top-search .top-search-box{width:90%;}
}

@media (max-width: 970px){
.cbtopnv li a div{ font-size:1.5rem;}
.cbtopnv li{ padding:0px 1rem; }
.zzms-button{display: none;}
}

@media (max-width: 1170px){
.topbg{ height:320px}
.top-txt{ display:none}
.topbg .top-logo{ width:300px; padding-top:20px;}

.footxy .txt{ width:100%; text-align:center; margin-left:0px;}
.footxy .txt div{ text-align:center}
.footxy .piclink ul li{ float:left;}
}