@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; font:14px/1.4 "Microsoft Yahei"; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
.fl{float:left;}
.fr{ float:right;}
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.wrapper{ width:1200px; margin:0 auto;}
.wrap{ margin: 0 6.25vw;}
input:focus,textarea:focus,select:focus{ outline: none;}
.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}

/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}


/* 顶部 */
.top{ position: relative; z-index: 10;}
.top .wrap{ position: relative; z-index: 9;}
.top .logo{ width: 180px; height: 100px; line-height: 100px;}
.top .logo img{ max-height: 100px;}

.search-icon{ position: relative; width: 16px; height: inherit; line-height: 100px; cursor: pointer;}
.searchform{ position: absolute; top: 100%; right: 0; z-index: 100; width: 240px; background-color: rgba(0,0,0,0.5);}
.searchform form{ display: flex; justify-content: space-between;}
.searchform input[type=text]{ width: 150px; height: 40px; padding: 0 15px; background: none; border: 0 none; color: #FFFFFF;}
.searchform input[type=text]:-moz-placeholder{ color: rgba(255,255,255,0.8);}
.searchform input[type=text]:-ms-input-placeholder{ color: rgba(255,255,255,0.8);}
.searchform::after{ content: ''; position: absolute; top: 8px; right: 59px; z-index: -1; width: 0; height: 24px; border-left: 1px solid rgba(255,255,255,0.5);}
.searchform input[type=submit]{ width: 60px; height: 40px; background: none; border: 0 none; cursor: pointer; color: #FFFFFF;}

/* 导航菜单 */
.nav{ position: relative;}
.nav ul li{ float: left; margin-right: 55px; position: relative; z-index: 1;}
.nav ul li > a{ display: block; line-height: 100px; font-size: 16px; color: #4c4c4c;}
.nav ul li:hover > a{ color: #20909b; font-weight: bold;}
.nav ul li:hover:after{ content: ''; position: absolute; bottom: 0px; left: 0px; z-index: 2; display: block; width: 100%; border-bottom: 2px solid #20909b;}
.nav ul li.active > a{ color: #20909b; font-weight: bold;}
.nav ul li.active:after{ content: ''; position: absolute; bottom: 0px; left: 0px; z-index: 2; display: block; width: 100%; border-bottom: 2px solid #20909b;}

.nav ul li .submenu{ position: absolute; top: 100%; left: 50%; z-index: 10; height: 80px; transition: none; display: none;}
.nav ul li .submenu span{ display: flex; justify-content: flex-start; transform: translate(-50%);}
.nav ul li .submenu a{ height: 80px; line-height: 80px; font-size: 16px; color: #c6d9db; white-space: nowrap;}
.nav ul li .submenu a:not(:first-of-type){ margin-left: 40px;}
.nav ul li .submenu a:hover,.nav ul li .submenu a.on{ color: #FFFFFF;}
.submenubg{ position: absolute; top: 100%; left: 0; z-index: 1; display: none; width: 100%; height: 80px; background-color: #20909B;}



@media screen and (max-width: 1440px) {
	.nav ul li{ margin-right: 45px;}
}
@media screen and (max-width: 1280px) {
	.nav ul li{ margin-right: 35px;}
}
@media screen and (max-width: 1200px) {
	.nav ul li{ margin-right: 25px;}
}

/* 底部 */
.footer{ background-color: #202020;}
.foot-top{ padding: 35px 0; border-bottom: 1px solid #3f3f3f;}
.foot-top .footnav{ width: 780px; border-right: 1px solid #3f3f3f;}
.foot-top .footnav ul li{ float: left; width: 130px;}
.foot-top .footnav dt a{ padding: 17px 0; font-size: 16px; color: #FFFFFF;}
.foot-top .footnav dd a{ padding: 6px 0; color: #a2a2a2;}
.foot-top .footnav a{ display: block;}
.foot-top .foot-lxfs{ min-width: 350px;}
.foot-top .foot-lxfs dt{ padding: 17px 0; font-size: 16px; color: #FFFFFF;}
.foot-top .foot-lxfs dd .item{ padding: 6px 0; color: #FFFFFF;}
.foot-top .foot-lxfs dd .item i{ font-weight: bold; color: #20909B;}
.foot-top .foot-lxfs .ewm{ margin-top: 8px;}
.foot-btm{ padding: 18px 0; text-align: center; color: rgba(139,139,139,0.4); font-size: 10px;}

/* 首页banner */
.banner{ position: relative; z-index: 1;}

/* 公司简介 */
.icomp-jj{ padding: 90px 0 110px; background-color: #f1f4f7;}
.icomp-jj .bgcolor{ position: relative; z-index: 1;}
.icomp-jj .wrapper .fl{ width: 600px; min-height: 427px;}
.title{ position: relative; z-index: 1;}
.title div{ font-size: 32px; font-weight: 500; color: #333333;}
.title div::after{ content: ''; display: block; margin-top: 10px; width: 70px; border-bottom: 3px solid #20909b;}
.title p{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; text-transform: uppercase; font-size: 36px; color: rgba(51,51,51,0.1); white-space: nowrap;}
.icomp-jj .richtxt{ margin-top: 50px; font-size: 36px; color: #333333;}
.icomp-jj .content{ margin-top: 15px; line-height: 2; color: #555555; -webkit-line-clamp: 5;}
.imore{ display: inline-block; margin-top: 50px; width: 120px; height: 34px; line-height: 34px; text-align: center; color: #20909b; border-radius: 34px; border: 1px solid #20909B;}
.imore:hover{ transform: scale(1.1);}
.icomp-jj .video{ position: absolute; top: 0; right: 0; z-index: 100; width: 39.5vw;}

/* 产品类别 */
.ipro{ padding: 90px 0 70px; min-height: 430px; background: url(../images/ipro-bg.jpg) no-repeat center; background-size: cover;}
.ipro .title div{ color: #FFFFFF;}
.ipro .title div::after{ border-color: #FFFFFF;}
.ipro .title p{ color: rgba(255,255,255,0.1);}
.ipro-type{ position: relative; z-index: 10;}
.ipro-type ul li{ float: left; border: 1px solid #FFFFFF; margin-left: -1px;}
.ipro-type ul li a{ display: block; min-width: 120px; line-height: 48px; padding: 0 5px; font-size: 18px; color: #FFFFFF; text-transform: uppercase; text-align: center;}
.ipro-type ul li.active a{ background-color: #FFFFFF; color: #20909B;}

.ipro .ipro-cont{ margin-top: 80px; }
.ipro .ipro-cont .fl{ width: 700px;}
.ipro .ipro-cont .fr{ width: 403px;}
.ipro .ipro-cont dl{ color: #FFFFFF;}
.ipro .ipro-cont dl dt{ font-size: 36px;}
.ipro .ipro-cont dl dd{ -webkit-line-clamp: 4;}
.ipro .ipro-cont .fl > .imore{ color: #FFFFFF; border: 1px solid #FFFFFF;}


/* 解决方案 */
.solut{ padding: 120px 0 85px; background-color: #f1f4f7;}
.solutcont{ position: relative; z-index: 1;}
.solutcont .fl{ width: 53.3vw; transform-origin: right top; transform: skew(-24deg); overflow: hidden;}
.solutcont .fl img{ transform-origin: right top; transform: skew(24deg);}
.solutcont .fr{ width: 525px; }
.solutcont .fr .title{ position: relative; z-index: 1; text-align: right; font-size: 36px; color: #333333; padding-bottom: 10px;}
.solutcont .fr .title::after{ content: ''; position: absolute; bottom: 0; right: 0; z-index: 1; width: 70px; border-bottom: 3px solid #20909B;}
.solutcont .solut-type{ margin-top: 1.5vw;}
.solutcont .solut-type ul{ display: flex;}
.solutcont .solut-type ul li{ float: left; width: 120px; height: auto; border: 2px solid #20909B; transform-origin: right top; transform: skew(-24deg); background-color: rgba(255,255,255,0.6);}
.solutcont .solut-type ul li:not(:first-of-type){ margin-left: 15px; }
.solutcont .solut-type ul li a{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 2vw 10px;}
.solutcont .solut-type ul li img{ max-height: 50px; transform-origin: right top; transform: skew(24deg);}
.solutcont .solut-type ul li p{ position: relative; z-index: 1; display: block; height: 50px; padding-bottom: 1vw;}
.solutcont .solut-type ul li p::after{ content: ''; position: absolute; bottom: 0; left: 50%; z-index: 10; width: 10px; transform: translate(-50%); border-bottom: 2px solid #20909B;}
.solutcont .solut-type ul li div{ margin-top: 1vw; font-size: 20px; color: #20909B; transform-origin: center; transform: skew(24deg);}
.solutcont .solut-type ul li.active{ background-color: #20909B;}
.solutcont .solut-type ul li.active p::after{ border-bottom: 2px solid #FFFFFF;}
.solutcont .solut-type ul li.active div{ color: #FFFFFF;}
.solutcont .imore{ float: right;}
.solutbg{ position: absolute; top: 50%; right: 5vw; z-index: -10;}


.inews{ padding: 90px 0 60px;}
.inews-type{}
.inews-type ul li{ float: left; min-width: 138px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #20909B;}
.inews-type ul li:not(:first-of-type){ margin-left: 20px;}
.inews-type ul li a{ display: block; font-size: 18px; color: #20909B;}
.inews-type ul li.active a{ background-color: #20909B; color: #FFFFFF;}
.inewscont{ position: relative; z-index: 1; margin-top: 55px;}
.inewswiper{ position: absolute; top: 0; left: 0; z-index: -10; width: 100%; background-color: #FFFFFF;}
.inewswiper.active{ position: relative; z-index: 10;}
.inewswiper .swiper-slide{ height: 410px;}
.inewswiper .img{ height: 284px;}
.inewswiper .inews-nr{ display: flex; justify-content: space-between; align-items: center; height: 126px; padding: 0 25px;}
.inewswiper .inews-nr .date{ text-align: center; transition: none;}
.inewswiper .inews-nr .date i{ font-family: arial; font-size: 40px; line-height: 0.7; color: #20909B; transition: none;}
.inewswiper .inews-nr .date em{ font-family: arial; font-size: 12px; transition: none;}
.inewswiper .inews-nr .title{ width: 265px; line-height: 1.8; transition: none;}
.inewswiper .swiper-slide:hover{ background-color: #20909B; color: #FFFFFF;}
.inewswiper .swiper-slide:hover .date,
.inewswiper .swiper-slide:hover .date i{ color: #FFFFFF;}
.inewswiper .swiper-slide:hover .title{ color: #FFFFFF;}
.inews .imore{ display: block; margin: 50px auto 30px;}


/* 内页 */
.nctop{ line-height: 60px; border-bottom: 1px solid #d7d7d7;}
.nctop .subnav{}
.nctop .subnav ul li{ float: left;}
.nctop .subnav ul li a{ position: relative; z-index: 1; display: block;}
.nctop .subnav ul li.active a{ font-weight: bold; color: #20909B;}
.nctop .subnav ul li.active a::after{ content: ''; position: absolute; bottom: -1px; left: 50%; z-index: 1; transform: translate(-50%); width: 40px; border-bottom: 2px solid #20909B;}
.nctop .subnav ul li:not(:first-of-type){ margin-left: 35px;}
.nctitle{ padding: 80px 0;}
.ntitle{ text-align: center;}
.ntitle div{ display: flex; justify-content: center; align-items: center;}
.ntitle div i{ position: relative; z-index: 1; line-height: 1; font-size: 40px; font-weight: 500; color: #333333;}
.ntitle div i::after{ content: ''; position: absolute; top: 0px; right: -20px; z-index: 1; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #20909B;}
.ntitle p{ display: block; margin-top: 5px; font-weight: bold; font-size: 16px; color: #d7d7d7; text-transform: uppercase;}

.comp-nr{ margin-top: 30px;}
.comp-nr .fl{ width: 515px;}
.comp-nr .fl .sm{ margin-top: 15px; font-size: 32px; line-height: 1.6; color: #141414;}
.comp-nr .fl .img{ margin-top: 15px;}
.comp-nr .fr{ width: 600px; height: 336px; overflow-y: scroll; margin-top: 40px; line-height: 28px; font-size: 16px; color: #4d4d4d; padding-right: 12px; box-sizing: border-box; text-align: justify;}

.ncompt ul,.ncompb ul{ display: flex; overflow: hidden;}
.ncompt ul li{ display: flex; justify-content: center; align-items: center; width: 50%; height: 36.46vw; background-color: #30b0c7;}
.ncompt ul li:first-of-type img{ max-width: 80%; height: auto;}
.ncompb ul li{ width: 25%; height: 18.23vw;}
.ncomp ul li img{ height: 100%;}


/* 1-2 */
.brand-list{margin-top:40px;height:483px;box-sizing:border-box; background:url(../images/whbg.jpg) no-repeat center top/cover;}
.brand-list ul{ display: flex;flex-wrap:wrap;}
.brand-list ul li{ width:50%; position: relative; z-index: 1;  text-align: center;}
.brand-list ul li::after{ content: ''; position: absolute; top: 0; right: 0; z-index: -1; height: 100%; border-right: 1px solid #F1F4F7;}
.brand-list ul li dt{ text-transform: uppercase;}
.brand-list ul li dd{ padding-bottom:5px; font-size: 18px;letter-spacing:4px; font-weight: bold; color: #333333;}
.brand-list ul li dd::after{ content: ''; display: block; width: 33px; border-bottom: 2px solid #20909b; margin: 0 auto; margin-top: 5px;}
.brand-list ul li span{display:inline-block;width:66px; padding-top: 40px;padding-bottom:20px;}
.brand-list ul li > div{ padding: 0 100px;padding-top:5px;}

.brand{ display: flex;}
.brand .fl,.brand .fr{ float: none; width: 50%;}
.brand .fl > img{ min-height: 100%; object-fit: cover; pointer-events: none;}
.brand .fr{ display: flex; justify-content: flex-start; align-items: center; background: url(../images/yinhao.jpg) no-repeat center/cover;}
.brand .fr .nr{ margin-left: 3.125vw; width: 540px; padding: 30px 0;}
.brand .fr .nr dt{ font-size: 20px; font-weight: bold; color: #111111;}
.brand .fr .nr dt::after{ content: ''; margin-top: 20px; display: block; width: 105px; border-bottom: 1px solid #d7d7d7;}
.brand .fr .nr dd{ margin-top: 2vw;}
.brand .fr .nr dd .cn{ margin-bottom: 20px; line-height: 1.8; font-size: 16px; color: #555555;}
.brand .fr .nr dd .en{ word-wrap:break-word; font-size: 12px; color: #999999; text-align: justify;}


/* 1-3 */
.qyry-list{}
.qyry-list ul{ display: flex; flex-wrap: wrap;}
.qyry-list ul li{ width: 376px; height: 250px; margin-top: 36px;}
.qyry-list ul li:not(:nth-child(3n+1)){ margin-left: 36px;}
.qyry-list ul li a{ display: flex; justify-content: center; overflow: hidden; align-items: center; height: inherit; border: 1px solid #cecece; box-sizing: border-box;}
.qyry-list ul li img{ max-width: 100%; max-height: 100%;}
.qyry-list ul.zs li a{ border: 4px solid #250000;}

.zlzs-list ul{ display: flex; flex-wrap: wrap;}
.zlzs-list ul li{ width: 220px; height: 312px; margin-top: 36px;}
.zlzs-list ul li:not(:nth-child(5n+1)){ margin-left: 25px;}
.zlzs-list ul li a{ display: flex; justify-content: center; overflow: hidden; align-items: center; height: inherit; border-radius: 8px; border: 1px solid #cecece; box-sizing: border-box;}
.zlzs-list ul li img{ max-width: 100%; max-height: 100%;}


/* 1-4 */
.fzlc-list{ position: relative; margin-top: 30px;}
.fzlc-list ul{ position: relative; z-index: 1;}
.fzlc-list ul::before{ content: ''; position: absolute; top: 0; left: 158px; z-index: -1; width: 0; height: 100%; border-right: 2px solid #666666;}
.fzlc-list ul li{ position: relative; display: flex; justify-content: space-between; padding-bottom: 30px; cursor: pointer;}
.fzlc-list ul li .year{ width: 130px; height: 30px; line-height: 30px; font-size: 18px; color: #333333; cursor: pointer;}
.fzlc-list ul li .year i{ font-size: 30px; font-family: "arial narrow";}
.fzlc-list ul li .icon{ position: absolute; top: 0; left: 144px; z-index: 1; width: 30px; height: 30px; background-color: #FFFFFF; border-radius: 50%; border: 2px solid #666666; cursor: pointer; box-sizing: border-box;}
.fzlc-list ul li .icon::before{ content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); width: 14px; height: 0; border-bottom: 2px solid #666666;}
.fzlc-list ul li .icon::after{ content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); width: 0; height: 14px; border-right: 2px solid #666666;}
.fzlc-list ul li .nr{ width: 985px; padding-left: 55px; }
.fzlc-list ul li .nr dt{ padding-bottom: 30px; line-height: 30px; font-size: 18px; color: #333333; cursor: pointer;}
.fzlc-list ul li .nr dd{ position: relative; display: none; transition: none;}
.fzlc-list ul li .nr dd::before{ content: ''; position: absolute; top: 0; left: -62px; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; background-color: #20909B;}
/* .fzlc-list ul li .more{ margin-left: 215px; display: block; padding: 0 10px; line-height: 38px; color: #FFFFFF; border-radius: 3px; font-size: 18px; background-color: #20909B;} */
.fzlc-list ul li.active .icon{ background-color: #20909B; border-color: #20909B;}
.fzlc-list ul li.active .icon::before{ border-color: #FFFFFF;}
.fzlc-list ul li.active .icon::after{ border-width: 0;}
.fzlc-list ul li.active dt{ color: #20909B;}
.morediv{ position: relative; margin-left: 215px;}
.morediv .icon{ position: absolute; top: 0; left: -70px; z-index: 1; width: 30px; height: 30px; background-color: #FFFFFF; border-radius: 50%; border: 2px solid #666666; cursor: pointer; box-sizing: border-box;}
.morediv .icon::before{ content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); width: 14px; height: 0; border-bottom: 2px solid #666666;}
.morediv .icon::after{ content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); width: 0; height: 14px; border-right: 2px solid #666666;}
.morediv .more{ display: inline-block; padding: 0 10px; line-height: 38px; color: #FFFFFF; border-radius: 3px; font-size: 18px; background-color: #20909B;}

/* 1-5 */
.jcsb-list{}
.jcsb-list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.jcsb-list ul li{ width: 585px; height: 360px; margin-bottom: 30px; box-sizing: border-box; overflow: hidden; border: 1px solid #e9e9e9;}
.jcsb-list ul li a{ display: flex; justify-content: space-between; height: inherit;}
.jcsb-list ul li .img{ width: 291px;}
.jcsb-list .jcsb-txt{ width: 292px; background-color: #f5f5f5;}
.jcsb-list .jcsb-txt dl{ padding: 45px 30px 0;}
.jcsb-list .jcsb-txt dt div{ font-size: 20px; color: #333333;}
.jcsb-list .jcsb-txt dt p{ position: relative; font-size: 12px; color: #cccccc;}
.jcsb-list .jcsb-txt dt p::after{ content: ''; display: block; width: 15px; margin-top: 10px; border-bottom: 2px solid #dadada;}
.jcsb-list .jcsb-txt dd{ margin-top: 15px; line-height: 1.8;-webkit-line-clamp: 8;}

/* page */
.m-page{ display: flex; justify-content: center;}
.m-page span{ display: flex;}
.m-page span a{ display: block; padding: 0 15px; line-height: 40px; background-color: #eeeeee; margin: 0 3px; color: #222222;}
.m-page span a.z-crt{ background-color: #20909B; color: #FFFFFF;}
.m-page span .pageprv,.m-page span .pagenxt{ padding: 0 30px; color: #666666;}


/* 1-6 */
.txrzbg{ min-height: 1005px; padding-top: 30px; margin-top: -30px; box-sizing: border-box; background: url(../images/txrz-bg.png) no-repeat center top / contain;}
.txrzbtm{ position: relative; z-index: 1; height: 360px; overflow: hidden; margin-top: 70px;}
.gallery{ background: url(../images/bord-bg.png) no-repeat center 57%;}
.gallery .swiper-slide{ height: 255px; text-align: center;}
.gallery .swiper-slide a{ display: block; padding: 0 20px;}
.gallery .s1 a{ padding-top: 75px;}
.gallery .s2 a{ padding-top: 50px;}
.gallery .s3 a{ padding-top: 125px;}
.gallery .s4 a{ padding-top: 5px;}
.gallery p{ font-size: 16px; color: #333333;}
.gallery p i{ font-size: 30px; font-family: arial;}
.gallery .yd{ position: relative; display: block; width: 30px; height: 30px; margin: 5px auto; border-radius: 50%; overflow: hidden; background-color: #FFFFFF; border: 1px solid #e8e8e8;}
.gallery .yd::after{ content: ''; position: absolute; top: 50%; left: 50%; z-index: 10; width: 20px; height: 20px; border-radius: 50%; background-color: #e8e8e8; overflow: hidden; transform: translate(-50%,-50%);}
.gallery div{ font-size: 16px;}
.gallery .swiper-slide.active p{ color: #20909b;}
.gallery .swiper-slide.active div{ margin-top: 10px; color: #333333;}
.gallery .swiper-slide.active .yd{ border-color: #20909b;}
.gallery .swiper-slide.active .yd::after{ background-color: #20909b;}
.thumbs{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; visibility: hidden; transition: none;}
.thumbs.active{ z-index: 11; visibility: visible; transition: none;}
.logos{ display: flex; justify-content: center; align-items: center; margin-top: 85px;}


/* 1-7 */
.jsyf .ntitle{ padding-bottom: 30px; background: url(../images/jsyf-icon-down.png) no-repeat center bottom;}
.jsyf .sm{ margin-top: 20px; line-height: 1.8; font-size: 16px; text-align: center;}
.jsyf-js{ position: relative; margin-top: 35px;}
.jsyf-js .img{ width: 900px; height: 424px;}
.jsyfswiper{ position: absolute; top: 0; bottom: 0; right: 0; z-index: 10; width: 600px; height: 330px; margin: auto 0; background: url(../images/loufang.png) #f9f9f9 no-repeat center bottom;}
.jsyfswiper .btn{ position: absolute; bottom: 50px; left: 50px; text-align: left; bottom: 60px; width: 55px; height: 22px;}
.jsyfswiper .btn::after{ content: ''; position: absolute; top: 50%; left: 50%; z-index: -1; width: 6px; height: 6px; border-radius: 50%; background-color: #20909B; transform: translate(-50%,-50%);}
.jsyfswiper .swiper-slide{ display: flex; justify-content: center; align-items: center; height: 330px;}
.jsyfswiper .btn .swiper-button-disabled{ pointer-events: auto; opacity: 1; cursor: pointer;}
.jsyfswiper .btn .swiper-button-prev{ top: 0; left: 0; width: 18px; margin-top: 0; height: 22px; background: url(../images/aa-left11.png) no-repeat center;}
.jsyfswiper .btn .swiper-button-next{ top: 0; right: 0; width: 18px; margin-top: 0; height: 22px; background: url(../images/aa-right11.png) no-repeat center;}
.jsyfswiper .btn .swiper-button-prev:hover{ background-image: url(../images/aa-left12.png);}
.jsyfswiper .btn .swiper-button-next:hover{ background-image: url(../images/aa-right12.png);}
.jsyfswiper .swiper-pagination{ bottom: auto; top: 50px; text-align: left; padding-left: 50px;}
.jsyfswiper .swiper-pagination-current{ font-size: 50px; color: #20909b; font-family: arial;}
.jsyfswiper .swiper-pagination-total{ font-size: 20px; font-family: arial; color: #999999;}
.jsyfswiper p{ -webkit-line-clamp: 4; padding: 0 50px; font-size: 16px; line-height: 1.6;}
.xian{ position: absolute; bottom: 60px; right: 50px; z-index: -1; width: 13px; height: 13px; background-color: #20909B;}
.xian::before{ content: ''; position: absolute; top: 50%; right: 7px; z-index: 10; width: 100px; border-bottom: 1px solid #92c6cb; margin-top: -1px;}

.jsyf-list{ margin-top: 50px;}
.jsyf-list ul{}
.jsyf-list ul li{ float: left; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 25%; padding: 0 30px; box-sizing: border-box; text-align: center;}
.jsyf-list ul li .icon{ display: flex; justify-content: center; align-items: center; width: 96px; height: 96px; background: url(../images/fangkuang.png) no-repeat center / contain;}
.jsyf-list ul li dt{ font-size: 18px; color: #20909B;}
.jsyf-list ul li dd{ font-size: 12px; color: #bbd8db;}
.jsyf-list ul li dl{ position: relative; padding: 15px 0;}
.jsyf-list ul li dl::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; width: 17px; margin: auto; border-bottom: 2px solid #20909B;}
.jsyf-list ul li .txt{ margin-top: 16px; line-height: 1.8; font-size: 16px;}

/* 1-8 */
.hzhb-list{ margin-top: 30px;}
.hzhb-list ul li{ float: left; width: 283px; height: 158px; border: 1px solid #d9d9d9; margin-bottom: 20px;}
.hzhb-list ul li:not(:nth-child(4n+1)){ margin-left: 20px;}
.hzhb-list ul li a{ display: flex; justify-content: center; align-items: center; height: inherit;}

.ncmore{ display: flex; justify-content: center; align-items: center; height: 66px; background-color: #20909B; font-size: 16px; color: #FFFFFF;}
.ncmore img{ margin-right: 15px;}
.rotate{ animation: rotate 2s linear infinite;}
@keyframes rotate{
	from{ transform: rotate(0deg);}
	to{ transform: rotate(360deg);}
}


/* 2-1 */
.pro{ margin-top: -40px; padding-top: 40px; background: url(../images/probg.png) no-repeat center top;}
.protitle{ text-align: center; color: #20909B;}
.protitle dt{ font-size: 34px; font-weight: bold;}
.protitle dd{ text-transform: uppercase; letter-spacing: 16px; opacity: 0.34; font-family: 'Myriad Pro';}
.protitle dd::after{ content: ''; display: block; width: 28px; height: 28px; margin: 10px auto; background: url(../images/jsyf-icon-down.png) no-repeat center center;}

.pro-list{ margin-top: 35px;}
.pro-list ul li{ float: left; width: 279px; height: 255px; margin-bottom: 20px; overflow: hidden;}
.pro-list ul li:not(:nth-child(4n+1)){ margin-left: 28px;}
.pro-list ul li a{ display: block; height: inherit;}
.pro-list ul li div{ height: 160px; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.pro-list li dl{ padding: 15px 20px; background-color: #FFFFFF; border: 1px solid #D7D7D7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.pro-list li dt{ font-size: 16px; color: #333333;}
.pro-list li dd{ height: 38px; color: #999999;}
.pro-list li:hover dl{ background-color: #20909B; border-color: #20909B;}
.pro-list li:hover dt{ color: #FFFFFF;}
.pro-list li:hover dd{ color: #95c5ca;}


/* 2-2 */
.pro-xq-top{}
.pro-xq-top .fl{ width: 450px; height: 258px; overflow: hidden; border-radius: 10px;}
.pro-xq-top .fr{ width: 710px;}
.pro-xq-top .fr dt{ display: flex; justify-content: space-between; line-height: 1; padding: 16px 0; margin-top: -10px;}
.pro-xq-top .fr dt p{ font-size: 30px; color: #333333;}
.pro-xq-top .fr dt a{ display: flex; align-items: center; color: #20909B;}
.pro-xq-top .fr dt a img{ margin-right: 5px;}
.pro-xq-top .fr dd{ display: flex; padding: 16px 0; font-size: 16px; border-top: 1px solid #e5e5e5;}
.pro-xq-top .fr dd:last-of-type{ padding-bottom: 0;}
.pro-xq-top .fr dd span{ margin-right: 35px;}
.pro-xq-top .fr dd div{ color: #999999;}

.pro-xq-ud{ display: flex; justify-content: space-between; margin-top: 30px; height: 80px; padding: 0 40px; background-color: #f7f7f7; border-radius: 10px;}
.pro-xq-ud a{ display: flex; align-items: center; font-size: 16px; color: #999999;}
.pro-xq-ud a.prev-pro{ padding-left: 50px; background: url(../images/prev-pro1.png) no-repeat left center;}
.pro-xq-ud a.next-pro{ padding-right: 50px; background: url(../images/next-pro1.png) no-repeat right center;}
.pro-xq-ud a i{ font-weight: bold;}
.pro-xq-ud a p{ max-width: 400px;}
.pro-xq-ud a.prev-pro:hover{ background-image: url(../images/prev-pro2.png);}
.pro-xq-ud a.next-pro:hover{ background-image: url(../images/next-pro2.png);}
.pro-xq-ud a:hover{ color: #20909B;}

.pro-xq-event{ margin-top: 30px; border: 1px solid #E5E5E5; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.pro-xq-event-top{ display: flex; border-bottom: 1px solid #E5E5E5;}
.pro-xq-event-top .item{ position: relative; display: block; width: 50%; padding: 20px; text-align: center; cursor: pointer;}
.pro-xq-event-top .item:not(:first-of-type)::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; border-left: 1px solid #E5E5E5;}
.pro-xq-event-top .item div{ font-size: 16px;}
.pro-xq-event-top .item p{ font-size: 12px; color: #dddddd; text-transform: uppercase;}
.pro-xq-event-top .item.active{ background-color: #20909B;}
.pro-xq-event-top .item.active div{ color: #FFFFFF; font-weight: 600;}
.pro-xq-event-top .item.active p{ color: #5aabb3;}

.pro-xq-event-btm{ position: relative; padding: 40px 50px; font-size: 16px;}
.pro-xq-event-btm::before{ content: ''; position: absolute; right: 50px; bottom: 50px; z-index: -1; width: calc(100% - 100px); height: calc(100% - 100px); background: url(../images/pro-xq-event-bg.png) no-repeat right bottom;}
.pro-xq-event-btm .fl{ width: 850px; line-height: 1.6;}
.pro-xq-event-btm .fr{ max-width: 150px;}
.pro-xq-event-btm .fr a{ display: block; text-align: center;}
.pro-xq-event-btm .fr i{ display: block; font-size: 16px; color: #20909b;}
.pro-xq-event-btm .fr p{ display: block; font-size: 12px; color: #dddddd; text-transform: uppercase;}

.titlemore{ border-top: 1px solid #E5E5E5; font-size: 20px; color: #333333; padding-top: 20px;}
.promore .pro-list{ margin-top: 15px;}


/* 3-1 */
.searchb{ position: relative;}
.searchb input[type=text]{ width: 100%; padding-left: 40px; border: none; font-size: 24px; color: #999999; background: url(../images/sear-icon.png) no-repeat left top; padding-bottom: 10px; border-bottom: 1px solid #20909B; box-sizing: border-box;}
#searsub{ display: none;}

.jjfa-list{ margin-top: 50px;}
.jjfa-list ul li{ position: relative; float: left; width: 560px; height: 370px; margin-bottom: 60px;}
.jjfa-list ul li:not(:nth-child(2n+1)){ margin-left: 80px;}
.jjfa-list ul li a{ display: block; height: inherit;}
.jjfa-list ul li .img{ height: 330px; overflow: hidden;}
.jjfa-list ul li .txt{ position: absolute; bottom: 0px; left: 50px; z-index: 10; width: 400px; height: 60px; line-height: 60px; padding: 0 30px; text-align: center; color: #000000; font-size: 16px; overflow: hidden;}
.jjfa-list ul li p{ background-color: #eeeeee;}
.jjfa-list ul li span{ display: block; background-color: #20909B; color: #FFFFFF;}
.jjfa-list ul li:hover p{ margin-top: -60px;}


/* 4-1 */
.gszx-top{ display: flex;}
.gszx-l{ width: 50%;}
.gszx-r{ width: 50%; border: 1px solid #E5E5E5;}
.gszx-r .swiper-slide{ height: 448px;}
.gszx-r .txt{ padding: 30px 50px;}
.gszx-r .date i{ line-height: 1; font-size: 40px; color: #222222;}
.gszx-r .date p{ font-size: 16px; color: #888888;}
.gszx-r dl dt{ margin-top: 20px; font-size: 20px; font-weight: bold; color: #222222;}
.gszx-r dl dd{ -webkit-line-clamp: 6; margin-top: 10px; line-height: 2; color: #999999;}
.gszx-r .more{ display: block; margin-top: 10px; color: #20909B; text-transform: capitalize;}
.gszx-r .swiper-pagination{ bottom: 30px !important; text-align: left; padding-left: 50px; width: calc(100% - 100px) !important;}
.gszx-r .swiper-pagination .swiper-pagination-bullet{ border-radius: 0; border:3px solid #e7e7e7; background-color: #FFFFFF; opacity: 1;}
.gszx-r .swiper-pagination .swiper-pagination-bullet-active{ border-radius: 0; border:4px solid #20909B; background-color: #FFFFFF;}

.gszx-list{ margin-top: 40px;}
.gszx-list ul li{ margin-bottom: 40px;}
.gszx-list ul li a{ display: block; height: 208px; border: 1px solid #eeeeee; background-color: #FFFFFF;}
.gszx-list ul li .img{ width: 280px; height: 208px;}
.gszx-list ul li .fr{ width: 858px; padding: 40px 30px;}
.gszx-list ul li .txt{ float: left; width: 750px; }
.gszx-list li .txt dt{ font-size: 16px; color: #222222; font-weight: bold;}
.gszx-list li .txt dd{ margin-top: 10px; color: #999999;}
.gszx-list .date{ float: right; text-align: right;}
.gszx-list .date i{ position: relative; line-height: 1; font-size: 40px; color: #222222;}
.gszx-list .date i::after{ content: ''; position: absolute; bottom: 0; right: 0; z-index: 1; width: 20px; border-bottom: 1px solid #a3825b;}
.gszx-list .date p{ margin-top: 10px; font-size: 16px; color: #888888;}
.gszx-list .more{ display: inline-block; margin-top: 30px; color: #20909B;}
.gszx-list li:hover a{ background-color: #f8f8f8;}
.gszx-list li:hover .txt dt{ color: #20909B;}


/* 5-1 */
.shzp-top{}
.shzp-top ul{ display: flex; justify-content: space-between;}
.shzp-top ul li{ width: 24.8%; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #333333; font-size: 16px; color: #FFFFFF;}
.shzp-top ul li img{ margin-right: 20px;}

.shzp-table{ margin-bottom: 40px;}
.shzp-table ul li{ margin-top: 8px; border: 1px solid #E5E5E5;}
.shzp-table ul li dt{ position: relative; display: flex; justify-content: space-between; height: 60px; cursor: pointer;}
.shzp-table ul li.active dt::after{ content: ''; position: absolute; right: 30px; top: 0; z-index: 10; width: 60px; height: 60px; background: url(../images/down.png) no-repeat center;}
.shzp-table ul li dt div{ width: 25%; line-height: 60px; font-size: 16px; text-align: center;}
.shzp-table ul li dd{ position: relative; height: 410px; padding-right: 315px; background: url(../images/youxiang.png) no-repeat #F8F8F8 right 50px bottom -50px; overflow-x: hidden; display: none;}
.shzp-table ul li dd .txt{ padding: 35px 50px; line-height: 2;}
.shzp-table ul li dd .xx{ position: absolute; bottom: 190px; left: 885px; z-index: 10; min-width: 185px; height: 108px; box-sizing: border-box; padding: 18px 25px; border-radius: 5px; text-align: center; background: url(../images/xx-bg.png) no-repeat bottom left;}
.shzp-table ul li dd .xx::after{ content: ''; position: absolute; top: 0; left: 0; z-index: -10; width: 100%; height: 82px; background-color: #f0f0f0; border-radius: 5px;}
.shzp-table ul li dd .xx p{}
.shzp-table ul li dd .xx a{ display: block; color: #20909b; font-size: 20px; font-weight: bold;}
.shzp-table ul li.active dt{ background-color: #bdeef3; color: #20909B;}


/* 6-1联系我们 */
.contusa{ position: relative; min-height: 620px;}
.contusa .map,
.contusa .map img{ height: 450px;} 
.welcome{ position: absolute; left: 80px; top: 110px; width: 385px; background: #fff; padding: 50px 50px 0px;}
.welcome dt{ font-size: 40px; color: #20909b;}
.welcome dd{ line-height: 36px; color: #666; margin-top: 40px;}
.welcome dd b{ color: #333; font-size: 16px;}
.mapp .fr{ width: 625px; padding-top: 20px;}
.mapp .fr li{ padding-left: 55px; margin-top: 22px; line-height: 1.6; color: #333333;}
.mapp .fr li.s1{ background: url(../images/gongjiao.png) no-repeat left center;}
.mapp .fr li.s2{ background: url(../images/ditie.png) no-repeat left center;}
.mapp .fr li i{ color: #666666;}

.contusform{ padding: 60px 0 80px; min-height: 440px; margin-bottom: -60px; background: url(../images/mapbg.png) no-repeat center / contain;}
.contusform dl{ text-align: center; color: #333333;}
.contusform dl dt{ font-size: 28px;}
.contusform dl dd{ margin-top: 10px; font-size: 18px;}
.contusform ul{ margin-top: 25px;}
.contusform ul li{ float: left; margin-bottom: 20px;}
.contusform ul li.s1,
.contusform ul li.s2,
.contusform ul li.s3{ width: 380px; height: 52px; margin-left: 30px;}
.contusform ul li.s1{ margin-left: 0;}
.contusform ul li.s4{ width: 100%;}
.contusform ul li input,
.contusform ul li textarea{ width: 100%; border: 1px solid #d7d7d7; padding: 0 45px; background-color: #f8f8f8; box-sizing: border-box; font-size: 20px; color: #666666; font-family: '微软雅黑'; resize: none;}
.contusform ul li textarea{ padding: 10px 15px;}
.contusform ul li input{ height: 50px;}
.contusform ul li textarea{}
.contusform ul li.s1 input{ background-image: url(../images/contact-01.png); background-position: 15px center; background-repeat: no-repeat; background-size: 20px auto;}
.contusform ul li.s2 input{ background-image: url(../images/contact-02.png); background-position: 15px center; background-repeat: no-repeat; background-size: 20px auto;}
.contusform ul li.s3 input{ background-image: url(../images/contact-03.png); background-position: 15px center; background-repeat: no-repeat; background-size: 20px auto;}
.contusform ul li input:focus,
.contusform ul li textarea:focus{ border-color: #20909B;}
#comtusub{ display: block; width: 180px; height: 52px; background-color: #20909B; color: #FFFFFF; font-size: 20px; border: none; margin: auto;}