.st-container{font-size:0}
/**/
button{position:relative;display:inline-block;padding:0;vertical-align:middle;white-space:nowrap;background:0 0;border:none;border-radius:0;text-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tras {-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.trans-md {-webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}

.nav-header {}
.nav-header .bg{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0);visibility:hidden}
.nav-header .btns{position:fixed;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.nav-open .nav-header .bg{background:rgba(0,0,0,.3);visibility:visible}
.nav-open .nav-header .nav-bg{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}

.menu_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;line-height:50px;white-space:nowrap;color:#2b2b2b;overflow:hidden;-webkit-font-smoothing: auto;    outline: 0;background-image: none;background:#1076c1;z-index:51;text-align:center;}
.menu_btn span,.menu_btn span:after,.menu_btn span:before{width:20px;height:2px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.menu_btn span{position:relative;display:inline-block;}
.menu_btn span:after,.menu_btn span:before{content:"";position:absolute;background:#FFF;left:0}
.menu_btn span:before{top:-3px;width:20px}
.menu_btn span:after{top:3px;width:14px}

.menu_btn:hover span,.nav-open .menu_btn span{width:16px}
.menu_btn:hover span:after,.menu_btn:hover span:before,.nav-open .menu_btn span:after,.nav-open .menu_btn span:before{width:16px}
.menu_btn:hover span:before,.nav-open .menu_btn span:before{-webkit-transform:translateY(3px) rotate(-45deg);-ms-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg)}
.menu_btn:hover span:after,.nav-open .menu_btn span:after{-webkit-transform:translateY(-3px) rotate(45deg);-ms-transform:translateY(-3px) rotate(45deg);transform:translateY(-3px) rotate(45deg)}
.nav-open .menu_btn span:after,.nav-open .menu_btn span:before{background:#2c1d10}
.menu_btn:hover span{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.nav-open .menu_btn:hover span{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.header.ons {top:-1.65rem;}
.header.ons .menu_box .navlist>button {position:fixed;top:.45rem;right:1.1rem;}

#topnav{position:fixed;top:0;right:0;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
#topnav .main{position:absolute;top:0;right:0;width:15%;height:100%;background:#fff;pointer-events:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;border-left:1px solid #dcdcdc}
#topnav .main nav{max-width:100%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 15%}
#topnav .sub-btn{-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}
#topnav .sub-btn h5 {position: relative;line-height: 40px;text-transform: capitalize;transition: all .4s;font-size:16px;color:#2b2b2b}
#topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10}
#topnav .submenu{position:absolute;top:0;right:15%;width:280px;height:100%;padding-left:20px;padding-right:20px;background:#F0F0F0;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.nav-open #topnav .submenu.open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.nav-open #topnav .submenu.open a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#topnav .submenu>div{position:absolute;top:50%;left:0;width:100%;padding:0 20%;transform:translateY(-50%)}

#topnav .submenu a{position:relative;display:block;margin-bottom:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;font-size:16px;color:#323232;margin:0 0 35px;}

#topnav .submenu a:focus img,.desktop #topnav .submenu a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
#topnav .submenu a:focus .title:before,.desktop #topnav .submenu a:hover .title:before{height:100%}



#topnav .sub{font-size:0.155rem; display:none; margin-bottom:15px; margin-top:10px;}
#topnav .sub a{ display:block; color:#333; line-height:30px; background-image:url(../images/icon10.png), linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.5));; background-size: 10px 10px; padding-left:15px; background-repeat:no-repeat; background-position:left center; background-color: transparent;}

@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul {    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;	
	}
.m-t-lg {margin-top:60px}	
nav ul li {    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;}
#topnav nav ul li {margin:0}
#topnav nav ul li a{    position: relative;
    display: block;
    line-height: 40px;
    text-transform: capitalize;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;padding:0;font-size:16px;color:#2b2b2b}
#topnav nav ul li a:hover,#topnav nav ul li a:focus{background:none;color:#2c1d10}

.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#583afa}
.desktop .mini-header .toplogo:after{background:#583afa}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#583afa}
.mini-header #qtranslate-chooser{color:#583afa}
.full {width:100%;height:100%;overflow:hidden;}
@media (max-width:812px){.p-v-md{padding-top:40px;padding-bottom:40px}}@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}}.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:812px){.p-v-lg{padding-top:80px;padding-bottom:80px}}@media (max-width:767px){.p-v-lg{padding-top:60px;padding-bottom:60px}}@media (min-width:1600px){.p-v-lg{padding-top:160px;padding-bottom:160px}}.p-h-xs{padding-left:20px;padding-right:20px}


@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul li{margin:0}
.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#2c1d10}
.desktop .mini-header .toplogo:after{background:#2c1d10}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#2c1d10}
.mini-header #qtranslate-chooser{color:#2c1d10}
@media (min-width:768px){html:not(.iphone_x) .mini-header .toplogo{height:70px;padding-top:24px;padding-bottom:24px}
html:not(.iphone_x) .mini-header #qtranslate-chooser,html:not(.iphone_x) .mini-header .menu_btn{height:70px;line-height:70px}
html:not(.iphone_x) .mini-header .pagenav .title,html:not(.iphone_x) .mini-header .pagenav ul li a{line-height:70px}}#qtranslate-chooser,#topnav .submenu,.menu_btn,.pagenav{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
@media (min-width:768px) and (orientation:portrait){#topnav .p-v-lg{padding-top:120px}}@media (max-width:812px) and (orientation:portrait){.toplogo{width:160px;padding:34px 24px}
.pagenav{left:160px;width:calc(100% - 340px)}}@media (max-width:812px) and (orientation:landscape){#topnav .main{width:40%}
#topnav .submenu{right:40%;width:50%;max-width:240px}}
@media (max-width:767px){
.toplogo{width:140px;height:60px;padding:20px}
.menu_btn{width:60px;height:60px;line-height:60px}
#qtranslate-chooser{width:60px;height:60px;line-height:60px}
#topnav .main{padding-top:80px}
#topnav .main nav{max-width:80%}
#topnav .submenu a .title{font-size:12px}}
@media (max-width:767px) and (orientation:portrait){#topnav .main{width:60%;padding-top:100px}
#topnav .submenu{right:40%;width:60%}
.nav-open .opensub #topnav .main{-webkit-transform:translate3d(20vw,0,0);transform:translate3d(20vw,0,0)}}
@media (orientation:landscape){.iphone_x .header-bg{display:none}

.iphone_x .toplogo{left:20px;width:140px;height:60px;padding:20px}
.iphone_x .nav-header .btns{right:20px}
.iphone_x #qtranslate-chooser,.iphone_x .menu_btn{width:60px;height:60px;line-height:60px}}
/*header*/
.header{position:fixed;top:.45rem;left:0;width:100%;z-index:50;}
.header .menu_box{padding:0 1.1rem;line-height:.55rem;}
.header .menu_box>div{display:inline-block;vertical-align:middle;width:12%}
.header .menu_box .logo img{max-height:.74rem;transition:none;}
.header .menu_box .navlist{text-align:right;width:88%;line-height:normal;}
.header .menu_box .navlist>*{display:inline-block;vertical-align:middle;}
.header .menu_box .navlist ul li {display:inline-block;vertical-align:middle;padding:0 .25rem;}
.header .menu_box .navlist ul li a{font-size:.16rem;color:#FFF;text-shadow:2px 2px 5px rgba(0,0,0,.3);position:relative}
.header .menu_box .navlist ul li a:after{content:'';width:0;height:1px;background:#FFF;position:absolute;bottom:-5px;left:0;transition:all .6s linear;}
.header .menu_box .navlist ul li.active a:after,.header .menu_box .navlist ul li a:hover:after{width:100%}
.header .menu_box .navlist dl {margin:0 .75rem 0 .35rem;position:relative}
.header .menu_box .navlist dl dt{margin:0;font-weight:normal;font-size:.14rem;color:#FFF;border:1px solid #FFF;border-radius:35px;padding:0 .2rem;line-height:.44rem;cursor:pointer;}
.header .menu_box .navlist dl dt i{margin-left:.1rem;}
.header .menu_box .navlist dl dd {position:absolute;top:100%;left:0;transition:none;border:1px solid #FFF;border-radius:5px;padding:0 .2rem;width:100%;text-align:left;display:none;border-top:0}
.header .menu_box .navlist dl dd a{display:block;position:relative;font-size:.14rem;color:#FFF;line-height:.4rem;}
.header .menu_box .navlist dl.ops dt {border-radius:12px 12px 0 0}
.header .menu_box .navlist dl.ops dt i{transform:rotate(180deg)}
.header .menu_box .navlist dl.ops dd {border-radius:0 0 12px 12px;}

.is_header {background:rgba(0,0,0,.8);box-shadow:0 0 .12rem rgba(0,0,0.2);top:0}
.is_header .menu_box{line-height:1rem}
.is_header .logo {transform:scale(.85)}
/*banner*/
.tem_banner .swiper-slide .img_>img{display:none1; height:100vh; width:100vw;}
.tem_banner .swiper-slide video {width:100%;height:100%;object-fit:cover;background:#000}
.tem_banner .swiper-slide .bg{width:100%;height:100%;background:rgba(0,0,0,.35);position:absolute;top:0;left:0;z-index:1}
.tem_banner .swiper-slide .img_.mobpic{display:none;}

.tem_banner .page_txt{position:absolute;width:100%;z-index:1;left:0;bottom:25%;}
.tem_banner .page_txt>div{display:inline-block;vertical-align:middle;transition:none;opacity:0;}
.tem_banner .page_txt .imgs{padding:0 .6rem 0 1.1rem;width:41%;transform:translateX(-.3rem)}

.tem_banner .page_txt .text{width:59%;text-align:left;transform:translateX(.3rem)}
.tem_banner .page_txt .text h6{font-size:.5rem;color:#FFF;font-weight:bold;margin:0 0 .2rem;line-height:1.5}
.tem_banner .page_txt .text em{display:inline-block;background:#1076c1;padding:0 .26rem;line-height:.36rem;font-size:.16rem;color:#FFF;text-transform:capitalize;}
.tem_banner .page_txt .text em:after{content:'';width:15px;height:8px;background:url(../images/icon0.png) 0 0 no-repeat;display:inline-block;vertical-align:middle;margin-left:.26rem;}
.tem_banner .swiper-slide-active .page_txt>div{transform:none;opacity:1;transition:all 2s cubic-bezier(0.6, -0.28, 0.74, 0.05);}
.tem_banner .swiper-page{position:absolute;left:2.6rem;bottom:10%;z-index:1}
.tem_banner .swiper-page>div{display:inline-block;vertical-align:middle;outline:none;width:auto;}
.tem_banner .swiper-page>div.slide-button-prev,.tem_banner .swiper-page>div.slide-button-next{font-size:.18rem;color:#FFF;margin:0 .1rem;}
.tem_banner .swiper-page>div.slide-pagination{font-size:.16rem;color:#FFF;margin:0 .1rem;}
.tem_banner .swiper-page>div.slide-pagination i{font-size:.18rem;}
.tem_banner .flash .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:1}
/**/
.section2 .row {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 1;
  pointer-events: auto;
  animation-fill-mode: both;
  animation-duration: 1.2s;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
z-index: 10;margin:0}
.section2 .row .bg {position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;background:#FFF;overflow:hidden}
.section2 .row .bg .photo {position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
  transition-delay: 0.3s;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
backface-visibility: hidden;}

.section2 .row.go .bg .photo{transform: translate3d(25vw, -3vw, 0px) scale(0.9);
    transition-delay: 0.3s;}
	
.section2 .row .bg .photo .pic{z-index: 4;
position: absolute;
width: calc(100% + 12px);
height: calc(100% + 12px);
left: -6px;
top: -6px;
opacity: 0;
pointer-events: none;
transition:all .6s linear;
backface-visibility: hidden;visibility: hidden; opacity: 0; transform: matrix(1, 0, 0, 1, 0, -10);background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.section2 .row .bg .photo .pic.on {visibility: visible; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);}
.section2 .row.go .bg .photo:after{opacity: 0;
    transition-delay: 0s;}

.section2 .row .bg .photo:after{    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out;
    -o-transition: opacity 0.6s ease-out;
    -ms-transition: opacity 0.6s ease-out;
    backface-visibility: hidden;
    transition-delay: 0.4s;}

.section2 .row .bg .mask {    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale3d(2.7, 2, 2.5);
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    backface-visibility: hidden;
    transform-origin: 46% 50%;
    transition-delay: 0.3s;}

.section2 .row .bg .mask span{display: inline-block;
width: 100vw;
height: 100%;
background-color: #fff;}
.section2 .row .bg .mask span:nth-of-type(1){
	margin-right: -1px;
}
.section2 .row.go .bg .mask{transform: scale(1.5) translate(17vw, -12vw);
    transition-delay: 0s;}


.section2 .row .bg .mask > img{height: 100%;
width: 54.2vw;}
.section2 .row .bg .mask::after{content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
top: 99%;
background-color: #fff;}
.section2 .row .rowMain {position: relative;
z-index: 20;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;padding-top: 1.6rem;}
.section2 .row .rowMain .box{width: 100%;
position: relative;
transition: transform 1s ease-out;
-webkit-transition: transform 1s ease-out;
-moz-transition: transform 1s ease-out;
-o-transition: transform 1s ease-out;
-ms-transition: transform 1s ease-out;
backface-visibility: hidden;transform: translateY(1rem);}
.section2 .row .rowMain .box > svg{width: 100%;
opacity: 0;
transform: translate3d(0, 7vw, 0);
transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
backface-visibility: hidden;}
.section2 .row .rowMain .group.on + .box > svg{opacity: 1;
transform: translate3d(0, 0px, 0);}
.section2 .row .rowMain .box > svg .wave{animation: wave 3s linear;
  animation-duration: 3s;
  animation-iteration-count: 1;
animation-iteration-count: infinite;
stroke: rgba(255, 255, 255, 0.5);
stroke-width: 1px;
fill: none;}
.section2 .row .rowMain .box > svg .wave#wave3{animation-duration: 7s;
opacity: 0.3;}
.section2 .row .rowMain .box > svg .wave#wave2{animation-duration: 5s;
animation-direction: reverse;
opacity: .3;}
.section2 .row .rowMain .box .inner{position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 4vw 4vw 0 4vw;
display: flex;
justify-content: space-around;
align-items: flex-start;
opacity: 0;
transform: translate3d(0, 6vw, 0);
transition: all 1.2s ease-out;
-webkit-transition: all 1.2s ease-out;
-moz-transition: all 1.2s ease-out;
-o-transition: all 1.2s ease-out;
-ms-transition: all 1.2s ease-out;
backface-visibility: hidden;}
.section2 .row .rowMain .box .inner{opacity: 1;
transform: translate3d(0, 0px, 0);}
.section2 .row .rowMain .box .inner .list{position: relative;
cursor: pointer;
width: 2.44rem;}
.section2 .row .rowMain .box .inner .list .mask{position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 7;
mask-image: url("../images/z60.png");
mask-size: 100% 100%;
mask-repeat: no-repeat;
-webkit-mask-image: url("../images/z60.png");
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
opacity: 0.03;
transition: opacity 0.3s ease-in-out;}
.section2 .row .rowMain .box .inner .list#current .mask{opacity: 1;}
.section2 .row .rowMain .box .inner .list .cir{position: relative;
z-index: 6;
width: 2.44rem;
height: 2.33rem;
background-image: url(../images/icon1.png);
background-position:center;
background-repeat:no-repeat;
background-size:1.82rem 1.82rem;
background-color:#f2f2f2;
-webkit-mask-image: url("../images/z60.png");
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-image: url("../images/z60.png");
mask-size: 100% 100%;
mask-repeat: no-repeat;
transition: background-color 0.5s ease-out;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;}
@keyframes wave {
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loop2 {
  0% {
    transform: rotate(40deg);
  }
  100% {
    transform: rotate(400deg);
  }
}
@keyframes loop3 {
  0% {
    transform: rotate(80deg);
  }
  100% {
    transform: rotate(440deg);
  }
}
@keyframes loop4 {
  0% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(330deg);
  }
}
.section2 .row .rowMain .box .inner .list:nth-of-type(4n+1) .cir {
  animation: loop1 7s linear infinite;
}
.section2 .row .rowMain .box .inner .list:nth-of-type(4n+2) .cir {
  animation: loop2 6s linear infinite;
}
.section2 .row .rowMain .box .inner .list:nth-of-type(4n+3) .cir {
  animation: loop3 8s linear infinite;
}
.section2 .row .rowMain .box .inner .list:nth-of-type(4n+4) .cir {
  animation: loop4 7s linear infinite;
}
.section2 .row.go .rowMain .box .inner .list#current .cir{animation: none;}
.section2 .row .rowMain .box .inner .list .cir > svg{width: 86%;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
backface-visibility: hidden;}
.section2 .row .rowMain .box .inner .list .col{position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;}
.section2 .row .rowMain .box .inner .list .col .img{padding-bottom: 0.18rem;
height: 0.9rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: relative;}
.section2 .row .rowMain .box .inner .list .col .img > img{display: inline-block;
max-height: 100%;
position: relative;
z-index: 9;}
.section2 .row .rowMain .box .inner .list .col h6{text-align: center;
position: relative;
z-index: 12;font-size:18px;color:#333}
.section2 .row.go .rowMain .box .inner .list.#current h6{color: #fff;}
.section2 .row .other {position: absolute;
display: flex;
top: 0;
left: 0;
z-index: 20;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 50vw;
padding: 1.3rem 10vw 3rem 10vw;
visibility: visible;
opacity: 1;
transition: opacity 0.6s ease-in-out 0.4s;
pointer-events: none;}
.section2 .row .other .msgBox{position: absolute;
width: calc(100% - 20vw);
top: 1.5rem;
/*max-width: 450px;*/
left: 10vw;
transition: transform 0.7s ease-out;
-webkit-transition: transform 0.7s ease-out;
-moz-transition: transform 0.7s ease-out;
-o-transition: transform 0.7s ease-out;
-ms-transition: transform 0.7s ease-out;
backface-visibility: hidden;pointer-events: auto;}

.section2 .row  .other .msgBox > li{position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;}
.section2 .row .other .msgBox > li:before{content:attr(data-cn);font-size:.5rem;color:#FFF;font-weight:bold;position:absolute;left:0;top:45%;transition:all .65s linear;opacity:0}
.section2 .row .other .msgBox > li.on{opacity: 1;
pointer-events: auto;}
.section2 .row .other .msgBox > li>*{opacity:0;transform:translateX(.35rem);}
.section2 .row .other .msgBox > li.on>*{opacity:1;transform:translateX(0);}
.section2 .row .other .msgBox > li.on h3{transition-delay:.3s}
.section2 .row .other .msgBox > li .img{margin:0 0 .4rem;}
.section2 .row .other .msgBox > li h3{position: relative;
font-size: 0.4rem;
margin-bottom: 0.3rem;
line-height: 1;
backface-visibility: hidden;text-transform:uppercase;color:#1076c1;font-weight:bold;}
.section2 .row .other .msgBox > li h5{font-size:.2rem;color:#373737;font-weight:bold;margin:0 0 .2rem;display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.section2 .row .other .msgBox > li p{font-size:.16rem;color:#2c2c2c;line-height:1.7;margin:0 0 .6rem;display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.section2 .row .other .msgBox > li a{display:inline-block;font-size:.14rem;color:#353535;border-radius:35px;border:1px solid #3d8fcb;box-shadow:10px 10px 9px rgba(0,0,0,.11);padding:0 .42rem;line-height:.68rem;}
.section2 .row .other .msgBox > li a:before{content:'';width:.18rem;height:.16rem;background:url(../images/icon2.png) 0 0 no-repeat;background-size:.18rem .16rem;display:inline-block;vertical-align:middle;margin-right:.1rem;transition:all .65s linear;}
.section2 .row .other .msgBox > li a:hover{background:#3d8fcb;color:#FFF}
.section2 .row .other .msgBox > li a:hover:before{background:url(../images/icon2h.png) 0 0 no-repeat;background-size:.18rem .16rem;}

.section2 .row.to .rowMain .box {transform:translateY(-11vw)}
.section2 .row .add {position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 30;
    bottom: 0;
    top: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 11vw 3vw 11vw;
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
    -webkit-transform: translate3d(0, 1rem, 0);
    -moz-transform: translate3d(0, 1rem, 0);
    -o-transform: translate3d(0, 1rem, 0);
    -ms-transform: translate3d(0, 1rem, 0);
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    backface-visibility: hidden;}
.section2 .row.to .add {opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    backface-visibility: hidden;
    transition-delay: 0.4s;}
.section2 .row .add .return {display: flex;
    top: 1.75rem;
    right: 11vw;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 100px;
    width: 1.7rem;
    height: 0.6rem;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    backface-visibility: hidden;font-size:.14rem;color:#353535;cursor:pointer;}
.section2 .row .add .return.on{    background-color: #fff;
    color: #353535;}
.section2 .row.to .add .return{pointer-events: auto;}	
.section2 .row .add .return > img{width:.21rem;transition:none;margin-right:.1rem;}

.section2 .row .add .box{position:relative}
.section2 .row.to .add .box{pointer-events: auto;}	
.section2 .row .add .box .items{    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 2.2rem;
    animation: slider 1s ease-in-out;
    animation-fill-mode: both;
    height: 2.4rem;
    padding-right: 50vw;
    padding-bottom: 0.5rem;
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    mask: linear-gradient(0deg, transparent 0%, #ffffff 40%);
    -webkit-mask: linear-gradient(
0deg, transparent 0%, #ffffff 40%);}
.section2 .row .add .box .items.on{display: flex;}

.section2 .row .add .box .items .list{    width: 100%;
    transition: all 0.3s ease-out;
    backface-visibility: hidden;opacity:0;margin-left:.4rem;}
.section2 .row .add .box .items .list.on{    padding: 0.2rem 0;}	
.section2 .row .add .box .items .list > a{color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    line-height: 0.5rem;

    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    backface-visibility: hidden;}
.section2 .row .add .box .items .list.on > a{    font-size: 0.3rem;
    color: #ffffff;}
.section2 .row .add .box .items .child{    position: absolute;
    padding-top: 0.1rem;
    left: 2.2rem;
    top: 0;
    padding-left: 0.9rem;
    display: none;
    animation: slider 1s ease-in-out;
    animation-fill-mode: both;
    padding-bottom: 0.7rem;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 2.5rem;
    min-height: 2.3rem;
    padding-right: 6rem;
    mask: linear-gradient(0deg, transparent 0%, #ffffff 40%);
    -webkit-mask: linear-gradient(
0deg, transparent 0%, #ffffff 40%);opacity:0;margin-left:.4rem;}	
.section2 .row .add .box .items.on.on2 .list {opacity:1;margin-left:0}
.section2 .row .add .box .items.on.on2 .child {opacity:1;margin-left:0}

.section2 .row .add .box .items .list.on + .child{display: block;}
.section2 .row .add .box .items .child > li{padding: 0.1rem 0;
    min-width: 2.2rem;}
	
.section2 .row .add .box .items .child > li > a{    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    line-height: 0.4rem;
    display: inline-block;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    backface-visibility: hidden;font-size:.18rem;color:#FFF}

.section2 .row .add .box .items .child > li .pro{position: fixed;
    left: 9rem;
   /* bottom: calc(3vw + 1.5rem);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 1.2rem;
    border-radius: 100px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    backface-visibility: hidden;background:#FFF;}
.section2 .row .add .box .items .child > li .pro > img{    max-height: 75%;
    max-width: 70%;}
.section2 .row.to .other{    visibility: visible;
    opacity: 1;}
.section2 .row.to .other .msgBox{transform: translate3d(0, -1.3rem, 0);
    -webkit-transform: translate3d(0, -1.3rem, 0);
    -moz-transform: translate3d(0, -1.3rem, 0);
    -o-transform: translate3d(0, -1.3rem, 0);
    -ms-transform: translate3d(0, -1.3rem, 0);
    backface-visibility: hidden;}
.section2 .row.to .other .msgBox .msgList{    pointer-events: none !important;}
.section2 .row.to .other .msgBox .msgList > img, .section2 .row.to .other .msgBox .msgList > i{visibility: hidden;}
.section2 .row.to .other .msgBox .msgList h3{color: #fff;opacity:0}
.section2 .row.to .other .msgBox .msgList > p{visibility: hidden;}
.section2 .row.to .other .msgBox .msgList > .layout-btn-2{visibility: hidden;}
.section2 .row.to .bg .photo .on{filter: blur(5px);}
.section2 .row.to .rowMain .box .inner .list.on .mask{opacity:0.05;}
.section2 .row.to .other .msgBox > li .img {visibility: hidden;}
.section2 .row.to .other .msgBox .msgList h5{visibility: hidden;}
.section2 .row.to .other .msgBox > li:before{opacity:1}
.section2 .row.to .rowMain .box .inner .list .cir{animation: none;
    background-color: transparent;}
.section2 .row.to .rowMain .box .inner .list#current .cir{background-color:#FFF}
.section2 .row.to .rowMain .box .inner .list h6{color:#FFF}	
.section2 .row .add .box .items .child > li.on > a{color: #fff;
    font-size: 0.2rem}
	
.section2 .row .add .box .items .child > li:first-child > a{color: #fff;
    font-size: 0.25rem}
	
.section2 .row .add .box .items .child > li.on .pro{opacity:1}	
.section2 .row .add .box .items:after {content: "";
    height: calc(100% - 0.4rem);
    width: 1px;
    position: absolute;
    left: 2.2rem;
    top: 0.2rem;
    background-color: rgba(255, 255, 255, 0.2);}
.section2 .row .rowMain  .box > svg {opacity: 1;
    transform: translate3d(0, 0px, 0);}


.section3{background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_index_about{margin:0 1.1rem;position:relative}
.tem_index_about>div{display:inline-block;vertical-align:middle;}

.tem_index_about .text{width:64%;padding:0 .5rem;}
.tem_index_about .text h4 {font-size:.5rem;color:#FFF;margin:0 0 .6rem;}
.tem_index_about .text h4 img{max-height:.53rem;transition:none;}
.tem_index_about .text h4 p{font-size:.36rem;margin:.2rem 0 0}
.tem_index_about .text>p{font-size:.16rem;color:#FFF;margin:0 0 .25rem;}
.tem_index_about .text .links>a{display:inline-block;margin:0 0 .2rem;font-size:.16rem;color:#FFF}
.tem_index_about .text .links>a img{max-height:.27rem;transition:none;margin-right:.1rem;}
.tem_index_about .nums{width:36%;text-align:center}
.tem_index_about .nums>div{display:inline-block;vertical-align:middle;width:33.333%;padding:0 .15rem;}
.tem_index_about .nums p{margin:0;font-size:.16rem;color:#FFF;font-weight:bold;}
.tem_index_about .nums p:first-child {margin:0 0 .35rem;}
.tem_index_about .nums p img{max-height:.54rem;transition:none;}
.tem_index_about .nums h5{font-size:.16rem;color:#FFF;font-weight:bold;margin:.2rem 0 0}
.tem_index_about .nums h5 em {display:block;font-size:.36rem;color:#1076c1;font-weight:bold;margin:0 0 .15rem;}



.section7{background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_index_about2{margin:0 1.1rem;position:relative}
.tem_index_about2>div{display:inline-block;vertical-align:middle;}

.tem_index_about2 .text{width:55%;padding:0 .5rem;}
.tem_index_about2 .text h4 {font-size:.5rem;color:#FFF;margin:0 0 .6rem;}
.tem_index_about2 .text h4 img{max-height:.53rem;transition:none;}
.tem_index_about2 .text h4 p{font-size:.36rem;margin:.2rem 0 0}
.tem_index_about2 .text>p{font-size:.16rem;color:#FFF;margin:0 0 .25rem;}
.tem_index_about2 .text .links>a{display:inline-block;margin:0 0 .2rem;font-size:.16rem;color:#FFF}
.tem_index_about2 .text .links>a img{max-height:.27rem;transition:none;margin-right:.1rem;}
.tem_index_about2 .nums{width:36%;text-align:center}
.tem_index_about2 .nums>div{display:inline-block;vertical-align:middle;width:33.333%;padding:0 .15rem;}
.tem_index_about2 .nums p{margin:0;font-size:.16rem;color:#FFF;font-weight:bold;}
.tem_index_about2 .nums p:first-child {margin:0 0 .35rem;}
.tem_index_about2 .nums p img{max-height:.54rem;transition:none;}
.tem_index_about2 .nums h5{font-size:.16rem;color:#FFF;font-weight:bold;margin:.2rem 0 0}
.tem_index_about2 .nums h5 em {display:block;font-size:.36rem;color:#1076c1;font-weight:bold;margin:0 0 .15rem;}

.tem_index_about2 .ab_img{width:45%;text-align:center;padding:0 .35rem;}
.tem_index_about2 .ab_img img{width:100%;}




.index_vibox .mains .box {width:100%;height:100%;}
.index_vibox .mains video{width:100%;height:100%;background:#000;object-fit:cover;}

.section4:before{content:'';width:56%;height:100%;position:absolute;left:0;top:0;}
/*.section4:before{content:'';width:56%;height:100%;background:url(../images/icon6.jpg) center no-repeat;background-size:cover;position:absolute;left:0;top:0;}*/

.tem_index_product .swiper-slide>div{display:inline-block;vertical-align:middle;width:56%;position:relative;z-index:2} 
.tem_index_product .swiper-slide .imgs{text-align:center;}
.tem_index_product .swiper-slide .imgs img{max-height:9.8rem;transition:none; position:relative; height:auto;}

/*.tem_index_product .swiper-slide .imgs img{max-height:4.75rem;transition:none; position:relative; height:auto;}*/


.tem_index_product .swiper-slide .text{width:44%;padding:0 .9rem;text-align:center}
.tem_index_product .swiper-slide .text h4{font-size:.48rem;color:#252525;font-weight:bold;margin:0 0 1.05rem;}
.tem_index_product .swiper-slide .text >a{display:inline-block;background:#1076c1;font-size:.16rem;color:#FFF;border-radius:35px;padding:0 .36rem;line-height:.5rem;margin:.75rem 0 0}
.tem_index_product .swiper-slide .text .swiper-slide {height:.85rem;line-height:.85rem;text-align:center}
.tem_index_product .swiper-slide .text .swiper-slide img{max-height:.85rem;transition:none;}
.tem_index_product .swiper-page{position:absolute;width:44%;text-align:center;right:0;top:15%;z-index:1}
.tem_index_product .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;margin:0 .6rem;}
.tem_index_product .swiper-page>div.slide-button-next,.tem_index_product .swiper-page>div.slide-button-prev{font-size:.4rem;color:#000;outline:none;}
.tem_index_product .swiper-page>div.slide-pagination{padding:0 .28rem;margin:0;background:#e4e4e4;line-height:.47rem;font-size:.2rem;color:#353535;border-radius:35px;}






.section5{background:url(../images/icon6-1.jpg) center bottom no-repeat;background-size:cover; padding-top:1.5rem}
.tem_index_work h3{font-size:.5rem;color:#191919;font-weight:bold;margin:0 0 .6rem;}
.tem_index_work .box>*{display:inline-block;vertical-align:middle;width:25.5%}
.tem_index_work .box ol {margin:0;padding:.6rem 0 0}
.tem_index_work .box li h6{display:inline-block;padding:0 0 .18rem;position:relative;font-size:.36rem;color:#1076c1;font-weight:bold;margin:0 0 1.15rem;}
.tem_index_work .box li h6:after{content:'';width:0;height:3px;background:#1076c1;position:absolute;left:0;bottom:0;transition: all .7s cubic-bezier(.77,0,.175,1) 0s;}
.tem_index_work .box li h6 em {font-size:.3rem;color:#969696;text-transform:uppercase;display:inline-block;vertical-align:bottom;font-weight:normal;margin-right:.23rem;}
.tem_index_work .box li .text{font-size:.16rem;color:#2a2a2a;line-height:1.7;text-align:justify;opacity:0;transform:translateY(-.2rem);}
.tem_index_work .box li#current h6:after{width:100%}
.tem_index_work .box li#current .text {opacity:1;transform:none;}
.tem_index_work .box .itembox{width:49%;text-align:center}
.tem_index_work .box>*:last-child li {text-align:right;}
.tem_index_work .box>*:last-child li h6 em {margin:0 0 0 .23rem;}
.tem_index_work .box .itembox .editor{display:inline-block;position:relative}
#earth{width:6.3rem;height:6.3rem;}





.section5{background-position:center;background-repeat:no-repeat;background-size:cover;}
.index-history{margin:0 1.1rem;position:relative; bottom:1.3rem;}
.index-history h3{text-align:center;font-size:.48rem;color:#333;margin:0 0 .9rem; font-weight:bold;}

.index-history .lists .swiper-slide{padding:0.5rem 0 0 0rem;position:relative}


.index-history .lists .swiper-slide h6{font-size:.2rem;color:#333;margin:0 0 .20rem;line-height:.3rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-transform:uppercase}
.index-history .lists .swiper-slide .editor{font-size:.16rem;color:#FFF;line-height:1.74}
/*
.history .lists .swiper-slide.ons {padding:1.6rem 0 0 .27rem;}
*/
.index-history .lists .swiper-page>div{position:absolute;top:70%;left:-.43rem;transform:translateY(-50%);outline:none;width:.35rem;height:.35rem;line-height:.35rem;text-align:center;background:rgba(255,255,255,.24);font-size:.23rem;color:#333; z-index:9999}
.index-history .lists .swiper-page>div.slide-button-next{left:auto;right:-.43rem; z-index:9999}
.index-history .lists .swiper-page>div:hover {background:#000;color:#fff; cursor:pointer;}






/**/
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#1076c1;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-6px;left:-6px;height:22px;width:22px;border:2px solid #1076c1;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #1076c1,0 0 10px #1076c1 inset;-moz-box-shadow:0 0 4px #1076c1,0 0 10px #1076c1 inset;box-shadow:0 0 4px #1076c1,0 0 10px #1076c1 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.area-box{z-index:77}
.show-regin{z-index:66}

.tem_index_work  #tab0 .postition-1{top:47%;left:29%}
.tem_index_work  #tab0 .postition-2{top:44%;left:48%}
.tem_index_work  #tab0 .postition-3{top:39%;left:62%}
.tem_index_work  #tab0 .postition-4{top:29%;right:25%;left:auto;}
.tem_index_work  #tab0 .postition-5{top:41%;left:66%}
.tem_index_work  #tab0 .postition-6{top:47%;left:66%}
.tem_index_work  #tab0 .postition-7{top:auto;left:47%;bottom:33%}
.tem_index_work  #tab0 .postition-8{top:59%;left:51%}
.tem_index_work  #tab0 .postition-9{top:55%;left:auto;right:42%;}

.tem_index_work  #tab0 .postition-10{top:58%;right:34%;left:auto;}
.tem_index_work  #tab0 .postition-11{top: auto;left: auto;right: 44%;bottom: 31%;}
.tem_index_work  #tab0 .postition-12{top:auto;left:auto;bottom:12%;right:44%}
.tem_index_work  #tab0 .postition-13{top:auto;left:auto;bottom:18%;right:32%}
.tem_index_work  #tab0 .postition-14{top:62%;left:73%}
.tem_index_work  #tab0 .show-regin{position:absolute;top:0;left:-.45rem;width:1rem;text-align:left;font-size:.16rem;color:#1076c1}
.tem_index_work  #tab0 .show-regin img{width:.44rem;transition:none;display:inline-block;vertical-align:middle;}

/**/
.tem_index_links{margin:0 0 .78rem;}
.tem_index_links .swiper-slide{text-align:center;}
.tem_index_links .swiper-slide a{display:inline-block;height:1rem;line-height:1rem;}
.tem_index_links .swiper-slide img{max-height:1rem;transition:none;}

.section6 .links>div{padding:0;position:relative}
.section6 .links>div img{width:100%;height:4.4rem;object-fit:cover;transition:none;}
.section6 .links>div .text {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;}
.section6 .links>div .text h6{font-size:.4rem;color:#FFF;}
.section6 .links>div .text p{font-size:.16rem;color:#FFF;margin:.2rem 0 0;line-height:1.85; padding:0 .8rem;}
/*底部*/
.footer{background:url(../images/icon7.jpg) center no-repeat;background-size:cover;padding:0 1.09rem;}
.footer .f_info{padding:1.05rem 0 .7rem;border-bottom:1px solid rgba(255,255,255,.08);}
.footer .f_info>div{display:inline-block;vertical-align:top;width:21%}
.footer .f_info .logo{padding:0 .6rem 0 0}
.footer .f_info .logo img{max-height:.68rem;transition:none;}
.footer .f_info .logo .slogan{margin:.35rem 0 0;font-size:.14rem;color:#c1c1c1;line-height:1.7}
.footer .f_info .navlist{width:58%;padding:0 .5rem 0 .8rem;}
.footer .f_info .navlist dl {display:inline-block;vertical-align:top;width:16.666666%;padding:0 .05rem;margin:0;}
.footer .f_info .navlist dl dt {margin:0 0 .35rem;font-weight:normal;}
.footer .f_info .navlist dl dt a{font-size:.16rem;color:#FFF;white-space: nowrap;text-overflow: ellipsis; display:block;overflow: hidden;}
.footer .f_info .navlist dl dd {margin:0 0 .2rem;}
.footer .f_info .navlist dl dd a{font-size:.16rem;color:#c1c1c1; white-space: nowrap;text-overflow: ellipsis; display:block;overflow: hidden; padding:0 0.1rem;}
.footer .f_info .code{width:21%;text-align:right;position:relative}
.footer .f_info .code>*{display:inline-block;vertical-align:middle;}
.footer .f_info .code>p{margin:0;background:#FFF;padding:5px;}
.footer .f_info .code>p img{width:1.4rem;transition:none;}
.footer .f_info .code .top{margin-left:.9rem;padding:.26rem .15rem .3rem;border:1px solid #8f8f8f;border-radius:35px;text-align:center;cursor:pointer;}
.footer .f_info .code .top a p{font-size:.16rem;color:#FFF;margin:.1rem 0 0}
.footer .f_info .code .top a img{max-height:.29rem;transition:none;}
.footer .f_box{padding:.45rem 0}
.footer .f_box>div{display:inline-block;vertical-align:middle;}
.footer .f_box .f_email{width:29%;padding:0 1.5rem 0 0}
.footer .f_box .f_email input{display:inline-block;vertical-align:top;width:76%;height:.77rem;min-height:35px;background:#FFF;border:0;border-radius:20px 0 0 0;font-size:.16rem;color:#6f6f6f;padding:0 .25rem;}
.footer .f_box .f_email button {display:inline-block;vertical-align:top;width:24%;height:.77rem;background:#1076c1;min-height:35px;border:0;border-radius:0 0 20px 0;font-size:.24rem;color:#FFF;font-weight:bold;text-align:center;}
.footer .f_box .copy{width:58%;font-size:.14rem;color:#c1c1c1;}
.footer .f_box .copy a{font-size:.14rem;color:#c1c1c1}
.footer .f_box .share{width:13%;text-align:right}
.footer .f_box .share>a{display:inline-block;vertical-align:middle;margin-left:.25rem;}
.footer .f_box .share img{max-height:.22rem;transition:none;}
.footer .f_box .share>a:first-child{margin:0}
/*通用内页*/
.flash video {width:100%;height:7.69rem;object-fit:cover;background:#000;}
.flash .txt {position:absolute;z-index:2;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;}
.flash .txt h3{font-size:.38rem;color:#FFF;padding:0 0 .6rem;background:url(../images/icon10.png) center bottom no-repeat;background-size:.25rem .25rem; text-transform:uppercase}

.flash .txt p{font-size:.24rem;color:#FFF;font-weight:bold;margin:.15rem 0 .75rem;text-transform:uppercase}
.flash .txt span{font-size:.16rem;color:#FFF;letter-spacing:5px;padding:0 0 .17rem .35rem;border-bottom:2px solid #a29ea1;position:relative;display:inline-block;}
@keyframes dropdown2 {
	form{
		bottom:.11rem;
	}
	to{
		bottom:.25rem;
	}
}
.flash .txt span:before{content:'';width:.2rem;height:.29rem;background:url(../images/icon9.png) 0 0 no-repeat;background-size:.2rem .29rem;position:absolute;left:0;bottom:.11rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}

.common_box{position:relative}
.sort_navlist{position:absolute;top:.38rem;left:0;z-index:1;padding:0 2.6rem;width:100%}
.sort_navlist ul{display:inline-block;border-top:1px solid rgba(255,255,255,.5);background:url(../images/icon12.png) 0 0 no-repeat;background-size:100% 100%;min-width:7.84rem;}
.sort_navlist li {display:inline-block;vertical-align:top;padding:5px 6px;}
.sort_navlist li a{display:block;position:relative;padding:0 .54rem;}
.sort_navlist li a:before{content:'';width:100%;height:100%;background:url(../images/icon12-1.png) 0 0 no-repeat;background-size:100% 100%;transition:all .65s linear;opacity:0;position:absolute;top:0;left:0}
.sort_navlist li span{font-size:.16rem;color:#4d4b4b;position:relative;display:block;z-index:1;line-height:.48rem;}
.sort_navlist li.on a:before,.sort_navlist li a:hover:before{opacity:1}
.sort_navlist li.on a span,.sort_navlist li a:hover span{color:#FFF}


.company{padding:1.75rem 0 .98rem;background-image:linear-gradient(to bottom,#dff5fc,#FFF);}
.company .mains{margin:0 0 .9rem;position:relative}
.company .mains>div{display:inline-block;vertical-align:middle;width:51.2%}
.company .mains .imgs{overflow:hidden;border-radius:15px;background:#000}
.company .mains .imgs video {width:100%;object-fit:coverback}
.company .mains .text{width:48.8%;padding:0 2rem 0 .45rem;font-size:.24rem;color:#2e2e2e;font-weight:bold;line-height:1.7}
.company .mains .data_nums{position:absolute;right:0;top:-.75rem;background:#FFF;width:1.7rem;border-radius:85px;}
.company .mains .data_nums>div{padding:.3rem 0;text-align:center;background:url(../images/icon13.png) center bottom no-repeat;background-size:1.48rem auto;}
.company .mains .data_nums p{font-size:.16rem;color:#1e1e1e;margin:.3rem 0 .25rem;font-weight:bold}
.company .mains .data_nums h5{font-size:.16rem;color:#1e1e1e;font-weight:bold;line-height:1}
.company .mains .data_nums h5 em{display:inline-block;vertical-align:bottom;font-size:.36rem;color:#00deff;font-weight:bold;margin-right:.15rem;}
.company .mains .data_nums>div:last-child{background:none;}
.company .editor{font-size:.16rem;color:#434343;line-height:1.75;text-indent:2em;padding:0 2rem 1rem 0}
.company .workshop .title{margin:0 0 .53rem;position:relative}
.company .workshop .title h5{font-size:.36rem;color:#18b7eb}
.company .workshop .title ol{margin:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.company .workshop .title ol li {display:inline-block;vertical-align:top;padding:0 .1rem;}
.company .workshop .title ol li a{display:block;background:#dddddd;padding:0 .26rem;line-height:.43rem;font-size:.16rem;color:#575757;border-radius:8px}
.company .workshop .title ol li#current a{background:#18b7eb;color:#FFF}
.company .workshop .swiper-slide a{display:block;position:relative;text-align:center;}
.company .workshop .swiper-slide .img_{overflow:hidden;border-radius:6px;}
.company .workshop .swiper-slide img{width:100%;height:2.9rem;object-fit:cover;transition:none;}
.company .workshop .swiper-slide p{font-size:.16rem;color:#404040;margin:.25rem 0 0}
.company .workshop .swiper-slide a:hover .img_ {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}


.haiwai_company{padding:1.75rem 0 .98rem;background-image:linear-gradient(to bottom,#dff5fc,#FFF);}
.haiwai_company .mains{margin:0 0 .9rem;position:relative}
.haiwai_company .mains>div{display:inline-block;vertical-align:middle;width:51.2%}
.haiwai_company .mains .imgs{overflow:hidden;border-radius:15px;background:#000}
.haiwai_company .mains .imgs video {width:100%;object-fit:coverback}
.haiwai_company .mains .text{width:48.8%;padding:0 .2rem 0 .45rem;font-size:.24rem;color:#2e2e2e;font-weight:bold;line-height:1.7}
.haiwai_company .editor{font-size:.16rem;color:#434343;line-height:1.75;text-indent:2em;padding:0 0rem 1rem 0}
.haiwai_company .workshop .title{margin:0 0 .53rem;position:relative}
.haiwai_company .workshop .title h5{font-size:.36rem;color:#18b7eb}
.haiwai_company .workshop .title ol{margin:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.haiwai_company .workshop .title ol li {display:inline-block;vertical-align:top;padding:0 .1rem;}
.haiwai_company .workshop .title ol li a{display:block;background:#dddddd;padding:0 .26rem;line-height:.43rem;font-size:.16rem;color:#575757;border-radius:8px}
.haiwai_company .workshop .title ol li#current a{background:#18b7eb;color:#FFF}
.haiwai_company .workshop .swiper-slide a{display:block;position:relative;text-align:center;}
.haiwai_company .workshop .swiper-slide .img_{overflow:hidden;border-radius:6px;}
.haiwai_company .workshop .swiper-slide img{width:100%;height:2.9rem;object-fit:cover;transition:none;}
.haiwai_company .workshop .swiper-slide p{font-size:.16rem;color:#404040;margin:.25rem 0 0}
.haiwai_company .workshop .swiper-slide a:hover .img_ {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}



.history{padding:1.35rem 0 1.3rem;position:relative;overflow:hidden;}
.history:before{position:fixed;top:0;left:0;width:100%;height:100%;background-position:0 0;background-repeat:no-repeat;background-size:cover;z-index:-1}
.history h3{text-align:center;font-size:.36rem;color:#FFF;margin:0 0 .9rem;}
.history .times>p{display:inline-block;vertical-align:middle;width:50%;font-size:.36rem;color:#ffffff;opacity:.54;text-transform:uppercase}
.history .times>p:last-child{text-align:right;opacity:1;}
.history .lists{position:relative;margin:.7rem 0 0;border-top:1px solid rgba(255,255,255,.63)}
.history .lists .swiper-slide{padding:1.3rem 0 0 .27rem;position:relative}
.history .lists .swiper-slide:before{content:'';width:1px;height:95%;background:#FFF;opacity:.63;position:absolute;top:0;left:.04rem;}
.history .lists .swiper-slide:after{content:'';width:.09rem;height:.09rem;background:#FFF;position:absolute;left:0;top:94%;border-radius:100%}
.history .lists .swiper-slide h6{font-size:.24rem;color:#FFF;margin:0 0 .25rem;line-height:.3rem;height:.6rem;overflow:hidden; text-transform:uppercase;}
.history .lists .swiper-slide .editor{font-size:.16rem;color:#FFF;line-height:1.74}
/*
.history .lists .swiper-slide.ons {padding:1.6rem 0 0 .27rem;}
*/
.history .lists .swiper-page>div{position:absolute;top:50%;left:-1rem;transform:translateY(-50%);outline:none;width:.35rem;height:.35rem;line-height:.35rem;text-align:center;background:rgba(255,255,255,.24);font-size:.23rem;color:#FFF}
.history .lists .swiper-page>div.slide-button-next{left:auto;right:-1rem;}
.history .lists .swiper-page>div:hover {background:#FFF;color:#333}

.culture{padding:.95rem 0 1.1rem;background:#FFF;}
.culture h3{margin:0 0 .35rem;font-size:.36rem;color:#18b7eb;font-weight:bold;text-align:center;}
.culture .editor {position:relative;padding:1.35rem 3.4rem 1.5rem 3.2rem;}
.culture .editor ol {margin:0;padding:0}
.culture .editor ol li {position:absolute;top:1.15rem;left:.9rem;}
.culture .editor ol li a{font-size:.24rem;color:#FFF;display:block;border-radius:25px;padding:.9rem .42rem}
.culture .editor ol li.icon0 a {background:#274a94;border-radius:25px 25px 0 25px;}
.culture .editor ol li.icon0{ top:0;}
.culture .editor ol li.icon1{top:0;left:auto;right:1.9rem;}
.culture .editor ol li.icon1 a {background:#9dabcf;}
.culture .editor ol li.icon2{left:1.5rem;top:auto;bottom:0}
.culture .editor ol li.icon2 a {background:#f5f5f5;color:#686868}
.culture .editor ol li.icon3{top:auto;left:auto;right:1.05rem;bottom:.03rem;}
.culture .editor ol li.icon3 a {background:#0f1179;}
.culture .editor .itembox{background:#FFF;border-radius:45px;padding:.5rem .85rem .65rem .65rem;box-shadow:0 0 .65rem rgba(0,0,0,.13);position:relative;z-index:5}
.culture .editor .itembox >div>*{display:inline-block;vertical-align:top;width:18%}
.culture .editor .itembox>div>p{margin:0;}
.culture .editor .itembox>div>p>img {max-height:1.14rem;transition:none;}
.culture .editor .itembox .txt{width:82%;}
.culture .editor .itembox .txt h6{font-size:.32rem;color:#0f1179;padding:0 0 .25rem;border-bottom:1px solid #dcdcdc;margin:0 0 .4rem;}
.culture .editor .itembox .txt .t {font-size:.24rem;color:#636363;line-height:1.5}

.report{background:#f6f6f6;padding:1.1rem 0 1.15rem}
.report h3{font-size:.36rem;color:#18b7eb;text-align:center;margin:0 0 .65rem;}
.report .lists .swiper-slide>div{display:inline-block;vertical-align:top;width:50%;padding:0 .17rem 0 0;margin:0 0 .29rem;}
.report .lists .swiper-slide>div.on {padding:0 0 0 .17rem;}
.report .lists .items a{display:block;position:relative;overflow:hidden;background:#FFF;box-shadow:3px 3px .29rem rgba(0,0,0,.07);padding:0 1rem 0 .5rem;border-radius:8px;}
.report .lists .items p{font-size:.24rem;color:#282834;margin:0;line-height:1.2rem;}
.report .lists .items a:before{content:'';width:.3rem;height:.35rem;background:url(../images/icon14-1.png) 0 0 no-repeat;background-size:.3rem .35rem !important;position:absolute;right:.4rem;top:50%;transform:translateY(-50%);transition:all .5s linear;}
.report .lists .items a:hover:before {background:url(../images/icon14-2.png) 0 0 no-repeat;}
.report .lists .slide-pagination{text-align:center;margin:.6rem 0 0;}
.report .lists .slide-pagination span{outline:none;opacity:1;width:.35rem;height:.35rem;border-radius:4px;background:#bfbfbf;font-size:.16rem;color:#333;line-height:.35rem;margin:0 8px;}
.report .lists .slide-pagination span.swiper-pagination-bullet-active{background:#18b7eb;color:#FFF}


.honor{background:#FFF;padding:.78rem 0 1.2rem;}
.honor h3{font-size:.36rem;color:#18b7eb;text-align:center;margin:0 0 .6rem;}
.honor .swiper-slide{padding:.16rem .32rem .32rem .16rem;}
.honor .swiper-slide a{display:block;box-shadow:.08rem .08rem .24rem rgba(0,0,0,.11);padding:0 .1rem .65rem;text-align:center}
.honor .swiper-slide .img_ {height:3.35rem;line-height:3.35rem;}
.honor .swiper-slide .img_ img{max-height:2rem;transition:none;}
.honor .swiper-slide p{font-size:.16rem;color:#5f6060;margin:0}
.honor .lists .slide-pagination{text-align:center;margin:.6rem 0 0;}
.honor .lists .slide-pagination span{outline:none;opacity:1;width:.35rem;height:.35rem;border-radius:4px;background:#bfbfbf;font-size:.16rem;color:#333;line-height:.35rem;margin:0 8px;}
.honor .lists .slide-pagination span.swiper-pagination-bullet-active{background:#18b7eb;color:#FFF}
.honor .swiper-slide a:hover .img_{transform:scale(.98)}


.product_box{background-image:linear-gradient(to bottom,#dff5fc,#FFF);padding:1.5rem 0 1.6rem;}
.product_box .mains{}
.product_box .mains>div{display:inline-block;vertical-align:middle;width:48%}
.product_box .mains .text{padding:0 .65rem 0 0}
.product_box .mains .text .img img{max-height:.8rem;transition:none;}
.product_box .mains .text h3{font-size:.5rem;color:#1076c1;margin:.4rem 0 .25rem;font-weight:bold;}
.product_box .mains .text h5{font-size:.18rem;color:#373737;margin:0 0 .4rem;font-weight:bold;}
.product_box .mains .text p{font-size:.15rem;color:#2c2c2c;line-height:1.5;margin:0}
.product_box .mains .imgs{width:52%;border-radius:10px;overflow:hidden;}

.product_box .mains>div.max-imgs{ display:block; width:100% !important; background:#000; margin-top:50px;}

.product_box .lists{padding:.9rem 0 0;margin:.8rem 0 0;border-top:1px solid #ddd}
.product_box .lists li {padding:0 .15rem;margin:0 0 .8rem;text-align:center}
.product_box .lists li .img_{overflow:hidden;border-radius:10px;height:2.91rem;line-height:2.91rem;background:#000;box-shadow:3px 3px .68rem rgba(0,0,0,.13)}
.product_box .lists li .img2_{ background:#fff}
.product_box .lists li .img_ span{display:inline-block;line-height:1}
.product_box .lists li .img_ img{max-height:2.78rem;transition:none;display:inline-block}
.product_box .lists li p{font-size:.2rem;color:#282828;margin:.4rem 0 0;padding:0 0 .25rem;border-bottom:1px solid #dfdfdf}
.product_box .lists li a:hover .img_{transform:scale(1.02);}
.product_box .lists .mores{text-align:center;transition:none}
.product_box .lists .mores a{display:inline-block;font-size:.16rem;color:#707070;}



.product_box{}
.product_box .tem_inner .mbx{font-size:0.15rem; margin-bottom:0.5rem; border-bottom:1px solid rgba(0,0,0,0.25); padding-bottom:0.15rem;}
.product_box .tem_inner .mbx a:hover{color:#18b7eb;}
.product_box .show_product{ width:100% !important;}





/*可持续发展*/
.develop{}
.develop .main0 {padding:1.65rem 0 1.15rem;background-image:linear-gradient(to bottom,#dff5fc,#FFF);}
.develop .main0 h3{font-size:.36rem;color:#18b7eb;text-align:center;margin:0 0 .5rem;}
.develop .main0 ol{margin:0 0 .75rem;padding:0;text-align:center}
.develop .main0 ol li {display:inline-block;vertical-align:middle;padding:0 .5rem;}
.develop .main0 ol li a{font-size:.16rem;color:#000;font-weight:bold;}
.develop .main0 ol li#current a{color:#18b7eb}
.develop .main0 .itembox .swiper-slide>div{display:inline-block;vertical-align:top;padding:0 .16rem;margin:0 0 .47rem;width:25%;position:relative}
.develop .main0 .itembox .swiper-slide .imgs{width:2.9rem;height:2.9rem;background:#FFF;border-radius:100%;box-shadow:3px 3px 9px #eff1f8;line-height:2.9rem;text-align:center;position:relative}
.develop .main0 .itembox .swiper-slide .imgs img {max-height:1.26rem;transition:none;position:relative;z-index:2}
.develop .main0 .itembox .swiper-slide .imgs:before{content:'';width:2.9rem;height:2.9rem;border:1px solid #ececec;border-radius:100%;position:absolute;right:-.21rem;top:.11rem;z-index:-1}
.develop .main0 .itembox .swiper-slide .imgs:after{content:'';width:.1rem;height:.1rem;background:#2465fb;border-radius:100%;position:absolute}
.develop .main0 .itembox .swiper-slide>div.on1 .imgs:after{top:2.1rem;right:-.14rem;}
.develop .main0 .itembox .swiper-slide>div.on2 .imgs:after{bottom:-.04rem;right:.6rem;}
.develop .main0 .itembox .slide-pagination{text-align:center;margin:.45rem 0 0}
.develop .main0 .itembox .slide-pagination span{opacity:1;outline:none;margin:0 6px;width:.35rem;height:.35rem;background:#bfbfbf;line-height:.35rem;font-size:.16rem;color:#333333;border-radius:5px;}
.develop .main0 .itembox .slide-pagination span.swiper-pagination-bullet-active{background:#18b7eb;color:#FFF}

.develop .main1 {background:url(../images/icon15.jpg) center bottom no-repeat;background-size:cover;padding:.9rem 0 .75rem;}
.develop .main1 h3{font-size:.36rem;color:#18b7eb;margin:0 0 .6rem;text-align:center;}
.develop .main1 .box>*{display:inline-block;vertical-align:middle;width:25.5%}
.develop .main1 .box ol {margin:0;padding:.6rem 0 0}
.develop .main1 .box li h6{display:inline-block;padding:0 0 .18rem;position:relative;font-size:.36rem;color:#1076c1;font-weight:bold;margin:0 0 1.15rem;}
.develop .main1 .box li h6:after{content:'';width:0;height:3px;background:#1076c1;position:absolute;left:0;bottom:0;transition: all .7s cubic-bezier(.77,0,.175,1) 0s;}
.develop .main1 .box li h6 em {font-size:.3rem;color:#969696;text-transform:uppercase;display:inline-block;vertical-align:bottom;font-weight:normal;margin-right:.23rem;}
.develop .main1 .box li .text{font-size:.16rem;color:#2a2a2a;line-height:1.7;text-align:justify;opacity:0;transform:translateY(-.2rem);}
.develop .main1 .box li#current h6:after{width:100%}
.develop .main1 .box li#current .text {opacity:1;transform:none;}
.develop .main1 .box .itembox{width:49%;text-align:center}
.develop .main1 .box>*:last-child li {text-align:right;}
.develop .main1 .box>*:last-child li h6 em {margin:0 0 0 .23rem;}
.develop .main1 .box .itembox .editor{display:inline-block;position:relative}

/**/
.develop .main1 .area-box .dot{background:#FFF;}
.develop .main1 .area-box .pulse{border:2px solid #FFF;-webkit-box-shadow:0 0 4px #FFF,0 0 10px #FFF inset;-moz-box-shadow:0 0 4px #FFF,0 0 10px #FFF inset;box-shadow:0 0 4px #FFF,0 0 10px #FFF inset;}

.develop .main1  #tab0 .postition-1{top:47%;left:29%}
.develop .main1  #tab0 .postition-2{top:44%;left:48%}
.develop .main1  #tab0 .postition-3{top:39%;left:62%}
.develop .main1  #tab0 .postition-4{top:29%;right:25%;left:auto;}
.develop .main1  #tab0 .postition-5{top:41%;left:66%}
.develop .main1  #tab0 .postition-6{top:47%;left:66%}
.develop .main1  #tab0 .postition-7{top:auto;left:47%;bottom:33%}
.develop .main1  #tab0 .postition-8{top:59%;left:51%}
.develop .main1  #tab0 .postition-9{top:55%;left:auto;right:42%;}

.develop .main1  #tab0 .postition-10{top:58%;right:34%;left:auto;}
.develop .main1  #tab0 .postition-11{top: auto;left: auto;right: 44%;bottom: 31%;}
.develop .main1  #tab0 .postition-12{top:auto;left:auto;bottom:12%;right:44%}
.develop .main1  #tab0 .postition-13{top:auto;left:auto;bottom:18%;right:32%}
.develop .main1  #tab0 .postition-14{top:62%;left:73%}
.develop .main1  #tab0 .show-regin{position:absolute;top:0;left:-.45rem;width:1rem;text-align:left;font-size:.16rem;color:#1076c1;text-shadow:2px 2px 4px rgba(0,0,0,.22)}
.develop .main1  #tab0 .show-regin img{width:.44rem;transition:none;display:inline-block;vertical-align:middle;}

/**/
.news_box {background-image:linear-gradient(to bottom,#dff5fc,#FFF);padding:1.7rem 0 2.5rem;}
.news_box .listbox{}
.news_box .listbox li {margin:0 0 .7rem;padding:0 .1rem;}
.news_box .listbox li a{display:block;position:relative;background:#f2f2f2;padding:0 .17rem .2rem;}
.news_box .listbox li .text{padding:.3rem 0;}
.news_box .listbox li .text span{font-size:.14rem;color:#595959;}
.news_box .listbox li .text h6{font-size:.2rem;color:#292929;margin:.2rem 0 .25rem;font-weight:bold;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_box .listbox li .text p{font-size:.16rem;color:#525252;line-height:.27rem;height:.54rem;overflow:hidden;margin:0 0 .4rem;}
.news_box .listbox li .text em {display:inline-block;font-size:.14rem;color:#1076c1;}

.news_box .listbox li .imgs{border-radius:4px;overflow:hidden;}
.news_box .listbox li .imgs img{width:100%;height:2.24rem;object-fit:cover;transition:1s;}
.news_box .listbox li a:hover {box-shadow:6px 6px 8px rgba(0,0,0,.1)}

.show_news{background-image:linear-gradient(to bottom,#dff5fc,#FFF);padding:1.7rem 0 2.5rem;}
/*翻页*/
.page {margin:.35rem 0 0}
.page a{display:inline-block;margin:0 4px;width:.41rem;height:.41rem;border:1px solid #929292;border-radius:6px;line-height:.39rem;font-size:.16rem;color:#7d7d7d;vertical-align:middle;}
.page a:hover,.page a.page-num-current{background:#1076c1;border-color:#1076c1;color:#FFF}
/*加入我们*/
.contact_box{background-image:linear-gradient(to bottom,#dff5fc,#FFF);padding:1.7rem 0 2rem;}
.contact_box  h3{font-size:.36rem;color:#18b7eb;margin:0 0 .75rem;text-align:center;font-weight:bold;}
.contact_box .text>div{margin:0 0 .4rem;background:#FFF;overflow:hidden;border-radius:8px;padding:.5rem .3rem .35rem;box-shadow:0 0 .43rem rgba(0,0,0,.14)}
.contact_box .text h6 {font-size:.24rem;color:#18b7eb;margin:0 0 .4rem;font-weight:bold;}
.contact_box .text>div>div{display:inline-block;vertical-align:top;width:22%;text-align:center;border-right:2px solid #f1f1f1}
.contact_box .text>div>*:first-child+*{width:25%}
.contact_box .text em{font-size:.14rem;color:#515151;}
.contact_box .text em img{display:block;max-height:.3rem;margin:0 auto .25rem;transition:none;}
.contact_box .text p{font-size:.16rem;color:#363636;margin:.15rem 0 0}

/*人才招聘*/
.job_box{background-image:linear-gradient(to bottom,#dff5fc,#FFF);padding:1.7rem 0 2.15rem;}
.job_box h3{font-size:.36rem;color:#18b7eb;margin:0 0 .75rem;text-align:center;font-weight:bold;}
.job_box .mains{padding:.3rem 0 0;}
.job_box .mains ul {display:flex;width:100%;flex-direction: row;flex-wrap: wrap;}
.job_box .mains li {margin:0 0 .3rem;padding:0 .45rem;width:50%}
.job_box .mains li>a{display:block;position:relative;padding:.65rem .4rem .65rem 0;font-size:.24rem;color:#313131;border-bottom:1px solid #bfbfbf}
.job_box .mains li>a i{font-size:.3rem;color:#000;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.job_box .mains li .submenu{transition:none;padding:.65rem 0 .4rem;display:none;font-size:.16rem;color:#333;line-height:1.7}
.job_box .mains li.opens>a{color:#18b7eb}
.job_box .mains li.opens>a i{transform:rotate(180deg) translateY(50%);color:#18b7eb}



.w26{padding: 30px 0 50px 0;}
.w26-bbb:first-child .w26-bb{background: rgba(220, 221, 221, .5);border-bottom: none;cursor: auto;}
.w26-bbb:first-child .w26-bbb{font-size: 0.94vw;color: #000000;}
.w26-bb{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));padding: 35px 80px;position: relative;border-bottom: 1px solid #E2E2E2;cursor: pointer; background:rgba(255,255,255,0.5)}
.w26-bbb{font-size: 0.83vw;color: #666666;}
.w26-btn{position: absolute;top: 48%;right: 80px;transform: translateY(-52%);}
.w26-bb2b1{width: 8px;height: 8px;background: #18b7eb;border-radius: 50%;margin: 4px 10px 0 0;min-width: 8px;}
.w26-bb2{padding: 40px 80px;border-bottom: 1px solid #E2E2E2;}
.w26-bb2b{display: flex;align-items: flex-start;margin-bottom: 44px;}
.w26-bb2b:last-child{margin-bottom: 0;}
.w26-bb2b2-t{font-size: 0.94vw;color: #333333;margin-bottom: 12px;}
.w26-bb2b2-b{font-size: 0.83vw;color: #333333;line-height: 1.46vw;}
.w26-bb2{display: none;}
.w26-btn img{transition: all .5s;}
.w26-b .on .w26-btn img{transform: rotate(-180deg);transition: all .5s;}






/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/
@media(max-height:900px){
	.section2 .row .rowMain .box .inner{padding-top:2vw}
	.section2 .row .add .box .items{padding-bottom:0}
}
@media(max-height:724px){
	.section2 .row .other .msgBox{top:.5rem;}
}
@media(max-height:600px){
	.section2 .row .other .msgBox > li .img{margin:0 0 .2rem;}
	.section2 .row .other .msgBox > li p{margin:0 0 .3rem;}
}
@media(max-width:1440px){
	.tem_banner .swiper-page{left:1.6rem;}
	.sort_navlist{padding:0 1.6rem;}
}

/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.section2 .row.go .bg .photo{transform:translate3d(25vw, 0, 0px) scale(1)}
	.section2 .row .bg .photo .pic{background-position:center;background-repeat:no-repeat;}
	.section2 .row .rowMain .box .inner{padding-top:0}
	
	.company .infos .text{padding:0 .55rem;}
	.flash .txt{padding:0 .45rem;}
	.sort_navlist,.header .menu_box{padding:0 .25rem}
	.tem_banner .swiper-page{left:.45rem;}
	.header.ons .menu_box .navlist > button{right:.45rem;}
	.history .list2{padding-right:0;}
	.honor .pad16{margin:0 .45rem;}
	.organize .imgs img{width:2.5rem}
	
	
	
	.w26-big{overflow-x: scroll;}
	.w26-big::-webkit-scrollbar{height: 3px;background: #ececec;}
	.w26-big::-webkit-scrollbar-thumb{border-radius: 4px;background: #E60012;}
	.w26-b{min-width: 1000px;}
	.w26-btn{right: 30px;}
	.w26-bbb:first-child .w26-bbb{font-size: 14px;}
	.w26-bbb{font-size: 12px;}
	.w26-bb2{padding: 40px 20px;}
	.w26-bb2b2-t{font-size: 14px;}
	.w26-bb2b2-b{font-size: 12px;line-height: 1.2;}
	.w26-bb2b{margin-bottom: 25px;}
	
	.tem_banner .swiper-slide .img_>img{ display:none}
	.tem_banner .swiper-slide .swiper-lazy01{ background:url(../images/banner.jpg) no-repeat; background-size:cover cover;}
	.tem_banner .swiper-slide .swiper-lazy02{ background:url(../images/banner2.jpg) no-repeat; background-size:cover cover;}
	.tem_banner .swiper-slide .swiper-lazy03{ background:url(../images/banner3.jpg) no-repeat; background-size:cover cover;}
	
}
/********mobile*********/
@media(max-width:767px){
	.header .menu_box .navlist > ul{display:none;}
	.tem_banner .page_txt > div{display:block;width:100% !important;}
	.tem_banner .page_txt .imgs{padding:0;text-align:left;}
	.tem_banner .page_txt .imgs img{width:2.56rem;transition:none;}
	.tem_banner .swiper-page{left:.25rem;}
	
	.section2 .row .rowMain .box{transform:translateY(-3.5rem)}
	.section2 .row .rowMain .box .inner{flex-wrap: wrap;}
	.section2 .row .other .msgBox{width:100%}
	.section2 .row.to .rowMain .box{transform: translateY(-7.5rem);}
	.tem_index_about > div{display:block;width:100% !important;}
	.tem_index_about{margin:0;}
	.tem_index_about2 > div{display:block;width:100% !important;}
	.tem_index_about2{margin:0;}
	.section4::before{display:none;}
	.tem_index_product .swiper-slide > div,.tem_index_work .box > *{display:block;width:100% !important;}
	.tem_index_product .swiper-slide .text{padding:0 .25rem;margin:.5rem 0 0}
	.tem_index_product .swiper-page{position:relative;width:100%;top:auto;margin:.65rem 0 0}
	.tem_index_work .box > :last-child li{text-align:left;}
	.tem_index_work .box ol{padding:.6rem 0}
	.footer{padding:0 .25rem;}
	.footer .f_info > div,.footer .f_box > div{display:block;width:100% !important;}
	.footer .f_info .logo{padding:0}
	.footer .f_info .navlist{display:none;}
	.footer .f_box .f_email{padding:0}
	.footer .f_box .copy{margin:.35rem 0}
	.header.ons .menu_box .navlist > button{right:.25rem;}
	.sort_navlist{display:none;}
	
	.company .mains{padding:0 2rem 0 0}
	.company .mains > div{display:block;width:100% !important;}
	.company .mains .text{padding:.45rem 0 0}
	
	.haiwai_company .mains{padding:0 2rem 0 0}
	.haiwai_company .mains > div{display:block;width:100% !important;}
	.haiwai_company .mains .text{padding:.45rem 0 0}
	
	.company .mains .data_nums{width:1.7rem !important;}
	.culture .editor ol li{position:relative;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important;display:inline-block;vertical-align:top;width:50%;padding:0 .15rem;margin:0 0 .35rem;}
	.culture .editor{padding:1.35rem 0 1.5rem;}
	.product_box .mains > div{display:block;width:100% !important;}
	.product_box .mains .text{padding:0 0 .65rem;}
	.develop .main0 .itembox .swiper-slide > div{width:50%}
	.develop .main0 .itembox .swiper-slide .imgs,.develop .main0 .itembox .swiper-slide .imgs::before{width:2.6rem;height:2.6rem;}
	.develop .main0 .itembox .swiper-slide .imgs {line-height:2.6rem;}
	
	.develop .main1 .box > *{width:100% !important;display:block;}
	.develop .main1 .box > :last-child li{text-align:left;}
	.develop .main1 .box ol{padding:.6rem 0}
	
	.contact_box .text > div > div{width:50%;margin:0 0 .35rem;}
	.contact_box .text > div > :first-child + *{width:50%}
	.job_box .mains li{width:100%}

	.flash img{width:100%;height:5rem;object-fit:cover;transition:none;}
	.header .menu_box > div{width:45%}
	.header .menu_box .navlist{width:55%}
}