@font-face{font-family:'wenquan';src:url('../ttf/WenQuanZhengHei-1.ttf');}
@font-face{font-family:'siyaun';src:url('../ttf/思源黑体CN-Regular.otf');}
@font-face{font-family:'Arial';src:url('../ttf/Arial.ttf');}

* {font-family: 'siyaun','wenquan',Arial;  font-size: 14px;}
html,body,h1,h2,h3,h4,h5,h6,div,form,ul,li,a,em,input,dd,dt,dl,p,figure,textarea,button{margin: 0;  padding: 0;  border: 0;  list-style: none;  text-decoration: none;  font-weight: normal;}
h1, h2, h3, h4, h5, h6 {
    color: #101010;
}
dd,dt,dl,em,button {display: block;}
a,img{border:none;display:inline-block;width:100%\9;text-decoration: none;}
a:hover{text-decoration: none;}
img{max-width: 100%;}
.container{width: 1440px;}
.center {margin: 0 auto;  width: 1440px;}
.clear{}
.clear:after{content: "";visibility: visible;clear: both;height: 0;display: block;}
.red{color:#a20404;}
/*header*/
.relative{position: relative!important;bottom: normal!important}


.header-pc{width: 100%;padding: 0;border-bottom:4px solid #ef8222}
.containerwidth97{
  width: 90%;
    /* max-width: 1650px; */
    margin: auto;
}
.padding50{padding-left: 50px;padding-right: 50px;}
.padding100{padding-left: 100px;padding-right: 100px;}

.header-tel{text-align: right;display: inline-block;float: none;vertical-align:middle;font-size: 0}
.header-tel .list{;width: 50%;text-align: right;font-size: 0;display: inline-block;}
.header-tel .list i{display: block;margin:0 5px;display: inline-block;vertical-align: bottom}
.header-tel .list i img{max-width: 100%;}
.header-tel .list .right{display: inline-block;vertical-align: bottom}
.header-tel .list .right p{font-size: 14px;}
.header-tel .list .right span{color: #fbbe3f;margin:10px 0;font-size: 18px;}
 

.modles{position: absolute;top:38px;z-index: 9660;right:100px; }
.modles a{display: block;text-decoration: none;width: 20px;height: 20px;background: url(../image/searchb.png) no-repeat;}


.search-box{cursor: pointer;position: relative;height:75px;line-height:75px;border-radius: 5px;
  display: inline-block;z-index: 6855;padding: 0;font-size: 0;text-align: right;}
.search-box h5{font-size:13px;color: #fff;display: inline-block;vertical-align: middle; transition:all .3s;}
.search-origin{cursor: pointer;width:20px;height:20px;position: relative;padding: 2px;margin-right: 8px;
 display: inline-block;vertical-align: middle;
}

.search-origin img{transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;
  position: absolute;top:50%;left:50%;opacity: 0; 
    /*transform:translate(-50%,-50%) scale(0) rotate(360deg);
  -webkit-transform:translate(-50%,-50%) scale(0) rotate(360deg);*/
}
.search-origin img.on{opacity: 1;
      /*transform:translate(-50%,-50%) scale(1) rotate(0deg);
  -webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);*/
}

.search-origin{}
.search-origin .searchss{width: 20px;height: 20px;display: block;vertical-align: middle;
background:url(../image/searchb.png) no-repeat;}
.header-top.mini .search-origin .searchss{background:url(../image/searchbb.png) no-repeat;}
.header-top.mini .search-box h5{color: #4d5669;}
.search-input-box{overflow: hidden;position: absolute;top:150%;right:0%;margin-top:0;padding:0;
					transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;
					z-index: 6854;visibility: hidden;opacity: 0;background: #fff;z-index: -1;border-top: 1px solid #e2e2e2;}
.search-input-box.actives{visibility: visible;opacity: 1;top: 100%;z-index: 1;}
.search-input{position: relative;width: 40%;left: 0;height: inherit;margin:5% auto;}
.search-input form{height: 100%;width: 100%;display: block;}
.search-input .input-group{height: inherit;display: block;display: flex;width: 100%;}
.search-input .input-group input{background: #fff;
    padding: 25px;
    display: block;
    border: none;
    outline: none;
    width: 100%;border-radius: 0;
    font-size: 14px;
    border: 1px solid #ccc;box-shadow: none;}
.search-input .input-group-btn{width: 13%;display: inline-block!important;}
.search-input .input-group-btn button:focus,.search-input .input-group-btn button:hover,
.search-input .input-group-btn button:active{background: #f29700!important;}
.search-input .input-group-btn button:focus,.search-input .input-group-btn button:hover,
.search-input .input-group-btn button:active,
.search-input .input-group-btn button{width: 100%;height: 100%;text-align: center;border-radius: 0;color: #fff;background: #1eacf6;
outline: none;box-shadow: none;border:none;text-align: center;font-size: 0;}
.search-input .input-group-btn button i{display: inline-block;width: 20px;height: 20px;background: url(../image/searchb.png) no-repeat;}
.search-btn{position: absolute;width: 20%;left: 80%;height: 32px;background: #fff;}
.search-btn input{height: 100%;border-radius:0 5px 5px 0;border-left:0;}
.search-btn input:hover{box-shadow: 0 0 5px #eee inset;background: #2487c3;color: #fff}

/* 主导航 */
.main-nav {
    margin-right: 40px;
}

.main-nav ul.pc-ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav ul.pc-ul li {
    position: relative;
}
.main-nav ul.pc-ul li:last-child a.act-a:after{display: none;}
.main-nav ul.pc-ul li a {position: relative;
    color: #fff;
    font-size: 14px;
    padding: 6px 15px;
    display: block;
    transition: all 0.3s ease;
}
/* .main-nav ul.pc-ul li a.act-a:after{content: "/";display: inline-block;color:inherit;
  position: absolute;top:50%;right: -10px;transform: translateY(-50%);} */


.header-70{height: 70px;position: relative;}
.header-re{position: relative;transition:all .3s;top:0;padding:40px 0;background: rgba(136, 66, 66, 1);}

.header-fixed{position: fixed;width: 100%;left: 0;background: #fff;z-index: 1000;top: 0;transition:all .3s;}

.header-top{z-index: 666;width: 100%;padding:0px 0;position: relative;
    transition:all .3s;}
.header-top.mini{background: #fff;border-bottom: 1px solid #ccc;}
/*.page-ms .header-top .header-list-li ul li a.act-a,
.header-top.mini .list-dropdown,.page-ms .header-top .list-dropdown,.page-ms .header-top,.header-top.mini{box-shadow: 0 0 5px #ccc;}*/
.header-top.mini .list-dropdown:after,.page-ms .header-top .list-dropdown:after{display: none;}
.header-top.mini .header-list-li ul li a.act-a{color: #4d5669!important;}
.header-top.mini .header-list-li ul li a.act-a:hover{color: #1eacf6!important;}
.header-top.mini .header-list-li ul li.active>a{color: #1eacf6!important}
/*.page-ms{height: 110px;}*/
.detailed-page{height: 75px;}

.header-bottom{display:inline-block;position: relative;vertical-align:middle;float: none;height: inherit;padding: 0;}

.header-top .logo{padding: 0 0;display: inline-block;vertical-align:middle;float: left;}
.header-top .logo a{display:block;position: relative;text-align: left}
.header-top .logo img{width: 96px;}
.header-top .container{padding: 0;font-size: 0;}
.header-top .containerwidth97,.header-top .padding50{font-size: 0;height: inherit;}
.header-top .text{display: inline-block;float: left;max-width: 80%;text-align: left;padding:0 10px;}
.header-top .text h1{margin-bottom: 10px;}
.header-top .text h1 a{display: inline-block;color: #fff;font-size: 26px;font-weight: 600;}
.header-top .text span{color: #fff;margin:3px 0;display: block;}





.header-nav{display:inline-block;z-index: 1000;vertical-align: middle;float: none;font-size: 0;position: static;
padding: 0;text-align: right;}
.header-nav .container .row{font-size: 0}



.index-header-nav{display:inline-block;position: relative;z-index: 1000;vertical-align: middle;float: none;}
.index-header-input{width: 100%;display: inline-block;vertical-align: middle;}
.index-header-input .btn{}
.index-header-input .btn i{color: #fff}
.index-header-input .input-group{}
.index-header-input .input-group button.btn{background:#5f5e5e;border-color: #5f5e5e;outline:none;}
.index-header-input .input-group input{transition:none;box-shadow:none;outline:none;border-color: #5f5e5e;}

.header-nav-main{background: none;border:none;margin:0 0;min-height: auto;position: relative;display: inline-block;}
.header-nav-top{background: #333;text-align: center;}
.nav-kongjian{background: transparent;border:none!important;overflow: hidden;}
.nav-kongjian:focus{background: transparent!important;}

.header-list-li{padding: 0}
.header-list-li ul{margin: 0;text-align: right;}
.header-list-li ul li{display: inline-block;width: auto;float:none;position: relative;padding: 0 16px;font-size: 0;}
.header-list-li ul li a.act-a{display:block;
    font-size: 14px;color:#fff!important;
text-decoration: none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;border-bottom: 2px solid transparent;
-o-transition:all .3s;position: relative;padding:0;line-height: 42px;
border-radius: 5px;}
.header-list-li ul li a.act-a:hover,.header-list-li ul li.active:hover>a,
.header-list-li ul li.noac:hover .act-a{color: rgba(160, 0, 3, 1)!important;background: #fff!important;}
.header-list-li ul li.active>a{background: #fff!important;color:rgba(136, 66, 66, 1)!important;}
.header-list-li .list-dropdown{margin-top: 0;left: 50%; transform: translate(-50%,0px);
  display: block;border-radius: 3px!important;padding:15px 0;background: transparent!important;border:none;
box-shadow: none;font-size: 0;z-index: 55;margin-top: 0px!important;box-shadow: 0 15px 15px #ccc;
display: none;min-width: 200px;margin-top: 12px; transition: none !important;padding-bottom: 0;}
.header-list-li .list-dropdown li{display:block;text-align: left;
    vertical-align: top;width: 100%;position: relative;padding:0;margin: 0!important;}
.header-list-li .list-dropdown .box{position: relative;background: rgba(255, 255, 255,1)!important;
  padding:4px 0;padding-top: -10px;border-radius: 5px;border-top: 2px solid #02befc;
}
.header-list-li .list-dropdown .box::after{content: "";width: 100%;height: 12px;background: transparent;top: 0;left: 0;position: absolute;
display: block;}
.header-list-li .list-dropdown li a::after{display: none!important;}
/* .header-list-li .list-dropdown .box::before{content: "";border-width: 5px;border-color: transparent;border-bottom-color: #ffffff;
position: absolute;top: -10px;left: 50%;margin-left: -5px;display: block;border-style: solid;} */
.header-list-li .list-dropdown li a{color: #434447;display: block;text-decoration: none;text-align: left;
  padding:3px 10px;position: relative;
  transition:all .3s;text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;line-height: 34px;
    color: #000!important;
    min-width: 100px;padding: 0;
    max-width: 280px;
}
.header-list-li .list-dropdown li a:hover{color:#03bffc!important;background-color: transparent;}
.header-list-li .list-dropdown ul{display: none;text-align: left;font-size: 0;background: #fff;display:block;width: 260px;
vertical-align: top;position: absolute;top: 0;left: 90%;display: none;box-shadow: 0 0 5px #ccc;}
.header-list-li .list-dropdown ul,.header-list-li ul li:hover{}

.header-list-li .list-dropdown ul li i{position: absolute;top: 50%;font-size: 12px;color: #222;right: 8px;transform:translateY(-50%);}



.header-list-li ul{font-size: 0;}
.header-list-li ul li.noac.active a.act-a::after{width:100%;}
.header-list-li ul li.noac i.glyphicon{display: none;}
.header-list-li ul li.noac{position: relative;width: 100px;margin:0 5px;padding: 0;}

.header-list-li ul li.noac .act-a{border:none;
    padding: 0px 0;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    color: #101010;}
.header-list-li li i{display: inline-block;margin-left: 5px;}
.header-list-li li i svg{width: 12px;height: 12px;}


.mobile-header{}
.mobile-header .mobile-main{    background: #fff;
    -webkit-box-shadow: 0px 1px 5px rgb(0 18 37 / 12%);
    box-shadow: 0px 1px 5px rgb(0 18 37 / 12%);
    top: 0px;
    z-index: 100;}
.mobile-header .mobile-main .mobile-nav{height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;padding: 0px 15px;
    background: #000}
.mobile-header .mobile-main .mobile-nav .mobile-logo{height: 40px;margin:10px 0;}
.mobile-header .mobile-main .mobile-nav .mobile-logo a{height: 100%;}
.mobile-header .mobile-main .mobile-nav .mobile-logo a img{height: 100%;}
.mobile-header .mobile-main .mobile-nav .mobile-btn{    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: right;
    cursor: pointer;
    right: 0;}
.mobile-header .mobile-main .mobile-nav .mobile-btn.active span:nth-child(1){-webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);}
.mobile-header .mobile-main .mobile-nav .mobile-btn.active span:nth-child(2){opacity: 0;}
.mobile-header .mobile-main .mobile-nav .mobile-btn.active span:nth-child(3){    -webkit-transform: translateY(-9.5px) rotate(45deg);
    transform: translateY(-9.5px) rotate(45deg);}
.mobile-header .mobile-main .mobile-nav .mobile-btn span{display: inline-block;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: #666;
    -webkit-transition: opacity 500ms cubic-bezier(.2,0,0,1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: opacity 500ms cubic-bezier(.2,0,0,1);
    transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);}
.mobile-header .mobile-main .mobile-nav .mobile-btn span{}
.mobile-header .mobile-main .mobile-nav .mobile-btn span{}
.mobile-header .mobile-main .mobile-content.active{opacity: 1;
    opacity: 1;
    background: rgba(0,0,0,.7);
    z-index: 9999;
    pointer-events: auto;
}
.mobile-header .mobile-main .mobile-content{width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: fixed;
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 500ms cubic-bezier(.2,0,0,1);
    transition: opacity 500ms cubic-bezier(.2,0,0,1);
    top: 0;}
.mobile-header .mobile-main .mobile-content .shop-links *{
    /* pointer-events: auto;  */
}
.mobile-header .mobile-main .mobile-content .shop-links .btns{
    color: #000;margin-top: 15px;;
}
.mobile-header .mobile-main .mobile-content .shop-links .btns+.dropdown-menu{
    margin-left: 15px;;
}
.mobile-header .mobile-main .mobile-content .shop-links .btns:hover +.dropdown-menu{
    display: block;
}
.mobile-header .mobile-content-main.active{    opacity: 1 !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow: auto;}
.mobile-header .mobile-content-main{width: 70%;
    opacity: 0;
    height: 100%;
    float: left;
    position: fixed;
    z-index: 9999;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition:all .3s ease;;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
}
.mobile-header .mobile-content-main .mobile-content-logo{margin: 2rem;}
.mobile-header .mobile-content-main .mobile-content-logo a{}
.mobile-header .mobile-content-main .mobile-content-logo a img{}
.mobile-header .mobile-content-main .mobile-ul{}
.mobile-header .mobile-content-main .mobile-ul li.noac{width: 100%;
    border: 1px solid #eee;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.mobile-header .mobile-content-main .mobile-ul li.noac a{height: 46px;
    color: #101010;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;}
.mobile-header .mobile-content-main .mobile-ul li.noac .list-dropdown{box-shadow: none;border:none;float: none;}
.mobile-header .mobile-content-main .mobile-ul li.noac
.mobile-header .mobile-content-main .mobile-ul li.noac .list-dropdown li{}
.mobile-header .mobile-content-main .mobile-ul li.noac .list-dropdown li a{}
.mobile-header .mobile-content-main .mobile-ul li.noac .list-dropdown li ul{padding-left: 30px;}
.mobile-header .mobile-content-main .mobile-ul li.noac .list-dropdown li ul li{}


/*.header-list-li ul li.noac:hover:after{content: "";display: block;width: 50%;height: 3px;background: #ff4242;position: absolute;left: 50%;margin-left: -25%;bottom: 0;}*/
/*.header-list-li ul li.active:after{content: "";display: block;position: absolute;top:18px;right:2px;color:#fff;width: 10px;height:12px;
background: url(../image/nav-icon.png) no-repeat;}*/
/*index*/
.banner{overflow: hidden;position: relative;}
.banner-bxslider{}
.banner-bxslider li{}
.banner-bxslider li a{display: block;}
.banner-bxslider li figure{display: block;font-size: 0}
.banner-bxslider li img{width: 100%;}
.banner-bxslider .bx-pager-item{}
.banner-bxslider .bx-pager-item a.active{background: #82bd41}
.banner .bx-wrapper .bx-next{right:0}
.banner .bx-wrapper .bx-prev{left: 0}
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0px;text-align:center;padding:10px;}
.bx-wrapper .bx-pager .bx-pager-item{vertical-align: top;}
.banner .bx-wrapper .bx-pager .bx-pager-item a, .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width:8px;height: 8px;background: #555;font-size: 0;vertical-align: middle;border-radius: 50%;
	}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: red}
.banner .bx-wrapper .bx-controls-direction a{display: none;}

.banner .bx-wrapper .bx-controls-direction a.bx-next{background: url(../image/banner-right.png) no-repeat 100% 100%;left: 50%;margin-left: 560px;
transition:all .3s;-webkit-transition:all .3s;}
.banner .bx-wrapper .bx-controls-direction a.bx-next:hover{margin-left: 570px;}
.banner .bx-wrapper .bx-controls-direction a.bx-prev:hover{margin-left: -590px;}
.banner .bx-wrapper .bx-controls-direction a.bx-prev{background: url(../image/banner-left.png) no-repeat 100% 100%;left: 50%;margin-left: -580px;
transition:all .3s;-webkit-transition:all .3s;}
.bx-wrapper .bx-controls-direction a{width: 40px;height: 80px;top:50%;margin-top: -40px;display: none;z-index: 666}
.bx-wrapper .bx-controls-direction a.bx-next{background:url(../image/right-btn.png) no-repeat 100% 100%;right: 0}
.bx-wrapper .bx-controls-direction a.bx-prev{background:url(../image/left-btn.png) no-repeat 100% 100%;left: 0}
.bx-wrapper .bx-viewport{background: transparent;}
.banner-index-ling .bx-wrapper .bx-controls-direction a.bx-next{background:url(../image/index-box2-r.jpg) no-repeat 100% 100%;right: 50%;width: 80px;height: 50px;margin-right: -90px;top: 100%;margin-top:40px;}
.banner-index-ling .bx-wrapper .bx-controls-direction a.bx-prev{background:url(../image/index-box2-l.jpg) no-repeat 100% 100%;left: 50%;width: 80px;height: 50px;margin-left: -90px;top: 100%;margin-top:40px;}

.case-box2-banner .bx-wrapper .bx-controls-direction a.bx-next{}
.case-box2-banner .bx-wrapper .bx-controls-direction a.bx-prev{}
.case-box2-banner .bx-wrapper .bx-pager .bx-pager-item a,.case-box2-banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width: 40px;height: 4px;background: #000;}
.case-box2-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2f7cd3}
.case-box2-banner .bx-default-pager{bottom: 0}

.programme-box3-banner .bx-wrapper .bx-controls-direction a.bx-next{}
.programme-box3-banner .bx-wrapper .bx-controls-direction a.bx-prev{}
.programme-box3-banner .bx-wrapper .bx-pager .bx-pager-item a,.case-box2-banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width: 40px;height: 4px;background: #000;display: none;}
.programme-box3-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2f7cd3}
.programme-box3-banner .bx-default-pager{bottom: 0}

.banner-about .bx-wrapper .bx-controls-direction a{display: none;}
.banner-about .bx-wrapper .bx-pager{bottom: 20px;}
.banner-about .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;width: 15px;height: 15px;border-radius: 50%;}
.banner-about .bx-wrapper .bx-pager.bx-default-pager a.active{background: #3172b9}



.swiper-banner{overflow: hidden;position: relative;}
.swiper-banner .swiper-slide{position: relative;text-align: center;overflow: hidden;}
.swiper-banner .swiper-slide img{width: 100%;}
.swiper-banner .swiper-slide .gray-bg{display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: url(../image/banner_bg.png);
                opacity: 0.7;
                filter: alpha(opacity=55);
}
.swiper-banner .swiper-slide .swbox{
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -100px;
  color: #fff;
  z-index: 3;
  right: 0;padding:0 50px;
}
.swiper-banner *{}
.swiper-banner .swiper-pagination{position: absolute;
    bottom: 20px;
    left: 0;padding:0 50px;text-align: center;
    z-index: 10;
    right: 0;
    margin: 0 auto;
    width: 100%;}
.swiper-banner .swiper-pagination-bullet-active{background-color: #fff!important;opacity:1!important;height:4px!important;}
.swiper-banner .swiper-pagination span{
  display: inline-block;
    width: 80px;
    height: 2px;
    margin-right: 10px;
    opacity: 1;
    background-color:#fff;
    position: relative;
    cursor: pointer;
    border-radius:25px;
    overflow: hidden;position: relative;
    transition: all 0.1s;float: none;
}
.swiper-banner .swiper-pagination span .is{width: 0;height: 5px;background: #fff;border-radius:20px;
position: absolute;left: 0;top: 0;display: block;z-index: 66;}
.swiper-pagination-bullet{}
.swiper-banner .swiper-pagination span .is.active{width: 100%;}
.swiper-banner .swiper-button-prev,
.swiper-banner .swiper-button-next{width: 100px;height: 60px;background: rgba(0,0,0,.3);}
.swiper-banner .swiper-button-prev:after,
.swiper-banner .swiper-button-next:after{display: none;}

.figure-img-res{text-align: center;}
.figure-img-res a{display: block;}
.figure-img-res img{transition:all .8s;}
.figure-img-res:hover img{
    transform:scale(1.1);/*���� ����=1���䣬<1 ��С >1 ��� ���� �ߵ�*/
-ms-transform:scale(1.1);/*����IE9�����*/
-webkit-transform:scale(1.1);/*���ݹȸ������*/
-o-transform:scale(1.1);/*����opera�����*/
-moz-transform:scale(1.1)
}
.color1{background-color: #ecf3ff;}
.color2{background-color: #d1f2db;}
.color3{background-color: #f0f0f0;}
.color4{background-color: #fad8ca;}
.color5{background-color: #f9fbff;}

.padding15{padding:0 15px;}


.index-figure{}
.index-figure a{display: block;}
.index-figure img{width: 100%;}
/* index-box2 about*/
.index-box2-swiper{overflow: hidden;position: relative;;}
.index-box2-swiper .swiper-button-prev{left: 50px;background: url(../image/index-box2-swiperl.png);}
.index-box2-swiper .swiper-button-next{right: 50px;background: url(../image/index-box2-swiperr.png);;}
.index-box2-swiper .swiper-button-prev,.index-box2-swiper .swiper-button-next{
    width: 76px;height: 76px;margin-top: 38px;transition: all 0.3s ease;
    opacity: 0;top: 50%;;display: none;
}
.index-box2-swiper:hover .swiper-button-prev,.index-box2-swiper:hover .swiper-button-next{
    opacity: 0.8;
}
.index-box2-swiper .swiper-button-prev:hover,.index-box2-swiper .swiper-button-next:hover{
    opacity: 1;
}
.index-box2-swiper .swiper-button-prev:after,.index-box2-swiper .swiper-button-next:after{
    content: '';display:none;
}
.index-box2-swiper .swiper-slide{overflow: hidden;;}
.index-box2-swiper .swiper-slide a img{width: 100%;;}
.index-box2-swiper .swiper-slide a{width: 100%;display: block;}
.index-box2-swiper .swiper-pagination .swiper-pagination-bullet{
background-color: #83c326;transition: all 0.7s ease;opacity: 1;
}
.index-box2-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #fff;
}

/* index-box2 */
.index-box2{overflow: hidden;position: relative;}
.index-box2-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-box2-bg img{height: 100%;min-width:100%;max-width: none;position: relative;
left: 50%;
    transform: translateX(-50%);}
.index-box2-bg:after{content: '';display: block;width: 100%;height: 100%;
    background: rgba(0,0,0,.3);position:absolute;top: 0;left: 0;}
.index-box2 .container{position: relative;}
.index-box2 .box{top: 0;left: 0;width: 100%;;}
.index-box2 .box .index-title{}
.index-box2 .box .index-title h2{color: #fff;;}
.index-box2 .box .index-title p{color: #fff;width: 80%;margin:20px auto;}
.index-box2 .box .list{font-size: 0;text-align: center;}
.index-box2 .box .list li{display: inline-block;margin: 15px;;}



/* index-about */
.index-about{padding: 60px 0;margin-top: 60px;overflow: hidden;padding-bottom: 0;}
.index-about .containerwidth97{font-size: 0;}
.index-about-left{padding:30.14px;float: none;vertical-align: middle;display: inline-block;}
.index-about-right{padding:30px;float: none;vertical-align: middle;display: inline-block;}
.index-about-right .title{margin-bottom: 20px;;}
.index-about-right .title h2{font-size: 22px;letter-spacing:5px;margin-bottom: 5px;;}
.index-about-right .title p{font-family: "Arial";color: #aca7a7;font-size: 20px;;}
.index-about-right .con{font-size: 16px;line-height: 30px;color: #636363;;}
.btn-main{margin-top: 30px;;}
.btn-main a{display: block;width:150px;text-align: center;color: #fff;background: #83c326;
padding: 15px;text-decoration: none;transition:all .3s;}
.btn-main a:hover{background: #6c9a29;}

.index-about-bottom{padding: 40px 0;margin-top: 30px;;
    border-top: 1px solid #ccc;overflow: hidden;}
.index-about-bottom ul{font-size: 0;padding:20px 0;width: 100%;display: flex;}
.index-about-bottom ul li{display: inline-block;float: none;
    vertical-align: middle;text-align: center;flex: 1;}
.index-about-bottom ul li a{font-size: 0;color: #000;display: inline-block;}
.index-about-bottom ul li a i{display: inline-block;vertical-align: middle}
.index-about-bottom ul li a i img{}
.index-about-bottom ul li a .con{display: inline-block;vertical-align: middle;
padding:0 15px;text-align: left;}
.index-about-bottom ul li a h4{font-size: 18px;font-family: "wenquan";}
.index-about-bottom ul li a p{font-size: 14px;
    font-family: "Arial";color: #6b6c6d;}



.index-titles-t{margin-bottom: 70px;color: #212c44;text-transform: uppercase;}
.index-titles-t h3{font-size: 35px;color: #0958cd;font-weight: 500;line-height: 46px;margin-bottom: 20px;}
.index-titles-t p{color: inherit;}
/*.index-titles-t span{display: block;width: 100px;height:2px;background: #0a6ef0;margin-top: 10px;margin:10px auto;}*/
.index-titles-t ul{text-align: center;}
.index-titles-t ul li{display: inline-block;margin:0 20px;}
.index-input-group{display: block;position: relative;}
.index-titles-t-input{max-width: 400px;margin:15px auto;}
.index-titles-t-input .form-control{padding-right: 40px;height: 40px;border-radius: 0!important;}
.index-titles-t-input button{background: transparent;border:none;width: 40px;height: 40px;padding: 10px;
position: absolute;top: 0;right: 0;}
.index-titles-t-input button:focus,.index-titles-t-input button:hover,.index-titles-t-input button:active,
.index-titles-t-input button:active:focus{
  background: transparent;border:none;outline: none;box-shadow: none;
}



.index-bannermin{margin-bottom: 30px;}
.index-bannermin img{width: 100%;}

/*.index-title{padding:60px 0;text-align: center;}
.index-title h3{text-align: center;font-size: 30px;color: #000;text-transform: uppercase;}
.index-title span{display: inline-block;width: 30px;height: 2px;background: #007bfc}
.index-title p{display: block;text-align: center;color: #a9a9a9;margin-top: 15px;}*/

.main{overflow: hidden;}


.blur-border{display: inline-block;width: 40px;height: 4px;background: #0e49bb;margin:10px 0;}

/*guote*/
.guote-main{background: #888;padding:80px 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../image/bg_quote.jpg);}
.guote-right{}
.guote-right .box:after{
      content: "";
    height: 15px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: -14px;
    background: rgba(255,255,255,.5);
    left: 0;
    /* transform: scale(.95); */
    /* -webkit-transform: scale(.95); */
    -ms-transform: scale(.95);
    z-index: -1;
    left: 5%;
    right: 5%;
}
.guote-right .box{padding: 30px 50px 45px 50px;background: rgba(255,255,255,.9);
    backdrop-filter: blur(5px);border-radius: 10px;}
.guote-right .box .header-ti{}
.guote-right .box .header-ti .title:after{content: "";
    width: 5px;
    height: 80%;
    position: absolute;
    top: 0;
    left: -50px;
    background: #ffa800;
    bottom: 0;
    margin: auto;}
.guote-right .box .header-ti .title{    width: 100%;
    line-height: 46px;
    font-size: 32px;color: #ffa800;
    position: relative;}
.guote-right .box .header-ti p{color: #666;}
.guote-right .guote-main-inp{}
.guote-right .guote-main-inp ul{}
.guote-right .guote-main-inp ul li{border-bottom: 1px solid #ccc;position: relative;;}
.guote-right .guote-main-inp ul li span{width: 0;height: 1px;display: block;position: absolute;bottom: -1px;left: 0;
background: #ffa800;z-index: 666;transition:all .5s;}
.guote-right .guote-main-inp ul li label{display: block;transition:all .3s;position: absolute;top:15px;font-weight: inherit;}
.guote-right .guote-main-inp ul li.active span{width: 100%;}
.guote-right .guote-main-inp ul li.active label{top: 0px;color: #ffa800;}
.guote-right .guote-main-inp ul li input{
  height: 50px;
    top: 10px;
    border: 0;box-shadow: none;border-radius: 0;
    background: transparent;    position: relative;    transition: 300ms cubic-bezier(.4,0,.2,1);
    -webkit-transition: 300ms cubic-bezier(.4,0,.2,1);
}
.borderno{border:none!important;}
.guote-right .guote-main-inp ul li.texta{}
.guote-right .guote-main-inp ul li .textah4{font-size: 14px;font-weight: inherit;margin:15px 0;}
.guote-right .guote-main-inp ul li.texta textarea{border: 1px solid #ccc;background: transparent;box-shadow: none;}
.guote-right .guote-main-inp ul li.texta.active{}
.guote-right .guote-main-inp ul li.texta.active textarea{border-color: #ffa800;}
.guote-right .guote-main-inp ul li .files{width: 120px;
    height: 40px;
    line-height: 40px;
    background: #bbb;
    background-image: linear-gradient(to top, #bbb 0%, #ccc 100%);
    color: #666;
    vertical-align: bottom;margin-bottom: 5px;    position: relative;
    overflow: hidden;cursor: pointer;text-align: center;
    display: inline-block;border-radius: 5px;}
.guote-right .guote-main-inp ul li .files:hover{background: #ffa800;}
.guote-right .guote-main-inp ul li .files:hover i{color: #fff;}
.guote-right .guote-main-inp ul li .files:hover dd{color: #fff;}
.guote-right .guote-main-inp ul li .files i{display: inline-block;}
.guote-right .guote-main-inp ul li .files dd{font-size: 16px;display: inline-block;}
.guote-right .guote-main-inp ul li .files input{top: 60px;right: 0;width:200px;position: absolute;opacity: 0;cursor: pointer;font-size: 200px;}
.guote-right .guote-main-inp ul li p{color: #666;display: block;margin:15px 0;}


/*index*/


.index-list2-box2{overflow: hidden;}
.index-list2-box2 a{display: inline-block;position: relative;width: 260px;padding:15px;}
.index-list2-box2 a img{width: 100%;}
.index-list2-box2 a .box{position: relative;overflow: hidden;}
.index-list2-box2 a .text{position: absolute;
  bottom: -100%;left: 0;width: 100%;background: rgba(0, 0, 0, 0.5);
  padding:15px;white-space:normal;color: #fff;line-height: 20px;
transition: all .3s;}
.index-list2-box2 a:hover .text{
  bottom: 0;
}

.indexs-title{margin-bottom: 30px;}
.indexs-title h3{font-size: 32px;display: inline;font-weight: bold;}
.indexs-title span{font-size: 18px;color: rgb(102, 102, 102);display: inline;}
.indexs-title span{}



.index-box1{}


.index-box2{padding:100px 0;overflow: hidden;}
.index-box2 .left{padding-top: 30px;}
.index-box2 .left .text{margin-top:60px;}
.index-box2 .left .text .new{margin-bottom: 8px;display: block;}
.index-box2 .left .text .new img{}
.index-box2 .left .text .links{display: block;}
.index-box2 .left .text .links h3{ white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;}
.index-box2 .left .text .links p{text-overflow: -o-ellipsis-lastline;
  color: #666;
    font-size: 14px;
    line-height: 26px;
    margin-top: 14px;
    white-space: normal;;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}


.index-box3{padding:60px 0;overflow: hidden;
background: #f7f7f7;;}
.index-box3 *{white-space: normal;}
.index-box3-list{}
.index-box3-ul{font-size: 0;}
.index-box3-list .list{padding:0 7px;
    display: inline-block;float: none;vertical-align: top;}
.index-box3-list .list .box{background: #fff;padding:40px 15px;}
.index-box3-list .list .box .text{display: block;text-decoration: none;}
.index-box3-list .list .box .text:hover h3{color: #83c326;}
.index-box3-list .list .box .text h3{ white-space: nowrap;font-size: 16px;color: #333;
    text-overflow: ellipsis;margin-bottom: 15px;;
    overflow: hidden;font-weight: 600;
    word-break: break-all;}
.index-box3-list .list .box .text:hover span{color: #ff908c;}
.index-box3-list .list .box .text span{color: #aeaeae;;padding: 5px 20px;background: #f3f3f4;
    margin:15px 0;display: inline-block;vertical-align: middle;}
.index-box3-list .list .box .text span i{display: inline-block;font-size: 0;top: -5px;
    position: relative;;}
.index-box3-list .list .box .text p{display: block;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;margin-bottom: 15px;;
  line-clamp: 2;
  -webkit-box-orient: vertical;color: #666;line-height: 20px;
}
.index-box3-list .list .box figure{overflow: hidden;border-radius: 5px;;}
.index-box3-list .list .box figure img{width: 100%;transition: all .3s;}
.index-box3-list .list .box:hover figure img{transform: scale(1.1);}



.index-box4{padding:20px 0;overflow: hidden;background: #f7f7f7;padding-bottom: 50px;;}
.index-box4-list{}
.index-box4-list ul{font-size: 0;vertical-align: top;}
.index-box4-list ul .list{display: inline-block;float: auto;
width: 13%;margin: 0.5%;;background:#fff;;}
.index-box4-list ul .list a{display: block;text-align: center;}
.index-box4-list ul .list a figure{overflow: hidden;}
.index-box4-list ul .list a figure img{max-height: 100px;}




.index-box5{margin: 80px 0;overflow: hidden;}
.index-box5 .list:nth-child(1) .box,.index-box5 .list:nth-child(2) .box{border-bottom: 1px solid #eee;}
.index-box5 .list{}
.index-box5 .list .box{padding:30px 0;}

.index-title{position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.index-title b{display: block;width: 35px;height: 2px;border-radius: 5px;background: #ffa800;
position: absolute;
    left: 0;
    bottom: 0;
}
.index-title b.center{position: relative;margin:20px auto;}
.index-title span{position: relative;
  font-size: 70px;
    line-height: 1em;
    color: rgba(0,0,0,.05);
    background: transparent;
    background: -moz-linear-gradient(top, rgba(242,241,235,1) 0%, rgba(255,255,255,0) 85%);
    background: -webkit-linear-gradient(top, rgb(236, 236, 236) 0%,rgba(255,255,255,0) 95%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    bottom: -30px;
}
.index-title h3{font-size: 60px;position: relative;z-index: 22;}
.index-title p{}
.more-like{}
.more-like a:hover,.more-like button:hover{background: #0d172b;color: #fff;}
.more-like a:hover span{color: inherit;}
.more-like a,.more-like button{position: relative;
    z-index: 99;
    background: transparent;overflow: hidden;
    color: #385f93;
    font-size: 26px;
    border-radius: 60px;
    border:1px solid #ccc;text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height:18px;
    display: inline-block;
    font-weight: 500;
  text-transform: none;text-decoration: none;
    letter-spacing: 0;
    padding: 8px 50px;margin-right: 20px;
}
*::selection{
      background:#83c326;
    color: #ffffff;
}
.more-like a .by,.more-like button .by{    position: relative;
    z-index: 99;
    color: inherit;}

.colorf *{color: #fff;}

.product_list{overflow: hidden;}
.product_list ul{}
.product_list ul li{}
.product_list ul li a{overflow: hidden;border-radius: 5px;}

/*two-high*/
.two-high-box1{background: #fbfbfb;padding: 100px 0;}
.two-high-box1-list{margin-top: 60px;}
.two-high-box1-list ul{font-size: 0;}
.two-high-box1-list ul li{display: inline-block;float: none;vertical-align: middle;}
.two-high-box1-list ul li .box{background: #fff;padding: 70px 40px;box-shadow: 0 0 20px #eee;
border-bottom: 4px solid #922c2d;}
.two-high-box1-list ul li .box .title{margin-bottom: 40px;}
.two-high-box1-list ul li .box .title h3{font-size: 22px;color: #222;margin-bottom: 5px;}
.two-high-box1-list ul li .box .title span{color: rgb(102, 102, 102);}
.two-high-box1-list ul li .box p{font-size: 15px;
    line-height: 38px;
    color: rgb(128, 128, 128);height: 120px;overflow: hidden;}
.two-high-box2{padding-bottom: 60px;}
.two-high-box2-list{}
.two-high-box2-list{}

.two-high-box2-list-liMarquee{position: relative;}
.two-high-box2-list-liMarquee a{width: 340px;padding: 15px;}
.two-high-box2-list-liMarquee a .box{overflow: hidden;}
.two-high-box2-list-liMarquee a .box img{width: 100%;transition: all .8s;ransform: scale(1);}
.two-high-box2-list-liMarquee a:hover .box img{transform: scale(1.3);}

/*about*/
.about-main{}
.about-box1{margin: 60px 0;overflow: hidden;}
.about-box1-right{padding: 0 15px 30px 15px;}
.about-box1-right .text{}
.about-box1-right .text h2{margin-bottom: 10px;font-size: 24px;;}
.about-box1-right .text h4{margin-bottom: 10px;;color: #aca7a7;;}
.about-box1-right .text p{color: #636363;line-height: 32px;font-size: 16px;;}
.about-box2{padding: 60px 0;background: #f7f7f7;}
.about-box2 .index-title{margin-bottom: 20px;}
.about-box2-list{overflow: hidden;position: relative;padding-bottom:80px;}
.about-box2-list ul{font-size: 0;;}   
.about-box2-list ul li{text-align: center;background: #fff;padding: 30px 15px;;
    width: 18%;margin:0 1%;vertical-align: middle;display: inline-block;
min-height: 350px;;}
.about-box2-list ul li h3{font-size: 70px;text-align: center;color: #f7f7f7;
font-family: "siyuan";font-weight: 700;}
.about-box2-list ul li .time{margin:15px 0;font-size: 16px;;}
.about-box2-list ul li p{color: #737373;font-size: 14px;text-align: left;}
.about-box2-list .swiper-pagination{display: block;bottom: -0;;}
.about-box2-list .swiper-pagination .swiper-pagination-bullet{
    background: #83c329;width: 40px;height:4px;border-radius: 0;opacity: 1;}
.about-box2-list .swiper-pagination .swiper-pagination-bullet-active{
    background: #476732
}

.page-banner{position: relative;}
.page-banner .swiper-pagination{}
.page-banner .swiper-pagination .swiper-pagination-bullet{background: #fff;width: 10px;height: 10px;}

.about-box3{margin:50px 0;overflow: hidden;}
.about-box3-swiper{overflow: hidden;;}
.about-box3-swiper .swiper-slide{padding: 2px;;}
.about-box3-swiper .swiper-slide a{display: block;border-radius: 5px;overflow: hidden;}
.about-box3-swiper .swiper-slide a img{width: 100%;;}
.about-box3-swiper .swiper-pagination-bullet{background: #ccc;;}
.about-box3-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #006aff;}


.about-box4{background: url("../image/index-box4-bg.jpg") no-repeat center;
    padding:60px 0;background-size: cover;}
.about-box4 .title{
    font-size: 26px;;margin-bottom: 50px;;
}
.about-box4 .list{}
.about-box4 .list li{display: block;margin: 15px 0;}
.about-box4 .list li i{display: inline-block;width: 60px;height: 60px;
    text-align: center;}
.about-box4 .list li i img{}
.about-box4 .list li h4{display: inline-block;width: 120px;margin-left: 30px;;}
.about-box4 .list li p{display: inline-block}
/*newsletter*/
.newsletter-box1{padding:100px 0;padding-bottom: 50px;}
.newsletter-box1-left{}
.newsletter-box1-left ul{}
.newsletter-box1-left ul li{}
.newsletter-box1-left ul li a{text-decoration: none;font-size: 0;padding:35px 0;border-top: 1px solid #eee;
display: block;}
.newsletter-box1-left ul li:first-of-type a{border-top: none;}
.newsletter-box1-left ul li a h3:hover{color: #e4393c;}
.newsletter-box1-left ul li a h3{overflow: hidden;width: 80%;display: inline-block;vertical-align: middle;
text-overflow:ellipsis;
white-space: nowrap;color: #333;
    font-size: 16px;}
.newsletter-box1-left ul li a span{
  width: 20%;display: inline-block;vertical-align: middle;color: #999;text-align: right;
    font-size: 14px;
    line-height: 1.5;}
.newsletter-box1-left ul li a p{overflow: hidden;display: block;color: #666;
    font-size: 14px;
    line-height: 26px;
    margin-top: 14px;
    white-space: normal;
text-overflow:ellipsis;
white-space: nowrap;}

.newsletter-banner{overflow: hidden;}
.newsletter-banner .swiper-pagination{bottom: auto;position: relative;}
.newsletter-banner .swiper-pagination .swiper-pagination-bullet{width: 76px;height: 60px;border-radius: 0;
vertical-align: middle;background: transparent;opacity: 1;border:2px solid transparent;margin: 15px 5px;}
.newsletter-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  border:2px solid #e4393c;
}
.newsletter-banner .swiper-pagination .swiper-pagination-bullet img{position: relative;top: 50%;transform: translateY(-50%);}
.newsletter-banner:hover .swiper-button-prev,.newsletter-banner:hover .swiper-button-next{
  display: block;
}
.newsletter-banner .swiper-button-prev{width: 47px;height: 47px;border-radius: 50px;
  background: #9f9f9f;opacity: .5;left: 40px;display: none;text-align: center;line-height: 50px;margin-top: -80px;}
.newsletter-banner .swiper-button-next{width: 47px;height: 47px;border-radius: 50px;
  background: #9f9f9f;opacity: .5;right: 40px;display: none;text-align: center;line-height: 50px;margin-top: -80px;}
.newsletter-banner .swiper-button-prev:after,
.newsletter-banner .swiper-button-next:after{display: none;}
.newsletter-banner .swiper-button-prev:hover,
.newsletter-banner .swiper-button-next:hover{background:#282828;opacity: .8;}
.newsletter-banner .swiper-slide a .text{position:absolute;bottom: 0;left: 0;width: 100%;padding: 15px 25px;
background: rgba(0, 0, 0, .7);color: #fff;}


/*vide*/
.video-box{position:relative;}
.video-box .dow{position: absolute;top: 0;right: 0;z-index: 666;font-style: normal;}
.video-box .dow a{background: #ff4242;color: #fff;padding:5px 15px;font-size: 20px;}
.video-list{}
.video-list ul{font-size: 0;}
.video-list ul li{width: 20%;display: inline-block;vertical-align: middle;float: none;margin: 15px 0}
.video-list ul li a{display: block;font-size: 0;}
.video-list ul li a:hover span{}
.video-list ul li a:hover p{color: #ff4242}
.video-list ul li a span{padding:0;vertical-align: middle;float: none;display: inline-block;}
.video-list ul li a p{padding:0;vertical-align: middle;float: none;display: inline-block;padding-left: 10px;color: #333}

.video-box1{margin-top: 15px;margin-bottom: 30px;}
.video-box1 .list{}
.video-box1 .list ul{}
.video-box1 .list ul li{margin:15px 0;}
.video-box1 .list ul li a{text-decoration: none;display: block;color: #333;background: #f6f6f6;transition:all .3s;}
.video-box1 .list ul li a:hover{background: #2a9ad4;color: #fff;}
.video-box1 .list ul li a:hover h3{color: #fff;}
.video-box1 .list ul li figure{display: block;}
.video-box1 .list ul li h3{text-align: center;padding:10px 0;color: #333;font-size: 16px;}

/* resource */

/* 主容器 */
.resource-main-container {
    padding:80px 0;overflow: hidden;
    background-color: #f7f7f7;
}
.resource-main-container .containerwidth97{
    background-color: #ffffff;padding: 15px;;
}
/* 左右栏通用样式 */
.resource-left-col,
.resource-right-col {
    padding: 80px 60px;
}
/* 左侧企业文化区 */
.resource-culture-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3;
}
.resource-culture-content p {
    font-size: 14px;
    margin-bottom: 15px;line-height: 30px;;
    text-align: justify;color: #565656;text-indent:2em;
}
/* 右侧招聘面板区 */
.resource-job-panel-group {
    background-color: #f8f8f8;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding-bottom: 80px;;
}
.resource-job-panel {
    border-radius: 4px;border:none;
    margin-bottom: 0;background-color: #f8f8f8;
}
.resource-job-panel-collapse{
}
.resource-job-panel-heading {
    padding: 12px 15px;
    background-color: #f8f8f8;border: none;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}
.resource-job-panel-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.resource-job-panel-toggle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.resource-job-panel-body {
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;background-color: inherit;
}
.resource-job-panel-body ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.resource-job-panel-body li {
    margin-bottom: 8px;color: #565656;
}
.resource-job-panel-body li:last-child {
    margin-bottom: 0;
}
/* 响应式适配 */
@media (max-width: 991px) {
    .resource-left-col,
    .resource-right-col {
        padding: 30px 20px;
    }
    .resource-culture-title {
        font-size: 22px;
    }
}


/*product*/
.margin0{margin:0;}
.product-pagelist{text-align: center;background: #f7f7f7;margin-bottom: 10px;}
.product-pagelist a{display: inline-block;color: #434342;padding: 8px 20px;position: relative;}
.product-pagelist a:after{content: "";display: block;width: 0%;height: 3px;background: #86ba79;position: absolute;
top: 100%;left: 50%;margin-top: -1px;transition:all .3s; transform: translateX(-50%);opacity: 0;}
.product-pagelist a:hover,.product-pagelist a.active{color: #86ba79;text-decoration: none;}
.product-pagelist a.active:after,.product-pagelist a:hover:after{width: 30%;opacity: 1;}


/*.page-absolute{padding: 10px 0;background: #e6ebf0;}
.page-absolute span{color: #333;}
.page-absolute span a{text-decoration: none;}
*/
.product-box-left{background: #fff;}


.leftproduct{display: none;}
.leftsidebar_box{width:100%;height:auto !important;overflow:visible !important;position:relative;height:100% !important;}
.leftsidebar_box .system_log{}
.leftsidebar_box dt{padding:0;padding-right:0px;background-repeat:no-repeat;
  background-position:10px center;color:#6a6a6a;font-size:16px;
  position:relative;line-height:30px;cursor:pointer;}
.leftsidebar_box dt a{display: block;background: #fff;padding: 8px 15px;transition:all .2s;
      text-align: left;font-size: 14px;color: #333;text-decoration: none;border-bottom: 1px solid #E1E1e1;}
.leftsidebar_box dt a:hover,.leftsidebar_box dt.active a{background: #f9f9f9;color: #266caa;}
.leftsidebar_box dd{padding:5px 0;text-align: left;padding-left:40px;}
.leftsidebar_box dd a{color:#666;display: block;text-decoration: none;font-size: 14px;text-transform: uppercase;}
.leftsidebar_box dd .gou-icon{float: right;margin-right: 35px;position: relative;width: 18px;height: 18px;}
.leftsidebar_box dd .gou-icon img{position: absolute;top: 0;left: 0;position: absolute;}
.leftsidebar_box dd .gou-icon .gouhover{display: none;position: absolute;top: 0;left: 0;}
.leftsidebar_box dd.active .gou-icon .gouhover{display: block!important;}
.leftsidebar_box dt img{position:absolute;right:15px;top:50%;transform:translateY(-50%);
  -webkit-transform:translateY(-50%);}
.leftsidebar_box dl{margin-top: -1px;}
.leftsidebar_box dl dd:last-child{padding-bottom:10px;}

.product-box{padding-top: 50px;position: relative;background: #F7F7F7;overflow: hidden;}



.product-right{padding:50px;background: #fff;}
.product-right-list{}
.product-right-riltr-box{}
.product-right-riltr-box .filtr-item{padding:0 10px;position: relative;top: 0;
  margin-bottom: 30px;transition:all .3s;-webkit-transition:all .3s;}
.product-right-riltr-box .filtr-item a:hover{
  -webkit-box-shadow: 0 7px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 17px 10px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0,-5px,0);
}
.product-right-riltr-box .filtr-item a{display: block;text-align: center;text-decoration: none;border-radius: 5px;
overflow: hidden;transition:all .3s;-webkit-transition:all .3s;padding-bottom: 30px;background: #fff;
position: relative;}
.product-right-riltr-box .filtr-item a figure{display: block;text-align: center;overflow: hidden;}
.product-right-riltr-box .filtr-item a figure img{display: inline-block;width: 100%;transition:all .5s;}
.product-right-riltr-box .filtr-item a:hover figure img{transform:scale(1.2);/*���� ����=1���䣬<1 ��С >1 ��� ���� �ߵ�*/
-ms-transform:scale(1.2);/*����IE9�����*/
-webkit-transform:scale(1.2);/*���ݹȸ������*/
-o-transform:scale(1.2);/*����opera�����*/
-moz-transform:scale(1.2);/*���ݻ�������*/}
.product-right-riltr-box .filtr-item a .box{}
.product-right-riltr-box .filtr-item a .box .text{}
.product-right-riltr-box .filtr-item a .box .text h4{margin:15px 0;color: #222;}
.product-right-riltr-box .filtr-item a:hover .box .text h4{;color: #fda522;}
.product-right-riltr-box .filtr-item a .box .text p{color: #222;}

.product-detailed-con{background: #fff;margin-bottom: 80px;}
.product-detailed-con{}
.product-detailed-con .tabnav{border-bottom: 1px solid #ccc;}
.product-detailed-con .tabnav ul{}
.product-detailed-con .tabnav ul li{display: inline-block;padding:18px 10px;position: relative;}
.product-detailed-con .tabnav ul li.active:after{display: inline-block;content:"";width: 100%;height: 2px;background: #fda522;position: absolute;
bottom: -1px;left: 0;}
.product-detailed-con .tabnav ul li.active a,.product-detailed-con .tabnav ul li a:hover{color: #fda522}
.product-detailed-con .tabnav ul li a{color: #333;font-size: 16px;text-decoration: none;}
.product-detailed-con .cons{padding: 20px 0;    line-height: 2em;}
.product-detailed-con .cons *{}


.wbg{background: transparent;}
.header-tit{padding:15px 0;border-bottom: 1px solid #ccc;color: #333;margin-bottom: 15px;font-size: 16px;}

/*why*/
.why-box1{padding-top: 50px;}
.why-box1-main{    background: #181f29 url(/image/why-img1.jpg) center no-repeat;
    padding: 110px 0px;background-size: cover;
    margin-top: 60px;}
.why-box1-main .row{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 100px;
}
.why-box1-main .row .l{position: relative;}
.why-box1-main .row .r{background: #22303f;}
.why-box1-main .row .why-box1-img{padding: 70px;}
.why-box1-main .row .why-box1-img img{display: block;
    margin-left: auto;
    margin-right: auto;}
.why-box1-main .row .why-box1-nav{position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;}
.why-box1-main .row .why-box1-nav li{position: absolute;
    width: 170px;
    height: 90px;
    left: 50%;
    top: 50%;}
.why-box1-main .row .why-box1-nav li:nth-child(1){    margin-top: -300px;
    margin-left: -50px;}
.why-box1-main .row .why-box1-nav li:nth-child(2){margin-top: -180px;
    margin-left: 170px;}
.why-box1-main .row .why-box1-nav li:nth-child(3){margin-top: 60px;
    margin-left: 170px;}
.why-box1-main .row .why-box1-nav li:nth-child(4){margin-top: 180px;
    margin-left: -50px;}
.why-box1-main .row .why-box1-nav li:nth-child(5){    margin-top: 60px;
    margin-left: -250px;}
.why-box1-main .row .why-box1-nav li:nth-child(6){margin-top: -180px;
    margin-left: -250px;}
.why-box1-main .row .why-box1-nav li a{text-decoration: none;}
.why-box1-main .row .why-box1-nav li a h3{font-size: 16px;
    color: #fff;}
.why-box1-main .row .why-box1-nav li a h3 span{font-size: 60px;
    color: #0170d9;
    line-height: 1;
    display: block;}
.why-box1-main .row .why-box1-nav li a p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #fff;
}
.why-box1-main .row .why-box1-content{height: 100%;}
.why-box1-main .row .why-box1-content li{display: none;background: #416284;
    padding: 20px;
    height: 100%;
    position: relative;}
.why-box1-main .row .why-box1-content li.active{display:block!important;}
.why-box1-main .row .why-box1-content li .why-box1-txt{}
.why-box1-main .row .why-box1-content li .why-box1-txt h3{font-size: 28px;
    color: #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;}
.why-box1-main .row .why-box1-content li .why-box1-txt p{line-height: 2;
    color: #fff;}
.why-box1-main .row .why-box1-content li .why-box1-more{display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    background: #0170d9;
    position: absolute;
    bottom: 40px;
    left: 0px;
    transform: translateX(-50%);
    color: #fff;}
.why-box1-main .row .why-box1-content li .why-box1-more i{margin-left: 20px;}
.why-box2{}
.why-box2-content{    padding: 4.929577% 8.450704%;
    background-color: #f8f8f8;
    margin-top: 6rem;margin-bottom: 6rem;}
.why-box2-content .details{}
.why-box2-content .details strong,
.why-box2-content .details b{font-size: inherit;font-family: inherit;}
.why-box2-content .details h2{margin:15px 0;}
.why-box2-content .details h3{margin:15px 0;}
.why-box2-content .details p{margin:15px 0;}
.why-box2-content .details img{margin:0 auto;display: block;}




.video-fixed-main.showbox{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.video-fixed-main{
      position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
}
.video-fixed-main-container{width: 800px;
    position: relative;}
.video-fixed-main-iframe{    border: 1px solid #ccc;
width: 100%;
    height: 0;
    padding-bottom: 52.25%;
    position: relative;
    overflow: hidden;}
.video-fixed-main-iframe iframe{}
.video-fixed-main-close{    position: absolute;
    right: 0.6rem;
    top: -3rem;
    cursor: pointer;}
.video-fixed-main-close img{}

/*blog*/
.blog-main{margin-bottom: 80px;}
.blog-box1{margin-top: 120px;}
.blog-box1 .list{}
.blog-box1 .list ul{}
.blog-box1 .list ul li{margin-bottom: 20px;}
.blog-box1 .list ul li a{text-decoration: none;}
.blog-box1 .list ul li a:hover{}
.blog-box1 .list ul li a:hover figure{}
.blog-box1 .list ul li a:hover figure img{
          -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.blog-box1 .list ul li a figure{margin-bottom: 20px;overflow: hidden;}
.blog-box1 .list ul li a figure img{width: 100%;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);}
.blog-box1 .list ul li a .item{}
.blog-box1 .list ul li a .item .title{
      font-size: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.blog-box1 .list ul li a .item .meta{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    font-size: 1.4rem;
}
.blog-box1 .list ul li a .item .meta .spa{width: 0.4rem;display: inline-block;
    height: 0.4rem;
    margin: 0 1rem;
    background-color: #d91616;}
.blog-box1 .list ul li a .item .meta .date{color: #222}
.blog-box1 .list ul li a .item .content{margin-top: 20px;}
.blog-box1 .list ul li a .item .content p{font-size: 16px;color: #222;}
.blog-box1 .list ul li a .item .read{color: #222;margin-top:15px;}
.blog-box1 .list ul li a .item .read:after{content: "";display: inline-block;
    width: 29px;
    height: 7px;
    margin-left: 1.4rem;
    background: url(/image/svg/arrow_right_red.svg) no-repeat center center/cover;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);}
.blog-box1 .list ul li a:hover .item .read:after{    -webkit-transform: translateX(0.4rem);
    transform: translateX(0.4rem);}
.navmain{width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;}
.navmain .navmain-link{}

.navmain .navmain-link span,.navmain .navmain-link a{vertical-align: middle;color: #222;
      display: inline-block;
    width: 3.8rem;
    height: 3.8rem;
    line-height: 3.8rem;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-left: 2rem;
    margin-top: 2rem;
}
.navmain .navmain-link span:hover,.navmain .navmain-link a:hover,.navmain .navmain-link .active{    background-color: #d91616;
    border-color: #d91616;
    color: #fff;}

.navmain .navmain-link a.next{padding: 0 20px;width: auto;}

.borderpad{    padding: 33px 38px 38px 38px;
    margin-bottom: 30px;
    border: 2px solid #e5e5e5;}
.blog-box2{margin-top: 120px;padding-left: 40px;}

.blog-box2-li1{padding: 0 40px 0 40px;
    margin-bottom: 30px;
    border: 2px solid #e5e5e5;}
.blog-box2-li1 .form-con{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.blog-box2-li1 .form-con .form-input{    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;}
.blog-box2-li1 .form-con .form-input input{width: 100%;outline: none;
    height: 5.6rem;font-size: 16px;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;}
.blog-box2-li1 .form-con .form-submit{    flex-shrink: 0;}
.blog-box2-li1 .form-con .form-submit input{outline: none;
  width: 28px;
    height: 28px;
    background: url(/image/svg/search-blog.svg) no-repeat center center;
    border: 0;
    cursor: pointer;
}
.blog-box2-title{position: relative;color: #222;
    padding-bottom: 20px;
    border-bottom: 2px solid #e5e5e5;
    font-size: 2rem;}
.blog-box2-title:after{content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 5.6rem;
    height: 2px;
    background-color: #d91616;}
.blog-box2-li2{}
.blog-box2-li2-itme{    margin-top: 40px;}
.blog-box2-li2-itme ul{}
.blog-box2-li2-itme ul li{    margin-top: 5px;
    background-color: #f8f8f8;}
.blog-box2-li2-itme ul li a{display: -webkit-box;text-decoration: none;
    display: -ms-flexbox;color: #222;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 30px;
    
    cursor: pointer;
    -webkit-transition: background-color 500ms cubic-bezier(.2,0,0,1);
    transition: background-color 500ms cubic-bezier(.2,0,0,1);}
.blog-box2-li2-itme ul li a h3{display: inline-block;font-size: 18px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;color: inherit;
    text-overflow: ellipsis;
    -webkit-transition: color 500ms cubic-bezier(.2,0,0,1);
    transition: color 500ms cubic-bezier(.2,0,0,1);}
.blog-box2-li2-itme ul li a:hover,.blog-box2-li2-itme ul li.active a{background-color: #d91616;color: #fff;}
.blog-box2-li2-itme ul li a:hover i{-webkit-transform: rotate(90deg);
    transform: rotate(90deg);}
.blog-box2-li2-itme ul li a i{
  -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background: url(/image/svg/menu_arrow_hover.svg) no-repeat center center;
    background-size: cover;
    -webkit-transition: background 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: background 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: background 500ms cubic-bezier(.2,0,0,1),transform 500ms cubic-bezier(.2,0,0,1);
    transition: background 500ms cubic-bezier(.2,0,0,1),transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
}
.blog-box2-li3{}
.blog-box2-li3-itme{    display: -webkit-box;margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.blog-box2-li3-itme a{    padding: 1rem 1.5rem;color: #222;
    margin: 0.5rem 0;
    margin-right: 1rem;
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
    font-size: 1.4rem;}
.blog-box2-li3-itme a:hover{    background-color: #d91616;
    color: #fff;}

.blog-box2-li4-itme{}
.blog-box2-li4-itme ul{}
.blog-box2-li4-itme ul li{display: block;
    margin-top: 22px;}
.blog-box2-li4-itme ul li a{display: block;color: #222;text-decoration: none;}
.blog-box2-li4-itme ul li a span{font-size: 1.4rem;
    color: #8c8c8c;}
.blog-box2-li4-itme ul li a h4{margin-top: 0.4rem;    line-height: 1.6;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

/*projects*/
.projects-main{}
.projects-left{margin-top: 120px;}
.projects-left-box{}
.projects-left-box .control-bar{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.projects-left-box .control-bar .switch-view{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.6rem 1.8rem;
    border: 2px solid #eef0f2;}
.projects-left-box .control-bar .switch-view .switch-view-icon{width: 2.8rem;
    height: 2.8rem;
    cursor: pointer;}
.projects-left-box .control-bar .switch-view .switch-view-icon.active svg{
fill: #d91616;}
.projects-left-box .control-bar .switch-view .switch-view-icon.grid{}
.projects-left-box .control-bar .switch-view .switch-view-icon.grid svg{}
.projects-left-box .control-bar .switch-view .switch-view-icon.list{margin-left: 2rem;}
.projects-left-box .control-bar .switch-view .switch-view-icon.list svg{}
.projects-left-box .control-bar .total{}
.projects-left-box .control-bar .total span{}
.projects-left-container{}
.projects-left-container .row{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.projects-left-container .row .list{    margin-top: 30px;}
.projects-left-container .row .list .img{position: relative;}
.projects-left-container .row .list .img .figure{    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;}
.projects-left-container .row .list .img .figure img{width: 100%;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);}
.projects-left-container .row .list .img:hover .wrap{opacity: 1;} 
.projects-left-container .row .list .img .wrap{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: opacity 500ms cubic-bezier(.2,0,0,1);
    transition: opacity 500ms cubic-bezier(.2,0,0,1);}
.projects-left-container .row .list .img .wrap a{position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    width: 16rem;
    height: 4.8rem;
    background-color: #003a75;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    
    -webkit-transition: background-color 500ms cubic-bezier(.2,0,0,1),color 500ms cubic-bezier(.2,0,0,1);
    transition: background-color 500ms cubic-bezier(.2,0,0,1),color 500ms cubic-bezier(.2,0,0,1);}
.projects-left-container .row .list .text{padding: 2.5rem 2rem 0;}
.projects-left-container .row .list .text h4{}
.projects-left-container .row .list .text h4 a:hover,.projects-left-container .row .list .img .wrap a:hover{background-color: #d91616;
    color: #fff;}
.projects-left-container .row .list .text h4 a{font-size: 18px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;   color: #222;line-height: 18px;}
.projects-left-container .row .list .text .excer{    height: 45px;
    margin-top: 10px;
    color: #8c8c8c;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.projects-left-container .row .list .text .btns{display: none;
    margin-top: 2.5rem;
    background-color: #003a75;
    color: #fff;position: absolute;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    width: 16rem;
    height: 4.8rem;
    background-color: #003a75;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    
    -webkit-transition: background-color 500ms cubic-bezier(.2,0,0,1),color 500ms cubic-bezier(.2,0,0,1);
    transition: background-color 500ms cubic-bezier(.2,0,0,1),color 500ms cubic-bezier(.2,0,0,1);}

.projects-left-container.active{}
.projects-left-container.active .row{}
.projects-left-container.active .row .list{width: 100%;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.projects-left-container.active .row .list .img{-ms-flex-negative: 0;
    flex-shrink: 0;
    width: 35.483871%;}
.projects-left-container.active .row .list .img .figure{}
.projects-left-container.active .row .list .img:hover .wrap{opacity: 1;}
.projects-left-container.active .row .list .img .figure img{}
.projects-left-container.active .row .list .text{-webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 4.3rem 0 4.8rem;
    margin-left: 3rem;}
.projects-left-container.active .row .list .text h4{}
.projects-left-container.active .row .list .text h4 a{}
.projects-left-container.active .row .list .text .excer{height: 120px}
.projects-left-container.active .row .list .text .btns:hover{background-color: #d91616;
    color: #fff;}
.projects-left-container.active .row .list .text .btns{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}

.projects-content{margin-top: 40px;}
.projects-content .contents{}
.projects-content .contents .item{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 2.2rem 0;}
.projects-content .contents .item .icon{-ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.6rem;
    margin-right: 1rem;
    margin-top: 0.4rem;}
.projects-content .contents .item .icon img{}
.projects-content .contents .item .text{}
.projects-content .contents .item .text p{color: #222;}
.projects-content .contents .item .text p a{color: inherit;font-size: inherit;text-decoration: none;}
.projects-content .contents .color_email{}
.projects-content .contents .color_email .text{}
.projects-content .contents .color_email .text p{}
.projects-content .contents .color_email .text p a{color: #d91616;
    text-decoration: underline;}
.projects-content .socials{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 3rem;
    border-top: 1px solid #e5e5e5;}
.projects-content .socials .title{}
.projects-content .socials a{    margin-left: 2rem;}

/*download*/
.download-main{padding: 80px 0;}
.download-box *{font-size: 16px;}
.download-box{    background-color: #fff;
    -webkit-box-shadow: 0px 1px 5px rgb(0 18 37 / 12%);
    box-shadow: 0px 1px 5px rgb(0 18 37 / 12%);}
.download-box .item{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem;
    border-bottom: 1px solid #e5e5e5;}
.download-box .item .title{    max-width: 50%;
    font-size: 2rem;}
.download-box .item .title .inner{font-size: 18px;}
.download-box .item .date{margin-left: auto;}
.download-box .item .btns{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 6.578947%;
    color: #d91616;}
.download-box .item .btns:after{    content: "";
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 1rem;
    background: url(/image/svg//download.svg) no-repeat center center;
    background-size: cover;}
.download-box .item .btns span{}

/*faq*/
.faq-main{}
.faq-title{padding-top: 80px;}
.faq-title .faq-h2{    max-width: 610px;
    margin: 0 auto;
    line-height: 1.8;
    text-align: center;
    font-size: 2rem;
    }
.faq-title .faq-h2 a{line-height: 1.8;font-size: inherit;    color: #d91616;}

.faq-list{margin-top: 80px;margin-bottom: 80px;}
.faq-list .panel{margin:0;margin-top: -2px;position: relative;}
.faq-list .panel .panel-heading{}
.faq-list .panel .panel-heading .panel-title{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.7rem 4rem;
    background-color: #f8f8f8;
    cursor: pointer;}
.faq-list .panel .panel-heading .panel-title a{text-decoration: none;font-size: 16px;    }
.faq-list .panel .panel-heading .panel-title a:before{
    content: "";display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 1rem;
    margin-top: 0.6rem;
    background: url(/image/icon_plus.png) no-repeat center center/cover;
}
.faq-list .panel .panel-heading .panel-title a[aria-expanded="true"]{color: #d91616;}
.faq-list .panel .panel-heading .panel-title a[aria-expanded="true"]:before{
    background: url(/image/icon_minus.png) no-repeat center center/cover;
}
.faq-list .panel .panel-collapse{}
.faq-list .panel .panel-collapse .panel-body{padding: 2.4rem 4rem;}
.faq-list .panel .panel-collapse .panel-body{font-size: 16px;}




.position-wz{}
.position-wz .box{border-bottom: 1px dotted #ccc;padding:16px 0;}
.position-wz .box span{}
.position-wz .box a{color: #333;}
.position-wz .box .color-h{color: #a4a3a3}

.about-title{text-align: center;}
.about-title h2{position: relative;display: inline-block;font-size: 22px;}
.about-title h2:after{left:110%;}
.about-title h2:before{right: 110%;}
.about-title h2:after,.about-title h2:before{content: "";display: block;width: 60px;height: 2px;background: #333;
position: absolute;top: 50%;margin-top: -1px;}



.main-pageimg{position: relative;overflow: hidden;}
.main-pageimg figure{position: relative;}
/*.main-pageimg figure:after{content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.3);
    z-index: 1;position: absolute;top: 0;left: 0;}*/
.main-pageimg figure img{}
.main-pageimg .text{position: absolute;top: 50%;width: 100%;text-align: center;left: 0;z-index: 66;
  -webkit-transform:translateY(-50%);transform:translateY(-50%)}
.main-pageimg .text h3{padding-bottom: 15px;font-size: 48px;color: #fff;}
.main-pageimg .text p{margin-top: 5px;}

.nobanner{position: relative;background: #fff;border-bottom: 1px solid #ccc;}
.nobanner ul li{}
.nobanner ul li a{color: #222;padding:20px 0;}

.nobanner ul li.active a:after,.nobanner ul li a:hover:after{content: "";display: block;width: 100%;height: 2px;background: #2c3692;
position: absolute;bottom: -1px;left: 0;}
.nobanner ul li a:hover{color: #222;}


.solve-box1{margin: 160px 0;}
.solve-box1-list ul{}
.solve-box1-list ul li{font-size: 0;box-shadow: 0 0 5px #ccc;border-radius: 5px;overflow: hidden;margin:50px 0;width: 100%;}
.solve-box1-list ul li figure{padding: 0;border-radius: 5px;overflow: hidden;float: none;display: inline-block;vertical-align:middle;}
.solve-box1-list ul li figure img{}
.solve-box1-list ul li .text{float: none;display: inline-block;vertical-align:middle;}
.solve-box1-list ul li .text .box{margin:20px 20px;}
.solve-box1-list ul li .text .box h3{margin-bottom: 30px;}
.solve-box1-list ul li .text .box p{}
.solve-box1-list ul li .text .box .btns{margin-top: 60px;}
.solve-box1-list ul li .text .box .btns a{display: inline-block;border-radius: 10px;margin-right: 15px;text-align: center;padding:8px 20px;}
.solve-box1-list ul li .text .box .btns .btns-l{background: #2c3593;color: #fff;}
.solve-box1-list ul li .text .box .btns .btns-r{background: #edf1f7;color: #222;}



.rack-main{overflow: hidden;}

.rack-box1{font-size: 0;padding-top: 60px!important;padding-bottom: 60px!important;background: #f5f7fa;}
.rack-box1-left{display: inline-block;vertical-align: middle;float: none;}
.rack-box1-left h2{font-size: 50px;text-transform: uppercase;color: #344261;display: block;margin-bottom: 30px;}
.rack-box1-left span{font-size: 18px;color: #344261;line-height: 30px;display: block;width: 70%;}
.rack-box1-left p{font-size: 18px;color: #344261;line-height: 30px;display: block;width: 70%;}
.rack-box1-right{display: inline-block;vertical-align: middle;float: none;}
.rack-box1-right figure{}
.rack-box1-right figure img{}

.rack-box2{margin:50px 0;}
.rack-box2-list{}
.rack-box2-list ul{font-size: 0;}
.rack-box2-list ul li{display: inline-block;float: none;vertical-align: top;margin-bottom: 30px;}
.rack-box2-list ul li a{display: block;text-decoration: none;transition:all .3s;
  background: #f5f7fa;font-size: 0;padding: 50px 20px;color: #212c44;}
.rack-box2-list ul li a .l{float: none;vertical-align: top;display: inline-block;margin-bottom: 20px;}
.rack-box2-list ul li a .l h3{position: relative;
text-transform: uppercase;font-size: 30px;margin-bottom: 30px;}
.rack-box2-list ul li a:hover .l h3:after{width: 100%;}
.rack-box2-list ul li a .l h3:after{content: "";display: block;position: absolute;
width: 0;height: 1px;background: #212c44;left: 0;bottom: -2px;transition:all .3s;}
.rack-box2-list ul li a .l p{line-height: 26px;}
.rack-box2-list ul li a .l .bnts{margin-top: 30px;}
.rack-box2-list ul li a .l .bnts span{color: #ababab;font-size: 16px;display: inline-block;vertical-align: middle;}
.rack-box2-list ul li a .l .bnts i{display: inline-block;width: 51px;height: 16px;background: url(../image/rack-j.png) no-repeat;vertical-align: middle;
margin-left: 10px;}
.rack-box2-list ul li a .l .bnts:hover span{color: #1eacf6;}
.rack-box2-list ul li a .l .bnts:hover i{background: url(../image/rack-js.png) no-repeat;}
.rack-box2-list ul li a .r{float: none;vertical-align: top;display: inline-block;}
.rack-box2-list ul li a .r figure{overflow: hidden;}
.rack-box2-list ul li a .r figure img{transition:all .8s;transform:scale(1);}
.rack-box2-list ul li a:hover .r figure img{transform:scale(1.3);}
.rack-box2-list ul li a:hover{background: #eff5ff;border-radius: 15px;box-shadow: 0 0 3px #eee;}

.rack-detailed-box1{margin:80px 0;font-size: 0;}
.rack-detailed-box1-text{float: none;vertical-align: middle;display: inline-block;}
.rack-detailed-box1-text h1{color: #f1882a;font-size: 50px;text-transform: uppercase;margin-bottom: 30px;}
.rack-detailed-box1-text p{font-size: 15px;color: #919191;line-height: 30px;}
.rack-detailed-box1 .figure{float: none;vertical-align: middle;display: inline-block;text-align: center;}

.rack-detailed-box2{background: url(../image/index-box2-bg.jpg) no-repeat;padding-top: 30px!important;padding-bottom: 30px!important;}
.rack-detailed-box2 .index-titles-t{margin-top: 110px;}
.rack-detailed-box2-list{margin-bottom: 100px;}
.rack-detailed-box2-list ul{font-size: 0;}
.rack-detailed-box2-list ul li{text-align: center;float: none;vertical-align: middle;display: inline-block;}
.rack-detailed-box2-list ul li a{text-decoration: none;padding:80px 30px;height: 300px;
  background: rgba(255,255,255,.1);display: block;transition:all .3s;}
.rack-detailed-box2-list ul li a i{display: inline-block;opacity: 0.8;margin-bottom: 20px;width: 30px;}
.rack-detailed-box2-list ul li a h4{font-size: 16px;text-align: center;color: #eee;display: block;
text-transform: uppercase;line-height: 26px;}
.rack-detailed-box2-list ul li a:hover{background: rgba(255,255,255,.2)}


/*contact*/
.contact-main{}
.contact-box1{background: url(../image/noise_gray.png);}
.contact-box1 .box{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 400px;
    padding-top: 80px;}
.contact-box1 .box .title{-ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    font-size: 32px;
    letter-spacing: .3em;}
.contact-box1 .box .text{-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    margin-top: 50px;
    background-color: #fff;}
.contact-box1 .box .text .textbox{    max-width: 610px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    }
.contact-box1 .box .text .textbox p{font-family: inherit;font-size: inherit;}
.contact-box2{}
.contact-box2 .row{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.contact-box2 .row .item{}
.contact-box2 .row .item .box{height: 100%;
    padding: 19.142857% 0;
    background-color: #f8f8f8;
    text-align: center;}
.contact-box2 .row .item .box .title{}
.contact-box2 .row .item .box .contact{    margin-top: 15px;
    font-size: 20px;
    
    color: #101010;}
.contact-box2 .row .item .box .contact a,.contact-box2 .row .item .box .contact span{font-size: 20px;
    color: #222;}
.contact-box2 .row .item .box .contact .red{color: red}

.contact-box3{}
.contact-box3-item{margin-top: 50px;margin-bottom: 30px;}
.contact-box3-item .figure{display: block;}
.contact-box3-item .figure:hover figure img{    -webkit-transform: scale(1.05);
    transform: scale(1.05);}
.contact-box3-item .figure figure{width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;}
.contact-box3-item .figure figure img{width: 100%;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: -webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);
    transition: transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);}
.contact-box3-item .text{}
.contact-box3-item .text h4{margin-top: 30px;
    font-size: 20px;
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.contact-box3-item .text h4 a{color: inherit;font-size: inherit;}
.contact-box3-item .text .p{margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 30px;}
.contact-box3-item .text .p p{margin-bottom: 10px;}
.contact-box3-item .text .icon{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;}
.contact-box3-item .text .icon .lis{margin-right: 30px;}
.contact-box3-item .text .icon .lis a{}
.contact-box3-item .text .icon .lis a svg{width: 28px;
    height: 28px;display: block;}
.contact-box3-item .text .icon .lis a svg path{fill: #003a75;}
.contact-box3-item .text .link{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    color: #d91616;
    }
.contact-box5{    position: relative;
    overflow: hidden;}
.contact-box5:after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 35.3rem;
    background: url(/image/contact_bg.jpg) no-repeat;
    display: block;background-position: bottom!important;}
.contact-box5:before{content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 35.3rem;
    background: url(/image/noise_gray.png) repeat repeat;
    display: block;}
.contact-box5:after,
.contact-box5:before{}
.contact-box5 .row{display: -webkit-box;position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.contact-box5-left{font-size: 16px;
    max-width: 560px;
    padding-top: 6.8rem;
    padding-bottom: 5.7rem;}
.contact-box5-left h2{font-size: 24px;}
.contact-box5-left .desc{margin-top: 20px;font-size: 16px;}
.contact-box5-form{position: relative;
    padding: 6rem 6rem 4rem;
    margin-left: 4rem;
    background-color: #fff;}
.contact-box5-form .box{}
.contact-box5-form .box form{}
.contact-box5-form .box form ul{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
.contact-box5-form .box form ul li{}
.contact-box5-form .box form ul li .inputst{    width: 100%;outline: none;
    height: 56px;
    padding: 0 20px;
    margin-bottom: 20px;
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
    font-size: 1.6rem;}
.contact-box5-form .box form ul li textarea.inputst{    height: 100px!important;
    padding: 20px;
    margin-bottom: 4rem;}
.contact-box5-form .box form ul li .btns{width: 300px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background: #003a75;
    color: #fff;
    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;font-size: 16px;
    cursor: pointer;}
.contact-box5-form .box form ul li .btns:hover{background: #d91616;}
/*service*/
.service-page1-box1{margin-top: 50px;overflow: hidden;padding-top: 60px;}
.service-page1-box1-swiper{overflow: hidden;}
.service-page1-box1-swiper .swiper-header{line-height: 1.7;
    margin-bottom: 30px;}
.service-page1-box1-swiper .swiper-button-prev{left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(/image/svg/arrow_left.svg) no-repeat center center,rgba(0,0,0,.3);}
.service-page1-box1-swiper .swiper-button-next{right: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background: url(/image/svg/arrow_right.svg) no-repeat center center,rgba(0,0,0,.3);}
.service-page1-box1-swiper .swiper-button-prev,
.service-page1-box1-swiper .swiper-button-next{z-index: 9;
    width: 10rem;
    height: 5.2rem;
    pointer-events: auto !important;
    opacity: .8 !important;
    -webkit-transition: background-color 500ms cubic-bezier(.2,0,0,1);
    transition: background-color 500ms cubic-bezier(.2,0,0,1);}
.service-page1-box1-swiper .swiper-button-prev:after,
.service-page1-box1-swiper .swiper-button-next:after{display: none;}
.service-page1-box1-swiper .swiper-header h2{font-size: 32px;}
.service-page1-box1-swiper .swiper-header h2 span{font-size: 20px;}
.service-page1-box1 .right{padding-left: 80px;}
.service-page1-box1 .right .blog-box2-li2{}
.service-page1-box1 .right .blog-box2-li2{}
.padding40{padding: 40px;}
.background-bgf7{background: #f7f7f7;}
.background-fff{background: #fff;}
.margin-left20{margin-left: 20px;}
.margin-top20{margin-top: 20px;}
.margin-left40{margin-left: 40px;}
.margin-top40{margin-top: 40px;}
.service-page1-box2-bg{background: #f8f8f8;}
.service-page1-title{color: #101010;    line-height: 1.6;font-size: 32px;margin-top: 30px;}
.service-page1-p{}
.service-page1-p p,.service-page1-box2 p{display: block;margin-top: 20px;font-size: 16px;}
.service-page1-p strong,.service-page1-box2 strong{font-weight: bolder;}
.service-page1-box2{margin-top: 15px;}
.service-page1-box2 .more-a{    margin-top: 30px;}
.service-page1-box2 .more-a a{    color: #003a75;
    text-decoration: underline;}
.service-page1-box3{background: url(../image/help_bg.jpg) no-repeat center center;margin-top: 8rem;}
.service-page1-box3-help{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6rem 0 10rem 0;}
.service-page1-box3-help .help-content{position: relative;
    max-width: 420px;
    padding: 3.6rem 3.7rem 7.3rem 4rem;
    margin-left: 10rem;
    background-color: #fff;}
.service-page1-box3-help .help-content h3{line-height: 1.333333;
    font-size: 24px;margin-top: 30px;
    }
.service-page1-box3-help .help-content .text{margin-top: 2.2rem;font-size: 16px;
    color: #8c8c8c;}
.service-page1-box3-help .help-content .btns:hover{background:#d91616;}
.service-page1-box3-help .help-content .btns{position: absolute;
    left: 7rem;font-size: 16px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);width: 300px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background: #003a75;
    color: #fff;
    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;}
.service-page1-box4{margin-bottom: 60px;margin-top: 60px;}
.service-page1-box4-swiper{overflow: hidden;padding-bottom: 50px;position: relative;margin-bottom: 30px;}
.service-page1-box4-swiper .swiper-slide{}
.service-page1-box4-swiper .swiper-slide a{position: relative;display: block;text-decoration: none;color: #222;}
.service-page1-box4-swiper .swiper-slide a figure{position: relative;text-align: center;}
.service-page1-box4-swiper .swiper-slide a figure img{width: 100%;}
.service-page1-box4-swiper .swiper-slide a figure b:hover{background-color: #d91616;
    color: #fff;}
.service-page1-box4-swiper .swiper-slide a:hover figure:after,.service-page1-box4-swiper .swiper-slide a:hover figure b{
  opacity: 1;
}
.service-page1-box4-swiper .swiper-slide a figure:after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background: rgba(0,0,0,.2);opacity: 0;}
.service-page1-box4-swiper .swiper-slide a figure b{
position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);
    z-index: 1;opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    width: 16rem;
    height: 4.8rem;
    background-color: #003a75;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    
    transition:all .3s;
    -webkit-transition:all .3s;
  }
.service-page1-box4-swiper .swiper-slide a .text{}
.service-page1-box4-swiper .swiper-slide a .text h3{font-size: 1.8rem;margin-top: 15px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.service-page1-box4-swiper .swiper-slide a .text p{
      height: 4.5em;
    margin-top: 1rem;
    color: #8c8c8c;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


.service2-page1-box1{background: #f8f8f8;padding-top: 60px;}
.service2-page1-box1 ul:after{    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #d7d7d7;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    content: "";
    display: block;}
.service2-page1-box1 ul:before{    top: 20px;
    width: 16px;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    background: #d7d7d7;
    content: "";
    display: block;}
.service2-page1-box1 .container{background: #fff;}
.service2-page1-box1 ul{overflow: hidden;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;}
.service2-page1-box1 ul li{    margin-bottom: 30px;}
.service2-page1-box1 ul li .row{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
.service2-page1-box1 ul li .row .item{}
.service2-page1-box1 ul li:nth-of-type(2n+2) .row .left{
  -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.service2-page1-box1 ul li:nth-of-type(2n+2) .row .right{
  -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
        background: url(/image/service2-img2.png) right center no-repeat no-repeat;
}
.service2-page1-box1 ul li:nth-of-type(2n+2) .row .right .desc{margin-left:60px; 
    margin-right: 30px;}
.service2-page1-box1 ul li:nth-of-type(2n+2) .row .right .desc span{-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: auto;
    margin-left: 60px;}
.service2-page1-box1 ul li:nth-of-type(2n+2) .row .right .desc .text{webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;}
.service2-page1-box1 ul li .row .left{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    z-index: 2;}
.service2-page1-box1 ul li .row .right{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    z-index: 3;
    background: url(/image/service2-img1.png) left center no-repeat no-repeat;}
.service2-page1-box1 ul li .row .item .padd{display: inline-block;
    padding: 15px;
    border: 1px dotted #e5e5e5;}
.service2-page1-box1 ul li .row .item .padd img{}
.service2-page1-box1 ul li .row .item .desc{margin-left: 30px;
    margin-right: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: #ebebeb;
    padding: 30px 30px;}
.service2-page1-box1 ul li .row .item .desc span{width: 60px;
    height: 60px;
    background: #003a75;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-right: 60px;}
.service2-page1-box1 ul li .row .item .desc .text{}
.service2-page1-box1 ul li .row .item .desc .text h3{font-size: 28px;
    margin-bottom: 30px;}
.service2-page1-box1 ul li .row .item .desc .text p{margin-bottom: 10px;font-size: 16px;}




.blue_btn:hover{background: #d91616;color: #fff;}
.blue_btn{width: 300px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background: #003a75;
    color: #fff;
    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;}


.hui{color: #9e9e9e}
.message{}

/*service*/
.service-header{padding: 36px 0;}
.service-header .title{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.service-header .title h2{font-size: 28px;}
.service-page1-nav{background-color: #f8f8f8;
    border-top: 1px solid #e5e5e5;margin-bottom: 0;    -webkit-box-shadow: 0px 3px 5px #ccc;
    box-shadow: 0px 3px 5px #ccc;z-index: 66;
    position: relative;
    -webkit-transition: 500ms cubic-bezier(.2,0,0,1);
    transition: 500ms cubic-bezier(.2,0,0,1);}
.service-page1-nav .list{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.service-page1-nav .list .item{ padding: 1.6rem 2rem;
    cursor: pointer;    font-size: 16px;color: #222;}
.service-page1-nav .list .item a{font-size: inherit;color: inherit;text-decoration: none;}
.service-page1-nav .list .item:hover{color: #003a75;}
.service-page1-nav .list .item.active{   background-color: #fff;color: #003a75;}

.service3-page1-box1{background: #f8f8f8;}
.service3-page1-box1 .main{background: #fff;margin-top: 60px;}
.service3-page1-box1 .main figure{text-align: center;margin-top: 40px;}

/*product-detailed-tiptop*/
.product-content{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.product-content-left{width: 50%;
    padding: 3.125% 7.291667%;
    background: url(/image/shadow_bg.jpg) repeat center top/100% auto;
    display: flex;justify-content:center;align-items:center;
}
.product-content-left .box{position: relative;width: 100%;}
.product-content-left .box .swiper-product{overflow: hidden;}
.product-content-left .box .swiper-product .swiper{}
.product-content-left .box .swiper-product .swiper a{}
.product-content-left .box .swiper-product .swiper a img{}
.product-content-left .box .swiper-pagination{margin-top: 10px;text-align: center;width: 100%;}
.product-content-left .box .swiper-pagination .swiper-pagination-bullet{margin: 0 4px;
    background-color: #003a75;
    opacity: .5;}
.product-content-left .box .swiper-pagination .swiper-pagination-bullet-active{
    margin: 0 4px;opacity: 1;
    background-color: #003a75;
}
.product-content-left .box .swiper-button-prev{    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);}
.product-content-left .box .swiper-button-next{    right: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);}
.product-content-left .box .swiper-button-prev,
.product-content-left .box .swiper-button-next{background-color:rgba(0,0,0,.3);
z-index: 9;
    width: 10rem;
    height: 5.2rem;
    pointer-events: auto !important;
    opacity: .8 !important;
    -webkit-transition: background-color 500ms cubic-bezier(.2,0,0,1);
    transition: background-color 500ms cubic-bezier(.2,0,0,1);}
.product-content-left .box .swiper-button-prev:after,
.product-content-left .box .swiper-button-next:after{display: none;}

.product-content-right{background: #f6f6f6;
    padding: 4.6875% 7.291667%;}
.product-content-right .title{line-height: 1.5;
    margin-top: 2.5%;
    font-size: 2.4rem;}
.product-content-right .title-sub{    margin-top: 5.416667%;
    color: #d91616;
    font-size: 2.4rem;
    }
.product-content-right .text{margin-top: 2.5%;
    color: #666;}
.product-content-right .text p{font-size: 16px;color: inherit;}
.product-content-right .btns{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5.833333%;}
.product-content-right .btns a:hover{background: #d91616;}
.product-content-right .btns a{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20rem;
    height: 5rem;
    background-color: #003a75;
    color: #fff !important;
    text-align: center;
    
    -webkit-transition: background-color 500ms cubic-bezier(.2,0,0,1);
    transition: background-color 500ms cubic-bezier(.2,0,0,1);
}
.product-content-right .btns a span{font-size: 16px;}
.product-content-right .btns .btns_prev{margin-right: 3rem;}
.product-content-right .btns .btns_prev:before,.product-content-right .btns .btns_prev:after{content: "";
    width: 2.9rem;
    height: 14px;
    background: url(/image/svg/arrow_left.svg) no-repeat center center;
    background-size: cover;}
.product-content-right .btns .btns_prev:after{background: unset;}
.product-content-right .btns .btns_prev span{}
.product-content-right .btns .btns_quote:hover{background:#003a75;}
.product-content-right .btns .btns_quote{background: #d91616;}
.product-content-right .btns .btns_quote span{}
.product-content-right .btns .btns_next:after{content: "";
    width: 2.9rem;
    height: 14px;
    background: url(/image/svg/arrow_right.svg) no-repeat center center;
    background-size: cover;}
.product-content-right .btns .btns_next{margin-left: 3rem;}
.product-content-right .btns .btns_next span{}
.product-content-right .share{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.083333%;
    font-size: 1.4rem;
    }
.product-content-right .share span{}
.product-content-right .share a{margin-left: 2rem;}
.product-content-right .share a svg{}
.product-content-right .share a img{}

.product-main-text{margin-top: 6rem;}
.product-main-nav{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;margin-bottom: 20px;}
.product-main-nav li{margin-right: 5.128205%;
    color: #8c8c8c;
    font-size: 2rem;
    
    cursor: pointer;}
.product-main-nav li.active{    color: #003a75;
    text-decoration: underline;
    cursor: auto;}
.product-main-nav li a{color: inherit;font-size: 20px;text-decoration: none;}
.product-main-content{}
.product-main-content .articel-details{}
.product-main-content .articel-details p{margin:15px 0;font-size: 18px;}
.product-main-content .articel-details h3{font-size: 20px;}
.product-table{border-collapse: collapse;
    width: 100%;    border-color: #eef0f2;margin:20px 0;}
.product-table tbody{}
.product-table tbody tr{background: #fff;}
.product-table tbody tr td{    text-align: left;border: 1px solid #e5e5e5;
    width: 50%;
    height: auto;
    line-height: 1.5;
    padding: 0px 15px;}
.product-table tbody tr td p{    margin: 0.5em 0px;}
.product-table tbody tr td p em{display: inline-block;}
.product-table tbody tr td p em i{}

.articel-details2-table{width: 100%;}
.articel-details2-table tbody{}
.articel-details2-table tbody tr{}
.articel-details2-table tbody tr:nth-child(even){background-color: #fafbfc;}
.articel-details2-table tbody tr td{height: 6.4rem;
    padding: 3rem;}
.articel-details2-table tbody tr td p{    margin: 1em 0;}
.articel-details2-table tbody tr td p em{display: inline-block;}





/*product-detailed*/
.pr-de-top{float: left;position: relative;padding:0;margin-top:0}
.pr-de-main{width: 100%;height: 320px;position: relative;overflow: hidden;border:4px solid #333;}
.pr-de-main div{width: 100%;height: 100%;text-align: center;border:1px solid #ccc}
.pr-de-main img{width: 100%;max-height:100%;display: inline-block;vertical-align: middle;position: relative;z-index: -1;}
.pr-de-main i{width:180px;height:180px;background:url(../image/magnifier.png);position: absolute;left: 0;top: 0;cursor: pointer;display: none;z-index: 1;}
/*.pr-de-main b{position: absolute;top: 0;left: 0;z-index: 9999}*/

.pr-de-show{position: absolute;left:100%;top: 0;width: 400px;height: 400px;border:1px solid #eee;overflow: hidden;display: none;background:#fff;z-index: 9999}
.pr-de-show div{width:800px;height:800px;position: absolute;line-height: 800px;}
.pr-de-show div img{width:100%;display: inline-block;vertical-align: middle;}

.bg-none{background: none;}
.pr-de-cimain{width: 100%;margin:0 auto;padding: 20px 0;display: block;position: relative;}
.pr-de-cimain ul li{cursor: pointer;text-align: center;text-align: center;display: inline-block;padding:0;margin-right: 5px;margin-bottom: 5px;width: 110px;}
.pr-de-cimain ul li img{vertical-align: middle;display: inline-block;max-height:140px;border:1px solid #ccc;}
.pr-de-cimain ul li:hover img{border-color:#a08a6b;}
.pr-de-cimain .swiper-container{width: 70%;}
.pr-de-cimain .swiper-slide{max-height: 90px;border:1px solid #ccc;padding:1px 2px;vertical-align: top;display: inline-block;}
.pr-de-cimain .swiper-slide img{max-height: 100%;}
.yellow{color: #ffa800}

.pr-de-model{min-height:410px;float: right;margin-top: 20px;padding: 50px;padding-top: 0;}
.pr-de-model header{width: 100%;margin-bottom: 10px;}
.pr-de-model header h2{font-size:20px;color: #222;display: block;border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-bottom: 15px;}
.pr-de-model header h3{font-size: 16px;}
.pr-de-model header span{font-size: 18px;margin:15px 0;color: #999}
.pr-de-model {color: #666;line-height: 26px;}
.pr-de-model .btn-box {margin-top: 20px;}
.pr-de-model .btn-box a.btn{background: #0096ff;color: #fff;padding: 15px 50px;
background: linear-gradient(to right,#02a6ea,#02448e);
    -moz-linear-gradient(left,#02a6ea,#02448e);
    -o-linear-gradient(left,#02a6ea,#02448e);border:none;}
.pr-de-model .btn-box a.btn:hover{background: #ffa800;
background: linear-gradient(to right,#ff9d3d,#ffa800);
    -moz-linear-gradient(left,#ff9d3d,#ffa800);
    -o-linear-gradient(left,#ff9d3d,#ffa800);}
.pr-de-model .tel-det-box .btn-box{font-size: 0;}
.pr-de-model .tel-det-box .telbox{float: none;vertical-align: middle;display: inline-block;}
.pr-de-model .tel-det-box .btnl{float: none;vertical-align: middle;display: inline-block;}
.pr-de-model .tel-det-box .telbox p{font-size: 20px;color: #ff7e00;}
.pr-de-model .tel-det-box .telbox span{color: #333}

.pr-de-bottom{width: 100%;margin-top:40px;border-top:2px solid #eee;border-bottom:2px solid #eee;overflow:hidden}
.pr-de-bottom header{width: 100%;height: 40px;line-height: 40px;font-size:34px;color: #333;margin-top: 30px;}
.pr-de-bottom .pr-de-bottom-li{border-left:2px solid #eee}
.pr-de-bottom .border-right{border-right: 2px solid #eee;border-left:none;margin-right:-2px;}
.pr-de-bottom-content{margin-top: 20px;color: #666}

.pr-de-cimain .swiper-button-next:after,.pr-de-cimain .swiper-container-rtl .swiper-button-prev:after,
.pr-de-cimain .swiper-button-prev:after,.pr-de-cimain .swiper-container-rtl .swiper-button-prev:after
{content: "";}
.pr-de-cimain .swiper-button-next i,.pr-de-cimain .swiper-button-prev i{color: #666}
.pr-de-cimain .swiper-button-next,.pr-de-cimain .swiper-button-prev{vertical-align: top;}


.pr-de-cimain .bx-wrapper .bx-controls-direction a{width:30px;height:26px;margin-top: -15px;display: block;}
.pr-de-cimain .bx-wrapper .bx-controls-direction a.bx-next{background:url(../image/product-det-btl.png) no-repeat;background-size:100%;right: -45px;}
.pr-de-cimain .bx-wrapper .bx-controls-direction a.bx-next:after{content: "\f104";}
.pr-de-cimain .bx-wrapper .bx-controls-direction a.bx-prev{background:url(../image/product-det-btr.png) no-repeat;background-size:100%;left: -45px;}

.small-img{
    display: flex;
    align-items:center;
    justify-content: center;
}
/*.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}*/
.magnifier-none{}
.magnifier-none .images-cover,
.magnifier-none .move-view,
.magnifier-none .magnifier-view{display: none!important;}
.magnifier{
    width: 400px;
    position: relative;
}
.magnifier-container{
    width: 400px;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.move-view{
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url('../image/mask.png');
    cursor:pointer;z-index: 666;
}
.images-cover{
    height: 100%;
    width: 100%;
    position: relative;border:1px solid #ccc;
}
.images-cover img{
    position: absolute;
}
.magnifier-assembly{
    overflow: hidden;margin-top: 20px;
    position: relative;padding:0 20px;
}
.magnifier-assembly .box-ul{overflow: hidden;width: 100%;touch-action: pan-y;position: relative;}
.magnifier-btn{
	width: 100%;z-index: 3366;
}
.magnifier-btn span{
    height: 30px;
    width: 20px;
    color: #333;
    display: block;
    z-index: 99;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;position: absolute;top:50%;margin-top: -15px;
}
.magnifier-btn .magnifier-btn-left:after,
.magnifier-btn .magnifier-btn-right:after{display: none;}
.magnifier-btn .magnifier-btn-left{
    left: 0;
}
.magnifier-btn .magnifier-btn-right{
   right: 0;
}
/*.magnifier-line{
    position: relative;
    overflow: hidden;
    height: 92px;width: 100%;
}*/
/*ul.magnifier-line {
    display: block;
    font-size: 0;
    position: absolute;
    left: 0;
}*/
.magnifier-line li{display: inline-block;text-align: center;
    cursor: pointer;
}
.magnifier-line li:after,.small-img:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.magnifier-line li.active .small-img{border-color: #ffa800;}
.magnifier-line ul > .active .small-img{
    border-color: #bbb;
}
.small-img{
    height: 58px;
    width: 58px;border:2px solid #ccc;font-size: 0;
    padding: 1px;display: inline-block;
    overflow: hidden;vertical-align: middle;
    text-align: center;
}
.small-img img{
    max-width: 100%;
    max-height: 100%;display: inline-block;vertical-align: middle;
}
.magnifier-view{
    width: 100%;
    height: 100%;
    position: absolute;
    right: -105%;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
    overflow: hidden;
}
.magnifier-view img{
    display: block;max-width: none;
}
/*.animation03{
    transition: all 0.3s ease-in 0.1s;
    -ms-transition: all 0.3s ease-in 0.1s;
    -moz-transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
    -o-transition: all 0.3s ease-in 0.1s;
}
*/

.equipment-box1{}
.equipment-box1 p{text-align: center;font-size: 18px;margin-bottom: 30px;}


.video-de{cursor: pointer;}
.video-de .small-img{position: relative;}
.video-de .small-img .bo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	text-align: center;background: url(../image/bo.png) no-repeat center center;background-color: rgba(0,0,0,.2);}
/*.video-de .small-img .bo:after{width: 0;height: 100%;content:"";display: inline-block;vertical-align: middle;}
.video-de .small-img .bo img{display: inline-block;vertical-align: middle;}*/
.magnifier-container .video-box{width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;
z-index: 33;font-size: 0;}
.magnifier-container .video-box:after{content: "";display: inline-block;vertical-align: middle;height: 100%;}
.magnifier-container .video-box video{display: inline-block;;vertical-align: middle;}


.detailed{padding:0;}
.detailed-pros{background: #e6e6e6;text-align: left;margin-bottom: 0}

.product-pgs{text-align: center;margin-bottom: 30px;}
.product-pgs ul{display: inline-block;text-align: left;font-size: 0;display: flex;}
.product-pgs ul li{display: inline-block;margin:6px 0;padding: 0px;flex: 1;}
.product-pgs ul li a{color: #333;text-decoration: none;background: #fff;padding: 12px 8px;
  text-align: center;display: block;white-space: nowrap;border:1px solid #eee;
transition:all .1s;}
.product-pgs ul li a:hover{background: #0073d1;color: #fff;}

.quality-list1{margin-bottom: 50px;}
.quality-list1 ul{font-size: 0;}
.quality-list1 ul li{margin-bottom: 10px;padding:0 5px;float: none;vertical-align: top;display: inline-block;}
.quality-list1 ul li a{display: block;}
.quality-list1 ul li a figure{overflow: hidden;}
.quality-list1 ul li a figure img{width: 100%;transition:all .3s;}
.quality-list1 ul li a:hover figure img{
  transform:scale(1.1) rotate(5deg);-webkit-transform:scale(1.1) rotate(5deg);;
}




.product-detailed-box1-right{}
.product-detailed-box1-right h3{color: #000;padding-bottom: 15px;margin-bottom: 15px;}
.product-detailed-box1-right .text{color: #949494;line-height: 26px;}
.product-detailed-box1-right .inquiry{background: #266caa;
  background: url(../image/btn-product-deta.png);
  color: #fff;border-radius: 8px;padding:0 30px;display: inline-block;font-size: 16px;line-height:66px;
text-decoration: none;text-transform: uppercase;margin-top: 30px;}

.product-detailed-box1-lin{background: #F9F9F9;padding:8px;margin-top: 20px;overflow: hidden;padding:5px;}
.product-detailed-box1-lin ul{padding: 0;}
.product-detailed-box1-lin ul li{padding:8px 0px;}
.product-detailed-box1-lin ul li a{text-decoration: none;color:#333; }
.product-detailed-box1-lin ul li a i{display: inline-block;margin-right: 5px;}
.product-detailed-box1-lin ul li a i img{}
.product-detailed-box1-lin ul li a dd{display: inline; }
.product-detailed-box1-lin ul li a dd:hover{}
.product-detailed-box1-lin ul li a dd.s{color: #08c;}

.product-detailed-box1-lin .les{font-size:14px; padding:8px;}
.product-detailed-box1-lin .les i{color: #ffa800;margin-right: 5px;font-size: 20px;}
.product-detailed-box1-lin .les h5{font-size: 23px;color: #ffa800;margin-top:7px;}



.bgfff{background: #fff;}
.pode-title{position: relative;display:block;margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.pode-title h3{color: #000;padding:10px 0;}
.pode-title:after{display: block;width: 80px;height: 2px;background: #1667a6;position: absolute;
bottom: -1px;left: 0;content: "";}

.product-detailed-box3{margin-top: 30px;margin-bottom: 15px;overflow: hidden;}
.product-detailed-box3-box{border-left:1px solid #ccc;}
.product-detailed-box3-box ul{margin-left: -15px;}
.product-detailed-box3-box ul li{position: relative;margin-bottom: 15px;}
/*.product-detailed-box3-box ul li span{display: block;position: absolute;top: 5px;right: 0px;color: red;font-size: 20px;}*/
.product-detailed-box3-box ul li input,
.product-detailed-box3-box ul li textarea{ }
.product-detailed-box3-box ul li figure{float: left;padding:0 0;}
/*.product-detailed-box3-box ul li button{float: left;padding:0;position: relative;background: transparent;color: #fff;outline: none!important;text-align: center;}*/
/*.product-detailed-box3-box ul li button span{position: absolute;top: 50%;left:50%;right:initial;transform:translate(-50%,-50%);color: #fff;}*/

.product-detailed-box3-box .title{margin-bottom: 20px;}
.product-detailed-box3-box .title h3{margin-bottom: 10px;}
.product-detailed-box3-box .title p{font-size: 14px; }




/*news-detailed*/
.news-detailed{}
.news-detailed .title{padding-bottom:15px;text-align: center;}
.news-detailed .title h1{font-size: 26px;text-align: inherit;margin-bottom: 15px;color: #333;font-weight: 400;}
.news-detailed .title h4{font-size: 14px;text-align: left;padding: 20px 0;text-align: center;}
.news-detailed .title span{display: block;text-align: inherit;color: #666}
.news-detailed .text{padding:15px 0; }
.news-detailed .text *{ }

/*.news-detailed-pages{overflow: hidden;}
.news-detailed-pages div{padding: 0;}
.news-detailed-pages .asm{text-align: center;}
.news-detailed-pages a{color: #333;text-align: center;text-decoration: none;border:1px solid #ccc;padding:8px 20px;margin:20px 0;}
.news-detailed-pages a i{display: inline-block;margin:0 10px;}
.news-detailed-pages a i img{}
.news-detailed-pages .asm a{display: inline-block;background: #31b740;color: #fff;padding:8px 20px;border: none;}*/


.case-btns{padding: 8px 10px;overflow: hidden;margin: 60px 0;}
.case-btns .lefts{}
.case-btns .lefts span{color: #222;}
.case-btns .lefts span a{color: inherit;}
.case-btns .rights{}
.case-btns .rights span{color: #222;}
.case-btns .rights span a{color: inherit;}


.news-detailed-lists{}
.news-detailed-lists ul{font-size: 0;}
.news-detailed-lists ul li{float: none;vertical-align: top;display: inline-block;margin-bottom: 30px;}
.news-detailed-lists ul li a{text-decoration: none;color: #222;}
.news-detailed-lists ul li a:hover .text h3{color: #1eacf6;}
.news-detailed-lists ul li a figure{position: relative;overflow: hidden;}
.news-detailed-lists ul li a figure img.ims{transition:all .6s;}
.news-detailed-lists ul li a:hover figure img.ims{
  transform:scale(1.1);/*���� ����=1���䣬<1 ��С >1 ��� ���� �ߵ�*/
-ms-transform:scale(1.1);/*����IE9�����*/
-webkit-transform:scale(1.1);/*���ݹȸ������*/
-o-transform:scale(1.1);/*����opera�����*/
-moz-transform:scale(1.1);/*���ݻ�������*/
}
.news-detailed-lists ul li a figure .show{z-index: 66;text-align: center;display:block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.4);}
.news-detailed-lists ul li a figure .show:after{content: "";display:block;width: 0;height: 100%;display: inline-block;vertical-align: middle;}
.news-detailed-lists ul li a figure .show i{display: inline-block;vertical-align: middle;}
.news-detailed-lists ul li a .text{}
.news-detailed-lists ul li a .text h3{font-size: 16px;text-align: center;transition:all .6s;}


.feedback1-box{overflow: hidden;}
.feedback1-box ul{}
.feedback1-box ul li{margin: 15px 0}
.feedback1-box ul li input{}
.feedback1-box .btnbox{}
.feedback1-box .btnbox button{width: 150px;background: #222;color: #fff;}

.hei-border{width: 100%;height: 3px;background: #111}
.news-detailed-box{}
.news-header{padding:40px 0;}
.news-header h1{margin-bottom: 20px;}
.posts{padding-top:40px;padding-bottom: 20px;border-bottom:2px solid #666;}
.posts ul{font-size: 0;}
.posts ul li{display: inline-block;vertical-align: top;float: none;}
.posts ul li a{display: block;border:1px solid #ccc;}
.posts ul li a figure{}
.posts ul li a figure img{width: 100%;}
.posts ul li a h3{color: #0e49bb;padding:10px;margin:10px 0;font-size: 16px}


.index-minbanner-list{width: 100%;}
.index-minbanner-list li{}
.index-minbanner-list li a{display: block;margin:0 auto;padding-right: 13px;}
.index-minbanner-list li a figure{}
.index-minbanner-list li a figure img{width: 100%;}

.main{width: 100%;margin-top: 20px;overflow: hidden;}
.main-l{width: 25%;margin-bottom: 40px;float: left;background: #eee}
.main-l-list{display: block;}
.main-l-list ul{display: block;width: 100%;}
.main-l-list ul li{display: block;position: relative;font-size: 0;overflow: hidden;}
.main-l-list ul li a{padding: 20px 15px;display: block;text-decoration: none;color: #00275e;background: #d5e0f2;text-transform: uppercase;}
.main-l-list ul li a:hover{background: #f7fcfe;color: #00275e}
.main-l-list ul li:before{content:"";display: block;border:5px solid transparent;border-left-color:#555;width: 0;height: 0;
position: absolute;left:-100%;top:25px;transition:all .2s;}
.main-l-list ul li:hover:before{left:5px;}

.main-r{width: 75%;float: left;margin-bottom: 40px;padding:0 15px;}

.main-r-list{display: block;width: 100%;margin-top: 24px;overflow: hidden;}
.main-r-list ul{font-size:0;}
.main-r-list ul li{display: inline-block;margin-bottom: 10px;}
.main-r-list ul li a{display: block;width: 96%;height: 100%;margin:0 auto;text-decoration: none;overflow: hidden;}
.main-r-list ul li a figure{display: block;width: 100%;text-align: center;display: block;font-size: 0;
	border:1px solid #999;position: relative;}
.main-r-list ul li a figure .more{position: absolute;width: 100%;height:100%;transition:all .3s;font-size: 0;
	background: rgba(0,0,0,.3);left: 0;top: -100%;}
.main-r-list ul li a:hover figure .more{top: 0;}
.main-r-list ul li a figure .more:after{content: "";display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.main-r-list ul li a figure .more span{display: inline-block;width: 100%;text-align: center;color: #fff;vertical-align: middle;}
.main-r-list ul li a figure img{max-width: 100%;}
.main-r-list ul li a h3{text-align: center;height:60px;font-size:16px;overflow: hidden;color: #585858;margin-top: 15px;}
.main-r-list ul li a b:hover{background: #00a2e3}
.main-r-list ul li a:hover figure{border-color:#00a2e3;}
.main-r-list ul li a:hover h3{color:#00a2e3;}

.main-page{text-align: center;}
.main-page li a{margin:5px;}

/*.left-contact{margin-top: 20px;	}
.left-contact .title{background: #000;color:#fff;padding:20px;text-align: center;}
.left-contact h3{font-size:16px;padding:5px 0;}*/
.nav-page{width: 100%;overflow: hidden;text-align: center;padding:20px 0; }
.nav-page ul li{}
.nav-page ul li a{margin:0 2px;color: #333;padding:6px 15px;background: #fff;border-radius: 0!important;
  border-width: 0;border-radius: 5px!important;}

.nav-page ul li.active a,.nav-page ul li.active a:hover,.nav-page ul li.active a:focus{background: #83c326;color:#fff;
outline: 0 0 5px #000;;}
.nav-page ul li a:hover{background: #e2e2e2;color: #83c326;border-color: transparent}
/*product-detailed*/
.border-b{border-bottom: 1px solid #ccc;padding-bottom: 10px;overflow: hidden;}

.product-detailed{}
/*solutions-detailed*/
.solutions-detailed{}
.solutions-detailed .solutions-box1{}
.solutions-detailed .solutions-box1 h2{font-size: 30px;color: #007bfc;font-size: 50px;margin: 40px 0}

.solutions-box2{}
.solutions-box2 ul{}
.solutions-box2 ul li{margin-bottom: 15px;}
.solutions-box2 ul li a{display: block;font-size: 0;}
.solutions-box2 ul li a figure{padding: 0;display: inline-block;vertical-align: middle;float: none;}
.solutions-box2 ul li a figure img{}
.solutions-box2 ul li a .text{padding-left: 15px;display: inline-block;display: inline-block;vertical-align: middle;float: none;}
.solutions-box2 ul li a .text p{color: #9e9e9e;font-size: 15px;}
.solutions-box2 ul li a .text h3{color: #333;margin-bottom: 15px;}
.solutions-box2 .title{font-size: 22px;margin: 30px 0;margin-bottom: 15px;}

.solutions-box3{margin-top: 40px;}
.solutions-box3 .title{font-size: 16px;margin-bottom: 10px;}
.solutions-box3 figure{display: block;}
.solutions-box3 .btn{font-size: 16px;color: #fff;background: #007bfc;text-align: center;border-radius: 30px;margin:50px auto;display: inline-block;}


.solutions-box4{background: #f1f1f1;padding:30px 0;}
.solutions-box4 .title{text-align: center;margin:50px 0;}
.solutions-box4-list{display: block;width: 100%;margin-bottom: 30px;} 
.solutions-box4-list ul{} 
.solutions-box4-list ul li{} 
.solutions-box4-list ul li a{display: block;text-decoration: none;color: #333;text-align: center;} 
.solutions-box4-list ul li a figure{} 
.solutions-box4-list ul li a figure img{} 
.solutions-box4-list ul li a .box{transition:all .3s;-webkit-transition:all .3s;margin-top: 15px;}
.solutions-box4-list ul li a h3{color: #333;font-size: 16px;font-weight: 600;padding:10px 0;} 
.solutions-box4-list ul li a p{} 
.solutions-box4-list ul li a:hover{}
.solutions-box4-list ul li a:hover .box{top: -10px;}
.solutions-box4-list ul li a:hover h3{color: #007bfc}
.solutions-box4-list ul li a:hover p{color: #666}
.solutions-box4-list .bx-wrapper .bx-pager{display: none;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a{display: block!important;width: 42px;height: 88px;margin-top: -64px;
transition:all .3s;-webkit-transition:all .3s;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-prev{background: url(../image/index-box2-box-list-l.png);left: -50px;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-prev:hover{left: -55px;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-next{background: url(../image/index-box2-box-list-r.png);right: -50px;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-next:hover{right: -55px;}

/*support*/
.btnlv{background: #007bfc;border-radius: 60px;text-align: center;display: inline-block;color: #fff;padding:8px 30px;}
.btnlv:focus,.btnlv:hover{color: #fff;}

.support-box1{}
.support-box1 .titls{font-size: 30px;text-align: center;margin:50px 0;color: #313232;text-transform:uppercase;}
.support-box1-content{}
.support-box1-content .box1{margin-bottom: 55px;}
.support-box1-content .box1 h3{margin-bottom: 15px;font-size: 16px;}
.support-box1-content .box1 form{}
.support-box1-content .box1 .inp1{padding:10px 14px;height: 40px;}
.support-box1-content .box1 .coninput{font-size: 0;display: flex;justify-content:center;margin-top: 15px;}
.support-box1-content .box1 .inp{width: 50%;display: inline-block;float: none;}
.support-box1-content .box1 .inp input{padding:10px 14px;height: 40px;}
.support-box1-content .box1 figure{width: 50%;display: inline-block;float: none;text-align: right;}
.support-box1-content .box1 figure img{}
.support-box1-content .box1 .btns{padding:8px 20px;color: #fff;background: #b6005a;margin-top: 30px;}
.support-box1-content .box1 .btns:hover{background: #8b0045}
.support-box1-content .box2{margin-bottom: 50px;}
.support-box1-content .box2 h3{font-size: 30px;margin-bottom: 15px;}
.support-box1-content .box2 p{line-height: 30px;}

.support-box2{width: 90%;margin:100px auto;}
.support-box2 .box1{}
.support-box2 .box1 ul{font-size: 0;}
.support-box2 .box1 ul li{margin-bottom: 20px;float: none;display: inline-block;}
.support-box2 .box1 ul li a{display: flex;text-decoration: none;color: #333;justify-content:space-between;
  padding:10px 20px;border:1px solid #ccc;align-items:center;}
.support-box2 .box1 ul li a figure{}
.support-box2 .box1 ul li a figure img{position: relative;transition:all .3s;left: 0;}
.support-box2 .box1 ul li a h4{ flex-basis:65%;padding-left: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.support-box2 .box1 ul li a span{flex-basis:25%;text-align: right;}
.support-box2 .box1 ul li a:hover{border-color: #74be54;}
.support-box2 .box1 ul li a:hover h4{color: #74be54;}
.support-box2 .box1 ul li a:hover span{color: #ccc}
.support-box2 .box1 ul li a:hover img{left: 20px;}


.table-news,.table-news th{text-align: center;}
.connect-news{color: #9e9e9e;line-height: 26px;}

.aboutsss{position: relative;}
.aboutsss .box{position: relative;}
.aboutsss video{width: 100%;cursor: pointer;outline: none;}
.aboutsss video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.aboutsss video::-webkit-media-controls-play-button {
    display: none;
}

.aboutsss video::-webkit-media-controls-timeline {
    display: none;
}

.aboutsss video::-webkit-media-controls-current-time-display {
    display: none;
}

.aboutsss video::-webkit-media-controls-time-remaining-display {
    display: none;
}

.aboutsss video::-webkit-media-controls-mute-button {
    display: none;
}

.aboutsss video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}

.aboutsss video::-webkit-media-controls-enclosure {
    display: none;
}

.aboutsss video::-webkit-media-controls-volume-slider {
    display: none;
}
.swiper-pagination-bullet{background: #666;margin:5px;cursor: pointer;}
.aboutsss .bgvideo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 66;cursor: pointer;}
.aboutsss .bgvideo.remove{display: none;}
/*news*/
.main-banner{}
.main-banner img{width: 100%;}


.page-boxye{}
.page-boxye a{display: block;color: #666;margin:10px 0;}
.news-box1 {
  margin: 0 auto;
  padding: 20mm 0;
}

.news-box1 .container {
  padding: 0 15mm;
}
.news-box1 ul{padding: 0 5%;}
.news-box1 ul li{margin-bottom: 30px;
    border-bottom: 1px solid #eee;padding-bottom: 30px;;}

.news-box1 .border-bottom {
  border-color: #e5e5e5 !important;
  border-width: 0.2mm !important;
  font-size: 0;
}

.news-box1 .rounded {
  width: 100%;;
}

.news-box1 h2 {
  
  letter-spacing: -0.15mm;margin-bottom: 20px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;;font-size: 22px;;
}
.news-box1 .figure,.news-box1 .text,.news-box1 .text-md-end{
    display: inline-block;float: none;vertical-align: middle;
}

.news-box1 p {
  margin-bottom: 0;
}
.news-box1 .text-md-end{
    text-align: right;
}
.news-box1 .text-md-end .fs-4{
    font-weight: 600;font-size: 20px;color: #ddd;
}
.news-box1 .text-primary {
  color: #ddd;font-weight: 600;font-size: 39px;; /* 主色调示例 */
}
.news-box1 .text{margin: 15px 0;padding-left: 30px;;}

.news-box1 .text-p{color: #999;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;line-height: 26px;;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-box1 a{}
.news-box1 a:hover .text-p{color: #000;;}
.news-box1 a:hover h2{color: #83c326;}
.news-box1 a:hover .text-md-end p{color: red;}
.news-box1 *{transition: all .3s;}
.news-box1 a:hover img{transform: scale(1.1);}
.news-box1 .figure{overflow: hidden;padding: 0;border-radius: 10px;;}
/* 响应式调整 */
@media (max-width: 768px) {
  .news-box1 {
    width: 100%;
    padding: 15mm 0;
  }
  .news-box1 .container {
    padding: 0 8mm;
  }
  .news-box1 h2{font-size: 16px;;}
  .news-box1 .text{padding: 15px;;}
  .news-box1 .text-md-end .fs-4{display: inline-block;
    font-size: 16px;;margin-right: 10px;padding-right: 10px;border-right:1px solid #f9f9f9f9;}
  .news-box1 .text-primary{display: inline-block;font-size: 16px;;}
  .news-box1 .text-md-end{text-align: left;}
  .news-box1 .figure{padding:0 15px;;}
}

.news-detailed-box1{padding:80px 0;}
.news-detailed-title{border-bottom: 1px solid #eee;margin-bottom: 30px;}
.news-detailed-title h1{color: #333;
    font-size: 25px;
    font-weight: 400;}
.news-detailed-title span{margin: 30px 0 20px;
    overflow: hidden;
    text-align: left;color: #adadad;
    display: inline-block;
    font-size: 13px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news-detailed-content{display: block;}
.news-detailed-content *,.news-detailed-content{color: #676767;line-height: 1.8;}

.news-detailed-box1-page{padding-top: 26px;margin-top: 26px;border-top: 1px dotted #eee;padding-bottom: 50px;font-size: 0;}
.news-detailed-box1-page-left{padding: 0;float: none;vertical-align: top;display: inline-block;}
.news-detailed-box1-page-left ul{}
.news-detailed-box1-page-left ul li{}
.news-detailed-box1-page-left ul li span{max-width: 16%;display: inline-block;text-align: left;
  vertical-align: middle;color: #666666;padding-right: 4%;padding: 10px 0;}
.news-detailed-box1-page-left ul li a{max-width: 79%;display: inline-block;padding: 10px 0;
  vertical-align: middle;color: #666666;}


.news-detailed-box1-right{float: none;vertical-align: top;display: inline-block;}
.news-detailed-box1-right .box{}
.news-detailed-box1-right .box .pas{display: inline-block;vertical-align: middle;}
.news-detailed-box1-right .box .list{background: url(/image/vbg01.png) no-repeat;
  display: inline-block;vertical-align: middle;
    height: 33px;
    margin: 0 0 12px 12px;
    width: 33px;cursor: pointer;
}
.news-detailed-box1-right .box .weixin{background-position: -1302px -100px;}
.news-detailed-box1-right .box .weibo{background-position: -1302px -190px;}
.news-detailed-box1-right .box .qq{background-position: -1302px -145px;}
.news-detailed-box1-right .box .zone{background-position:  -1302px -235px;}
.news-detailed-box1-right .box .douban{background-position: -1302px -730px;}
.news-detailed-box1-right .box .tieba{background-position: -1302px -595px;}

/* news-detailed */

.news-detailed-box1-left{}
.news-detailed-box1-left .news-detailed-title{border-bottom: 1px solid #ccc;
    padding-bottom: 15px;margin-bottom: 15px;text-align: center;}
.news-title{font-size: 30px;font-weight: 600;position: relative;}
.news-detailed-box1-left .news-detailed-title p{margin-top: 15px;;}
.news-detailed-box1-left .news-detailed-title p i,
.news-detailed-box1-left .news-detailed-title p span{display: inline-block;margin:5px;vertical-align:middle;
;}
.news-detailed-box1-left .news-detailed-title p i img{}
.news-detailed-box1-left .news-detailed-title p span{position: relative;top: 3px;}

.news-content{color: #7d7d7d;margin-top: 30px;;}

.news-detailed-box1-right{padding-left: 30px;;}
.news-detailed-box1-right .list1{margin-bottom: 30px;;}
.news-detailed-box1-right .list1 h3{margin-bottom: 20px;font-size: 20px;;}
.news-detailed-box1-right .list1 ul{}
.news-detailed-box1-right .list1 ul li{width: 45%;display: inline-block;vertical-align: top;}
.news-detailed-box1-right .list1 ul li a{padding-left: 30px;position: relative;vertical-align: middle;
font-size: 16px;margin-bottom: 15px;color: #222;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.news-detailed-box1-right .list1 ul li a:hover{color: #006aff;}
.news-detailed-box1-right .list1 ul li a:after{display: block;content: '';position: absolute;
    width: 8px;;height:8px;;;background: #ccc;left: 15px;top: 50%;margin-top: -4px;border-radius: 60px;;}
.news-detailed-box1-right .list2{margin-bottom: 30px;;}
.news-detailed-box1-right .list2 h3{margin-bottom: 20px;font-size: 20px;}
.news-detailed-box1-right .list2 ul{}
.news-detailed-box1-right .list2 ul li{}
.news-detailed-box1-right .list2 ul li a{position: relative;vertical-align: middle;
font-size: 16px;margin-bottom: 15px;color: #222;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.news-detailed-box1-right .list2 ul li a:hover{color: #006aff;}


/* ��ʽ���������Ͷ�ά��������ʽ */
#qr-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;border-radius: 5px;
  z-index: 1000;width: 480px;max-width:80%;
}
#qr-modal .title{position: relative;border-bottom: 1px solid #eee;overflow: hidden;}
#qr-modal .title h3{
  color: #333;padding-bottom: 22px;
    font-size: 16px;
    margin-left: 35px;
    overflow: hidden;
    padding-top: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}
#qr-modal .title #qr-close {display: block;background: none;position: absolute;
  margin-top: 10px;right:15px;top: 5px;
  text-align: center;
  color: white;
  padding: 5px 10px;
  cursor: pointer;}
#qr-modal .title #qr-close svg{width: 15px;height: 15px;background: none;}
#qr-modal .box{}
#qr-modal .box h4{text-align: center;font-size: 14px;padding: 50px 15px;}
#qr-modal .box #qr-container {text-align: center;}
#qr-modal .box #qr-container canvas{margin-bottom: 50px;}
#qr-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}


/*enroll*/

.enroll-box1{background: #fbfbfb;padding:80px 0;}
.enroll-box1 *{}
.enroll-box1-list{font-size: 0;}
.enroll-box1-list .list1{float: none;vertical-align: middle;display: inline-block;padding:0;}
.enroll-box1-list .list1 figure{}
.enroll-box1-list .list1 figure img{}
.enroll-box1-list .list1 h3{font-size: 32px;color:#333;white-space: pre-wrap;font-weight: 600;
    word-break: normal;margin-bottom: 5px;}
.enroll-box1-list .list1 span{color: rgb(102, 102, 102);font-size: 18px;}
.enroll-box1-list2{float: none;vertical-align: middle;display: inline-block;}
.enroll-box1-list2 a{color: #333;background: #fff;box-shadow: 0 0 15px #eee;padding:40px;
  display: block;border-radius: 4px;}
.enroll-box1-list2 a .title{overflow: hidden;margin-bottom: 10px;}
.enroll-box1-list2 a .title h2{overflow: hidden;font-size: 18px;
text-overflow:ellipsis;
white-space: nowrap;float: left;max-width: 70%;}
.enroll-box1-list2 a .title h2:hover{color: #c40000;}
.enroll-box1-list2 a .title span{color: #999;
    display: inline-block;float: right;display: inline-block;max-width: 29%;
    font-size: 14px;
    line-height: 1.5;}
.enroll-box1-list2 a .text{display: -webkit-box;color: #666;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.enroll-box2{padding:60px 0;}
.enroll-box2 *{}
.enroll-box2 ul{}
.enroll-box2 ul li{border-bottom: 1px solid #eee;padding:35px 0;}
.enroll-box2 .enroll-box2-list{}
.enroll-box2 .enroll-box1-list2{}
.enroll-box2 .enroll-box1-list2 a{padding: 0;box-shadow: none;}
.enroll-box2 .enroll-box1-list2 a .text{
  -webkit-line-clamp: 1;
}


.enroll-box3{background:#fbfbfb;padding: 40px 0;}
.enroll-box3-text{}
.enroll-box3-text .list{margin:40px 0;display: block;}
.enroll-box3-text .list span{font-size: 16px;margin:10px 0;display: block;}
.enroll-box3-text .list p{color: #666;}


.case-box1{margin-top: 80px;}
.case-box1-list{}
.case-box1-list ul{font-size: 0;}
.case-box1-list ul li{margin-bottom:0px;float: none;display: inline-block;vertical-align: top;}
.case-box1-list ul li a{text-decoration: none;text-decoration: none;color: #222;font-size: 0;display: block;
padding:0 0;transition:all .3s;margin:20px 0;background: #fff;margin-bottom: 0;}
.case-box1-list ul li a figure img{width: 100%;transition:all .3s;}
.case-box1-list ul li a figure{border-radius: 3px;overflow: hidden;position: relative;text-align: center;width: 100%;
  display: inline-block;vertical-align: middle;float: none;padding:0;transition:all .3s;border:1px solid #ccc;
}
.case-box1-list ul li a:hover .text h3{color: #d91616;}
.case-box1-list ul li a .text{display: inline-block;vertical-align: middle;float: none;transition:all .3s;display: block;}
.case-box1-list ul li a .text h3{white-space: nowrap;
    text-overflow: ellipsis;font-size: 18px;
    overflow: hidden;padding:20px 0;text-align: center;
    word-break: break-all;}
.case-box1-list ul li a .text p{ text-overflow: -o-ellipsis-lastline;text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

.lg-backdrop.in{opacity: 0.6;}


.news-btn{text-align: right;margin:15px 0;width: 100%;}
.news-btn div{display: inline-block;}
.news-product{margin-top: 30px;}
.news-product-list{}
.news-pede-left{}
.news-pede-left i{display: inline-block;padding:0;}
.news-pede-left ul{display: inline-block;margin-top: 50px;}
.news-pede-left ul li{margin-bottom: 38px;}
.news-pede-left ul li a{color: #666;font-size: 16px;}

.news-pede-right{}
.news-pede-right ul{}
.news-pede-right ul li{margin-bottom: 18px;}
.news-pede-right ul li a{color: #333;padding:8px;}
.news-pede-right ul li a figure{padding: 0 5px;}
.news-pede-right ul li a figure img{width: 100%;}
.news-pede-right ul li a .text{}
.news-pede-right ul li a .text h3{overflow: hidden;color: #d21921;margin-bottom: 15px;font-size: 17px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:1;
            -webkit-box-orient: vertical;}
.news-pede-right ul li a .text p{overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient: vertical;}
.news-pede-right ul li a:hover{background: #eee;}


.lan{color: #007bfc}



/*download*/
.download-box1-list{}
.download-box1-list ul{font-size: 0;}
.download-box1-list ul li{padding:0 15px;display: block;font-size: 0;width: 100%;font-size: 0;display: flex;}
.download-box1-list ul li .names{text-align: center;font-size: 20px;font-weight: 600}
.download-box1-list ul li .down{text-align: center;font-size: 20px;font-weight: 600}
.download-box1-list ul li .names-lis{vertical-align: middle;font-size: 0;}
.download-box1-list ul li .names-lis p{display: inline-block;vertical-align: middle;width: 100%;}
.download-box1-list ul li .names-lis:after{content: "";display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.download-box1-list ul li .down-lis{text-align: center;}
.download-box1-list ul li .down-lis a{display: inline-block;background: #172159;color: #fff;text-align: center;padding:6px 20px;border-radius: 10px;}
.download-box1-list ul li .down-lis a:hover{background: #4460fb;text-decoration: none;}
.download-box1-list ul li .left{padding:10px 15px;width: 70%;display: inline-block;
  vertical-align: middle;border:1px solid #ccc;margin-left: -1px;margin-top: -1px;}
.download-box1-list ul li .right{padding:10px 15px;width: 30%;display: inline-block;
  vertical-align: middle;border:1px solid #ccc;margin-left: -1px;margin-top: -1px;}

/*support*/

/*�Ƿ���21*/

.tc_bj{width:100%; height:100%; background:rgba(0,0,0,0.7);position:fixed; top:0; left:0; z-index:10000;}
.tc{width:50%;text-align:center;  position:fixed; top:25%; left:50%;}
.tc1{text-align:center; border-radius: 5px; background:rgba(51,51,51,1); transform:translateX(-50%); padding: 80px; box-sizing:border-box;}
.tc_logo img{max-width:300px;}
.tc_logo_wz{color:#999; font-size:17px; margin-top:0px; line-height:26px;}
.tc_logo_wz img{margin-bottom: 10px;width: 50%;}
.tc_logo_wz .blank{font-size: 36px; display: inline-block; line-height: 40px;}

.tc_xz_wz{color:#999; font-size:17px; margin-top: 40px; line-height:26px;}
.tc_gg{color:#afb8b7; font-size:12px; line-height:24px; margin-top:20px;}
.tc2{text-align:center; }

.tc_xz{width:100%; margin-top:30px;}
.tc_xz ul{ text-align:center}
.tc_xz ul li{ display:inline-block; margin:0 8% 0 0;}
.tc_xz ul li:last-child{ margin:0;}
.tc_xz ul li a{width:140px; cursor:pointer; display:block; font-size:18px; color:#999; line-height:40px; text-align:center; border:1px #999 solid; vertical-align: middle;}
.tc_xz ul li a span{color:#333;font-size:26px;font-weight:bold;-webkit-text-stroke:1px #999;vertical-align: middle;transition:all 0.5s;}
.tc_xz ul li a:hover{color:#fff; border-color:#fff;}
.tc_xz ul li a:hover span{color:#fff; -webkit-text-stroke:1px #fff;}

.lang_yyy{color:#fff; text-align:center; font-size:20px; line-height:26px; margin-top:40px;}
.lang_yyy span{text-transform:uppercase; font-weight:bold;}



/*production*/

.product-det-ll{}
.product-det-ll-main{}
.product-det-ll-main .img{text-align: center;}
.product-det-ll-main .img img{}
.product-det-ll-main .text{text-align: center;}
.product-det-ll-main .text a{text-decoration: none;color: #333;}
.product-det-ll-main .text a:hover{color: #195bbd;}
.product-det-ll-main .text .as{}
.product-det-ll-main .text .as a{margin:8px;}
.product-det-ll-main .text .ast{}
.product-det-ll-main .text .ast a{margin:8px;}
.product-det-ll-main .text .asb{}
.product-det-ll-main .text .asb h2{font-size: 24px;margin-top: 30px;}
.product-det-ll-text{overflow: hidden;margin-bottom: 40px;}
.product-det-ll-text .ll-title-box{background: #000000;display: block;margin-top: 50px;margin-bottom: 20px;}
.product-det-ll-text .ll-title-box h3{background: #195bbd;color: #fff;padding:18px 30px;display: inline-block;
font-size: 18px;}
.product-det-ll-text .ll-det-content{}

.produce-box1-list{margin-top: 60px;}
.produce-box1-list ul{}
.produce-box1-list ul li{margin-bottom: 20px;}
.produce-box1-list ul li a{display: block;text-decoration: none;text-align: center;color: #333;
  box-shadow: 0 3px 5px #ccc;
}
.produce-box1-list ul li a figure{padding:0;overflow: hidden;}
.produce-box1-list ul li a:hover figure img{
   transform:scale(1.1);/*���� ����=1���䣬<1 ��С >1 ��� ���� �ߵ�*/
-ms-transform:scale(1.1);/*����IE9�����*/
-webkit-transform:scale(1.1);/*���ݹȸ������*/
-o-transform:scale(1.1);/*����opera�����*/
-moz-transform:scale(1.1);
}
.produce-box1-list ul li a figure img{width: 100%;
  transition:all .3s;
    transform:scale(1);/*���� ����=1���䣬<1 ��С >1 ��� ���� �ߵ�*/
-ms-transform:scale(1);/*����IE9�����*/
-webkit-transform:scale(1);/*���ݹȸ������*/
-o-transform:scale(1);/*����opera�����*/
-moz-transform:scale(1);
}
.produce-box1-list ul li a .text{text-align: center;}
.produce-box1-list ul li a:hover .text h3{color: #008bda;}
.produce-box1-list ul li a .text h3{font-size: 18px;padding:10px 0; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}



.production-main{padding-top: 50px;padding-bottom: 50px;overflow: hidden;}
.production-left{}
.production-left .titles{border-right: 1px solid #ccc;text-align: right;padding-right: 30px;}
.production-left .list{border-right: 1px solid #ccc;}
.production-left .list li{}
.production-left .list li.active a{padding-right: 25px;color: #ffa800;}
.production-left .list li a:hover{padding-right: 25px;color: #ffa800;}
.production-left .list li a{ display: block;text-decoration: none;
    color: #999;
    padding-right: 30px;line-height: 42px;
    transition: all .4s;position: relative;
    text-align: right;}
.production-left .list li a:hover:after,.production-left .list li.active a:after{height: 100%;}
.production-left .list li a:after{
      content: "";
    position: absolute;
    width: 3px;
    height: 0;
    top: 0;
    right: -2px;
    transition: all .4s;
    background: #ffa800;
    border-radius: 5px;
    bottom: 0;
    margin: auto;
    border-radius: 50px;
}
.production-right-box1{}
.production-right-box1 *{}
.production-right-box1 .title{margin-bottom: 15px;}
.production-right-box1 .figure{overflow: hidden;}
.production-right-box1 .figure li{margin-bottom: 15px;padding:0px 7px;}
.production-right-box1 .figure li figure{overflow: hidden;border-radius: 5px;}
.production-right-box1 .figure li figure img{}

.recommend-title{height: 20px;
    position: relative;margin-top: 50px;
    margin-bottom: 30px;}
.recommend-title h4{position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    line-height: 20px;
    font-size: 2.4rem;
    color: #444;
    height: 20px;
    border-left: 3px solid #ffa800;
    padding-left: 20px;
    letter-spacing: 0.05em;}


/*footer*/

.fixed_gotop{display: block;}
.fixed_gotop a{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: row;
    flex-wrap: row;}
.fixed_gotop a span{color: #222}

.fixed-top{
  position: fixed;
    right: 40px;
    bottom: 20px;
    z-index: 1000;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.fixed-top-box{width: 50px;opacity: 0;display: none;
    height: 50px; transition: all 0.3s;
    /* background: #000; */
    margin-top: 20px;}
.fixed-top-box a{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(../image/top.png) no-repeat center;
    transition: all 0.3s;border-radius: 10px;overflow: hidden;
    
  }
.fixed-top-box.no{opacity: 0.4;display: block;}
.fixed-top-box:hover{opacity:1;}
.footer{overflow: hidden;background: #20252b;padding:70px 0 40px 0;}
.footer *{color:#fff;}
.footer-logo{}
.footer-logo .list-text{margin-bottom: 10px;color: #999999;font-size: 14px;display: block;    }
.footer-logo .list-text i{display: inline-block;width: 30px;text-align: center;}
.footer-logo-box1{font-size: 0;}
.footer-logo-box1 figure{display: inline-block;margin-bottom: 30px;;
    width: 100%;text-align:left;vertical-align: top;}
.footer-logo-box1 figure img{}

.footer-title{text-align: left;padding: 0 6px;;}
.footer-title h3{font-size:20px;margin-bottom: 20px;display: inline-block;}
.footer-title h3:after{content: "";
    display: none;
    width: 50px;
    height: 1px;
    background: #104098;
    margin-top: 10px;}
.footer .footer-list{padding-top: 25px;
    padding-bottom: 2px;}
.footer .footer-list .ulwan{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;margin-left: -30px;
    margin-right: -30px;}
.footer .footer-list .ulwan ul{}
.footer .footer-list .ulwan ul li{margin-bottom: 24px;;
    font-size: 14px;text-align: left;}
.footer .footer-list .ulwan ul li a{font-size: inherit;color: #999;
position: relative;transition: all 0.3s ease;}
.footer .footer-list .ulwan ul li a:hover{color: #fff;;}
.footer .footer-list .ulwan ul li a:after{
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    top: 50%;;
    left: -15px;margin-top: -2px;
    transition: all .4s;
    background: #fff;
    position: absolute;
    border-radius: 50px;
}
.footer-input{}
.footer-input .footer-input-box{}
.footer-input .footer-input-box .form-control{background: #373b41;color: #787a7f;
border:none}
.footer-input .footer-input-box .input-group-btn{}
.footer-input .footer-input-box .input-group-btn .btn{
background: #476932;outline: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color 
ease-in-out .15s, -webkit-box-shadow 
ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color 
ease-in-out .15s, box-shadow 
ease-in-out .15s;
}

.footer-input .footer-input-box .form-control:focus + .input-group-btn .btn{
        outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.footer-input .footer-input-box .input-group-btn .btn:hover,
.footer-input .footer-input-box .input-group-btn .btn:active,
.footer-input .footer-input-box .input-group-btn .btn:focus{color: #fff;;}
.footer-bot{background: #2b3036;text-align: center;
    padding: 20px 15px;color:#626d86;}
.footer-bot p{display: inline-block;margin: 15px;color: #626d86;;}
.footer-bot p i{display: inline-block;margin: 0 5px;;}
/* 头部导航样式 */
.header-re {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
    padding: 15px 0;
}

/* 初始状态 */
.header-re {
    background: transparent;
}

/* PC端导航布局 */
.header-top {
    width: 90%;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo样式 */
.header-left {
    flex: 0.2;
}

.header-left .logo {
    width: 200px;
}

.header-left .logo img {
    width: 100%;
    height: auto;
    display: block;
}
.header-gp{
    flex: 0.5;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header-gp p{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;display: block;margin-right: 30px;;
}
/* 右侧导航区域 */
.header-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* 主导航 */
.main-nav {
    margin-right: 40px;
}

.main-nav ul.pc-ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav ul.pc-ul li {
    margin: 0 5px;
}
.main-nav ul.pc-ul li:last-child a:after{display: none;}
.main-nav ul.pc-ul li a {position: relative;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    transition: all 0.3s ease;
}

/* 商城链接 */
.shop-links {
    display: flex;
    align-items: center;
}
.header-re.scrolled .shop-links .btns{
    color: #999;
}

.shop-links .btns i {
    margin-left: 8px;
    display: flex;
    align-items: center;
}

.shop-links .btns i img {
    height: 20px;
    width: auto;
}
.shop-links .btns:hover{
    border-color: #eee;;
}
.shop-links .btns{
    display: flex;
    align-items: center;
    padding: 8px 15px;
    color: #fff;
    margin-left: 15px;
    transition: all 0.3s ease;
    padding: 5px 16px;background-color:transparent;color: #fff;;
    border:1px solid #ccc;border-radius: 5px;;
}
.shop-links .dropdown-menu{
    text-align: center;min-width: auto;padding: 0;
}
.shop-links .dropdown-menu i{margin-left: 8px;;}
.shop-links .dropdown-menu a{padding: 5px 16px;border-radius: 5px;;;}
/* 滚动状态 */
.header-re.scrolled {
    background: rgba(238, 238, 238, 0.7);backdrop-filter: blur(5px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 8px 0;border-bottom: 1px solid #ddd;;
}
.header-re.scrolled .logo{}
.header-re.scrolled .logo .white{display: none;}
.header-re.scrolled .logo .black{display: block;}
.header-re .logo .white{display: block;}
.header-re .logo .black{display: none;}

.header-re .off{display: block!important;}
.header-re .on{display: none!important;}
.header-re.scrolled .on{display: block!important;}
.header-re.scrolled .off{display: none!important;}

.header-re.scrolled .main-nav ul.pc-ul li a {
    color: #333;
}
.header-re.scrolled .main-nav ul.pc-ul li a:hover{color: #03bffc;}
.header-re.scrolled .main-nav ul.pc-ul li a:hover:after{
    color: #333;
}

.header-re.scrolled .shop-links a {
    color: #333;
}
.header-re.scrolled .header-gp p{color: #222;}

/* 悬停效果 */
.main-nav ul.pc-ul li a:hover {
    color: #03bffc;
}
.main-nav ul.pc-ul li a:hover:after{
    color: #fff;
}

.shop-links a:hover {
    opacity: 0.8;
}

/* 响应式调整 */
@media (max-width: 1200px) {
    .header-top {
        max-width: 100%;
    }
    
    .main-nav ul.pc-ul li a {
        padding: 10px 10px;
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .header-top {
        display: none;
    }
}

/* Banner样式 */
.banner-main {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.banner-main .banner-bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.banner-main .banner-bg .bg-img{text-align: center;
      position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;z-index: -1;
}
.banner-main .banner-bg .bg-img video,
.banner-main .banner-bg .bg-img img{max-width: none;height: 100%;object-fit: cover;
  position: absolute;top: 50%;
    left: 50%;width: 100%;
    transform: translate(-50%, -50%);}
.banner-main .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../image/banner_bg.png");
    opacity: 0.8;
}

.banner-main .banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.banner-main .banner-content h2 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 20px;
    font-weight: normal;
    color: #fff;
}

.banner-main .banner-content p {
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    opacity: 0.9;
}

.banner-main .banner-btn {
    margin-top: 120px;
}

.banner-main .banner-btn a {
    display: inline-block;
    padding: 12px 40px;
    background: rgba(131, 195, 38, 0.8);
    color: #fff;
    font-size: 16px;
    font-family: "siyuan";font-weight: normal;
    transition: all 0.3s ease;
}

.banner-main .banner-btn a:hover {
    
    background: #fff;
    color: #333;
}
 
.mobile-links{margin-top: 30px;}
.mobile-links a{color: #df1a21;border:1px #df1a21 solid;padding:6px;border-radius: 5px;}
/* 响应式调整 */

@media only screen and (max-width: 1750px){
  /*.header-list-li ul li{padding: 0 10px;}*/
  .header-list-li ul li a.act-a{font-size: 16px;}
}

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

    .banner-main {
        height: 70vh;
    }
    
    .banner-main .banner-content h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .banner-main .banner-content p {
        font-size: 14px;
    }
    
    .banner-main .banner-btn {
        margin-top: 25px;
    }
    
    .banner-main .banner-btn a {
        padding: 10px 30px;
        font-size: 14px;
    }


.main-title{font-size: 16px;text-align: center;font-weight: 600}
.product-right{padding: 0;margin-top: 25px;}
.pr-de-model{padding: 0}
.pr-de-main div#showdepor{height: auto;}
.product-bottom-list .table{width: 100%;}
.main-r-header{width: 100%;border-bottom: 2px solid #ccc;padding-bottom: 20px;font-size:24px;color:#777;padding:15px 0;
overflow: hidden;}
.main-r-header i{float: left;margin-right: 10px;margin-top: 3px}
.main-r-header h3{display: inline-block;float: left;}
.main-r-header a{float: right;}
.main-r-header a img{max-width: 140px;}
.header-bottom{text-align: center;margin-top: 15px;text-align: left;margin-bottom: 0;
  width: 100%;padding:0;z-index:1001;position: relative;margin-bottom: 15px;}
.containerwidth97{width: 100%;}

.news-pede-left ul{text-align: center;margin-top: 0}
.news-pede-left i{display: none;}
.news-pede-left ul li{display: inline-block;margin:15px;border:1px solid #ccc;padding:8px;border-radius: 3px;}
.news-pede-right{padding: 0	}
.news-pede-right ul li a figure{margin-bottom: 10px;}


.main-l,.main-r{width: 100%;padding:0;}
.whole-main-left-a{width: 70%!important;display: inline-block!important;	}
.main-content{padding:0 15px;}
.main-content .header{margin: 15px 0}
.whole-main-left-b{width: 30%;display: inline-block!important;text-align: center;}
.main-l{min-height: auto}
.main-r-list ul li{padding:0;}
.product-banner-btn #product_del{left: 0px;margin-top: -80px;}
.product-banner-btn #product_der{right: 0px;margin-top: -80px;}
.product-show-right .contact-a{display: block;text-align: center;width: 100%;}

.index-header-input{width: 100%;margin:15px 0;}
.header-70{height: 50px;}
.header-re{height: auto;}
.header-nav{padding:0;width: 100%;background: #3361a7}
.header-nav .logo{width: 100%;text-align: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.header-nav-top{background: transparent;width: 100%;padding: 0;}

.header-tel .list{width: 100%;text-align: left;margin:20px 0;}	
.header-tel .list.tel p{text-align: left!important}
.navbar-default .navbar-brand{color: #fff;}

.header-box1 .a{text-align: center;width:100%;}
.header-box1 .text{text-align: center;width: 100%;border:none;margin-top: 20px;}
.index-banner-img{width: 180%;position: relative;margin-left: -40%;}

.index-about-box{display: block;}
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{padding:5px;}

.index-header-nav{width: 100%;padding:0;}
.bx-wrapper .bx-controls-direction a{display: none;}
.service{padding:0 15px;}

.contact-text{padding-left: 15px;}
.index-header h2{font-size: 26px;text-align: center;display: block;width: 100%;float: none;margin-bottom: 15px;}
.index-header a{display: block;width: 100px;height: 45px;background: #ccc;border-radius: 5px;line-height: 45px;color: #fff;
text-align: center;float: none;margin:0 auto;font-size: 18px;}


.download-main .list-box0 ul li{width: 100%;}

.contact-right{margin-top: 50px;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-toggle{display: block;}
/*.navbar-collapse.collapse{display: none;}*/


/*.bx-wrapper .bx-prev{left: 0!important}
.bx-wrapper .bx-next{right: 0!important}*/

.index-search{width: 100%;}
.down-searche{display: block;position: relative;top: 0;left: 0;width: 80%;margin-left: 10%;box-shadow: none;}
.down-searche p{display: none;}
.index-search .btn-div{display: none;}

.header-list-li ul{width: 100%;margin: 0;display: none;}
.header-list-li.in ul{display: block;}
.header-list-li .box{box-shadow: none;width: 100%;border:none;}
.header-list-li .box:after{border-bottom-color: #fff;left: 20px;}
/*.header-list-li{background:rgba(0,0,0,.8);}*/
/*.navbar-collapse{background:rgba(0,0,0,.8);}*/
.header-list-li ul{padding: 0 15px;background: transparent;}
.header-list-li ul li{display: block;text-align: left;position: relative;margin:0;width: auto;height: auto;transition:all .3s;}
.header-list-li ul li:hover .list-dropdown, .header-list-li ul li a:hover + .list-dropdown{display: block!important;border-radius: 5px;overflow: hidden;}
.list-dropdown ul li a{border:none;color: #ccc;text-align: left;}
.list-dropdown ul li i{display: none;}
.list-dropdown{width: 100%;position: relative;padding:0 15px;min-width: auto}
.header-list-li ul li.active::after{content: "";display: block;width: 0!important;height: 0!important;
 position: absolute;top: 20px;right: 20px;}
.header-list-li ul li a.act-a{color: #fff!important;text-align: left;padding:14px 0!important;display: inline-block;
      width: auto;margin-bottom: 0!important;border:none;line-height: inherit;}
.header-list-li ul li.noac i{font-weight: normal;display: none;position: absolute;top: 16px;right: 15px;
  color: #fff;font-size: 5px;transition:all .3s;
}
.list-dropdown:after{display: none;}
.header-list-li ul li a.act-a::after{left: 0;}
.header-list-li ul li a.act-a:hover, .header-list-li ul li.active:hover>a{color: #fff!important	;}
.header-list-li ul li.active{overflow: hidden;}
.header-list-li ul li.active .a-dropdown{display: inline-block;float: right;}
.header-list-li ul li .list-dropdown{width: 100%;left:0%;visibility: hidden;margin:0!important;padding: 0;display: none;top: 0;float: none;}
.header-list-li ul li:hover .list-dropdown,.header-list-li ul li a:hover+.list-dropdown{display: none;}
.header-list-li ul li.opens .list-dropdown{display: block!important;visibility: visible;}
.header-list-li ul li.opens .a-dropdown{background: #fff}
.header-list-li ul li.opens a{background-color:transparent;}
.header-list-li ul li.opend .list-dropdown{display: none!important;visibility: hidden!important;}
.header-list-li ul li.opens i{transform:rotate(90deg) scale(0.5);}
.header-list-li ul li.noac{padding:0;}

.list-dropdown ul{display: inline-block;}
.list-dropdown ul li.divider{display: block;}
.list-dropdown ul:after{display: none;}
.list-dropdown ul li.first{background: #fff;}
.list-dropdown ul{padding:0;background: transparent;}
.list-dropdown ul li{padding:5px 5px;}
.list-dropdown,.list-dropdown .box{background: transparent!important;}

.programme-box3-banner-text{display: block;position: relative;}
.programme-box3-banner-text .container{background: #111;padding:20px;}
.programme-det-box1 .list li{width: 50%;margin-bottom: 30px;}
.programme-det-box3 .text{position:relative;width: 100%;transform:translateY(0);-webkit-transform:translateY(0);}
.apartment-box5-div .nav-box{position: relative;text-align: center;}
.apartment-box5-div .nav-box li{float: none;display: inline-block;}
.apartment-box5-div .nav-box li a{padding: 0}

.app-main{background-size:auto 100%;padding:15px;}
.app-box-l{padding:0;}
.app-box-l h4{text-align: center;}
.app-box-l h3{text-align: center;}
.app-box-l .dropdown{text-align: center;}
.app-box-l .dropdown-menu{left: 50%;margin-left: -100px}
.app-box-r{margin-top: 30px;}
.app-main .erweima{margin-top: 20px;text-align: center;}
.network-box1 .list li a:after{display: none;}
.network-main{width: 100%;}
.network-list{width: 100%;}

.process-main .list ul li a:after{display: none;}

.contact-main .input-box ul li .input-li{width: 100%;}
.contact-main .input-box ul li span{width: 100%;margin-bottom: 15px;text-align: left;}
.about-figure div.r{padding: 0;width: 100%}
.about-figure div.l{padding: 0;width: 100%;}

.page-ms .header-top .header-list-li ul li a.act-a, .header-top.mini .list-dropdown, .page-ms .header-top .list-dropdown, .page-ms .header-top, .header-top.mini{
  box-shadow: none;
}

.more-like a, .more-like button{padding: 6px 15px;vertical-align: middle;}

.text-list-box8 .text{display: block;}
.text-list-box8 .time{padding: 0 15px;}
.text-list-box8 .time span{display: inline-block;}
.text-list-box8 .time h6{display: inline-block;}

.major-page3-main ul li a figure{padding: 15px;}

.header-top .logo{padding:0 15px;display: inline-block;}
.header-top .logo img{position: relative;
      max-width: 100%;
    max-height: 50px;
    transform: translate(-0%,-0%);
    top: 0%;
    left: 0%;
    margin-top: 0px;
}
.header-nav-main{margin:0;}


.banner .bx-wrapper .bx-pager .bx-pager-item a, .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width: 12px;height: 12px;}

.lawyer-detailed-box1 .text{padding: 25px;}
.lawyer-detailed-box1 .text p{}

.floating_ck{display: none;}




.search-input{width: 100%;margin:0;}
.search-input input{}
.header-nav{position: static;}

.product-box-list ul li{padding:0;}
.product-box-right{padding:0;}
.product-box-list ul li a{border:1px solid #ccc;padding:15px;}
.product-detai-content h1{font-size: 28px;}
.product-detai-content p{font-size: 16px;}




.feedback{border-radius: 0!important;right: auto;width: 100%;
left: 0;bottom: 0;}
.feedback .text{width: 50%;height: 40px;line-height: 100px;background: rgba(0,123,252,.6);border-radius: 0px;
line-height: 60px;border-radius: 30px!important;display: block;margin:0 auto;}
.feedback .text .text-box{}
.feedback .text h3{font-size: 14px;}
.feedback .text span{width: 5px;height: 5px;}
.feedback-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.feedback-box .x-off{}
.feedback-box .box{}
.feedback-box .box form{}
.feedback-box .box .list{}
.feedback-box .box .list li{}
.feedback-box .box .list li  input{}
.feedback-box .box .list li  textarea{}
.feedback-box .box .list li .btn{}
.product-dt{position: fixed;left: 0;top: 0;z-index: 6666;background: #333;background: #999);
	padding:15px;height: 100%;width: 70%;left: -70%;transition:all .3s;-webkit-transition:all .3s;}
.leftsidebar_box dt.active a,.leftsidebar_box dt a{background: transparent;color: #fff;}
.leftproduct{display: block;background: #999;background: rgba(44,135,193,.8);color:#fff;
	position: absolute;right: -45px;top: 0; -webkit-writing-mode: vertical-rl;border-radius: 10px 10px 10px 0;
                writing-mode: vertical-rl;}
.leftsidebar_box .system_log{background: transparent;}
.leftproduct .icon-bar{background: #fff;}
.product-right-riltr-box .filtr-item{padding:5px;margin-bottom: 5px;}
.product-right-riltr-box .filtr-item a figure{width: 100%;}
.leftsidebar_box{border:none;}
.leftsidebar_box dt{padding:0;}
.leftsidebar_box dt img{right: 10px;}
.solutions-detailed .solutions-box1 h2{font-size: 22px;}
.material-de-model{padding:0;}
.material-de-model header h2{font-size: 20px;}
.material-de-model header h4{font-size: 16px;}

.product-tab .nav li{width: 50%;margin: 0;padding:0;}
.product-tab .nav li a{padding:10px 0;font-size: 14px;font-weight: 600}
.product-tab .nav li.active:after, .about-box2 .list-nav ul li:hover:after{display: none;}
.product-detailed-res .table-list li .first h3{padding: 30px 0;color: #fff;}
.product-detailed-res .table-list li .first{background: #bdbdbd}

/*vtronic*/
.footer-bottom-r .figure img{width: auto;}
.product-left-box1 .title,.product-box-rec{display: none;}
.product-box-left{border:none;padding:0;}
.leftsidebar_box .system_log{border:none;margin:15px 0;}
.material-de-top{padding:0;}
.material-de-cimain .bx-wrapper .bx-controls-direction a{display: none;}
.case-list ul li{padding:0;}
.download-box1 ul li .rbtn{text-align: center;margin-top: 15px;}
.product-left-box1{margin-top: 0;}




.product-right{padding:5px;}
.about-img3{padding:0 15px;}
.video-list ul li{width: 32%;}
.download{min-height: auto}

.move-view,.magnifier-view{display: none!important;}
.magnifier-container,.magnifier{width: 100%!important;height: auto!important;}

.product-left{position: relative;}


/*.news-detailed-pages .text-right{text-align: left;margin-top: 15px;}*/


.list-dropdown ul li:hover>a{background: #222;}


.images-cover{display: flex;justify-content:center;align-items:center;}
.images-cover img{height: auto;top: 0!important;margin-top: 0!important;position: relative;left: 0!important;margin-left: 0!important;}
.product-detailed-box1-right .inquiry{margin:30px auto;display: block;width: 167px;}
.product-detailed-box1-right{margin-top: 50px;}


/*.news-detailed-pages div{text-align: center!important;}
.news-detailed-pages a{width: 180px;}*/
.support-box1 .titls,.support-box1-content .box2 h3{font-size: 18px;}
.support-box2 .box1 ul li a{display: block;border-radius: 5px;}
.support-box2 .box1 ul li a figure{width: 15%;display: inline-block;vertical-align: middle;}
.support-box2 .box1 ul li a h4{width: 80%;display: inline-block;vertical-align: middle;padding-left: 15px;}
.support-box2 .box1 ul li a span{display: block;margin-top: 15px;text-align: left;}
.support-box2 .box1 ul li{padding: 0;}

.swiper-banner .swiper-slide .swbox{padding:0;}
.swiper-banner .swiper-slide .swbox .box h3{font-size: 24px;}
.swiper-banner .swiper-slide .swbox .box p{line-height: 20px;margin-top: 20px;}
/*.swiper-banner{height: 450px;}*/
.swiper-banner .swiper-slide{background-size:cover!important;}
.swiper-banner .swiper-pagination{bottom: 20px;padding:0 15px;}
.header-list-li ul li.noac i.glyphicon{display: block;}

/*.header-top.mini .header-list-li ul li a.act-a,*/
/*.header-top.mini .list-dropdown,.header-top.mini{box-shadow: 0 0 5px #ccc;}*/


.tc_bj{}
.tc{width: 95%;top: 20%;}
.tc .tc1{padding:20px;}
body.jinzhi{overflow: hidden;}
.padding50{padding:0 15px;}
.padding100{padding:0 15px;}

/*.page-ms .header-top{background: rgba(0,0,0,.5);border-bottom: 1px solid rgba(255,255,255,.15);
    backdrop-filter: blur(3px);}*/
.page-ms .header-top .header-list-li ul li a.act-a{color: #fff!important;}
.main-pageimg figure{width: 100%;}
.main-pageimg figure img{max-width: 200%;width: 200%;margin-left: -20%;position: relative;}
.main-pageimg .text h3{padding-bottom: 15px;}
.main-pageimg .text p{margin-top: 5px;}
/*.page-ms{height: 48px;}*/




.index-titles-t{margin-top: 30px;margin-bottom: 60px;}
.index-titles-t h3{font-size: 26px;}

.main-pageimg-list ul li{margin:10px 5px;}
.rack-box1-left p{width: 100%;margin-bottom: 20px;}
.rack-box1-left h2{font-size: 30px;}

.rack-detailed-box2-list ul li{margin-bottom: 15px;}
.rack-detailed-box2-list ul li a{height: auto;padding:15px;}
.rack-detailed-box1-text{margin-bottom: 30px;}
.rack-detailed-box2{background-size: cover;}
	.search-input-box{right:0;margin: 0 auto;top: 0;overflow:visible;position: relative;z-index: 1;}


.main-pageimg-list{position: relative;}
.solve-box1{margin:15px 0;}
.case-btns .rights{text-align: left;margin-top: 20px;}


.download-box1-list ul li{display: block;}
.download-box1-list ul li{margin:10px 0;border:1px solid #ccc;padding:20px;border-radius: 10px;}
.download-box1-list ul li .right{width: 100%;border:none;}
.download-box1-list ul li .left{width: 100%;border:none;text-align: center;}

.swiper-banner .box .texts p{font-size:18px;}
.swiper-banner .box .texts span{font-size: 14px;margin-bottom: 0 }
.swiper-banner .box .texts .more{display: none;}




.product-pgs ul{display: block;}
.contact-ew:after{display: none;}
.contact-slist{text-align: center;}
.contact-slist .ts{text-align: left;}

.fixed-get .fixed-get-box{
  width: 90%;
}

.swiper-banner .swiper-button-prev, .swiper-banner .swiper-button-next{width: 32px;height: 32px;}



.footer .footer-list .ulwan>li h4{color: #333;}
.fixed-top{display: none;}
.why-box1-main .row{margin-top: 0;}
.why-box1-main .row .why-box1-nav{position: static;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
.why-box1-main .row .why-box1-nav li:nth-child(1),
.why-box1-main .row .why-box1-nav li:nth-child(2),
.why-box1-main .row .why-box1-nav li:nth-child(3),
.why-box1-main .row .why-box1-nav li:nth-child(4),
.why-box1-main .row .why-box1-nav li:nth-child(5),
.why-box1-main .row .why-box1-nav li:nth-child(6){margin-top: 0px;margin-left: 0px;}
.why-box1-main .row .why-box1-nav li:nth-of-type(2n+1){margin-right: 30px;}
.why-box1-main .row .why-box1-nav li{position: static;flex: 0 1 calc(50% - 15px);margin-bottom: 30px;}
.why-box1-main .row .why-box1-nav li a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.why-box1-main .row .why-box1-nav li a h3{text-align: center;}
.why-box1-main .row .why-box1-nav li a p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #fff;text-align: center;}
.why-box1-main .row .why-box1-content li .why-box1-more{
      position: static;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    transform: translateX(0%);
}
.why-box1-main .row .r{margin-top: 30px;}
.why-box1-main{padding-top: 20px;}
.blog-box1 .list ul li a{display: block;width: 100%;}
.blog-box1 .list ul li a figure{width: 100%;}

.contact-box5:before{height: 100%;}
.contact-box5:after{display: none;}
.contact-box5-form{margin:0;padding:50px 20px;}
/*.contact-box5-form .box form ul li .btns{background: #}*/
.service-page1-box3-help .help-content{margin:0;}
.service-page1-box3-help .help-content .btns{left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom: -28px;}
.service-page1-nav .list{padding: 15px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.service-page1-box1{padding-bottom: 30px;}
.service-page1-box1-swiper .swiper-header h2{font-size: 20px;}
.service-page1-box1-swiper .swiper-header h2 span{font-size:16px;}
.service-page1-box1-swiper .swiper-button-prev, .service-page1-box1-swiper .swiper-button-next{display: none;}
.service-page1-box1-swiper .swiper-pagination{bottom: -20px;}
.service-page1-box1 .right{padding: 0;margin-top: 40px;display: none;}
.service-page1-box2{margin-top: 30px;}

.margin-left20{margin-left: 0;}
.margin-top20{margin-top: 0;}
.margin-left40{margin-left: 0;}
.margin-top40{margin-top: 0;}
.service-page1-box2-text{padding: 0 15px;}


.service2-page1-box1 ul li .row .item .desc span{width: 36px;
    height: 36px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    margin-right: 20px;}
.service2-page1-box1 ul li .row .item .desc .text h3{font-size: 18px;
    margin-bottom: 20px;}
.service2-page1-box1 ul li .row .item .desc,.service2-page1-box1 ul li:nth-of-type(2n+2) .row .right .desc{margin:0 auto;}
.service2-page1-box1 ul li:nth-of-type(2n+2) .row .left{    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;}
.service2-page1-box1 ul li:nth-of-type(2n+2) .row .right{    background: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;}

.projects-left-container.active .row .list .text .excer{display: none;}
.projects-left-container.active .row .list .text .btns{display: none;}
.projects-left-container.active .row .list .text{padding-top: 15px;}

.download-box .item{-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3rem 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.download-box .item .title{    width: 100%;
    max-width: 100%;margin-bottom: 10px;
    font-size: 18px;}
.download-box .item .date{
    margin-left: 0;
    margin-top: 1rem;
}
.product-content{display: block;}
.product-content-left{width: 100%;padding: 40px 15px 70px 15px;}
.product-content-right{width: 100%;display: block;}
.product-content-left .box .swiper-button-prev, .product-content-left .box .swiper-button-next{
    display: none;
}

.header-re{padding: 0;}


.index-list2-box2 a .text{position: relative;bottom: 0;background: #fff;color: #000;}
.swiper-banner .swiper-pagination span{width: 10px;height: 10px;}
.index-box3-list .list{margin-bottom: 20px;padding: 15px 0;}
.index-box4-list .list .box .text figure img{width: 100%;height: auto;}
.index-box5 .list:nth-child(1) .box, .index-box5 .list:nth-child(2) .box{border:none;}
.footer-logo-box1 figure{text-align: center;width: 100%;}
.footer-logo-box1 .text{margin:0;width: 100%;margin-top: 20px;text-align: center;margin-bottom: 50px;}
.index-box5{margin:10px 0}
.indexs-title br{display: none;}
.news-box1-list ul li a .time .box{margin-bottom: 15px;}

.enroll-box1-list .list1{margin-bottom: 30px;overflow: hidden;}
.enroll-box1-list2{margin:15px 0;}
}


@media only screen and (max-width: 1400px){
.container{width: 100%;}
} 
@media only screen and (max-width: 1428px){
.header-list-li ul li.noac.hidden-md{display: none;}

} 
@media (max-width: 990px){
  /*header*/
  .header-top-list{float:none!important;float: left;}
}

/* index-box0样式 */

/* 主按钮组件样式 */
.main-btn-group {
    margin-top: 40px;
    position: relative;
    display: inline-block;
}

.main-btn-group .more-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 15px 45px;
    font-size: 16px;
    color: #fff;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    z-index: 1;
    background: #195496;
}

/* 按钮悬浮背景效果 */
.main-btn-group .more-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -75px;
    left: -112px;
    width: 150px;
    height: 150px;
    background: #012956;border-radius: 200px;
    transform: scaleX(1);
    transform-origin: left;
    transition: all 0.3s ease;
    z-index: -1;display: block;
}

/* 按钮文字右侧加号 */
.main-btn-group .more-btn:before {
    content: '+';
    position: absolute;
    left: 25px;
    font-size: 20px;
    font-weight: 300;
    opacity: 1;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

/* 悬浮状态 */
.main-btn-group .more-btn:hover {
    color: #fff;
    padding-right: 55px;
}

.main-btn-group .more-btn:hover:after {
    margin-top: -150px;
  width: 300px;
  height: 300px;
}

.main-btn-group .more-btn:hover:before {
    opacity: 1;
    transform: translateX(0);
}

/* 点击状态 */
.main-btn-group .more-btn:active {
    transform: scale(0.98);
}

/* 按钮阴影效果 */
.main-btn-group:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.1);
    filter: blur(5px);
    opacity: 0;
    transition: all 0.4s ease;
}

.main-btn-group:hover:before {
    opacity: 1;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .main-btn-group {
        margin-top: 25px;
    }
    
    .main-btn-group .more-btn {
        padding: 12px 35px;
        font-size: 14px;
    }
    
    .main-btn-group .more-btn:hover {
        padding-right: 45px;
    }
    
    .main-btn-group .more-btn:after {
        right: 20px;
        font-size: 18px;
    }

}

/* index-box1样式 */
.index-box1 {
    padding: 80px 0;
    background: #f7f7f7;overflow: hidden;
}
.hardware-box1{background: #f7f7f7;}
.hardware-header{padding: 60px 0;}
.hardware-header ul{text-align: center;}
.hardware-header ul li{display: inline-block;padding: 15px 12px;}
.hardware-header ul li a{color: #fff;text-decoration: none;padding: 12px 30px;border-radius: 4px;
    background: #83c326;}
.hardware-header ul li:hover a,
.hardware-header ul li.active a{background: #53713a;}
.index-box1-list{}
.index-box1-list ul{font-size: 0;;}
.index-box1-list ul li{display: inline-block;vertical-align: top;
float: none;padding: 9px;}
.index-box1-list ul li a{display: block;position: relative;overflow: hidden;
    width: 100%;background: #fff;}
.index-box1-list ul li a:after{
    content: '';display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #83c326;
    transition: all 0.3s ease;
}
.index-box1-list ul li a:hover:after{width: 100%;}
.index-box1-list ul li a h3{position: relative;bottom: 0;padding-bottom: 20px;text-align: center;
width: 100%;font-size: 16px;z-index: 1;transition: all 0.3s ease;
padding-top: 20px;border-top:1px solid #eee;}
.index-box1-list ul li a figure{display: block;overflow: hidden;padding-bottom: 10px;;}
.index-box1-list ul li a figure img{width: 100%;transition: all 0.3s ease;;} 
.index-box1-list ul li a:hover figure img{transform: scale(1.1);}
.index-box1-list ul li a:hover h3{bottom: 10px;;}
.index-box1-list ul li a p{transition: all 0.3s ease;position: relative;top:0;
    height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    text-align: center;color: #4d4b4b;display: block;padding: 5px 15px;margin-bottom: 2px;;}
.index-box1-list ul li a:hover p{top: -10px;;}
.index-title {
    text-align: center;
}

.index-title h2 {
    font-size: 22px;letter-spacing: 5px;
    color: #000;
    margin-bottom: 0px;
}

.index-title p {
    font-size: 16px;
    color: #666;line-height: 30px;
    letter-spacing: 2px;margin-top: 30px;;
}




/* hardware */
.page-banner{position: relative;}
.page-banner .textbox{position: absolute;z-index: 2;color: #fff;;
    bottom: 0;left: 0;width: 100%;padding:30px 0;}
.page-banner .textbox .containerwidth97{padding: 0 15px;;}
.page-banner .textbox a{color: #fff;margin: 2px;;}
.page-banner .textbox a:hover{color: #83c326;;}
.page-banner figure{}
.page-banner figure img{width: 100%;;}

/* quality */

/* product-detailed */
.product-detailed{}
.product-magnifier{margin: 80px 0;text-align: center;}
.product-detailed-text{margin: 80px 0;}
.product-det-box{}
.product-det-box .title{font-size: 24px;margin-bottom: 30px;;}
.product-det-box .model{font-size: 16px;color: #666;}
.product-det-box .img{margin: 15px 0;;}
.product-det-box .text{position: relative;margin: 16px 0;;}
    .product-det-box .text:after,
.product-det-box .text::before{
        content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 10px;
    background-image: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 100%);
    z-index: 9;
    height: 30px;
}
.product-det-box .text:after{content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 10px;
    background-image: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 100%);
    z-index: 9;
    height: 30px;}
.product-det-box .text::before{    bottom: 0;
    top: auto;
    background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 10%, rgb(255 255 255) 90%);
    height: 35px;}

.product-det-box .text .box{font-size: 15px;
    line-height: 30px;
    color: #666;
    height:280px;
    overflow-y: auto;
    z-index: 5;
    padding: 15px 20px 15px 0;}
.product-det-box .text .box::-webkit-scrollbar{width: 5px;background-color: #eee;
border-radius: 5px;;}
.product-det-box .text .box::-webkit-scrollbar-thumb{
    background: #ccc;border-radius: 5px;;
}
.product-det-bottom{margin-bottom: 30px;;}
.product-det-header{margin-bottom: 20px;;}
.product-det-header h2{border-bottom: 2px solid #83c326;padding: 10px 0;
    font-size: 18px;color:#83c326;position: relative;}
.product-det-header h2:after{content: "";display: block;height: 2PX;;
position: absolute;bottom: -2px;left: 0;width:120px;background: #476732;}
.product-det-content{}

.product-det-content{}
.product-det-content table{}
.product-det-content table tr{
    transition: all 0.3s ease;
}
.product-det-content table tr:nth-child(2n+1){
    background: #f7f7f7;
}
.product-det-content table tr td{}
.product-det-content table tr:hover{color: #03bffc;background: #f3fcff;}
.product-detailed{background: #f7f7f7;}
.product-detailed .containerwidth97{overflow: hidden;background: #fff;;}
.product-figure-left{border:1px solid #ccc;text-align: center;float:none;display: inline-block;}
.product-figure-left img{max-width: 100%;}


.product-det-box1{background: #f7f7f7;padding: 50px 0;
padding-top: 120px;}
.rd-main{background: #f7f7f7;overflow: hidden;}
.rd-box1{padding: 60px 20px;;background: #fff;margin:60px 0;}
.img-auto{margin:15px auto;display: block;}

/* contact */

/* attract-box1 样式 */
.attract-box1 {
  padding: 0;
  display: flex;
  align-items: flex-start;
  margin: 0 auto;padding: 90px 0;
}

.attract-box1 .containerwidth97{
    background: #fbfbfb;;
}
.attract-box1-left {
  padding-right: 50px;
}

.attract-box1-left img {
  width: 100%;
  height: auto;
}

.attract-box1-right {
  padding:0 50px;padding-left: 20px;;
  display: flex;
  flex-wrap: wrap;
}
.attract-box1-header h1{margin-top: 60px;font-size: 25px;}
.attract-box1-header span{color:#aca7a7;font-size: 18px;;}

/* 业务介绍部分 */
.attract-box1-right .business-item {
  width: 50%;
  padding: 30px 15px;
  margin-bottom: 40px;
  text-align: center;
}

.attract-box1-right .business-item .icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}

.attract-box1-right .business-item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.attract-box1-right .business-item .text {
  text-align: center;
}

.attract-box1-right .business-item .text h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 15px;
  font-weight: normal;
}

.attract-box1-right .business-item .text p {
  font-size: 16px;
  color: #666;
  line-height: 1.8;text-align: left;

}

/* 联系信息部分 */
.attract-box1-right .contact-info {
  width: 100%;
  margin-top: 40px;
  border-top: 1px solid #eee;
  padding-top: 40px;
}
.attract-box1-right .contact-info .bp{
  display: flex;
}

.attract-box1-right .info-item {
  display: flex;
  align-items: center;padding: 10px 0;
}

/* 地址信息独占一行 */
.attract-box1-right .info-item.address {
  width: 100%;
}

/* 服务热线和Email并排显示 */
/* .attract-box1-right .info-item.contact-row {
  padding-right: 15px;
  margin-bottom: 25px;
} */

.attract-box1-right .info-item .icon {
  width: 20px;
  margin-right: 15px;
  flex-shrink: 0;
}

.attract-box1-right .info-item .icon img {

}

.attract-box1-right .info-item .text {
  flex: 1;
}

.attract-box1-right .info-item .text span {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-right: 5px;
  display: inline;
  min-width: 80px;
}

.attract-box1-right .info-item .text p {
  font-size: 16px;
  color: #666;
  display: inline-block;
}

/* 网址信息独占一行 */
.attract-box1-right .info-item.website {
  width: 100%;
}

@media (max-width: 1200px) {
.index-box2-swiper:hover .swiper-button-prev,.index-box2-swiper:hover .swiper-button-next{
    opacity: 0;
}
.index-box1-list ul li a h3{
    position: relative;font-size: 14px;;
}
    
.index-box1-list ul li{margin-bottom: 0;padding: 5px;;}    
.index-title h2{font-size: 22px;;}
.index-title{margin-bottom: 0;padding: 15px;;}
.index-box4-list ul .list{width:48%;;}
.index-box0-list ul li a h3{font-size: 18px;;}
.index-box0-list ul li{padding: 6px;margin-bottom:0px;;}
.page-banner .textbox{bottom: 50%;padding: 0;text-align: center;
transform: translateY(50%);}
.product-det-box .text .box{height: auto;}
.about-box2 .index-title p{text-align: left;}
.attract-box1{display: block;}
.attract-box1-left{height: 400px;overflow: hidden;border-radius: 15px;margin: 15px 2%;width: 96%;;}
.attract-box1-left,.attract-box1-right{display: block;padding: 0;}
.attract-box1-right{width: 96%;margin: 15px 2%;;}
.attract-box1-right .business-item{width: 100%;display: inline-block;margin-top: 15px;}
.attract-box1-right .info-item.contact-row{width: 100%;}
.attract-box1-right .contact-info .bp{display: block;}
.attract-box1-right .contact-info{padding: 15px;}
.mobile-header .mobile-content-main .mobile-ul li.noac a{display: inline-block;padding: 15px  5px;height: auto;}
.mobile-header .mobile-content-main .mobile-ul li.noac{border:none;border-bottom: 1px solid #eee;;}
.mobile-header .mobile-content-main .mobile-ul li.active{position: relative;}
.mobile-header .mobile-content-main .mobile-ul li.active:after{content: "";display: block;
    width: 20px;height: 20px;;
position: absolute;right:20px;;top: 15px;;;background: url(../image/index-box2-rs.png) no-repeat;}
.header-re{position: relative;}
.index-about-bottom ul{display: block;}
.index-about-bottom ul li{width: 50%;margin-bottom: 15px;;}
.index-about-bottom ul li i{display: block!important;}
.index-about-bottom ul li a{display: block;text-align: center;}
.index-about-bottom ul li a h4{text-align: center;margin: 10px 0;}
.index-box2 .box .list li{width: 20%;;}
.index-box2{padding: 20px;;}
.index-box2 .box .index-title p{width: 100%;;}
.about-box2-list ul li{width: 100%;min-height: auto;padding: 15px;;
    position: relative;border-bottom: 1px solid #eee;;}
.about-box2-list ul li h3{font-size: 30px;position: absolute;top: 20px;;left: 0;width: 30px;height: 30px;
    border-radius: 50px;color: #eee;}
.about-box4 .list{padding: 20px;;}
.about-box4 .list li h4,
.about-box4 .list li p{display: block;margin: 5px;;}
.about-box4 .title{text-align: center;}
}