*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:16px;overflow-x:hidden;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"PingFang SC","Source Han Sans CN","Hiragino Sans GB","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#666;}
body.engt{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#717072}
/* a:hover{color:#c40707} */
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}

input,textarea,select,button,input{ outline:none; font-size:15px;font-family: Arial, 'Microsoft Yahei', Helvetica, SimSun, sans-serif;text-transform: capitalize;}
/*input{-webkit-appearance: none ;}*/

input[type=checkbox] {cursor: pointer;position: relative;}
input[type=checkbox]::after {position: absolute;top: 0;background-color: #fff;color: #fff;width: 14px;height: 14px;display: inline-block;visibility: visible;padding-left: 0px;text-align: center;content: ' ';border-radius: 2px;box-sizing: border-box;border: 1px solid #ddd;}
input[type=checkbox]:checked::after {content: "";background-color: #80bc00;border-color: #80bc00;background-color: #80bc00;}
input[type=checkbox]:checked::before {content: '';position: absolute;top: 1px;left: 5px;width: 3px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);z-index: 1;}
:root{
    --gradient-background-color:linear-gradient(to right, #c40707, #ff5800);
    --gradient-background-color-dark:linear-gradient(to right,#1659a8,#127aba);
    --gradient-background-color-light:linear-gradient(to right,#157abb,#16a7d4);
    --background-color:#15509c;
    --blue-color:#15509c;
    --grey-color:#575454;
    --black-color:#0a0405;
	--red-color:#c40707;
}



.wrap{ max-width:80%;padding:0 4rem;margin:0 auto}
.pic{overflow:hidden; position:relative}
.pic:before{content:""; display: block;}
.pic img{ 
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
    width:100%;
    height:100%;
    object-fit:cover;
    -moz-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    transition:.8s cubic-bezier(.64,.93,.88,1.07);
}
.more{
    background:var(--background-color);
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    width: 180px;
    line-height: 45px;
    border-radius: 5px;
    border-top-right-radius: 32px;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
}
.more:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: 1;
    opacity: 0;
    transition: .3s;
    background:var(--gradient-background-color);
}
.more i, .more span{ position: relative;z-index: 2;}
.more i{margin-left:8px;}
.more i:before{
    content: '';
    width: 22px;
    height: 1px;
    background: #fff;
    transition: .4s ease;
    -webkit-transition: .4s ease;
    display: block;
}
.more i:after{
    content: '';
    display: block;
    width:7px;
    height:7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: -4px;
    right: 0;
}
.more:hover{color:#fff;}
.more:hover::after{ opacity: 1;}
.more:hover i:before{width: 40px;}

.headerBox{position: fixed;top: 0;left: 0;width: 100%;z-index:99;height:80px;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index:99;height:80px;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;text-transform: capitalize;}
.header-scroll{ box-shadow:0 0 10px rgba(0,0,0,.08);background-color: #fff;}
.header:after{content: '';background-color: #fff;position: absolute;left: 0;bottom:0;width: 100%;height: 1px;opacity:.6;}
.header .wrap{position: relative;z-index: 2;}
.i-header:after{left: 10%;}
.nheader{background-color: #fff;}
.nheader .logo .ico_1{opacity: 0 !important;}
.nheader .logo .ico_2{opacity: 1!important;}
.nheader .menu .menu_a{ color: #0a0405;}
.nheader .lang{color: var(--grey-color);}
.nheader .lang a{color: var(--black-color);}
.logo{height:80px;position:relative;}
.logo .ico_1{opacity: 1;}
.logo .ico_2{opacity: 0;}
.logo img{ display:block; height:30px;position: absolute;left: 0;right: 0;top:0;bottom:0;margin: auto;transition: .3s;}
.header-scroll .logo .ico_1{display: none;}
.header-scroll .logo .ico_2{opacity: 1;}
.header-scroll .menu .menu_a{ color: #0a0405;}

.menu{position: relative;z-index: 2;}
.menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu>ul>li{font-size:18px; margin:0 20px;position:relative;white-space: nowrap;}
.menu>ul>li:last-child{margin-right: 0;}
.menu .menu_a{color:#fff;line-height:80px;position:relative;text-transform: uppercase;display: block;padding: 0 10px;}
.menu .menu_a:after{
    content:'';
    position: absolute;
    bottom:0;
    left:50%;
    width: 0;
    height: 4px;
    background:var(--gradient-background-color);
    -webkit-transition: width .3s;
    transition: width .3s;
    transform: translateX(-50%);
}

.menu li:hover .menu_a:after, .menu li.cur .menu_a:after{width: 100%;}
.menu .sub{ position:absolute;left: 50%;top: 100%; width:200px;text-align: center;background:#fff;box-shadow: 0 3px 10px rgba(0,0,0,0.15);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}
.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#666; line-height: 20px; padding: 15px 20px;word-wrap: break-word;white-space:normal}
.menu .sub a:hover{background:#0c3184; color:#fff}



.lang{font-size:18px;line-height:80px;margin-left: 40px;color: rgba(255, 255, 255, 0.8);}
.lang a{ position: relative;color:#fff;font-weight:500;}
.lang a.cur{opacity: 1;}
.lang a:hover{color:#fff}
.header-scroll .lang{color: var(--grey-color);}
.header-scroll .lang a{color: var(--black-color);}

.search{ position:relative}
.search-top{ width:70px; height:70px; background:url(/public/static/home/images/search-btn.png) no-repeat center #e7c957; cursor:pointer}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:100; display:none}
.search-box .close{ width:30px; height:30px;display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-box .close:before{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;left: 0;top: 50%;}
.search-box .close:after{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);position: absolute;left: 0;top: 50%;}
.search-form{ position:absolute; top:42%; width:80%; left:10%;border-bottom:1px solid #515151; height:90px; line-height:90px;}
.search-form .inp{ width:100%; height:90px; background:url(/public/static/home/images/search-btn.png) no-repeat left center; border:none; box-sizing: border-box; color:#4d4d4d; padding-left:100px;font-size:30px;}
.search-form .submit{ position:absolute; right:0;top:0; background:none; border:0; font-size:35px; line-height:90px; color:#808080; cursor:pointer}
.search-box .close:hover{ transform:rotate(90deg)}


/*menu css-副本*/

/*menu*/


/*menu-cp*/
.headerBox:hover .header{background-color: #fff;}
.headerBox:hover .logo .ico_1{opacity: 0;}
.headerBox:hover .logo .ico_2{opacity: 1;}
.headerBox:hover .menu .menu_a{ color: #0a0405;}
.headerBox:hover .lang{color: var(--grey-color);}
.headerBox:hover .lang a{color: var(--black-color);}
.headerBox:hover .lang a:hover{color: var(--blue-color);}
.header-menu-sub{position:absolute;top:0;left:0px;width:100%;z-index: 2;}
.header-menu-sub-item{width:100%;margin:0;background:#f7f8fc;display: none;}
.header-menu-sub-item .inner{display: flex;display: -webkit-flex;padding-right: calc(10% + 4rem);padding-top: 80px;min-height:510px;}
.header-menu-sub-item .picLeft{width: 30%;position: relative;overflow: hidden;}
.header-menu-sub-item .txtRight{width: 70%;padding-top: 4%;padding-left: 2%;}
.header-menu-sub-item .picLeft img{position: absolute;right: 0;top:0;bottom:0;width: 100%;height: 100%;object-fit: cover;}
.header-menu-sub-item .ban-title{position: absolute;right: 0;top:0;bottom: 0;background: rgb(167 4 3 / 80%);color: #fff;padding: 10% 10% 5% 6%;}
.header-menu-sub-item .ban-title span{display: block;}
.header-menu-sub-item .ban-title .cn{font-size: 1.6em;}
.header-menu-sub-item .ban-title .en{text-transform: uppercase;font-size: .85em;font-weight: 300;margin-top: 1em;}

.header-menu-sub-item .list-wa{margin-right: -22%;display: flex;display: -webkit-flex;flex-wrap:wrap;}
.header-menu-sub-item .list-wa>li{width: 22%;margin-right: 2%;margin-bottom: 4%;float: left;position: relative;opacity: 0;}
.header-menu-sub-item .list-wa>li>a{display: block;font-size: 1.2em;color:var(--black-color);font-weight: bold;border-bottom: 1px solid #e0dfe1;padding-bottom: 15px;position: relative;}
.header-menu-sub-item .list-wa>li>a i{position: absolute;right: 0;top:0;background: url(../images/arrow_1.svg) no-repeat center;background-size: 100% auto;width: 25px;height: 30px;opacity: .3;transition: .3s;}
.header-menu-sub-item .list-wa>li:hover>a{color: var(--red-color);}
.header-menu-sub-item .list-wa>li:hover>a i{opacity: 1;}

.header-menu-sub-item .list{margin-right: -5%;display: flex;display: -webkit-flex;flex-wrap:wrap;}
.header-menu-sub-item .list>li{width: 45%;margin-right: 5%;margin-bottom: 4%;float: left;position: relative;opacity: 0;}
.header-menu-sub-item .list>li>a{display: block;font-size: 1.2em;color:var(--black-color);font-weight: bold;border-bottom: 1px solid #e0dfe1;padding-bottom: 15px;position: relative;}
.header-menu-sub-item .list>li>a i{position: absolute;right: 0;top:0;background: url(../images/arrow_1.svg) no-repeat center;background-size: 100% auto;width: 25px;height: 30px;opacity: .3;transition: .3s;}
.header-menu-sub-item .list>li:hover>a{color: var(--red-color);}
.header-menu-sub-item .list>li:hover>a i{opacity: 1;}
.header-menu-sub-item.nav-up-selected{}
.header-menu-sub-item.nav-up-selected .list>li{animation: fadeInUp .6s forwards;animation-delay: .3s;}
.header-menu-sub-item.nav-up-selected .list>li:nth-child(2){animation-delay: .4s;}
.header-menu-sub-item.nav-up-selected .list>li:nth-child(3){animation-delay: .5s;}
.header-menu-sub-item.nav-up-selected .list>li:nth-child(4){animation-delay: .6s;}
.header-menu-sub-item.nav-up-selected .list>li:nth-child(5){animation-delay: .7s;}
.header-menu-sub-item.nav-up-selected .list>li:nth-child(6){animation-delay: .8s;}

.header-menu-sub-item.nav-up-selected .list-wa>li{animation: fadeInUp .6s forwards;animation-delay: .3s;}
.header-menu-sub-item.nav-up-selected .list-wa>li:nth-child(2){animation-delay: .4s;}
.header-menu-sub-item.nav-up-selected .list-wa>li:nth-child(3){animation-delay: .5s;}
.header-menu-sub-item.nav-up-selected .list-wa>li:nth-child(4){animation-delay: .6s;}
.header-menu-sub-item.nav-up-selected .list-wa>li:nth-child(5){animation-delay: .7s;}
.header-menu-sub-item.nav-up-selected .list-wa>li:nth-child(6){animation-delay: .8s;}

.header-menu-sub-item .list-hassub>li>a i{background: url(../images/arrow_2.svg) no-repeat center;background-size: 100% auto;}
.header-menu-sub-item .list-hassub .second{/*padding-top: 15px;*/display: none;}
.header-menu-sub-item .list-hassub .second a{width: 100%;/* width: 47%; */margin-top: .5em;margin-left: .5em;display: block;float: left;font-weight:lighter;color:#ff2100;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header-menu-sub-item .list-hassub .second a:hover{font-weight: bold;}
.header-menu-sub-item .list-hassub>li.cur>a i, .list-hassub-pro>li.cur>a i{opacity: 1;transform: rotateX(180deg);}
#h-product.header-menu-sub-item .list>li>a{font-size: 1.3em;}
.list-hassub-pro{padding-top: 5%;}
.list-hassub-pro>li{margin-bottom: 4%;}
.list-hassub-pro>li>a{display: block;font-size: 1.2em;color:var(--black-color);position: relative;font-weight: 200;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-hassub-pro>li>a i{position: absolute;right: 0;top:0;background: url(../images/arrow_2.svg) no-repeat center;background-size: 100% auto;width: 25px;height: 30px;opacity: .3;transition: .3s;}

/**/

/**/
.banner:after, .banner .swiper-container:after{content: '';width: 1px;height: 100%;position: absolute;left: 10%;top:0;}
.banner:after{ background-color: #cbcbcb;z-index:-1;}
.banner .swiper-container:after{background-color: #fff;opacity: .6;z-index: 2;}
.banner{ position:relative; z-index:1;}
.banner .swiper-container{-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);}

.banner img{ display:block; width:100%;height: 100%;object-fit: cover;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .swiper-slide{ position:relative}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:30px; margin-top:-15px; outline:none; opacity:0.4; top:50%; overflow:hidden; transition: .3s;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ content:"";}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}
.banner .swiper-pagination{bottom:35%;left:auto;right:calc(90% - 4px);width: auto;}
.banner .swiper-pagination-bullet{width: auto;height: auto;display: block;background: none;margin:12px 0!important;display: flex;display: -webkit-flex;align-items:center;justify-content: flex-end;outline:none;opacity:1}
.banner .swiper-pagination-bullet:after{content: '';width: 8px;height: 8px;display: block;border-radius:50%;background:#fff;opacity: .6;}
.banner .swiper-pagination-bullet i{font-style: normal;font-family: Arial, Helvetica, sans-serif; position: relative;display: flex;display: -webkit-flex;align-items: center;color: #fff;opacity: .3;font-weight: 300;}
.banner .swiper-pagination-bullet i:after{content: '';width:20px;height: 1px;display: block;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;margin: 0 5px;background: #fff;opacity: .6;;}
.banner .swiper-pagination-bullet-active i{opacity: 1;font-weight: bold;}
.banner .swiper-pagination-bullet-active i:after{width: 65px;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:after{opacity: 1;}
.banner .swiper-slide{ position:relative}
.banner .txt{ position: absolute;left: 20%;top:50%;color: #fff;font-size: 60px;font-weight: 300;opacity: 0;}
.banner .txt span{display: block;}
.banner .swiper-slide-active .txt{top:45%;opacity: 1;transition:1s ease;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img{
	transition:16s linear;
	-moz-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.space{ padding:150px 0}
.titleCon{ margin-bottom:2.2em; font-size:2.8125rem; color:var(--black-color);position:relative; text-transform: uppercase; line-height: 1.2;display: flex;display: -webkit-flex;justify-content:space-between;align-items: flex-end;}
.titleCon .en{font-weight: 300;min-width: 250px;position: relative;font-family:'PingFang SC Medium';}
.titleCon .en span{display: block;}
.titleCon .en .line{position: absolute;background-color:#cbcbcb;width: calc(100% + 4rem);height: 1px;margin-top: 1rem;left: -4rem;}
.titleCon .line i{display: block;width: 18px;height: 18px; background: #fff;border: 1px solid #cbcbcb;border-radius: 50%;position: absolute;left: -9px;top:-9px;z-index: 10;}
.titleCon .line i:before{content: '';background-color: #0a0405;width: 8px;height: 8px;border-radius: 50%;position: absolute;left:4px;top:4px;}
.titleCon .cn{font-weight: bold;max-width: 60%;}
.i-about, .i-product, .i-solution, .i-advantage, .i-partner, .i-news{position: relative;}
.i-about:after, .i-product:after, .i-solution:after, .i-advantage:after, .i-partner:after, .i-news:after{content: '';width: 1px;height: 100%;position: absolute;left: 10%;top:0;z-index: 9;}
.i-about:after, .i-product:after, .i-solution:after, .i-partner:after, .i-news:after{background-color: #cbcbcb;}
.i-advantage:after{background-color: #fff;}
.i-about:after{z-index: -1;}

.i-about{border-bottom: 1px solid #cbcbcb;}
.i-about .titleCon .en{width: 400px;}
.i-aboutbox{display: flex;display: -webkit-flex;align-items: flex-end;justify-content: space-between;}
.i-aboutLeft{width: 400px; position: relative;}
.i-aboutLeft .img{position: relative; overflow: hidden;}
.i-aboutLeft .img:before{width: 100%;height: 100%;background: rgba(0,0,0,.15);position: absolute;left: 0;top: 0;z-index: 2;-webkit-transition: .8s ease;-moz-transition: .8s ease;transition: .8s ease;}
.i-aboutLeft .img img{width:100%;display: block;-webkit-transition: .8s ease;-moz-transition: .8s ease;transition: .8s ease;}
.v-btn{z-index: 1;position: absolute;left: 0;top: 0;cursor: pointer; width: 100%;height: 100%; background: url(../images/video-btn.png) no-repeat center;z-index: 3;}
.i-aboutLeft:hover .img img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);;transform: scale(1.05);}
.i-aboutLeft:hover .img:before{background: rgba(0,0,0,.05);}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:1000px;}
.video-show video{max-height:55vh;background: #000;object-fit: cover;}
.video-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.video-close:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.i-aboutRight{ width:calc(100% - 500px);}
.i-aboutRight h2{font-size: 2.8125rem;color:var(--black-color);font-weight: bold;}
.i-aboutRight h3{color: #15509c;font-size: 1.5rem;margin-bottom: 1em;}
.i-aboutRight .conn{ line-height: 1.8;color: #5b5c5c;max-height: 18em;overflow-y: auto;} 
.i-aboutRight .conn p{ margin-bottom: .5em;}
.i-aboutRight .conn b{color: #333;font-weight: bolder;}
.i-aboutRight .conn::-webkit-scrollbar {width:2px;}
.i-aboutRight .conn::-webkit-scrollbar-track {background:rgba(0,0,0,.1);}
.i-aboutRight .conn::-webkit-scrollbar-thumb {background:rgba(0,0,0,.3);border-radius: 5px;}
.i-aboutRight .more{ margin:3em 0 0;}
.numlist{ display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 3.5em;}
.numlist .sign{color: #15509c;font-size: 18px;font-weight: normal;}
.numlist .counter{
    font-size: 2.85em; 
    font-family: "PingFang SC";
    line-height: 1;
    background: var(--gradient-background-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight:600;
}

.i-product-categy>ul{ display: flex; display: -webkit-flex;justify-content: space-between;}
.i-product-categy>ul>li{ width: 49%;position: relative;}
.i-product-categy .pic{ overflow: hidden;z-index:1;position: relative;}
.i-product-categy .pic:before{ padding-top:75%;}
.i-product-categy .tit{ position: absolute;top:3.75rem;left:3.5rem;z-index: 2;font-size: 1.875rem;color: #0a0405;padding-left: 20px;}
.i-product-categy .tit span{display: block;text-transform: uppercase;color: #625f61;font-size: 12px;}
.i-product-categy .tit:before{content: '';width: 2px;height: 85%;background: #9f9fa1;position: absolute;left: 0;top:12%;}
.i-product-categy .ltitlist{position: absolute;bottom:3.75rem;left:3.5rem;z-index: 3;}
.i-product-categy .ltitlist li{margin:7px 0;}
.i-product-categy .ltitlist a{color:var(--grey-color);position: relative;padding-left: 20px;}
.i-product-categy .ltitlist a:before{content: '';width: 2px;height: 85%;background:var(--background-color);position: absolute;left: 0;top:12%;opacity: 0;transition: .4s ease;}
.i-product-categy .piclist{position: relative;}
.i-product-categy .piclist:before{content: '';display: block;padding-top:75%;}
.i-product-categy .piclist li{position: absolute;left: 0;top:0;width: 100%;height: 100%;opacity: 0;visibility: hidden; transition: .4s;}
.i-product-categy .ltitlist .cur a:before{opacity: 1;}
.i-product-categy .ltitlist .cur a{color: var(--black-color);font-weight: bold;}
.i-product-categy .piclist .cur{opacity: 1;visibility: visible;}
.i-product-categy li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
/* .i-product-categy .item:nth-child(2) .ltitlist{left: auto;right:3.5rem;text-align: right;}
.i-product-categy .item:nth-child(2) .ltitlist a:before{left: auto;right: 0;}
.i-product-categy .item:nth-child(2) .ltitlist a{padding-left: 0;padding-right: 20px;} */

.i-solution{background: #f8fafc;}
.i-solutionCon{position: relative;z-index: 10;}
.i-solutionCon .wrap{max-width: 100%;padding-right: calc(10% + 4rem);padding-left: 0;display: flex;display: -webkit-flex;flex-direction:row-reverse;justify-content: space-between;}
.i-solLeft{width: 70%;position: relative;}
.i-solLeft-imglist{padding-right: 15%; position: relative;}
.i-solLeft-imglist .swiper-container{border-top-right-radius:10%;}
.i-solLeft-imglist .pic:before{padding-top: 62%;}
.i-solLeft-imglist a:hover .pic img{ transform: scale(1.03);}
.i-solLeft-imglist .swiper-pagination{margin: 20px 0;}
.i-solLeft-imglist .swiper-pagination-bullet{width: 15px;height: 15px;display: block;border: 1px solid #cbcbcb;opacity: 1;background-color: #f8fafc;margin:35px 0;outline: none;}
.i-solLeft-imglist .swiper-pagination-bullet-active{background-color: #0a0405;border: 1px solid #0a0405;}
.i-solLeft-imglist .btn{position: absolute;right:0;height: 100%;top:0;display: flex;display: -webkit-flex;justify-content: center;align-content:center;flex-direction: column;}
.i-solLeft-imglist .swiper-pagination, .i-solLeft-imglist .swiper-button-prev, .i-solLeft-imglist .swiper-button-next{position: relative;}
.i-solLeft-imglist .swiper-button-prev, .i-solLeft-imglist .swiper-button-next{background: none;width: auto;height: auto;top: auto;margin-top: 0;left: auto;right: auto; outline: none;}

.i-solLeft-imglist .swiper-button-prev:after{
    content: '';
    width: 15px;
    height: 15px;
    border-left: 3px solid #0a0405;
    border-top: 3px solid #0a0405;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
}
.i-solLeft-imglist .swiper-button-next:after{
    content: '';
    width: 15px;
    height: 15px;
    border-right: 3px solid #0a0405;
    border-bottom: 3px solid #0a0405;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
}
.i-solLeft-imglist .swiper-button-prev:hover::after{border-left: 3px solid var(--background-color);border-top: 3px solid var(--background-color);}
.i-solLeft-imglist .swiper-button-next:hover::after{border-right: 3px solid var(--background-color);border-bottom: 3px solid var(--background-color);}
.i-solLeft-imglist .swiper-button-disabled{opacity: 0;}
.i-solLeft-title{width: 250px;height:50%;background: var(--background-color);position: absolute;top: 25%;right:7.5%;border-radius:15px 65px 15px 15px;padding: 2.5em;z-index: 2;}
.i-solLeft-title .swiper-container{height:100%;}
.i-solLeft-title h3{text-align: center;color:rgba(255,255,255,.6);cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-solLeft-title .swiper-slide{display: flex;display: -webkit-flex;align-items: center;justify-content:center;}
.i-solLeft-title .swiper-slide-thumb-active h3{color: #fff;}

.i-solRight{width: 25%;position: relative;padding-left: 2em;}
.i-solRight .tit{font-size: 2.8125rem;color: #070002; font-weight: bold;}
.i-solRight .tit span{display: block;}
.i-solRight .arrow{width: 100px;height: 100px;border-radius: 50%;background:var(--background-color);display: block;margin: 4em auto 0;position: relative;overflow: hidden;}
.i-solRight .arrow:after, .i-solRight .arrow:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.i-solRight .arrow:before{
    background: url(../images/arrow.svg) no-repeat center;
    background-size: 40px auto;
    z-index: 2;
}
.i-solRight .arrow:after{
    background: var(--gradient-background-color);
    opacity: 0;
    transition: .4s ease;
}
.i-solRight .arrow:hover::after{opacity: 1;}
.i-solRight::before, .i-solRight::after{content: '';background:#cbcbcb;position: absolute;}
.i-solRight::before{width: 100%;height: 1px;bottom:5%}
.i-solRight::after{width: 1px;height: 30%;right: 3%;bottom:0}

.i-advantage{background:url(../images/adv-bg.jpg) no-repeat center;background-size: cover;}
.i-advantage .titleCon{color: #fff;}
.i-advantage .titleCon .line i{background: transparent;}
.i-advantage .titleCon .line i:before{background-color: #fff;}
.i-advantage:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,.1);}
.i-advantage .wrap{position: relative;z-index: 2;}
.i-advantageCon{display: flex;display: -webkit-flex;color: #fff;}
.i-advantageCon .tit{font-size: 2rem;position: relative;padding-left: 50px;margin-bottom: 2em;white-space: nowrap;}
.i-advantageCon .tit:before{content: '';width: 30px;height: 1px;background: #fff;position: absolute;left: 0;top:49.5%;}
.i-advLeft{width: 76%;background: rgba(22,89,168,.8);padding: 5.5em;border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.i-advRight{width: 24%;background: rgba(31,131,199,.8);padding: 5.5em;border-top-right-radius: 15%;border-bottom-right-radius: 25px;}
.i-advLeft ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.i-advLeft li{width: 22.1%;border: 1px solid #fff;border-radius: 15px 35px 15px 15px;text-align: center; overflow: hidden;position: relative;}
.i-advLeft li:before, .i-advRight li:before{content: '';display: block;height: 335px;}
.i-advLeft li a, .i-advRight li a{padding:4em 2em 3em;position: absolute;left: 0;top:0;width: 100%;height:100%;}
.i-advRight li{border: 1px solid #fff;border-radius: 15px 35px 15px 15px;text-align: center;overflow: hidden;position: relative;}
.i-advLeft h4, .i-advRight h4{color: #fff;font-size: 1.25rem;transition:.4s cubic-bezier(.4, 0, .2, 1);}
.i-advLeft h4:after, .i-advRight h4:after{content: '';width: 0;height: 2px;display: block;margin:1em auto;transition:width .4s cubic-bezier(.4, 0, .2, 1);background: #fff;}
.i-advLeft .ico, .i-advRight .ico{margin-bottom: 2.5em;transition:.4s cubic-bezier(.4, 0, .2, 1);height: 55%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.i-advLeft .ico img, .i-advRight .ico img{display: block;max-width: 100%; height: 100%;}
.i-advLeft .intro, 
.i-advRight .intro {
    color: #fff;
    text-align: justify;
    position: relative;
    transition:.4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    font-size: .9em;
    line-height:1.6;
    max-height:9.6em;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
    padding-left: 5px;
}
.i-advLeft .intro::-webkit-scrollbar,
.i-advRight .intro::-webkit-scrollbar {
    width:2px;
}

.i-advLeft .intro::-webkit-scrollbar-track,
.i-advRight .intro::-webkit-scrollbar-track {
    background:rgba(0,0,0,.1);
}

.i-advLeft .intro::-webkit-scrollbar-thumb,
.i-advRight .intro::-webkit-scrollbar-thumb {
    background:rgba(255,255,255,.6);
    border-radius: 5px;
}
.i-advLeft li:hover .ico, .i-advRight li:hover .ico{height: 0; overflow: hidden;transform: rotateY(-90deg);margin-bottom: 0;}
.i-advLeft li:hover h4, .i-advRight li:hover h4{font-size: 1.5rem;}
.i-advLeft li:hover h4:after, .i-advRight li:hover h4:after{width: 40px;}
.i-advLeft li:hover .intro, .i-advRight li:hover .intro{display: block;opacity: 1;}


.i-partner{border-bottom: 1px solid #cbcbcb;}
.i-partlist ul{margin-right: -2%;}
.i-partlist li {width: 18%;padding: 15px;float: left;margin-right: 2%;margin-bottom: 1%;}
.i-partlist .pic{border-radius: 15px;box-shadow: 0 5px 25px rgba(0,0,0,.15);background-color: #fff;}
.i-partlist .pic:before{padding-top: 38.596%}
.i-partlist .pic img{width: auto;height: auto;max-width: 80%; max-height: 75%;min-height: 55%; object-fit: contain;margin: auto;}
.i-partlist li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.i-partlist{margin: -20px;}
.i-partlist .swiper-slide{z-index: 2;background-color: #fff;padding: 10px;}
.i-partlist .swiper-pagination{position: absolute;right: 0;width: 18%;left: auto;bottom: 15%;z-index: 1;}
.i-partlist .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #fff;border: 1px solid #cbcbcb; opacity: 1;outline: none;margin: 0 8px !important; transition: width .4s;}
.i-partlist .swiper-pagination-bullet-active{background: #15509c;width: 45px;border-radius: 15px;border: 1px solid #15509c;}

.i-news:before{content: '';width: 10%;height: 100%;background-color: #f5f5f9;position: absolute;left: 0;top:0}
.i-newsCon .nav{width: 170px;}
.i-newsCon .nav li{margin: 10px 0;font-size: 20px;}
.i-newsCon .nav a{display: block;position: relative;}
.i-newsCon .nav a::before{content: '';width: 0;height: 1px;position: absolute;top:49.9%;left: -40px;background-color: #15509c;-webkit-transition: .4s ease;transition: .4s ease;}
.i-newsCon .nav li.cur a{color:#15509c;}
.i-newsCon .nav li.cur a::before{width: 35px;}
.i-newsCon-list{width: calc(100% - 200px);}
.i-newsLeft{width: 43%;position: relative;padding-left: 70px;padding-bottom: 25px;}
.i-newsRight{width: 50%;}
.i-newsLeft a:first-child{display: block;position: relative;overflow: hidden;border-top-right-radius:10%;}
.i-newsLeft .pic:before{padding-top: 88.785%;}
.i-newsLeft .tm{position: absolute;right: 0;top:0;background: rgba(22,89,168,.4);color: #fff;padding:35px 25px 25px;text-align: center;border-bottom-left-radius:15%;}
.i-newsLeft .tm span{display: block;font-size: 2em;font-family: Bahnschrift;}
.i-newsLeft .txt{position: absolute;left: 0;width: 100%;bottom:0;padding: 1.5em 2.75em;background: rgba(0,0,0,.4);}
.i-newsLeft .txt h3{color: #fff;font-size: 1.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: .5em;}
.i-newsLeft .txt .intro{font-size: .9em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #fff;}
.i-newsLeft .more{margin-top: 1.5em;margin-left: 5em;width: 150px;background: none;border: 1px solid #fff;line-height: 42px;height: 45px;}
.i-newsLeft:after{content: '';width: 80%;height: 80%;background: var(--gradient-background-color);position: absolute;left: 0;bottom:0;z-index: -1;}
.i-newsLeft a:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.i-newsLeft .more:hover{border: 0;}
.i-newsRight li{border-bottom: 1px solid #cbcbcb;padding: 3.5em 0;position: relative;}
.i-newsRight li:first-child{border-top: 1px solid #cbcbcb;}
.i-newsRight li:after{content: '';width: 60px;height: 4px;background: #211814;position: absolute;left: 0;bottom:-1px;-webkit-transition: .4s ease;;transition: .4s ease;}
.i-newsRight li:last-child::after{opacity: 0;}
.i-newsRight a{display: flex;display: -webkit-flex;}
.i-newsRight .tm{width: 125px;flex-shrink: 0;}
.i-newsRight .tm span{display: block;font-size:2em;font-family: Bahnschrift;color:var(--blue-color);}
.i-newsRight .txt{width: calc(100% - 125px);}
.i-newsRight .txt h3{font-size: 1.5rem;color: #0a0405;margin-bottom: 1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: .4s ease;;transition: .4s ease;}
.i-newsRight .txt .intro{color:var(--grey-color);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-newsRight li:hover .txt h3{color: var(--blue-color);font-weight: bold;}
.i-newsRight li:hover::after{width: 100%;background: var(--gradient-background-color);}
.i-newsRight li:last-child:hover::after{opacity: 1;}

.footer{border-top: 1px solid #cbcbcb; color:#575454;}
.footer a{ color:#575454}
.footer a:hover{ color:#0a0405}
.footer-top{padding:80px 0 60px;}
.footer-top .wrap{display:flex;display: -webkit-flex;justify-content:space-between;align-items:center;}
.f-logo img{ display: block;height: 40px;}
.f-form form{display:flex;display: -webkit-flex;}
.f-form input[type=text]{ width: 320px;border:1px solid #bababa;line-height: 40px;background-color: #fff;padding: 0 15px;}
.f-form .submit{ width: 95px; line-height: 42px;border: 0;background: #15509c;color: #fff;text-align: center;border-top-right-radius: 25px;cursor: pointer;}
.f-form .submit:hover{background:var(--gradient-background-color)}
.f-form input::-webkit-input-placeholder { color: #878b98;} 
.f-form input:-moz-placeholder { color: #878b98; } 
.f-form input::-moz-placeholder { color: #878b98; } 
.f-form input:-ms-input-placeholder { color: #878b98;}
.footer-bot{background-color: #ebebeb;padding:40px 0;}
.f-nav{position: relative;}
.f-nav:after{content: '';width:200%;height: 1px; background: #bababa;position: absolute;bottom:0;left: -50%;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;max-width:24%;text-transform: capitalize;}
.f-nav a{display: block; position: relative;padding: 0 25px 30px;}
.f-nav a:after{
    content:'';
    position: absolute;
    bottom:-1px;
    left:50%;
    width: 0;
    height: 4px;
    background:var(--gradient-background-color);
    -webkit-transition: width .3s;
    transition: width .3s;
    transform: translateX(-50%);
    z-index: 2;
}
.f-nav li:hover a:after, .f-nav li.cur a:after{width: 100%;}
.copyright{margin-top: 30px;/*display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-end;flex-direction: row-reverse;*/}
.f-ewm{text-align: center;font-size: 12px; float:right}
.f-left{ float:left;}
.f-ewm img{display: block;width: 100px;margin-bottom: 2px;}
.copyright .f-ewm:nth-child(1){ margin-left:5%;}
.f-contact{margin-bottom: 10px;}
.f-contact p{margin-bottom: 3px;}
/**/
.nbanner{position:relative;overflow:hidden;}
.nbanner img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover;-webkit-animation: Blow 3s forwards;animation: Blow 3s forwards;}
.nbanner:before{ content:""; width:100%; padding-top:29%; display:block}
.biaot{ position:absolute; top:45%;color:#fff; left:15%;font-size:2.75rem;line-height:1.2;text-transform: uppercase;font-weight:bold;letter-spacing:2px;}
.biaot span{display: block;}
.nbanner-case{position: relative;color: #fff;overflow: hidden;}
.nbanner-case>img{display: block;width: 100%;-webkit-animation: Blow 3s forwards;animation: Blow 3s forwards;}
.nbanner-case .txt{position: absolute;top:55%;-webkit-transform: translateY(-50%);;transform: translateY(-50%);max-width: 40%;}
.nbanner-case .txt h1{font-size: 3.75rem;line-height: 1.2;font-weight: bold;}
.nbanner-case .txt .intro{font-size: 1.125rem;font-weight: 300;margin-top: 1em;overflow-y:auto;line-height: 1.5;max-height: 9em;padding-right:15px}
.nbanner-case .txt .intro::-webkit-scrollbar {width: 2px;}
.nbanner-case .txt .intro::-webkit-scrollbar-thumb {background:#666; border-radius:3px;}
.nbanner-case .txt .intro::-webkit-scrollbar-track {background:#333;}
@-webkit-keyframes Blow {
    from {
      transform: scale(1);
    }
    to{
        transform: scale(1.05);
    }
  }
  
  @keyframes Blow {
    from {
        transform: scale(1);
      }
      to{
          transform: scale(1.05);
      }
  }
  @-webkit-keyframes Blow {
    from {
      transform: scale(1);
    }
    to{
        transform: scale(1.05);
    }
  }
  
  @keyframes Blow {
    from {
        transform: scale(1);
      }
      to{
          transform: scale(1.05);
      }
  }

.inner-nav{position:relative;border-bottom: 1px solid #e5e5e5;}
.inner-nav .wrap{ display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}
.inner-nav li{ margin:0 3rem; position: relative;font-size: 1.125rem;}
.inner-nav li a{display:block;text-align: center;padding:40px 0 30px; line-height:1.4;color:#605f5f;position: relative;}
.inner-nav li a:after{content:"";width: 0;height:4px; position: absolute;left:50%;bottom:0; -wwbkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.inner-nav li.cur a{color:#cb1106;font-weight: bold;}
.inner-nav li.cur a:after{width:100%;left:0; background: var(--gradient-background-color);}
.inner-nav-fix{position: fixed;left: 0;width: 100%;top:80px;background-color: #f3f3f3;z-index: 10;}
.inner-nav-fix li a{padding: 15px 0;}
.inner-nav-height{height:55px;display: none;}
.inner-nav.inner-nav-height{border-bottom:0}
.inner-nav.inner-nav-height .inner-nav-pro{border-bottom: 1px solid #e5e5e5;}
.location{border-bottom: 1px solid #cbcbcb;padding: 30px 0;font-size: 1.125rem;}
.n-title{text-align: center;margin-bottom: 3em;}
.n-title span{display: block;}
.n-title .en{text-transform: uppercase;margin-top: .5em;font-weight: 300;}
.n-title .cn{font-size: 2.8125rem;color: var(--black-color);font-weight: bold;}
.align-left{text-align: left;}

.anchor {
    display: block;
    top: -80px;
    visibility: hidden;
    position: absolute;
}


.main{position: relative;}
.main .content{line-height: 1.875;}
.main .content img{max-width: 100%;height: auto;}

.main_about{font-size: 1.25rem;}
.main_about .section{position: relative;}
.section-advantage .wrap{max-width:100%;padding-left: 0;padding-right: calc(10% + 4rem);}
.section-advantage .swiper-slide{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;background: #fff;}
.section-advantage .adv-pic{width: 72%;border-bottom-right-radius:260px; overflow: hidden;}
.section-advantage .adv-pic img{display: block;width: 100%;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.section-advantage .adv-list{text-align: right;color: var(--black-color);font-size:1.5em;}
.section-advantage .adv-list .adv-txt{padding-bottom: 5%;width: 26%;position: relative;right:3%;opacity: 0;}
.section-advantage .adv-list .num{font-size: 6.5em;color: var(--blue-color);font-weight: bold;line-height: 1;margin-bottom: .1em;display: flex;display:-webkit-flex;align-items: center;justify-content: flex-end;}
.section-advantage .adv-list .num span{font-size: .5em;}
.section-advantage .adv-list .infor{line-height: 1.4;}
.section-advantage .adv-list .swiper-pagination{bottom:25%;text-align: right;}
.section-advantage .adv-list  .swiper-pagination-bullet{width: 20px;height: 20px;border: 1px solid #999;background: #fff;opacity: 1;margin: 0 10px;transition: .3s;outline: none;}
.section-advantage .adv-list .swiper-pagination-bullet-active{background: #15509c;width: 40px;border-radius: 15px;border: 1px solid #15509c;}
.section-advantage .swiper-slide-active .adv-txt{right:0;opacity: 1;transition:1s ease;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.section-advantage .swiper-slide-active .adv-pic img, .section-advantage .swiper-slide-duplicate-active .adv-pic img{
	transition:16s linear;
	-moz-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.section-culture{margin-top: 70px;}
.section-culture .wrap{max-width: 100%;padding: 0;}
.section-culture ul{display: flex;display: -webkit-flex;}
.section-culture li{width: 33.3333%;position: relative;}
.section-culture .cul-pic{position: relative;overflow: hidden;}
.section-culture .cul-pic:before{content: '';padding-top:850px;display: block;}
.section-culture .cul-txt{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.2);color: #fff;}
.section-culture .cul-txt .ico{position: absolute;top:40%;left: 50%;margin-left: -60px;}
.section-culture .cul-txt .ico img{display: block;height: 120px;}
.section-culture .cul-txt .intro{position: absolute;left: 0;right: 0;bottom:32%;padding: 0 15%;text-align: center;}
.section-culture .cul-txt h3{font-size: 1.8em;}
.section-culture .cul-txt .line{display: block;width: 0;height: 5px;background-color: #fff;margin: 1% 0 2%;}
.section-culture .cul-txt .nr{position: absolute;top:15px;opacity: 0;}
.section-culture .cul-txt .nrcon{display: flex;display: -webkit-flex;flex-wrap:wrap;font-size: .85em;margin-top: 1em;}
.section-culture .cul-txt .nrcon p{width: 50%;}
.section-culture .cul-txt .nrcon p:nth-child(2n){padding-left: 5%;}
.section-culture .cul-txt .ico{-webkit-transition:transform .6s;-moz-transition:transform .6s;transition:transform .6s}
.section-culture li, .section-culture .cul-txt, .section-culture .cul-txt .intro{-webkit-transition: .5;-moz-transition: .5s;transition: .5s;}
.section-culture li.cur{width: 70%;}
.section-culture li.cur .cul-txt{background: rgba(0,0,0,.1);}
.section-culture li.cur .cul-txt .intro{text-align: left;bottom: 10%;}
.section-culture li.cur .cul-txt .line{width: 30px;-webkit-transition:.5s .5s;-moz-transition:.5s .5s;transition:.5s .5s;}
.section-culture li.cur .cul-txt .nr{top:0;opacity: 1;position: relative;-webkit-transition:.5s .5s;-moz-transition:.5s .5s;transition:.5s .5s;}
.section-culture li.cur .cul-txt .ico{transform: scale(2);left: 15%;top:20%;margin-left: 0;}
.section-culture li:nth-child(3) .cul-pic{background-position: right center !important;}
.section-development{padding-top: 100px;background: #f6f8fc;}
.section-development .wrap{max-width: 100%;padding: 0;}
.section-development .content{display: flex;display: -webkit-flex;align-items: center;flex-direction: row-reverse;justify-content: space-between;}
#devp-gallery{width: 85%;margin: 0;margin-bottom: 150px;position: relative;height: 860px;}
#devp-thumbs{width: 13%;margin: 0;}
#devp-gallery .swiper-slide-content{position: relative;padding-left: 16%;padding-bottom: 4%;height:100%;}
#devp-gallery .swiper-slide-content .pic:before{padding-top:59.5%;}
#devp-gallery .swiper-slide-content .img{width: 100%;height: 100%;overflow: hidden;}
#devp-gallery .swiper-slide-content .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
#devp-gallery .swiper-slide-content .txt{position: absolute;color: #fff;border-top-right-radius: 100px;width: 35%;height: 80%;left: 0;bottom:0;overflow: hidden;padding:4% 5%;}
#devp-gallery .swiper-slide-content .txt:after{content: '';width: 100%;height: 100%;background: var(--blue-color);position: absolute;left: 0;top:0;opacity: 0;transition: .4s ease;}
#devp-gallery .swiper-slide-content .txt .year, #devp-gallery .swiper-slide-content .txt ul{
    position: relative;
    z-index: 2;
    -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
    opacity: 0;
    transition: .4s ease;
}
#devp-gallery .swiper-slide-content .txt .year{font-size:8em;font-weight: bold;line-height: 1;}
#devp-gallery .swiper-slide-content .txt .year span{font-size:.5em; display: block;}
#devp-gallery .swiper-slide-content ul{margin-top: 2em;max-height: 70%;font-size: .9em;overflow: hidden;overflow-y: auto;padding-right:30px;}
#devp-gallery .swiper-slide-content li{margin-bottom: 1em;font-weight: 300; position: relative;padding-left: 35px; background: url(../images/ico_dot.png) no-repeat left 8px;}
#devp-gallery .swiper-slide-content li i{display: block;width: 16px;height: 16px;border-radius: 50%;border: 1px solid rgba(255,255,255,.6);position: absolute;left: 0;top:9px}
#devp-gallery .swiper-slide-content li i:before{content: '';width: 60%;height:60%;border-radius: 50%;background: #fff;position: absolute;left:20%;top:20%;}
#devp-gallery .swiper-slide-active .swiper-slide-content .txt .year{
    opacity: .2;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: .5s ease 1s;
}
#devp-gallery .swiper-slide-active .swiper-slide-content .txt ul{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: .5s ease 1.2s;
}
#devp-gallery .swiper-slide-active .swiper-slide-content .txt:after{opacity: 1;transition: .5s ease .3s;}
#devp-gallery .swiper-slide-content ul::-webkit-scrollbar {width: 2px;}
#devp-gallery .swiper-slide-content ul::-webkit-scrollbar-thumb {background:rgba(255,255,255,.15); border-radius:3px;}
#devp-gallery .swiper-slide-content ul::-webkit-scrollbar-track {background:rgba(255,255,255,.45);}
#devp-thumbs .swiper-slide{cursor: pointer;}
#devp-thumbs .time{font-size: .8em;padding-left: 55px;background: url(../images/devp-line.png) no-repeat left top;background-size: contain;height: 138px;line-height: 1.5;white-space: nowrap;}
#devp-thumbs .swiper-slide-thumb-active .time{font-size: 1.3em;color: var(--blue-color);font-weight: bold;background: url(../images/devp-line-h.png) no-repeat left top;background-size: contain;line-height: 1;}

.section-certification{background: url(../images/certifbg.jpg) no-repeat center;background-size: cover;}
.section-certification .n-title .cn{color: #fff;}
.section-certification .wrap{max-width: 100%;}
.section-certification .certification{padding-bottom: 5%;margin-top: 3%;}
.section-certification .certification .pic{margin: 0 25px;background-color: #fff;}
.section-certification .certification .pic:before{padding-top: 69.125%;}
.section-certification .certification .pic img{height: 96%; object-fit: contain;margin: auto;}
.section-certification .certification .swiper-pagination{bottom:0;}
.section-certification .certification .swiper-pagination-bullet{width: 20px;height: 20px;border: 1px solid #fff;background:none;opacity: 1;margin: 0 10px;transition: .3s;outline: none;}
.section-certification .certification .swiper-pagination-bullet-active{background: #fff;width: 40px;border-radius: 15px;border: 1px solid #fff;}
.section-area .content{position: relative;}
.section-area .tab{position: absolute;right: 0;top:0;z-index: 2;text-align: right;}
.section-area .tab li{position: relative;padding-right: 35px;margin-bottom: .5em;cursor: pointer;}
.section-area .tab li::before{content: '';width: 0;height: 3px;background: var(--background-color);position: absolute;right: 0;top:.8em; transition: .4s; transform-origin: right center;}
.section-area .tab li.cur::before, .section-area .tab li:hover::before{width: 20px;}
.section-area .tab li.cur, .section-area .tab li:hover{color: var(--blue-color);font-weight: bold;}
.section-area .map{position: relative;width:1100px;margin-left: 550px;}
.section-area .map>img{width:100%;display: block;}
.section-area .map .dot li{width: 44px;height: 44px;background: url(../images/add-ico.png) no-repeat center;background-size: contain;position: absolute;cursor: pointer;left: 5px;top:5px;}
.section-area .map .dot li.cur, .section-area .map .dot li:hover{background: url(../images/add-ico-h.png) no-repeat center;background-size: contain;}

.section-area .hotspot-img .hot-spot .tooltip {
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	display: none;
	left: 50%;
	position: absolute;
	top: 50px;
	width: auto;
	z-index: 999;
	box-shadow: 0 10px 80px rgba(0,0,0,0.1), 0 10px 50px rgba(0,0,0,0.1);
}

.section-area .hotspot-img .hot-spot.hotspot-tooltip-open .tooltip {
	display: block;
}

.section-area .hotspot-img .hot-spot .tooltip  p {
	font-size: 13px;
	line-height: 1.3rem !important;
	margin-bottom: 0;
	white-space: nowrap;
	color: #666 !important;
	text-transform: capitalize;
    padding: 8px 10px;
}
.section-area .tabCon{position: absolute;left:0;bottom:10%}
.section-area .tabCon .conn{position: absolute;left:3%;bottom:0;width:450px;opacity: 0;visibility: hidden;left: 5%;-webkit-transition: .4s ease;-moz-transition: .4s ease;transition: .4s ease;}
.section-area .tabCon .pic{border-top-right-radius: 100px;overflow: hidden;}
.section-area .tabCon .pic:before{padding-top: 83.3333%;}
.section-area .tabCon .txt{background: var(--gradient-background-color);color: #fff;padding: 1.5em 2.5em}
.section-area .tabCon .txt h3{font-size: 1.5em;font-weight: bold;}
.section-area .tabCon .txt h3:after{content: '';width: 30px;height: 2px;background: #fff;display: block;margin: .1em 0 .5em;}
.section-area .tabCon .txt p{font-weight: 300;line-height: 1.5;}
.section-area .tabCon .conn.cur{opacity: 1;visibility: visible;left:0;z-index: 2;}
.section-area .tabCon .conn:hover img{transform: scale(1.03);}
.section-research{background: #f6f8fc;}
.section-research-patent .wrap{max-width: 100%;padding-left: calc(10% + 4rem);padding-right: 0;justify-content: space-between;}
.section-research-patent .wrap{display: flex;display: -webkit-flex;align-items: center;position: relative;}
.section-research-patent .patentCon{background: #eaecef;padding: 3.2em 0 3.2em 3.75em;width: 70%;margin-right: 0;}
.section-research-patent .patent .pic{box-shadow: 0 0 10px rgba(0,0,0,.1);margin: 10px;}
.section-research-patent .patent .pic:before{padding-top: 141.44%;}
.section-research-patent .swiper-pagination{position: relative;text-align: left;margin-top:2em;}
.section-research-patent .swiper-pagination-bullet{width: 20px;height: 20px;border: 1px solid #999;background:none;opacity: 1;margin: 0 10px;transition: .3s;outline: none;}
.section-research-patent .swiper-pagination-bullet-active{background: #15509c;width: 40px;border-radius: 15px;border: 1px solid #15509c;}
.section-research-strength{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 6em;}
.section-research-strength li{width: 19%;position: relative;}
.section-research-strength .pic:before{padding-top: 141.25%;}
.section-research-strength .pic:after{content: '';width: 100%;height: 80%;position: absolute;left: 0;bottom:0;z-index: 2;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));}
.section-research-strength .txt{position: absolute;left: 0;bottom:0;width: 100%;color: #fff;padding: 1.5em 2em 2em;z-index: 3;}
.section-research-strengtht .ico{margin-bottom: .5em;}
.section-research-strength .ico img{display: block;height: 70px;}
.section-research-strength li:first-child .ico img{height: 85px;}
.section-research-strength h4{font-size:1.7em;font-weight: bold;margin: .3em 0 0;line-height: 1.4;}
.section-research-strength h4 sup{font-size: .7em;padding-left: 2px;font-weight: normal;}
.section-research-strength h4 sub{font-size: .6em;padding-left: 2px;font-weight: normal;top: -5px;position: relative;}
.section-research-strength p{font-size: .9em;font-weight: 300;}
.section-research-strength  a:hover .pic img{ transform:scale(1.03)}
.section-research-strength li:hover .pic img{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03);}
.section-partner .wrap{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.section-partner-left{width: 35%;}
.section-partner-right{width: 55%;}
.partnerList .swiper-slide{background: #fff;padding: 15px;}
.partnerList ul{position: relative;}
.partnerList ul:before{content: '';display: block;padding-top: 67.3%;}
.partnerList li{width:16.5%;position:absolute}
.partnerList .pic{box-shadow: 0 3px 15px rgba(0,0,0,.15);background-color: #fff;margin: 3px;}
.partnerList .pic:before{padding-top: 100%;}
.partnerList .pic img{width: auto;height: auto;max-width: 80%; max-height: 75%;min-height: 55%; object-fit: contain;margin: auto;}
.partnerList li:nth-child(1){left: 0;top:0;}
.partnerList li:nth-child(2){left:49.5%;top:0}
.partnerList li:nth-child(3){left:82.5%;top:0}
.partnerList li:nth-child(4){left:16.5%;top:25%}
.partnerList li:nth-child(5){left:33%;top:25%}
.partnerList li:nth-child(6){left:66%;top:25%}
.partnerList li:nth-child(7){left:82.5%;top:25%}
.partnerList li:nth-child(8){left:16.5%;top:50%}
.partnerList li:nth-child(9){left:49.5%;top:50%}
.partnerList li:nth-child(10){left:66%;top:50%}
.partnerList li:nth-child(11){left:0;top:75%}
.partnerList li:nth-child(12){left:33%;top:75%}
.partnerList li:nth-child(13){left:66%;top:75%}
.partnerList li:nth-child(14){left:82.5%;top:75%}
.partnerList li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.section-partner .swiper-pagination{margin-top: 5em;position: relative;text-align: left;}
.section-partner .swiper-pagination-bullet{width: 20px;height: 20px;border: 1px solid #999;background:none;opacity: 1;margin: 0 10px;transition: .3s;outline: none;}
.section-partner .swiper-pagination-bullet-active{background: #15509c;width: 40px;border-radius: 15px;border: 1px solid #15509c;}

.section-contact{background: #f6f8fc;}
.section-contact .wrap{display: flex;display: -webkit-flex;justify-content: space-between;}
.section-contact-left{width: 35%;}
.section-contact-right{width: 55%;}
.message-form{position: relative;}
.message-form form li{display: flex;display: -webkit-flex;justify-content: space-between;}
.message-form form .inp{width: 49.5%;background-color: #fff;padding: 0 15px;border: 0;line-height: 50px;margin-bottom: 1%;box-shadow: 0 5px 15px rgba(0, 0, 0, .05);}
.message-form form .area{background-color: #fff;padding: 15px;border: 0;height: 230px;width: 100%;box-shadow: 0 5px 15px rgba(0, 0, 0, .05);}
.message-form form .submit{background-color: #08509b;color: #fff;display: inline-block;margin-top:1em;border-radius: 5px;border: 0;padding: 0 35px;line-height: 35px;letter-spacing: 10px;cursor: pointer;transition: .3s;}
.message-form form .submit:hover{background-color:#1f83c7}
.message-form .tel{color: #5b5b5c;padding-left: 25px;background: url(../images/ico_tel.png) no-repeat left center;background-size: 20px;position: absolute;right: 0;bottom: 0;}

.nbanner-pro{position: relative; overflow: hidden;}
.nbanner-pro>img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover;-webkit-animation: Blow 3s forwards;animation: Blow 3s forwards;}
.nbanner-pro:before{ content:""; width:100%; padding-top:49.921%; display:block}
.nbanner-pro .txt{position: absolute;left: 0;right: 0;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 0 20%;color: #fff;text-align: center;font-size:1.25em;}
.nbanner-pro .txt h2{font-size: 3.75rem;font-weight: bold;margin-bottom: .5em;}
.nbanner-pro .txt .intro{margin-bottom: 4em;line-height:1.8;}
.nbanner-pro .ico{margin-bottom: 2em;}
.nbanner-pro .ico img{display: block;margin: 0 auto;width: 60%;}
.nbanner-pro .arrow{width: 100px;height: 100px;border-radius: 50%;/*background:var(--gradient-background-color);*/display: block;margin: 4em auto 0;position: relative;overflow: hidden;cursor: pointer;}
.nbanner-pro .arrow:before{
    content: '';
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:0;
    margin: auto;
    background: url(../images/arrow-down.svg) no-repeat center;
    background-size: 40px auto;
    z-index: 2;
    animation: move 2s infinite;
}
@-webkit-keyframes move {
    0%, 20%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-10px);
      }
      60% {
        transform: translateY(10px);
      }

  }
@keyframes move {
    0%, 20%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-10px);
      }
      60% {
        transform: translateY(10px);
      }

  }

.main_product .item{position: relative; overflow: hidden;}
.main_product .item:nth-child(even){background-color: #f8f8f8;}
.main_product .wrap{display: flex;display:-webkit-flex;justify-content: space-between;align-items: center;}
.main_product .pro-img{position:relative;width: 60%;overflow: hidden;text-align: center;}
.main_product .pro-img:before{content: '';display: block;padding-top:650px;}
.main_product .pro-img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    transition: .4s;
}
.main_product .item:nth-child(2) .pro-img img{right: auto;}
.main_product .pro-img img.cur{opacity: 1;}
@-webkit-keyframes zoom {
    from {
      opacity: 0;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
  }
  
  @keyframes zoom {
    from {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
    
      to {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
      }
  }
  
.main_product .pro-txt .tit{font-size: 3.4rem;color: #0a0405;padding-left: 30px;font-weight:bold;margin-bottom: 1em;position: relative;}
.main_product .pro-txt .tit span{display: block;text-transform: uppercase;color: #625f61;font-size:1.125rem;font-weight: 300;}
.main_product .pro-txt .tit:before{content: '';width: 7px;height: 85%;background: #ddd;position: absolute;left: 0;top:12%;}
.main_product .pro-txt .nav{margin-bottom: 4em;font-size: 1.5rem;}
.main_product .pro-txt .nav>ul>li{margin-bottom: 1em;}
.main_product .pro-txt .nav>ul>li>a{position: relative;color: var(--black-color);padding-left:30px;font-weight: bold;}
.main_product .pro-txt .nav>ul>li>a:before{content: '';width: 20px;height: 5px;background:var(--background-color);position: absolute;left: 0;top:50%;margin-top: -2px;opacity: 0;transition: .4s ease;}
.main_product .pro-txt .nav>ul>li.cur>a, .main_product .pro-txt .nav>ul>li:hover>a{color: var(--blue-color);}
.main_product .pro-txt .nav li.cur a:before, .main_product .pro-txt .nav li:hover a:before{opacity: 1;}
.main_product .pro-txt .nav .sub{padding-left: 30px;padding-top: .6em;font-size: .7em;display: none;}
.main_product .pro-txt .nav .sub li{margin-top: .2em;}
.main_product .pro-txt .nav .sub a{ color: var(--grey-color);}
.main_product .pro-txt .nav .sub a:hover{color: var(--black-color);font-weight: bold;}
.main_product .pro-txt .more{margin-left: 30px;}
.main_product .item:nth-child(odd) .wrap{flex-direction: row-reverse;}
.main_product .item:nth-child(even) .pro-txt .tit{padding-right: 30px;padding-left: 0;text-align: right;}
.main_product .item:nth-child(even) .pro-txt .tit:before{left: auto;right: 0;}
.main_product .item:nth-child(even) .pro-txt .nav{text-align: right;}
.main_product .item:nth-child(even) .pro-txt .nav>ul>li>a{padding-left: 0;padding-right: 30px;}
.main_product .item:nth-child(even) .pro-txt .nav>ul>li>a:before{left: auto;right:0}
.main_product .item:nth-child(even) .pro-txt .more{margin-left: auto;margin-right: 30px;}

.nbanner-protop{margin-top: 80px;position: relative;overflow: hidden;}
.nbanner-protop .probg img{display: block;width: 100%;-webkit-animation: Blow 3s forwards;animation: Blow 3s forwards;}
.nbanner-protop .dbt{position: absolute;bottom: 1%;right: 0;max-width: 50%;max-height: 90%;}
.nbanner-protop .wrap{position: absolute;top: 0;width: 80%;height: 100%;left: 10%;}
.nbanner-protop .txt{position: absolute;top:30%;-webkit-transform: translateY(-50%);;transform: translateY(-50%);max-width: 55%;min-width: 45%;}
.nbanner-protop .txt h1{font-size: 3.75rem;line-height: 1.2;font-weight: bold;color: var(--black-color);}
.nbanner-protop .txt h5{font-size: 1.5rem;color: var(--grey-color);}
.nbanner-protop .txt>p{color: var(--grey-color);font-size: 1.625rem;margin: .5em 0;}
.nbanner-protop .txt ul, .nbanner-protop .txt li{display: flex;display: -webkit-flex;}
.nbanner-protop .txt ul{margin-top: 3em;justify-content: space-between;}
.nbanner-protop .txt li{margin-right: 3%;margin-bottom: 2%;align-items: center;}
.nbanner-protop .txt .ico{margin-right: 1em;}
.nbanner-protop .txt .ico img{display: block;height: 55px;}
.nbanner-protop .txt li h4{font-size: 1.625rem;color: var(--black-color);font-weight: bold;}
.cngt .nbanner-protop .txt li h4{white-space: nowrap;}
.nbanner-protop .txt li h4 span{font-size: .6em;}
.nbanner-protop .txt li p{white-space: nowrap;}
.nbanner-protop .txt ul.ys-4{flex-wrap: wrap;}
.nbanner-protop .txt ul.ys-4 li{width: 47%;}
.main_product_inside .space{padding: 120px 0;}
.main_product_inside .item:nth-child(even){background: #f8fafc;}
.main_product_inside .item-about{display: flex;display: -webkit-flex;flex-direction: row-reverse;justify-content: space-between;}
.main_product_inside .item-about .imgCon{width: 52%;}
.main_product_inside .item-about .imgCon img{width: 100%;display: block;}
.proslide .swiper-slide:before{content: '';display: block;padding-top: 66.66%;}
.proslide .swiper-slide img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;object-fit: contain;}
.proslide .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #cbcbcb;}
.proslide .swiper-pagination-bullet-active{background-color: #0a0405;border: 1px solid #0a0405;}
.main_product_inside .item-about .txtCon{width: 42%;text-align: justify;}
.main_product_inside .item-about .txtCon p{margin-bottom: 1em;}
.main_product_inside .item-about .n-title, .main_product_inside .item-picture .n-title, .main_product_inside .item-parameter .n-title{text-align: left;}

.main_product_inside .item-advantage ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;text-align: center;margin-right: -3%;}
.main_product_inside .item-advantage li{width: 22%;margin-right: 3%;}
.main_product_inside .item-advantage li:nth-child(-n+4){margin-bottom: 3%;}
.main_product_inside .item-advantage .ico img{display: block;margin: 0 auto;height: 100px;}
.main_product_inside .item-advantage h3{color: var(--black-color);font-size: 1.5rem;font-weight: bold;margin: .2em 0 .5em;line-height: 1.4;}

.main_product_inside .item-picture .picList{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.main_product_inside .item-picture .picList>div{width: 24%;margin-bottom: 1%;}
.main_product_inside .item-picture .pic:before{padding-top: 65.22%;}
.main_product_inside .item-picture .pic:hover img{transform: scale(1.03);}
.main_product_inside .fuzhugn ul{display: flex;display: -webkit-flex;justify-content: space-between;margin: 0 -1%;}
.main_product_inside .fuzhugn li{text-align: center;color: var(--black-color);margin: 0 1%;width: 23%;font-weight: bold;}
.main_product_inside .fuzhugn img{display: block;width: 100%;}
.gjjslide{position: relative;}
.gjjslide .swiper-pagination{display: none;}
.gjjslide .tit{background-color: var(--blue-color); color: #fff;padding: 10px 25px; font-size: 1.25em;text-align: center;}
.gjjslide .txt-con{border: 1px solid #ddd;}
.gjjslide .txt-con .list{padding:25px;}
.gjjslide .txt-con .list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.gjjslide .txt-con .list li{width: 32.33%;position: relative;}
.gjjslide .txt-con .list li img{display: block;width: 100%;height: 100%;}
.gjjslide .txt-con .list li p{
    position: absolute;
    width: 100%;
    padding: 25px 25px 15px;
    left: 0;
    bottom: 0;
    color: #fff;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); 
}
.gjjslide .txt-con .list-1 ul{justify-content: center;}
.gjjslide .txt-con .list-1 li{width: 100%;}
.gjjslide .txt-con .list-1 li img{width: auto;height: auto;margin: 0 auto;}
.gjjslide .txt-con .infor{ background-color: #ecf4fa;padding:25px;}
.gjjslide .bot{display: flex;display: -webkit-flex;font-size: 1.25em;margin-top: 15px;color: var(--black-color);align-items: center;}
.gjjslide h4{width: 45%;display: flex;display: -webkit-flex;align-items: center;font-weight: bold;font-size: 1em;}
.gjjslide h4 .ico{width: 60px;flex-shrink: 0;margin-right: 10px;}
.gjjslide h5{width: 55%;font-size: 1em;}
.gjjslide .swiper-button{display: flex;display: -webkit-flex;justify-content: center;margin-top: 30px;}
.gjjslide .swiper-button-prev, .gjjslide .swiper-button-next{background: #eff0ec;width: 60px;height: 60px;border-radius: 50%;position: relative;top: auto;left: auto;right: auto;margin: 0 10px; outline: none;}
.gjjslide .swiper-button-prev:after{
    content: '';
    width: 15px;
    height: 15px;
    border-left: 2px solid #878787;
    border-top: 2px solid #878787;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    display: block;
    position: absolute;
    top: 20px;
    left:25px
}
.gjjslide .swiper-button-next:after{
    content: '';
    width: 15px;
    height: 15px;
    border-right: 2px solid #878787;
    border-top: 2px solid #878787;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 20px;
    right:25px
}
.gjjslide .swiper-button-prev:hover::after{border-left: 2px solid var(--blue-color);border-top: 2px solid var(--blue-color);}
.gjjslide .swiper-button-next:hover::after{border-right: 2px solid var(--blue-color);border-top: 2px solid var(--blue-color);}

.main_product_inside .item-parameter .content>h3{font-size: 1.375rem;margin-bottom: 1em;}
.tableBox table{width: 88%;border: 1px solid #d7d5d7;background: #fff;margin:0 auto;}
.tableBox table th{color: var(--black-color);font-size: 1.375rem;padding: 12px 10px;position: relative;}
.tableBox table td{ text-align: center;padding: 3px 6px;}
.tableBox table tr td:first-child{/*color: var(--black-color);font-weight: bold;font-size: 1.375rem;*/}
.tableBox table tr:nth-child(odd){background: #e8e6e4;}
.tableBox2 table{width: 100%;border: 1px solid #d7d5d7;background: #fff;}
.tableBox2 table td{ text-align: center;padding: 12px 10px;}
/* .tableBox table tr th:first-child{
    background: -webkit-linear-gradient(left, #1659a8 , #1d9ace);
    background: -o-linear-gradient(right, #1659a8, #1d9ace);
    background: -moz-linear-gradient(right, #1659a8, #1d9ace);
    background: linear-gradient(to right, #1659a8 , #1d9ace); 
}
.tableBox table tr:nth-child(even) td:first-child{
    background: -webkit-linear-gradient(left, #346eb3 , #3ca8d5);
    background: -o-linear-gradient(right, #346eb3, #3ca8d5);
    background: -moz-linear-gradient(right, #346eb3, #3ca8d5);
    background: linear-gradient(to right, #346eb3 , #3ca8d5); 
}
.tableBox table tr:nth-child(odd) td:first-child{
    background: -webkit-linear-gradient(left, #1659a8 , #1d9ace);
    background: -o-linear-gradient(right, #1659a8, #1d9ace);
    background: -moz-linear-gradient(right, #1659a8, #1d9ace);
    background: linear-gradient(to right, #1659a8 , #1d9ace); 
} */
.item-application-list .swiper-wrapper{justify-content: center;}
.item-application-list a{position: relative;overflow: hidden;display: block;}
.item-application-list .pic:before{padding-top: 141.25%;}
.item-application-list .pic:after{content: '';width: 100%;height: 80%;position: absolute;left: 0;bottom:0;z-index: 2;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));}
.item-application-list .txt{position: absolute;left: 0;bottom:0;width: 100%;color: #fff;font-size: 1.25rem;padding: 1.5em 2em;z-index: 3;}
.item-application-list .ico{margin-bottom: .5em;}
.item-application-list .ico img{display: block;height: 60px;}
.item-application-list .txt p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item-application-list .swiper-pagination{display: none;bottom: 0;}
.item-application-list .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #cbcbcb;opacity: 1;background-color: #fff;outline: none;}
.item-application-list .swiper-pagination-bullet-active{background-color: #0a0405;border: 1px solid #0a0405;}
.item-application-list .swiper-slide:hover .pic img{ transform:scale(1.03)}

.item-application-list-cp .swiper-wrapper{justify-content: center;}
.item-application-list-cp a{position: relative;overflow: hidden;display: block;}
.item-application-list-cp .cp-box{box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.15);margin-bottom: 15px;border-radius: 10px;}
/* .item-application-list-cp .pic:before{padding-top: 141.25%;} */
.item-application-list-cp .pic:before{/* padding-top: 141.25%; */margin: 100%;}
/* .item-application-list-cp .pic:after{content: '';width: 100%;height: 80%;position: absolute;left: 0;bottom:0;z-index: 2;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));} */
.item-application-list-cp .txt{position: relative;left: 0;bottom:0;width: 100%;color: #000000;font-size: 1.25rem;padding: 1.5em 2em;z-index: 3;background-color: #fff;}
.item-application-list-cp .txt .t1{color: #b4b4b4;font-size: 16px;margin-bottom: 5px;}
.item-application-list-cp .txt .t2{color: #545454;font-size: 22px;line-height: 1.3;overflow: hidden;font-weight: bold;}
.item-application-list-cp .ico{margin-bottom: .5em;}
.item-application-list-cp .ico img{display: block;height: 60px;}
.item-application-list-cp .txt p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item-application-list-cp .swiper-pagination{display: none;bottom: 0;}
.item-application-list-cp .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #cbcbcb;opacity: 1;background-color: #fff;outline: none;}
.item-application-list-cp .swiper-pagination-bullet-active{background-color: #0a0405;border: 1px solid #0a0405;}
.item-application-list-cp .swiper-slide:hover .pic img{ transform:scale(1.1)}

.main_case{background: #f0f2f5;}
.solutionList-ul>li{display: flex;display: -webkit-flex;background: #fff;border-top-right-radius: 100px;margin-bottom: 5%;}
.solutionList-ul>li>a{display: block;width: 50%;}
.solutionList .pic{height: 100%;}
.solutionList .pic:before{padding-top: 58%;}
.solutionList .txt{width: 50%;padding:6% 5% 3%;position: relative;}
.solutionList .txt .ico{position: absolute;right: 4%;top:4%;opacity: .1;height: 40%;}
.solutionList .txt .ico img{display: block;height:100%;}
.solutionList .n-title{display: flex;display: -webkit-flex;align-items: flex-end;line-height: 1;}
.solutionList .n-title .en{margin-top: 0;margin-left: 1em;}
.solutionList-ul .list{margin-bottom: 4em;display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -8%;}
.solutionList-ul .list li{font-size: 1.125rem;margin-right:8%;margin-bottom:2%;line-height: 1.5;}
.solutionList-ul .list a{display: block;position: relative;padding-left: 24px;}
.solutionList-ul .list i{display: block;width: 13px;height: 13px;border: 1px solid #c50907;border-radius: 50%;position: absolute;left: 0;top:7px;}
.solutionList-ul .list i::before{content: '';width: 7px;height: 7px;border-radius: 50%;background: #c50907;border-radius: 50%;position: absolute;top:2px;left: 2px;}
.solutionList li:hover .pic img{ -webkit-transform: scale(1.03);;transform: scale(1.03);}
.solutionList-ul .list a:hover{font-weight: bold;}
.solutionList-ul>li:nth-child(even){flex-direction: row-reverse;border-top-right-radius: 0;border-top-left-radius: 100px;}
.solutionList-ul>li:nth-child(even) .txt .ico{right: auto;left: 4%;}
.choose-reason li{border-bottom: 1px solid #cbcbcb;padding-bottom: 1%;margin-bottom: 2%;font-size: 1.125rem;position: relative;}
.choose-reason li:after{content: '';width: 0;height: 4px;background:var(--gradient-background-color);position: absolute;left: 0;bottom:-1px;-webkit-transition: .4s ease;;transition: .4s ease;}
.choose-reason li:last-child{margin-bottom: 0;}
.choose-reason li h3{color: var(--black-color);font-size: 1.33em;font-weight: bold;}
.choose-reason li:hover::after{width: 100%;}
.choose-reason li:hover h3{color: #c50907;}
.fa-advlist{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;justify-content: center;}
.fa-advlist li{width: 18%;margin-right: 2%;background: #f3f3f3;text-align: center;color: var(--black-color);position: relative;}
.fa-advlist li:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.fa-advlist .conn{
    padding: 10%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fa-advlist .ico{position: relative;overflow: hidden;width: 60px;height: 60px;margin:25% auto 15%;z-index: 2;}
.fa-advlist .ico img{display: block;width: 100%;height: 100%;}
.fa-advlist .ico .ico_1{position: absolute;left: 0;top:0;right: 0;bottom:0;margin: auto;width: 100%;height: 100%;}
.fa-advlist .ico .ico_2{position: absolute;left: 0;top:0;right: 0;bottom:0;margin: auto;width: 100%;height: 100%;opacity: 0;}
.fa-advlist h3{position: relative;z-index: 2;font-weight: bold;font-size: 1.4rem; line-height: 1.2;}
.fa-advlist .info {
    line-height: 1.5;
    position: absolute;
    z-index: 2;
    opacity: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 8%;
    padding: 0 5px;
    max-height: 7.5em;
    overflow-x: hidden;
    overflow-y: auto;
}
.fa-advlist .info span {font-size: .8em;}
.fa-advlist .info::-webkit-scrollbar {width:2px;}
.fa-advlist .info::-webkit-scrollbar-track { background:rgba(0,0,0,.1);}
.fa-advlist .info::-webkit-scrollbar-thumb {background:rgba(255,255,255,.6);border-radius: 5px;}
.fa-advlist li:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background: -webkit-linear-gradient(left, #1a59a8 , #1d9ace);
    background: -o-linear-gradient(right, #1a59a8, #1d9ace);
    background: -moz-linear-gradient(right, #1a59a8, #1d9ace);
    background: linear-gradient(to right, #1a59a8 , #1d9ace); 
    opacity: 0;
}
.fa-advlist li, 
.fa-advlist li:after, 
.fa-advlist .ico,
.fa-advlist h3,
.fa-advlist .info {
    -webkit-transition:.4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition:.4s cubic-bezier(.4, 0, .2, 1);
    transition:.4s cubic-bezier(.4, 0, .2, 1);
}
.fa-advlist li:hover h3{color: #fff;font-size: 1.5rem;}
.fa-advlist li:hover .info{opacity: 1;color: #fff;bottom: 15%;}
.fa-advlist li:hover::after{opacity: 1;}
.fa-advlist li:hover .ico{height: 0; overflow: hidden;transform: rotateY(-90deg);margin-bottom: 0;margin-top: 0;}
.fa-advlist-02{display: flex;display: -webkit-flex;justify-content: space-between;margin: 0 -0.5%;}
.fa-advlist-02 li{width: 32.33%;margin:0 0.5%;background: #f3f3f3;color: var(--black-color);position: relative;}
.fa-advlist-02 li:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background: -webkit-linear-gradient(left, #1a59a8 , #1d9ace);
    background: -o-linear-gradient(right, #1a59a8, #1d9ace);
    background: -moz-linear-gradient(right, #1a59a8, #1d9ace);
    background: linear-gradient(to right, #1a59a8 , #1d9ace); 
    opacity: 0;
}
.fa-advlist-02 .conn{padding:10% 5%;display: flex;display: -webkit-flex;align-items: center;position: relative;z-index: 2;;}
.fa-advlist-02 h3 {font-weight: bold;font-size: 1.25rem;line-height: 1.5;}
.fa-advlist-02 .ico{width: 80px;flex-shrink: 0;margin-right: 3%;}
.fa-advlist-02 li, 
.fa-advlist-02 li:after, 
.fa-advlist-02 .ico{
    -webkit-transition:.4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition:.4s cubic-bezier(.4, 0, .2, 1);
    transition:.4s cubic-bezier(.4, 0, .2, 1);
}
.fa-advlist-02 li:hover .ico{filter: brightness(0%) invert(100%);}
.fa-advlist-02 li:hover{color: #fff;}
.fa-advlist-02 li:hover::after{opacity: 1;}

.caseList{margin-top: 6%;font-size: 1.25rem;}
.caseList .item:nth-child(odd){background:#eeeded}
.caseList .item{display: flex;display: -webkit-flex;border-right: 1px solid #cbcbcb;}
.caseList .item:nth-child(1){border-top: 1px solid #cbcbcb;}
.caseList .item:last-child{border-bottom: 1px solid #cbcbcb;}
.caseList .item>*{padding: 3rem 3.75rem;}
.caseList .item .tit{width: 25%;; text-align: center;display: flex;display: -webkit-flex;align-items: center;justify-content: center;align-content: center;flex-wrap:wrap;}
.caseList .item .tit>*{width: 100%;}
.caseList .item .tit h3{font-size: 1.2em;color: #fff;font-weight: bold;}
.caseList .item .con{width: 75%;}
.caseList .item .con ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.caseList .item .con li{width: 24%;margin: 0 0.5% 2%;text-align: center;line-height: 1.5;}
.caseList .item .con li a{color: var(--blue-color);font-weight: bold;}
.caseList .item .con li:hover a{text-decoration: underline;}
.caseList .item:nth-child(3n+1) .tit{
    background: -webkit-linear-gradient(#1659a8 , #1267b1);
    background: -o-linear-gradient(#1659a8, #1267b1);
    background: -moz-linear-gradient(#1659a8, #1267b1);
    background: linear-gradient(#1659a8 , #1267b1); 
}
.caseList .item:nth-child(3n+2) .tit{
    background: -webkit-linear-gradient(#307ebe , #3e94ca);
    background: -o-linear-gradient(#307ebe, #3e94ca);
    background: -moz-linear-gradient(#307ebe, #3e94ca);
    background: linear-gradient(#307ebe , #3e94ca); 
}
.caseList .item:nth-child(3n+3) .tit{
    background: -webkit-linear-gradient(#2086c3 , #1f9bcf);
    background: -o-linear-gradient(#2086c3, #1f9bcf);
    background: -moz-linear-gradient(#2086c3, #1f9bcf);
    background: linear-gradient(#2086c3 , #1f9bcf); 
}
.margTop{margin-top: 2.5em;}
.main_solution_inside .space{padding: 120px 0;}
.main_solution_inside .item:nth-child(even){background: #f8fafc;}
.main_solution_inside .item-about-top{display: flex;display: -webkit-flex;justify-content: space-between;position: relative;}
.main_solution_inside .item-about-top .img{width: 52%;position: absolute;top: 0;bottom: 0;right: 0;}
.main_solution_inside .item-about-top .img img{width: 100%;height:100%;display: block;object-fit: cover;}
.main_solution_inside .item-about-top .img video{width: 100%;height: auto;background-color: #f5f5f5;max-height: 580px;}
.main_solution_inside .item-about-top .txtCon{width: 42%;min-height: 350px;text-align: justify;}
.main_solution_inside .item-about-top .txtCon p{margin-bottom: 1em;}
.main_solution_inside .ltit{color: #c60a07;font-weight: bold;font-size: 1.6em;position: relative;margin-bottom: 1em;padding-left: 30px;line-height: 1.2;}
.main_solution_inside .ltit:before{content: '';width: 10px;height: 90%;background: #c50907;position: absolute;left: 0;top:5%;}
.jiance-shiyitu{margin-top: 2em;}
.jiance-shiyitu .jc-tit{font-size: 1.625rem;color: #fff;text-align: center;padding:10px 25px;background: var(--gradient-background-color);}
.jiance-shiyitu .jc-txt{background: #eef0f2;padding: 25px;line-height: 1.5;}
.jiance-shiyitu .jc-txt ul{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 1em;}
.jiance-shiyitu .jc-txt li{width: 33%;}
.jiance-shiyitu .jc-txt li img{display: block;width: 100%;}
.jiance-shiyitu .jc-txt p{margin-bottom: 1em;}
.chengxiang-xiaoguotu ul{display: flex;display: -webkit-flex;margin-right: -1%;}
.chengxiang-xiaoguotu li{width: 49%;margin-right: 1%;}
.chengxiang-xiaoguotu li img{display: block;width: 100%;}

.fa-zucheng-item-top{background: var(--gradient-background-color);color: #fff;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;padding:50px 60px;font-size: 1.15rem;line-height: 1.5;}
.fa-zucheng-item-top h3{font-size: 1.5em;font-weight: bold;margin-right: 3em;line-height: 1.2;width: 45%;flex-shrink: 0;}
.fa-zucheng-item-top h3 span{font-size: .8em;display: block;}
.fa-zucheng-item-con{padding: 60px;background: #eef0f2;}
.fa-zucheng-item-con ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.fa-zucheng-item-con li{margin-bottom: 2%;width: 49%;position: relative;}
.fa-zucheng-item-con li .img{position: relative;}
.fa-zucheng-item-con li .img:before{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 40%;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); 
}
.fa-zucheng-item-con li img{display: block;width: 100%;}
.fa-zucheng-item-con li h4{font-size: 1.15rem;color: #fff;position: absolute;left: 0;bottom:0;right: 0;padding: 1em 2em;}
.fa-zucheng-item-con-2 li{width: 100%;}
.fa-zucheng-item-list{width: 100%;}
.fa-zucheng-item-list tr{display: flex;display: -webkit-flex;justify-content: space-between;}
.fa-zucheng-item-list td{width: 49.5%;}
.fa-zucheng-item-list tr:first-child td{
    background: var(--gradient-background-color-dark);
    color: #fff;
    padding: 35px 60px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
.fa-zucheng-item-list tr:nth-child(2) td{
    background: #94afd1;
    color: #fff;
    padding: 35px 60px;
    font-weight: bold;
}
.fa-zucheng-item-list tr:nth-child(3) td{background: #eef0f2;}
.fa-zucheng-item-list .pic-box{
    margin: 60px;
    position: relative;
}
.fa-zucheng-item-list .pic-box .pic:before{padding-top: 62.5%;}
.fa-zucheng-item-list .pic-box .pic:after{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40%;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); 
}
.fa-zucheng-item-list .pic-box p{
    font-size: 1.15rem;
    color: #333;
    text-align: center;
    margin-top: 10px;
}
.fa-zucheng-item-list .row li{display: flex;display: -webkit-flex;}
.fa-zucheng-item-list .row li p{flex-shrink: 0;}

.practical-case{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-bottom: 1%;}
.practical-case li{width: 32.33%;margin-right: 1%;margin-bottom: 2%;}
.practical-case .pic::before{padding-top: 69.23%;background: #f5f5f5;}


.main_download{background: url(../images/down-bg.jpg) no-repeat right bottom;background-size: 65% auto;}
.downList{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.downList li{width: 31.33%;margin-right: 2%;margin-bottom: 2%;border-radius: 15px;overflow: hidden;}
.downList a{display: flex;display: -webkit-flex;align-items: flex-end;justify-content: space-between;padding: 3.125em 4em;}
.downList h3{font-size: 1.875rem;font-weight: bold;color: #fff;white-space: nowrap;}
.downList .ico{padding-bottom: 2em;}
.downList .ico img{display: block;height: 160px;opacity: .3;transition:.4s;}
.downList li:nth-child(3n+1){
    background: -webkit-linear-gradient(left, #1d9cce , #1d9cce);
    background: -o-linear-gradient(right, #1d9cce, #1d9cce);
    background: -moz-linear-gradient(right, #1d9cce, #1d9cce);
    background: linear-gradient(to right, #1d9cce , #1d9cce); 
}
.downList li:nth-child(3n+2){
    background: -webkit-linear-gradient(left, #1d9cce , #1b78bb);
    background: -o-linear-gradient(right, #1d9cce, #1b78bb);
    background: -moz-linear-gradient(right, #1d9cce, #1b78bb);
    background: linear-gradient(to right, #1d9cce , #1b78bb); 
}
.downList li:nth-child(3n+3){
    background: -webkit-linear-gradient(left, #1775b9 , #185ba9);
    background: -o-linear-gradient(right, #1775b9, #185ba9);
    background: -moz-linear-gradient(right, #1775b9, #185ba9);
    background: linear-gradient(to right, #1775b9 , #185ba9); 
}
.downList li:hover .ico img, .downList li.cur .ico img{opacity:1;}
.downList-file ul{display: flex;display: -webkit-flex;flex-wrap:wrap;}
.downList-file li{width: 31.33%;margin-right: 2%;margin-bottom: 2%;border: 1px solid #cbcbcb;}
.downList-file a{display: block;padding: 8%;display: flex;display: -webkit-flex;align-items: center;position: relative;}
.downList-file a:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--gradient-background-color);
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    z-index: 1;
}
.downList-file .txt, .downList-file .ico{position: relative;z-index: 2;}
.downList-file .txt{width: calc(100% - 80px);padding-right: 10%;}
.downList-file .txt h4{font-size: 1.25em;color: var(--black-color);font-weight: bold;margin-bottom: .5em;}
.downList-file .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.downList-file .ico{
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/ico_down.svg) no-repeat center;
    background-size: 60px;
    transition: opacity .4s;
}
.downList-file .txt h4, .downList-file .txt p{-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.downList-file li:hover a:after{opacity: 1;}
.downList-file li:hover .txt h4{color: #fff;}
.downList-file li:hover .txt p{color: #fff;opacity: .6;}
.downList-file li:hover .ico{
    background: url(../images/ico_down_h.svg) no-repeat center;
    background-size: 60px;
    opacity: .4;
}
.downList-mb{display: none;}

.newsList li{ border-bottom:1px solid #cbcbcb; padding-bottom:4%; margin-bottom:4%;padding-left:calc(10% + 4rem);padding-right:calc(10% + 4rem);}
.newsList li:last-child{border-bottom: 0;}
.newsList a{display: flex;display: -webkit-flex;justify-content:space-between;}
.newsList li .pic{ width:39%; position:relative; overflow:hidden;}
.newsList li .pic:before{padding-top:60.483%}
.newsList li .pic img{-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
.newsList li .txtCon{ width:50%;line-height: 1.8;position:relative;display: flex;display: -webkit-flex;align-items: flex-start;justify-content:space-between;}
.newsList .txt{width: calc(96% - 140px);}
.newsList .txt h3{ font-size:2.1875rem;line-height: 1.5;font-weight: bold; color:var(--black-color); margin-bottom:.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.newsList .txt .intro{font-size: 1.125rem; color:var(--grey-color); margin-bottom:4em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;line-height: 1.5;}
.newsList .tm{padding: 1.25em 1.8em;border: 1px solid #c2c2c2;text-align: center;color: var(--grey-color);flex-shrink: 0;}
.newsList .tm span{display: block;font-size: 3em;font-weight: bold;color: var(--black-color);line-height: 1.2;}
.newsList .more{float: right;}
.newsList li:hover .pic img{ transform:scale(1.03)}
.newsList li:hover .txt h3{color: var(--blue-color);}

.newsContent{position: relative;}
.newsContent img{max-width: 100%;}
.newtit{color:var(--black-color);font-size:2.1875rem;font-weight: bold;text-align: center;line-height: 1.4;}
.newtm{ color:var(--grey-color);text-align: center;font-size:.9em;margin:1em 0 3em;}
.newtm span{margin:0 10px;}
.newdetail{ border-top: 1px solid #cbcbcb;padding:3em 0 0;}
.newdetail p{ margin-bottom: 1em;}
.pageturn{ margin-top: 3em;display: flex;display: -webkit-flex;justify-content: space-between;position: relative;}
.pageturn p{width: 45%;line-height: 1.5;}
.pageturn p a{ display: block;font-size:1.2em; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color: #333;}
.pageturn p:nth-child(2){ text-align: right;}
.pageturn p a:hover{color: #15509c;}
.pageturn .back{ position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%);width: 20px;height: 20px;background: url(/public/static/home/images/back.png) no-repeat center;}
.newsrelated{border-top: 1px solid #cbcbcb;margin-top: 3em;padding-top: 3em;}
.newsrelated .tit{font-size: 1.25em;color: #0a0405;font-weight: bold;margin-bottom: 10px;line-height: 1.2;}
.newsrelated ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.newsrelated li{width: 47%;position: relative;border-bottom: 1px dotted #ccc;padding-bottom: 5px;margin-bottom: 5px;}
.newsrelated li::before{content: '';width: 6px;height: 6px;background-color: #999;border-radius: 50%;position: absolute;left: 0;top: 12px;}
.newsrelated a{color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 15px;}
.newsrelated a:hover{color: #15509c;}

.videoList ul{ margin-right:-3%}
.videoList li{ float:left; width:47%; margin-right:3%; margin-bottom:2%;text-align:center; background:#fff;}
.videoList li .pic{ position:relative; overflow:hidden}
.videoList li .pic:before{padding-top:58.33333%}
.videoList li .pic .icon{position:absolute;width:100%; height:100%; background:url(/public/static/home/images/v-btn2.png) rgba(0,0,0,0.4) no-repeat center center; background-size:12% auto;left:0%; top:0%;opacity: 0.5;}
.videoList li .tit{ font-size:20px; font-weight:bold;color:#333; padding:20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.videoList li .pic img,.videoList li .pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.videoList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.videoList li:hover .pic .icon{ opacity:1;background:url(/public/static/home/images/v-btn2.png) rgba(0,0,0,0.2) no-repeat center center; background-size:12% auto;}
.videoList li:hover .tit{color: #0c3184;}
/*===========================contact================================*/
.content-contact{line-height:1.8;position:relative;text-transform: capitalize;}
.contact-list{ margin-bottom: 40px;}
.contact-list ul{ display: flex;display: -webkit-flex;justify-content:space-between}
.contact-list li{width: 25%;text-align: center;}
.contact-list li:last-child{width: 35%;}
.contact-list .ico{width: 110px;height: 110px;border: 1px solid #dedede;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content:center;margin:0 auto}
.contact-list .txt h4{margin-top:20px;font-size: 1.25em;color: #333;font-weight: 500;}
.contact-list .txt p{color: #666;font-weight: 300;}

#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:0;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
.meaasge{text-transform: capitalize;}
.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px;font-weight:300;color:#999}
.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:80px; line-height:60px;color: #333;font-size: 16px;}

.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message textarea{ height:100px}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{
    background: -webkit-linear-gradient(left, #cba042 , #e8cd58); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #cba042, #e8cd58); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #cba042, #e8cd58); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #cba042 , #e8cd58);
    display: block;
    margin: 1.5em auto 0;
    width: 140px;
    line-height: 50px;
    border-radius: 25px;
    color: #fff;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}
.message .submit:hover{box-shadow: 0 5px 25px rgba(203,160,66,.3);}

.swiper-pagination{line-height: 0;}

.engt .i-advLeft h4, .en .i-advRight h4{line-height: 1.2;font-size: 1.15rem;}
.engt .i-advLeft li:hover h4, .engt .i-advRight li:hover h4{font-size: 1.15rem;}
.engt .i-advLeft .intro, .engt .i-advRight .intro{text-align: left;line-height: 1.3;max-height:10.3em}
.engt .i-advantageCon .tit{padding-left: 0; font-size: 1.8rem;margin-bottom: 1em;}
.engt .i-advantageCon .tit:before{display: none;}
.engt .main .content{line-height: 1.5;}
.engt .solutionList .n-title .en{display: none;}
.engt .section-advantage .adv-list{font-size: 1.2em;}
.engt .main_product .pro-txt .tit:before{top: 7%;}
.engt .n-title .en{display: none;}
.engt .inner-nav li{margin: 0 1rem;}
.engt .fa-zucheng-item-list td{word-break: break-word!important; text-align: justify;}


.pop-liuyan{display: none;position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);left: 0;top: 0;z-index: 100;}
.pop-liuyan-con{padding: 60px;width: 900px;background-color: #fff;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, .3);position:fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-mox-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.pop-liuyan-con .pop-tit{text-align: center;color: var(--black-color);font-size: 2em;font-weight: bold;margin-bottom: 30px;}
.pop-liuyan-con .inp{display: block;width: 100%;margin-bottom: 20px;border: 1px solid #cbc7c4;line-height: 60px;padding: 0 20px;font-size: 1.125em;}
.pop-liuyan-con .submit{background-color: #08509b;color: #fff;font-size: 1.125em;text-align: center;border-radius: 30px;line-height: 60px;border: 0;display: block;width: 100%;cursor: pointer;transition: .3s;}
.pop-liuyan-con .submit:hover{background-color:#1f83c7}

.float_kf{ position:fixed;right:0; bottom:30%; background:#fff; z-index:99;box-shadow: 5px 0 20px rgba(0, 0, 0, .1);}
.float_kf li{ width:80px;padding:5px 0;position:relative;cursor: pointer;}
.float_kf li, .float_kf li:after{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:not(:last-child)::after{content: '';width: 60%;height: 1px;background-color: #dbd7d5;position: absolute;left: 20%;bottom: 0;}
.float_kf li:hover{ background:#08509b;}
.float_kf li:hover::after{background:#08509b;}
.float_kf .hd{ display:none;position:absolute;top: 0; right:90px;background-color: #fff;box-shadow: 5px 0 20px rgba(0, 0, 0, .1);border-radius: 10px;overflow: hidden;}
.float_kf .tel .hd, .float_kf .gzh .hd{padding: 20px 25px;}
.float_kf .ico{height: 60px;margin: 0 10px;}
.float_kf .tel .ico{background:url(../images/ico_float.png) no-repeat 0 0}
.float_kf .mes .ico{background:url(../images/ico_float.png) no-repeat 0 -60px}
.float_kf .gzh .ico{background:url(../images/ico_float.png) no-repeat 0 -120px}
.float_kf .tel:hover .ico{background:url(../images/ico_float.png) no-repeat -60px 0}
.float_kf .mes:hover .ico{background:url(../images/ico_float.png) no-repeat -60px -60px}
.float_kf .gzh:hover .ico{background:url(../images/ico_float.png) no-repeat -60px -120px}
.float_kf .tel .hd p{white-space: nowrap;}
.float_kf .tel .hd p:nth-child(1){color: #08509b;}
.float_kf .gzh .hd{width: 260px;}
.float_kf .gzh .intro{text-align: center;}
.float_kf .gzh .intro span{color: #08509b;}
.float_kf .gzh .hd img{ width:150px; display:block;margin: 0 auto;}
.float_kf .mes .hd{margin-top: -100px;}
.popupBox{width: 400px;}
.popupBox .pop-tit{background-color: #cc0900;color: #fff;padding: 10px 25px;display: flex;display: -webkit-flex;justify-content: space-between;}
.popupBox .pop-tit h4{font-size: 1.15em;}
.popupBox .close{position: relative;width: 25px;}
.popupBox .close:before{content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;background-color: #fff;}
.popupBox .pop-con{padding: 25px;color: #5b5b5c;}
.popupBox form{margin-top: 1em;}
.popupBox form .item{display: flex;display: -webkit-flex;justify-content: space-between;}
.popupBox form .inp{width: 49%;background-color: #f3f4fa;padding: 0 10px;border: 0;line-height: 42px;margin-bottom: 2%;}
.popupBox form .area{background-color: #f3f4fa;padding: 10px;border: 0;height: 100px;width: 100%;}
.popupBox form .submit{background-color: #cc0900;color: #fff;display: inline-block;margin-top:1em;border-radius: 5px;border: 0;padding: 0 35px;line-height: 35px;letter-spacing: 10px;cursor: pointer;transition: .3s;}
.popupBox form .submit:hover{background-color:#fd5600}


.float-message{position:fixed;left:0; bottom:0;z-index:99;display: none;width: 100%;}
.float-message .popupBox{background-color: #fff;box-shadow: 5px 0 20px rgba(0, 0, 0, .1);position: absolute;display: none;}
.float-message .btn{display: flex;display: -webkit-flex;align-items: center;position: relative;cursor: pointer;}
.float-message .btn .ico{width: 95px;height: 95px;border-radius: 50%;background:#1f83c7 url(../images/ico-tel2.png) no-repeat center;position: absolute;left:0;}
.float-message .btn .txt{background-color: #08509b;color: #fff;border-radius: 5px;padding: 5px 25px 5px 70px;margin-left: 35px;box-shadow: 0 5px 15px rgba(0, 0, 0, .1);}
.float-message .btn .txt span{display: block;font-size: 1.125em;}
.float-message .gzh{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.float-message .gzh .intro{width: 60%;}
.float-message .gzh .intro span{color: #044c93;}
.float-message .gzh img{width: 35%;}
.float-message .btn_m{display: none;height: 55px;background-color: #cc0900;color: #fff;}
.float-message .btn_m ul{display: flex;display: -webkit-flex;height: 100%;}
.float-message .btn_m li{width: 100%;}
.float-message .btn_m li a{display: block;color: #fff;height: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;font-weight: 300;}
.float-message .btn_m .mes i{display: block;width: 20px;height: 20px;background: url(../images/ico-ly.png) no-repeat;background-size: contain;margin-right: 5px;}
.float-message .btn_m .tel i{display: block;width: 20px;height: 20px;background: url(../images/ico-tel2.png) no-repeat;background-size: contain;margin-right: 5px;}
.friendlink{background-color: #ebebeb;margin-top: -20px;padding-bottom: 40px;}
.friendlink .wrap{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.friendlink p{}
.friendlink ul{font-size: 0;}
.friendlink li{display: inline-block;font-size: 16px;margin-right: 10px;}

.float_kf .tel .atel{ color:#333 !important}
.float_kf .tel .hd:hover .atel{ color:#15509c !important; }