html{overflow-x: hidden;}
body{margin:0;padding:0;}
ul,p{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a,a:hover{color:#333;text-decoration: none;display: block;}
*{font-family: "微软雅黑";box-sizing: border-box;color:#333;}
.w{width: 98%;max-width: 1200px;margin: 0 auto;}
.menu{width: 35px;display: none;}
img{max-width: 100%;object-fit: cover;}

#header .h-top{background-color: #eeeeee;}
#header .h-top .w{height: 40px;display: flex;justify-content: space-between;align-items: center;}
#header .h-top ul{display: flex;}
#header .h-top li{margin: 0 10px;}
#header .h-top *{color: #999999;font-size: 14px;}
#header .h-bot{height: 120px;justify-content: space-between;display: flex;align-items: center;}
#header .h-bot .logobox{display: flex;}
#header .h-bot .logotxt{margin-left: 10px;margin-top: 5px;}
#header .h-bot .logotxt p:nth-child(1){font-size: 32px;color: #333333;font-weight: bold;}
#header .h-bot .logotxt p:nth-child(2){font-size: 12px;color: #666666;letter-spacing: 1.8px;}
.cttbox{display: flex;}
.cttbox .img{margin-right: 15px;margin-top: 10px;}
.cttbox p{font-size: 16px;color: #333333;}
.cttbox p span{font-size: 22px;font-weight: bold;color: #e60012;margin-right:20px;}
.cttbox p:nth-child(2) span{letter-spacing: 1px;}
.cttbox p:nth-child(3) span:nth-child(1){margin-left: 23%;}
.cttbox p:nth-child(3) span:nth-child(2){margin-left: 12%;}
nav{height: 60px;background: url(../images/nav-bg.png);}
nav .list{display: flex;justify-content: space-between;align-items: center;}
nav .list li{height: 60px;line-height: 60px;text-align: center;width: 100%;}
nav .list li a{font-size: 16px;font-weight: bold;color: #fff;}
nav .list li:active,nav .list li:hover,nav .list li.active{background-color: #e60012;}
#nav_select a{background-color: #e60012;}
.artcon p{ line-height:34px;}
.artcon{ margin-top:20px;}
.artcon img{ display:block; margin:0px auto; max-width:100%;}
#banner .bannerSwiper{height: 500px;width: 100%;position: relative;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 40px!important;}
.swiper-slide img{height: 100%;width: 100%;}

#product{display: flex;margin-top: 50px;padding-bottom: 20px;}
#product .subnav{flex-shrink: 0; width:280px;}
#product .subnav .title p{background: url(../images/pro-title.png);height: 60px;line-height: 60px;text-align: center;}
#product .subnav .title p{font-size: 20px;font-weight: bold;color: #fff;}
#product .subnav .title a{color: #fff;}
#product .subnav .title p span{opacity: .2;color: #fff;font-size: 20px;}
#product .sltitle{background: url(../images/pro-item-bg-no.png);height: 42px;line-height: 35px;text-align: left;padding-left: 25px;font-size: 15px;font-weight: bold;color: #ffffff;position: relative;z-index: 10;}
#product .sllist{width: 270px;display: none;}
#product .sl-box:nth-of-type(1) .sllist{display: block;}
#fl_select{background: url(../images/pro-item-bg.png) !important;}
.sllist li a{ color:#333 !important;}
#product .sltitle:hover{background: url(../images/pro-item-bg.png) !important;}
#product .sllist li{height: 37px;line-height: 37px;background-color: #f3f3f3;padding-left: 25px;text-align: left;border-bottom: 1px dashed #b4b4b4;}
#product .sllist li a::before{content: "";display: inline-block;width: 5px;height: 9px;background: url(../images/pro-item-img.png);margin-right: 8px;transform: translateY(-2px);}
#product .sllist li:active a,#product .sllist li:hover a,#product .sllist li.active a{color: #e60012;}
#product .content{flex: 1;margin-left: 33px;}
#product .content .title{border-bottom: 1px solid #b2b2b2;padding-bottom: 5px;display: flex;justify-content: space-between;}
#product .content .title .img img{max-width: 25px;display: inline-block;object-fit: cover;transform: translateY(3px);}
#product .content .title a{ display:inline;}
#product .content .title .img span{font-size: 18px;font-weight: bold;color: #1a6adc;}
#product .content .more a{font-size: 14px;color: #333333;}
#product .sr-box .list{display: flex;justify-content: space-between;align-items: center;margin-top: 24px;flex-wrap: wrap;max-height: 950px;overflow: hidden;display: none;}
#product .sr-box:nth-of-type(2) .list:nth-of-type(1){display: flex;}
#product .sr-box li{height: 216px;width: calc(25% - 10px);margin-bottom: 20px;border: 1px solid #f3f3f3;background-color: #fff;position: relative;transition: all .3s linear;}
#product .sr-box li span{width: 100%;height: 41px;background-color: #f3f3f3;position: absolute;bottom: 0;left: 0;color: #252525;line-height: 41px;text-align: center;font-size: 14px;}
#product .srtitle{display: none;}
#product .botline{width: 97%;height: 9px;background-color: #1a6adc;}
#product .submenu{display: none;}
.close{display: none;}
#product .sr-box li img{transition: all .3s linear;}
#product .sr-box li a{overflow: hidden;}
#product .sr-box li:hover {border: 1px solid #ec550d;}
#product .sr-box li:hover img{transform: scale(1.1);}
#product .sr-box li:hover span{color: #e60012;}
#product .sl-box{margin-right: 10px;}
#product .sl-box:nth-of-type(1){margin-top: -9px;}
#product .sltitle{margin-right: -10px;}
#product .sllist li:last-child{border-bottom: 0;}
#product .sllist li:first-child{margin-top: -9px;}
#product .subnav .title{background-color: #f3f3f3;}

#about{display: flex;justify-content: space-between;}
#about .about-l{width: 64%;height: 425px;position: relative;}
.a-lt{background: url(../images/about-top-bg.png) no-repeat;display: flex;justify-content: space-between;height: 46px;line-height: 46px;}
.a-ltl{background: url(../images/about-title-bg.png) no-repeat;width: 140px;font-size: 18px;color: #ffffff;text-indent: 25px;}
.a-ltr{font-size: 18px;color: #414141;}
.a-ltr span{border: 1px solid #6da9ef;color: #6da9ef;width: 17px;height: 17px;display: inline-block;line-height: 13px;border-radius: 3px;margin-right: 26px;}
#about .about-r{width: 36%;}
.a-lb .yy{background: url(../images/about-yy.png);position: absolute;width: 380px;height: 40px;bottom: 5px;left: 0;}
.a-lbc{height: 304px;display: flex;margin-top: 21px;}
.a-lbc .img{margin-right: 39px;}
.a-lbc .txt .title{font-size: 18px;color: #1a6adc;}
.a-lbc .txt .txtcon{font-size: 14px;color: #333333;line-height: 28px;text-indent: 28px;margin-top: 10px;width: 352px;}
.a-lbc .txt .more{width: 105px;height: 48px;background-color: #0069e4;line-height: 48px;text-align: center;border-radius: 3px;font-size: 16px;color: #fff;margin-top: 20px;position: relative;}
.a-lbc .txt .more:after{content: "";display: block;width: 100%;height: 20px;position: absolute;bottom: -22px;background: linear-gradient(to top,#fff,#60a2ef);border-radius: 3px;}
.a-rb{border: 1px solid #e5e5e5;margin-top: 21px;display: flex;justify-content: center;align-items: center;height: 358px;width: 100%;overflow: hidden;padding: 0 25px;}
.aboutSwiper{width: 100%;height: 100%;overflow: hidden;}
.aboutSwiper img{object-fit: scale-down;}

#news{display: flex;}
#news .left{width: 64%;margin-right: 24px;}
#news .left .top{height: 60px;display: flex;justify-content: space-between;line-height: 60px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-bottom: 33px;}
#news .left .top .top-title{font-size: 18px;color: #1a6adc;}
#news .right .top .top-title{font-size: 18px;color: #1a6adc;text-align: center;line-height: 60px;}
#news .right{width: 36%;}
#news .news-item{height: 117px;display: flex;margin-top: 18px;}
#news .img{width: 165px;height: 100%;flex-shrink: 0;margin-right: 25px;}
#news .txt .title{font-size: 18px;font-weight: bold;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#news .txt .txtcon{font-size: 12px;color: #666666;line-height: 20px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 14px 0 16px 0;}
#news .txt .date{font-size: 12px;color: #999;}
#news .news-item:hover .title{color: #e60012;}
#news .right .bot{border: 1px solid #e5e5e5;height: 416px;}
#news .bot .dl-list{padding: 0 24px 0 33px;margin-top: 28px;}
#news .bot .dl-item{display: flex;justify-content: space-between;margin-bottom: 23px;}
#news .bot .dl-item a{font-size: 14px;color: #333333;}
#news .bot .dl-item a::before{content: "-";margin-right: 12px;color: inherit;}
#news .bot .dl-item .date{font-size: 12px;color: #999999;}
#news .bot .dl-item:hover a{color: #e60012;}

#contact{display: flex;justify-content: space-between;height: 366px;}
#contact .about-l{width: 51%;}
#contact .about-r{width: 49%;}
#contact .about-l .a-lb{height: 263px;border: 1px solid #e5e5e5;margin-top: 21px;padding-left: 25px;padding-top: 28px;display: flex;justify-content: space-around;margin-right: 20px;}
#contact .about-l .txt .line1{font-size: 20px;font-weight: bold;color: #1a6adc;line-height: 34px;}
#contact .about-l .txt .line-{margin-top: 25px;}
#contact .about-l .txt .line2{line-height: 28px;font-size: 14px;color: #333333;}
#contact .about-l .img{width: 164px;text-align: center;}
#contact .about-l .img p{font-size: 14px;color: #333333;margin-top: 5px;}

#feat .a-lt{background-repeat: repeat;}
#feat .a-lb ul{display: flex;justify-content: space-between;margin: 26px 0 40px 0;}
#feat .a-lb li{height: 100px;width: calc(16.7% - 10px);border: 1px solid #dfdede;}
#feat .a-lb li a{width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;height: 100%;}
#feat .a-lb li:nth-of-type(2) img{transform: scale(1.1);}

#botnav{height: 56px;background-color: #616161;}
#botnav .list{display: flex;justify-content: space-between;padding: 0 85px;align-items: center;height: 100%;}
#botnav .list a{font-size: 14px;color: #ffffff;}

#footer{background-color: #7b7b7b;text-align: center;padding: 33px 0;}
#footer .w{position: relative;}
#footer p{line-height: 34px;font-size: 14px;color: #ffffff;}
#footer p a{color: #ffffff; display:inline;}
.footer-er{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

#insidepage-con{display: flex;padding: 20px 0;}
#insidepage-con .leftnav{width: 240px;border: 1px solid #ccc;height: fit-content;}
#insidepage-con .leftnav li:nth-of-type(1){background-color: #1a6adc;height: 50px;line-height: 50px;color: #fff;}
#insidepage-con .leftnav li{height: 40px;line-height: 40px;padding: 0 10px;}
#insidepage-con .leftnav li a{border-bottom: 1px solid #ccc;color: #333;font-size: 14px;display: flex;justify-content: space-between;align-items: center;}
#insidepage-con .leftnav li a::after{content: "";width: 8px;height: 15px;display: inline-block;background: url(../images/pro-item-img.png) no-repeat;}
#insidepage-con .leftnav li:active a,#insidepage-con .leftnav li:hover a,#insidepage-con .leftnav li.active a{color: #e60012}
#insidepage-con .rightcon .title{display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;width: 100%;height: 50px;line-height: 50px;}
#insidepage-con .rightcon{flex: 1;margin-left: 20px;}
#insidepage-con .rightcon .title ul{display: flex;}
#insidepage-con .rightcon .title ul li a{font-size: 14px;}
#insidepage-con .rightcon h4{margin: 0;font-size: 22px;color: #ec550d;font-weight: normal;}
#insidepage-con .rightcon .conbox p{font-size: 13px;color: #333;line-height: 30px;text-indent: 28px;}
#insidepage-con .rightcon .conbox{padding: 20px 0;}
#insidepage-con .rightcon .conbox-{display: none;text-align: center;}
#insidepage-con .rightcon .conbox-:nth-of-type(1){display: block;}


.insidepagemain .title ul{display: flex;}
.insidepagemain .conbox{padding: 20px;}
.insidepagemain .conbox .newstitle{font-size: 14px;color: #333;width: 70%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.insidepagemain .conbox .newstitle::before{content: "+";width: 7px;height: 7px;margin-right: 6px;color: #1a6adc;}
.insidepagemain .conbox .newsdate{font-size: 12px;color: #666;}
.insidepagemain .conbox .newsitem a{display: flex;justify-content: space-between;}
.insidepagemain .conbox .newsitem a:hover .newstitle{color: #e60012;}
.insidepagemain .conbox .newsitem{height: 40px;line-height: 40px;}
.insidepagemain .content .page{display: flex;justify-content: center;margin: 20px 0;padding-bottom: 30px;}
.insidepagemain .content .page a{padding: 3px 10px;border: 1px solid #ccc;margin: 0 5px;font-size: 14px;color: #333;}
.insidepagemain .content .page a:hover{background: #1a6adc;color: #e60012;}
.insidepagemain .content .page a:active,.insidepagemain .content .page a.active{border: none;}
.insidepagemain .arttitle{text-align: center;font-size: 18px;font-weight: bold;color: #666;}
.insidepagemain .artinfo{display: flex;font-size: 14px;color: #333;justify-content: center;height: 50px;line-height: 50px;}
.insidepagemain .artinfo .date{margin-right: 20px;}
.insidepagemain .npconbox{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.insidepagemain .artnav{margin: 30px 0;}
.insidepagemain .artnav div{display: flex;font-weight: bold;font-size: 14px;height: 30px;line-height: 30px;}
.insidepagemain .artnav div a{color: #1a6adc;font-weight: normal;}
.insidepagemain .artnav div a:hover{color: #e60012;}
.insidepagemain .ctconbox{padding-left: 10px;}
.insidepagemain .ctconbox p{font-size: 13px;color: #333;height: 40px;line-height: 40px;}
.insidepagemain .my-map{width: 100%;height: 360px;}


.my-map { margin: 20px auto 0; width: 590px; height: 260px; } 
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-blue { background-position: -11px -55px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
.amap-copyright,.amap-logo{display: none!important;}