*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; overflow-x: hidden; font-family: 'Hos','Microsoft YaHei';}
input, textarea, button, select {padding:0; margin:0;}     
a{text-decoration: none; color:#333; font-size: 14px; font-weight: normal;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}


body{
--main-color:#0134b1; 
--min-width:1400px; /**/
--max-width:1920px; /**/
}


/* fonts */
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family: 'axt'; src: 
       url('https://cdn.114my.com.cn/font/lcw/axt.ttf') format('truetype')
}

@font-face{font-family:'alz'; src: url("https://cdn.114my.com.cn/font/hxp/alimamashuheiti.ttf");}
@font-face { 
        font-family:'neu'; src: 
       url('https://cdn.114my.com.cn/font/MiSans/MiSansLatin-Heavy.ttf') format('truetype')
}

@font-face {
  font-family: 'iconfont';  /* Project id 5200851 */
  src: url('//at.alicdn.com/t/c/font_5200851_jvobqxtsy5.woff2?t=1783071877476') format('woff2'),
       url('//at.alicdn.com/t/c/font_5200851_jvobqxtsy5.woff?t=1783071877476') format('woff'),
       url('//at.alicdn.com/t/c/font_5200851_jvobqxtsy5.ttf?t=1783071877476') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gyc {margin: 0 auto;max-width: 90%;min-width: 1200px;}
.gy {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gya{margin: 0 auto;max-width: 1500px;min-width: 1200px; overflow:hidden;}


.top30{margin-top: 30px;}
.top40{margin-top: 40px;}
.top50{margin-top: 50px;}
.top60{margin-top: 60px;}
.top70{margin-top: 70px;}
.top80{margin-top: 80px;}


/*bt*/
.one_title{text-align: center;margin-bottom:40px; color:#333;}
.one_title p{font-size:44px; font-weight: bold;}
.one_title p b{color:var(--main-color);font-weight: bold;}
.one_title span{display: inline-block;font-size:18px;color:#999;margin-top:12px;position:relative;}
.one_title span i{width:12px;height:12px;position:absolute;top:calc(50% - 6px);}
.one_title span i:first-child{left:-20px;}
.one_title span i:last-child{right:-20px;}
.one_title span i:before,.one_title span i:after{content:'';position:absolute;}
.one_title span i:before{width:5px;height:2px;background:#999;top:calc(50% - 1px);}
.one_title span i:after{width:8px;height:8px;border-radius:100%;border:2px solid #999;left:0;top:0;}
.one_title span i:first-child:before{left:-10px;animation:oneTitleBefore infinite 3s linear;}
.one_title span i:last-child:before{right:-10px;animation:oneTitleAfter infinite 3s linear;}

.one_title1{text-align: center;margin-bottom:40px;}
.one_title1 p{font-size:44px; color:#333; font-weight: bold;}
.one_title1 p b{}
.one_title1 span{display: inline-block;font-size:18px;color:#333;margin-top:12px;position:relative;}
.one_title1 span i{width:12px;height:12px;position:absolute;top:calc(50% - 6px);}
.one_title1 span i:first-child{left:-20px;}
.one_title1 span i:last-child{right:-20px;}
.one_title1 span i:before,.one_title1 span i:after{content:'';position:absolute;}
.one_title1 span i:before{width:5px;height:2px;background:var(--main-color);top:calc(50% - 1px);}
.one_title1 span i:after{width:8px;height:8px;border-radius:100%;border:2px solid var(--main-color);left:0;top:0;}
.one_title1 span i:first-child:before{left:-10px;animation:oneTitleBefore infinite 3s linear;}
.one_title1 span i:last-child:before{right:-10px;animation:oneTitleAfter infinite 3s linear;}


@keyframes oneTitleBefore{
  0%{width:5px;left:-10px;}
  25%{width:1px;left:0px;}
  50%{width:5px;left:-10px;}
  75%{width:15px;left:-20px;}
  100%{width:5px;left:-10px;}
}
@keyframes oneTitleAfter{
  0%{width:5px;right:-10px;}
  25%{width:1px;right:0px;}
  50%{width:5px;right:-10px;}
  75%{width:15px;right:-20px;}
  100%{width:5px;right:-10px;}
}


/*head*/
.head{ height: 6vw;   line-height: 6vw; padding: 0 4%; width: 100%;z-index: 100; position: absolute;top:0; transition: 1s; background: #fff;     position: relative;}
.head.on{width: 100%; z-index: 999;box-shadow: 0 0 10px #ccc;background: #fff;position: fixed; height: 6.1vw;}
.head_nav>ul>li.cur>a{color: var(--main-color);}
.head_nav>ul>li:hover>a,.head_nav>ul>li.cur>a { color: var(--main-color); font-weight: bold;}

.head_box {max-width: 1800px;margin: 0 auto;display:  flex;justify-content:  space-between;}
.head_logo {display:flex;align-items:center; padding-top:1vw;}
.head_logo img{ height: 60px;}
.head_logo i {position: relative; padding: 0%; }
.head_logo i:before {content:'';width:1px;height:100%; position:absolute;top:0;right: -17px;}
.head_logo i:after {content:'';width: 3px;height: 20%;/* background:#1a67bf; */position:absolute;top: 22px;right: -18px;}
.head_logo i img{height:68px;   }
.head_logo p {display: flex;flex-direction: column; font-family: "Microsoft YaHei"; letter-spacing: 0px;padding: 0 0 0 10px;}
.head_logo p b {font-size: .9vw; color: #222;    line-height: 24px;     font-weight: normal;}
.head_logo p b em {color: #666;  display: block; font-size: .8vw;padding-top:0.5vw; font-weight: normal; letter-spacing: 0px;}
.head_logo p span {font-size: calc(0.6rem + 0.4vw);font-weight:  lighter; border-radius: 50px;text-align: center;color: #8a8383;text-align-last: justify;position: relative;z-index: 5; }


.head_logo p span:before,.head_logo p span:after {content:'';width: 5%;height: 0.125rem;position:absolute;top:0;background: #666;bottom: 0;margin: auto;opacity: 0.5;display: none;}
.head_logo p span:before {left: 2rem;}
.head_logo p span:after {right: 2rem;}
.head_con {width:60%;display:  flex;align-items:  center;justify-content:  space-between;}
.head_nav {width:100%;/* background: #fff; */display:  flex;justify-content:  space-between;align-items:  center;} 
.head_nav>ul {display: flex;align-items: center;width: 100%;justify-content:  space-between; height: 6vw;}
.head_nav>ul>li {}
.head_nav>ul>li>a {font-size: calc(1rem + 0.2vw);position: relative;color: #333; display: flex;letter-spacing: 0px;flex-direction: column;align-items: center; font-weight: normal; line-height: 6vw;}
.head_nav>ul>li>a:before {content:'';width:0;height: 2px;background:var(--main-color); position:absolute;top:98%;right: 0;transition:0.5s;z-index: -1;right: 0;}

.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width: 100%;right: auto;left: 0;}
.head_nav > ul > li:hover > a,.head_nav li.head_cur > a{color:var(--main-color); font-weight:bold;}
.head_nav > ul > li:hover > a:after,.head_nav li.head_cur > a:after{width:100%;}

.head_nav li>a i {font-size: 10px;margin: 0.2rem 0 0;display:none;}
.head_num {display:  flex; /*  width: 32%; align-items:  center; margin: 0 0 0 25px;  */}
.head_num ul {display: flex;width: 100%;align-items:  center;justify-content: center;}
.head_num li {/* position:relative; *//* width: 55px; */}
.head_num>ul>li:nth-child(3) {display:flex;align-items: center;/* display: none; */}
.head_num li:nth-child(1)>a img {width: 22px;}
.head_num li+li {margin: 0 0 0 0.5vw;}
.head_num li>i {font-size: 25px; color: #333; display: flex;justify-content: center;align-items: center;border-radius: 5px; font-weight: 100;}
.head_num li:last-child:hover>p {transform: rotateX(0deg); }
.head_num li>p {    padding: 0.2vw 0 0 0.5vw;
    white-space: nowrap;
    font-weight: lighter;
    transition: 0.5s;
    /* width: 13%;*/}
.head_num li>p>span { font-family: 'neu'; font-size: calc(1rem + 0.6vw);font-weight: bold;color:  var(--main-color);}
.head_num li>a {    margin-left: 10px; font-size: 15px;/* color: #fff; */font-family:  Arial;display: flex;align-items: center; width: 80px;}
.head_num li>a i {transform:rotate(90deg);font-size: 10px;margin: -3px 0 0 4px;}
.head_lan {/* margin: 0 0 0 30px; */position: absolute;transform: rotateX(90deg);transform-origin: top;transition: 0.5s;top: 100%;border-top: 2px solid #ff6600;}
.head_lan p {display:flex;/* border-top: 1px solid #eee; */padding: 12% 0;width: 88px;/* justify-content: center; *//* align-items: center; */background: #fff;transition: 0.5s;}
.head_lan p+p {border-top: 1px solid #ebebeb;}
.head_lan p:hover {background:#1a67bf;}
.head_lan p a {display:flex;align-items: center;}
.head_lan p:hover a {color:#fff;}
.head_lan p i {width: 26%;display: none;}
.head_lan p i img {width:100%;}
.head_lan p span {font-size: 13px;margin: 0 0 0 16px;/* font-weight: lighter; */white-space: nowrap;}
.head_num li:hover .head_lan {transform: rotateX(0deg);}




/*xiala*/
.head_qit {position: absolute;top: 100%;left: 0;width: 100%;background: #fff;opacity: 0;transition: 0.5s all ease;visibility: hidden;display: flex;flex-direction: column;transform-origin: top;padding: 4% 4% 10%;border-bottom: 3px solid #fff; z-index: 999;}
.head_nav li:nth-child(3) .head_qit {padding: 4% 4% 4%;}
.head_qit::-webkit-scrollbar { width: 3px;transition:0.5s;}
.head_qit::-webkit-scrollbar-thumb {background:#ddd;}
.head_qit ul {display:flex;flex-wrap:wrap;grid-row-gap:0.7vw;grid-column-gap: 2.57vw;}
.head_qit li {padding: 0 0 1.5% 0; width: 30%;border-bottom: 1px solid #eee;position: relative;z-index: 5;}
.head_qit li a {font-size: 16px;font-family: 'axt';}
.head_qit>a {font-size: 13px;padding: 12%;text-align: center;white-space: nowrap; transition:0.5s;}
.head_qit>a+a {border-top: 1px solid #f9f9f9;}
.head_nav>ul>li:hover .head_qit {visibility: visible;top: 100%;opacity:1;}
.head_qit>a:hover,.head_qit>div>ul>li:hover>a {color:var(--main-color);}
.head_qit li:hover a {color:var(--main-color);}
.head_qit>a:hover,.head_qit>div>ul>li:hover {background:#35aaa9;color:var(--main-color);}
.head_qit>p {font-size:2rem;font-weight:bold;font-family: 'axt';}
.head_big {display:flex;justify-content:space-between;margin: 3% 0 0;position: relative;}
.head_big>div {width: 60%;}
.head_big>i {width: 30%;position: absolute;right: 0;top: -4vw;}
.head_big>i img {width:100%;height: 15vw;object-fit: cover;}

.head_qit li:after {content:'';width:0;height:1px;position:absolute;bottom:0;left:0;transition:1s;background:var(--main-color);}
.head_qit li:hover:after {width:100%;}
.head_qit li:hover:before {color:var(--main-color);}

.head_qit li dl {  display: none;}


/*ä¸*/
.head_nav>ul>li:nth-child(4) { position: relative;}
.head_nav>ul > li > em{position:absolute; left:-55px; top:100%; z-index:99; display:none; width:180px}
.head_nav>ul > li > em a{display:block; text-align:center; background:#fff; box-sizing:border-box; font-size:16px; line-height:50px; color:#333; text-decoration:none; transition:0.8s;}
.head_nav>ul > li > em a:hover{background:var(--main-color); color:#fff;}
.head_nav>ul > li > em a+a { border-top: 1px solid #eee;}




/*xiala*/
.dfs{display:flex;align-items:center;justify-content:space-between;width: 100%;height: 25px;}
.icon>div i{/* width:40px; *//* height:40px; */border-radius:100%;display: flex;justify-content: center;align-items: center;user-select:none;transition:all 0.5s;position: relative;/* border: 1px solid #eee; */}
.icon>div:hover i{/* background: #005ee0; */}
.icon>div i:before{content:'';width:40px;height: 6vw;border-radius:100%;position:absolute;top: 0;}
.icon>div:hover i:before{animation:2s headIcon infinite;}
.icon>div:hover i:after{animation:2s headIcon infinite;animation-delay:0.5s;}
.icon>div i span{font-size: 1.1vw; color: #333; position: relative;z-index:2;font-weight: 100;}
.icon>div:hover i span{color: #666;}

.form_ul {/* padding:0; */}
.iser_box,.itel_box{position:absolute;top: 100%;right:0;padding: 4%;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;width: 100%;display: flex;flex-direction: column-reverse;justify-content: center;text-align: center;background: rgba(0,0,0,0.5);}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content: center;/* display: none; */padding: 2% 0 0;color:#fff;}
.search_l span+span{margin-left:4px;font-size: 16px;color: rgba(255,255,255,0.6);}
.search_l a{color: #444;font-size: 16px;margin: 0 5px;color: #fff;}
.search_r{/* margin-top: 15px; */position:relative;width: 86%;display: flex;align-items: center;justify-content: center;}
#infoname{height: 64px;line-height: 64px;border:1px solid #eee;text-indent:12px;width: 100%;border-radius: 2rem;padding: 0 0 0 1%;}
.z_img{width: 40px;
    height: 40px;
    position: absolute;
    top: 12px;
    right: 20px;
    background: no-repeat;}
.itel_box{width: 150px;text-align:center;padding: 10px;}
.itel_box a{color:#333;position:relative;display: flex;font-size: 16px;font-family: Arial;text-transform: uppercase;align-items: center;padding: 5%;transition:0.5s;justify-content: center;}
.itel_box a:hover {background:#1f2c5c;color:#fff;}
.itel_box a+a {margin: 8% 0 0;}
.itel_box a span {overflow:hidden;border-radius: 50%;margin: 0 10px 0 0;width: 20px;height: 20px;}
.itel_box a span img {width:100%;height:auto;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.search_l .iconfont{font-size: 16px;display: none;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size:18px!important;display: block;margin-top: -3px;}
.hx_bg{height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.icon_search.icon_pho:hover .itel_box.dh_c { transform: rotateX(0);}

/*langu*/
.langu_bc {position: relative; cursor:pointer; margin-left:16px; }
.langu{}
.langu_t {font-size:0.9vw;display: block;margin: 0 auto;     color: #666;}
.langu_t span{padding-right: 0.3vw; font-size:0.95vw;}
.langu_t b {
    float: left;
    width: 50px;
    margin-left: 5px;}
.langu_t2{     position: absolute;
    right: -43px;
    transform-origin: top;
    transform: rotateX(90deg);
    transition: 0.5s;
    left: auto;
    text-align: left;
    z-index: 9999;
    width: 120px;
    background: rgba(0,0,0,0.8);
    border-radius: 4px;
    padding: 10px;
    margin-top: 4px;}


.langu_bc:hover .langu_t2 {
    transform: rotateX(0deg);
}

.langu_t2 a {
    display: block;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;

}
.langu_t2 img {
    width: 20px;
    vertical-align: middle;
    margin-right: 8px;
}


@media screen and (max-width: 1600px){
.head_num li:nth-child(1)>a img { width: 36px;}

}

@media screen and (max-width: 1500px){
.head_num li:nth-child(1)>a img { width: 36px;}

}
@media screen and (max-width: 1400px){
.head_num li:nth-child(1)>a img { width: 36px;}
.head_nav>ul>li>a {font-size: calc(0.9rem + 0.2vw);}
.head_logo img {height: 50px;}
}

 @media screen and (max-width: 1300px){
.head_num li:nth-child(1)>a img { width: 36px;}
.head_nav>ul>li>a {font-size: calc(0.9rem + 0.2vw);}
.head_logo img {height: 50px;}
}   
.langu_t2 a:hover { text-decoration: underline;}




/*about*/
.indexb_wrapper {width: 100%; position: relative; overflow: hidden;}
.index-scroll {position:absolute;left:1%;top:70%;z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;}
.index-scroll h6 i{width: 12px;height: 10px; background: url("");display: inline-block;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}

.indexb_wrapper .indexc_second {
    max-width: 90%;
    margin: 80px auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
margin-bottom:80px;
    overflow: hidden;
}
.indexb_wrapper .indexc_second .left {
    float: left;width: 45%;
}
@media screen and (max-width: 1440px){
.indexb_wrapper .indexc_second .left {width: 35%;}
}
.indexb_wrapper .indexc_second .left .top1 {
    font-size: 22px;
    color: #505050;
    margin-top: 10px;
    height: 24px;
    line-height: 24px;
}
.indexb_wrapper .indexc_second .left .top2 {
    font-size: 52px;
    color: #505050;
    font-weight: bold;
padding:1% 0; font-family:'alz'; 
}
@media screen and (max-width: 1440px){
.indexb_wrapper .indexc_second .left .top2 {font-size: 42px;}
}
@media screen and (max-width: 1366px){
.indexb_wrapper .indexc_second .left .top2 {font-size: 36px;}
}
.indexb_wrapper .indexc_second .left .top3 {
    font-size: 40px;
    height: 42px;
    line-height: 42px;
    color: #ccc;font-family: 'neu';
}
@media screen and (max-width: 1440px){
.indexb_wrapper .indexc_second .left .top3 {font-size: 32px;}
}
@media screen and (max-width: 1366px){
.indexb_wrapper .indexc_second .left .top3 {font-size: 28px;}
}
.indexb_wrapper .indexc_second .left .top4 {
    font-size: 15px;
    line-height: 30px;
    color: #505050;
    margin-top: 20px;
}
@media screen and (max-width: 1680px){
.indexb_wrapper .indexc_second .left .top4 {font-size: 15px; line-height:28px;margin-top:3px;}
}
@media screen and (max-width: 1440px){
.indexb_wrapper .indexc_second .left .top4 {font-size: 14px; line-height:24px;margin-top:3px;}
}
@media screen and (max-width: 1366px){
.indexb_wrapper .indexc_second .left .top4 {font-size: 14px; line-height:23px;margin-top:3px;}
}
@media screen and (max-width: 1280px){
.indexb_wrapper .indexc_second .left .top4 {font-size: 14px; line-height:22px;margin-top:0px;}
}
.indexb_wrapper .indexc_second .left .top4 b{font-weight:bold;display: block;padding-top: 10px; font-size:17px;}
.indexb_wrapper ul{display:flex;justify-content:space-between;align-items:center; padding:3% 0 0;margin:4% 0 0;border-top:3px solid #eee}
.indexb_wrapper li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:33.33%;border-left:1px solid #eee;border-right:1px solid #eee}
.indexb_wrapper li+li{border-left:none}
.indexb_wrapper li i{color:#333;font-family: 'iconfont';font-size:36px; font-style: normal;line-height:36px;position: relative;}
.indexb_wrapper li i:after {
    content: '';
    width: 30px;
    height: 30px;
    background: rgba(3, 90, 169, 0.1);
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 44%;
}
.indexb_wrapper li b{font-size: 18px; color: #999; font-weight: normal; position: relative;top: 5px;line-height: 24px;}
@media screen and (max-width: 1440px){
.indexb_wrapper li b{font-size: 14px; }
}
@media screen and (max-width: 1366px){
.indexb_wrapper li b{font-size: 14px; }
}
@media screen and (max-width: 1280px){
.indexb_wrapper li b{font-size: 13px; }
}

.indexb_wrapper li>p{font-size:15px;display:flex;flex-direction:column;font-weight:normal;padding:0% 0 0;color:#666;line-height: 26px;}
.indexb_wrapper li>p>span{width:40%;height:1px;background:#0b6ab9;margin:10% auto 0}
.indexb_wrapper .indexc_second .right {
    float: right;
    display: block;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;position: relative;}
.indexb_wrapper .indexc_second .right .vidhid{    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;}

@media screen and (max-width: 1440px){
.indexb_wrapper .indexc_second .right {width: 60%;}
}
@media screen and (max-width: 1366px){
.indexb_wrapper .indexc_second .right {width: 60%;}
}
@media screen and (max-width: 1280px){
.indexb_wrapper .indexc_second .right {width: 60%;}
}
audio, canvas, progress, video {
    display: inline-block;
}




/*indxbanner*/
.wh {padding: 0px 11%;}
.wh8 {padding: 0px 8%;}
.wh1 {padding: 0px 8% 0 9%;}
.wh2{padding: 0px 11%;}
.pc-banner {
  position: relative;
  overflow: hidden;
}

.pc-banner .mySwipera {
  position: relative;
}

.pc-banner .mySwipera .swiper-slide {
  overflow: hidden;
}


.pc-banner .mySwipera .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.pc-banner .mySwipera .swiper-slide .img > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  -webkit-animation-name: banscaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
}

.pc-banner .mySwipera .banwez {
  width: 100%;
  z-index: 9;
  color: #FFFFFF;
  top: 40%;}

.pc-banner .mySwipera .swiper-slide.banner_swiper68c .banwez{text-align:center;}
.pc-banner .mySwipera .swiper-slide.banner_swiper68 .banwez{top: 40%;}

.pc-banner .mySwipera .swiper-slide.banner_swiper69 .banwez{
    text-align: right;
    top: 54%;
}
.pc-banner .mySwipera .swiper-slide.banner_swiper32 .banwez{ top: 59%;}
.pc-banner .mySwipera .swiper-slide.banner_swiper72 .banwez{
    top: 64.5%;
}
.pc-banner .mySwipera .swiper-slide.banner_swiper70 .banwez{
    top: 66%;
}
.pc-banner .mySwipera .swiper-slide.banner_swiper70 .banwez dt::after{
    display: none;
}


.pc-banner .mySwipera .swiper-slide:nth-child(2) .banwez dt{}
.pc-banner .mySwipera .swiper-slide.banner_swiper32 .banwez dl{left: 0%; position: relative;     width: 50%;
    text-align: center;}
.pc-banner .mySwipera .banwez .wz1 {
  font: 100 1.1vw/1.15em "axt";
  display: inline-block;
  position: relative;
  z-index: 1;
 color: rgb(255 255 255 / 100%); display: block; padding-bottom: 2.5vw;}

.pc-banner .mySwipera .banwez .wz2{
  font: 600 3.6vw/1.15em "alz";
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 1%;
text-shadow: 2px 0 2px rgb(255 255 255 / 100%); color: #0348bb; font-style: italic;
}

.pc-banner .mySwipera .banwez dt {
  font: 600 3.6vw/1.15em "Microsoft YaHei";
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 1%;
text-shadow: 4px 0 2px rgb(255 255 255 / 10%); color: #fff;  letter-spacing: 3px;
}


.pc-banner .mySwipera .banwez1 dd {
  font: 600 3vw/1.15em "Microsoft YaHei";
  max-width: 100%;
margin-top:0.3rem;
margin-bottom:0.7rem; color:rgb(255 255 255 / 90%);
}
.pc-banner .mySwipera .banwez1 dd.mk{letter-spacing: 8px; max-width: inherit !important;}


.pc-banner .mySwipera .banwez dd { font: 600 2.3vw/1.15em "Microsoft YaHei"; max-width: 100%; margin-top:0.3rem; margin-bottom:0.7rem; color:rgb(255 255 255 / 90%); }
.pc-banner .mySwipera .banwez dd.mk{letter-spacing: 1px; max-width: inherit !important; margin-bottom: 1rem;}
.pc-banner .mySwipera .banwez dd.mw{ font: 600 3.1vw/1.15em "Microsoft YaHei"; letter-spacing: 5px; max-width: inherit !important;}

.pc-banner .mySwipera .banwez span{     font-family: 'axt';    margin-bottom: 10%;
    max-width: 70%;
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 2;
    color: #fff;
    background: #0067b4;
    border-radius: 50px;
    display: flex;
    letter-spacing: 1px;
    justify-content: space-around;
    margin: 0 auto;
    align-items: center;     margin-bottom: 4rem;}
.pc-banner .mySwipera .banwez span b { position: relative; padding-right: 1.3vw;}
.pc-banner .mySwipera .banwez span b:before{ content: ""; position: absolute; width: 6px !important; height: 6px;  background: #ff9600; border-radius: 50px;  display: block; left: 5px; top:10px; z-index: 11;}
.pc-banner .mySwipera .banwez span b:after{ content: ""; position: absolute; width: 16px !important; height: 16px;  background: rgb(215 186 75 / 60%); border-radius: 50px;  display: block; left: 0px; top:5px;}

    
	
.pc-banner .mySwipera .banwez .weha {margin-top: 2.5rem;}

.pc-banner .mySwipera .dbua {
  position: absolute;
  left: 0;
  bottom: 5%;
  width: 100%;
  z-index: 9;
}

.pc-banner .mySwipera .dbua .swiper-button-prev1 i, .pc-banner .mySwipera .dbua .swiper-button-next1 i {
  color: #fff;
  font-size: 0.95rem;
cursor: pointer;
}


.pc-banner .mySwipera .swiper-pagination1as {
  position: static;
  width: auto;
}

.pc-banner .mySwipera .swiper-pagination1as span {
  display: inline-block;
  opacity: 1;
  width: .625rem;
  height: .625rem;
  border: 1px solid #fff;
  border-radius: .375rem;
  background: transparent;
  position: relative;
  margin: 0 0.5em;
}

@media (max-width: 768px) {
  .pc-banner .mySwipera .swiper-pagination1as span {
    margin: 0 0.3em;
  }
}

.pc-banner .mySwipera .swiper-pagination1as span.swiper-pagination-bullet-active {
  background: #fff;
  width: 1.8rem;
}

.pc-banner .mySwipera .swiper-slide-active .banwez dt::after {
  width: 100%;
}

a.jtaa {
  display: block;
  position: absolute;
  right: 4.0625%;
  bottom: 5%;
  z-index: 1;
  width: 1.0625rem;
  -webkit-animation: run 1s infinite linear;
     -moz-animation: run 1s infinite linear;
       -o-animation: run 1s infinite linear;
          animation: run 1s infinite linear;
}

a.jtaa img {
  width: 100%;
}

.label_el {
  color: rgba(26, 26, 26, 0);
  text-shadow: none;
  -webkit-text-stroke-width: 0.47px;
  -webkit-text-stroke-color: #fff;
}

@media (max-width: 768px) {
  .label_el {
    -webkit-text-stroke-width: 0.3px;
  }
}

@-webkit-keyframes banscaleDraw {
  /*å®ä¹³é帧ãscaleDrewè¦ç»å®°é©å¨ç³é帧åç§*/
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    /*å¼å§ä¸ºåå§å¤§å*/
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*¾å¤§1.1*/
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes banscaleDraw {
  /*å®ä¹³é帧ãscaleDrewè¦ç»å®°é©å¨ç³é帧åç§*/
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    /*å¼å§ä¸ºåå§å¤§å*/
  }
  25% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
    /*¾å¤§1.1*/
  }
  50% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
  }
  75% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes banscaleDraw {
  /*å®ä¹³é帧ãscaleDrewè¦ç»å®°é©å¨ç³é帧åç§*/
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    /*å¼å§ä¸ºåå§å¤§å*/
  }
  25% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    /*¾å¤§1.1*/
  }
  50% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
  75% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes banscaleDraw {
  /*å®ä¹³é帧ãscaleDrewè¦ç»å®°é©å¨ç³é帧åç§*/
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    /*å¼å§ä¸ºåå§å¤§å*/
  }
  25% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    /*¾å¤§1.1*/
  }
  50% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.zmfd {
  -webkit-animation-name: banscaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 10s;
  /*¨ç»æ±è´¹¶é*/
}

@-webkit-keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@-moz-keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@-o-keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

.kajjt {
  text-align: center;
  -webkit-animation: run 1s infinite linear;
  -moz-animation: run 1s infinite linear;
  -o-animation: run 1s infinite linear;
  animation: run 1s infinite linear;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 3%;
  z-index: 99;
}

.kajjt img {
  width: 1.42rem;
  margin: 0 auto;
}

.swiper {
  overflow: hidden;
}

.overa {
  overflow: hidden;
}

/* ¾ç¨ç */
.fang {
  overflow: hidden;
  display: block;
}

.fang img {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.fang:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.fanga {
  overflow: hidden;
}

.fanga img {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.fanga:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.xz img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.xz:hover img {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.mktop {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.mktop:hover {
  -webkit-transform: translateY(-5%);
     -moz-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
       -o-transform: translateY(-5%);
          transform: translateY(-5%);
}
.more-msl {
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  font: 500 1rem/3rem "neu";
  border-radius: 0.5rem;
  width: 10.5rem;
  text-align: center;
  background: transparent;
  border: 2px solid rgb(255 255 255 / 30%);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
  text-transform: uppercase;
font-size:1rem !important;
}
.more-msl a{color: #444;}
.more-msl a:hover{color: #fff;}
.more-msl img{height: 1.3rem;
    margin-left: 1rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    filter: brightness(0) invert(10); margin-top:0.2rem;}
.more-msl:hover img{    filter:brightness(10) invert(1);}
.more-msl::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  color: #fff;
  border-radius: 100%;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.more-msl:hover {
  color: #333 !important;
  border-color: #0347b5;
}

.more-msl:hover::before {

  -webkit-transform: scale(2);
  -moz-transform: scale(2);
   -ms-transform: scale(2);
    -o-transform: scale(2);
       transform: scale(2);
}

.more-msl.hs {
  color: #585858;
  border: 1px solid #585858;
}

.more-msl.hs:before {
  background: #0347b5;
}

.more-msl.hs:hover {
  color: #fff;
  border-color: #0347b5;}

/* factory */
.comt_bg{margin-top:70px;}
.factory_container {
  width: 100%;
  margin-top: 5%;
}

.factory_list {
  width: 1380px;
  margin: 0 auto;
  padding: 30px;
}

.factory_content_left {
  width:40%;
  float: left;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: -10px 0 28px rgba(0, 0, 0, 0.1);
margin-bottom:5%;
}

.factory_content_left img { border: 7px solid #fff;     border-radius: 10px;
  display: block;
  height: auto;
  width: 100%;}

.factory_content_left img.factory_m_img {
  display: none;
}

.factory_content_right {
  width: 57%;
  float: right;
  margin-top: 0%;
}

.factory_right_word {
  width: 100%;
}

.factory_right_word h3 {

  font-weight: bold;
  font-size: 2.52rem;
  line-height: 1.2;
  color: var(--main-color);
  margin-bottom: 1.25rem;}

.factory_right_word p {
  font-size: 1.1rem;
  line-height: 2;
  color: #636363;
font-family: axt;
}
@media screen and (max-width: 1440px){
.factory_right_word p { font-size: 1.1rem;}
}
@media screen and (max-width: 1360px){
.factory_right_word p { font-size: 1.1rem;}
}

.factory_right_list {
  width: 100%;
  margin-top: 1%;
    margin-bottom: 4%;
}

.factory_right_list ul li {
  width: 47%;
  float: left;
  margin: 3% 6% 0 0;
  border-radius: 10px;
  background: #f8f8f8;
  height: 7rem;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
@media screen and (max-width: 1440px){
.factory_right_list ul li {height: 6rem;margin: 1% 6% 0 0;}
}
@media screen and (max-width: 1360px){
.factory_right_list ul li {height: 6rem;margin: 1% 6% 0 0;}
}

.factory_right_list ul li:nth-child(2n) {  margin-right: 0;}
.factory_right_list ul li:nth-child(1n) .factory_list_icon{font-size:50px;}
.factory_right_list ul li:nth-child(2n) .factory_list_icon{font-size:45px;}
.factory_right_list ul li:nth-child(3n) .factory_list_icon{font-size:44px;}
.factory_right_list ul li:nth-child(4n) .factory_list_icon{font-size:42px;}
.factory_list_icon {
  float: left;
  overflow: hidden;
  margin-left: 2rem;
  margin-top: .7rem;
font-size:42px;
text-align:center;    background: linear-gradient(270deg, #0134b1, #0134b1);  
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
width:46px;
}


.factory_line {
  float: left;
  width: 2px;
  height: 3rem;
  background: rgba(231, 231, 231, 1);
  margin: 0.8rem 1.25rem 0 1.22rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.factory_word {
  float: left;
}

.factory_word p {

  font-size: 1.18rem;
  line-height: 1.4;
  color: #333333;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.factory_word h3 {
  font-weight: normal;
  font-size: 1.22rem;
  line-height: 1.5;
  color: #333333;
  margin-top: 0.2rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
@media screen and (max-width: 1360px){
.factory_word h3 {margin-top: 0.2rem;}
}
@media screen and (max-width: 1440px){
.factory_word h3 {margin-top: 0.2rem;}
}

.factory_word h3 span {font-family: 'neu';
  font-size: 2rem;
  color: var(--main-color);
  margin-right: 1.1rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;float: left;
}
.factory_word h3 span i{ font-style: normal;}
.factory_word h3 b{ font-weight: normal; font-size: 1.18rem;margin-right: 1.03rem; float: left;margin-top: 0.5rem;}
.factory_word h4{ font-weight:normal;  font-size: 1.28rem; line-height:1.5em; color: var(--main-color);  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;margin-top: 0.15rem;}

.factory_right_list ul li:hover {
  box-shadow: -10px 0 20px rgba(20, 68, 192, 0.4);
  background: var(--main-color);
}

.factory_right_list ul li:hover .factory_list_icon img.icon_yuan {
  display: none;
}

.factory_right_list ul li:hover .factory_line {
  background: rgba(255, 255, 255, 0.5);
}

.factory_right_list ul li:hover .factory_word p {
  color: #fff;
}

.factory_right_list ul li:hover .factory_word h3 {
  color: #fff;
}
.factory_right_list ul li:hover .factory_word h4 {
  color: #fff;
}

.factory_right_list ul li:hover .factory_word h3 span {
  color: #fff;
}

.factory_right_list ul li:hover .factory_list_icon{background: linear-gradient(270deg, #fff, #fff);
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.factory_circle {
  text-align: left !important;
}

.factory_circle .swiper-pagination-bullet {
  width: 1.25rem;
  height: 1.25rem;
  background: var(--main-color);
  margin: 0 0.15rem !important;
  opacity: 0.5;
}

.factory_circle .swiper-pagination-bullet-active {
  background:var(--main-color);
  opacity: 1;
}

.swiper-container-horizontal>.factory_circle {
  left: 43% !important;
  bottom: 5% !important;
  width: auto !important;
}


 
/*pro*/
.pro_bg{ width: 100%;  padding: 80px 0;     background: linear-gradient(180deg, #f8fafd 0%, #ffffff 50%, #f3f6f9 100%);}
.dcont{ width:30px; height:30px; border:1px solid #c0c1c5;overflow:hidden;text-align:center;font-size:16px;line-height:32px;border-radius:20px;margin-top:30px; background:url(https://memberpic.114my.net/045640120940en/uploadfile/image/20260727/20260727093756_275636868.png) no-repeat 11px center;}
.divproduct_new_div_item:hover .dcont{width:40px; border:1px solid #c0c1c5;color:#fff; background:url(https://memberpic.114my.net/045640120940en/uploadfile/image/20260727/20260727093823_1740979813.png) no-repeat 16px center var(--main-color);}


.pro_w{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto;   gap: 15px;}
.pro_w dl{position: relative;     border-radius: 10px; overflow: hidden;}

.pro_w dl dt img {width: 100%;  height: auto !important;transition: all 600ms ease 0s;}
.pro_w dl:hover dt img{ transform:scale(1.1);     transition: all .6s;}
.pro_w dl dd{ position: absolute;     left: 40px; top:55px;     z-index: 11;}
.pro_w dl dd h3{font-size: 34px; font-weight: bold;color: var(--main-color);}
.pro_w dl dd p{font-size: 17px; font-weight: 100;color: #555;     line-height: 50px;     letter-spacing: 1px;     font-family: 'axt';}
.pro_w dl dd span{font-size: 16px;
    font-weight: 100;
    margin-bottom: 8px;
    color: rgba(0,0,0,0.8);
    border-radius: 50px;
    padding: 8px;
    display: block;
    text-align: center;
    width: 120px;background: rgba(255,255,255,0.8); }
.pro_w dl dd span:hover {
    background:linear-gradient(90deg, var(--main-color) 0%, #068522 100%);
    width: 140px;
    transition: all .6s; color: #fff; }
.pro_w dl dd span a:hover { color: #fff;}


.pro_txt{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto;   gap: 15px;}
.pro_txt dl { overflow: hidden; position: relative; border-radius: 10px;}
.pro_txt dl dt img {width: 100%;  height: auto !important;transition: all 600ms ease 0s;}
.pro_txt dl:hover dt img{ transform:scale(1.1);     transition: all .6s;}
.pro_txt dl dd{ position: absolute;     left: 35px; top: 46px;     z-index: 11;}
.pro_txt dl dd h3{font-size: 27px; font-weight: bold;color:var(--main-color);}
.pro_txt dl dd p{font-size: 16px; font-weight: 100;color: #555;     line-height: 40px;     letter-spacing: 0px;     font-family: 'axt';}
.pro_txt dl dd span{font-size: 14px;
    font-weight: 100;
    margin-bottom: 8px;
    color: rgba(0,0,0,0.8);
    border-radius: 50px;
    padding: 8px;
    display: block;
    text-align: center;
    width: 110px;background: rgba(255,255,255,0.8);}

.pro_txt dl dd span:hover {
    background:linear-gradient(90deg, var(--main-color) 0%, #068522 100%);
    width: 140px;
    transition: all .6s; color: #fff; }
.pro_txt dl dd span a:hover{ color: #fff;}


a.pro_btn { max-width: 320px;  height: 52px; border: 1px solid #999; display: block; text-align: center; line-height: 52px; border-radius: 26px; margin: 0 auto; margin-top: 40px; color: #444;font-size: 18px;transition: all .5s;letter-spacing: 2px;}
a.pro_btn:hover{max-width: 510px; background: var(--main-color); box-shadow: 0 10px 10px rgb(0,0,0,0.2);  color: #fff;}
a.pro_btn i{     color: #666;   font-size: 26px;  vertical-align: middle;   padding-right: 10px;}
a.pro_btn:hover i{ color: #fff;}


.pro_box {max-width: 80%;margin: 0 auto;}

.pro_tab {margin: 4% 0 0;display: flex;justify-content: space-between;}
.pro_nav {width: 18%; padding:0; background: linear-gradient(to top, #0347b5, #1b59b5);}
.pro_nav p {display:flex;flex-direction:column;align-items:center;font-size: 32px;color:#fff;padding: 11% 0;font-weight:bold;}
.pro_nav p span {font-size: 20px;font-family: Arial;padding: 2% 0 0;font-weight:normal;}
.pro_nav em {display:flex;align-items: center;color: #fff;padding: 12% 0;justify-content: center;}
.pro_nav em i {font-size: 32px;}
.pro_nav em span {font-size: 25px;font-family: 'srm';padding: 0 0  0 3%;}
.pro_nav ul {padding: 4%;}
.pro_nav li {padding: 10% 7% 10% 17%;transition: 0.5s;position: relative;z-index: 5;box-shadow: 0 10px 10px rgba(0,0,0,0.08);     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.pro_nav li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.55);
    top: 44%;
    left: 7%;
    transition: all .5s;
}
.pro_nav li:before {content:'>>';width: 13px;height: 3px; border-radius: 50%;position: absolute;top: 0;right: 9%;bottom: 0;margin: auto;transition: 0.5s;opacity: 0.2;color: rgba(255,255,255,0.5);}
.pro_nav li:hover {box-shadow: 0 10px 10px rgba(0,0,0,0.2);  background: linear-gradient(to top, #0347b5, #1b59b5);}
.pro_nav li+li {border-top:1px solid rgba(255,255,255,0.3);}
.pro_nav li dl {display:none;}
.pro_nav li a {font-size: 15px;color:#fff;}
.pro_con {overflow: hidden;width: 82%;background: #f8f8f8;}
.pro_roll {display: flex;transition: 0.5s;}
.pro_call {width: 100%;flex-shrink: 0;/* padding: 3%; */}
.pro_call .divproduct_new_div {display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_call .divproduct_new_div_item_content {width:57%;}
.pro_call .divproduct_new_div_item {display: flex;flex-direction: row;align-items: center;/* border: 1px solid #eee; */background: #fff;position: relative;width: 50%;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding-bottom:2%;}
.pro_call .divproduct_new_div_item:nth-child(2n) {border-right:none;}
.pro_call .divproduct_new_div_item:nth-child(n+3) {}
.pro_call li br {display:none;}
.pro_call .product_div_item_pic {overflow: hidden;width: 69%;padding:3%;}
.pro_call .product_div_item_pic img {width: 100%;height: auto;transition: 0.5s;}
.pro_call .divproduct_new_div_item:hover img {transform:scale(1.1);}
.pro_call .divproduct_new_div_item_title {margin: 7% 0 7% 16%;/* width: 80%; *//* text-align: center; overflow: hidden;*/white-space: nowrap;text-overflow: ellipsis;position: relative;/* bottom: 0; *//* left: 0; *//* border-bottom: 1px solid #eee; */padding: 0 0 1% 0;}
.pro_call .divproduct_new_div_item_title a {font-size: 20px;font-weight: bold;     color: var(--main-color);}
.pro_call .divproduct_new_div_item_body {display:block;/* justify-content:center; */padding: 0 0 0 16%;}
.pro_call .divproduct_new_div_item_body li{padding-top:4px;line-height:20px;color:#666; font-size: 15px;}
.pro_call .divproduct_new_div_item_body li span{color:#333;font-weight:500;     margin-right: 6px;}
.pro_call .divproduct_new_div_item_body p {display:flex;flex-direction:column;/* padding: 0 27%; */justify-content: center;font-size: 18px;position: relative; }
.pro_call .divproduct_new_div_item_body p:before {content:"";width: 2px;background: #ff0000;position: absolute;height: 18px;top: 0;left: -10%;}
.pro_call .divproduct_new_div_item_body p span {font-size: 15px;padding: 8% 0 0;line-height: 25px;font-weight: lighter;}

.pro_call .pront_txt {display:none;}
.pro_call .pront_nav li {
    line-height: 26px;
}
.head_qit li ul.two_class_box {display: none;}
/*adv*/
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fp-tableCell {
 
    vertical-align: middle;
    width: 100%;
    height: 100%;

}
.fp-tableCell{position: relative;overflow: hidden;}
.containery{max-width:80% !important;margin: 0 auto;}
.hmc3ImgBgs{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmc3Img{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.hmc3Img.on{ opacity:1; visibility:visible}
.hmc3Img .bgImg{ left:0; top:0; right:0; bottom:0; position:absolute; transition:all 4s ease-in-out;}
.hmc3Video{ left:0; top:0; right:0; bottom:0; position:absolute;}
.hmc3Video video{width: 120%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.hmc3Video:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);}
.hmc3Img .bgImg:after{content:""; background: linear-gradient(180deg,#0d367b, rgba(13, 54, 123, 0.6)/*, transparent*/); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc3Img.on .bgImg{ transform:scale(1.07);}
.hmPage3 .containery{position:relative; z-index:3;}
.hmc3con{ height:480px; position:relative; margin-top:22vh;}
.hmc3txts{ position:relative;}
.hmc3txt{ position: absolute; left: 0; width: 70%; top: 0; transition: all 0.3s ease-in-out; opacity: 0; color: #FFF; visibility:hidden; z-index:0 }
.hmc3txt.on{    max-width: 820px;  opacity:1; visibility:visible; z-index:1}
.hmc3txt strong{ font-size: 2vw; font-weight: bold; line-height: 2; display: block; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); letter-spacing:1px;font-family: 'Har';}
.hmc3txt p{ font-size: 1vw; letter-spacing: 0px; line-height: 36px; margin: 18px 0px 30px; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); font-family: 'axt';}
.hmc3txt div{ transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px);}
.hmc3txt.on strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}
.hmc3txt.on p{ opacity:1; transform:translateX(0); transition-delay:0.3s}
.hmc3txt.on div{ opacity:1; transform:translateX(0); transition-delay:0.4s}




/*adv*/
.fw{font-family:"Microsoft Yahei"}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f_cb,.f_cbli li{zoom:1}
 .f_pr {
        position: relative;
    }
    
    .f_pa {
        position: absolute;
    }
    
.g_ys{position:relative; overflow: hidden;}
.g_ys h2{position:absolute;z-index:15;left:8.3%;top:5.5rem}
.g_ys h2 b{display:block;font-size:2.8rem;font-weight:400;line-height:4rem;color:#fff;font-weight:700; font-family:'alz'; }
.g_ys h2 em{font-size:1.2rem;font-weight:400;line-height:2.8rem;color:#fff;display:block}
.g_ys .tabsys{position:absolute;left:8.3%;top:16rem;z-index:11}
.g_ys .tabsys a{float:left;width:11rem;height:11rem;border:1px solid rgba(255,255,255,0.5);margin-right:.6rem;padding-top:2.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ys .tabsys a i{display:none}
.g_ys .tabsys a b{display:block;font-size:1.5rem;font-weight:400;line-height:2.6rem;color:#fff;font-weight:700;text-align:center;margin-bottom:1rem}
.g_ys .tabsys a em{display:block;font-size:1.1rem;font-weight:400;line-height:2rem;color:#fff;text-align:center}
.g_ys .tabsys .active{ background: linear-gradient(to bottom, #e40106 0%, #cb0004 100%);  border: 1px solid rgba(255, 255, 255, 0.1);}
.g_ys .tabsys .active i{display:block;width:3.6rem;height:3.6rem;background:#fff;border-radius:50%;margin:0 auto;margin-bottom:1rem; text-align: center;; line-height: 3.6rem; font-size: 38px;}
.g_ys .tabsys .active i img{width:100%;display:block}
.g_ys .tabsys .active em{display:none}
.g_ys .swiper-button-next,.g_ys .swiper-button-prev{bottom:30%;top:auto;width:1.7rem;height:1.7rem;cursor:Default;margin-top:0;overflow:hidden;display: none;}
.g_ys .swiper-button-next{background:url(https://memberpic.114my.net/045640120940en/uploadfile/image/20260727/20260727093702_1500138200.png) no-repeat right 0;background-size:3.4rem 1.7rem;left:10%}
.g_ys .swiper-button-prev{background:url(https://memberpic.114my.net/045640120940en/uploadfile/image/20260727/20260727093702_1500138200.png) no-repeat;background-size:3.4rem 1.7rem;left:8%;display: none;}
.g_ys .swiper-button-next:after,.g_ys .swiper-button-prev:after{display: none;}
.g_ys dl dt{width:100%;overflow:hidden}
.g_ys dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.g_ys dl dd{position:absolute;left:0;top:0;width:100%;height:100%}
.g_ys dl dd h3{font-size:2rem;font-weight:400;line-height:2.6rem;color:#fff;display:block;padding:30rem 0 0 8.3%;font-weight:700;margin-bottom:.8rem}
.g_ys dl dd p{font-size:1.1rem;font-weight:100;line-height:1.8rem;color:#fff;display:block;width:48rem;padding:0 0 0 8.3%; font-family: 'axt';}
.g_ys dl dd span{position:absolute;right:8.3%;bottom:15rem;font-size:1.4rem;color:#fff}

/*honor*/
 .honor_bg { padding: 4% 0;   background: #f8f8f8; overflow: hidden;}
  .honor {position: relative;}
 .appli_call {margin-top: 96px;}
.appli_call .tempWrap{width:100% !important;}
.appli_call ul{display:block;}
.appli_call li{float:left;overflow: hidden;transition: 0.3s ease all;display:block;width:calc(100% / 6);margin-right:15px;text-align: center;}
.appli_call li p a{color: #333;font-size: 16px;display:block;}
.appli_call li p{height:50px;line-height:50px;position: relative;z-index: 2;background: #f8f8f8;display:none;}
.appli_call li img{transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.5s;width:100%;height: 100%;display: block;}
.appli_call li:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}


 .honor:after {
        top: -21%;
        left: 52%;
        margin-left: -3vw;
        width: 55rem;
        height: 55rem;
        animation: hafter 200s linear infinite;
    }
    
    .honor:before {
        top: -4%;
        left: 52%;
        width: 40rem;
        height: 40rem;
        margin-left: 3vw;
        animation: hbefore 250s linear infinite;
    }
    
    @keyframes hafter {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes hbefore {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    

    
    .honor_l {
        height: 100%;
        position: relative;
        z-index: 2;
    }
    
    .honor_l h3 {
        font-size: 2.2vw;
        color: #111;
        line-height: 2.6vw;
    }
    
    .honor_l h3 p {
        margin-bottom: 20px;
    }
    
    .honor_l h3 b {
        color: #ee2e24;
    }
    .honor_l h3 b {
    color: #e40106;
    padding-bottom: 20px;
    display: block;}
    .honor_l dd {
        font-size: 18px;
        line-height: 30px;
        margin-top: 2vw;
    }
    
    .honor_l a {
        width: 190px;
        height: 46px;
        line-height: 46px;
        color: #fff;
        font-size: 16px;
        display: block;
        text-align: center;
        background: #ee2e24;
        margin-top: 4vw;
        border-radius: 100px;
        box-shadow: 0 0 50px #ee2e24;
        transition: 0.3s ease all;
    }
    
    .honor_l a:hover {
        width: 260px;
    }
    
    .honor_r {
        width: 45%;
        position: relative;
        z-index: 2;
    }
    
    .honor_r * {
        display: block;
    }
    
    .honor_r .tempWrap {
        width: 68% !important;
        margin: 0 auto;
    }
    
    .honor_r ul {
        margin: 0 auto;
    }
    
    .honor_r li {
        padding-left: 0px !important;
    }
    
    .honor_r li img {
        width: 100%;
        height: auto;
    }
    
    .honor_r li p a {
        font-size: 18px;
        color: #333;
        line-height: 20px;
        text-align: center;
        margin-top: 20px;
    }
    
    .honor_r {
        position: relative;
    }
    
    .honor_btn {
        position: absolute;
        top: 0px;
        width: 100%;
        top: 45%;
    }
    
   


/*copy*/
.copy_bc{width:100%; max-width:1920px; margin:0 auto; background: url(https://memberpic.114my.net/045640120940en/uploadfile/image/20260727/20260727093636_964009635.jpg); padding-top: 70px;}
.copy_item{float:left; padding-left: 100px;}
.cr_tel a img {width: 160px}
.copy_item1{float: right;padding-left:60px;     border-left: 1px solid #403f3f; height:250px;}
.copy_item ul proadvong{display: block;padding:0 0 30px; position: relative;}
.copy_item ul proadvong a{display: block; line-height: 40px;color: rgba(255,255,255,1); font-weight: bold;font-size: 18px;}
.copy_item ul proadvong a .en{font-size: 12px;color: #666;font-weight: normal;text-transform: capitalize;}
.copy_item ul li a{display: block;color: rgba(255,255,255,0.9);line-height:34px;font-size: 16px;}
.copy_item ul li{display: block;}
.copy_item ul li a:hover{color: #fff;     text-decoration: underline;}
.copy_item ul li dl {   display: none;}
.copy_item ul proadvong::after { position: absolute; content: ""; top: 50px; width: 25px; height: 2px; background-color:rgba(255,255,255,0.5); left: 0px; }
.copy_item:hover proadvong::after { position: absolute; content: ""; top: 50px; width: 77px; height: 2px; background-color: #ffffff;; left: 0px; transition: 0.5s; }
.copy_item ul li ul.two_class_box,.pro_nav li ul.two_class_box{  display: none;}


.crconcat{ width:31%; }
.copy_row1{ width:68%; }

.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px;  display: inline-block; line-height: 35px;border: 1px solid rgba(255,255,255,0.2); transition:0.3s all ease-in-out; float: left;  display: block;
    margin-right: 10px;
    margin-top: 4%;
    border-radius: 5px;
    height: 35px;
    width: 35px;
    text-align: center; background: rgba(255,255,255,0.9);}
.social a i { font-size: 18px;  color: rgba(0,0,0,0.5); font-weight: normal;
    text-align: center;
    line-height: 35px;}
.social a img{ display: block}
.social a:hover i { color: #fff;}
.social a:hover{ background: var(--main-color);  }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social a:nth-child(4) i { font-size: 28px;}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -35px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px;left: calc((100% - 10px) / 2); }
.social .ewm img { display: block; width: 100%; height:auto; }

.cr_tel{ padding-bottom: 15px; font-size:16px; color:#fff;}
.cr_tel img{float: left;}
.cr_tel b{float: left; padding-left: 10px;font-weight: normal; text-transform: uppercase; font-size: 12px; color: rgba(255,255,255,0.4);  letter-spacing: 0px; }
.cr_tel em {display: block;font-size: 35px;color: #fff;font-family: Arial;font-weight: bold; position: relative;  left: 13px;  letter-spacing: 3px;   top: 0;   line-height: 38px;}
.craddr{margin-top: 10px; font-size:16px; color:rgba(255,255,255,.9); line-height:35px; }
.craddr{color:rgba(255,255,255,.9);}
.craddr span{ font-size: 15px; margin-top: 15px; display: block;}
.craddr span i{font-size: 18px; padding-right: 10px;}
.craddr b{color:#fff;  font-size: 26px; font-weight: bold; display: block;    font-family: 'neu'; letter-spacing: 0px; padding-top: 10px;}
.craddr p{ font-size: 15px; line-height: 24px;}

.copy_item.fen .prolist2021 li:nth-child(1) {display: none;}


/*db*/
.Copyright_t{ width: 100%; height: 1px; background:rgba(255,255,255,.1); margin-top: 60px;}
.Copyright{margin-top:20px; padding-bottom: 15px;}
.Copyright,.Copyright a{line-height:30px; color:rgba(255,255,255,.7);  font-size: 15px;}
.Copyright a:hover{color:#fff;}
.Copyright .fr, .Copyright .fr a {line-height: 28px;}
.copy_item a { color: #fff;  font-size: 16px;}