@charset "UTF-8";

@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}

body {overflow-x: hidden;}
ul {padding:0px;margin:0px;list-style:none;}
a {color:#333; text-decoration:none; transition: all 0.4s;}
a:hover {color:#003787; text-decoration:none;}

.fl {float: left;}
.fr {float: right;}
.container {width:1230px; max-width: 1230px; margin-left: auto; margin-bottom: auto;}
.o {overflow: hidden;}
.ptb1{padding-top:1rem;padding-bottom:1rem}
.ptb2{padding-top:2rem;padding-bottom:2rem}
.ptb3{padding-top:3rem;padding-bottom:3rem}
.ptb4{padding-top:4rem;padding-bottom:4rem}
.ptb5{padding-top:5rem;padding-bottom:5rem}
.ptb6{padding-top:6rem;padding-bottom:6rem}
.ptb7{padding-top:7rem;padding-bottom:7rem}
.mbt1{margin-top:1rem}
.mbt2{margin-top:2rem}
.mbt3{margin-top:3rem}
.mbb1{margin-bottom:1rem}
.mbb2{margin-bottom:2rem}
.mbb3{margin-bottom:3rem}
.pbt1{padding-top:1rem}
.pbt2{padding-top:2rem}
.pbt3{padding-top:3rem}
.pbt4{padding-top:4rem}
.pbb1{padding-bottom:1rem}
.pbb2{padding-bottom:2rem}
.pbb3{padding-bottom:3rem}
.pbb4{padding-bottom:4rem}

/* ———————————————————————common————————————————————————— */
.i-title {}
.i-title h2 {text-align: center; margin-top: 0;}

.ibtn a {display: inline-block; background-color: #0092E5; line-height: 50px; border-radius: 25px; padding: 0 0 0 20px; font-size: 14px; transition: all 0.4s; box-shadow: 0 2px 8px rgba(0,0,0,.2); color: #fff;}
.ibtn span {display: inline-block; width: 50px; line-height: 50px; border-radius: 25px; float: right; background-color: #0092E5; text-align: center; color: #fff; font-size: 16px;}
.ibtn a:hover {padding:0 10px 0 30px;}

.comtit {}
.comtit .e {font-size: 42px; color: #c9c8c9;}
.comtit .l {display: flex; padding: 8px 0 12px;}
.comtit .l span {display: inline-block; background-color: #003787; height: 4px; width:50px;}
.comtit .l b {display: inline-block; background-color: #003787; height: 4px; width:4px; margin-left: 4px;}
.comtit .c {font-size: 28px; color: #333;}


/* ———————————————————————header———footer—————————————————————— */
/* header */
.iheader {background-color: #0092E5;}
.iheader .container {line-height: 40px; color: #fff; font-size: 13px;}
.iheader a {color: #fff;}
.iheader .hotline {float: left;}

.qrod {position:relative; float: right; padding:0px 0 0 0;}
.qrod .maul {display:flex;justify-content:space-between;align-items:center;}
.qrod .maul li {position:relative; margin-left:15px;}
.qrod .maul li img {height: 20px;}
.qrod .maicon {padding:10px;background:#0092E5; display:none}
.qrod .maicon .ewm {width:120px;height:120px;margin:6px}
.qrod .maicon .ewm2{margin:6px}
.qrod .maicon .ewm img{width:100%;height:100%;object-fit:cover}
.qrod .maicon:after{position:absolute;content:"";width:10px;height:10px;background:#0092E5;transform:rotate(45deg);top:-4px}
.qrod .ic1 {position:absolute;top:48px;left:-50px; z-index: 999;}
.qrod .ic1:after{left:50%;margin-left:-5px}
.qrod .ic2 {position:absolute;top:48px;right:0px; z-index: 999;}
.qrod .ic2:after{right:85px}


/* pc-menu */
.imenu {position: relative; top: 0;left: 0; right:0; z-index: 100; transition: all 1s; background: transparent; box-shadow:none;}
.imenu .container {position: relative;}
.imenu h1 {float: left; margin-bottom: 20px;}
.imenu h1 img {height: 50px;}
.imenu .pmul {float: right;}
.imenu .pmul li {float: left;margin-left: 1px;}
.imenu .pmul li a {display: inline-block; color: #333; font-size:16px; line-height: 90px; padding: 0 18px;}
.imenu .pmul li a:hover, .imenu .pmul li a.active {color: #0092E5; background-color:rgba(229,245,253);}


/* footer */
.footer {background-color: #283140;}
.footbox {display: flex; flex-wrap: wrap; color: #fff; padding: 3rem 0;}
.footbox .fcon {width: 20%;}
.footbox .fnav {width: 80%; display: flex; flex-wrap: wrap;}
.footcopy {padding: 1.8rem 0 1rem; text-align: center; color: #999; border-top: 1px solid #636363;}
.footcopy a {color: #999;}

.footbox .fcon h4 {}
.footbox .fcon h2 {margin-top: 2rem;}
.footbox .fcon p {margin: 3rem 0 4rem;}
.footbox .fcon p a {color: black; display: inline-block; background-color: #fff; border-radius: 3px; padding:10px 32px;}
.footbox .fcon div a {color: #fff; font-size:18px; margin-right: 15px;}

.fnav .it {width: 19%; padding-left: 3%;}
.fnav .it:nth-child(3) {width:24%;}
.fnav .it h4 a {color: #fff; font-size:18px;}
.fnav .it a {color: #888; display: block; line-height: 28px; font-size:14px;} 
/* ———————————————————————header———footer—————————————————————— */


/* ———————————————————————index————————————————————————— */

.ibanner img {max-width:100%;}

/* index-adv */
.iadv {background: url(../img/bg1.jpg) no-repeat center center / cover;}
.advul {display: flex; margin-bottom: 0;}
.advul li {width: 20%; padding: 20px 15px 30px; cursor: pointer; /*background-color: rgba(255,255,255,0.8);*/}
.advul .t {font-size: 28px; color: #0092E5;}
.advul .line {width: 3px; height: 25px; background-color: #0092E5; margin:12px 0 20px;}
.advul h4 {font-weight: bold;}
.advul p {margin:30px 0; font-size: 13px; line-height: 22px; height: 110px;}
.advul a {}
.advul a img {height: 65px; transition: all 0.4s;}
.advul a .g1 {display: inline;}
.advul a .g2 {display: none;}
.advul li.act .g1 {display: none;}
.advul li.act .g2 {display: inline;}
.advul li.act {background-color: #0092E5;}
.advul li.act .line {background-color: #fff;}
.advul li.act h2, .advul li.act p, .advul li.act .t, .advul li.act h4 {color: #fff;}

/*.advwap {display:none!important;}*/

/* index-product */
.ipro {}
.iprobox {display: flex; justify-content: space-between;}
.iprobox .item {border:1px solid #eee; border-radius:5px; overflow: hidden; transition: all 0.4s;}
.iprobox .item:nth-child(2) {margin:0 25px;}
.iprobox .item .img {}
.iprobox .item .img img {max-width: 100%;}
.iprobox .item .tex {padding:15px 15px;}
.iprobox .item .tex .blk {width: 12px; height:12px; background-color: #0092E5;}
.iprobox .item .tex h3 {font-size: 15px; font-weight: bold; margin-top:10px;}
.iprobox .item .tex h3 span {font-size: 12px; color:#b9b9b9; margin-left: 15px;}
.iprobox .item .des {font-size: 14px; line-height:24px; text-align: justify; /*display: flex; justify-content: space-between;*/}
.iprobox .item .des span {color:#b9b9b9;}
.iprobox .item .des .num3 {width: 1px; background-color:#eee; margin:13px 0;}
.iprobox .item .des .num1 {padding-right: 30px;}
.iprobox .item .des h5 {margin-bottom: 5px; margin-top: 5px;}
.iprobox .item:hover {box-shadow: 0 0 15px rgba(0,0,0,.1);}



/* index-about */
.iabout {background: url(../img/bg2.jpg) no-repeat center center / cover;}
.iaboutbox {}
.iaboutbox .txt {line-height: 26px; color:#333; font-weight: bold;}
.iaboutbox .img {}
.iaboutbox .img img {max-width:100%;}

.comdev {display: flex; justify-content: space-around;}
.comdev .line {width: 1px; background-color:#eee; margin:20px 0;}
.comdev li {text-align:center;}
.comdev li div {color:#0092E5; font-size:28px; margin-bottom:5px;}
.comdev li p {color:#b9b9b9;}



/* index-news */
.inews {}
.newbox {display: flex; justify-content: space-between;}
.newbox .newthumb {width: 40%;}
.newbox .newitem {width: 60%; padding-left: 3%;}

.newbox .thumb {display: none;}
.newbox .thumb img {max-width:100%; border-radius:10px;}
.newbox .thumb.active {display: block;}

.newitem li {margin-bottom: 12px;}
.newitem li a:after {position:absolute;content:"";width:10px;height:10px;background:#0092E5;transform:rotate(45deg);top:50%; left:-5px; margin-top:-5px;opacity: 0;}
.newitem li a {display: flex; justify-content: space-between; background-color: #f6f6f6; padding:15px 15px 15px 5px; border-radius:8px; position: relative;}
.newitem li .time {text-align: center; padding: 0 10px; width:14%;}
.newitem li .time h5 {font-size:25px; color:#999; margin-bottom: 0; margin-top: 5px;}
.newitem li .time p {font-size:12px; color:#999;}
.newitem li .text {width:86%;}
.newitem li .text h4 {font-size:16px; color:#333; font-weight: bold; margin-top:5px;}
.newitem li .text p {font-size:12px; color:#aaa;}
.newitem li p {margin-bottom: 0;}
.newitem li a:hover {background-color: #0092E5;}
.newitem li a:hover * {color:#fff;}
.newitem li:hover a:after, .newitem li.active a:after {opacity: 1;}
.newitem li.active a * {color:#fff;}
.newitem li.active a {background-color: #0092E5;}



/* ———————————————————————PAGE————————————————————————— */

.s_banner {position: relative; text-align:center;}
.s_banner img {display:inline-block; opacity:0;}
.s_banner .su_btn {display: none;}

.su_fix {position: absolute; z-index: 100; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.7);}
.su_nav span {float:left; display:inline-block;}
.su_nav {text-align: left; color:#fff;}
.su_nav a {color:#fff; line-height: 40px; display: inline-block; padding: 0 5px;}

/*
.su_nav ul {float:right;}
.su_nav ul li {float:left; padding-left:1px;}
.su_nav ul li a {padding:0 20px;}
.su_nav ul li .active {background-color:#0092E5; color:#fff;}
*/

.sux_nav {display: flex; flex-wrap: wrap; }
.sux_nav li {text-align: center; border-right:1px solid #000;}
.sux_nav li a {display: block; line-height: 54px; padding:0 22px;  font-size: 18px; color: #fff;}
.sux_nav li a.active, .sux_nav li a:hover {color: #fff; background-color: rgba(0,176,240,0.96);}


.su-page {}

.su_page {}
.su_page img {max-width:100%; border-radius:8px !important; box-shadow: 0 0 15px rgba(0,0,0,.2)!important;}
.su_page p {line-height: 26px; /*text-align: justify;*/ font-size:15px;}


.newtabs{display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.newtabs .tab{width:136px;line-height:48px;font-size:16px;text-align:center;background-color:#e4efff;margin:0 20px;border-radius:200px;cursor:pointer}
.newtabs .tab.active,.newtabs .tab:hover{color:#fff;background-color:rgba(0,176,240,0.96)}




/* news */
.change-mune {display:none; width:100%; margin:0 auto 30px auto;background:#e8e8e8; padding:10px}
.change-mune li {margin-right:20px;display:inline-block}
.change-mune li:last-child {margin-right:0}
.change-mune li a{height:36px;line-height:36px;padding:0 20px;text-align:center;display:inline-block;border-radius:5px;font-size:16px}
.change-mune li a:hover{color:#0092E5}
.change-mune li.active a{background:#0092E5;color:#fff}

.new-page .new-listing {width:calc(calc(100% - 105px)/ 4);padding:0;display:inline-block;margin-right:30px;margin-bottom:30px; box-shadow: 0 0 5px #eee;}
.new-page .new-listing:nth-child(4n){margin-right:0}
.new-page .new-listing a{float:left;display:block;width:100%; color:#000;}
.new-page .new-listing a .imgs {width:100%;display:block; text-align: center; height:135px; overflow: hidden;}
.new-page .new-listing a .imgs img {max-width: 100%;}
.new-page .new-listing h3 {font-size:15px; /*height:40px;*/ overflow:hidden;line-height:20px;margin:10px 10px;}
.new-page .new-listing h4{font-size:12px; color:#999; height:40px; line-height:19px; overflow:hidden; font-weight:400; margin: 0 10px;}
.new-page .new-listing p{font-size:14px;color:#999; padding: 0 10px;}
.new-page .new-listing a:hover {box-shadow: 0 5px 15px #bbb; }

/* news thumb */
.newslist {}
.newslist li {border-bottom:1px #ccc solid; overflow: hidden; padding:18px 18px; transition: all 0.5s;}
.newslist li p {font-size:14px; text-indent: 2em; line-height: 26px;}
/* .newslist li:first-child {padding-top: 0;} */
.newslist li:hover {box-shadow: 0 2px 15px rgba(0,0,0,.35);}
.newslist .pic {width:180px; height:120px; overflow: hidden; border:1px solid #eee; float:left; margin-right:2rem;}
.newslist .pic img {max-width:100%;}            
.newslist .con h4 a {}
.newslist .con h5 a:hover {color:#0092E5;}
.newslist .con span {float:right; font-size:13px;}
.newslist a:hover {text-decoration:underline;}
.newslist .con h5 {text-align: right;}

.listpage .pagination {margin-bottom: 0;}

/* newscontent */
.newscon {padding: 3rem 0 3rem; background-color: #f6f6f6;}
.newscon .container {}
.newscon .newleft {width:74%; padding-bottom: 2rem;}
.newscon .newright {width: 25%; padding-top: 1rem;}
.newscon .newleft, .newscon .newright{background:#fff; padding-left:15px; padding-right: 15px;}
.nl-title h3{color:#333}
.nl-title h3 .btn{float:right;background:0 0;border:1px solid #333;border-radius:0;color:#000;padding-top:3px;padding-bottom:5px}
.nl-title h3 .btn:hover{background:#000;color:#fff}
.nl-title span{display:inline-block;padding:0 10px;color:#a3afb7}
.nl-content{padding-top:10px;padding-bottom:10px;line-height:2}
.nl-content img{display:block;max-width:100%;margin-left:auto;margin-right:auto}
.nl-foot .nextpage,.nl-foot .prevpage{padding-left:0!important;padding-right:0!important}
.nl-foot a{display:inline-block;border:1px solid #eee;border-radius:20px;padding:8px 15px 8px}
.nl-foot a:hover{border-color:#085ca9;color:#085ca9}
.nl-foot .prevpage{text-align:left}
.nl-foot .nextpage{text-align:right}
.newright .rlist2 li {border-color:#fff;padding:5px 0}
.newright hr{margin-bottom:0;margin-top:5px}
.newright .rcase li{border-color:#fff;text-align:center;padding:0;transition:all .3s;margin-top:15px}
.newright .rcase li p{padding-top:6px;margin-bottom:0}
.newright .rcase li:hover{border-color:#085ca9;padding:10px}
.newright .rlist2 .active a {color: #fff;}


/* contact */
.conbox {display: flex; flex-wrap: wrap;}
.conbox .conl {width: 42%; line-height: 26px;}
.conbox .conr {width: 58%;}
.conbox .conr img {max-width: 100%; box-shadow: 0 3px 12px rgba(0,0,0,.2);}


/* gallery */
.gallery li{width:calc(33.3% - 30px);float:left;margin-right:40px;margin-bottom:40px}
.gallery li:nth-child(3n+0){margin-right:0}
.gallery li .img{width:100%;position:relative;overflow:hidden;box-shadow:0 0 5px #ccc}
.gallery li .img h2{width:100%;height:auto;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center;transform:scale(1);transition:all .5s ease 0s; margin: 0;}
.gallery li .img img{width:100%;height:auto}
.gallery li .img h3{position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;border:10px solid #0092E5;background:rgba(0,0,0,.4);display:none; margin: 0;}
.gallery li .img h3 a{color:#fff;display:block;width:100%;height:100%;font-size:16px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.gallery li .img h3 a p{font-size:13px;padding-top:6px}
.gallery li .img h3 a img{width:120px;height:120px}
.gallery li .img h3 a:nth-child(2){font-size:18px;padding:15px;margin-left:10px}

.gallery li .nr{padding:20px 0;transition:all .5s ease 0s}
.gallery li .nr span {float:right;padding-top:10px}
.gallery li .nr span a{width:44px;height:4px;position:relative}
.gallery li .nr span a:hover::after{width:44px;height:4px;content:'';position:absolute;left:0;top:7px;background:url(../img/index_0421.png) no-repeat;background-size:cover}
.gallery li h2 {color:#000;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:5px; margin: 0;}
.gallery li h2 a{color:#000}
.gallery li h2 a:hover{color:#0092E5}
.gallery li p {height:20px;overflow:hidden}

.gallery li:hover .img h2{transform:scale(1.1);transition:all .5s ease 0s}
.gallery li:hover .nr {padding:20px 10px;transition:all .5s ease 0s}
.gallery li:hover .img h3{display:block;display:flex;justify-content:center;align-items:center}



/* team */

.teambox {}
.teamtit {color:#0092E5;}
.team {display:flex; align-items: center; padding:2rem 0; margin-bottom:2rem; border-bottom:#f3f3f3 1px solid;}
.team .thumb {width:20%;}
.team .thumb img {transition:all .5s ease 0s;}
.team .thumb a {display:block; overflow:hidden;}
.team .thumb a img {max-width:100%;}
.team .tminfo {padding-left:4%; transition:all .5s ease 0s;}
.team .tminfo .tex {padding-top:2rem; color: #868585; }
.team:hover .thumb img {transform:scale(1.05);}
.team:hover .tminfo {padding-left:5%;}


/* products */

.pdts {display: flex; flex-wrap: wrap;}
.pdts .item {border:1px solid #eee; border-radius:5px; width:23%; margin-right:2%; margin-bottom:2rem; overflow: hidden; transition: all 0.4s;}
.pdts .item:nth-child(4n) {margin-right:0;}
.pdts .item .img {}
.pdts .item .img img {max-width: 100%;}
.pdts .item .tex {padding:15px 15px;}
.pdts .item .tex .blk {width: 12px; height:12px; background-color: #0092E5;}
.pdts .item .tex h3 {font-size: 15px; font-weight: bold; margin-top:10px;}
.pdts .item .tex h3 span {font-size: 12px; color:#b9b9b9; margin-left: 15px;}
.pdts .item .des {font-size: 12px; display: flex; justify-content: space-between;}
.pdts .item .des span {color:#b9b9b9;}
.pdts .item .des .num3 {width: 1px; background-color:#eee; margin:13px 0;}
.pdts .item .des div:last-child {display:none;}
.pdts .item .des .num1 {padding-right: 0px;}
.pdts .item .des h5 {margin-bottom: 5px; margin-top: 5px;}
.pdts .item:hover {box-shadow: 0 0 15px rgba(0,0,0,.1);}


/* pro show */

.section .st h2 {font-size: 36px; font-weight: normal;}
.st p {font-size:16px;}
.secbg {background-color: #f7f7f7;}

/* 产品介绍 */
.st_box	{display: flex; flex-wrap: wrap; padding-top:3rem;}
.stleft, .stright {width: 50%;}
.stleft p {font-size:16px; padding-right: 8%; line-height: 30px; text-align:justify;}
.sleft .sidenav {box-shadow: 0 5px 20px rgba(0,0,0,0.1); padding: 10px 0 10px 15px;}
.stright img {border-radius: 5px; max-width: 100%;}
.st_imgmore img {border-radius: 5px; max-width: 100%;}

.jsthumb .swiper-slide {text-align:center;}


/* 产品参数表 */
.st_table {text-align: center; padding-top: 3rem;}
.st_table .table>tbody>tr>td {vertical-align: middle;}
.st_table .table p {margin-bottom:0;}

.st_table .table {background-color: #fff;}
.st_table .table .firstRow {background: linear-gradient(180deg,#008cf8,#0092E5); height:50px; color:#fff;}
.st_table .table td {font-size: 16px;}
.st_table .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f2f5fc;}


.gzphoto .gallery li {margin-bottom:0;}




/* 业务介绍 */
.busslist {}
.busslist li {position: relative; overflow: hidden; margin-bottom: 5rem; box-shadow: 0 2px 10px rgba(0,0,0,.3);}
.busslist li em {background: linear-gradient(90deg, rgba(0,103,171,0) 0%, #005D8D 100%); display: block; position: absolute; width: 50%; right: 0%; bottom:0; top:0; z-index: 2;}
.busslist .timg {overflow: hidden; position: relative; z-index: 1;}
.busslist .timg img {max-width: 100%; transition: all .5s;}
.busslist .ttxt {position: absolute; text-align: center; width: 30%; right: 0%; bottom:0; top:0; z-index: 3; display: flex; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center;}
.busslist .ttxt h2 {color: #fff; margin-top: 10px;}
.busslist .ttxt p {padding-top: 3rem; transition: all 0.4s;}
.busslist .ttxt p a {display: block; padding:8px 20px; background-color: #fff; color: #005D8D; transition: all 0.4s;}
.busslist li:hover .ttxt p {padding-top: 2rem;}
.busslist li:hover .ttxt p a {background-color: #ff0; padding:8px 26px; color: #005D8D; box-shadow: 0 2px 10px rgba(0,0,0,.35);}
.busslist li:hover .timg img {transform:scale(1.05);}


/* 业务介绍页 */
.sbei {padding-bottom: 3rem;
    /*background:#f6f6f6 url(../img/bg2.jpg) repeat-x center -640px;*/
    /*background-image: linear-gradient(-45deg, #247EF1 , rgb(57, 188, 255) 100%);*/
    background:#fff url(../img/csbg.jpg) no-repeat center -680px;
}
.sbei .st {color: #fff; padding-top: 3rem;}
.st_sbei {padding-top: 4rem;}

.sbei-nav {display:flex; justify-content:space-between; padding-bottom:20px;overflow:hidden;}
.sbei-nav li{flex:1;font-size:18px;font-family:PingFang SC;font-weight:500;line-height:25px;color:#fff;cursor:pointer;text-align:center;user-select:none}
.sbei-nav li.active{position:relative;font-weight:700}
.sbei-nav li.active::after{content:" ";display:block;border:1px solid #ff0;width:110px;position:absolute;bottom:-20px;left:0;right:0;margin:0 auto}
.sbei-nav li.active::before{content:" ";display:block;background:#ff0;width:8px;height:8px;position:absolute;bottom:-22px;transform:rotate(-45deg);left:0;right:0;margin:0 auto}

.sbei_con { display: none; padding-top: 34px; padding-bottom:4rem;}
.sbei_con .left {width: 40%;  float: left;}
.sbei_con .right {width: 60%; float: right;}
.sbei_con .left img {max-width:100%;}

.sbdes {width:50%; float:left;}
.sbdes:nth-child(odd) {padding-right:5%;}
.sbdes div {line-height:27px; color:#555}
.sbdes div span {float:right; color:#333; font-weight:bold;}
#dis1 {display:block;}