*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;padding:0;line-height:1.15;}

/*html{min-width: 1440px;}*/

body{background:#ffffff;font-family:'Microsoft YaHei','NotoSansHans-light',"Arial",'SimSun',Serif;font-size:16px;color:#333;overflow-x:hidden;}

li{list-style:none;}

img{vertical-align:middle;border-style:none;}

input,

button,

input:focus,

button:focus{border:none;outline:0;box-shadow:none;}

a,

a:hover{text-decoration:none;}

/*:root{--main-color:#0065AB;}*/

:root{--main-color:#0065cd;}

@font-face{font-family:"dincond-medium";src:url("../font/dincond-medium-webfont.eot");src:url("../font/dincond-medium-webfont.eot") format("embedded-opentype"),url("../font/dincond-medium-webfont.woff") format("woff"),url("../font/dincond-medium-webfont.ttf") format("truetype"),url("http://www.myj001.com/template/default/index/3711/fonts/dincond-medium-webfont.svg") format("svg")}

.my-container{width:80% ;margin:0 auto;}



.mobile{display:none;}

.padding60{padding:60px 0;}

.height100{height:100px;}



.main{background-color:#ffffff;}



.mobile-nav{position:fixed;right:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.8);z-index:-999;opacity:0;}

.mobile-nav.show{display:block;z-index:12;opacity:1;}

.mobile-nav .box{height:100%;width:100%;background-color:#ffffff;max-width:800px;float:right;padding:75px 80px 0 80px;transform-origin:top right;transform:scale(0);overflow-y:scroll;}

.mobile-nav.show .box{transform:scale(1.0);transition:.6s;}

.mobile-nav .nav-close{padding:10px 30px;position:absolute;right:20px;top:20px;color:#666666;font-size:24px;cursor:pointer;z-index:1;}

.mobile-nav dl{overflow:hidden;padding:40px 0;border-bottom:1px solid #eeeeee;opacity:0;transform:translateX(100%);}

.mobile-nav.show dl{transform:translateX(0);opacity:1;transition:.6s .6s;}

.mobile-nav.show dl:nth-child(2){transition-delay:.6s;}

.mobile-nav.show dl:nth-child(3){transition-delay:.7s;}

.mobile-nav.show dl:nth-child(4){transition-delay:.8s;}

.mobile-nav.show dl:nth-child(5){transition-delay:.9s;}

.mobile-nav.show dl:nth-child(6){transition-delay:1s;}

.mobile-nav dt{float:left;width:120px;}

.mobile-nav dt a{display:inline-block;font-size:26px;font-weight:bold;line-height:40px;color:#333333;}

.mobile-nav dd{float:left;width:calc(100% - 120px);}

.mobile-nav dd a{display:inline-block;font-size:18px;font-weight:400;line-height:40px;margin:0 20px;color:#666666;}

.mobile-nav dd a:hover{color:var(--main-color);}





/*公共nav*/



.nav{position:fixed;left:0;top:0;right:0;height:100px;/*border-bottom:1px solid rgba(255,255,255,.3);*/z-index:10;padding-left:10%;background-color:#fff;transition:background .3s;}

.nav.white-bg{background-color:#ffffff;border-bottom-color:rgba(0,0,0,.3);}

.nav .logo{height:inherit;display:flex;align-items:center;float:left; padding-right:10px;}

.nav .logo img{}

.nav .logo img.b{display:none;}

.nav.white-bg .logo img.b{display:block;}

.nav.white-bg .logo img.w{display:none;}

.nav nav{height:inherit;}

.nav nav ul{height:inherit;padding-right:30px;}

.nav nav li{float:left;height:inherit;padding:0 15px;}

.nav nav li>a{height:inherit;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;/*color:#FFFFFF;*/vertical-align:middle;display:flex;justify-content:center;align-items:center;color: #333;}

.nav.white-bg nav li>a{color:#333333;}

.nav.white-bg nav li>a.active{color:var(--main-color); }

.nav nav li>a:hover{color:var(--main-color);}

.nav .tel{float:right;font-size:30px;font-family:dincond-medium;font-weight:bold;line-height:36px;/*color:#FFFFFF;*/height:inherit;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 40px;letter-spacing:1px;color:#005fa3; width:35%;}

.nav.white-bg .tel{color:#005fa3;;border-left-color:rgba(0,0,0,0.3);}

.nav .tel img{margin-right:20px;}

.nav .tel .b{display:none;}

.nav.white-bg .tel .b{display:block;}

.nav.white-bg .tel .w{display:none;}

.nav .serch{width:100px;height:inherit;float:right;display:flex;align-items:center;justify-content:center;cursor:pointer;}

.nav .serch .b{display:none;}

.nav.white-bg .serch .b{display:block;}

.nav.white-bg .serch .w{display:none;}



/*首页公共标题*/
.index-case .index-public-title .left{width:760px;float:left;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;}

.index-public-title .left{width:200px;float:left;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;}

.index-public-title .t{font-size:36px;font-family:Microsoft YaHei;font-weight:bold;color:#222222;}

.index-public-title .h{width:60px;height:36px;margin:5px 20px 0;position:relative;}

.index-public-title .h:after{content:'';position:absolute;left:0;right:0;top:51%;background-color:#ccc;height:1px;}

.index-public-title .t1{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#333333;max-width:464px;padding-top:8px;}


.index-public-title .fen{margin:0 20px;width:50%; display:inline-block;}
.index-public-title .fen .fenlei{display:flex; width:100%;justify-content: space-between;}
.index-public-title .fen .fenlei a{line-height: 50px;font-size: 18px; color:#828283;margin:0 10px;}
.index-public-title .fen .fenlei li:hover  a{color:#fff;}
.index-public-title .fen .fenlei li:hover{background:#0065AB;}
.index-public-title .fen .fenlei li.active{background:#0065AB;}


.index-public-title .right{float:right;width:80px;}

.index-public-title .right>a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}

.index-public-title .right a {line-height: 40px;font-size: 16px;}

.index-public-title .right a div.icon{position: relative;padding-left: 44px;color: #0065ab;height: 18px;}

.index-public-title .right .title-tel1 a div.icon{position: relative;padding-left: 44px;color: #0065ab;}

.index-public-title .right a div.icon::before{content: "";position: absolute;top: -6px;left: 50%;margin-left: -15px;width:30px;height:30px;background-color:transparent;background-image:url(../picture/more_08.png);background-repeat:no-repeat;background-position:center;}

.index-public-title .right .title-tel1 a div.icon::before{content: "";position: absolute;top: -6px;left: 0;margin-left: 0;width:30px;height:30px;background-color:transparent;background-image:url(../picture/more_08.png);background-repeat:no-repeat;background-position:center;}

.index-public-title .right span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#666666;display:block;text-align:center;margin-top:13px;}

.index-public-title .right .title-tel{height:46px;background:#0065AB;opacity:1;border-radius:23px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 20px 0 5px;}

.index-public-title .right .title-tel .img{margin-right:10px;width:38px;height:38px;background:#FFFFFF;border-radius:50%;opacity:1;display:flex;align-items:center;justify-content:center;}

.index-public-title .right .title-tel1{background: #fff;border: 2px solid #0065AB;margin-left: 4px;}

.index-about .index-public-title .left{width:540px;}

.index-about .index-public-title .t1{max-width:280px;}

.index-about .index-public-title .mid{float:left;width:calc(100% - 620px);font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#666666;opacity:1;height:120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding:0 60px 0 110px;}



/*首页banner*/

.index-banner{background-color:#ccc;height:600px;position:relative;}

.index-banner .index-banner-swp{height:inherit;}

.index-banner .swiper-slide{height:inherit;position:relative;}

.index-banner .bg{width:100%;height:inherit;position:relative;}

.index-banner .bg:after{content:'';position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;/*background-color:rgba(0,0,0,.3);*/}

.index-banner .pc{width:100%;height:inherit;background-position:center;background-repeat:no-repeat;background-size:cover; margin-top:100px;}

.index-banner .pc img,.index-banner .mobile img{width:100%;}

.index-banner .text-box{width: 40%;position:absolute;left:10%;top:40%;z-index:2;transform:translateY(-50%);}

.index-banner .swiper-slide .t1{font-size:24px;font-family:Microsoft YaHei;font-weight:400;line-height:220%;color:#FFFFFF;opacity:0;transform:translateY(5px);}

.index-banner .swiper-slide .t2{font-size:48px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;margin-top:5px;opacity:0;transform:translateY(5px);}

.index-banner .swiper-slide .t3{font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;opacity:0.8;margin-top:30px;opacity:0;transform:translateY(5px);}

.index-banner .swiper-slide-active .t1,

.index-banner .swiper-slide-active .t2,

.index-banner .swiper-slide-active .t3{transform:translateY(0px);opacity:1;transition:1.2s;}

.index-banner .swiper-slide-active .t2{transition:1.2s .3s;}

.index-banner .swiper-slide-active .t3{transition:1.2s .6s;}

.index-banner .swiper-slide .btn{margin-top:60px;opacity:0;transform:translateY(5px);}

.index-banner .swiper-slide-active .btn{opacity:1;transform:translateY(0px);transition:1.2s .9s;}

.index-banner .btn a{height:40px;border:1px solid #FFFFFF;opacity:1;border-radius:24px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:40px;color:#FFFFFF;display:inline-block;padding:0 37px;transition:.3s;}

.index-banner .btn a:nth-child(2){margin-left:20px;}

.index-banner .btn a:hover{border-color:var(--main-color);background-color:var(--main-color);color:#ffffff;}

.index-banner .btn a:nth-child(2):hover{border-color:#ffb409;background-color:#ffb409;color:#ffffff;}

.index-banner-bottom .my-container{position:absolute;z-index:2;bottom:33px;left:50%;transform:translateX(-50%);display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}

.index-banner-bottom .my-container .item{width:calc(25% - 12px);background-color:#ffffff;transition:.6s;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;height:120px;}

.index-banner-bottom .my-container .item:hover{transform:translateY(-7px);}

.index-banner-bottom .my-container .item .text{padding-left:38px;}

.index-banner-bottom .my-container .item .text p{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#333333;}

.index-banner-bottom .my-container .item .text span{display:block;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#666666;padding-top:3px;}

.index-abnner-btn .my-container{position:absolute;z-index:2;top:500px;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}

.index-abnner-btn .btn_{width:50px;height:50px;border:1px solid #FFFFFF;border-radius:50%;opacity:1;margin-right:10px;background-image:url(../image/prev_icon_w.png);background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer;}

.index-abnner-btn .btn_.btn-next{transform:rotate(180deg);}

.index-abnner-btn .btn_:hover{background-color:#ffffff;}

.index-abnner-btn .btn_.btn-prev:hover{background-image:url(../image/next_icon_b.png);transform:rotate(180deg);}

.index-abnner-btn .btn_.btn-next:hover{background-image:url(../image/next_icon_b.png);transform:rotate(0deg);}

.index-abnner-btn .num{height:50px;line-height:50px;padding-left:33px;font-family:dincond-medium;font-size:24px;font-weight:400;color:#FFFFFF;letter-spacing:5px;}





/*首页产品*/

.index-product{background-color:#ffffff;}

.index-product-con{margin-top:40px;display:flex;flex-direction:row;align-items:stretch;justify-content:center;}

.index-product-con .item{float:left;width:25%;min-height:100px;transition:.6s linear;background-color:transparent;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;padding:76px 58px;}

.index-product-con .item.active{width:50%;background-color:#f6b511;}

.index-product-con .item .bg{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:1;transition:.6s linear;}

.index-product-con .item.active .bg{opacity:0;}

.index-product-con .item .text{position:relative;z-index:3;}

.index-product-con .item .text .n{font-size:24px;font-family:dincond-medium;font-weight:400;color:#FFFFFF;opacity:1;letter-spacing:1px;}

.index-product-con .item .text .t{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-top:15px;}

.index-product-con .item .text .t>p{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.index-product-con .item .text .t .icon{width:23px;height:23px;background-color:transparent;background-position:center;background-repeat:no-repeat;background-image:url(../image/more_j.png);opacity:0;}

.index-product-con .item.active .text .t .icon{opacity:1;transition:opacity .6s .6s;}

.index-product-con .item .text .t .icon a{display:block;height:inherit;}

.index-product-con .item .text .h{height:1px;background-color:rgba(255,255,255,.5);margin:40px 0;opacity:0;}

.index-product-con .item.active .text .h{opacity:1;transition:opacity .6s .6s;}

.index-product-con .item .text .con{flex-flow:row nowrap;align-items:flex-start;justify-content:space-between;display:flex;max-height:180px;overflow:hidden;display:none;}

.index-product-con .item.active .text .con{opacity:1;display:flex;}

.index-product-con .item .text .con dl{width:100%;}

.index-product-con .item .text .con dt{margin-bottom:40px;}

.index-product-con .item .text .con dt a{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.index-product-con .item .text .con dd{font-size:15px;font-family:Microsoft YaHei;font-weight:bold;line-height:30px;color:#FFFFFF;width:50%;padding-right:5px;float: left;}

.index-product-con .item .text .con dd a{font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:30px;color:#FFFFFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:100%;}

.index-product-con-m{display:none;}



/*首页产品优势*/

.index-pro-adv{background:#ffffff url(../image/pro_adv_bg.png) center no-repeat;background-size:cover;}

.index-pro-adv .right{width:auto;display: flex;}

.index-pro-adv-top{padding-top:50px;}

.index-pro-adv-top ul{margin:0 -18px;overflow:hidden;}

.index-pro-adv-top ul li{width:20%;float:left;padding:0 18px;}

.index-pro-adv-top ul li .li-box{background-color:#ffffff;border:1px solid #dddddd;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px;padding-bottom:10px;transition:.3s;}

.index-pro-adv-top ul li .li-box:hover{transform:translateY(-6px);box-shadow:0 0 3px rgba(0,0,0,.1);}

.index-pro-adv-top .img{width:60px;height:60px;background:#0065AB;border-radius:50%;opacity:1;display:flex;align-items:center;justify-content:center;}

.index-pro-adv-top .text{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:24px;color:#333333;opacity:1;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center;margin-top:13px;}

.index-pro-adv-bot{padding-top:45px;overflow:hidden;}

.index-pro-adv-bot .left{float:left;width:30%;background-color:#ffffff;border:1px solid #dddddd;}

.index-pro-adv-bot .left a{display:block;height:inherit;}

.index-pro-adv-bot .text p{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:30px;color:#333333;}

.index-pro-adv-bot .text span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#666666;opacity:1;display:block;margin-top:20px;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.index-pro-adv-bot .left .text{float:left;width:50%;}

.index-pro-adv-bot .left .img{float:left;width:50%;padding-left:45px;}

.index-pro-adv-bot .left .img img{width:100%;}

.index-pro-adv-bot .right{float:right;width:calc(60% - 15px);background-color:#ffffff;border:1px solid #dddddd;padding:55px 45px 0;height:275px;}

.index-pro-adv-bot .right .img{width:200px;float:left;}

.index-pro-adv-bot .right .text{float:left;width:calc(100% - 200px);}



/*合作案例*/

.index-case{padding-top:60px;background-color:#ffffff;width:100%;overflow:hidden;}

.index-case .case-swp{overflow:visible;padding-top:60px;position:relative;}

.index-case .case-swp .btn{position:absolute;height:100%;width:calc(100% / 6);top:0;z-index:2;cursor:pointer;}

.index-case .case-swp .btn.prev{right:calc(100% + 30px);background:linear-gradient(270deg,rgba(255,255,255,0) 0%,#FFFFFF 100%);}

.index-case .case-swp .btn.next{left:calc(100% + 30px);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#FFFFFF 100%);}

.index-case .case-swp .btn.prev:hover{cursor:url(../image/cursor-prev.svg) 43 56,w-resize;}

.index-case .case-swp .btn.next:hover{cursor:url(../image/cursor-next.svg) 43 56,w-resize;}

.index-case .swiper-slide{cursor:pointer;}

.index-case .swiper-slide .img {max-height: 270px;;overflow: hidden;}

.index-case .swiper-slide .img img{width:100%;}

.index-case .swiper-slide .text{position:absolute;z-index:1;left:0;right:0;bottom:0;height:90px;background:transparent url(../image/bg_j.png) no-repeat center;background-size:100% 100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 30px;}

.index-case .swiper-slide .text p span{display:block;font-size:18px;font-family:Microsoft YaHei;line-height:24px;color:#FFFFFF;}

.index-case .case-swp-tc{position:fixed;z-index:11;width:100vw;height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);display:none;}

.index-case .case-swp-tc .swiper-container{transform:scale(0);transition:transform .6s;}

.index-case .case-swp-tc .swiper-slide{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;}

.index-case .case-swp-tc .swiper-slide img{max-width:100%;max-height:100%;}

.index-case .case-swp-tc .swiper-slide p{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);color:#ffffff;font-size:24px;font-weight:bold;width:100%;text-align:center;}

.case-swp-tc-close {

    position: absolute;

    width: 50px;

    height: 50px;

    right: 40px;

    top: 20px;

    z-index: 11;

    cursor: pointer;

    background-image: url(../image/tc_close.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 80%;

}

.index-case .case-swp-tc .tc-btn{position:absolute;width:50px;height:100px;z-index:11;top:50%;transform:translateY(-50%);cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:80%;opacity:.3;}

.index-case .case-swp-tc .tc-btn:hover{opacity:1;}

.index-case .case-swp-tc .tc-prev{left:50px;background-image:url(../image/tc_left.png);}

.index-case .case-swp-tc .tc-next{right:50px;background-image:url(../image/tc_right.png);}



/*内页关于我们弹窗*/

.case-swp-tc{position:fixed;z-index:11;width:100vw;height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);display:none;}

.case-swp-tc .swiper-container{transform:scale(0);transition:transform .6s;}

.case-swp-tc .swiper-slide{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;}

.case-swp-tc .swiper-slide img{max-width:100%;max-height:100%;}

.case-swp-tc .swiper-slide p{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);color:#ffffff;font-size:24px;font-weight:bold;width:100%;text-align:center;}

.case-swp-tc .tc-btn{position:absolute;width:50px;height:100px;z-index:11;top:50%;transform:translateY(-50%);cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:80%;opacity:.3;}

.case-swp-tc .tc-btn:hover{opacity:1;}

.case-swp-tc .tc-prev{left:50px;background-image:url(../image/tc_left.png);}

.case-swp-tc .tc-next{right:50px;background-image:url(../image/tc_right.png);}





/*首页关于我们*/

.index-about{padding-top:60px;padding-bottom: 120px;background: transparent url(../image/pro2_bg.png) bottom center no-repeat;background-size: 100%;}

.index-about-con{margin-top:20px;position:relative;}

.index-about-con .text{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-around;padding-bottom:50px;}

.index-about-con img{width:100%;}

.index-about-con .item p{font-size:16px;color:#ffffff;}

.index-about-con .item p span{font-size:50px;font-family:dincond-medium;}

.index-about-con .item h5{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:40px;color:#FFFFFF;opacity:1;line-height:1.15;margin-top:5px;}





/*首页产品2*/

.index-product2{padding-top:60px;background:transparent url(../image/pro2_bg.png) bottom center no-repeat;background-size:100%;padding-bottom:60px;}

.index-product2 .h2{height:1px;background-color:#dddddd;margin-top:60px;}

.index-product2-con{min-height:100px;}

.index-product2-con .right{min-height:100px;float:right;width:calc(50% + 720px);overflow:hidden;}

.index-product2-con .right .swiper-container{width:140%;margin:0;overflow:visible;position:relative;}

.index-product2-con .right .swiper-container .btn-next{width:58px;height:58px;background:#0065AB;box-shadow:0px 3px 6px rgba(16,89,172,0.44);border-radius:50%;opacity:1;position:absolute;top:50%;left:calc(50% - 58px);transform:translateY(-50%,-50%);z-index:2;background-image:url(../image/more_07.png);background-repeat:no-repeat;background-position:center;cursor:pointer;}

.index-product2-con .swiper-slide{padding-right:70px;border-right:1px solid #cccccc;padding-top:40px;opacity:.6;}

.index-product2-con .swiper-slide-active{opacity:1;}

.index-product2-con .swiper-slide .t{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:30px;color:var(--main-color);opacity:1;}

.index-product2-con .swiper-slide .t1{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#666666;opacity:1;height:120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-top:50px;}

.index-product2-con .swiper-slide .more{margin-top:80px;}

.index-product2-con .swiper-slide .more a{font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#333333;opacity:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;}

.index-product2-con .swiper-slide .more .icon{width:36px;height:36px;background:#666666;box-shadow:0px 3px 6px #CCCCCC;border-radius:50%;opacity:1;display:flex;align-items:center;justify-content:center;margin-right:10px;}

.index-product2-con .swiper-slide .text{float:left;width:50%;padding-top:40px;}

.index-product2-con .swiper-slide .img{max-width:50%;float:right;position:relative;display:flex;align-items:center;justify-content:flex-start;}

.index-product2-con .swiper-slide .img .bg{display:inline-block;animation-name:circle;animation-duration:90s;animation-timing-function:linear;animation-iteration-count:infinite;}

.index-product2-con .swiper-slide .img .bg img{width:100%;}

.index-product2-con .swiper-slide .img>img{max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.index-product2-con .swiper-pagination{display: none;}









.proLi{position:relative;overflow:hidden;background: #fff;padding:20px 10px;width:calc(100% / 4);height:auto;float:left}

.porTbox{position:relative;overflow:hidden;width:100%;height:auto;padding-bottom:88%;border:1px solid #f2f2f2;border-bottom:0}

.proImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s ease}

.showBox{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(1,91,187,.75);transition:all .5s ease}

.showBoxLink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:.5rem 0}

.showBoxLink::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}

.showBoxLink::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}

.porBbox{position:relative;overflow:hidden;width:100%;height:auto;padding:20px 20px 10px;border:1px solid #f2f2f2}

.leftBox{padding-bottom:12px; text-align:center;}

.proTitle{font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;position:relative;white-space:nowrap;width:auto;margin-bottom:14px;display:inline;background-position:right;background-repeat:no-repeat;background-size:18px;text-align:center;}

.proSummry{color:#777;white-space:nowrap;overflow:hidden;margin:10px 0;text-overflow:ellipsis;display:none}

.lookDetail{position:relative;display:block;color:#777;height:38px;line-height:38px;border-top:1px solid #e5e5e5}

.arrowsR{position:absolute;top:50%;right:0;transform:translate(0,-50%);width:30px}

.arrowsR img{position:absolute;transition:all .5s ease}

.harr{opacity:0}

.showBox{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(1,91,187,.75);transition:all .5s ease}

.showBoxLink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:.5rem 0}

.showBoxLink::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}

.showBoxLink::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}

.lookDetail:hover .barr{opacity:0}

.lookDetail:hover .harr{opacity:1}

.proLi:hover .showBox{opacity:1}

.proLi:hover .proImg{transform:translate(-50%,-50%) scale(1.1)}

.proLi:hover .showBoxLink::before{width:1rem}

.proLi:hover .showBoxLink::after{width:1rem}

.proLi:hover .proTitle{padding-right: 24px;background-size: 18px;}















@keyframes circle{

    from{transform:rotate(0);}

    to{transform:rotate(360deg);}

}







/*首页地暖系统*/

.index-xt{background-color:#ffffff;padding-top:60px;}

.index-xt-t{font-size:36px;font-family:Microsoft YaHei;font-weight:bold;line-height:47px;color:#333333;opacity:1;text-align:center;}

.index-xt-cata{padding-top:50px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;}

.index-xt-cata .item{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#666666;height:50px;background:rgba(238,238,238,.5);border-radius:31px;padding:0 70px;cursor:pointer;}

.index-xt-cata .item img{margin-right:20px;}

.index-xt-cata .item img:nth-child(2){display:none;}

.index-xt-cata .item.active img:nth-child(2){display:block;}

.index-xt-cata .item.active img:nth-child(1){display:none;}

.index-xt-cata .item.active{background-color:var(--main-color);color:#ffffff;}

.index-xt-item-con{margin-top:66px;height:520px;position:relative;width:100%;}

.index-xt-item-con .item{background-color:#f5f5f5;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .3s;}

.index-xt-item-con .item.active{z-index:2;opacity:1;position:relative;}

.index-xt-item-con .left1{width:50%;float:left;background-color:#F8F8F8;position:relative;padding-top:60px;padding-bottom:60px;text-align:right;}

.index-xt-item-con .right1{width:50%;float:right;background-color:#E5E5E5;position:relative;padding-top:60px;padding-bottom:60px;text-align:left;}

.index-xt-item-con .item:nth-child(1) .text p,

.index-xt-item-con .item:nth-child(2) .text p{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:30px;color:#333333;opacity:1;}

.index-xt-item-con .item:nth-child(1) .text,

.index-xt-item-con .item:nth-child(2) .text{padding-top:20px;}

.index-xt-item-con .item:nth-child(1) .img img,

.index-xt-item-con .item:nth-child(2) .img img{width:100%;max-width:720px;}

.index-xt-item-con .item:nth-child(2) .img2 img{width:45%;max-width:720px;}

.index-xt-item-con .item:nth-child(1) .text a,

.index-xt-item-con .item:nth-child(2) .text a{margin-top:20px;display:block;}

.index-xt-item-con .item:nth-child(1) .left1 .text,

.index-xt-item-con .item:nth-child(2) .left1 .text{padding-right:80px;}

.index-xt-item-con .item:nth-child(1) .right1 .text,

.index-xt-item-con .item:nth-child(2) .right1 .text{padding-left:80px;}



.index-xt-item-con .indexsvg{position:relative;left:50%;transform:translateX(-50%);width:100%;height:auto!important;max-width:1111px;padding-top: 10px;}



/*系统-----效果展示*/

.index-xt-item-con .case-swp{overflow:visible;padding-top:60px;position:relative;}

.index-xt-item-con .case-swp .btn{position:absolute;height:100%;width:calc(100% / 6);top:0;z-index:2;cursor:pointer;}

.index-xt-item-con .case-swp .btn.prev{right:calc(100% + 30px);background:linear-gradient(270deg,rgba(255,255,255,0) 0%,#FFFFFF 100%);}

.index-xt-item-con .case-swp .btn.next{left:calc(100% + 30px);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#FFFFFF 100%);}

.index-xt-item-con .swiper-slide{cursor:pointer;}

.index-xt-item-con .swiper-slide .img img{width:100%;}

.index-xt-item-con .swiper-slide .text{position:absolute;z-index:1;left:0;right:0;bottom:0;height:90px;background:transparent url(../image/bg_j.png) no-repeat center;background-size:100% 100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 30px;}

.index-xt-item-con .swiper-slide .text p span{display:block;font-size:18px;font-family:Microsoft YaHei;line-height:24px;color:#FFFFFF;}

.index-xt-item-con .case-swp-tc{position:fixed;z-index:11;width:100vw;height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);display:none;}

.index-xt-item-con .case-swp-tc .swiper-container{transform:scale(0);transition:transform .6s;}

.index-xt-item-con .case-swp-tc .swiper-slide{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;}

.index-xt-item-con .case-swp-tc .swiper-slide img{max-width:100%;max-height:100%;}

.index-xt-item-con .case-swp-tc .swiper-slide p{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);color:#ffffff;font-size:24px;font-weight:bold;}

.index-xt-item-con .case-swp-tc .tc-btn{position:absolute;width:50px;height:50px;z-index:11;top:50%;transform:translateY(-50%);cursor:pointer;}

.index-xt-item-con .case-swp-tc .tc-prev{left:50px;}

.index-xt-item-con .case-swp-tc .tc-next{right:50px;}





/*首页新闻*/

.index-news-con{margin-top:50px;}

.index-news-con .box{margin:-15px;}

.index-news-con .item{width:33.33%;float:left;height:450px;padding:15px;}

.index-news-con .item:nth-child(1){width:66.66%;}

.index-news-con .item-1{overflow:hidden;height:200px;}

.index-news-con .item-1 .li-box{height:100%;border:1px solid green;}

.index-news-con .item-1 .img{width:300px;height:200px;background-repeat:no-repeat;background-position:center;background-size:cover;float:left;}

.index-news-con .item-1 .text{float:left;width:calc(100% - 300px);padding-left:30px;}

.index-news-con .item-1 .text .time{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;}

.index-news-con .item .ct{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#0065AB;}

.index-news-con .item-1 .text .time .tm{font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#999999;opacity:1;}

.index-news-con .item .t{margin-top:15px;}

.index-news-con .t a{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:24px;color:#333333;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

.index-news-con .item-1 .text .t a:hover{color:var(--main-color);}

.index-news-con .item-1 .text .t1{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#666666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:48px;margin-top:15px;}

.index-news-con .item-1 .text .more a{display:inline-block;height:36px;background:#EEEEEE;opacity:1;border-radius:18px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:36px;color:#666666;opacity:1;padding:0 32px;transition:.3s;}

.index-news-con .item-1 .text .more{margin-top:25px;}

.index-news-con .item-1 .text .more a:hover{background-color:var(--main-color);color:#ffffff;}

.index-news-con .item-1:nth-child(1){margin-bottom:20px;}

.index-news-con .item:nth-child(n+2) .li-box{background-color:#3f8cda14;height:100%;padding:70px 45px 40px;}

.index-news-con .item:nth-child(n+2) .t a{line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:unset;}

.index-news-con .item:nth-child(n+2) .h{height:1px;background-color:#ddd;margin-top:20px;}

.index-news-con .item:nth-child(n+2) .t1{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#666666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:90px;margin-top:35px;}

.index-news-con .item:nth-child(n+2) .more{margin-top:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}

.index-news-con .item:nth-child(n+2) .l-t{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;opacity:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;}

.index-news-con .item:nth-child(n+2) .l-t img{margin-right:10px;}

.index-news-con .item:nth-child(n+2) .l-m{opacity:0;transform:translateX(-50px);transition:.3s;}

.index-news-con .item:nth-child(n+2):hover .li-box{background-color:#0065cd;transition:.3s;}

.index-news-con .item:nth-child(n+2):hover .ct{color:#ffffff;opacity:.8;transition:.3s;}

.index-news-con .item:nth-child(n+2):hover .t a{color:#ffffff;transition:.3s;}

.index-news-con .item:nth-child(n+2):hover .h {background-color: #f5f5f552;}

.index-news-con .item:nth-child(n+2):hover .t1{color:#ffffff;opacity:.8;transition:.3s;}

.index-news-con .item:nth-child(n+2):hover .l-m{transform:translateX(0);opacity:1;}

.index-news-con .item:nth-child(n+2):hover .l-t{transition:.3s;opacity:1;}

.index-news-con .item:nth-child(n+2):hover .m{display:none;}



/*首页联系我们*/

.index-contact-us{background:#F9FAFC;}

.index-contact-us .t1{border-bottom:1px solid #dddddd;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:55px;}

.index-contact-us .t1 span{display:block;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:21px;color:#666666;opacity:1;}

.index-contact-us .t1 p{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:31px;color:#333333;opacity:1;}

.index-contact-us .t2{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:50px;}

.index-contact-us .t2 span{display:block;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:21px;color:#666666;opacity:1;}

.index-contact-us .t2 p{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:31px;color:#333333;opacity:1;font-family:dincond-medium;}





/*公共footer*/

footer{background-color:#333333;}

footer .t{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbdadf45;padding:20px 0;}

.share .social-share-icon{border-color:#ffffff;color:#ffffff;}

.share .social-share-icon:hover{color:#ffffff;background-color:transparent;}

footer .m{padding:70px 0;}

footer .m .l{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:calc(100% - 300px);float:left;padding-right:50px;}

footer .m dt a{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:24px;color:#FFFFFF;opacity:1;}

footer .m dt{margin-bottom:20px;color: #fff;}

footer .m dd{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#FFFFFF;opacity:0.7;}

footer .m dd a{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#FFFFFF;}

footer .m .r{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:300px;float:right;}

footer .m .r .img{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:20px;}

footer .m .r .img span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#FFFFFF;opacity:0.7;padding-top:5px;}

footer .b{border-top:1px solid #cbdadf45;padding:35px 0;overflow:hidden;}

footer .b .l{float:left;width:100%;}



footer .b p,footer .b dl,

footer .b a{font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#FFFFFF;opacity:0.7;}





.contactbg.banner-n .bg:after {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(0,0,0,.3);

    display: none;

}







/*内页公共样式*/

.pub-title-n span{font-size:24px;font-family:Microsoft YaHei;font-weight:300;line-height:31px;color:#343434;opacity:1;}

.pub-title-n p{font-size:34px;font-family:Microsoft YaHei;font-weight:bold;line-height:66px;color:#343434;opacity:1;}



/*内页banner*/

.banner-n{height:76px;position:relative;}

.banner-n .bg{height:inherit;background-repeat:no-repeat;background-size:cover;position:relative;}

.banner-n .bg img{width:100%;}

.banner-n .bg:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);}

.banner-n .text{position:absolute;left:0;width:100%;top:45%;transform:translateY(-50%);}

.banner-n .text h2{font-size:36px;font-family:Microsoft YaHei;font-weight:bold;line-height:47px;color:#FFFFFF;opacity:1;}

.banner-n .text .position{margin-top:10px;}

.banner-n .text .position a{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:#FFFFFF;opacity:1;display:inline-block;position:relative;}

.banner-n .text .position a:not(:last-child){padding-right:20px;position:relative;}

.banner-n .text .position a:not(:last-child):after{content:'>';color:#ffffff;font-size:16px;position:absolute;right:0;transform:scaleY(1.3) translateY(-1px);top:0;}

.banner-n .nav-n{position:absolute;left:0;bottom:0;right:0;background-color:rgba(0,101,171,.8);}

.banner-n .nav-n a{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:76px;color:#FFFFFF;opacity:1;display:inline-block;margin-right:20px;}

.banner-n .nav-n a:last-child{margin-right: 0;}

.banner-n .nav-n a.active{border-bottom:4px solid #ffffff;font-weight:bold;}

.banner-n .nav-n .my-container{position:relative;}

.banner-n .nav-n .s{width:100px;height:100px;background-color:#ffffff;border-radius:50%;position:absolute;right:0;top:30px;display:flex;align-items:center;justify-content:center;}

.banner-n .nav-float{position:fixed;left:0;right:0;top:100px;background-color:rgba(0,101,171,.8);display:none;}

.banner-n .nav-float .n a{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:76px;color:#FFFFFF;opacity:1;display:inline-block;margin-right:20px;}

.banner-n .nav-float .my-container{position:relative;}

.banner-n .nav-float .n a.active{border-bottom:4px solid #ffffff;font-weight:bold;}

.banner-n .nav-float .position{position:absolute;right:0;top:0;}

.banner-n .nav-float .position a{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:#FFFFFF;opacity:1;display:inline-block;position:relative;line-height:80px;}

.banner-n .nav-float .position a:not(:last-child){padding-right:20px;position:relative;}

.banner-n .nav-float .position a:not(:last-child):after{content:'>';color:#ffffff;font-size:16px;position:absolute;right:0;transform:scaleY(1.3) translateY(-1px);top:0;}





/*内页关于我们*/

.company-info{padding-top:55px;padding-bottom:100px;}

.company-info .left,

.company-info .right{width:50%;float:left;}

.company-info .left{padding-right:95px;padding-left:80px;}

.company-info .right{padding-right:80px;}

.company-info .des{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#666666;opacity:1;margin-top:60px;}

.company-info .t1{font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:30px;color:#333333;opacity:1;padding-left:40px;margin-top:60px;position:relative;}

.company-info .t1:after{content:'';width:25px;height:22px;position:absolute;left:0;top:0;background-image:url(../image/syh.png);background-repeat:no-repeat;background-position:center;}

.company-info .img img{width:100%;}

.about-honor{position:relative;}

.about-honor:after{content:'';position:absolute;top:0;bottom:0;right:0;left:50%;background-color:var(--main-color);z-index:-1;}

.about-honor .my-container{background-color:var(--main-color);padding:75px;}

.about-honor .pub-title-n span,

.about-honor .pub-title-n p{color:#ffffff;}

.about-honor .t .l{float:left;}

.about-honor .t .r{float:right;display:flex;}

.about-honor .t .r .item{border:1px solid #FFFFFF;background-color:rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;cursor: pointer;}

.about-honor .t .r .item:nth-child(2){margin-left:20px;}

.about-honor .t .r .item p{font-size:50px;font-family:dincond-medium;font-weight:bold;line-height:61px;color:#FFFFFF;opacity:1;}

.about-honor .t .r .item span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:#FFFFFF;opacity:1;}

.about-honor .c{padding-top:60px;position:relative;}

.about-honor .c .item{padding-right:110px;position:absolute;top:0;z-index:1;left:0;opacity:0;right:0;}

.about-honor .c .item.active{position:relative;z-index:2;opacity:1;transition:.6s;}

.about-honor .c .item .img img{width:100%;cursor: pointer}

.about-honor .c .item span{display:block;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:#FFFFFF;opacity:1;height:41px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center;margin-top:10px;}

.about-honor .c .item .btn_box{position:absolute;right:0;top:50%;transform:translateY(-50%);}

.about-honor .c .item .btn_box .btn_{width:48px;height:48px;background-repeat:no-repeat;background-position:center;background-repeat:no-repeat;background-image:url(../image/honor_btn.png);cursor: pointer}

.about-honor .c .item .btn_box .swiper-button-disabled{opacity:.4;}

.about-honor .c .item .btn_box .btn-prev{}

.about-honor .c .item .btn_box .btn-next{margin-top:20px;transform:rotate(180deg);}

.about-dev{padding-top:100px;padding-bottom:80px;background-image:url(../image/about_dev_bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

.about-dev-con{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;padding-top:70px;}

.about-dev-con .l{width:270px;min-height:384px;background:#F5F5F5;position:relative;}

.about-dev-con .m{width:calc(100% - 300px);}

.about-dev-con .l .swiper-container{height:240px;margin-top:60px;padding-left: 5px;}

.about-dev-con .l .swiper-slide{cursor:pointer;text-align:center;font-size:30px;font-family:dincond-medium;font-weight:400;line-height:24px;color:#666666;opacity:1;letter-spacing:2px;display:flex;align-items:center;justify-content:center;position:.6s;}

.about-dev-con .l .swiper-slide-active{color:var(--main-color);font-size:36px;}

.about-dev-con .l .btn_{width:23px;height:13px;position:absolute;left:50%;transform:translateX(-50%);cursor:pointer;background-repeat:no-repeat;background-position:center;z-index:2;}

.about-dev-con .l .btn-prev{background-image:url(../image/about_dev_prev.png);top:45px;}

.about-dev-con .l .btn-next{background-image:url(../image/about_dev_next.png);top:310px;}

.about-dev-con .m{padding-left:200px;padding-right:400px;}

.about-dev-con .m ul{display:none;}

.about-dev-con .m ul:nth-child(2){display:block;}

.about-dev-con .m li{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;border-bottom:1px solid #dddddd;padding-left:20px;padding-bottom:10px;padding-top:10px;}

.about-dev-con .m .p{}

.about-dev-con .m p {

    padding-left: 20px;

    position: relative;

    font-size: 16px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 30px;

    color: #666666;

    opacity: 1;

    margin-left: 30px;

}

.about-dev-con .m p:after{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;background-color:var(--main-color);border-radius:50%;}

.about-dev-con .m h5{font-size:20px;font-family:Microsoft YaHei;font-weight:normal;line-height:50px;color:#333333;opacity:1;line-height:1.2;width:50px;}

.about-dev-con{position:relative;}

.about-dev-con .r{font-size:100px;font-weight:bold;line-height:123px;color:#343434;opacity:0.3;position:absolute;right:50px;top:0;}



/*产品列表页*/

.pro-cata{padding:100px 0 50px;}

.pro-cata>a{height:50px;background:#FFFFFF;border:1px solid #CCCCCC;opacity:1;border-radius:28px;padding:0 30px;display:inline-block;font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:50px;color:#333333;margin-right:20px;}

.pro-cata>a.active{background-color:var(--main-color);border-color:var(--main-color);color:#ffffff;}

.pro-con_{margin:0 -35px 66px;border-top:1px solid #eeeeee;}

.pro-con_ li{width:50%;float:left;padding:80px 35px;border-bottom:1px solid #eeeeee;}

.pro-con_ li:nth-child(2n-1){border-right:1px solid #eeeeee;}

.pro-con_ .li-box{overflow:hidden;display:flex;align-items:stretch;}

.pro-con_ .li-box .text{float:left;width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}

.pro-con_ .li-box .text h2{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:140%;color:#333333;opacity:1;margin-top: 6%;}

.pro-con_ .li-box .text h2:first-child{opacity: .8;font-weight: normal;}

.pro-con_ .li-box .text .more{margin-top:40px;}

.pro-con_ .li-box .text .more a{width:54px;height:54px;background:#E8E8E8;border-radius:50%;opacity:1;display:flex;align-items:center;justify-content:center;}

.pro-con_ .li-box .img{float:left;width:50%;max-height: 300px;overflow: hidden;min-height: 300px;}

.pro-con_ .li-box .img img{width:100%;}

.pro-con_ .li-box:hover .more a{background-color:var(--main-color);transform:rotate(45deg);transition:transform .3s;}



/*产品详情*/

.pro-show-con{padding-bottom:100px;}

.pro-show-con .t{overflow:hidden;border-bottom:1px solid #eeeeee;}

.pro-show-con .t h2{font-size:30px;font-family:Microsoft YaHei;font-weight:bold;line-height:40px;color:#0065AB;float:left;width:calc(100% - 160px);}

.pro-show-con .t a{width:160px;height:40px;background:#FFFFFF;border:1px solid #999999;opacity:1;border-radius:20px;font-size:16px;font-weight:400;line-height:40px;color:#666666;display:none;flex-direction:row;align-items:center;justify-content:center;float:right;}

.pro-show-con .t a span{margin-right:10px;}

.pro-show-con .m{padding-top:70px;}

.pro-show-con .m h3{font-size:30px;font-family:Microsoft YaHei;font-weight:bold;line-height:40px;color:#333333;opacity:1;text-align:center;}

.pro-show-con .m .m-swp{margin-top:50px;}

.pro-show-con .m .m-swp .swiper-slide{width:100%;text-align:center;}

.pro-show-con .m .m-swp .swiper-slide img{width:100%;max-width:720px;}

.pro-show-con .m .des{overflow:hidden;text-align:center;display:flex;flex-flow:row wrap;justify-content:center;margin-top:100px;}

.pro-show-con .m .des .item{float:left;display:flex;flex-direction:row;align-items:flex-end;margin-right:20px;}

.pro-show-con .m .des .item p{font-size:30px;font-weight:bold;line-height:36px;color:#0065AB;opacity:1;line-height:40px;}

.pro-show-con .m .des .item span{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:24px;color:#333333;opacity:1;line-height:35px;padding-left:3px;}

.pro-show-con .m .des img{max-width:100%;}





/*生产能力*/

.pro-tech-01{padding-top:120px;}

.pro-tech-01 .swp-01{margin-top:80px;}

.pro-tech-01 .swp-01 .swiper-slide{background-color:#000000;position:relative;}

.pro-tech-01 .swp-01 .swiper-slide:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:3;opacity:1;}

.pro-tech-01 .swp-01 .swiper-slide-active:after{opacity:0;}

.pro-tech-01 .swp-01 .swiper-slide .img{position:relative;z-index:1;}

.pro-tech-01 .swp-01 .swiper-slide .img img{width:100%;}

.pro-tech-01 .swp-01 .swiper-slide .text{position:absolute;left:0;bottom:0;right:0;z-index:2;background-color:rgba(0,0,0,.5);padding:30px 60px;opacity:0;transition:.3s;}

.pro-tech-01 .swp-01 .swiper-slide-active .text{opacity:1;}

.pro-tech-01 .swp-01 .swiper-slide .text p{font-size:30px;font-family:Microsoft YaHei;font-weight:bold;line-height:40px;color:#FFFFFF;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}

.pro-tech-01 .swp-01 .swiper-slide .text span{display:block;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:#FFFFFF;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:10px;}

.pro-tech-01 .swp-01 .swiper-slide-prev:hover{cursor:url(../image/cursor-prev.svg) 43 56,w-resize;}

.pro-tech-01 .swp-01 .swiper-slide-next:hover{cursor:url(../image/cursor-next.svg) 43 56,w-resize;}

.pro-tech-01 .text{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}

.pro-tech-01 .text .num{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:var(--main-color);opacity:1;display:flex;align-items:flex-end;}

.pro-tech-01 .text .num span{font-size:50px;font-weight:bold;display:block;margin-top:5px;}

.pro-tech-01 .text .des{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#666666;opacity:1;}

.pro-tech-01 .text .icon{margin:30px 0;}

.pro-tech-02{margin-top:80px;overflow:hidden;}

.pro-tech-02 .swp-02{margin-top:50px;overflow:visible;position:relative;display: flex;flex-wrap: wrap;justify-content: flex-start;padding-bottom: 50px;}

.pro-tech-02 .swp-02:after{content:'';width:100%;height:100%;right:100%;top:0;background-color:#ffffff;z-index:3;position:absolute;}

.pro-tech-02 .swp-02 .swiper-slide{position:relative;width: calc(100% / 3 - 32px);margin-bottom: 28px;overflow: hidden;margin-right: 1.9%;}

.pro-tech-02 .swp-02 .swiper-slide:nth-child(3n) {margin-right: 0;}

.pro-tech-02 .swp-02 .swiper-slide .img{position:relative;z-index:1;min-height: 300px;max-height: 300px;}

.pro-tech-02 .swp-02 .swiper-slide .img:after{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:1;transition:.3s;}

.pro-tech-02 .swp-02 .swiper-slide:hover .img:after{background-color:transparent;}

.pro-tech-02 .swp-02 .swiper-slide .img img{width:100%; height:300px;}

.pro-tech-02 .swp-02 .swiper-slide .text{position:absolute;z-index:2;left:0;bottom:0;right:0;font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:31px;color:#FFFFFF;opacity:1;padding:35px 40px;}

.pro-tech-02 .tit{overflow:hidden;}

.pro-tech-02 .pub-title-n{float:left;}

.pro-tech-02 .btn_{float:right;display:flex;flex-direction:row;align-items:flex-end;padding-top:30px;}

.pro-tech-02 .btn_ .btn{width:50px;height:50px;border:1px solid #666666;border-radius:50%;background-position:center;background-repeat:no-repeat;background-image:url(../image/prev.png);cursor:pointer;}

.pro-tech-02 .btn_ .btn-next{transform:rotate(180deg);margin-left:20px;}

.pro-tech-02 .text{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}

.pro-tech-02 .text .num{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:var(--main-color);opacity:1;display:flex;align-items:flex-end;}

.pro-tech-02 .text .num span{font-size:50px;font-weight:bold;display:block;margin-top:5px;}

.pro-tech-02 .text .des{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#666666;opacity:1;}

.pro-tech-02 .text .icon{margin:30px 0;}

.pro-tech-03{padding-top:80px;}

.pro-tech-03>.my-container{display:flex;flex-direction:row;align-items:stretch;}

.pro-tech-03 .text{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}

.pro-tech-03 .text .num{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:var(--main-color);opacity:1;display:flex;align-items:flex-end;}

.pro-tech-03 .text .num span{font-size:50px;font-weight:bold;display:block;margin-top:5px;}

.pro-tech-03 .text .des{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#666666;opacity:1;}

.pro-tech-03 .text .icon{margin:30px 0;}

.pro-tech-03 .img{flex:1;}

.pro-tech-03 .img img{width:100%;}

.pro-tech-04{padding-top:65px;padding-bottom:80px;}

.pro-tech-04 .swiper-slide img{width:100%;}

.pro-tech-04 .swiper-pagination-bullet{opacity:.3;background-color:#ffffff;}

.pro-tech-04 .swiper-pagination-bullet-active{background-color:#ffffff!important;opacity:1;}



.des2{margin-top:30px;}



/*合作案例*/

.case{padding-top:120px;padding-bottom:70px;}

.case-list{padding-top:70px;}

.case-ul{overflow:hidden;margin:-15px;}

.case-ul li{float:left;width:33.33%;padding:15px;}

.case-ul .li-box{position:relative;cursor:pointer;}

.case-ul .li-box .img{position:relative;z-index:1;}

.case-ul .li-box .img img{width:100%;}

.case-ul .li-box .text{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);display:flex;padding:0 30px 20px;align-items:flex-end;}

.case-ul .li-box .text .text_{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;}

.case-ul .li-box .text .icon{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.case-ul .li-box .text .tit h3{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:#FFFFFF;opacity:1;}

.case-ul .li-box:hover .text_{display:none;}

.case-ul .li-box:hover .text{background-color:transparent;align-items:center;justify-content:center;}

.case-ul .li-box:hover .icon{opacity:1;transition:.3s;}

.case-list .more{height:70px;background:#F5F5F5;opacity:1;margin-top:70px;display:flex;align-items:center;flex-direction:row;justify-content:center;}

.case-list .more>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#333333;opacity:1;}

.case-list .more .more-icon{padding-left:10px;display:flex;align-items:center;opacity:0;}

.case-list .more .more-icon>span{display:inline-block;width:7px;height:7px;border:2px solid #999999;border-radius:50%;margin:0 2px;animation:opacity1 .6s linear infinite alternate;}

.case-list .more .more-icon>span:nth-child(2){animation-delay:.2s;}

.case-list .more .more-icon>span:nth-child(3){animation-delay:.4s;}

@keyframes opacity1{

    from{opacity:1;}

    to{opacity:.5;}

}





/*人才招聘*/

.job{position:relative;padding-top:120px;padding-bottom:70px;}

.job .pub-title-n{position:relative;z-index:2;}

.job .pub-title-n h4{font-size:30px;font-family:Microsoft YaHei;font-weight:bold;line-height:40px;color:#343434;opacity:1;padding-top:5px;}

.job .bg{position:absolute;z-index:1;top:30px;left:-220px;}

.job .bg img{width:100%;}

.job .job-list{position:relative;z-index:2;padding-top:110px;}

.job-ul{overflow:hidden;margin:-10px -15px;}

.job-ul li{float:left;width:33.33%;padding:10px 15px;}

.job-ul .li-box{border:1px solid #eeeeee;background-color:#ffffff;cursor:pointer;}

.job-ul .li-box .t,

.job-ul .li-box .b{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#999999;opacity:1;border-top:1px solid #eeeeee;height:60px;line-height:60px;padding:0 30px;}

.job-ul .li-box .m{padding:20px 30px 0;overflow:hidden;height:120px;}

.job-ul .li-box .m .h2{display:flex;flex-direction:row;align-items:center;float:left;}

.job-ul .li-box .m h3{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:31px;color:#343434;opacity:1;padding-left:10px;}

.job-ul .li-box .m .more1{width:54px;height:54px;background:#E8E8E8;border-radius:50%;display:flex;align-items:center;justify-content:center;float:right;}

.job-ul .li-box:hover .m .more1{background-color:#E88823;transform:rotate(45deg);transition:.3s;}

.job .more{height:70px;background:#F5F5F5;opacity:1;margin-top:70px;display:flex;align-items:center;flex-direction:row;justify-content:center;}

.job .more>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#333333;opacity:1;}

.job .more .more-icon{padding-left:10px;display:flex;align-items:center;opacity:0;}

.job .more .more-icon>span{display:inline-block;width:7px;height:7px;border:2px solid #999999;border-radius:50%;margin:0 2px;animation:opacity1 .6s linear infinite alternate;}

.job .more .more-icon>span:nth-child(2){animation-delay:.2s;}

.job .more .more-icon>span:nth-child(3){animation-delay:.4s;}

.job-ul .tc{display:none;}





.index-ad{background-image:url(../image/bb.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:120px 0;}

.index-ad .my-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;}

.index-ad .text{max-width:552px;font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:50px;color:#FFFFFF;opacity:1;}

.index-ad .ad-tel{font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#0065AB;height:46px;background:#FFFFFF;opacity:1;border-radius:50px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0 20px 0 4px;margin-left:10%;}

.index-ad .ad-tel .img{width:38px;height:38px;background:#0065AB;border-radius:50%;opacity:1;display:flex;align-items:center;justify-content:center;margin-right:10px;}





/*弹窗*/

.job-tc{position:fixed;z-index:20;left:0;top:0;height:100vh;width:100%;}

.job-tc .bg{position:absolute;z-index:1;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.6);}

.job-tc .con{position:absolute;z-index:2;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);max-width:800px;max-height:600px;background-color:#ffffff;}

.job-tc .con .job-tc-close{width:30px;height:30px;background-color:transparent;background-image:url(../image/close.png);background-repeat:no-repeat;background-position:center;position:absolute;right:-50px;top:0;cursor:pointer;}

.job-tc .con .l{float:left;width:230px;height:100%;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;padding-left:40px;padding-bottom:150px;padding-top:50px;}

.job-tc .con .l .item p{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:#666666;opacity:1;}

.job-tc .con .l .item span{font-size:20px;font-family:Microsoft YaHei;font-weight:400;line-height:26px;color:#E88823;opacity:1;}

.job-tc .con .l>a{height:46px;background:#0065AB;opacity:1;border-radius:25px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:46px;color:#FFFFFF;padding:0 30px;display:inline-block;}

.job-tc .con .r{padding:60px 40px;float:left;width:calc(100% - 230px);height:100%;}

.job-tc .con .r .box{height:100%;width:100%;overflow-y:auto;}

.job-tc .con .r .box h3{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:24px;color:#333333;opacity:1;}

.job-tc .con .r .box p{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#666666;opacity:1;}

.job-tc .con .r .box .des{margin-top:40px;}

.job-tc .con .r .item:not(:last-child){margin-bottom:60px;}





/*招商合作*/

.join{padding-top:115px;}

.join h2{font-size:40px;font-family:Microsoft YaHei;font-weight:bold;line-height:52px;color:#333333;opacity:1;text-align:center;}

.join-01{padding-bottom:210px;position:relative;}

.join-01 .bg{position:absolute;left:0;right:0;bottom:-80px;z-index:3;}

.join-01 .bg img{width:100%;}

.join-01 .con{margin-top:60px;height:410px;background-color:var(--main-color);padding-top:80px;}

.join-01 .con .t{float:left;font-size:30px;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;color:#FFFFFF;opacity:1;width:calc(100% - 810px);padding-left:60px;}

.join-01 .con .des{float:left;width:810px;padding-right:60px;width:718px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#FFFFFF;opacity:1;}

.join-02-ul,

.join-03-ul{overflow:hidden;margin:0 -30px;}

.join-02-ul li{float:left;width:25%;padding:0 30px;}

.join-03-ul li{float:left;width:33.33%;padding:0 30px;}

.join-02-ul .li-box{background-color:#EDEDED;position:relative;padding:90px 0px 0;}

.join-03-ul .li-box{background:#F9F9F9;border:1px solid #DDDDDD;opacity:1;padding:60px 60px 80px 20px;}

.join-02-ul .li-box .num{position:absolute;right:0;top:0;width:56px;height:56px;background:#0065AB;opacity:1;font-size:24px;font-weight:400;line-height:29px;color:#FFFFFF;opacity:1;display:flex;align-items:center;justify-content:center;z-index:2;}

.join-02-ul .li-box>p{font-size:24px;font-weight:bold;line-height:31px;color:#0065AB;opacity:1;}

.join-02-ul .li-box>span{display:block;font-size:16px;font-weight:400;line-height:24px;color:#666666;opacity:0.7;height:72px;margin-top:20px;}

.join-02-ul .li-box>p,

.join-02-ul .li-box>span{padding:0 50px;}

.join-02-ul .li-box>img{width:100%;}

.join-02_{padding-top:70px;}

.join-03{padding-top:70px;padding-bottom:70px;}

.join-03_{margin-top:60px;}

.join-03_ .li-box p{height:60px;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;color:#333333;opacity:1;height:72px;}

.join-03_ .li-box .down{position:absolute;right:20px;top:70px;}

.join-03_ .li-box{position:relative;}

.join-03_ .li-box .bg{position:absolute;right:30px;bottom:30px;}



/*新闻*/

.news_{padding-top:70px;}

.news_ .top .news-list{padding-top:50px;}

.news_ .top .news-list-swp{margin-top:40px;padding-bottom:50px;}

.news_ .top .news-list-swp .swiper-slide .pic{overflow:hidden;}

.news_ .top .news-list-swp .swiper-slide .pic img{width:100%;transition:.4s;}

.news_ .top .news-list-swp .swiper-slide:hover .pic img{transform:scale(1.03);}

.news_ .top .news-list-swp .swiper-slide .text{padding-top:30px;}

.news_ .top .news-list-swp .swiper-slide .text .t{font-size:18px;font-weight:bold;color:#333333;line-height:24px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.news_ .top .news-list-swp .swiper-slide .text .time{font-size:18px;font-family:Arial;font-weight:400;color:#CCCCCC;line-height:24px;margin-top:25px;}

.news_ .top .news-list-swp .swiper-slide:hover .text .t{color:var(--main-color);}

.news_ .top .news-list-swp .swiper-pagination-bullet{transition:.3s;}

.news_ .top .news-list-swp .swiper-pagination-bullet-active{width:10px;height:10px;background-color:var(--main-color);}

.news_ .top .news-list-dot{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;}

.news_ .top .news-list-dot .swiper-pagination{position:relative;}

.news_ .top .news-list-dot .swiper-pagination span{margin:0 9px;}

.news_ .top .news-list-dot .dot-img{width:10px;height:10px;margin-left:10px;position:relative;cursor:pointer;}

.news_ .top .news-list-dot .dot-img:after{content:'';width:3px;height:10px;background-color:#ccc;position:absolute;left:1px;top:0;}

.news_ .top .news-list-dot .dot-img:before{content:'';width:3px;height:10px;background-color:#ccc;position:absolute;right:1px;top:0;}

.news_ .top .news-list-dot .dot-img.active:after{background-color:transparent;border-left:7px solid #ccc;border-top:5px solid transparent;border-bottom:5px solid transparent;}

.news_ .top .news-list-dot .dot-img.active:before{display:none;}

.news_ .mid .news-list{padding:00px 0 60px;}

.news_ .mid .news-list ul{overflow:hidden;}

.news_ .mid .news-list ul li{position:relative;border-bottom:1px solid #dddddd;padding:40px 0;}

.news_ .mid .news-list ul li a{display:block;overflow:hidden;}

.news_ .mid .news-list ul li .l{width:calc(100% - 150px);padding-right:120px;float:left;padding-top:35px;}

.news_ .mid .news-list ul li .l .t{position:relative;font-size:20px;font-weight:bold;color:#333333;line-height:20px;padding-bottom:20px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.news_ .mid .news-list ul li .l .t:after{content:'';width:20px;height:1px;background-color:var(--main-color);position:absolute;bottom:0;left:0;}

.news_ .mid .news-list ul li .l .des{font-size:16px;color:#666666;line-height:31px;margin-top:30px;height:60px;overflow:hidden;}

.news_ .mid .news-list ul li .time{width:150px;float:right;position:relative;height:150px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:.4s;background-color:#f5f5f5;padding-left:20px;}

.news_ .mid .news-list ul li .time p{font-size:24px;font-weight:400;line-height:30px;color:#CCCCCC;opacity:1;}

.news_ .mid .news-list ul li .time span{display:block;font-size:36px;font-weight:400;line-height:30px;color:#999999;opacity:1;padding-top:10px;}

.news_ .mid .news-list ul li:after{content:'';height:1px;width:0;background-color:var(--main-color);position:absolute;bottom:0;left:0;transition:width .6s ease-out;}

.news_ .mid .news-list ul li:hover:after{width:100%;}

.news_ .mid .news-list ul li:hover .t{color:var(--main-color);}

.news_ .mid .news-list ul li:hover .time{background-color:var(--main-color);}

.news_ .mid .news-list ul li:hover .time p,

.news_ .mid .news-list ul li:hover .time span{color:#ffffff;}

.news_ .mid .news-list ul li:hover .time p{opacity:.6;}

.news_ .news-list .more{height:70px;background:#F5F5F5;opacity:1;margin-top:70px;display:flex;align-items:center;flex-direction:row;justify-content:center;}

.news_ .news-list .more>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#333333;opacity:1;}

.news_ .news-list .more .more-icon{padding-left:10px;display:flex;align-items:center;opacity:0;}

.news_ .news-list .more .more-icon>span{display:inline-block;width:7px;height:7px;border:2px solid #999999;border-radius:50%;margin:0 2px;animation:opacity1 .6s linear infinite alternate;}

.news_ .news-list .more .more-icon>span:nth-child(2){animation-delay:.2s;}

.news_ .news-list .more .more-icon>span:nth-child(3){animation-delay:.4s;}





/*产品优势*/

.pro-adv{padding-top:100px;}

.pro-adv .pro-adv-tt .t{font-size:36px;font-family:Microsoft YaHei;font-weight:bold;line-height:47px;color:#333333;opacity:1;}

.pro-adv .pro-adv-tt .des{padding-top:40px;max-width:1100px;}

.pro-adv .pro-adv-tt .des h4{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:31px;color:#333333;opacity:1;margin-bottom:20px;}

.pro-adv .pro-adv-tt .des p{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:#666666;opacity:1;}

.pro-adv-ul{overflow:hidden;margin:-20px;}

.pro-adv-ul li{float:left;width:50%;padding:20px;}

.pro-adv-ul .li-box{border:1px solid #eeeeee;}

.pro-adv-ul .li-box img{width:100%;}

.pro-adv_{padding-top:40px;padding-bottom:70px;}





/*产品特点*/

.pro-char{padding:110px 0;}

.pro-char h4{font-size:36px;font-family:Microsoft YaHei;font-weight:bold;line-height:47px;color:#333333;opacity:1;text-align:center;}

.pro-char-list{overflow:hidden;margin:0 -6px;padding-top:80px;display:flex;align-items:stretch;justify-content:center;}

.pro-char-list li{float:left;width:25%;padding:0 6px;}

.pro-char-list .li-box{background-color:#f5f5f5;padding:65px 40px;text-align:center;}

.pro-char-list .li-box .img{width:90px;height:90px;margin:0 auto;}

.pro-char-list .li-box .img img{width:100%;}

.pro-char-list .li-box .t{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;line-height:31px;color:#333333;opacity:1;margin-top:30px;}

.pro-char-list .li-box .des{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#666666;opacity:1;padding-top:40px;border-top:1px solid #dddddd;margin-top:40px;}





/*联系我们*/

.contact-us-01{padding-top:60px;}

.contact-us-01 .con-list{overflow:hidden;padding-top:70px;padding-bottom:70px;}

.contact-us-01 .con-list .con-item{width:33.33%;float:left;display:flex;align-items:center;justify-content:center;height:160px;}

.contact-us-01 .con-list .con-item .box{width:80%;}

.contact-us-01 .con-list .con-item .t{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;}

.contact-us-01 .con-list .con-item .t .img{margin-right:10px;}

.contact-us-01 .con-list .con-item .t span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:180%;color:#999999;opacity:1;}

.contact-us-01 .con-list .con-item p{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:24px;color:#333333;opacity:1;margin-top:10px;}

.contact-us-01 .con-list .con-item{border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;}

.contact-us-01 .con-list .con-item:nth-child(n+4){border-bottom:1px solid #eeeeee;}

.contact-us-01 .con-list .con-item:nth-child(3),

.contact-us-01 .con-list .con-item:nth-child(6){border-right:1px solid #eeeeee;}

.map_{height:600px;}

.online{padding:70px 0;}

.online-form{border:1px solid #cccccc;padding:15px 60px;margin-top:40px;}

.online-form h6{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:#666666;opacity:1;text-align:right;}

.online-form h6 span{color:#ff0000;}

.online-form form{margin-top:40px;}

.online-form .input-item{width:calc(50% - 30px);float:left;margin-bottom:70px;}

.online-form .input-item.r{float:right;}

.online-form .input-item.w100{width:100%;}

.online-form .input-item label{width:90px;float:left;font-size:16px;color:#666666;line-height:60px;}

.online-form .input-item label .red{color:#ff0000;}

.online-form .input-item input{float:left;width:calc(100% - 90px);background:#e7e7e7;height:60px;font-size:18px;color:#666666;padding:0 20px;}

.online-form .input-item.w100 textarea{height:270px;background:#e7e7e7;width:calc(100% - 90px);border:none;padding:40px;color:#666666;font-size:18px;}

.online-form  .form-btn{text-align:right;}

.online-form  .form-btn button{width:180px;height:54px;opacity:1;font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:54px;opacity:1;}

.online-form  .form-btn button.reset{background-color:#eeeeee;color:#666666;}

.online-form  .form-btn button.submit{background-color:var(--main-color);color:#ffffff;margin-left:20px;}





/*提交表单*/

#div1{padding:70px 0;}

.recuit .form-control{display:block;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;height:34px;padding:0 10px;}

.recuit label{width:28%;float:left;font-size:16px;font-weight:500;line-height:35px;}

.recuit .row{margin:-30px;}

.recuit .col-md-4{width:33%;float:left;padding:30px;height:80px;}

.recuit .col-md-12{width:100%;float:left;padding:30px;}

.recuit input[type=text]{width:72%;float:left;background:#F0F0F0;border:none;outline:0;box-shadow:none;font-size:16px;color:#1d1d1d;border-radius:0;}

.recuit input[type=radio]{height:34px;margin-top:0px;vertical-align:-12px;margin-right:6px;-webkit-appearance:radio;}

.recuit select{width:72%;float:left;outline:0;}

.recuit select:focus{outline:0;box-shadow:none;border:1px solid #ccc;}

.recuit .form-group{line-height:34px;margin-bottom:25px;}

.recuit button{margin-bottom:30px;width:177px;display:inline-block;color:#fff!important;padding:0;font-size:16px;height:50px;line-height:50px;background:#0460C5;border-radius:5px;outline:0;}

.recuit textarea{border-radius:0px;width:100%;float:left;background:#F0F0F0!important;padding:10px!important;border:none;outline:0;box-shadow:none;font-size:16px;color:#1d1d1d;border-radius:0;height:120px!important;border:none!important;}

.message_code span{margin-left:5px;}

.message_code span img{max-height:50px;}

.red{color:red;}



/*pagedigger*/

div.digg{ text-align:center; font-family:Verdana; line-height:20px; font-size:18px;border-right: #dedfde 1px solid;  margin-bottom:20px; display:inline-block;}

div.digg a{padding:10px 20px; background-position: 50% bottom; border: #dedfde 1px solid; border-right:none; color: #adaaad; text-decoration: none; float:left}

div.digg a:hover{background-image: none; color: #fff; background-color: #004e9d; }

div.digg a:active{background-image: none; color: #fff; background-color: #ddd; }

div.digg span{color: #999; padding:10px 20px; border:#dedfde 1px solid; border-right:none; float:left}

div.digg span.current{  color: #004e9d;}

div.digg span.disabled{ color: #adaaad;}



/*article*/

.article_k{position:relative;padding-top:100px;padding-bottom:100px;}

.article_k:before{content:"";width:1px;height:100%;position:absolute;top:0;right:384px;background:#E5E5E5;}

.article_l{float:left;padding-right:45px;width:-webkit-calc(100% - 388px);width:-moz-calc(100% - 388px);width:calc(100% - 388px);}

.article_r{float:right;margin-left:44px;width:340px;}

.article_r h2{font-size:24px;font-weight:bold;line-height:24px;color:#333333;}

.article_up{overflow:hidden;border-bottom:1px solid #E5E5E5;padding-bottom:46px;}

.article_title{font-size:30px;float:left;font-weight:bold;line-height:1.4;color:#000000;padding-right:110px;width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);}

.article_up .article_time{float:right;width:70px;text-align:right;}

.article_up .article_time strong{font-size:24px;font-family:dincond-medium;font-weight:bold;line-height:1.4;color:#333333;}

.article_time span{font-size:16px;font-family:dincond-medium;font-weight:400;line-height:20px;color:#999999;display:block;}

.recommend ul li{border-bottom:1px solid #EEEEEE;padding:20px 0 15px 0;}

.recommend ul li a{color:#333333;line-height:24px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.article_text{padding-top:65px;}

.article_text img{max-width:100%;width:auto!important;height:auto!important;}

.article_text,

.article_text p{font-size:16px;line-height:1.4;}

.article_text p{padding-bottom:15px;line-height: 180%;}

.article_bot{width:100%;margin-top:50px;overflow:hidden;padding:30px;background:#F5F5F5;font-size:16px;}

.article_bot .left{float:left;}

.article_bot .right{float:right;}

.article_bot .left,

.article_bot .right{width:-webkit-calc(50% - 80px);width:-moz-calc(50% - 80px);width:calc(50% - 80px);}

.article_bot .mid{float:left;width:160px;text-align:center;line-height:20px;}

.article_bot a,

.article_bot span{line-height:20px;font-size:16px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-left:10px;}

.article_bot span{width:80px;display:inline-block;background-size:17px 10px;}

.article_bot .num{color:#333333;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);}

.article_bot .left span{float:left;background-image:url("../image/nleft.svg");background-position:left;background-repeat:no-repeat;padding-left:22px;border-right:1px solid #666666;padding-right:5px;}

.article_bot .right span{float:right;background-image:url("../image/nright.svg");background-position:right;background-repeat:no-repeat;padding-right:22px;border-left:1px solid #666666;padding-left:5px;}

.article_bot .left .num{padding-left:5px;}

.article_bot .right .num{text-align:right;padding-right:5px;}



.article_bot .left.visible-xs{display:none;}

.article_bot .mid.visible-xs{display:none;}



.BMap_Marker>div{width:74px!important;height:78px!important;}

.BMapLabel{left:-65px!important;top:86px!important;border:none!important;font-size:18px!important;}





.index-case .videoBoxs{display: flex;justify-content: space-between;margin-top: 2%;}

.box4TopBg{ background:#FFFFFF; padding:40px 0 10px;}

.box4BotBg{ background:#f7f7f7;}

.box4BotImg{ position:relative; height:280px; cursor:pointer;width: 32.33%;float: left;}

.box4BotImg .imgFull{ position:absolute; left:0; top:0; width:100%; height:94%;}



.box4Video{ position:relative; cursor:pointer;}

.box4Con{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}

.box4Con img{ margin:0 auto;}

.box4Ico{ width:70px; height:70px; margin:0 auto 30px;}

.box4Text{ max-width:70%; margin:0 auto;}

.box4Con.mb{ transform:translateY(0); top:auto; bottom:10%;}





@media screen and (max-width: 1920px){

    .my-container{width:1200px;margin:0 auto;}

    .nav{padding-left:12% ;}

    .nav .tel{padding:0 22px;}

    .index-banner .text-box{left:calc(50% - 720px);}

}



@media (max-width:1460px){

    .my-container{width:1200px;}
.nav .tel{display:none;}
}

@media (max-width:1300px){

    .nav {padding-left: 4%;}

}

@media (max-width:1220px){

    .my-container{width:100%;}
.nav .tel{display:none;}
.nav nav li{ padding: 0 30px !important;}
.index-public-title .fen{display:none;}
}

@media (max-width:1012px){

    .my-container{width:768px;}
.index-banner .pc{ margin-top:60px;}
.index-public-title .fen{display:none;}
}

@media (max-width:768px){

    .my-container{width:100%;padding:0 10px;}
	.index-public-title .fen .fenlei li{width:160px; text-align:center; border:1px solid #828283; margin:5px 0;}
	.index-public-title .fen{margin:0;width:100%; padding-top:15px; display:block;}
	.index-public-title .fen .fenlei{ flex-wrap: wrap;}
	.index-abnner-btn .my-container{display:none;}

}

.mobile{display:none;}

.padding60{padding:60px 0;}

.height100{height:100px;}

@media (max-width:1200px){

    .height100{height:60px;}

}

@media (max-width:768px){

    .mobile{display:block;}

    .pc{display:none;}

    .padding60{padding:35px 0;}

}



@media (max-width: 640px){

    .index-banner{min-height: auto !important;;}

    .index-banner .mobile img {

        

        margin-top: 60px;

    }

    .nav.white-bg .nav-btn-m span {background-color: #333333;}

    .nav .logo img {width: 150px;}

    .index-pro-adv-bot a:nth-child(5),.index-pro-adv-bot a:nth-child(6),.index-pro-adv-bot a:nth-child(7),.index-pro-adv-bot a:nth-child(8){display: none;}

    .index-pro-adv-bot a{width: 50%;display: flex;float: left;}

    .index-pro-adv-bot a .proLi{width: 100%;height: auto;float: left;}

    .index-case .videoBoxs{flex-direction: column;}

    .box4BotImg{width: 100%;}

    .box4BotImg a{display: block;}

    .box4BotImg:nth-child(2),.box4BotImg:nth-child(3){display: none;}

    .index-case .videoBoxs{margin-top: 20px;}

    .box4BotImg .imgFull{height: 100%;}

    .box4BotImg{    height: 200px;}

    .index-about {padding-bottom: 36px;}

    .index-ad{display: none;}



    footer .t .logo img{display: block;width: 50%;}

    footer .m {display: none;}



    /*.banner-n{display: none;}*/

    .pro-con_ .li-box .img{min-height: auto;}

    div.digg span,div.digg a{font-size: 15px;padding: 6px;}

    div.digg{margin-top: 30px;}





    .news_ .mid .news-list{padding: 0 0 20px;}

    .news_ .mid .news-list ul li:first-child{padding-top: 0;}





    .pro-tech-02 .swp-02 .swiper-slide{width: 100%;}

    .pro-tech-02 .btn_{display: none;}

    .article_text video {width: 100% !important;}





    .contact-us-01 .con-list .con-item p{font-size: 16px !important;}



    .news_ .mid .news-list ul li .time{display: none;}



    .nav .nav-btn-m span{background-color: #333333 !important;}



}



/***********************************************************************************************************************/



@media (max-width:1500px){

    .nav nav li{padding:0 30px;}

    

.nav .tel{display:none;}

    .pro-tech-02 .swp-02 .swiper-slide .img{min-height: auto;    overflow: hidden;max-height: 240px;}





}





@media (max-width:1340px){

    .box4BotImg .imgFull{height: 70%;}

}



@media (max-width:1200px){

    .nav nav,

    .nav .tel{display:none;}

    .nav{height:60px;}

    .nav .logo img{width:200px;}

    .nav .serch{border-left:1px solid rgba(255,255,255,.3);width:60px;border-right:1px solid rgba(255,255,255,.3);}

    .nav.white-bg .serch{border-left-color:rgba(0,0,0,.3);border-right-color:rgba(0,0,0,.3);}

    .nav .nav-btn-m{width:60px;height:inherit;float:right;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;}

    .nav .nav-btn-m span{width:20px;height:2px;background-color:#ffffff;transition:.6s;}

    .nav.white-bg .nav-btn-m span {background-color: #333333;}

    .nav.white-bg .nav-btn-m span{background-color:#333333;}

    .nav .nav-btn-m span:nth-child(2){margin:5px 0;}

}

@media (max-width:768px){

    .nav{padding-left:20px;}

}





/***********************************************************************************************************************/









@media(max-width:768px){

    .mobile-nav .box{padding:50px 30px 0;}

    .mobile-nav dl{padding:20px 0;}

    .mobile-nav dd{width:100%;padding-top:10px;}

    .mobile-nav dd a{margin-left:0;font-size:16px;width:100%;}

    .mobile-nav dt a{font-size:20px;}

    .mobile-nav .nav-close{padding:5px 10px;}
	.index-case .index-public-title .left{width:100%;}
	.index-case .index-public-title .left .t1{display:none;}

}







/***********************************************************************************************************************/







@media(max-width: 1220px){

    .serch-box{

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 40px;

        padding-bottom: 40px;

    }
	.index-news-con .item:nth-child(n+2){width:100%;}
.padding60{padding:60px 0 0 0;}
}

@media(max-width: 768px){

    .serch-box .l{

        display: none;

    }

    .serch-box .r{

        width: 100%;

    }

    .serch-box .r button{

        width: 80px;

    }

    .serch-box .r input{

        width: calc(100% - 80px);

        padding: 0 10px;

    }

}





/***********************************************************************************************************************/





@media (max-width:768px){

    .index-public-title .h{display:none;}

    .index-public-title .left{flex-direction:column;width:100%;}

    .index-public-title .t{font-size:26px;}

    .index-public-title .t1{font-size:16px;padding-top:10px;line-height:1.3;}

    .index-public-title .right{position:absolute;right:0;}

    .index-public-title .right span{display:none;}

    .index-public-title .right .icon{}

}







/***********************************************************************************************************************/









@media (max-width:1460px){

    .index-banner .text-box{left:calc(50% - 600px);}

}

@media (max-width:1220px){

    .index-banner .text-box{left:calc(50% - 496px);}

    .index-banner-bottom .my-container .item .text{padding-left:10px;}

}

@media (max-width:1012px){

    .index-banner .text-box{left:calc(50% - 384px);}

    .index-banner-bottom .my-container .item{padding:0 10px;}

    .index-banner .swiper-slide .t2{font-size:36px;}

}

@media (max-width:768px){

    .index-banner-bottom{display:none;}

    .index-banner .text-box{left:20px;}

    .index-banner{height:auto;min-height:300px;}

    .index-banner .text-box{top:45%;padding-right:20px;}

    .index-banner .mobile img{min-height:200px;}

    .index-banner .swiper-slide .t1,

    .index-banner .swiper-slide .t2,

    .index-banner .swiper-slide .t3{font-size:18px;margin-top:5px;line-height:1.5;}

    .index-banner .swiper-slide .t3{font-size:16px;margin-top:5px;line-height:1.5;}

    .index-banner .btn a{height:32px;font-size:14px;line-height:32px;padding:0 20px;}

    .index-banner .swiper-slide .btn{margin-top:30px;}

    .index-abnner-btn .my-container{bottom:20px;}

    .index-abnner-btn .btn-prev{transform:scale(.7);margin-right:0;}

    .index-abnner-btn .btn_.btn-next{transform:scale(.7) rotate(180deg);}

    .index-abnner-btn .num{font-size:18px;}

}





/***********************************************************************************************************************/



@media (max-width:1220px){

    .index-product-con .item{padding:30px;}

    .index-product-con .item .text .t>p{font-size:20px;}

}

@media (max-width:768px){

    .index-product-con{display:none;}

    .index-product-con-m{display:block;margin-top:30px;}

    .index-product-con-m .item-m{width:100%;position:relative;}

    .index-product-con-m .item-m:nth-child(1){margin-bottom:20px;}

    .index-product-con-m .item-m{width:100%;background-position:center;background-size:cover;background-repeat:no-repeat;max-width:500px;margin:0 auto;}

    .index-product-con-m .item-m .text{padding:30px 20px;}

    .index-product-con-m .item-m .text .n{font-size:24px;font-family:dincond-medium;color:#ffffff;}

    .index-product-con-m .item-m .text .t{font-size:20px;color:#ffffff;margin-top:10px;}

    .index-product-con-m .item-m .text .more{display:inline-block;color:#ffffff;padding:10px 20px;border:1px solid #ffffff;border-radius:10px;margin-top:40px;font-size:14px;}

}







/***********************************************************************************************************************/





@media (max-width:1220px){

    .index-pro-adv-top ul{margin:0 -10px;}

    .index-pro-adv-top ul li{padding:0 10px;}

    .index-pro-adv-top .text{font-size:16px;}

    .index-pro-adv-bot .left .img{padding-left:10px;}

    .index-pro-adv-bot .left{padding:55px 20px 0;}

}

@media (max-width:1012px){

    .index-pro-adv .index-public-title .right{position:absolute;right:0;top:0;}

    .index-pro-adv .index-public-title .my-container{position:relative;}

    .index-pro-adv-bot .left{width:100%;padding-top:20px;margin-bottom:20px;}

    .index-pro-adv-bot .right{width:100%;}

    .index-pro-adv-bot{padding-top:20px;}

    .index-pro-adv-bot .left .img{width:220px;}

    .index-pro-adv-bot .left .text{width:calc(100% - 220px);}

}

@media (max-width:768px){

    .index-pro-adv .index-public-title .right{display:none;}

    .index-pro-adv-top ul li{width:100%;margin-bottom:10px;}

    .index-pro-adv-top ul li .li-box{flex-direction:row;justify-content:center;}

    .index-pro-adv-top .text{width:50%;text-align:left;padding-left:10px;}

    .index-pro-adv-bot{padding-top:10px;}

    .index-pro-adv-bot .left{margin-bottom:10px;height:auto;}

    .index-pro-adv-bot .right{height:auto;}

    .index-pro-adv-top{padding-top:30px;}

    .index-pro-adv-bot .left .text,

    .index-pro-adv-bot .right .text{width:100%;}

    .index-pro-adv-bot .left a,

    .index-pro-adv-bot .right{align-items:center;display:flex;flex-direction:column;}

    .index-pro-adv-bot .right .img{margin-top:20px;}

    .index-pro-adv-bot .right .img img,

    .index-pro-adv-bot .left .img img{max-width:100%;}

}







/***********************************************************************************************************************/







@media (max-width:768px){

    .index-case{padding-top:35px;}

    .index-case .case-swp{padding-top:30px;}

    .index-case .swiper-slide .text{padding:0 20px;}



    /*弹窗*/

    .case-swp-tc-close{width:30px;height:30px;right:20px;top:40px;}

    .case-swp-tc .tc-btn{width:30px;height:60px;}

    .case-swp-tc .swiper-slide p{font-size:16px;}

}







/***********************************************************************************************************************/





@media (max-width:1012px){

    .index-about .index-public-title .mid{display:none;}

}

@media (max-width:768px){

    .index-about{padding-top:35px;}

    .index-about-con{margin-top:30px;}

    .index-about-con .item p span{font-size:18px;}

    .index-about-con .item h5{font-size:14px;}

    .index-about-con{min-height:200px;}

    .index-about-con img{min-height:200px;}

    .index-about-con .text{flex-flow:row wrap;padding-bottom:10px;}

    .index-about-con .text .item{width:30%;margin-bottom:0px;padding-left:20px;}

    .case-swp-tc .tc-btn{opacity: 1;}

}







/***********************************************************************************************************************/









@media (max-width:1460px){

    .index-product2-con .right{width:calc(50% + 600px);}

}

@media (max-width:1220px){

    .index-product2-con .right{width:calc(50% + 496px);}

}

@media (max-width:1012px){

    .index-product2-con .right{width:768px;float:unset;margin:0 auto;}

    .index-product2-con .right .swiper-container{width:100%;}

    .index-product2-con .right .swiper-container .swiper-slide{border-right-color:transparent;}

    .index-product2-con .right .swiper-container .btn-next{left:calc(100% - 58px);}

}

@media (max-width:768px){

    .index-product2{padding-top:35px;}

    .index-product2-con .right{width:100%;padding:0 20px;}

    .index-product2 .h2{margin-top:30px;}

    .index-product2-con .swiper-slide .text{width:100%;padding-top:0;}

    .index-product2-con .swiper-slide .img{width:100%;float:unset;margin:0 auto;max-width:100%;}

    .index-product2-con .right .swiper-container{overflow:hidden;}

    .index-product2-con .swiper-slide .more{margin-top:10px;}

    .index-product2-con .swiper-slide .t1{margin-top:10px;}

    .index-product2-con .swiper-slide{padding-right:0;padding-top:20px;}

    .index-product2-con .right .swiper-container .btn-next{width:32px;height:32px;background-size:25%;}

    .index-product2-con .right .swiper-container .btn-next{left:calc(100% - 32px);display: none;}

    .index-product2-con .swiper-slide .t1{font-size:16px;line-height:1.5;height: auto;}

    .index-product2-con .swiper-slide .t{font-size:20px;}

    .index-product2-con .swiper-pagination{display: block;bottom: 0;}

    .index-product2-con .swiper-container{padding-bottom: 20px;}

}





/***********************************************************************************************************************/







@media (max-width:1012px){

    .index-ad .my-container{flex-direction:column;align-items:flex-start;}

    .index-ad .ad-tel{margin-top:20px;margin-left:0;}

}

@media (max-width:768px){

    .index-ad .text{font-size:18px;line-height:1.5;}

    .index-ad{padding:20px 0;}

}









/***********************************************************************************************************************/





@media (max-width:1220px){

    .index-xt-cata .item{padding:0 30px;}

    .index-xt-item-con{height:420px;}

}

@media(max-width:768px){

    .index-xt{padding-top:30px;}

    .index-xt-cata{padding-top:20px;}

    .index-xt-item-con{margin-top:20px;}

    .index-xt-t{font-size:26px;}

    .index-xt-cata{flex-flow:row wrap;}

    .index-xt-cata .item{width:45%;margin-bottom:20px;font-size:16px;}

    .index-xt-item-con{height:auto;}

    .index-xt-item-con .left1,

    .index-xt-item-con .right1{width:100%;}

    .index-xt-item-con .item:nth-child(1) .right1 .text,

    .index-xt-item-con .item:nth-child(2) .right1 .text{padding-left:20px;}

    .index-xt-item-con .item:nth-child(1) .left1 .text,

    .index-xt-item-con .item:nth-child(2) .left1 .text{padding-right:20px;}

    .index-xt-item-con .left1,

    .index-xt-item-con .right1{padding-top:20px;padding-bottom:20px;}

    .index-xt-item-con .item:nth-child(1) .text a,

    .index-xt-item-con .item:nth-child(2) .text a{margin-top:10px;}

    .index-xt-item-con .item:nth-child(1) .text p,

    .index-xt-item-con .item:nth-child(2) .text p{font-size:16px;}

    .index-xt-item-con .item:nth-child(2) .img2 img{width:100%;}



}

@media(max-width:480px){

    .index-xt-cata .item{width:100%;}

}





/***********************************************************************************************************************/





@media(max-width:768px){

    .index-xt-item-con .case-swp{padding-top:10px;}

}





/***********************************************************************************************************************/









@media (max-width:1220px){

    .index-news-con .item:nth-child(1){width:100%;}

    .index-news-con .item{width:50%;}

}

@media (max-width:768px){

    .index-news-con .item-1 .img{width:100%;}

    .index-news-con .item-1 .text{width:100%;padding:20px 0;}

    .index-news-con .item-1{height:auto;}

    .index-news-con .item{height:auto;}

    .index-news-con .item{width:100%;}

    .index-news-con .item:nth-child(n+2) .li-box{padding:30px 20px;}

}





/***********************************************************************************************************************/







@media (max-width:1220px){

    .index-contact-us .t1 p,

    .index-contact-us .t2 p{font-size:20px;}

}

@media (max-width:768px){

    .index-contact-us .t2{flex-direction:column;align-items:flex-start;}

    .index-contact-us .t2 .item{margin-bottom:20px;}

    .index-contact-us .t1{padding-bottom:30px;}

}









/***********************************************************************************************************************/









@media (max-width:1012px){

    footer .m .l{display:none;}

    footer .m .r{width:100%;align-items:center;justify-content:center;}

    footer .m{padding:40px 0;}

    footer .b{padding:20px 0;}

    footer .b .l,

    footer .b .r{width:100%;text-align:left;}

}









/***********************************************************************************************************************/









@media (max-width:1200px){

    .banner-n .nav-n a{line-height:54px;}

    .banner-n .nav-n a.active{border-bottom:2px solid #ffffff;}

    .banner-n .nav-n .s{width:60px;height:60px;top:25px;}

    .banner-n .nav-n .s img{width:30%;}

}

@media (max-width:768px){

    .banner-n .nav-n .s{display:none;}

    .banner-n{height:auto;}

    .banner-n .bg img{min-height:300px;}

    .banner-n .text h2{font-size:20px;}

    .banner-n .nav-n a,

    .banner-n .text .position a{font-size:16px;}

    .banner-n .nav-n{bottom:auto;top:100%;position:relative;}

    .banner-n .nav-n a.active{border-bottom:1px solid rgba(255,255,255,.6);}

    .banner-n .nav-n a{line-height:2;}

    .banner-n .nav-n{padding:10px 0;}

}









/***********************************************************************************************************************/







@media (max-width:1460px){

    .about-dev-con .m{padding-left:50px;padding-right:240px;}

}

@media (max-width:1012px){

    .company-info .left{padding-right:40px;padding-left:30px;}

    .company-info .right{padding-left:40px;padding-right:30px;}

    .about-honor .my-container{padding:30px 0;}

    .about-honor{background-color:var(--main-color);}

    .about-dev-con .l{width:160px;}

    .about-dev-con .m{width:calc(100% - 160px);padding-right:0;}

    .about-dev-con .r{right:0;font-size:32px;}

}

@media (max-width:768px){

    .company-info .left,

    .company-info .right{width:100%;float:left;}

    .company-info .img{margin-top:30px;}

    .pub-title-n p{font-size:26px;line-height:1.6;}

    .pub-title-n span{font-size:20px;line-height:1.2;}

    .company-info{padding-top:35px;padding-bottom:35px;}

    .company-info .left{padding-right:0px;padding-left:0px;}

    .company-info .right{padding-left:0px;padding-right:0px;}

    .company-info .des,

    .company-info .t1{margin-top:30px;}

    .about-honor .my-container{padding:30px 20px;}

    .about-honor .t .r .item p{font-size:20px;line-height:1.2;}

    .about-honor .t .r .item span{font-size:14px;}

    .about-honor .t .l,

    .about-honor .t .r{width:100%;text-align:center;}

    .about-honor .t .r .item{padding:10px;width:150px;}

    .about-honor .t .r{align-items:center;justify-content:center;padding-top:20px;}

    .about-honor .c{padding-top:30px;}

    .about-honor .c .item{padding-right:0px;}

    .about-honor .c .item .btn_box{display:none;}

    .about-dev{padding-top:35px;padding-bottom:35px;}

    .about-dev-con .r{display:none;}

    .about-dev-con{flex-direction:column;align-items:center;}

    .about-dev-con .l{width:100%;height:auto;min-height:0;padding-left:30px;padding-right:30px;padding-top:20px;padding-bottom:20px;}

    .about-dev-con .l .swiper-container{height:auto;margin-top:0;}

    .about-dev-con .l .btn-prev{top:50%;left:10px;transform:translateY(-50%) rotate(-90deg);}

    .about-dev-con .l .btn-next{top:50%;right:10px;left:auto;transform:translateY(-50%) rotate(-90deg);}

    .about-dev-con .m{width:100%;padding-left:0;padding-top:30px;}

    .about-dev-con{padding-top:30px;}

    .about-dev-con .l .swiper-slide-active{color:var(--main-color);font-size:32px;font-weight: bold;}

}





/***********************************************************************************************************************/







@media(max-width:768px){

    .pro-cata>a{font-size:16px;padding:0 15px;margin-right:5px;height:40px;line-height:40px;margin-bottom:20px;}

    .pro-cata{padding:30px 0 10px;}

    .pro-con_{margin:0;}

    .pro-con_ li{width:100%;padding:20px 0;}

    .pro-con_ li:nth-child(2n-1){border-right:none;}

    .pro-con_ .li-box .text h2{font-size:16px;line-height:1.3;}

    .pro-con_ .li-box .text .more a{width:30px;height:30px;}

    .pro-con_ .li-box .text .more a img{width:40%;}

}







/***********************************************************************************************************************/





@media(max-width:768px){

    .pro-show-con{padding-top:30px;padding-bottom:30px;}

    .pro-show-con .t h2{width:calc(100%);font-size:24px;}

    .pro-show-con .t a{float:left;}

    .pro-show-con .m{padding-top:30px;}

    .pro-show-con .m h3{font-size:20px;}

    .pro-show-con .m .m-swp,

    .pro-show-con .m .des{margin-top:30px;justify-content:flex-start;}

    .pro-show-con .m .des .item{margin-right:0;}

    .pro-show-con .m .des .item p{font-size:18px;line-height:2;}

    .pro-show-con .m .des .item span{font-size:16px;line-height:2;}

}





/***********************************************************************************************************************/







@media (max-width:768px){

    .pro-tech-01,

    .pro-tech-03,

    .pro-tech-04{padding-top:30px;}

    .pro-tech-01 .swp-01,

    .pro-tech-02 .swp-02{margin-top:20px;}

    .pro-tech-01 .swp-01 .swiper-slide .text p{font-size:18px;}

    .pro-tech-01 .swp-01 .swiper-slide .text span{font-size:14px;margin-top:0;}

    .pro-tech-01 .swp-01 .swiper-slide .text{padding:10px 10px;}

    .pro-tech-02{margin-top:30px;}

    .pro-tech-02 .btn_ .btn{width:30px;height:30px;background-size:8px;}

    .pro-tech-02 .swp-02{overflow:hidden;}

    .pro-tech-02 .swp-02 .swiper-slide .text{padding:10px 10px 30px;font-size:16px;}

    .pro-tech-03>.my-container{flex-direction:column;}

    .pro-tech-03 .text .icon{margin:10px 0;}

    .pro-tech-03 .text .icon img{width:30px;}

    .pro-tech-03 .text .num{width:100%;display:flex;align-items:flex-end;}

    .pro-tech-03 .text .num span{font-size:30px;}

    .pro-tech-03 .text .des{font-size:16px;padding-top:20px;}

    .pro-tech-03 .img{margin-top:20px;}

    .pro-tech-04{padding-bottom:30px;}

}



/***********************************************************************************************************************/





@media(max-width:1012px){

    .case-ul li{width:50%;}

}

@media(max-width:768px){

    .case{padding-top:30px;padding-bottom:30px;}

    .case-list{padding-top:20px;}

    .case-ul li{width:100%;}

    .case-list .more{margin-top:20px;}

}





/***********************************************************************************************************************/





@media(max-width:1220px){

    .job-ul li{width:50%;}

    .job .bg{top:100px;left:-90px;}

    .job-tc .con{width:70%;height:50%;}

}

@media(max-width:768px){

    .job{padding-top:40px;}

    .job .pub-title-n h4{font-size:20px;}

    .job .bg{display:none;}

    .job .job-list{padding-top:20px;}

    .job-ul li{width:100%;}

    .job-ul .li-box .m h3{font-size:20px;}

    .job-ul .li-box .m{padding-left:30px;padding-right:20px;}

    .job-ul .li-box .m .more1{width:30px;height:30px;}

    .job-ul .li-box .m .more1 img{width:13px;}

    .job-tc .con .l{width:100%;height:120px;padding-left:10px;padding-bottom:10px;padding-top:20px;flex-direction:row;position:relative;}

    .job-tc .con .l>a{position:absolute;bottom:10px;}

    .job-tc .con{width:90%;height:70%;}

    .job-tc .con .job-tc-close{right:0;top:-50px;}

    .job-tc .con .l .item span{font-size:16px;}

    .job-tc .con .l .item p{font-size:14px;}

    .job-tc .con .l>a{height:32px;font-size:14px;line-height:32px;}

    .job-tc .con .r{width:100%;padding:10px;overflow:hidden;height:calc(100% - 120px);}

    .job-tc .con .r .box .des{margin-top:10px;}

    .job-tc .con .r .item:not(:last-child){margin-bottom:20px;}

}







/***********************************************************************************************************************/







@media(max-width:1460px){

    .join-01{padding-bottom:80px;}

}

@media(max-width:1220px){

    .join-01{padding-bottom:0px;}

    .join-01 .con{padding-top:30px;}

    .join-01 .con .t{width:100%;padding:20px;}

    .join-01 .con .des{width:100%;padding:20px;}

    .join-02_{margin:0;}

}

@media(max-width:1014px){

    .join-02-ul,

    .join-03-ul{margin:0 -10px;}

    .join-02-ul li,

    .join-03-ul li{padding:0 10px;}

    .join-02-ul .li-box>p,

    .join-02-ul .li-box>span{padding:0 20px;}

    .join-03-ul .li-box{padding:30px 60px 20px 20px;}

    .join-03_ .li-box .bg{bottom:10px;right:10px;}

    .join-03_ .li-box .down{position:absolute;right:10px;top:35px;}

    .join-03_ .li-box p{height:auto;font-size:16px;}

}

@media(max-width:768px){

    .join-01 .bg{bottom:-40px;}

    .join h2,

    .join-01 .con .t{font-size:24px;}

    .join{padding-top:30px;}

    .join-01 .con{margin-top:20px;height:auto;overflow:hidden;padding-bottom:50px;}

    .join-02{padding-top:30px;}

    .join-02_{padding-top:20px;}

    .join-02-ul li{width:100%;margin-bottom:20px;}

    .join-03{padding-top:30px;padding-bottom:30px;}

    .join-03_{margin-top:20px;}

    .join-03-ul li{width:100%;margin-bottom:20px;}

}





/***********************************************************************************************************************/





@media(max-width:768px){

    .news_ .mid .news-list ul li .l{width:100%;padding-right:0;padding-top:10px;}

    .news_ .mid .news-list ul li .time{background-color:transparent;width:100%;flex-direction:row;justify-content:flex-start;align-items:flex-end;height:auto;padding-left:0;}

    .news_ .mid .news-list ul li .time p{font-size:20px;color:#666666;margin-right:10px;}

    .news_ .mid .news-list ul li .time span{font-size:16px;color:#999999;}

    .news_ .mid .news-list ul li .l .t{font-size:16px;}

    .news_ .mid .news-list ul li .l .des{font-size:14px;margin-top:15px;}

    .news_{padding-top:30px;}

    .news_ .news-list .more{padding-left: 30px;}

}



/***********************************************************************************************************************/





@media(max-width:768px){

    .pro-adv{padding-top:30px;}

    .pro-adv .pro-adv-tt .t{font-size:24px;}

    .pro-adv .pro-adv-tt .des h4{font-size:20px;}

    .pro-adv .pro-adv-tt .des{padding-top:20px;}

    .pro-adv_{padding-bottom:30px;}

}



/***********************************************************************************************************************/





@media(max-width:1014px){

    .pro-char-list{flex-flow:row wrap;}

    .pro-char-list li{width:50%;margin-bottom:13px;}

}

@media(max-width:768px){

    .pro-char-list li{width:100%;}

    .pro-char{padding:30px 0;}

    .pro-char h4{font-size:24px;}

    .pro-char-list{padding-top:20px;}

    .pro-char-list .li-box .t{font-size:20px;}

    .pro-char-list .li-box{padding:20px;}

    .pro-char-list .li-box .des{padding-top:20px;margin-top:20px;}

}







/***********************************************************************************************************************/





@media(max-width:1220px){

    .contact-us-01 .con-list .con-item{width:50%;}

    .contact-us-01 .con-list .con-item:nth-child(3){border-right:none;}

    .contact-us-01 .con-list .con-item:nth-child(4){border-bottom:none;}

    .contact-us-01 .con-list .con-item:nth-child(2),

    .contact-us-01 .con-list .con-item:nth-child(4){border-right:1px solid #eeeeee;}

}

@media(max-width:768px){

    .contact-us-01{padding-top:30px;}

    .contact-us-01 .con-list{padding-top:20px;padding-bottom:30px;}

    .contact-us-01 .con-list .con-item{width:100%;}

    .contact-us-01 .con-list .con-item:nth-child(1),

    .contact-us-01 .con-list .con-item:nth-child(3),

    .contact-us-01 .con-list .con-item:nth-child(5){border-right:1px solid #eeeeee;}

    .contact-us-01 .con-list .con-item:nth-child(5){border-bottom:none;}

    .contact-us-01 .con-list .con-item .box{width:100%;padding-left:20px;}

    .contact-us-01 .con-list .con-item{height:100px;}

    .contact-us-01 .con-list .con-item p{font-size:20px;}

    .online{padding:30px 0;}

    .online-form{padding:30px 20px;margin-top:20px;}

    .online-form .input-item{width:100%;margin-bottom:20px;}

    .online-form .input-item.w100 textarea{height:120px;padding:20px;width:100%;}

    .online-form .input-item label{width:100%;}

    .online-form .input-item input{width:100%;}

    .online-form .form-btn button{width:100px;height:38px;line-height:38px;font-size:14px;}

    .map_{height:360px;overflow: hidden;}

}





/***********************************************************************************************************************/





@media screen and (max-width:1279px){

    .recuit label{width:32%;}

    .recuit input[type=text]{width:68%;}

    .recuit select{width:68%;}

    .recuit .col-md-4{width:50%;}

}

@media screen and (max-width:991px){

    .recuit .form-group:after{content:'';display:block;visibility:hidden;clear:both;}

    .recuit .form-group{margin-bottom:10px;}

    .recuit label{width:25%;}

    .recuit input[type=text]{width:75%;}

    .recuit select{width:75%;}

    .recuit textarea{width:100%;}

}

@media screen and (max-width:767px){

    .recuit label{width:28%;}

    .recuit input[type=text]{width:72%;}

    .recuit select{width:72%;}

    .recuit .col-md-4{width:100%;padding:0;height:auto;margin-bottom:30px;}

    .recuit .col-md-12{padding:0;}

    .recuit .row{margin:0;}

    #div1{padding:30px 0;}

}

@media screen and (max-width:374px){

    .recuit label{width:100%;}

    .recuit input[type=text]{width:100%;}

    .recuit select{width:100%;}

}





/***********************************************************************************************************************/





@media screen and (max-width:1279px){

    .article_l{width:-webkit-calc(100% - 300px);width:-moz-calc(100% - 300px);width:calc(100% - 300px);}

    .article_r{margin-left:40px;width:260px;}

    .article_k::before{right:300px;}

    .article_bot{padding:30px 15px;}

    .article_title{padding-right:50px;}

}

@media screen and (max-width:991px){

    .new_list .right{width:50%;}

    .new_list .title{font-size:22px;}

    .new_list .right .des{font-size:16px;}

    .article_l{width:-webkit-calc(100% - 220px);width:-moz-calc(100% - 220px);width:calc(100% - 220px);}

    .article_r{margin-left:30px;width:180px;}

    .article_k::before{right:220px;}

    .article_title{font-size:26px;padding-right:30px;}

    .article_bot .mid{width:100px;}

    .article_bot .left,

    .article_bot .right{width:-webkit-calc(50% - 50px);width:-moz-calc(50% - 50px);width:calc(50% - 50px);}

}



@media screen and (max-width:767px){

    .new_list ul li{padding:40px 0 35px 0;}

    .new_list .time{width:100%;padding-top:10px;}

    .new_list .title{width:100%;padding-right:0;font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

    .new_list .right{width:100%;padding-top:15px;}

    .new_list .more{margin-top:30px;width:150px;}

    .new_list .more i{font-size:14px;}

    .new_list .right .des{font-size:14px;}

    .new_list .time{font-size:18px;}

    .article_k{padding:50px 0px;}

    .article_l{width:100%;padding-right:0;}

    .article_r{padding-top:30px;margin-left:0;width:100%;}

    .article_k::before{display:none;}

    .article_title{width:100%;padding-right:0;font-size:24px;}

    .article_up{padding-bottom:15px;}

    .article_up .article_time{padding-top:15px;}

    .article_text{padding-top:40px;}

    .article_text,

    .article_text p{font-size:14px;line-height:1.5;}

    .article_bot .left,

    .article_bot .right{width:100%;float:left;padding-bottom:10px;}

    .article_bot .mid{width:100%;float:right;}

    .article_bot{margin-top:30px;}

    .article_bot .left.hidden-xs,

    .article_bot .right.hidden-xs,

    .article_bot .mid.hidden-xs{display:none;}

    .article_bot .left.visible-xs,

    .article_bot .right.visible-xs{display:block;}

}