/*header*/
.header{padding-top: 10px;}
.header .container{position: relative;}
.header .logo{float: left; padding: 15px 0;}
.header .logo img{display: block; height: 74px;}
.header .topa{position: absolute; top: 20px; right: 15px;}
.header .topa ul{margin: 0; padding: 0;}
.header .topa li{display: inline-block; height:20px;line-height:20px;vertical-align:middle;padding-left:30px}
.header .topa li a{color:#868686}
.header .topa li.wx{background:url(../images/2.png) right center no-repeat;padding-right:28px}
.header .qrcoded:hover .qrcodec{display:block;}
.header .qrcodec{display:none;white:200px;height:200px;position: absolute;z-index:222;top:40px;right:0;}
.header .sear{position:absolute;width:159px;height:23px;background:url(../images/3.png);right:180px;top:60px}
.header .sear-dom{position:relative;overflow:hidden;overflow-y:hidden;overflow-x:hidden}
.header .sear-dom input{outline:0;border:0;margin:0px;padding-left:16px;color:#666;;width:130px;font-size:12px;background:none;height:23px;line-height:23px;vertical-align:middle}
.header .sear-dom input[type="submit"]{width:25px;height:23px;position:absolute;right:0;top:0;cursor: pointer;}
.header .telc{position: absolute; top: 63px; right: 15px;}
.header .telc img{display: block; width: 150px;}

.navsp{background:#448fa5}
.nav{height:47px;}
.nav li.item{display:inline;float:left;height:47px;padding-right: 6px; position: relative;}
.nav li.item a.yj{font-size:14px;color:#fff;padding:0 28px;display:block;height:47px;line-height:47px;vertical-align:middle}
.nav li.item.active a.yj, .nav li.item:hover a.yj{background:#49b78c}
.lala{ padding:10px 0; position:absolute; width:180px; top:100%; left: 0; z-index:999999; display:none; background:url(../images/b90.png); border-bottom:4px #49b78c solid;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);}
.lala a{ font-size:14px; display:block; line-height:1; padding:12px 0 12px 7px; border-bottom:1px #ccc solid;}
.lala a:hover{ color:#49b78c;}
.lala div{ padding:0 20px;}
.nav li.item:hover .lala{display: block;}

.but{float: right; width: 24px; height: 17px; margin-top: 22px; cursor: pointer; position: relative; display: none;}
.but span{display: block; width: 24px; height: 1px; background: #333; position: absolute; left: 0; top: 8px;}
.but::before{content: ""; width: 24px; height: 1px; background: #333; position: absolute; left: 0; top: 0;}
.but::after{content: ""; width: 24px; height: 1px; background: #333; position: absolute; left: 0; bottom: 0;}
.but.active span{display: none;}
.but.active::before{transform: rotate(45deg); transform-origin: 2%;}
.but.active::after{transform: rotate(-45deg); transform-origin: 2%;}
.xjbtn{width: 42px; height: 42px; position: absolute; right: 0; top: 0; z-index: 10; background: url(../images/xjbtn.png) no-repeat center; background-size: 20px; display: none;}

.banner img{display: block; width: 100%;}
.banner img.h{display: none;}
.banner .bprev, .banner .bnext{width:60px;height:90px;line-height:99px;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease}
.banner .bnext{background-position:0 -90px;right:0}
.banner .bprev{left:0}
.banner:hover .bnext{opacity:0.8;filter:alpha(opacity=25)}
.banner:hover .bprev{opacity:0.8;filter:alpha(opacity=25)}
.banner:hover .bprev:hover, .banner:hover .bnext:hover{opacity:1;filter:alpha(opacity=50)}
.banner .bdot{width: 100%; text-align: center; position: absolute; left: 0; bottom: 10px; z-index: 10; font-size: 0;}
.banner .bdot .swiper-pagination-bullet{background:url(../images/dot.png) no-repeat 0 -16px;height:16px;overflow:hidden;width:16px;cursor:pointer;opacity: 1;margin: 0 5px !important;}
.banner .bdot .swiper-pagination-bullet-active{background-position: 0 0;}

@media (max-width: 1200px){
 .nav li.item{padding-right: 0;}
 .nav li.item a.yj{padding: 0 24px;}
 .lala a{padding-left: 4px;}
}

@media (max-width: 992px){
 .nav li.item a.yj{padding: 0 12px;}
 .lala div{padding: 0 12px;}
 .lala a{padding-left: 0px;}
}

@media (max-width: 768px){
 .header{padding-top: 0;}
 .header .topa, .header .sear, .header .telc{display: none;}
 .header .logo{padding: 10px 0;}
 .header .logo img{height: 40px;}
 .but{display: block;}
 .navsp{position: fixed; left: 0; top: 60px; z-index: 1000; width: 100%;}
 .nav{height: auto; padding: 10px 0; display: none;}
 .nav li.item{float: unset; width: 100%; height: auto; display: block;}
 .nav li.item a.yj{height: 42px; line-height: 42px;}
 .nav li.item.active a.yj, .nav li.item:hover a.yj{background: unset;}
 .lala{display: block; position: unset; width: 100%; padding: 0; border-bottom: 0; display: none;}
 .xjbtn{display: block;}
 .xjbtn.cur{transform: rotate(90deg);}
 .banner .bprev, .banner .bnext{width: 40px; height: 60px; margin-top: -30px; background-position: -5px -13px;}
 .banner .bnext{background-position: -15px -103px;}
}

/*index*/
.iblock1{padding: 50px 0;}
.iblock1 .w3{width: 30%; margin-right: 5%; float: left;}
.iblock1 .w3:last-child{margin-right: 0;}
.bar a{display:block;height:24px;border-bottom:1px #cccccc solid;position:relative}
.bar a span{font-size:16px;color:#448fa5;font-weight:bold;line-height:1;position:absolute;left:0;top:0;height:24px;border-bottom:1px #2fa77b solid}
.bar a em{position:absolute;right:0;top:5px;width:57px;height:13px;background:url(../images/6.png)}
.iblock1 .adiumg{padding-top:15px}
.iblock1 .adiumg a{display:block}
.iblock1 .adiumg img{width:100%;height:auto}
.iblock1 .alist ul{margin: 0; padding: 0;}
.iblock1 .alist li{display:block;height:42px;line-height:42px;vertical-align:middle;background:url(../images/8.jpg) left bottom repeat-x}
.iblock1 .alist a{height:42px;background:url(../images/7.jpg) left center no-repeat;padding-left:15px; display:block;}
.iblock1 .alist a span{font-size:14px;color:#666; display:inline; float:left;height:42px;line-height:42px;vertical-align:middle;width: calc(100% - 80px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.iblock1 .alist a em{font-size:14px;color:#999; display:inline; float:right;height:42px;line-height:42px;vertical-align:middle; font-family:Arial; font-style: normal;}
.iblock1 .alist a:hover span{text-decoration:underline;color:#448fa5}

.iblock2{padding: 50px 0; background: #f5f5f5;}
.iblock2 .rel{margin-top: 25px; padding: 0 40px; position: relative;}
.zire a{display:block;}
.zire a div{padding:0 10px}
.zire a img{width:100%;height:auto;background:#efefef}
.zire a div.dd1{color:#8f8f8f;font-size:14px;line-height:1;padding:15px 10px 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.anli-prev{position:absolute;left:0;top:50%;margin-top: -11px;width:14px;height:22px;cursor:pointer;z-index:99999}
.anli-prev a{display:block;width:14px;height:22px;background:url(../images/9.png) left bottom no-repeat}
.anli-prev a:hover{background:url(../images/9.png) left top no-repeat}
.anli-next{position:absolute;right:0;top:50%;margin-top: -11px;width:14px;height:22px;cursor:pointer;z-index:99999}
.anli-next a{display:block;width:14px;height:22px;background:url(../images/9.png) right bottom no-repeat}
.anli-next a:hover{background:url(../images/9.png) right top no-repeat}

.iblock3{padding: 50px 0;}
.iblock3 .w2{width: 48%; margin-right: 4%; float: left;}
.iblock3 .w2:last-child{margin-right: 0;}
.iblock3 .cont{margin-top: 10px; overflow: hidden;}
.iblock3 .imgnews{width: 48%; float: left; padding-top: 15px;}
.iblock3 .imgnews img{width:100%;background:#fafafa;height:155px;object-fit: contain;}
.iblock3 .imgnews a{display:block}
.iblock3 .imgnews div.dd1{line-height:1;font-size:14px;color:#666666;padding:15px 0 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.iblock3 .imgnews div.dd2{line-height:1.5;font-size:12px;color:#a5a5a5;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.iblock3 .alists{width: 48%; float: right;}
.iblock3 .alists ul{margin: 0; padding: 0;}
.iblock3 .alists li{display:block;height:50px;line-height:50px;vertical-align:middle;background:url(../images/8.jpg) left bottom repeat-x;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.iblock3 .alists a{font-size:14px;color:#666666}
.iblock3 .alists a:hover{text-decoration:underline;color:#448fa5}

@media (max-width: 992px){
 .iblock1 .w3{width: 48%; margin-right: 4%; margin-bottom: 30px;}
 .iblock1 .w3:nth-of-type(2n){margin-right: 0;}
 .iblock1 .w3:last-child{margin-bottom: 0;}
}

@media (max-width: 768px){
 .iblock1, .iblock2, .iblock3{padding: 40px 0;}
 .iblock1 .w3{width: 100%; margin-right: 0; margin-bottom: 30px;}
 .iblock2 .rel{padding: 0 20px;}
 .zire a div{padding: 0 5px;}
 .iblock3 .w2{width: 100%; margin-right: 0; margin-bottom: 30px;}
 .iblock3 .w2:last-child{margin-bottom: 0;}
}


/*footer*/
.foot{background:#272d30; padding: 50px 0 0;}
.fitem{float: left; margin-right: 20px; margin-bottom: 10px; min-width: 120px;}
.fitem:last-child{margin-right: 0;}
.fitem div.dd1{height:27px;line-height:1;border-bottom:1px #3d4245 solid}
.fitem div.dd1 a{font-size:14px;color:#d9d9d9;background:url(../images/11.jpg) left center no-repeat;padding-left:10px}
.fitem div.dd1 a:hover{color: #d9d9d9;}
.fitem div.dd2{padding-top:10px;padding-left:10px}
.fitem div.dd2 ul{margin: 0; padding: 0;}
.fitem div.dd2 li{display:block;line-height:1;padding:10px 0}
.fitem div.dd2 li a{color:#868585}
.fitem div.dd2 li a:hover{text-decoration:underline}
.foottop{border-top:1px #3d4245 solid; padding: 15px 0; margin-top: 40px;}
.foottop .container{position: relative;}
.banquan{color:#868585; line-height: 30px;}
.banquan p{margin: 0;}
.flink{line-height: 30px;}
.flink ul{margin: 0; padding: 0;}
.flink li{line-height:1;display: inline-block;}
.flink li a{color:#868585;font-size:12px}
.flink li em{padding:0 10px;font-size:12px;color:#868585}
.footcode{position: absolute; right: 0px; top: 7px;}
.qrcodeb{display:none;white:200px;height:200px;position: absolute;z-index:222;bottom:60px;right:15px;}
.qrcodea:hover .qrcodeb{display:block;}
.foottel{position: absolute; right: 150px; top: 7px;}

.tools{position:fixed; width:60px; right: 10px;bottom: 100px;}
.tools div{padding: 2px 0 }
.tools a{ height: 34px; position: relative; display: block; }
.tools span{ display: block; width: 60px; height: 34px; border-radius: 17px 0 0 17px; position: absolute; right: 0; top: 0;}
.tools em{color: #fff;padding-left:50px;height: 34px; line-height: 34px; display: none; white-space: nowrap; font-style: normal;}
.tools a.cur em{ display: block; }
.tools span.bg1{ height: 34px; background: url(../images/fico1.png) 20px center no-repeat #4a6c76; }
.tools span.bg2{ height: 34px; background: url(../images/fico2.png) 20px center no-repeat #4a6c76; }
.tools span.bg3{ height: 34px; background: url(../images/fico3.png) 20px center no-repeat #4a6c76; }
.tools span.bg4{ height: 34px; background: url(../images/fico4.png) 20px center no-repeat #4a6c76; }
.tools span.bg5{ height: 34px; background: url(../images/fico5.png) 20px center no-repeat #4a6c76; }

@media (max-width: 1200px){
 .footcode, .foottel{display: none;}
}

@media (max-width: 768px){
 .tools{display: none;}
 .foot{padding: 40px 0 0;}
 .fitem{width: 32%; min-width: unset; margin-right: 2%;}
 .fitem:nth-of-type(3n){margin-right: 0;}
 .fitem div.dd2{display: none;}
 .foottop{margin-top: 20px;}
 .banquan{line-height: 24px;}
 .flink{display: none;}
}







