.ad-box{position:relative}
.ad-box img{width:100%}
.ad-box .ad-pc{display:block}
.ad-box .ad-mobile{display:none;position:relative}
.ad-box .ad-mobile .ad-mobile-text{position:absolute;top:.3rem;left:0;width:100%;text-align:center;color:#fff}
.ad-box .ad-mobile .ad-mobile-text h3{font-size:.36rem;font-weight:normal;margin-bottom:.2rem}
.ad-box .ad-mobile .ad-mobile-text p{font-size:.3rem;margin-top:.1rem}
.ad-box .text{position:absolute;top:17%;right:10%;text-align:center}
.ad-box .text .tel{font-size:24px;line-height:34px;color:#fff}
.ad-box .text .tel .icon{width:24px;height:24px;margin-right:5px;vertical-align:middle}
.ad-box .text .tel .icon img{max-width:24px}
.ad-box .text .consult-btn{margin-top:14px;transition:all .3s ease}
.ad-box .text .consult-btn:hover{transform:scale(1.2)}
.ad-box .text .consult-btn a{display:inline-block;color:#fff;font-size:14px;line-height:18px;padding:6px 20px;border:1px solid #fff}

.youshi-box{padding:30px 0;background:url('../images/map.png') no-repeat center top}
.youshi-box .youshi-list{display:flex;flex-wrap:wrap}
.youshi-box .youshi-list .youshi-item{display:inline-block;width:33.33%;text-align:center;padding:20px 0 40px;box-sizing:border-box}
.youshi-box .youshi-list .youshi-item .item-box .pic{height:120px;position:relative}
.youshi-box .youshi-list .youshi-item .item-box .pic img{height:100%;width:auto;margin:0 auto;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all .2s}
.youshi-box .youshi-list .youshi-item .item-box .pic .origin-img{opacity:1}
.youshi-box .youshi-list .youshi-item .item-box .pic .hover-img{opacity:0}
.youshi-box .youshi-list .youshi-item:hover .item-box .pic .origin-img{opacity:0}
.youshi-box .youshi-list .youshi-item:hover .item-box .pic .hover-img{opacity:1;transform:translateX(-50%) scale(1.2)}
.youshi-box .youshi-list .youshi-item .item-box .text{margin-top:24px}
.youshi-box .youshi-list .youshi-item .item-box .text h3{font-size:20px;line-height:24px;color:#666;transition:all .2s ease}
.youshi-box .youshi-list .youshi-item:hover .item-box .text h3{color:#333}
.youshi-box .youshi-list .youshi-item .item-box .text .line{width:64px;height:1px;display:block;background-color:#b3b3b3;margin:10px auto}
.youshi-box .youshi-list .youshi-item .item-box .text .content{font-size:14px;line-height:20px;color:#666;white-space:nowrap;transition:all .2s ease}
.youshi-box .youshi-list .youshi-item:hover .item-box .text .content{color:#333}

.solution-box{background:url('../images/solution-bg.jpg') no-repeat center center;height:578px;position:relative;background-size:100% 100%}
.solution-box .container{width:1100px;position:relative}
.solution-box .box-title{padding-top:84px}
.solution-box .box-title h2{color:#fff}
.solution-box .box-title span{color:#fff}
.solution-box .box-title span::before{background-image:url('../images/box-title-line_left_white.png')}
.solution-box .box-title span::after{background-image:url('../images/box-title-line_right_white.png')}
.solution-box .solution-item{text-align:center;background-repeat:no-repeat;background-size:cover;width:274px;height:520px;margin-top:115px;margin-left:auto;margin-right:auto}
.solution-box .solution-item .item-box{padding:164px 30px 0;box-sizing:border-box;height:100%;transition:all .3s ease}
.solution-box .solution-item .icon{display:block;height:73px;transition:all .3s ease}
.solution-box .solution-item .icon img{height:100%;width:auto;margin:0 auto}
.solution-box .solution-item .title{font-size:24px;line-height:34px;color:#fff;margin-top:31px;margin-bottom:30px;font-weight:normal}
.solution-box .solution-item .content{font-size:14px;line-height:20px;color:#fff;height:0;overflow:hidden;transition:all .3s ease}
.solution-box .solution-item:hover .item-box{padding-top:144px;background-color:rgba(34,96,165,0.9)}
.solution-box .solution-item:hover .item-box .icon{transform:scale(1.2)}
.solution-box .solution-item:hover .item-box .content{height:200px}
.solution-box .swiper-pagination-bullet{width:32px;height:2px;border-radius:0;background-color:#c4c4c4;opacity:1}
.solution-box .swiper-pagination-bullet-active{background-color:#14c8ac}
.solution-box .swiper-container-horizontal>.swiper-pagination-bullets{top:37px;bottom:unset}
.solution-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px}
.solution-box .swiper-button-prev,.solution-box .swiper-button-next{width:70px;height:70px;background-color:rgba(34, 96, 165);position:absolute;top:600px;outline:0}
.solution-box .swiper-button-prev{left:-70px}
.solution-box .swiper-button-next{right:-70px}
.solution-box .swiper-button-next::after,.solution-box .swiper-button-prev::after{content:'';width:100%;height:100%}
.solution-box .swiper-button-prev::after{background:url('../images/arrow_left.png') no-repeat center center}
.solution-box .swiper-button-next::after{background:url('../images/arrow_right.png') no-repeat center center}

.product-box{padding-top:360px;padding-bottom:84px;background:url('../images/product-bg.png') no-repeat center top}
.product-box .product-list{margin-top:95px}
.product-box .product-list .product-item{float:left;width:25%;height:470px;background-repeat:no-repeat;background-size:cover;transition:all .3s ease;position:relative}
.product-box .product-list .product-item .item-box{width:100%;height:100%;text-align:center;padding:160px 30px 0;box-sizing:border-box;transition:all .3s ease}
.product-box .product-list .product-item .item-box .icon{display:block;height:84px}
.product-box .product-list .product-item .item-box .icon img{height:100%;width:auto;margin:0 auto}
.product-box .product-list .product-item .item-box .title{font-size:24px;line-height:34px;color:#fff;font-weight:normal;margin:20px 0 10px}
.product-box .product-list .product-item .item-box .content{font-size:14px;line-height:20px;color:#fff;height:0;overflow:hidden;transition:all .3s ease}
.product-box .product-list .product-item:hover{transform:scale(1.1);z-index:99}
.product-box .product-list .product-item:hover .item-box{padding-top:100px;background-color:rgba(34,96,165,0.9)}
.product-box .product-list .product-item:hover .item-box .content{height:200px}
.procate-box{margin-bottom:10px}
.procate-box .procate-title {font-size:18px;color:#333;padding:10px 15px}
.procate-box .procate-list .procate-item{margin-bottom:0}
.detail-box .product-list .product-item{float:unset;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #333}
.detail-box .product-list .product-item .item-box{display:flex;justify-content:space-between}
.detail-box .product-list .product-item .item-box .pic{width:35%;height:auto}
.detail-box .product-list .product-item .item-box .text{width:60%;position:relative;margin-top:30px}
.detail-box .product-list .product-item .item-box .text .title{border:none;background-color:transparent;text-align:left;font-size:20px}
.detail-box .product-list .product-item .item-box .text .note{font-size:14px;line-height:24px;color:#333}
.detail-box .product-list .product-item .item-box .text .link{font-size:14px;line-height:24px;color:#efefef;background-color:rgba(34, 96, 165);padding:2px 7px;position:absolute;right:30px;bottom:20px}
.detail-box .product-list .product-item:hover .item-box .text .title{color:#333;box-shadow:none}

.news-box{background-color:#edf0f2;padding-top:40px;padding-bottom:73px}
.news-box .news-content{margin-top:40px;display:flex;justify-content:center;align-items:stretch}
.news-box .news-content .first-item{width:40%;max-width:461px;margin-right:25px;box-shadow:0 0 8px rgba(0,0,0,0.4);overflow:hidden;background-color:#fff}
.news-box .news-content .first-item .pic img{width:100%}
.news-box .news-content .first-item .text{padding:25px 25px 0}
.news-box .news-content .first-item .text .title{font-size:18px;line-height:24px;color:#000}
.news-box .news-content .first-item .text .content{font-size:14px;line-height:20px;color:#666;margin:10px 0 16px}
.news-box .news-content .first-item .text .date{font-size:14px;line-height:16px;color:#666}
.news-box .news-content .news-list{width:50%;max-width:714px}
.news-box .news-content .news-list>a{display:block;margin-bottom:27px}
.news-box .news-content .news-list>a:last-child{margin-bottom:0}
.news-box .news-content .news-list .news-item{border:1px solid #b3b3b3;padding:13px 32px;box-sizing:border-box;display:flex;transition:all .3s ease}
.news-box .news-content .news-list .news-item:hover{background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.4)}
.news-box .news-content .news-list .news-item .date{text-align:center;flex:1 0 auto}
.news-box .news-content .news-list .news-item .date span{font-size:36px;line-height:50px;color:#000}
.news-box .news-content .news-list .news-item .date p{font-size:14px;line-height:20px;color:#000}
.news-box .news-content .news-list .news-item .line{width:1px;height:74px;display:block;background-color:#b3b3b3;margin:0 27px}
.news-box .news-content .news-list .news-item .text{overflow:hidden}
.news-box .news-content .news-list .news-item .text .title{font-size:18px;line-height:24px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-box .news-content .news-list .news-item .text .content{font-size:14px;line-height:20px;color:#666;margin-top:10px;height:40px;overflow:hidden}
.news-box .more-btn{text-align:center;margin-top:66px}
.news-box .more-btn a{display:inline-block;padding:6px 20px;background-color:rgba(34, 96, 165);color:#fff;font-size:14px;line-height:20px}

.hezuo-box{padding-top:40px;padding-bottom:73px}
.hezuo-box .hezuo-content img{max-width:100%}

.page-box .content-box .detail-box .about-box>p{font-size:18px;line-height:24px;color:#000}
.page-box .content-box .detail-box .about-box img{max-width:100%}

.detail-box .about-box .detail-title{font-size:20px;padding:20px 0;color:rgba(34, 96, 165)}
.detail-box .about-box .pro-content{display:flex;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #333}
.detail-box .about-box .pro-content .text{width:50%}
.detail-box .about-box .pro-content .pic{width:40%;text-align:right}
.detail-box .about-box .pro-yingyong{padding-bottom:35px;border-bottom:1px solid #333}
.detail-box .about-box .pro-guige{padding-bottom:35px;border-bottom:1px solid #333}
.detail-box .about-box .pro-propic .swiper-container{--swiper-navigation-color:#efefef;--swiper-navigation-size:24px}
.detail-box .about-box .pro-propic .swiper-container .swiper-button-prev,.detail-box .about-box .pro-propic .swiper-container .swiper-button-next{outline:0}
.detail-box .about-box .pro-propic .swiper-pagination-bullet{width:32px;height:2px;border-radius:0;background-color:#c4c4c4;opacity:1}
.detail-box .about-box .pro-propic .swiper-pagination-bullet-active{background-color:#14c8ac}
.detail-box .about-box .pro-propic .swiper-container-horizontal>.swiper-pagination-bullets{bottom:8px}
.detail-box .about-box .pro-propic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;outline:0}

.page-box .content-box .detail-box .fangan-box{margin-bottom:150px}
.page-box .content-box .detail-box .fangan-box>p{font-size:18px;line-height:24px;color:#000}
.page-box .content-box .detail-box .fangan-box .fangan-title{position:relative;border-bottom:2px solid rgba(34, 96, 165);margin-bottom:40px;margin-top:72px}
.page-box .content-box .detail-box .fangan-box .fangan-title h3{font-size:24px;line-height:34px;color:rgba(34, 96, 165);margin-bottom:7px;padding-left:6px}
.page-box .content-box .detail-box .fangan-box .fangan-title::before{content:'';display:block;border-style:solid;border-width:3px;border-color:transparent transparent #fff #fff;position:absolute;bottom:-2px;left:0;z-index:99}
.page-box .content-box .detail-box .fangan-box .fangan-title::after{width:143px;box-sizing:border-box;content:'';display:block;border-bottom:6px solid rgba(34, 96, 165);border-right:6px solid transparent;position:absolute;bottom:-2px;left:0;z-index:9}
.page-box .content-box .detail-box .fangan-box img{max-width:100%;margin:0 auto}

.detail-box .news-box{background-color:#fff;padding:0}
.detail-box .news-box .news-list .news-item{border:1px solid rgba(0,0,0,0.12);padding:16px 22px;margin-bottom:32px;transition:all .3s}
.detail-box .news-box .news-list .news-item .item-box{display:flex;align-items:stretch}
.detail-box .news-box .news-list .news-item .item-box .pic{width:240px;height:200px;margin-right:20px}
.detail-box .news-box .news-list .news-item .item-box .pic img{width:100%}
.detail-box .news-box .news-list .news-item .item-box .text{width:666px;position:relative}
.detail-box .news-box .news-list .news-item .item-box .text .title{font-size:24px;line-height:34px;color:#000;border-bottom:1px solid #000;font-weight:normal;padding:14px 0;margin-bottom:20px;transition:all .3s}
.detail-box .news-box .news-list .news-item .item-box .text .content{font-size:14px;line-height:20px;color:rgba(0,0,0,0.54)}
.detail-box .news-box .news-list .news-item .item-box .text .date{position:absolute;bottom:0;left:0;font-size:14px;line-height:20px;color:rgba(0,0,0,0.54)}
.detail-box .news-box .news-list .news-item .item-box .text .more{position:absolute;bottom:0;right:0;font-size:14px;line-height:20px;color:rgba(0,0,0,0.54);transition:all .3s}
.detail-box .news-box .news-list .news-item:hover{border-color:rgba(34, 96, 165)}
.detail-box .news-box .news-list .news-item:hover .item-box .text .title{color:rgba(34, 96, 165)}
.detail-box .news-box .news-list .news-item:hover .item-box .text .more{color:rgba(34, 96, 165)}

.detail-box .form-box .form-group{position:relative;margin-bottom:30px}
.detail-box .form-box .form-group input[type="text"]{width:487px;border:1px solid #d4d4d4;padding:0 20px;height:48px;box-sizing:border-box;outline:0;font-size:14px}
.detail-box .form-box .form-group span{font-size:14px;color:#fe0000;line-height:50px;position:absolute;right:20px}
.detail-box .form-box .form-group textarea{width:100%;height:181px;resize:none;border:1px solid #d4d4d4;outline:0;padding:12px 20px;font-size:14px;font-family:inherit;box-sizing:border-box}
.detail-box .form-box .form-group input[type="submit"]{width:384px;height:48px;line-height:48px;background-color:rgba(34, 96, 165);border:none;color:#fff;font-size:14px;cursor:pointer;margin-top:6px}

.employ-title{display:flex;height:50px;line-height:50px;background-color:#3f3f3f;padding:0 2%;margin:45px 0 15px 0;color:#fff;overflow:hidden}
.employ-title span:nth-child(1){width:35%;}
.employ-title span:nth-child(2){width:16%;}
.employ-title span:nth-child(3){width:16%;}
.employ-title span:nth-child(4){width:16%;}
.employ-title span:nth-child(5){width:10%;}
.employ-title span:nth-child(6){width:5%;}
.employ-list .employ-item{margin-bottom:15px;width:100%;padding:0}
.employ-list .employ-item .employ-title{background-color:#efefef;color:#333;margin:0;cursor:pointer}
.employ-list .employ-item .employ-title span:nth-child(6){background:url(../images/icon-show.png) no-repeat center left}
.employ-list .employ-item.active .employ-title{background-color:rgba(34, 96, 165);color:#fff}
.employ-list .employ-item.active .employ-title span:nth-child(6){background:url(../images/icon-hide.png) no-repeat center left}
.employ-list .employ-item .employ-content{display:none;width:100%;padding:25px 3%;line-height:24px;background-color:#f9f9f9;box-sizing:border-box}
.employ-fuli{margin-top:24px;line-height:24px}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.ani{ opacity:0}
.ani-slide .fadeInDown{
opacity:1;
-webkit-animation: fadeInDown 0.5s both;
animation: fadeInDown 0.5s both;
}
.ani-slide .fadeInUp{
opacity: 1;
-webkit-animation: fadeInUp 1s both;
animation: fadeInUp 0.5s both;
}
.ani-slide .fadeInUp1{
opacity: 1;
-webkit-animation: fadeInUp 2s both;
animation: fadeInUp 1s both;
}
.ani-slide .fadeInLeft{
opacity:1;
-webkit-animation: fadeInLeft 0.5s both;
animation: fadeInLeft 0.5s both;
}
.ani-slide .fadeInRight{
opacity: 1;
-webkit-animation: fadeInRight 1s both;
animation: fadeInRight 0.5s both;
}

.ani-h{ opacity:0}
.ani-slide-h .fadeInDownH{
opacity:1;
-webkit-animation: fadeInDown 0.5s both;
animation: fadeInDown 0.5s both;
}
.ani-slide-h .fadeInUpH{
opacity: 1;
-webkit-animation: fadeInUp 1s both;
animation: fadeInUp 0.5s both;
}
.ani-slide-h .fadeInLeftH{
opacity:1;
-webkit-animation: fadeInLeft 0.5s both;
animation: fadeInLeft 0.5s both;
}
.ani-slide-h .fadeInRightH{
opacity: 1;
-webkit-animation: fadeInRight 1s both;
animation: fadeInRight 0.5s both;
}
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, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: "Microsoft Yahei";
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none}

body.fixed{overflow:hidden}
.container{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.clearfix::after{content:'';clear:both;display:block;height:0}

.box-title{text-align:center}
.box-title h2{font-size:48px;line-height:68px;font-weight:normal;color:rgba(34, 96, 165)}
.box-title span{font-size:24px;line-height:32px;color:#333;margin-top:18px;display:flex;align-items:center;justify-content:center}
.box-title span::before{content:'';width:176px;height:7px;background:url('../images/box-title-line_left.png') no-repeat center center;margin-right:28px}
.box-title span::after{content:'';width:176px;height:7px;background:url('../images/box-title-line_right.png') no-repeat center center;margin-left:28px}

.header{height:60px;max-height:60px}
.header .logo-box{margin-top:10px;display:flex;align-items:center}
.header .logo-box .logo-link img{max-width:115px}
.header .logo-box .line{width:1px;height:24px;background-color:#d4d4d4;margin:0 16px}
.header .logo-box .logo-text{font-size:18px;line-height:28px;color:#666}
.header .menu-box{margin-top:17px}
.header .menu-box .contact-info{display:flex;align-items:center;font-size:14px;line-height:16px;color:#000;justify-content:flex-end}
.header .menu-box .contact-info .line{width:1px;height:26px;background-color:#000;margin:0 20px}
.header .menu-box .nav-box .nav-list{display:flex;align-items:center}
.header .menu-box .nav-box .nav-list .nav-item{position:relative}
.header .menu-box .nav-box .nav-list .nav-item .nav-link{font-size:16px;line-height:24px;color:rgba(0,0,0,0.8);padding:0 7px}
.header .menu-box .nav-box .nav-list .nav-item .nav-link:hover,.header .menu-box .nav-box .nav-list .nav-item .nav-link.active{font-weight: bold;
color:rgba(34, 96, 165)}
.header .menu-box .nav-box .nav-list .nav-item .nav-link:active{font-size:14px;line-height:20px;color:#f2994a}
.header .menu-box .nav-box .nav-list .nav-item::before{width:24px;height:1px;background-color:#666;display:inline-block;vertical-align:middle;content:'';transform:rotate(110deg)}
.header .menu-box .nav-box .nav-list .nav-item:first-child::before{display:none}
.header .menu-box .nav-box .nav-list .nav-item .sub-menu{display:none;position:absolute;top:34px;width:100%;background-color:#e3e3e3;z-index:99}
.header .menu-box .nav-box .nav-list .nav-item .sub-menu .sub-list .sub-item .sub-link{font-size:14px;line-height:20px;color:#000;display:block;text-align:center;padding:7px 0}
.header .menu-box .nav-box .nav-list .nav-item .sub-menu .sub-list .sub-item .sub-link:hover{color:#fff;background-color:rgba(34, 96, 165)}
.header .mobile-menu-box{display:none;margin-top:.12rem}
.header .mobile-menu-box .nav-bar{cursor:pointer}
.header .mobile-menu-box .nav-bar span{display:block;width:32px;height:4px;margin-top:8px;background-color:rgba(34, 96, 165)}
.header .mobile-menu-box .nav-box{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#666;z-index:9999;transform:translateX(100%);transition:all .3s ease}
.header .mobile-menu-box .nav-box .close-nav{position:absolute;top:0;left:0;bottom:0;width:1.346rem;background-color:#e5e5e5}
.header .mobile-menu-box .nav-box .close-nav span{display:block;width:.506rem;height:.506rem;margin:.533rem .333rem;background:url('../images/nav-close.png') no-repeat center center;background-size:cover}
.header .mobile-menu-box .nav-box .nav-list{width:7.36rem;position:absolute;top:.64rem;right:.32rem}
.header .mobile-menu-box .nav-box .nav-list .nav-item{border-bottom:1px solid #fff}
.header .mobile-menu-box .nav-box .nav-list .nav-item .nav-link{font-size:.32rem;line-height:.453rem;padding:.32rem 0;display:block;color:#fff}
.header .mobile-menu-box .nav-box .nav-list .nav-item.hassub .nav-link::after{content:'+';float:right;margin-right:.666rem}
.header .mobile-menu-box .nav-box .nav-list .nav-item.hassub.active .nav-link::after{content:'-'}
.header .mobile-menu-box .nav-box .nav-list .nav-item .sub-menu{display:none;padding:0 0 .3rem .3rem}
.header .mobile-menu-box .nav-box .nav-list .nav-item .sub-menu .sub-list{}
.header .mobile-menu-box .nav-box .nav-list .nav-item .sub-menu .sub-list .sub-item{}
.header .mobile-menu-box .nav-box .nav-list .nav-item .sub-menu .sub-list .sub-item .sub-link{font-size:.28rem;line-height:.4rem;color:#fff;display:block;padding:.1rem 0}

.footer{background-color:#222;padding-top:25px;position:relative}
.footer .foot-content{display:flex;padding-bottom:15px}
.footer .foot-content .line{width:1px;height:240px;background-color:#fff;margin:0 20px 0 30px}
.footer .foot-content .qrcode-box{flex:1 0 auto}
.footer .foot-content .qrcode-box .qrcode{width:120px;text-align:center;margin-right:45px;margin-top:45px}
.footer .foot-content .qrcode-box .qrcode:last-child{margin-right:0}
.footer .foot-content .qrcode-box .qrcode img{width:100%}
.footer .foot-content .qrcode-box .qrcode .info{font-size:14px;line-height:20px;color:#fff;margin-top:10px}
.footer .foot-content .nav-box{flex:1 0 auto}
.footer .foot-content .nav-box .nav-list{text-align:center}
.footer .foot-content .nav-box .nav-list .nav-item{margin-right:40px}
.footer .foot-content .nav-box .nav-list .nav-item:last-child{margin-right:0}
.footer .foot-content .nav-box .nav-list .nav-item .nav-link{font-size:16px;line-height:24px;color:#fff;display:block}
.footer .foot-content .nav-box .nav-list .nav-item .sub-nav{margin-top:16px;text-align:center}
.footer .foot-content .nav-box .nav-list .nav-item .sub-nav .sub-list .sub-item .sub-link{font-size:14px;line-height:20px;color:#fff;margin-top:11px;display:block}
.footer .foot-content .nav-box .nav-list .nav-item .sub-nav .sub-list .sub-item .sub-link:hover{color:rgba(34, 96, 165)}
.footer .foot-content .contact-box{flex:1 1 auto}
.footer .foot-content .contact-box .logo{width:205px;margin-bottom:20px}
.footer .foot-content .contact-box .logo img{max-width:100%}
.footer .foot-content .contact-box h3{font-size:16px;line-height:34px;color:#fff;font-weight:normal}
.footer .foot-content .contact-box .info{font-size:14px;line-height:20px;color:#fff}
/* .footer .foot-content .contact-box .info{font-size:14px;line-height:20px;color:#fff;padding-left:30px;background-repeat:no-repeat;background-position:left top;margin-top:12px}
.footer .foot-content .contact-box .info.tel{background-image:url('../images/icon-tel.png')}
.footer .foot-content .contact-box .info.chuanzhen{background-image:url('../images/icon-chuanzhen.png')}
.footer .foot-content .contact-box .info.email{background-image:url('../images/icon-email.png')}
.footer .foot-content .contact-box .info.address{background-image:url('../images/icon-address.png')} */
.footer .link-box{margin-top:50px}
.footer .link-box span,.footer .link-box .link{font-size:14px;line-height:20px;color:#fff}
.footer .link-box .link{margin-left:10px}
.footer .copyright-box{border-top:1px solid #fff;padding:15px 0}
.footer .copyright-box p{font-size:14px;line-height:20px;color:#fff;text-align:center}

.banner-box{overflow:hidden}
.banner-box .swiper-slide img{width:100%}
.banner-box .swiper-slide .text{position:absolute;top:46%;left:19%;z-index:999}
.banner-box .swiper-slide .text h2{font-size:48px;line-height:67px;color:#fff;font-weight:normal}
.banner-box .swiper-slide .text p{font-size:24px;line-height:34px;color:#fff}
.banner-box .swiper-container{--swiper-navigation-color:#efefef;--swiper-navigation-size:24px}
.banner-box .swiper-container .swiper-button-prev,.banner-box .swiper-container .swiper-button-next{outline:0}
.banner-box .swiper-pagination-bullet{width:32px;height:2px;border-radius:0;background-color:#c4c4c4;opacity:1}
.banner-box .swiper-pagination-bullet-active{background-color:#14c8ac}
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets{bottom:28px}
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;outline:0}

.inside-banner-box{width:100%}
.inside-banner-box img{width:100%;}

.page-box{margin-top:30px;min-height:auto;}
.page-box .cate-box{width:12%}
.page-box .cate-box .cate-title h3{font-size:24px;line-height:34px;color:rgba(34, 96, 165);margin-bottom:7px}
.page-box .cate-box .cate-title::after{content:'';display:block;border-bottom:6px solid rgba(34, 96, 165);border-right:6px solid transparent}
.page-box .cate-box .cate-list{background-color:#fafafa;padding-top:16px}
.page-box .cate-box .cate-list .cate-item{margin-bottom:16px}
.page-box .cate-box .cate-list .cate-item .cate-link{font-size:18px;line-height:24px;color:#666;display:block;position:relative;padding-left:12px}
.page-box .cate-box .cate-list .cate-item .cate-link.active,.page-box .cate-box .cate-list .cate-item .cate-link:hover{color:#333}
.page-box .cate-box .cate-list .cate-item .cate-link.active::before,.page-box .cate-box .cate-list .cate-item .cate-link:hover::before{content:'';display:block;width:2px;height:20px;background-color:rgba(34, 96, 165);position:absolute;left:0;top:2px}
.page-box .content-box{width:83%}
.page-box .content-box .leader-box{padding-bottom:11px;padding-left:5px;border-bottom:1px solid #000}
.page-box .content-box .leader-box .leader-list{background:url('../images/icon-home.png') no-repeat left center;padding-left:35px}
.page-box .content-box .leader-box .leader-list .leader-item{float:left;font-size:14px;line-height:20px;color:rgba(0,0,0,0.54)}
.page-box .content-box .leader-box .leader-list .leader-item .leader-link{font-size:14px;line-height:20px;color:rgba(0,0,0,0.54)}
.page-box .content-box .detail-box{padding:44px 0}

.list-detail ul li{float:left;width:33.33%;padding:6px;margin-bottom:33px;box-sizing:border-box}
.list-detail ul li:nth-child(3n+1){clear:left}
.list-detail ul li .item-box .pic{width:100%}
.list-detail ul li .item-box .pic img{width:100%}
.list-detail ul li .item-box .title{font-size:14px;line-height:20px;color:#333;text-align:center;padding:11px 0;border:1px solid #d4d4d4;background-color:#fafafa;border-top:none}
.list-detail ul li:hover .item-box .title{color:rgba(34, 96, 165);border:none;box-shadow:0 0 8px rgba(0,0,0,0.2)}

.pager-box{margin:10px 0 100px}
.pager-box .pager-list{display:flex;justify-content:center;}
.pager-box .pager-list .pager-item{margin:0 5px}
.pager-box .pager-list .pager-item .pager-link{font-size:11px;line-height:16px;color:rgba(0,0,0,0.54);padding:6px;border:1px solid rgba(0,0,0,0.12)}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:rgba(34, 96, 165);color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:rgba(34, 96, 165);width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}