/*reset start*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{color: #7e8c8d;text-decoration: none;-webkit-backface-visibility: hidden;cursor: pointer;}
li{list-style: none;}
html, body {width: 100%;height: 100%;}
body {-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input{-webkit-appearance: none;}
/* 显示省略号 */
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.clearfix{*zoom: 1;}
/*允许显示文本行数*/
.lineOver{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*reset end*/

.jg-header{width: 100%;background-color: #3bb3c3;position: relative;}
.jg-container{width: 1200px;margin: 0 auto;}
.header-wrap{width: 96%;display: flex;justify-content: space-between;margin: 0 auto;align-items: center;}
.header-wrap .head-logo{width: 250px;}
.header-wrap .head-logo img{width: 100%;}
.header-wrap .head-link{width: 1000px;display: flex;justify-content: space-between;}
.header-wrap .head-link .link-item{width: 10%;text-align: center;padding: 25px 0;}
.header-wrap .head-link .link-item a{font-size: 14px;color: #fff;}
.header-wrap .head-link .link-item a span{font-size: 12px;color: #fff;}
.header-wrap .head-link .link-item:hover{background-color: #fff;}
.header-wrap .head-link .link-item:hover>a{color: #3bb3c3;}
.header-wrap .head-link .link-item:hover>a span{color: #3bb3c3;}
.header-wrap .head-link .link-item .link-hover{display: none;position: absolute;background-color: #808080;left: 0;width: 100%;
    text-align: left;top: 82px;padding: 10px 0;z-index: 99999;}
.head-link .link-item .link-hover a{font-size: 12px;color: #fff;display: inline-block;padding: 0 15px;border-right: 1px solid #fff;}
.head-link .link-item .link-hover a:hover{color: #fff;}
.header-wrap .head-link .link-item:hover .link-hover{display: block;}

.head-active{width: 150px;display: flex;justify-content: space-around;align-items: center;}
.head-active a{display: inline-block;width: 30px;height: 30px;background-position: center;background-repeat: no-repeat;
    font-size: 16px;color: #fff;line-height: 30px;}
.head-active .head-search{background-image: url('../images/search.png');background-size: 30px;}
.head-active .head-shop{background-image: url('../images/shop.png');background-size: 25px;}

.jg-banner{width: 100%;}
.jg-banner .swiper-slide img{width: 100%;}
.xj{display: flex;justify-content: space-between;width: 100%;margin-top: 35px;}
.xj_img1{width: 49%;}
.xj_img1 img{width: 100%;}
.xj_img2{width: 49%;}
.xj_img2 img{width: 100%;}
.pro-type{width: 100%;display: flex;justify-content: space-between;margin-top: 1.5%}
.type-left{width: 61%;}
.type-left .left-t{float: left;position: relative;}
.type-left .left-t div{position: absolute;left:7.5%;top: 20px;}
.type-left .left-t:nth-child(1){width: 100%;}
.type-left .left-t>img{width: 100%;}
.type-left .left-t:nth-child(2){width: 63%;margin-right: 3%;margin-top: 2.5%;}
.type-left .left-t:nth-child(3){width: 34%;margin-top: 2.5%;}
.type-left .left-t div{color: #3bb3c3;text-align: left;}
.type-left .left-t div span{display: inline-block;width: 35px;height: 1px;background-color: #3bb3c3;margin-top: 8px;}
.type-left .left-t:nth-child(1) h6{font-size: 20px;font-weight: bold;}
.type-left .left-t p{font-size: 14px;margin-top: 8px;}
.type-left .left-t:nth-child(2) h6{font-size: 21px;font-weight: lighter;text-transform: uppercase;line-height: 30px;}
.type-left .left-t:nth-child(3) h6{font-size: 21px;font-weight: lighter;text-transform: uppercase;line-height: 30px;}
.type-right{width: 37.5%;position: relative;}
.type-right div{position: absolute;left: 30px;top: 30px;color: #3bb3c3;}
.type-right>img{width: 100%;}
.type-right div h6{font-size: 20px;font-weight: bold;}
.type-right div p{font-size: 14px;margin-top: 8px;}
.type-right div span{display: inline-block;width: 35px;height: 1px;background-color: #3bb3c3;margin-top: 8px;}

.jg-service{margin-top: 35px;width: 100%;background-image: url('../images/service-bg.jpg');background-size: cover;background-size: 100%;height: 650px;
    box-sizing: border-box;padding-top: 180px;position: relative;}
.service-title{text-align: center;}
.service-title h5{font-size: 30px;font-weight: bold;color: #fff;letter-spacing: 10px;}
.service-title span{display: inline-block;width: 30px;height: 2px;background-color: #fff;margin-top: 20px;}
.service-title p{font-size: 14px;margin-top: 20px;color: #fff;}
.service-main{width: 1180px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-color: rgba(59,179,195,.7);
    box-sizing: border-box;padding: 45px 40px;display: flex;justify-content: space-between;}
.service-main div{width: 19%;text-align: center;box-sizing: border-box;padding:0  20px;border-right: 1px solid #a5dae0;}
.service-main div h6{font-size: 18px;color: #fff;font-weight: bold;}
.service-main div p{font-size: 12px;color: #fff;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden;line-height: 20px;}
.service-main div:last-child{border: none;}

.jg-news{margin-top: 35px;}
.news-title{text-align: left;display: flex;justify-content: flex-start;}
.news-title p{font-size: 30px;color: #3bb3c3;margin-right: 40px;}
.news-title p span{font-size: 12px;color: #666666;}
.news-title li{display: inline-block;width: 120px;height: 35px;text-align: center;line-height: 35px;font-size: 14px;color: #3f4447;}
.news-title li.active{border: 1px solid #3bb3c3;border-radius: 50px;}
.news-title li.active a{color: #3bb3c3;}
.news-wrap{width: 100%;display: flex;justify-content: space-between;margin-top: 35px;}
.news-wrap .news-left{width: 45%;}
.news-wrap .news-left .a-wrap{width: 100%;}
.news-wrap .news-left .a-wrap img{width: 100%;}
.news-wrap .news-left .a-wrap p{font-size: 16px;color: #333;font-weight: bold;margin-top: 20px;}
.news-wrap .news-left .a-wrap span{display: inline-block;font-size: 12px;color: #666;line-height: 20px;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 20px;}
.news-wrap .news-left .more{display: inline-block;width: 120px;height: 35px;text-align: center;line-height: 35px;
    color: #666;border: 1px solid #666;border-radius: 50px;margin-top: 20px;font-size: 12px;}

.news-wrap .news-right{width: 50%;}
.news-wrap .news-right .right-l{width: 100%;display: flex;justify-content: space-between;margin-bottom: 60px;}
.news-wrap .news-right .right-l img{width: 180px;}
.news-wrap .news-right .right-l div{width: 66%;}
.news-wrap .news-right .right-l div h6{font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-wrap .news-right .right-l div p{font-size: 12px;color: #666;line-height: 25px;margin-top: 10px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-wrap .news-right .right-l div span{font-size: 12px;color: #999;margin-top: 15px;display: inline-block;}

.jg-partner{text-align: left;margin-top: 40px;}
.jg-partner p{font-size: 16px;color: #333;}
.jg-partner p a{font-size: 13px;color: #666;display: inline-block;margin-left: 20px;}

.jg-footer{background-color: #1e1e1e;margin-top: 40px;}
.foot-line1{display: flex;align-items: center;box-sizing: border-box;padding: 30px 0;justify-content: space-between;}
.foot-line1 .foot-link{display: flex;justify-content: space-between;width: 46%;}
.foot-line1 .foot-link div:nth-child(2){box-sizing: border-box;padding: 0 45px;border-left: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;}
.foot-line1 .foot-link h5{font-size: 16px;color:#fff;margin-bottom: 20px;}
.foot-line1 .foot-link a{font-size: 14px;color:#acadad;display: block;margin-top: 15px;}
.foot-line1 .foot-phone{text-align: left;}
.foot-line1 .foot-phone h5{font-size: 24px;color:#3bb3c3;font-weight: bold;margin-top: 10px;}
.foot-line1 .foot-phone p{font-size: 14px;color:#acadad;line-height: 25px;text-align: left;}
.foot-line1 .foot-phone img{width: 120px;margin-top: 10px;}
/* .foot-line1 .foot-ewm{text-align: center;}
.foot-line1 .foot-ewm p{font-size: 14px;color:#acadad;margin-top: 10px;} */

.jg-footer .fbtn { overflow:hidden; width:100%; height:60px; background:url(../images/fbg.png) no-repeat center;}
.jg-footer .fbtn p{ float:left; line-height:60px; font-size:13px; color:#fff; font-family:Arial; width:353px;}
.jg-footer .fbtn ul{ overflow:hidden; float:left; margin-left:37px; margin-top:15px;}
.jg-footer .fbtn li{ float:left; margin-right:20px;}
.jg-footer .fbtn .sdw{ display:block; float:right; font-size:12px; color:#666; margin-top:20px; line-height:20px;padding-left: 10px;}
