@font-face {
    font-family: 'barlowsemibold';
    src: url('./fonts/barlow-semibold-webfont.woff2') format('woff2'), 
        url('./fonts/barlow-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowbold';
    src: url('./fonts/barlow-bold-webfont.woff2') format('woff2'),
        url('./fonts/barlow-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{ font: 14px/1.5  Arial, Helvetica,"microsoft yahei","微软雅黑","Hiragino Sans GB","宋体", sans-serif; padding:0; margin:0;overflow-x:hidden;}
/*公共*/
header,section,nav,footer,div,p ,img ,a,span,ul,li,label,form,input,select{ padding:0; margin:0; outline:none ; }
ul,li{ list-style:none; padding:0; margin:0; }
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:600}
a{text-decoration: none; outline:none;}
a:hover{text-decoration: none;cursor:pointer}
a:focus{outline: none;text-decoration: none;}
.text-ellipsis {text-overflow: ellipsis;  white-space: nowrap;    overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1;}
img{max-width:100%;vertical-align:middle;}
.transition{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.pull-left{float:left;}
.pull-right{float:right;}
.container{margin:0 auto;width:1280px;overflow:hidden;}
#head{
    width: 100%;
    height: 85px;
    background-color: #fff;
    position:fixed;
    top:0;
    z-index: 99999;
}
.homehead{
    top:-85px;
}
#head>.logo{
    float: left;
    width: 191px;
    margin-left:7.6%;
    margin-top:30px;
}
#head>.logo img{
    width:191px;
    height:31px;
}
.nav{
    float:right;
    margin-right:80px;
}
.nav>.nav-list{
    overflow: hidden;
}
.nav>.nav-list>li{
    margin:0 33px;
    float:left;
}
.nav>.nav-list>li>a{
    display: block;
    width:65px;
    line-height:85px;
    text-align:center;
    font-size:16px;
    color:#333;
    transition:all .5s;
}
.nav>.nav-list>li>a:hover,.nav>.nav-list>li>a.curr{
    color:#171c61;
    border-bottom:2px solid #171c61;
    height: 83px;
}
.child-nav{
    position: absolute;
    left:0;
    right:0;
    top:85px;
    background-color: #f8f8f8;
    z-index: 99999;
}
.home-child-nav{
    top: 100% !important;
}
.child-nav>ul{
    margin:auto;
}
.child-nav>ul>li{
    display: inline-block;
    height: 55px;
    line-height: 55px;
    margin:0 30px;
}
.child-nav>ul>li>a{
    display: block;
    font-size:14px;
    color:#171c61;
}
.child-nav>ul>li>a:hover,.child-nav>ul>li>a.curr{
    color:#009944;
}


.nav-right{
    float:right;
    height:85px;
    width:65px;
    margin-right:8%;
    position: relative;
}
.nav-right>.btn{
    display: block;
    width:20px;
    height:20px;
    position: absolute;
    top:38px;
    cursor:pointer;
}
.nav-right>.btn-search{
    background:url(../images/icon-search.png) no-repeat;
    z-index: 99999;
}
.nav-right>.en-link{
    background: url(../images/icon-language.png) no-repeat;
    right:0;
}
.nav-right>.btn-search:hover{
    background:url(../images/icon-search-hover.png) no-repeat;
}
.nav-right>.en-link:hover{
    background: url(../images/icon-language-hover.png) no-repeat;
    right:0;
}
.nav-right>.search-wrap{
    height:84px;
    width:0;
    position:absolute;
    border-bottom:1px solid #d2d2d2;
    top:0;
    right:39px;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;;
}
.nav-right>.search-wrap>input{
    margin-top: 20px;
    width:250px;
    height:50px;
    font-size:16px;
    color:#666;
    border:none;
    outline:none;
}
.footer{
    width:100%;
    height:485px;
    background:#f0f0f0;
    z-index: 999;
    overflow: hidden;
    position: relative;
}
.footer .top{
    margin:40px 145px 0;
    overflow: hidden;
}
.footer .top .menu-list{
    float:left;
    overflow: hidden;
}
.footer .top .menu-list dl{
    float:left;
    margin-right:145px;
}
.footer .top .menu-list dl dt{
    font-weight: bold;
    font-size:16px;
    color:#333;
    margin-bottom:30px;
}
.footer .top .menu-list dl dt a{
    color:#333;
}
.footer .top .menu-list dl dt a:hover{
    color:#009944;
}
.footer .top .menu-list dl dd{
    margin-bottom:20px;
    margin-left: 0;
    margin-top: 0;
}
.footer .top .menu-list dl dd a{
    font-size:14px;
    color:#666;
    transition: all .5s;
}
.footer .top .menu-list dl dd a:hover{
    color:#009944;
}
.footer .top .contact{
    margin-top: 13px;
    float:right;
    width:251px;
}
.footer .top .contact p{
    font-size:16px;
    color:#333;
}
.footer .top .contact .tel{
    margin:15px 0 40px;
    font-size:30px;
    color:#666;
}
.footer .top .contact .vcode{
    display: flex;
    justify-content: space-between;
}
.footer .top .contact .vcode div{
    width:108px;
}
.footer .top .contact .vcode div img{
    width:108px;
    height:108px;
}
.footer .top .contact .vcode div p{
    font-size:14px;
    color:#666;
    line-height: 2em;
    letter-spacing: 7px;
    text-align: center;
}
.footer .bottom{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:0 145px;
    height:110px;
    background-color:#dfdfdf;

}
.footer .bottom .copyright{
    float:left;
    margin-top:25px;
}
.footer .bottom .copyright p{
    margin-bottom:15px;
    font-size:12px;
    color:#333;
}
.footer .bottom .copyright p a{
    color:#333;
}
.footer .bottom .copyright p a:hover{
    color:#666;
}
.footer .bottom .frindlink{
    float:right;
    margin-top:35px;
    width:285px;
    height:39px;
    border-bottom:1px solid #333;
    background: url(../images/arrow-down.png) no-repeat right center;
    font-size:16px;
    color:#333;
    line-height:40px;
    transition:all .5s;
    cursor: pointer;
    
}

.footer .bottom .link_con_box {
    background-color: #fff;
    position: absolute;
    bottom: 100%;
    right: 145px;
    border-radius: 3px;
    padding: 0.5rem 0;
    text-align: center;
    transition: all 0.5s ease;
    /* pointer-events: none; */
    opacity: 0;
    box-shadow: 0 10px 30px rgb(0 0 0 / 8%);
    width: 285px;
    z-index: 9999;
}
.footer .bottom .link_con_box a{
    display: block;
    color:#333;
    line-height: 3em;
}
.footer .bottom .link_con_box a:hover{
    color:#009944
}
.footer .bottom .link_con_box::before {
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
}
.footer .bottom .link_con_box::after {
    content: '';
    display: block;
    border-left: 5px solid #fff;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: calc(100% - 3px);
    right: 50%;
    transform: translateX(50%);
    width: 0;
    height: 0;
}
.footer .bottom .frindlink:hover{
    /* background: url(../images/arrow-up.png) no-repeat right center; */
    color:#009944;
}

/* index */
#ind-banner{
    background:url(../images/bg-banner.jpg) 100% 100%;
}
#ind-banner .bannerSwiper{
    height: 100%;
}
.bannerSwiper .swiper-slide .text {
    /*margin-left:7.6%;
    margin-top:180px;*/
    margin-left: 7.6%;
    margin-top: 180px;
    width: 510px;
    text-align: right;
    position: absolute;
    right: 13%;
}
.bannerSwiper .swiper-slide .text h2{
    margin-bottom: 25px;
    font-size:50px;
    color:#171c61;
    font-weight: 100;
}
.bannerSwiper .swiper-slide .text div p{
    font-size:16px;
    color:#61a4d6;
    line-height:30px;
}
.bannerSwiper .swiper-slide .text .learn-more{
    display: block;
    width:105px;
    height:36px;
    border:1px solid #f2d66a;
    border-radius:18px;
    text-align: center;
    line-height: 36px;
    margin-top:40px;
    font-size:16px;
    color:#009944;
    transition: all 0.5s ease;
    background-color: #f2d66a;
    float:right;
}
.bannerSwiper .swiper-slide .text .learn-more:hover{
    border-color: transparent !important;
    transform: translate3d(0, -10px, 0);
    box-shadow: 0 20px 50px rgb(133 204 190 / 40%);
}
.bannerSwiper .swiper-slide .image{
    width:68.7%;
    position: absolute;
    top:60px;
    /*right:88px;*/
    left:-150px;
}
.bannerSwiper .swiper-pagination{
    bottom:68px;
}
.bannerSwiper .swiper-pagination-bullet{
    margin:0 6px;
    height:6px;
    width:6px;
    border:5px solid #f2d66a;
    background:none;
    opacity: 1;
    transition: all 0.5s ease;
}
.bannerSwiper .swiper-pagination-bullet-active{
    border-color:#009944;
    background-color: #009944;
}

#ind-product{
    /*background:url(../images/product-bg.jpg) 100% 100%;*/
    overflow:hidden;
}
#ind-product > .title {
    margin: 80px auto 65px;
    font-size: 48px;
    color: #171c61;
    font-weight:lighter;
    text-align:center;
}
    #ind-product > .title a {
        color: #171c61;
    }
    #ind-product > .pro-wrap{
        display:flex;
        justify-content:space-between;
    }
        #ind-product > .pro-wrap > .item {
            border-right: 1px solid #cecece;
            height:800px;
            width:25%;
            box-sizing:border-box;
            position:relative;
            display:none;
        }
            #ind-product > .pro-wrap > .item:last-child{
                border-right:none;
            }
            #ind-product > .pro-wrap > .item>.tt{
                margin-left:25%;
                font-size:30px;
                color:#666;
                margin-bottom:20px;
                font-weight:normal;
            }
            #ind-product > .pro-wrap > .item > .tt-en {
                margin-left: 25%;
                font-size: 16px;
                color: #009944;
                margin-bottom: 20px;
                font-weight: normal;
                text-transform:uppercase
            }
            #ind-product > .pro-wrap > .item > p {
                margin-left: 25%;
                font-size: 14px;
                line-height: 24px;
                color: #666;
            }
            #ind-product > .pro-wrap > .item > .pro-img{
                position:absolute;
                display:block;
                margin:30px auto;
                top:30%;
                left:10%;
                max-width:80%
            }
            #ind-product > .pro-wrap > .item > .num{
                position:absolute;
                bottom:15%;
                left:22%;
                max-width:80%
            }
            #ind-business {
                background-image: url(../images/yewu-bg.jpg);
                background-size: cover;
            }




#ind-business>.map{
    width: 40%;
    position:absolute;
    left:12.5%;
    top:10%;
}
#ind-business>.map>img{
    width: 100%;
}
#ind-business>.map>.point{
    width:5%;
    /* height:38px; */
    position:absolute;
}
#ind-business>.map>.point>img{
    width: 100%;
}
#ind-business>.map>.point-1{
    left: 83%;
    top: 14%;
}
#ind-business>.map>.point-2{
    right: 14%;
    top: 42.3%;
}
#ind-business>.map>.point-3{
    right: 22%;
    top: 35.2%;
}
#ind-business>.map>.point-4{
    left: 53.4%;
    top: 47%;
}
#ind-business>.map>.point-5{
    left: 65%;
    top: 49.4%;
}
#ind-business>.map>.point-6{
    right: 12%;
    top: 60.8%;
}
#ind-business>.text{
    position: absolute;
    left:61%;
    top:31%;
}
#ind-business>.text>h2{
    margin-bottom: 25px;
    font-size:36px;
    color:#333;
    font-weight: 100;
}
#ind-business>.text>p{
    font-size:16px;
    color:#61a4d6;
    line-height:30px;
}
#ind-product .slide-tab-wrap{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:322px;
    background-color:#fff;
    /* z-index: 999; */
}
#ind-product .pro-swiper-tab{
    /* padding:0 100px; */
    height:322px;
    width: 70%;
    margin:auto;
}
#ind-product .pro-swiper-tab .swiper-slide{
    margin-top: 75px;
    height:195px;
    width: 25%;
    text-align: center;
}
#ind-product .pro-swiper-tab .swiper-slide .img{
    height:147px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 25px;
    cursor: pointer;
}
#ind-product .pro-swiper-tab .swiper-slide .img>img{
    width:auto;
    max-height:100%;
}
#ind-product .pro-swiper-tab .swiper-slide>h2{
    text-align: center;
    font-size:14px;
    color:#333;
    font-weight: normal;
}
#ind-product .slide-tab-wrap .swiper-btn{
    width: 38px;
    height:44px;
    top:185px;
    cursor: pointer;
}
#ind-product .slide-tab-wrap .swiper-btn::after{
    content:'';
}
#ind-product .slide-tab-wrap .swiper-button-prev{
    background:url(../images/arrow-left-skin-2.png) no-repeat;
    left:200px;
}
#ind-product .slide-tab-wrap .swiper-button-next{
    background:url(../images/arrow-right-skin-2.png) no-repeat;
    right:200px;
}
.h600{
    height:670px;
}
.hover-canvas{
    width:100%;
    height:100%;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    left:0;
    top:0;
    transition: all .5s ease;
    opacity: 0;
}
.hover-canvas .dot_r {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.pro-swiper-big .img{
    width: 57%;
    text-align: center;
    margin-top:-30px;
    float:left;
}
.pro-swiper-big .img>img{
    max-width: 100%;
}
.pro-swiper-big .detail-link{
    float:left;
    margin-top:15%;
    margin-left:165px;
    font-size:18px;
    color:#666;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.pro-swiper-big .detail-link .icon-arrow-r{
    margin-left:16px;
    display: block;
    width:110px;
    height:110px;
    border-radius:50%;
    background:url(../images/arrow-right-skin-1.png) no-repeat center center #fff;
    box-shadow: 0 10px 30px rgb(0 0 0 / 8%);
    transition: all .5s ease;
}
.pro-swiper-big .detail-link:hover{
    color:#009944;
}
.pro-swiper-big .detail-link:hover .icon-arrow-r{
    background:url(../images/arrow-right-skin-1.png) no-repeat 60% center #fff;
    
}


#ind-case .ind-case-title{
    position: absolute;
    top:125px;
    left:145px;
    font-size:36px;
    font-weight: lighter;
    color:#333;
}
#ind-case .ind-case-swiper{
    position:absolute;
    top:235px;
    width:100%;
    margin-left:145px;
}
#ind-case .ind-case-swiper .swiper-slide{
    width:423px;
    margin-right:70px;
    transition: all .5s;
}
/* #ind-case .ind-case-swiper .swiper-slide:hover{
    transform:translate3d(0,-10px,0);
} */
#ind-case .ind-case-swiper .swiper-slide .img{
    width:423px;
    height:250px;
    margin-bottom:15px;
    transition: all .5s;
    overflow:hidden;
}
#ind-case .ind-case-swiper .swiper-slide .img img{
    transition: all .5s;
}
#ind-case .ind-case-swiper .swiper-slide .img:hover img{
    transform:scale(1.1);
    /*transform:translate3d(0,0,10px);
    box-shadow: 0 10px 30px rgb(0 0 0 / 40%);*/
}
#ind-case .ind-case-swiper .swiper-slide .img>img{
    width:100%;
    height:100%;
}
#ind-case .ind-case-swiper .swiper-slide>h2{
    font-size:16px;
    color:#333;
    font-weight: normal;
    padding-left:25px;
    position:relative;
}
#ind-case .ind-case-swiper .swiper-slide>h2::before{
    content: '';
    display: block;
    width:6px;
    height:6px;
    border-radius: 50%;
    border:5px solid #f7ee12;
    position:absolute;
    left:0;
    top:5px;
}
.page-banner{
    width:100%;
    height:400px;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top:85px;
    background-position: center 85px;
    background-repeat: no-repeat;
    color:#fff;
}
.page-banner>h2{
    font-size:48px;
    margin-bottom:10px;
    font-weight: normal;
}
.page-banner>h3{
    font-size:18px;
    text-transform: uppercase;
    font-weight: normal;
}
.page-content{
    background-color: #f5f5f7;
    clear: both;
    overflow: hidden;
}
.page-title{
    text-align: center;
    padding-bottom:20px;
    border-bottom:4px solid #f7ee12;
    margin:75px auto 50px;
    font-size:18px;
    color:#000;
    font-weight: bold;
    width:76px;
}
/* about */





/* advantege */
.advantege-item{
    overflow: hidden;
    margin-bottom: 90px;
    position: relative;
}
.advantege-item>.img{
    width:62.65%;
    float:left;
}
.advantege-item>.img>img{
    max-width:100%;
}
.advantege-item.right>.img{
    float:right;
}
.advantege-item>.txt{
    width:37.39%;
    height:400px;
    background-color:#fff;
    position: absolute;
    top:15%;
    padding-left:75px;
    box-sizing: border-box;
    overflow: hidden;
}
.advantege-item.left>.txt{
    left:54.16%;
}
.advantege-item.right>.txt{
    right:54.16%;
}
.advantege-item>.txt>*{
    line-height: 1em;
}
.advantege-item>.txt>.num{
    font-size:30px;
    color:#c2c2c2;
    margin-bottom:15px;
    margin-top:55px;
}
.advantege-item>.txt>.tt{
    font-size:30px;
    color:#171c61;
    margin-bottom:30px;
}
.advantege-item>.txt>p{
    width: 90%;
    font-size:18px;
    color:#666;
    line-height:34px;
}
.advantege-item>.txt>.line{
    position:absolute;
    width:38px;
    height:4px;
    background-color:#009944;
    left:75px;
    bottom:89px;
}
.page-title-menu{
    padding-bottom:20px;
    margin:80px auto 85px;
    width:240px;
    border-bottom:4px solid #d0d0d0;
    position:relative;
}
.page-title-menu>ul{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.page-title-menu>ul>li,
.page-title-menu>ul>li>a{
    font-size:18px;
    font-weight: bold;
    color:#999;
    cursor:pointer;
}
.page-title-menu>ul>li.on,
.page-title-menu>ul>li.on>a,
.page-title-menu>ul>li:hover,
.page-title-menu>ul>li:hover>a{
    color:#000;
}
.page-title-menu>.line{
    position:absolute;
    width:76px;
    height:4px;
    background:#f7ee12;
    bottom:-4px;
    left:0;
}
.news-container{
    margin:0 auto;
    width:1440px;
    height: 1700px;
    position:relative;
}
.news-container>.news-wrapper{
    width:100%;
    height:1595px;
    position:absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 1;
    transform:translateY(100px);
    -webkit-transform:translateY(100px);
    -moz-transform:translateY(100px);
    -otransform:translateY(100px);
    opacity: 0;
}
.news-container>.news-wrapper.on{
    opacity: 1;
    z-index: 100;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -otransform:translateY(0);
    transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
}
.news-container>.news-wrapper>.news-item{
    width:470px;
    height:450px;
    position:relative;
    overflow: hidden;
}
.news-container .news-item>.img,.news-container .news-item>.img>img{
    height:315px;
    width:100%;
}
.news-container .news-item>.intro{
    height:100%;
    width:100%;
    background:#f7f7f7;
    box-sizing: border-box;
    padding:40px 30px 0;
    position: absolute;
    bottom:-315px;
}
.news-container .news-item:hover .intro{
    bottom:0;
}
.news-container .news-item>.intro>span{
    display: block;
    margin-bottom: 15px;
    font-size:14px;
    color:#999;
}
.news-container .news-item>.intro>h2{
    margin-bottom: 35px;
    font-size: 18px;
    /*width: 410px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-container .news-item>.intro>h2>a{
    color:#000;
    transition: all .5s ease;
}
.news-container .news-item>.intro>h2>a:hover{
    color:#009944;
}
.news-container .news-item>.intro>.description{
    font-size:14px;
    color:#666;
    line-height:26px;
}
.news-container .news-item .learn-more{
    position:absolute;
    bottom:45px;
    left:30px;
    width:120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#333;
}
.news-container .news-item .learn-more .more{
    display: block;
    width:32px;
    height:32px;
    border-radius:50%;
    background:url(../images/news/icon-arrow.png) no-repeat center center #f7ee12;
    font-size:14px;
}
.news-container .news-item .learn-more:hover{
    color:#009944;
}
.news-container .news-item .learn-more:hover .more{
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
}
.news-container>.news-wrapper>#pagenum{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:30px;
}
.news-container>.news-wrapper>#pagenum>a{
    margin:0 5px;
    display: block;
    width:44px;
    height:44px;
    border-radius: 50%;
    font-size:14px;
    color:#666;
    text-align:center;
    line-height: 44px;
    transition:all .5s ease;
}
.news-container>.news-wrapper>#pagenum>a.current,.news-container>.news-wrapper>#pagenum>a:hover{
    background-color: #171c61;
    color:#fff;
}
.news-container>.news-wrapper>#pagenum>a.pagefirstno,
.news-container>.news-wrapper>#pagenum>a.pageup,
.news-container>.news-wrapper>#pagenum>a.pagedown,
.news-container>.news-wrapper>#pagenum>a.pageend{
    background-color: #f9f9f9;
    width:70px;
    border-radius:22px;
}
.news-container>.news-wrapper>#pagenum>a.pagefirstno:hover,
.news-container>.news-wrapper>#pagenum>a.pageup:hover,
.news-container>.news-wrapper>#pagenum>a.pagedown:hover,
.news-container>.news-wrapper>#pagenum>a.pageend:hover{
    background-color: #171c61;
    color:#fff;
}
.news-container>.news-wrapper>#pagenum>a[href="javascript:void()"]{
    cursor:not-allowed;
}
.mianbaoxie{
    width:1280px;
    margin:50px auto 100px;
    font-size:14px;
    color:#333;
}
.mianbaoxie>a{
    color:#333;
    margin:0 10px;
}
.mianbaoxie>a:hover{
    color:#009944;
}
.article-content{
    width:1280px;
    margin:0 auto 100px;
}
.article-content>h1{
    text-align:center;
    font-size:36px;
    color:#333;
    font-weight:normal;
    text-align:center;
    line-height:1.5em;
}
.article-content>.pubinfo{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
    color:#666;
    height:60px;
    margin:40px 0;
    border-bottom:1px solid #d3d3d3;
}
.article-content>.content{
    font-size:16px;
    color:#666;
    line-height:34px;
}
.shangxiapian{
    height:140px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.shangxiapian>li{
    padding:0 63px;
    box-sizing:border-box;
    width:50%;
    border-right:1px solid #fff;
    background:#e5e5e5;
    height:100%;
    font-size:18px;
    color:#171c61;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.shangxiapian>li:first-child{
    justify-content:flex-end;
}
.shangxiapian > li:last-child {
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.shangxiapian>li>a{
    display:block;
    width:45px;
    height:45px;
    border-radius:50%;
    background:#f7ee12;
    position:relative;
    overflow:hidden;
    text-indent:-9999px;
}
.shangxiapian>li:first-child>a{
    margin-left:24px;
}
.shangxiapian>li:last-child>a{
    margin-right:24px;
}
.shangxiapian>li>a.pageup::after{
    content:'';
    width:45px;
    height:45px;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/news/shangyipian.png) no-repeat center center;
}
.shangxiapian>li>a.pagedown::after{
    content:'';
    width:45px;
    height:45px;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/news/xiayipian.png) no-repeat center center;
}

.contact-info {
    background-color: #f5f5f7;
    overflow: hidden;
}
.contact-info>.map{
    float: left;
    width: 50%;
}
.contact-info>.info{
    float:left;
    width:50%;
    box-sizing: border-box;
    padding-top:140px;
    padding-left:110px;
    line-height: 1;
}
.contact-info>.info>h3{
    font-size:16px;
    color:#bbb;
    margin-bottom:17px;
}
.contact-info>.info>h2{
    padding-bottom:28px;
    font-size:36px;
    color:#333;
    width: 610px;
    border-bottom:3px solid #333333;
}
.contact-info>.info>.item{
    width:610px;
    height:120px;
    border-bottom:1px solid #e0e0e0;
    display: flex;
    align-items: center;
}
.contact-info>.info>.item .icon{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin-right:14px;
}
.contact-info>.info>.item .icon-address{
    background: url(../images/contact/icon-addresss.png);
}
.contact-info>.info>.item .icon-tel{
    background: url(../images/contact/icon-tel.png);
}
.contact-info>.info>.item .icon-phone{
    background: url(../images/contact/icon-phone.png);
}
.contact-info>.info>.item .icon-email{
    background: url(../images/contact/icon-email.png);
}
.contact-info>.info>.item .icon-weburl{
    background: url(../images/contact/icon-weburl.png);
}
.contact-info>.info>.item .r{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-info>.info>.item .r>span{
    display: block;
    margin-bottom: 10px;
    font-size:14px;
    color:#999;
}
.contact-info>.info>.item .r>p{
    font-size:16px;
    color:#333;
    font-weight:bold;
}
.contact-info>.info>.item.flex-col2{
    display: flex;
    justify-content: space-between;
}
.contact-info>.info>.item.flex-col2>div{
    display: flex;
    align-items: center;
    width: 50%;
    height:77px;
}
.contact-info>.info>.item.flex-col2>div:last-child{
    justify-content: left;
    border-left:1px solid #e0e0e0;
    padding-left:44px;
    box-sizing: border-box;
}
.contact-info>.info>.vcode{
    display: flex;
    margin-top:38px;
}
.contact-info>.info>.vcode>div{
    margin-right:32px;
    width:98px;
}
.contact-info>.info>.vcode>div>p{
    font-size: 14px;
    color: #666;
    line-height: 2em;
    letter-spacing: 5px;
    text-align: center;
}
.fadeback-wrap{
    height: 722px;
    background: url(../images/contact/fadeback-bg.jpg) no-repeat center;
    overflow: hidden;
}
.fadeback-wrap>.message{
    box-sizing: border-box;
    padding:0 26px;
    margin:90px auto 0;
    width:745px;
    height:490px;
    background:#fff;
    overflow: hidden;
}
.fadeback-wrap>.message>h2{
    margin:30px auto;
    font-size:30px;
    color:#333;
    text-align:center;
}
.fadeback-wrap>.message>.item{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.fadeback-wrap>.message>.item>input{
    width:49.5%;
    height:60px;
    background-color:#f5f5f7;
    box-sizing: border-box;
    border:1px solid #ededed;
    outline:none;
    padding:0 20px;
    font-size:14px;
    color:#333;
}
.fadeback-wrap>.message>.item>.red{
    border:1px solid red;
}
.fadeback-wrap>.message>.item>textarea{
    background-color:#f5f5f7;
    box-sizing: border-box;
    border:1px solid #ededed;
    outline:none;
    padding:20px;
    font-size:14px;
    color:#333;
    width:100%;
    height:150px;
}   
.fadeback-wrap>.message>.item>button{
    width:100%;
    height:58px;
    background-color:#009944;
    color:#fff;
    font-size:14px;
    outline:none;
    border:none;
    cursor:pointer;
}
.fadeback-wrap>.message>.item>button:hover{
    background-color: #03873e;
}
.about-intro-wrap{
    margin:120px auto 110px;
    width: 1390px;
    display: flex;
    justify-content: space-between;
}
.about-intro-wrap>img{
    width: 584px;
    height:282px;
}
.about-intro-wrap>.txt{
    width:760px;
    line-height: 1;
}
.about-intro-wrap>.txt>h2{
    font-size:30px;
    color:#333;
    margin:10px 0 50px;
    font-weight: normal;
}
.about-intro-wrap>.txt>p{
    margin-bottom: 25px;
    font-size:16px;
    color:#666;
    line-height:30px;
    text-indent: 2em;
}
.shiming-wrap{
    height:739px;
    width:100%;
    background:url(../images/about/bg-shiming.jpg) no-repeat center;
    position: relative;
}
.shiming-wrap>.guanghuang1 {
    width: 23%;
    height: 59.1%;
    position: absolute;
    background: url(../images/about/guanghuan1.png) no-repeat center;
    left: 36%;
    top: 18.5%;
    animation: rotate 5s linear infinite;
}
.shiming-wrap>.guanghuang2 {
    width: 30.6%;
    height: 78.7%;
    position: absolute;
    background: url(../images/about/guanghuang2.png) no-repeat center;
    left: 32.5%;
    top: 9.5%;
    animation: rotate2 5s linear infinite;
}
.shiming-wrap>.item{
    width:550px;
    display: flex;
    justify-content: left;
    align-items: center;
    position: absolute;
    left:64%;
    top:21%;
}
.shiming-wrap>.item.item2{
    top:58%;
}
.shiming-wrap>.item.item3{
    left: 15%;
    top: 39%;
    text-align: right;
}

.shiming-wrap>.item>.img{
    margin-right: 18px;
}
.shiming-wrap>.item>.txt>h2{
    margin-bottom: 10px;
    font-size:30px;
    color:#212668;
    font-weight:normal;
    position: relative;
    z-index: 1;
}
.title-point:before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: 6px solid #f8ef23;
    border-radius: 50%;
    z-index: -1;
    top: -2px;
    position: absolute;
    left: -7px;
}
.title-point3:before{
    left:62px!important;
}
.title-point.title-point-rt:before{
    bottom: 0px;
    top: auto;
    left: 45px;
}
.shiming-wrap>.item>.txt>p{
    font-size:18px;
    color:#212668;
    font-weight: lighter;
}
.honer-wrap{
    /* position: relative; */
}
.honer-wrap>.top{
    height:555px;
    background:url(../images/about/bg-honer.jpg) no-repeat center center;
    position: relative;
    overflow: hidden;
}
.honer-wrap>.top>.title{
    position: absolute;
    top:88px;
    left:265px;
    font-size:30px;
    color:#fff;
    position: relative;
    z-index: 1;
    font-weight: normal;
}
.honer-wrap>.top>.honer-swiper{
    position: absolute;
    bottom:0;
    padding-left:265px;
}
.honer-wrap>.top>.honer-swiper .swiper-slide{ width: auto!important; margin-right: 15px!important; }
.honer-wrap>.top>.honer-swiper .swiper-slide>img{
    height: 299px;
    width:auto;
}
.honer-wrap>.top>.process{
    width:359px;
    background: url(../images/about/proc-bg.jpg) no-repeat left bottom;
    color:#171c61;
    position: absolute;
    top:90px;
    right:250px;
    font-size:18px;
}
.honer-wrap>.top>.process .curr{
    font-size:30px;
    font-weight: bold;
}
.honer-wrap>.bottom{
    margin-top: 22px;
    height:184px;
    background:url(../images/about/gray-bg.jpg) repeat-x;
    overflow: hidden;
}
.honer-wrap>.bottom>.tip{
    margin-left:265px;
    margin-top:33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:14px;
    width:140px;
}
.honer-wrap>.bottom>.tip>.mouse{
    height:24px;
    width:14px;
    border-radius:9px;
    border:2px solid #1a1a1a;
    display: flex;
    justify-content: center;
}
.honer-wrap>.bottom>.tip>.mouse>i{
    margin-top: 6px;
    width:2px;
    height:6px;
    background:#1a1a1a;
    display: block;
}
.timeline{
    height:761px;
    background:url(../images/about/bg-timeline.jpg) no-repeat center center;
    overflow: hidden;
}
.timeline>.title{
    margin:90px auto 0;
    text-align: center;
    font-size:30px;
    color:#212668;
    font-weight: normal;
    position: relative;
    z-index: 1;
    width: 125px;
}
.timeline>.title::before{
    left:-4px;
    top:0;
}
.timeline>.timelineSwiper{
    margin:0 auto;
    width:1080px;
    position: relative;
}
.timeline>.timelineSwiper .swiper-slide{
    text-align:center;
}
.timeline>.timelineSwiper .swiper-slide .year{
    font-size:220px;
    font-weight: bold;
    color:#171c61;
    font-family: 'barlowbold';
}
.timeline>.timelineSwiper .swiper-slide .year span{
    margin:0;
}
.timeline>.timelineSwiper .swiper-slide .year span.yellow{
    color:#f9f248;
}
.timeline>.timelineSwiper .swiper-slide .licheng h3{
    font-size:24px;
    color:#333;
    font-weight: normal;
    line-height: 1;
    margin-bottom:20px;
}
.timeline>.timelineSwiper .swiper-slide .licheng p{
    font-size:14px;
    line-height: 24px;
    color:#666;
}
.timeline>.timelineSwiper .pagination{
    position: absolute;
    width:75px;
    height:75px;
    border-radius:50%;
    top:52%;
    left:0;
    cursor:pointer;
    z-index: 99;
}
.timeline>.timelineSwiper .pagination:hover{
    /*box-shadow: 0 5px 10px rgb(0 0 0 / 10%);*/
    border:1px solid #009944;
}
.timeline>.timelineSwiper .pagination.right{
    right:0;
    left:auto;
}
.timeline-list{
    margin:80px auto 0;
    width:83%;
    display: flex;
    justify-content: space-around;
    border-top:1px solid #c4c5db;
    height:0;
}
.timeline-list>li{
    margin-top: 24px;
    font-size:22px;
    color:#c4c5db;
    position: relative;
    cursor:pointer;
    font-family: 'barlowsemibold';
}
.timeline-list>li::before{
    position: absolute;
    content:'';
    display: block;
    width:10px;
    height:10px;
    border-radius:50%;
    top:-30px;
    left:17px;
    background:#c4c5db;
}
.timeline-list>li.curr{
    color:#171c61;
}
.timeline-list>li.curr::before{
    background: #171c61;
}
.page-kehu{
    height:920px;
    background:url(../images/case/kehu-bg.jpg) no-repeat center center;
}
.page-kehu>.tips{
    font-size:16px;
    color:#333;
    margin-bottom:55px;
    text-align: center;
}
.kehu-list{
    margin:0 auto;
    width:1395px;
    display:flex;
    justify-content: left;
    flex-wrap: wrap;
}
.kehu-list>li{
    margin-bottom: 45px;
    margin-right:5px;
    flex-direction: column;
}
.kehu-list>li>.img{
    width:274px;
    height:130px;
    background-color: #fff;
    display:flex;
    justify-content: center;
    align-items: center;
}
.kehu-list>li>.img>img{
    max-width: 100%;
    max-height: 100%;
}
.kehu-list>li>p{
    margin-top: 10px;
    text-align:center;
    font-size:14px;
    color:#5a5f78;
}
.page-kehu>.pagenum{
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.page-kehu>.pagenum>a{
    margin:0 12px;
    display: block;
    width:37px;
    height:37px;
    line-height:37px;
    text-align: center;
    font-size:14px;
    color:#acacac;
    font-weight:bold;
    border-radius:50%;
}
.page-kehu>.pagenum>a:hover,.page-kehu>.pagenum>a.current{
    color:#009944;
    background:#f7ee12;
}
.ourcase>.topbg{
    margin:0 auto;
    width:100%;
    height:800px;
    color:#fff;
    overflow: hidden;
    background-repeat:no-repeat;
    background-position: center center;
    /* background-attachment: fixed; */
}
.ourcase>.topbg>h1{
    text-align:center;
    margin:150px auto 110px;
    font-size:36px;
    position: relative;
}
.ourcase>.topbg>h1:after{
    content:'';
    display:block;
    position: absolute;
    width:62px;
    height:4px;
    background-color:#f7ee12;
    left:50%;
    margin-left:-31px;
    bottom:-25px;
}
.ourcase>.topbg>.intro{
    margin-bottom: 35px;
    margin:0 auto;
    width:750px;
    font-size:16px;
    line-height:30px;
    text-align:center;
}
.ourcase>.topbg>.date{
    margin:35px auto 0;
    width:750px;
    display:flex;
    justify-content: space-between;
    text-align: center;
}
.ourcase>.topbg>.date>li>.num{
    font-size:18px;
    font-weight:bold;
}
.ourcase>.topbg>.date>li>.num>span{
    font-size:72px;
    margin-right: 5px;
}
.ourcase>.topbg>.date>li>p{
    font-size:14px;
}
.ourcase>.gaizaoxiaoguo{
    margin:-170px auto 0;
    background-color: #ffffff;
    width:78.12%;
}
.ourcase>.gaizaoxiaoguo>.blocks{
    margin:80px 0 100px;
    display: flex;
    justify-content: space-between;
}
.ourcase>.gaizaoxiaoguo>.blocks>.item{
    margin:0 50px;
    width:21%;
}
.ourcase>.gaizaoxiaoguo>.blocks>.item>span{
    font-size:90px;
    color:#ededed;
    font-weight:bold;
}
.ourcase>.gaizaoxiaoguo>.blocks>.item>h2{
    margin-bottom: 20px;
    font-size:18px;
    color:#000;
}
.ourcase>.gaizaoxiaoguo>.blocks>.item>p{
    margin-top: 20px;
    font-size:14px;
    line-height:24px;
    color:#666;
}
.ourcase>.gaizaoxiaoguo>.bottom{
    margin-bottom: 80px;
    display:flex;
    height:470px;
    padding-bottom:60px;
    overflow: hidden;
    justify-content: space-around;
}
.ourcase>.gaizaoxiaoguo>.bottom>.charts{
    width:47%;
}
.ourcase>.gaizaoxiaoguo>.bottom>.apply-pro{
    width:47%;
}
.ourcase>.gaizaoxiaoguo>.bottom>.apply-pro>h2{
    font-size:21px;
    color:#333;
    font-weight:normal;
    margin-bottom: 35px;
}
.applyproSwiper{
    height:390px;
}
.applyproSwiper .swiper-pagination{
    right:50px;
    text-align:right;
    bottom:20px;
    width:92%;
}
.applyproSwiper .swiper-pagination .swiper-pagination-bullet{
    width:5px;
    height:5px;
    border:3px solid #d2d2d2;
    border-radius:50%;
    background:none;
    opacity: 1;
}
.applyproSwiper .swiper-pagination .swiper-pagination-bullet-active{
    background:#d2d2d2;
}
.chanpingyoushi{
    margin:0 auto;
    width:92.7%;
    height:720px;
    background:url(../images/product/chanpinyoushi-bg.jpg) no-repeat center center;
    display: flex;
    justify-content: space-between;
    transition:all .5s ease;
}
.chanpingyoushi>.item{
    border-right:1px solid #747f85;
    width:33.3%;
    height:100%;
    color:#fff;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.chanpingyoushi>.item:last-child{
    border-right:none;
}
.chanpingyoushi>.item>.cover{   
    position:absolute;
    top:100%;
    transition: all .5s ease;
    width:100%;
    height:100%;
    background:url(../images/product/cover.png) no-repeat 100% 100%;
}
.chanpingyoushi>.item:hover>.cover{
    top:0;
}
.chanpingyoushi>.item>.content{
    margin-top: 150px;
    width:310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color:#fff;
}
.chanpingyoushi>.item>.content>img{
    margin-bottom: 30px;
}
.chanpingyoushi>.item>.content>h2{
    margin-bottom: 95px;
    text-align: center;
    font-size:30px;
    font-weight: bold;
    position: relative;
}
.chanpingyoushi>.item>.content>h2:after{
    position: absolute;
    content:'';
    width:44px;
    height:4px;
    background:#f7ee12;
    left:50%;
    margin-left:-22px;
    bottom:-25px;
}
.chanpingyoushi>.item>.content>p{
    font-size:14px;
    line-height:30px;
}

.product-cate-container{
    margin:auto;
    width:92.7%;
    height:772px;
    position:relative;
    margin-bottom: 80px;
}
.product-cate-container>.product-cate-item{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position:absolute;
    z-index:1;
    transform:translateY(100px);
    transition:all .5s ease;
    opacity:0;
}
.product-cate-container>.product-cate-item.on{
    z-index:99;
    transform:translateY(0);
    opacity:1;
}
.product-cate-container .product{
    position: relative;
    padding:50px 45px;
    box-sizing: border-box;
    margin-bottom:24px;
    margin-right:1%;
    width:32%;
    height:337px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    transition:all .5s ease;
}
.product-cate-container .product>.left{
    width:60%;
    overflow:hidden;
}
.product-cate-container .product>.left>img[alt='line']{
    width:100%;
    height:2px;
    transition:all .5s ease;
    max-width:500%;
}
.product-cate-container .product:hover{
    box-shadow:0 5px 20px #ccc;
}
.product-cate-container .product:hover>.left>img[alt='line']{
    width:500%;
}
.product-cate-container .product>.left>h2{
    margin-bottom: 30px;    
    font-size:24px;
    color:#333;
}
.product-cate-container .product>.left>p{
    margin-top: 20px;
    font-size:14px;
    color:#999;
}
.product-cate-container .product>.left>a{
    position:absolute;
    bottom:45px;
    display: flex;
    width:75px;
    justify-content: space-between;
    align-items: center;
    font-size:14px;
    color:#666;
}
.product-cate-container .product>.left>a:hover{
    color:#009944;
}
.product-cate-container .product>.img{
    width:80%;
    position:absolute;
    bottom:0;
    right:0;
    text-align:right;
}
.product-detail{
    height: 826px;
    position: relative;
    color:#fff;
    overflow:hidden;
}
.product-detail>h2{
    position: absolute;
    top:210px;
    left:63%;
    font-size:46px;
    font-weight:normal;
}
.product-detail>div{
    position: absolute;
    width:490px;
    font-size:18px;
    line-height:36px;
    left:63%;
    top:330px;
}
.chanpintexing{
    height:1490px;
}
.texinghuan{
    margin:120px auto;
    width:1086px;
    height:1084px;
    position: relative;
}
.texinghuan>*{
    position: absolute;
}
.texinghuan>h2{
    top:100px;
    font-size:48px;
    color:#1f2229;
    width:100%;
    text-align: center;
    font-weight: normal;
}
.texinghuan>.huan{
    width:100%;
    height:100%;
    z-index: 1;
    animation:rotate 3s linear infinite;
}
.texinghuan>.img{
    width:390px;
    height:250px;
    text-align:center;
    line-height: 250px;
    left:50%;
    top:50%;
    margin-left:-195px;
    margin-top:-125px;
}
.texinghuan>.texing{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.texinghuan>.texing>.icon{
    width:158px;
    height:158px;
    display:flex;
    justify-content: center;
    align-items:center;
    background:url(../images/product/huanghuan.png) no-repeat;
}
.texinghuan>.texing>.txt{
    font-size:18px;
    color:#1f2229;
    line-height:36px;
}
.texinghuan>.texingleft>.icon{
    margin-right:25px;
}
.texinghuan>.texingright>.icon{
    margin-left:25px;
}
.texinghuan>.texingleft{
    left:-210px;
}
.texinghuan>.texingright{
    right:-210px;
}
.texinghuan>.texing1,.texinghuan>.texing2{
    top:225px;
}
.texinghuan>.texing3,.texinghuan>.texing4{
    top:450px;
}
.texinghuan>.texing5,.texinghuan>.texing6{
    top:675px;
}
#fp-nav.right{
    right:50px;
}
#fp-nav ul li, .fp-slidesNav ul li{
    height:25px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    width: 10px;
    height: 10px;
    background: #f7ee12;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
    width:10px;
    height:10px;
    background:none;
    border:3px solid #009944;
    margin: -4px 0 0 -4px;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -2px 0px 0px -2px;
}
#head.h55 {
    height: 55px;
    box-shadow: 0 2px 20px #eee;
}
#head.h55 .logo{
    margin-top:13px;
}
#head.h55 .nav-right{
    height:55px;
}
#head.h55 .nav-right>.btn{
    top:19px;
}
#head.h55 .nav>.nav-list>li>a{
    line-height:55px;
}
#head.h55 .nav>.nav-list>li>a:hover,#head.h55  .nav>.nav-list>li>a.curr{
    height:53px;
}
#head.h55 .child-nav{
    top:55px;
}
#head.h55 .nav-right>.search-wrap{
    height:55px;
}
#head.h55 .nav-right>.search-wrap>input{
    margin-top:0;
    height:55px;
}

.case-container {
    margin: 0 auto;
    width: 1440px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.case-container .case-item{
    margin:0 5px 20px;
    width:350px;
    height:620px;
    background:#fff;
}
.case-container .case-item .description{
    margin-top:35px;
    font-size:14px;
    color:#9a9a9a;
    line-height:30px;
    text-indent:2em;
}
.case-container .case-item .img{
    width:350px;
    height:240px;
    overflow:hidden;
    position:relative;
}
.case-container .case-item .img>.cover{
    display:none;
    padding:73px 65px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.4);
    z-index:100;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    transition:all .5s;
    opacity:0;
}
.case-container .case-item .img:hover>.cover{
    display:flex;
    opacity:1;
}
.case-container .case-item .img>.cover>a{
    margin:10px 8px;
    display:block;
    width:66px;
    height:23px;
    border:2px solid #fff;
    border-radius:5px;
    line-height:23px;
    text-align:center;
    font-size:14px;
    color:#fff;
    transition:all .5s;
}
.case-container .case-item .img>.cover>a:hover{
    background:#f7ee12;
    color:#009944;
    border-color:#f7ee12;
}
.case-container .case-item .img img{
    width:100%;
    height:100%;
    transition:all .5s;
}
/*.case-container .case-item:hover .img img{
    transform:scale(1.1);
}*/
.case-container .case-item .intro{
    margin:27px 30px;
}
.case-container .case-item .intro span{
    display:block;
    margin-bottom:18px;
    font-size:14px;
    color:#999;
}
.case-container .case-item .intro h2{
    font-size:18px;
    font-weight:bold;
}
.case-container .case-item .intro h2 a{
    color:#000;
}
.case-container .case-item:hover .intro h2 a{
    color:#009944;
}
.casepagenum {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.casepagenum>a{
    margin:0 5px 100px;
    display: block;
    width:44px;
    height:44px;
    border-radius: 50%;
    font-size:14px;
    color:#666;
    text-align:center;
    line-height: 44px;
    transition:all .5s ease;
}
.casepagenum>a.current,.casepagenum>a:hover{
    background-color: #171c61;
    color:#fff;
}
.casepagenum>a.pagefirstno,
.casepagenum>a.pageup,
.casepagenum>a.pagedown,
.casepagenum>a.pageend{
    background-color: #f9f9f9;
    width:70px;
    border-radius:22px;
}
.casepagenum>a.pagefirstno:hover,
.casepagenum>a.pageup:hover,
.casepagenum>a.pagedown:hover,
.casepagenum>a.pageend:hover{
    background-color: #171c61;
    color:#fff;
}
.casepagenum>a[href="javascript:void()"]{
    cursor:not-allowed;
}
@-webkit-keyframes rotate {
    from{transform: rotate(0deg)}
    to{transform:rotate(360deg)}
}
@-webkit-keyframes rotate2{
    from{transform: rotate(360deg)}
    to{transform:rotate(0deg)}
}
.more-product{
    height:140px;
    width:100%;
    background:#e4e4e4;
    display:flex;
    justify-content:center;
    align-items:center;
}
.more-product>a{
    font-size:18px;
    color:#1b1f3c;
    margin-right:15px;
}
.more-product>a:hover{
    color:#009944
}
@media screen and (max-width:1600px) {
    .nav>.nav-list>li{
        margin:0 20px;
    }
    .nav>.nav-list>li>a{
        width:60px;
        font-size:14px;
    }
    .child-nav>ul>li>a{
        font-size:12px;
    }
    .footer .top .menu-list dl{
        margin-right: 80px;
    }
    .pro-swiper-big .detail-link .icon-arrow-r{
        width:86px;
        height:86px;
    }
    .contact-info>.info{
        padding-top:80px;
    }
    .shiming-wrap>.guanghuang1{
        left: 35.5%;
    }
    .shiming-wrap>.guanghuang2{
        left: 31.5%;
    }
    .shiming-wrap>.item{
        left:68%;
    }
    .shiming-wrap>.item.item3{
        left:6%;
    }
    .bannerSwiper .swiper-slide .image{
        width:62.7%;
    }
    #ind-product > .pro-wrap > .item > .tt {
        margin-left: 23%;
        font-size: 26px;
        margin-bottom: 10px;
    }

    #ind-product > .pro-wrap > .item > .tt-en {
        margin-left: 23%;
        font-size: 14px;
        margin-bottom: 10px;
    }

    #ind-product > .pro-wrap > .item > p {
        margin-left: 23%;
        font-size: 12px;
        line-height: 18px;
    }

    #ind-product > .pro-wrap > .item > .pro-img {
        top: 25%!important;
    }
        #ind-product > .pro-wrap > .item > .pro-img1{
            top:35%!important;
        }
        #ind-product > .pro-wrap > .item > .num {
            position: absolute;
            bottom: 15%;
            left: 22%;
            max-width: 80%
        }
    #ind-product > .title{
        font-size:40px;
    }
    .product-cate-container .product>.left>h2{
        font-size:18px;
        margin-bottom:10px;
    }
    .product-cate-container .product>.left>p{
        font-size:10px;
    }
}
@media screen and (max-width:1400px){
    .product-detail > h2 {
        position: absolute;
        top: 210px;
        left: 63%;
        font-size: 42px;
        font-weight: normal;
    }
	.nav>.nav-list>li{
        margin:0 10px;
    }
    .nav>.nav-list>li>a{
        width:60px;
        font-size:12px;
    }
    .child-nav>ul>li>a{
        font-size:12px;
    }
    .pro-swiper-big .detail-link .icon-arrow-r{
        width:60px;
        height:60px;
    }
    .news-container{
        width:1200px;
        height: 1385px;
    }
    .news-container>.news-wrapper{
        height:1315px;
    }
    .news-container>.news-wrapper>.news-item{
        width:395px;
        height:400px;
    }
    .news-container .news-item>.img, .news-container .news-item>.img>img{
        height:275px;
    }
    .news-container .news-item>.intro{
        bottom:-275px;
        padding-top:34px;
    }
    .news-container .news-item>.intro>h2{
        font-size:16px;
    }
    .article-content{
        width:1080px;
    }
    .article-content>.content{
        font-size:14px;
    }
    .contact-info > .info {
        padding-left: 70px;
    }
    .contact-info>.info>h2{
        font-size:30px;
        width:475px;
    }
    .contact-info>.info>h3{
        font-size:14px;
    }
    .contact-info>.info>.item {
        width: 475px;
        height: 77px;
    }
    .contact-info>.info>.item.flex-col2>div:last-child{
        padding-left: 12px;
        height:50px;
    }
    .contact-info>.info>.vcode{
        margin-top: 25px;
    }
    .child_6{
        left:260px!important;
    }
    .child_4{
        left:165px!important;
    }
    .footer .top .menu-list dl{
        margin-right: 55px;
    }
    .footer .top .menu-list dl dt{
        font-size:14px;
    }
    .footer .top .menu-list dl dd a{
        font-size:12px;
    }
    .advantege-item>.txt>p{
        font-size:12px;
        line-height: 26px;
    }
    .advantege-item>.txt>.tt{
        margin-bottom: 8px;
        font-size:24px;
    }
    .advantege-item>.txt{
        height:300px;
    }
    .advantege-item>.txt>.line{
        bottom:45px;
    }
    #ind-business>.text>h2{
        font-size:28px;
    }
    #ind-business>.text>p {
        font-size: 12px;
        line-height: 26px;
    }
    #ind-case .ind-case-swiper{
        top:210px;
    }
    #ind-case .ind-case-title{
        top:100px;
        font-size:32px;
    }
    .bannerSwiper .swiper-slide .text{
        margin-top: 160px;
    }
    .bannerSwiper .swiper-slide .text h2{
        font-size:44px;
    }
    .bannerSwiper .swiper-slide .text div p {
        font-size: 14px;
        color: #61a4d6;
        line-height: 28px;
    }
    .bannerSwiper .swiper-slide .text .learn-more{
        font-size:12px;
    }
    .bannerSwiper .swiper-pagination{
        bottom:30px;
    }
    .bannerSwiper .swiper-pagination-bullet{
        border: 2px solid #f2d66a;
    }
    .contact-info>.info>.item .r>span{
        font-size:12px;
    }
    .contact-info>.info>.item .r>p{
        font-size:14px;
    }
    .contact-info>.info>.vcode>div>p{
        font-size:12px;
    }
    .bannerSwiper .swiper-slide .image{
        width:60%;
    }
    #ind-product .slide-tab-wrap .swiper-button-prev{
        left:100px;
    }
    #ind-product .slide-tab-wrap .swiper-button-next{
        right:100px;
    }
    .kehu-list {
        width: 1120px;
    }
    .product-cate-container .product>.left>h2 {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .product-cate-container .product > .left > p {
        margin-top: 5px;
        font-size: 12px;
    }
    .product-cate-container .product > .left > a{
        font-size:12px;
    }
    .page-title-menu{
        padding-bottom:10px;
    }
    .page-title-menu>ul>li, .page-title-menu>ul>li>a{
        font-size:16px;
    }
    .about-intro-wrap{
        width:1280px;
    }
    .about-intro-wrap>.txt{
        width:630px;
    }
    .about-intro-wrap>.txt>h2{
        margin: 0px 0 20px;
        font-size:24px;
    }
    .about-intro-wrap>.txt>p{
        font-size:14px;
    }
    .shiming-wrap>.item>.txt>p{
        font-size:16px;
    }
    .shiming-wrap>.item>.txt>h2{
        font-size:24px;
    }
    .page-banner{
        /*height:350px;*/
    }
    .case-container .case-item{
        height:550px;
    }
    .case-container .case-item .intro span{
        margin-bottom:10px;
    }
    .case-container .case-item .description{
        margin-top:15px;
        font-size:12px;
        line-height:24px;
    }
    .casepagenum > a{
        font-size:12px;
    }
    .kehu-list > li{
        margin-bottom:20px;
    }
    .page-title-menu {
        margin: 71px auto 40px;
        width:155px;
    }
    .mianbaoxie {
        width: 1080px;
        margin: 50px auto 50px;
        font-size: 12px;
        color: #333;
    }
    .article-content>h1{
        font-size:30px;
    }
    .article-content>.pubinfo{
        font-size:12px;
    }
    #ind-product > .pro-wrap > .item > .tt{
        font-size:22px;
    }
    #ind-product > .pro-wrap > .item > .tt-en{
        font-size:12px;
    }
    .case-container{
        width:1080px;
    }

    #ind-product > .title {
        font-size: 30px;
    }
    .texinghuan>.img{
        width:280px;
        margin-left:-140px;
    }
    .texinghuan > .texing > .icon {
        width: 100px;
        height: 100px;
        background-image: url(../images/product/huanghuan.png);
        background-size: 100% 100%;
    }
    .texinghuan > .texing > .icon>img{
        width:35%;
    }
    .texinghuan > .texingleft{
        left:-50px
    }
    .texinghuan > .texing > .txt{
        font-size:12px;
        line-height:24px;
    }
    .texinghuan > .texingright{
        margin-right:165px;
    }
    .texinghuan > h2{
        font-size:40px;
    }
    .product-detail > h2{
        font-size:42px;
    }
}
@media screen and (max-width:1200px) {
    .product-detail > h2 {
        position: absolute;
        top: 210px;
        left: 63%;
        font-size: 38px;
        font-weight: normal;
    }
    .nav-right{
        display: none;
    }
    #ind-product > .pro-wrap > .item > .tt{
        font-size:18px;
    }
    .about-intro-wrap{
        width:1080px;
    }
    .about-intro-wrap>.txt{
        width:460px;
    }
    .timeline > .timelineSwiper .swiper-slide .licheng h3{
        font-size:20px;
    }
    .timeline > .timelineSwiper .swiper-slide .licheng p{
        font-size:12px;
    }
    .timeline-list>li{
        font-size:14px;
    }
}