@charset "utf-8";

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;}
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';
	src: url('DINM.otf');
}

.qwe{font-family: 'DINCond'}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.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}

.header { position:relative;z-index: 10; padding-top: 6px;background:#fff url(../images/hdr_bg.png) no-repeat left top;background-size: 100% auto;height: 100px}
@media (max-width: 750px) {
	.header{z-index: 10}
}
.container-login button {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 32px;
    white-space: nowrap;
    cursor: pointer;
    color: #909399;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    transition: .1s;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: rgb(244, 244, 245);
    border: 1px solid #dcdfe6;
    border-color: rgb(200, 201, 204);
	padding: 8px 15px;
    font-size: 14px;
    border-radius: 4px;
	margin:0 20px;
}
.container-login button:active,
.container-login button:hover {
    color: #ffffff;
    border-color: rgb(115, 118, 122);
    background-color: rgb(115, 118, 122);
    outline: none;
}
.container-login .close {
	--el-button-text-color: #909399;
    --el-button-bg-color: rgb(244, 244, 245);
    --el-button-border-color: rgb(200, 201, 204);
    --el-button-hover-text-color: #ffffff;
    --el-button-hover-bg-color: #909399;
    --el-button-hover-border-color: #909399;
    --el-button-active-text-color: #ffffff;
}
.container-login .submit {
    --el-button-text-color: #ffffff;
    --el-button-bg-color: #409eff;
    --el-button-border-color: #409eff;
    --el-button-outline-color: rgb(160, 207, 255);
    --el-button-active-color: rgb(51, 126, 204);
    --el-button-hover-text-color: #ffffff;
    --el-button-hover-link-text-color: rgb(160, 207, 255);
    --el-button-hover-bg-color: rgb(121, 187, 255);
    --el-button-hover-border-color: rgb(121, 187, 255);
    --el-button-active-bg-color: rgb(51, 126, 204);
    --el-button-active-border-color: rgb(51, 126, 204);
    --el-button-disabled-text-color: #ffffff;
    --el-button-disabled-bg-color: rgb(160, 207, 255);
    --el-button-disabled-border-color: rgb(160, 207, 255);
	  background-color: #409eff;
    border: 1px solid #dcdfe6;
    border-color: #409eff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 32px;
    white-space: nowrap;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    transition: .1s;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
}
.container-login .submit:active,
.container-login .submit:hover {
    color: #ffffff;
    border-color: rgb(51, 126, 204);
    background-color: rgb(51, 126, 204);
    outline: none;
}


.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{float: right;margin-right: 1%;position: relative;}
.nav span.line{display: block;padding-bottom: 3px;background: url(../images/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: #333;font-size: 16px;display: block;padding: 0 22px;line-height: 100px}
.nav li dl{position: absolute;top: 100px;display: none;width: 1920px;left: 0}
.nav li dl{height: 55px;line-height: 55px;}
.nav li dl dt{font-size: 16px;margin: 0 10px;display: inline-block;}
.nav li dl dt a:hover{color: #182c80}
.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;text-align: right;}


.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(../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 20px;font-size: 18px}
	.nav li dl dt{font-size: 16px}
}
@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: 66px;padding-top: 3px}
	.logo{height: 60px;margin-top: 5px}
	.contact{margin-top: 20px}
	.nav{position: absolute;left: 0;right: 0;float: none;top: 62px;background: rgba(192,0,0,.8);margin: 0;display: none}
	.nav li{float: none;}
	.nav .on{background: url(../images/con_ico_2_1.png) no-repeat;}
    .nav .on a{padding-left: 20px;}
	.nav li a span{display: block;position: absolute;right: 5%;width:22px;height: 12px;top: 19px;background: url(../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: 60px;}
	.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}
	.nav{top: 62px}
	.nav li>a{line-height: 46px;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}
}

.form-user{ 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:2; opacity:0; transition:all .2s ease-out; }
.form-user input{ border:1px solid #eee;}
.form-user input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-user input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#0268b3; color:#fff;}

.container-login{ width:90%;max-width: 515px; padding:3% 5%; border-top:1px solid #ddd; box-shadow:3px 5px 5px #0268b3; background:#fff; z-index:2; transition:all .2s ease-out; margin-bottom: 20px;}
.container-login .form-login{background: #FFF;height: 300px;width: 325px;border-radius: 10px;position: relative;margin-left: auto;margin-right: auto;}
.container-login label{color: #000;font-weight: bold;font-size: 20px;margin-left: 40px;}
.container-login input{text-align: left;margin: 10px;}
.container-login .input{width: 80%;height: 30px;margin-left: 40px;line-height: 30px;padding: 0 10px;outline: none;border: none;background: none;box-sizing: border-box;box-shadow: 0 0 0 1px #aaa inset;}
.container-login .checkbox{margin-left: 30px;}
.container-login a{text-decoration: none;}
.container-login table{margin: 10px}
.container-login th{text-align: right;color: #000;font-weight: bold;font-size: 16px;padding:8px}
.container-login td{text-align: left;color: #000;font-size: 16px;padding:8px}
.container-login .logout{text-align: left;color: #000;font-size: 16px;padding: 20px;}
.container-login .changePwd{text-align: left;color: #000;font-size: 16px;padding: 20px;margin: 0 16px;}

.ft-1{background: #7f7f7f;color: #fff;}
.ft-logo{float: left;padding-right: 2%;}
.ft-nav{float: left;width: calc(100% - 300px)}
.ft-nav dl{float: left;padding:0 4%;}

.ft-nav dt a{display: block;color: #d3d3d3;font-size: 14px;font-weight: bold;line-height: 28px;margin-bottom: 4px}
.ft-nav dd a{display: block;color: #d3d3d3;font-size: 14px;line-height: 25px}
.ft-contact{float: left;width: 20%;padding-right: 2%}
.ft-contact .p1{font-size: 22px;padding-left: 25px;background: url(../images/ft_ico_1.png) no-repeat left center;}
.ft-contact .p2{font-size: 14px;padding-left: 25px;background: url(../images/ft_ico_2.png) no-repeat left 5px;}
.ft-nav dl{border-right: 1px solid #909090;padding-top: 31px;height: 140px;color: #d3d3d3}
.ft-logo,.ft-contact,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height: 140px;color: #d3d3d3}
.ft-nav .footer-sub dd p {
	height: 108px;
}
.cat3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  box-orient: vertical;
  /* 设置伸缩盒对象的子元素的排列方式 */
  text-overflow: ellipsis;
  /* 文本溢出时显示省略符号 */
}
.noInfo{
	text-align: center;font-size: 14px;color: #888
}
.ft-qrcode{float: right;border-right: 0 !important;max-width: 200px;}
.ft-qrcode span{display: block;text-align: center;font-size: 14px;color: #fff}

.ft-2{background: #C00000;color: #fff;padding: 6px 0}
.ft-copy{float: right;}

.footer a{color: #fff}
.footer a:hover{text-decoration: underline;}
.footer .ft-nav dl dt a{font-size: 18px;}
.footer a.m{ float: right; font-size: 18px;margin: 10px 0;height: 27px;line-height: 27px;padding-right: 50px;background: url(../images/arrow_0.png) no-repeat right center;color: #d3d3d3;transition: all 0.3s ease 0s}
.footer a.m:hover{background-image: url(../images/arrow_2.png);color: #e60012}

@media (min-width:1600px){
	.ft-nav dl{padding-left: 5%;padding-right: 5%}
}
.ft-logo img{max-width: 150px;max-height: 150px;}
@media (max-width:1230px){
	.ft-logo{max-width: 220px;}
	.ft-logo img{max-width: 150px;max-height: 150px;}
	.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: 140px}
}

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

@media (max-width:1050px){
	.ft-nav{width: calc(100% - 120px);float: left;}
	.ft-nav dl{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: calc(100% - 110px);border-right: none}
}


@media (max-width:700px){
	.ft-nav{width: calc(100% - 100px);height: 140px;float:left;}
	.ft-nav dl{height: 140px;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;}
}

.iconBtn {
    display: flex;
    vertical-align: middle;
    position: relative;
    width: 100px;
    float: right;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
.iconBtn div {
    margin-right: 20px;
}
.iconBtn img {
    display: block;
    margin: 0 auto;
}
.iconBtn span {
    position: absolute;
    top: 28px;
    transform: translateX(-50%);
    font-size: 12px;
    width: 30px;
}
.iconBtn div:hover {
    filter: invert(80%);
    color: #222;
}
.contact{
    display: block;
}
.iconBtn{
    display: none;
}
@media (max-width:1100px ){
    .iconBtn{
        display: flex;
    }
    .contact{
        display: none;
    }
}



.cat1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cat2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  /* 设置伸缩盒对象的子元素的排列方式 */
  text-overflow: ellipsis;
  /* 文本溢出时显示省略符号 */
}
.no{
  color: #aaa;
}