/* CSS Document */
*{padding: 0;margin: 0;font-family: "微软雅黑"; box-sizing: border-box;}
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#5a5a5a; font: 14px/1.5 Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; box-sizing: border-box;}
h1, strong, h3, h4, h5, h6 { font-size: 100%;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#5a5a5a; cursor: pointer;}
a:hover{text-decoration:none; color:#444;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
button{ cursor: pointer;}
button,input{/*消除默认样式*/margin: 0px;padding: 0px;/*自定义边框*/border: 0px;/*消除默认点击蓝色边框效果*/outline: none;}
/*图片特效*/
.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

/*顶部样式*/
.top{ height:36px; line-height:36px; overflow: hidden; border-bottom: 1px solid #eaeaea;}
.top .fl p{ font-size: 12px; color: #999;}
.top .fr ul li{ float: left;}
.top .fr ul li a{ font-size: 12px; color: #999; border-left: 1px solid #999; padding: 0 10px;}
.top .fr ul li:first-child a{ border-left: none;}
.top .fr ul li a:hover{ color: #444;}
.top .fr ul li a.en{ font-size: 15px; font-weight: bold; color: #016EB2;}

.logo{ position: relative; height: 100px; overflow: hidden;}
.logo .logoimg{ padding-top: 15px;}
.logo .logoimg img{ height: 70px; width: auto;}
.logo .logoimg::before{content: "";position: absolute;left: 0px;top: 0px;width: 800px;height: 15px;background-color: rgba(255, 255, 255, .4);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1.5s ease-in 1.5s infinite;-o-animation: searchLights 1.5s ease-in 1.5s infinite;animation: searchLights 1.5s ease-in 1.5s infinite;}
@-webkit-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-o-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-moz-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}

.logo .dianhua img{ height: 34px; margin-top: 33px;}
.logo .dianhua .dhnr{ padding-top: 28px; padding-left: 15px;}
.logo .dianhua .dhnr p{ font-size: 12px; color: #666;}
.logo .dianhua .dhnr h2{ font-size: 20px; color: #016eb2; font-weight: normal;}

.dhl{ background: #016eb2; position: relative; z-index: 999;}
.dhl li.fl{ width: 12.5%; height: 42px; line-height: 42px; text-align: center;}
.dhl li.fl a{ display: block; font-size: 17px; color: #fff;}
.dhl li.active, .dhl li:hover{ background: #0a5e92;}
.dhl li .submenu{ display: none; background: #016eb2;; padding: 10px 5px;}
.dhl li:hover .submenu{ display: block;}
.dhl li .submenu li{ height: 36px; line-height: 36px;}
.dhl li .submenu li:hover{ background: #0a5e92;}
.dhl li .submenu li a{ font-size: 14px;}

/*banner*/
.banner{ height:500px;}
.banner img{ height: 500px;}
.nybanner{ height:400px;}
.nybanner img{ height: 400px;}

/* sousuo */
.syss{ height: 55px; line-height: 55px; border-bottom: 1px solid #eaeaea; font-size: 13.3333px}
.syss .ssc a{ padding-left: 5px;}
.syss .ssk{ position: relative;}
.syss .ssk input{ width: 300px; height: 28px; background: url(../images/ss.png) no-repeat center 100%; padding-left: 15px; padding-right: 35px;}
.syss .ssk button{ width: 35px; height: 28px; position: absolute; right: 0; top: 23.5px; background: none;}

.sygy{ /* background: url(../images/syys.png) repeat-y; */ padding: 30px;}
.sygy .syjj{ width: 72%;}
.sygy .syjj p{ height: 38px; line-height: 30px; padding-left: 40px; font-size: 18px; background: url(../images/syjj.png) no-repeat left;}
.sygy .syjj p span{ font-size: 12px;}
.sygy .syjj p a{ font-size: 12px; color: #016EB2;}
.sygy .syjj .jjnr{ padding-top: 40px;}
.sygy .syjj .jjnr a{ width: 48%; height: 300px;}
.sygy .syjj .jjnr img{ width: 100%; height: 100%; object-fit: cover;border-radius: 3%;}
.sygy .syjj .jjnr div{ width: 50%; font-size: 14px; line-height: 2em;text-indent: 2em;}
.sygy .syjj .jjnr div a{ color: #016eb2;}

.sygy .syry{ width: 24%;}
.sygy .syry p{ height: 38px; line-height: 30px; padding-left: 40px; font-size: 18px; background: url(../images/syry.png) no-repeat left;}
.sygy .syry p span{ font-size: 12px; text-transform: uppercase;}
.sygy .syry p a{ font-size: 12px; color: #016EB2;}
.sygy .syry .bd{ height: 340px; text-align: center; background: #fff; padding: 40px 20px; overflow: hidden;}
.sygy .syry .bd li{ width: 100%; height: 300px; margin-bottom: 15px;display: inline-block; white-space: nowrap; width: 100%; border: 1px solid #e5e5e5; padding: 5px; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis;}
.sygy .syry .bd li .pic{ width: 100%; height: 250px; overflow: hidden;}
.sygy .syry .bd li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.sygy .syry .bd li h5{ color: #666; font-weight: normal;}

.sycp{ background: #fff}
.sycpnr h1{ height: 38px; line-height: 30px; padding-left: 40px; font-size: 18px; background: url(../images/sycp.png) no-repeat left; margin-bottom: 20px;font-weight: normal; }
.sycpnr h1 span{ font-size: 12px;}
.sycpnr h1 a{ font-size: 12px; color: #016EB2;}
.sycpnr .sycpfl{ width: 205px; background: url(../images/left-bg.png) repeat-y;margin-top: 2px;}
.sycpnr .sycpfl .bj1{ display: block; width: 100%; height: 8px; background: url(../images/left-tp.png) top no-repeat;}
.sycpnr .sycpfl .bj2{ display: block; width: 100%; height: 8px;background: url(../images/left-bt.png) bottom no-repeat;}
.sycpnr .sycpfl ul{ padding: 10px;}
.sycpnr .sycpfl ul li{ width: 100%; line-height:39px;background: url(../images/squ.jpg) no-repeat 0px 20px; text-indent:10px; overflow:hidden;border-bottom: 1px dashed #f1ebeb;}
.sycpnr .sycpfl ul li:last-child{ border-bottom: none;}
.sycpnr .sycpfl ul li a{ display:block;color:#666; font-size: 15px;}
.sycpnr .sycpfl ul li a:hover{ color:#016EB2;}

.sycpnr .bd{ width: 960px; margin-top: 10px; overflow: hidden;}
.sycpnr .bd ul{ width: 100%;}
.sycpnr .bd .item{ margin-right: 10px; flex-shrink: 0; width: 240px; background-color: #fff; position: relative; transition: all 0.5s;}
.sycpnr .bd .item:hover{box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);}
.sycpnr .bd .item:hover .img img{transform: scale(1.05);}
.sycpnr .bd .item:hover .intro{background-color: #016eb2;}
.sycpnr .bd .item:hover .intro .title{ color: #fff;}
.sycpnr .bd .item .img{width: 100%; height: 170px; overflow: hidden; background: #fff; position: relative;}
.sycpnr .bd .item .img img{width:100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.sycpnr .bd .item .intro{width: 100%; height: 40px; padding: 10px; box-sizing: border-box; background: #E2E2E2; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s;}
.sycpnr .bd .item .intro .title{ width: 100%; font-size: 14px; text-align: center; color: #333333;}
.sycpnr .bd .item .link{width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;}

.foot{ margin-top: 50px; border-top: 8px solid #016eb2; background: url(../images/footbg.png) repeat-y bottom;}
.foot .dblx h2{ padding: 30px 0; color: #cbcbcb; font-size: 16px;}
.foot .dblx li{ float: left; padding-right: 70px;}
.foot .dblx li p{ color: #b4b4b4; line-height: 2em;}
.foot .dberm li{ float: left; text-align: center; padding-right: 20px; padding-top: 20px}
.foot .dberm li img{ width: 120px; height: 120px;}
.foot .dberm li p{ font-size: 12px; color: #b4b4b4;}
.foot .banquan{ border-top: 1px solid #3e3e3e; margin-top: 20px; padding: 20px; color: #b4b4b4; font-size: 12px; text-align: center;}
.foot .banquan a{ color: #b4b4b4;}

/* neiye */
.neiye{ margin: 40px 0;}
.neiye .nyfl{ width: 260px;}
.neiye .nyfl .flbt{ background: url(../images/nybt.png) no-repeat; height: 90px; text-align: center;}
.neiye .nyfl .flbt h1{ font-size: 24px; color: #fff; padding-top: 18px;}
.neiye .nyfl .flbt p{ font-size: 12px; color: #a0bfde; text-transform: uppercase;}
.neiye .nyfl .flmc{ border-style: solid; border-color: #016eb2; border-width: 0 10px 15px; padding: 10px 10px;}
.neiye .nyfl .flmc ul li{ padding: 18px 0; text-align: center; font-size: 16px; color: #666; font-weight: bold; border-bottom: 1px solid #aaa;}
.neiye .nyfl .flmc ul li:hover, .neiye .nyfl .flmc ul li.active{ border-bottom: 1px solid #016eb2; color: #016eb2;}
.neiye .nyfl .flmc .lx{ margin-top: 20px; background: url(../images/nylx.png) no-repeat; height: 49px; text-align: center; line-height: 49px; font-size: 16px; color: #fff;}
.neiye .nyfl .flmc p{ font-size: 13px; line-height: 2em; padding: 20px 10px;}

.neiye .nynr{ width: 900px;}
.neiye .nynr .mianbaoxie{ background: url(../images/mbx.png) no-repeat; background-size: 26px; padding-bottom: 10px; padding-left: 30px; border-bottom: 1px solid #eaeaea;;}
.neiye .nynr .mianbaoxie a{ padding: 0 5px;}
.neiye .nynr .mianbaoxie a:hover{ color: #016eb2;}

.neiye .nytybt{ text-align: center; margin: 30px 0;}
.neiye .nytybt h1{ font-size: 24px; color: #393939; font-weight: normal;}
.neiye .nytybt h5{ font-size: 12px; color: #999; font-weight: normal; text-transform: uppercase;}
.neiye .nytybt p{ width: 20px; padding-top: 5px; border-bottom: 1px solid #ee0a0a; margin: 0 auto;}

/* danye neirong */
.neiye .dynr{ font-size: 16px; line-height: 2em;}
.neiye .dynr img{ max-width: 100%; height: auto!important;}

.neiye .contact{ position: relative;}
.neiye .contact img{ position: absolute; right: 0; top: 0;}
#mapbox{ margin-top: 30px;}

/* newslist */
.nyxwlist ul li{ width: 100%; float: left; padding: 12px 0; margin: 10px 0; border-bottom: 1px dashed #d6d6d6;}
.nyxwlist ul li .time{ float: left; width: 76px; height: 76px; margin-left: 30px; background: #f5f5f5; text-align: center; overflow: hidden;}
.nyxwlist ul li .time h1{ padding-top: 10px; color: #ababab; font-size: 24px;}
.nyxwlist ul li .time span{ color: #ababab; font-size: 12px;}
.nyxwlist ul li .bt{ float: right; width: 85%;}
.nyxwlist ul li .bt p{ font-size: 17px; color: #333; padding: 3px 0; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}
.nyxwlist ul li .bt span{ font-size: 14px; color: #ababab; font-weight: normal;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden;}
.nyxwlist ul li:hover{ background: #99999930;}
.nyxwlist ul li:hover p{ color: #d2081a;}

/* news */
.xwnr .bt{ margin: 25px 0; text-align: center;}
.xwnr .bt p{ font-size: 20px; color: #666; font-weight: bold; margin-bottom: 10px;}
.xwnr .bt span{ font-size: 12px;}
.xwnr .bt h5{ background: f5f5f5; border: 1px solid #e5e5e5; padding: 5px 0; width: 100%; margin: 10px 0;}
.xwnr .xwxq p{ font-size: 16px; line-height: 2em;}
.xwnr .xwxq img{ max-width: 100%; height: auto;}

/* prolist */
.prolist ul li{ width: 100%; float: left; padding: 12px 0; margin: 10px 0; border-bottom: 1px dashed #d6d6d6;}
.prolist ul li .img{ float: left; width: 260px; height: 180px; overflow: hidden;}
.prolist ul li .img img{ width: 100%; height: 100%; object-fit: cover;}
.prolist ul li .bt{ float: right; width: 68%;}
.prolist ul li .bt h1{ font-size: 16px; color: #016eb2;}
.prolist ul li .bt p{ font-size: 18px; color: #5a5a5a; padding: 15px 0; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}
.prolist ul li .bt h5{ line-height: 2em; font-size: 15px; color: #999; font-weight: normal;}
.prolist ul li:hover{ background: #99999930;}
.prolist ul li:hover p{ color: #d2081a;}

/* product */
.pronr .bt{ margin: 25px 0; text-align: center;}
.pronr .bt p{ font-size: 20px; color: #666; font-weight: bold; margin-bottom: 10px;}
.pronr .bt h5{ background: f5f5f5; border: 1px solid #e5e5e5; padding: 5px 0; width: 100%; margin: 10px 0;}
.pronr .proxq p{ font-size: 16px; line-height: 2em;}
.pronr .proxq img{ max-width: 65%; height: auto;}

/* rylist */
.rylist ul li{ float: left; width: 33.33%; padding: 10px 10px;}
.rylist ul li .img{ width: 100%; height: 200px; overflow: hidden; border: 1px solid #d6d6d6;}
.rylist ul li .img img{ padding: 5px; width: 100%; height: 100%; object-fit: contain;}
.rylist ul li p{ text-align: center; font-size: 15px; color: #666; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}

/*page*/
.pre{ margin: 20px 0;}
.pre a{ color:#444; font-size: 14px;}
.pre a:hover{ color:#d2081a; font-size: 14px;}
.page {width: 100%;height: 50px;text-align: center;line-height: 50px;padding-top: 1px; clear:both;}
.page a{background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #9d7751;font-size: 14px;}
.page .page-num-current{background: #016eb2; color: #fff;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}

/* form */
.nynr form{ width: 100%;}
.nynr form li{ float: left; width: 50%; margin-bottom: 20px;}
.nynr form li p{ padding-bottom: 10px; padding-left: 5px;}
.nynr form li input{ width: 300px; line-height: 28px; border: 1px solid #dedede; font-size: 14px; padding: 5px 10px; border-radius: 5px;}
.nynr form li.nr{ width: 100%;}
.nynr form li textarea{ width: 100%; border: 1px solid #dedede; font-size: 14px; padding: 5px 10px; border-radius: 5px;}
.nynr form li img{ float: right; height: 38px; padding-right: 40px;}
.nynr form .submit{ width: 320px; height: 40px; background: #ed3c46; border-radius: 5px; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}
.nynr form .submit:hover{ background: #016eb2;}

/* yxwl */
.map{flex-shrink: 0; position: relative;}
.map .img{width: 100%;}
.map .circle{width: 10.5px; height: 10.5px; background: #1080c6; border-radius: 50%; position: absolute; transition: all 0.5s; transform: scale(1);}
.map .circle::after{content: ""; display: block; width: 300%; height: 300%; border-radius: 50%; background-color: rgba(231, 70, 92, 0.2); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.map .circle .area{width: 60px; height: 27px; line-height: 27px; border-radius: 3.75px; text-align: center; font-size: 12px; color: #666; position: relative; left: -5px; top: 50%; transform: translateY(-50%);}
.map .cir1{top: 29%; left: 19%; animation: scale 0.5s forwards; animation-play-state: paused;}
.map .cir2{top: 55%; left: 16%; animation: scale 0.5s 1.4s forwards; animation-play-state: paused;}
.map .cir3{top: 37%; left: 36%; animation: scale 0.5s 0.2s forwards; animation-play-state: paused;}
.map .cir4{top: 50%; left: 32%; animation: scale 0.5s 1.6s forwards; animation-play-state: paused;}
.map .cir5{top: 81%; left: 42%; animation: scale 0.5s 0.4s forwards; animation-play-state: paused;}
.map .cir6{top: 50%; left: 54%; animation: scale 0.5s 1.8s forwards; animation-play-state: paused;}
.map .cir7{top: 54%; left: 63%; animation: scale 0.5s 0.6s forwards; animation-play-state: paused;}
.map .cir8{top: 63%; left: 56%; animation: scale 0.5s 2s forwards; animation-play-state: paused;}
.map .cir9{top: 70%; left: 60%; animation: scale 0.5s 0.8s forwards; animation-play-state: paused;}
.map .cir10{top: 83%; left: 65%; animation: scale 0.5s 2.2s forwards; animation-play-state: paused;}
.map .cir11{top: 33%; left: 69%; animation: scale 0.5s 1s forwards; animation-play-state: paused;}
.map .cir12{top: 47%; left: 71%; animation: scale 0.5s 2.4s forwards; animation-play-state: paused;}
.map .cir13{top: 61%; left: 79%; animation: scale 0.5s 1.2s forwards; animation-play-state: paused;}
.map .cir14{top: 78%; left: 73%; animation: scale 0.5s 2.6s forwards; animation-play-state: paused;}
.map .cir15{top: 13%; left: 81%; animation: scale 0.5s 2.8s forwards; animation-play-state: paused;}
.map .cir16{top: 64%; left: 44%; animation: scale 0.5s 2.8s forwards; animation-play-state: paused;}
.map .cir17{top: 68%; left: 78%; animation: scale 0.5s 1.3s forwards; animation-play-state: paused;}
.map .cir18{top: 62%; left: 73%; animation: scale 0.5s 0.6s forwards; animation-play-state: paused;}
.map .cir19{top: 62%; left: 66%; animation: scale 0.5s 2s forwards; animation-play-state: paused;}
.map .cir20{top: 83%; left: 55%; animation: scale 0.5s 1.8s forwards; animation-play-state: paused;}
.map .cir21{top: 25%; left: 81%; animation: scale 0.5s 2.3s forwards; animation-play-state: paused;}
.map .cir22{top: 32%; left: 78%; animation: scale 0.5s 2.4s forwards; animation-play-state: paused;}
.map .cir23{top: 55%; left: 73%; animation: scale 0.5s 1s forwards; animation-play-state: paused;}
.map .cir24{top: 42%; left: 67%; animation: scale 0.5s 1.2s forwards; animation-play-state: paused;}
.map .cir25{top: 38%; left: 70%; animation: scale 0.5s 1s forwards; animation-play-state: paused;}
.map .cir26{top: 48%; left: 62%; animation: scale 0.5s 1s forwards; animation-play-state: paused;}
.map .cir27{top: 12%; left: 75%; animation: scale 0.5s 1s forwards; animation-play-state: paused;}
.map-active .circle{animation-play-state: running;}
@media screen and (max-width: 1020px){.map{width: 100%;}
.map .img{width: 100%;}
.map .cir1{top: 27%; left: 19%;}
.map .cir2{top: 56%; left: 16%;}
.map .cir3{top: 37%; left: 36%;}
.map .cir4{top: 47%; left: 34%;}
.map .cir5{top: 81%; left: 43%;}
.map .cir6{top: 53%; left: 56%;}
.map .cir7{top: 53%; left: 63%;}
.map .cir8{top: 63%; left: 56%;}
.map .cir9{top: 72%; left: 61%;}
.map .cir10{top: 82%; left: 66%;}
.map .cir11{top: 34%; left: 69%;}
.map .cir12{top: 47%; left: 71%;}
.map .cir13{top: 60%; left: 76%;}
.map .cir14{top: 76%; left: 72%;}
.map .cir15{top: 13%; left: 80%;}
.map .cir16{top: 64%; left: 44%;}}