.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:-.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:10%;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 5%}
#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:14px;color:#2b2b2b}
#topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10}
#topnav .submenu{position:absolute;top:0;right:10%;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%}
@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:14px;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:30%}
.header .menu_box .logo img{max-height:.53rem;transition:none;}
.header .menu_box .navlist{text-align:right;width:70%;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 .15rem;}
.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:none;}
.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;}
.tem_banner .page_txt .imgs{padding:0 .6rem 0 0;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 a{display:inline-block;background:#1076c1;padding:0 .26rem;line-height:.36rem;font-size:.16rem;color:#FFF;text-transform:capitalize;}
.tem_banner .page_txt .text a: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-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}
#fullpage .section {opacity:0}
#fullpage .section1 {opacity: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);}
.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:.7rem;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 .img img{max-height:.68rem;transition:none;}
.section2 .row .other .msgBox > li h3{position: relative;
font-size: 0.7rem;
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:.24rem;color:#373737;font-weight:bold;margin:0 0 .2rem;}
.section2 .row .other .msgBox > li p{font-size:.2rem;color:#2c2c2c;line-height:1.7;margin:0 0 .6rem;}
.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;
    white-space: nowrap;
    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.4rem;
    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.3rem}
.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;}

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

.section4{background:url(../images/icon6.png) center bottom no-repeat;background-size:100% auto;}
.tem_index_news {}
.tem_index_news .title{margin:0 0 .45rem;position:relative;}
.tem_index_news .title h3{font-size:.5rem;color:#191919;font-weight:bold;}
.tem_index_news .title a{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.tem_index_news .lists>div{display:inline-block;vertical-align:top;width:33.333%;padding:0 .085rem;}
.tem_index_news .lists>div.item1 a{display:block;height:5.5rem;background:#f2f2f2;padding:.35rem .15rem .2rem;border-radius:3px;}
.tem_index_news .lists>div.item1 span{font-size:.16rem;color:#595959;text-transform:uppercase;}
.tem_index_news .lists>div.item1 h6{font-size:.18rem;color:#292929;font-weight:bold;margin:.15rem 0 .3rem;}
.tem_index_news .lists>div.item1 p{font-size:.16rem;color:#525252;line-height:.27rem;height:.54rem;overflow:hidden;margin:0 0 .5rem}
.tem_index_news .lists>div.item1 em{font-size:.14rem;color:#1076c1;text-transform:capitalize;}
.tem_index_news .lists>div.item1 em img{max-height:8px;margin-left:.2rem;}
.tem_index_news .lists>div.item1 .imgs{margin:.3rem 0 0}
.tem_index_news .lists>div.item1 .imgs img{width:100%;height:2.55rem;object-fit:cover;transition:none;}
.tem_index_news .lists>div.item2 {height:5.5rem;background:#f2f2f2;padding:0 .25rem;border-radius:3px;}
.tem_index_news .lists>div.item2>div{display:block;height:33.333%;width:100%;}
.tem_index_news .lists>div.item2 a{display:block;position:relative;padding:.3rem 0 .23rem;border-bottom:1px solid #c8c8c8}
.tem_index_news .lists>div.item2>div:last-child a{border-bottom:0}
.tem_index_news .lists>div.item2 span{font-size:.16rem;color:#595959;}
.tem_index_news .lists>div.item2 h6{font-size:.18rem;color:#292929;font-weight:bold;line-height:.27rem;height:.54rem;overflow:hidden;margin:.12rem 0 .25rem;}
.tem_index_news .lists>div.item2 em{font-size:.14rem;color:#1076c1;text-transform:capitalize;}
.tem_index_news .lists>div.item2 em img{max-height:8px;margin-left:.2rem;}
.tem_index_news .lists>div.item3 .text{margin:0 0 .2rem;background:#414141;padding:.35rem .45rem 0;height:1.76rem;border-radius:3px;}
.tem_index_news .lists>div.item3 .text span{font-size:.16rem;color:#898989;}
.tem_index_news .lists>div.item3 .text em{font-size:.14rem;color:#FFF;text-transform:capitalize;}
.tem_index_news .lists>div.item3 .text em img{max-height:8px;margin-left:.2rem;}
.tem_index_news .lists>div.item3 .text h6{font-size:.18rem;color:#FFF;font-weight:bold;margin:.12rem 0 .4rem;}
.tem_index_news .lists>div.item3 .imgs img{width:100%;height:3.54rem;object-fit:cover;transition:none;border-radius:3px;}


.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;}

.section5 .links>div{padding:0;position:relative}
.section5 .links>div img{width:100%;height:4.4rem;object-fit:cover;transition:none;}
.section5 .links>div .text {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;}
.section5 .links>div .text h6{font-size:.4rem;color:#FFF;}
.section5 .links>div .text p{font-size:.16rem;color:#FFF;margin:.2rem 0 0;line-height:1.85}
/*底部*/
.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:.6rem .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:20%;padding:0;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}
.footer .f_info .navlist dl dd {margin:0 0 .2rem}
.footer .f_info .navlist dl dd a{font-size:.16rem;color:#c1c1c1}
.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%);padding:0 1.6rem;width:100%}
.flash .txt h3{font-size:.48rem;color:#FFF}
.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;bottom:100%;left:0;z-index:1;padding:0 1.1rem;width:100%}
.sort_navlist ul{display:block;border-top:1px solid rgba(255,255,255,.5);}
.sort_navlist li {display:inline-block;vertical-align:top;}
.sort_navlist li a{display:block;position:relative;line-height:.87rem;padding:0 .65rem 0 .5rem;}
.sort_navlist li span{font-size:.16rem;color:#FFF;padding-right:.6rem;position:relative;line-height:normal;}
.sort_navlist li span:after{content:'';width:.52rem;height:2px;background:#cbcbcb;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .654s linear;}
.sort_navlist li span:before{content:'';width:.24rem;height:.24rem;border:1px solid #FFF;border-radius:100%;position:absolute;top:50%;transition:all .5s linear;transform:translateY(-50%);right:-.3rem;opacity:0}
.sort_navlist li.on a,.sort_navlist li a:hover{background:#1076c1}
.sort_navlist li.on span:before,.sort_navlist li a:hover span:before{opacity:1;right:-.14rem;}

.about_box {font-family:"Microsoft YaHei"}
.company{padding:.95rem 0 .6rem;background:#FFF}
.company .infos{margin:0 0 .6rem;}
.company .infos>div{display:inline-block;vertical-align:middle;width:46%}
.company .infos .text{padding:0 .55rem 0 1.6rem;}
.company .infos .text h3{font-size:.48rem;color:#1076c1;margin:0 0 .4rem;position:relative;}

.company .infos .text .editor{font-size:.18rem;color:#444;line-height:1.7;}
.company .infos .text .editor .nums{margin:.8rem 0 0}
.company .infos .text .editor .nums>div{display:inline-block;vertical-align:top;width:33.333%;text-align:center;}
.company .infos .text .editor .nums p{margin:0;font-size:.18rem;color:#666;}
.company .infos .text .editor .nums p:first-child {margin:0 0 .35rem;}
.company .infos .text .editor .nums p img{max-height:.54rem;transition:none;}
.company .infos .text .editor .nums h5{font-size:.16rem;color:#878787;margin:.2rem 0 0}
.company .infos .text .editor .nums h5 em {display:block;font-size:.48rem;color:#1076c1;font-weight:bold;margin:0 0 .15rem;}
.company .infos .imgs{width:54%;position:relative;cursor:pointer;}
.company .infos .imgs video{width:100%;height:6.28rem;object-fit:cover;background:#000}
.company .infos .imgs .plays{width:.56rem;height:.56rem;background:#FFF;border-radius:100%;line-height:.56rem;text-align:center;font-size:.2rem;color:#333;box-shadow:.18rem .18rem .21rem rgba(16,118,193,.25);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:none}

.company .video{position:relative;cursor:pointer;}
.company .video video{width:100%;height:6.49rem;object-fit:cover;}
.company .video .plays{width:1.3rem;height:1.3rem;background:#1076c1;border-radius:100%;line-height:1.3rem;text-align:center;font-size:.16rem;color:#FFF;box-shadow:.18rem .18rem .21rem rgba(16,118,193,.25);position:absolute;bottom:-.2rem;left:1.6rem;}
.company .video h4{font-size:.96rem;color:#1076c1;text-transform:uppercase;font-style:oblique;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;position:absolute;opacity:.7;letter-spacing:2px;font-weight:bold;}

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


.history{padding:1.67rem 0 1.55rem;position:relative;overflow:hidden;background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.history>div{position:relative;z-index:2}
/*
.history:after{content:'';width:100%;height:100%;background:url(../images/icon13.png) center bottom no-repeat;position:absolute;top:0;left:0;background-size:100% 100%;}
*/
.history .lists{margin:0 0 .4rem;}
.history .lists>*{display:inline-block;vertical-align:top;}
.history .lists h3{width:34%;font-size:.48rem;color:#1076c1;position:relative}

.history .lists .box{width:66%;position:relative;padding:0 .68rem;}
.history .lists .box .swiper-container:after{content:'';width:100%;height:2px;border-bottom:2px dashed #bfbfbf;position:absolute;left:0;bottom:.08rem;}
.history .lists .box .swiper-slide {text-align:center;}
.history .lists .box h6{font-size:.18rem;color:#606060;padding:0 0 .4rem;position:relative;cursor:pointer;}
.history .lists .box h6:before{content:'';width:.16rem;height:.16rem;border-radius:100%;border:1px solid #878787;position:absolute;left:50%;transform:translateX(-50%);bottom:0;transition:all .5s linear;}
.history .lists .box h6:after{content:'';width:.06rem;height:.06rem;background:#878787;border-radius:100%;position:absolute;bottom:.05rem;left:50%;transform:translateX(-50%);transition:all .5s linear;}
.history .lists .box .swiper-slide-thumb-active h6{color:#1076c1}
.history .lists .box .swiper-slide-thumb-active h6:before{border-color:#1076c1}
.history .lists .box .swiper-slide-thumb-active h6:after{background:#1076c1}
.history .lists .box .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);width:.45rem;height:.45rem;background:#FFF;border-radius:100%;line-height:.45rem;text-align:center;outline:none;font-size:.18rem;color:#656565;left:0;box-shadow:0 0 8px rgba(0,0,0,.09);margin:.1rem 0 0}
.history .lists .box .swiper-page>div.slide-button-next{left:auto;right:0}
.history .list2{position:relative;padding:0 25% 0 0}
.history .list2 .slogan{position:absolute;top:.58rem;right:0;background:#1076c1;font-size:.24rem;color:#FFF;padding:.6rem .12rem;}
.history .list2 .slogan:before{content:'';width:1rem;height:.77rem;background:url(../images/icon10.png) 0 0 no-repeat;background-size:1rem .77rem;position:absolute;top:.88rem;left:-.9rem;}
.history .list2 .swiper-slide>div{display:inline-block;vertical-align:middle;width:54%;transform:translateX(-.5rem);opacity:0;visibility:hidden;transition:none;}
.history .list2 .swiper-slide .text{width:46%;padding-left:.5rem;transform:translateX(.5rem);}
.history .list2 .swiper-slide .text h6{font-size:.24rem;color:#1076c1;margin:0 0 .2rem;}
.history .list2 .swiper-slide .text .editor{font-size:.18rem;color:#656565;}
.history .list2 .swiper-slide .text .editor p{margin:0;padding-left:.2rem;position:relative;line-height:.35rem;}
.history .list2 .swiper-slide .text .editor p:before{content:'';width:6px;height:6px;background:#606060;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.history .list2 .swiper-slide-active>div{transform:none !important;opacity:1;visibility:visible;transition:all .8s linear;transition-delay:.2s}
.organize .fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.organize .fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.9rem .8rem 1.25rem;}
.organize .fixed_box .mains.met_hidden{top:70%}
.organize{position:relative;padding:.7rem 0 1.25rem;}
.organize:before{background-position:center;background-repeat:no-repeat;background-size:cover;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}
.organize h3{font-size:.36rem;color:#FFF;font-weight:bold;padding:0 0 .3rem;position:relative}
.organize h3:before{content:'';width:.41rem;height:3px;background:#1076c1;position:absolute;left:0;bottom:0}
.organize .editor{text-align:center;}
.organize .editor img{max-width:8.8rem;transition:none;}
.organize .editor p{font-size:.16rem;color:#FFF;margin:.35rem 0 0}
.organize .editor .more {display:inline-block;font-size:.16rem;color:#FFF;width:1.11rem;height:1.17rem;background:url(../images/icon12.png) center no-repeat;background-size:1.11rem 1.17rem;line-height:1.17rem;margin:.75rem 0 0}
.organize .editor .more img{width:.2rem;transition:none;margin:0 0 .1rem;}
.organize .editor .more span{display:inline-block;line-height:normal;vertical-align:middle;}
.organize .imgs{position:absolute;right:1.1rem;bottom:-2.3rem;z-index:1;}
.organize .imgs span{background:none !important;}
.organize .imgs img{width:4.32rem;transition:none;}

.culture{padding:1.85rem 0 1.15rem;background:url(../images/icon14.png) 0 0 no-repeat;background-size:100% 100%;}
.culture h3{margin:0 0 .35rem;position:relative;font-size:.48rem;color:#1076c1;}

.culture .editor>div{display:inline-block;vertical-align:middle;}
.culture .editor>div.txt{width:20.5%;border-right:1px solid #d4d4d4;padding:1rem .35rem 1.2rem 0;font-size:.24rem;color:#5c5c5c;line-height:1.9;}
.culture .editor>div.item{width:79.5%;}
.culture .editor>div.item>div{display:inline-block;vertical-align:top;width:25%;text-align:center;padding:0 .15rem;}
.culture .editor>div.item h6{font-size:.24rem;color:#272727;font-weight:bold;margin:0 0 .25rem;}
.culture .editor>div.item p{margin:0 0 .35rem;}
.culture .editor>div.item em{font-size:.18rem;color:#494848;line-height:1.7}
.culture .editor>div.item img{width:.73rem;transition:none;}

.honor{background:url(../images/icon15.jpg) center bottom no-repeat;background-size:cover}
.honor ol{margin:0;padding:0}
.honor ol li {display:inline-block;vertical-align:top;width:50%;}
.honor ol li a{display:block;position:relative;font-size:.16rem;color:#323232;background:#dedede;line-height:.78rem;padding:0 .58rem;}
.honor ol li#current a{background:#1076c1;color:#FFF}
.honor ol li:first-child {text-align:right;}
.honor .pad16 {margin:0 1.6rem;padding:0;position:relative}

.honor .title{position:absolute;top:.85rem;left:0;}
.honor .title h3{font-size:.48rem;color:#1076c1;margin:0 0 .35rem;position:relative;}

.honor .title p{font-size:.16rem;color:#1076c1;margin:0}

.honor .items{padding:1.45rem 0 .85rem;}
.honor .items .gallery_h{margin:0 1rem .8rem;text-align:center}
.honor .items .gallery_h .swiper-slide{transform:scale(.65)}
.honor .items .gallery_h p{font-size:.18rem;color:#1076c1;margin:.35rem 0 0;opacity:0;visibility:hidden;transform:translateY(.5rem);}
.honor .items .gallery_h .swiper-slide-active {transform:none;}
.honor .items .gallery_h .swiper-slide-active p{opacity:1;visibility:visible;transform:none;transition-delay:.2s}
.honor .items .list2{position:relative;padding:0 1rem;}
.honor .items .list2 .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.55rem;height:.55rem;outline:none;border:1px solid #8a8a8a;border-radius:100%;line-height:.53rem;text-align:center;font-size:.2rem;color:#8c8c8c}
.honor .items .list2 .swiper-page>div.slide-button-next{left:auto;right:0}
.honor .items .list2 .swiper-page>div:hover {background:#1076c1;border-color:#1076c1;color:#FFF}
.honor .items .list2 .swiper-slide h6{font-size:.18rem;color:#545454;text-align:center;cursor:pointer;}
.honor .items .list2 .swiper-slide-thumb-active h6{color:#1076c1;font-weight:bold;}

.product_box{width:100%;height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;}
.product_box ol{z-index: 13;
    padding-top: 1.35rem;
    padding-bottom: 0.5rem;
    position: absolute;
    height: 100%;
    width: 15.6vw;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-position: center;
    background-size: auto 100%;}
	
.product_box li {height:25%;padding:.14rem 0}
.product_box li a{display:inline-block;position:relative}
.product_box li a:before{content:'';width:100%;height:100%;background:url(../images/c9.png) center no-repeat;background-size:auto 100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition: all 0.6s ease-in-out;visibility:hidden}

.product_box li a>img{max-height:1.6rem;transition: all 0.6s ease-in-out;}
.product_box li .imgs{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%)}
.product_box li .imgs img{max-height:.62rem;transition:none;}
.product_box li .imgs p{font-size:.16rem;color:#2e2e2e;margin:.15rem 0 0}
.product_box li a:hover>img{transform:scale(1.06)}
.product_box li#current a>img{opacity:0;visibility:hidden}
.product_box li#current a:before{opacity:1;visibility:visible;}

.product_box .itembox{    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    padding: 0 9vw 0 15.6vw;}
.product_box .itembox>div{width:100%;height:100vh;position:absolute;opacity:0;transform:translateX(-.8rem);visibility:hidden;pointer-events: none;left:0;top:0}
.product_box .itembox>div.ons {opacity:1;transform:none;visibility:visible;transition:all 1.2s ease-in-out;pointer-events: auto;
}
.product_box .itembox>div .swiper-container{height:100%;overflow:initial}
.product_box .itembox>div .swiper-slide{height: 41.7vw;}
.product_box .itembox>div .swiper-slide .box {    height: 100%;
    padding-left: 15.6vw;
    padding-right: 9vw;
    display: flex;
    align-items: center;
    justify-content: space-between;}

.product_box .itembox>div .swiper-slide .text{padding-left: 2vw;
    width: 5rem;}
	
.product_box .itembox>div .swiper-slide .text>*{opacity:0;transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;transform:translate3d(20px, 0, 0);backface-visibility: hidden;}
.product_box .itembox>div .swiper-slide .text h5{font-size:.6rem;color:#FFF;font-weight:bold;margin:0 0 .5rem;transition-delay: 0.6s;}
.product_box .itembox>div .swiper-slide .text p{font-size:.2rem;color:#FFF;line-height:1.75;margin:0 0 1rem;    transition-delay: 0.8s;}
.product_box .itembox>div .swiper-slide .text a{display:inline-block;padding:0 .43rem;border-radius:35px;line-height:.67rem;font-size:.14rem;color:#353535;background:#FFF;transition-delay: 1s;}
.product_box .itembox>div .swiper-slide .text a img{max-height:.16rem;transition:none;margin-right:.1rem;}
.product_box .itembox>div .swiper-slide-active .text>*{opacity:1;transform: none;backface-visibility: hidden;}

.product_box .itembox>div .swiper-slide .box .photo{    width: 41.7vw;
    display: block;
    height: 40vw;
    position: relative;}
.product_box .itembox>div .swiper-slide .photo .pic {background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;background-color:#FFF;position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;}
	
.product_box .itembox>div .swiper-slide .photo .pic path {    stroke-width: 70px;
    stroke: #000;transform-origin: 50% 50%;}
.product_box .itembox>div .slide-pagination{position:absolute;right:.8rem;bottom:.8rem;z-index:1;font-size:.6rem;color:#FFF;left:auto;width:auto;font-family:"FuturaBTBook"}	
/**/
.comshow_pro>div {visibility:hidden}
.product_box1{background:url(../images/icon17.jpg) 0 0 no-repeat;background-size:cover;}
.product_box1 .main0 {position:relative;}
.product_box1 .main0>div{padding-top:1.45rem;padding-bottom:.65rem;position:relative;}
.product_box1 .main0 h3{font-size:.48rem;color:#1076c1;font-weight:bold;margin:0 0 .4rem 2.1rem;text-align:center;}
.product_box1 .main0 .editor{margin-left:2.1rem;}
.product_box1 .main0 .editor>p{font-size:.2rem;color:#353535;margin:0 0 .45rem;line-height:1.75;text-align:center;}
.product_box1 .main0 .editor .item>div{display:inline-block;margin-right:.7rem;background:#FFF;width:4.52rem;height:5.05rem;padding:.79rem .4rem 0;vertical-align:top;}
.product_box1 .main0 .editor .item h6{font-size:.2rem;color:#282828;font-weight:bold;padding-left:.4rem;position:relative;margin:0 0 .35rem;}
.product_box1 .main0 .editor .item h6:before{content:'';width:.19rem;height:.19rem;background:#d2d2d2;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.product_box1 .main0 .editor .item>div.t1>em {font-size:.16rem;color:#3a3a3b;}
.product_box1 .main0 .editor .item>div.t1>p{font-size:.16rem;color:#2a80c5;line-height:1.7;margin:.34rem 0 .45rem;} 
.product_box1 .main0 .editor .item>div .t>p{display:inline-block;vertical-align:top;width:33.333%;margin:0;padding:0 .1rem;font-size:.16rem;color:#1076c1;text-align:center;}
.product_box1 .main0 .editor .item>div .t>p img{max-height:.7rem;transition:none;margin:0 auto .15rem;display:block;}
.product_box1 .main0 .editor .item>div.t2 .t{font-size:.16rem;color:#2a80c5;line-height:1.7;margin:.55rem 0} 
.product_box1 .main0 .editor .item>div.t2>p{font-size:.16rem;color:#3a3a3b;line-height:1.7;} 
.product_box1 .main0 .imgs{position:absolute;left:0;top:0;width:3.68rem;height:100%;z-index:1;overflow:hidden;}
.product_box1 .main0 .imgs img {width:100%;height:100%;object-fit:cover;}
.product_box1 .main0 .editor .img2{position:absolute;left:1.5rem;bottom:-2.5rem;z-index:2}
.product_box1 .main0 .editor .img2 img{width:3.17rem;transition:none;}
.product_box1 .main0 .editor .img1 {position:absolute;right:6px;top:40%;display:none}
.product_box1 .main0 .editor .img1 img{max-width:3.97rem;transition:none;}
.product_box1 .main0 .down_b{margin:.15rem 0 0;text-align:center;}
.product_box1 .main0 .down_b img{width:1.26rem;transition:none;display:inline-block}
.product_box1 .main0 .down_b span{background:none !important;}

.product_box1 .main1 {padding:1rem 0;border-top:1px solid #FFF;border-bottom:1px solid #FFF}
.product_box1 .main1 .title{text-align:center;margin:0 0 .8rem;}
.product_box1 .main1 .title h6{font-size:.36rem;color:#2e2e2e;font-weight:bold;}
.product_box1 .main1 .title p{font-size:.18rem;color:#2e2e2e;margin:.3rem 0 0}
.product_box1 .main1 .editor{margin:0 0 1rem;}
.product_box1 .main1 .editor>div{display:inline-block;vertical-align:top;width:33.333%;padding:0 .15rem;}
.product_box1 .main1 .editor>div .t {background:#FFF;position:relative;padding:.3rem .54rem .35rem;box-shadow:.15rem .15rem .43rem rgba(0,0,0,.07)}
.product_box1 .main1 .editor>div .t h6{font-size:.24rem;color:#3c3c3c;font-weight:bold;}
.product_box1 .main1 .editor>div .t p{font-size:.16rem;color:#3c3c3c;margin:.15rem 0 0;line-height:1.65}
.product_box1 .main1 .editor>div .t p em{color:#1076c1}
.product_box1 .main1 .editor>div .t:before,.product_box1 .main1 .editor>div .t:after{content:'';width:.42rem;height:.42rem;border-radius:100%;background:#1076c1;position:absolute;left:-.16rem;top:-.22rem;}
.product_box1 .main1 .editor>div .t:after{width:.22rem;height:.22rem;background:#3fac45;top:-.05rem;left:.1rem;}
.product_box1 .main1 .imgs{position:relative;margin-left:.69rem;text-align:right;overflow:hidden}
.product_box1 .main1 .imgs .info{position:absolute;left:0;top:0;width:34.5%;height:100%;background:#1076c1;display:flex;flex-direction: column;justify-content: center;align-items: flex-start;padding:0 .8rem 0 .45rem;text-align:left;}

.product_box1 .main1 .imgs .info:after{content:'';width:5.65rem;height:100%;background:url(../images/icon19.png) 0 0 no-repeat;background-size:auto 100%;position:absolute;right:-.3rem;top:0;z-index:1}
.product_box1 .main1 .imgs .info>*{position:relative;z-index:3}
.product_box1 .main1 .imgs .info h6{font-size:.2rem;color:#FFF;font-weight:bold;}
.product_box1 .main1 .imgs .info p{font-size:.16rem;color:#FFF;margin:.35rem 0 0;line-height:1.65}
.product_box1 .main1 .imgs img{display:inline-block;}

.product_box1 .main2 {padding:.85rem 0 3rem;}
.product_box1 .main2 .title{text-align:center;margin:0 0 .65rem;}
.product_box1 .main2 .title h6{font-size:.36rem;color:#2e2e2e;font-weight:bold;}
.product_box1 .main2 .title p{font-size:.18rem;color:#2e2e2e;margin:.3rem 0 0}
.product_box1 .main2 .editor{background:#f8f8f8;border-radius:20px 0 0 20px;}
.product_box1 .main2 .editor>div{display:inline-block;vertical-align:top;}
.product_box1 .main2 .editor>div h6{font-size:.24rem;color:#1076c1;font-weight:bold;text-align:center;line-height:.77rem;height:.77rem;border-bottom:1px solid #ebebeb}
.product_box1 .main2 .editor .item1 {width:19%;background:#1076c1;border-radius:20px;}
.product_box1 .main2 .editor .item1 h6{border-color:#3d90cd}
.product_box1 .main2 .editor .item1 p{font-size:.2rem;color:#FFF;font-weight:bold;margin:0;border-bottom:1px solid #3d90cd;height:.67rem;display:flex;width:100%;flex-direction: row;align-items: center;    justify-content: center;}
.product_box1 .main2 .editor .item1 p:last-child{border-bottom:0}
.product_box1 .main2 .editor .item2 {width:42%;border-right:2px solid #dadada}
.product_box1 .main2 .editor .item2 p,.product_box1 .main2 .editor .item3 p{font-size:.16rem;font-weight:bold;color:#343434;margin:0;border-bottom:1px solid #ebebeb;padding:0 .34rem;height:.67rem;display:flex;width:100%;flex-direction: row;align-items: center;}
.product_box1 .main2 .editor .item3 {width:39%}

.product_box2{background:url(../images/icon17.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 3rem;}
.product_box2 .main0 {padding:1.4rem 0 .48rem;position:relative}
.product_box2 .main0:before{content:'';width:100%;height:100%;background:url(../images/icon20.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;}
.product_box2 .main0>div{position:relative;z-index:2}
.product_box2 .main0 h3{font-size:.48rem;color:#1076c1;font-weight:bold;margin:0 0 .75rem;text-align:center;}
.product_box2 .main0 .editor{text-align:center;padding:0 0 3.8rem}
.product_box2 .main0 .editor>p{font-size:.2rem;color:#353535;margin:0 0 .95rem;}
.product_box2 .main0 .editor .item>div{display:inline-block;vertical-align:top;width:33%;padding:0 .5rem;}
.product_box2 .main0 .editor .item p{margin:0;font-size:.16rem;color:#3d3e3e;}
.product_box2 .main0 .editor .item h6{font-size:.2rem;color:#1076c1;margin:.45rem 0 .3rem;}
.product_box2 .main0 .editor .item p img{max-height:1.41rem;transition:none;}
.product_box2 .main0 .imgs{position:absolute;left:0;top:40%;}
.product_box2 .main0 .imgs img{width:4.42rem;transition:none;}
.product_box2 .main0 .imgs span,.product_box2 .main0 .down_b span{background:none !important;}
.product_box2 .main0 .down_b{margin:2.6rem 0 0;text-align:center}
.product_box2 .main0 .down_b img {width:1.26rem;transition:none;display:inline-block}

.product_box2 .main1 {}
.product_box2 .main1>div{position:relative;padding-top:2.05rem;padding-bottom:2.5rem;}
.product_box2 .main1 h3{font-size:.36rem;color:#2e2e2e;font-weight:bold;text-align:center;margin:0 0 .95rem;}
.product_box2 .main1 .editor{font-size:.18rem;color:#2e2e2e;line-height:1.7;text-align:center;margin:0 2.9rem;}
.product_box2 .main1 .imgs{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}
.product_box2 .main1 .imgs img{width:4.3rem;transition:none;}
.product_box2 .main1 .imgs span{background:none !important;}
.product_box2 .main1>div:before{content:attr(data-name);font-size:.8rem;color:#383939;opacity:.15;position:absolute;left:.3rem;top:.7rem}
.product_box2 .main1>div:after{content:attr(data-title);font-size:.8rem;color:#383939;opacity:.15;position:absolute;left:50%;bottom:.7rem;z-index:3;transform:translateX(-50%)}

.product_box2 .main2 {padding:1.1rem 0 1.5rem;position:relative}
.product_box2 .main2:before{content:'';width:100%;height:100%;background:url(../images/icon21.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;top:0;left:0}
.product_box2 .main2>div{position:relative;z-index:2}
.product_box2 .main2 .title{text-align:center;margin:0 0 .65rem;}
.product_box2 .main2 .title h6{font-size:.36rem;color:#2e2e2e;font-weight:bold;}
.product_box2 .main2 .title p{font-size:.18rem;color:#2e2e2e;margin:.3rem 0 0}
.product_box2 .main2 .editor{background:#f8f8f8;border-radius:20px 0 0 20px;margin:0 1.05rem;}
.product_box2 .main2 .editor>div{display:inline-block;vertical-align:top;}
.product_box2 .main2 .editor>div h6{font-size:.24rem;color:#1076c1;font-weight:bold;text-align:center;line-height:.77rem;height:.77rem;border-bottom:1px solid #ebebeb}
.product_box2 .main2 .editor .item1 {width:19%;background:#1076c1;border-radius:20px;}
.product_box2 .main2 .editor .item1 h6{border-color:#3d90cd}
.product_box2 .main2 .editor .item1 p{font-size:.2rem;color:#FFF;font-weight:bold;margin:0;border-bottom:1px solid #3d90cd;height:1.52rem;display:flex;width:100%;flex-direction: row;align-items: center;    justify-content: center;text-align:center}
.product_box2 .main2 .editor .item1 p:last-child{border-bottom:0}
.product_box2 .main2 .editor .item2 {width:42%;border-right:2px solid #dadada}
.product_box2 .main2 .editor .item2 p,.product_box2 .main2 .editor .item3 p{font-size:.16rem;font-weight:bold;color:#343434;margin:0;border-bottom:1px solid #ebebeb;padding:0 .34rem;height:1.52rem;display:flex;width:100%;flex-direction: row;align-items: center;}

.product_box2 .main2 .editor .item3 {width:39%}
.product_box2 .main2 .editor .item3>*:first-child+*{height:.66rem;}
.product_box2 .main2 .editor .item3>*:first-child+*+* {height:.86rem;}

.product_box3{background:url(../images/icon17.jpg) 0 0 no-repeat;background-size:cover;}
.product_box3 .main0 {padding:1.47rem 0 2.3rem;text-align:center;position:relative}
.product_box3 .main0 h3{font-size:.48rem;color:#1076c1;font-weight:bold;margin:0 0 .6rem;}
.product_box3 .main0 .editor{padding:0 3rem 3.3rem;font-size:.16rem;color:#3a3a3b;line-height:1.7}
.product_box3 .main0 .editor>div{position:absolute;}
.product_box3 .main0 .editor>div.img1 {left:.55rem;top:1rem;max-width:4.63rem;}
.product_box3 .main0 .editor>div.img2 {right:0;top:.95rem;max-width:4.16rem;}
.product_box3 .main0 .editor>div.img3 {right:17%;top:45%;max-width:3.97rem;}
.product_box3 .main0 .editor>div.img4 {left:0;bottom:.25rem;max-width:3.34rem;}
.product_box3 .main0 .editor h6{position:absolute;font-size:1rem;color:#383939;font-weight:bold;opacity:.15;}
.product_box3 .main0 .editor h6.t1 {left:1.1rem;top:55%}
.product_box3 .main0 .editor h6.t2 {left:4.35rem;top:67%;font-size:.8rem;}
.product_box3 .main0 .editor h6.t3 {right:2%;top:69%;font-size:.8rem;}
.product_box3 .main0 .down_b{margin:2.1rem 0 0;}
.product_box3 .main0 .down_b span{background:none !important}
.product_box3 .main0 .down_b img{width:1.26rem;transition:none;display:none;}

.product_box3 .main1{padding:.9rem 0 1.05rem;border-top:1px solid #FFF;border-bottom:1px solid #FFF}
.product_box3 .main1 h3{font-size:.36rem;color:#1076c1;font-weight:bold;margin:0 0 .6rem;text-align:center}
.product_box3 .main1 .editor .item1{margin:0 0 .85rem;display:flex;width:100%}
.product_box3 .main1 .editor .item1>div{width:35%;height:4.88rem;display:flex;flex-direction: column;align-items: center;    justify-content: center;}
.product_box3 .main1 .editor .item1 .t1 {background:#FFF;text-align:center;}
.product_box3 .main1 .editor .item1 .t1 p{font-size:.3rem;color:#2c2c2c;margin:.35rem 0 0}
.product_box3 .main1 .editor .item1 .t2 {width:63%;margin-left:2%;background:#FFF;text-align:center;    flex-direction: row;}
.product_box3 .main1 .editor .item1 .t2>p{display:inline-block;vertical-align:top;width:25%;padding:0 .32rem;margin:0}
.product_box3 .main1 .editor .item1 .t2 img{max-height:1.53rem;transition:none;}
.product_box3 .main1 .editor .item1 .t2 em{display:block;font-size:.2rem;color:#2c2c2c;margin:.4rem 0 0}
.product_box3 .main1 .editor .item2 h6,.product_box3 .main1 .editor .item3 h6{font-size:.3rem;color:#1076c1;font-weight:bold;margin:0 0 .35rem;}
.product_box3 .main1 .editor .item2 table{background:#FFF}
.product_box3 .main1 .editor .item2 table td {font-size:.16rem;color:#353535;line-height:.5rem;border:1px solid #f2f4f4;padding-left:.4rem}
.product_box3 .main1 .editor .item2 table tr:first-child {background:#ddeaf4}
.product_box3 .main1 .editor .item2 table tr:first-child td {color:#1076c1;line-height:.65rem;}
.product_box3 .main1 .editor .item3{margin:.6rem 0 1rem;}
.product_box3 .main1 .editor .item4>p{font-size:.2rem;color:#343434;}
.product_box3 .main1 .editor .item4>p em {color:#1076c1}
.product_box3 .main1 .editor .item4 .t {background:#FFF;padding:.4rem 0 .25rem;}
.product_box3 .main1 .editor .item4 .t>div{display:inline-block;vertical-align:bottom;width:40%}
.product_box3 .main1 .editor .item4 .t .t1 {padding:0 .55rem;}
.product_box3 .main1 .editor .item4 .t .t1 h6{font-size:.3rem;color:#1076c1;font-weight:bold;margin:0 0 .55rem;}
.product_box3 .main1 .editor .item4 .t .t1 img{width:3.5rem;transition:none;}
.product_box3 .main1 .editor .item4 .t .t2 {width:60%;padding:0 1.7rem 0 0;}
.product_box3 .main1 .editor .item4 .t .t2>p{display:inline-block;vertical-align:top;width:50%;margin:.4rem 0 0;padding:0 .4rem 0 0;position:relative}
.product_box3 .main1 .editor .item4 .t .t2 img{width:100%;height:2.25rem;object-fit:cover;transition:none;}
.product_box3 .main1 .editor .item4 .t .t2 em {position:absolute;left:.25rem;top:.34rem;z-index:1;font-size:.24rem;color:#1076c1;font-weight:bold;}

.product_box3 .main2 {padding:.9rem 0 1.75rem;}
.product_box3 .main2 h3{font-size:.36rem;color:#1478c2;font-weight:bold;text-align:center;margin:0 0 .65rem;}
.product_box3 .main2 ol{margin:0 0 1.2rem;padding:0;text-align:center}
.product_box3 .main2 ol li {display:inline-block;padding:0 .1rem;}
.product_box3 .main2 ol li a{display:block;background:#FFF;border-radius:100%;border-radius:35px;min-width:2.9rem;font-size:.2rem;color:#1076c1;line-height:.7rem;}
.product_box3 .main2 ol li#current a{background:#1076c1;color:#FFF}
.product_box3 .main2 .itembox>div{display:none;}
.product_box3 .main2 .itembox .name {margin:0 0 .3rem;}
.product_box3 .main2 .itembox .name h6{font-size:.36rem;color:#2e2e2e;}
.product_box3 .main2 .itembox .name p{font-size:.16rem;color:#6f6f6f;margin:.1rem 0 0}
.product_box3 .main2 .itembox .editor>div{display:inline-block;vertical-align:top;width:56%}
.product_box3 .main2 .itembox .editor .text{}
.product_box3 .main2 .itembox .editor .text h6{font-size:.3rem;color:#1076c1;font-weight:bold;}
.product_box3 .main2 .itembox .editor .text>p{font-size:.2rem;color:#494949;margin:.3rem 0}
.product_box3 .main2 .itembox .editor .text .imgs>div{display:inline-block;vertical-align:top;width:49%;margin-right:1%;position:relative}
.product_box3 .main2 .itembox .editor .text .imgs>div p{position:absolute;bottom:.42rem;left:0;font-size:.16rem;color:#FFF;width:100%;text-align:center;z-index:2}
.product_box3 .main2 .itembox .editor .text .imgs>div:before{content:'';width:100%;height:100%;position:absolute;background:linear-gradient(to bottom, rgba(32,83,187,0), rgba(32,83,187,.5));top:0;left:0}
.product_box3 .main2 .itembox .editor .info {width:44%;padding-left:.3rem;}
.product_box3 .main2 .itembox .editor .info table{width:100%;background:#f1f7fb;text-align:center;}
.product_box3 .main2 .itembox .editor .info table td {border:1px solid #FFF;line-height:.44rem;font-size:.16rem;color:#373737}
.product_box3 .main2 .itembox .editor .info table tr:first-child {background:#ddeaf4}
.product_box3 .main2 .itembox .editor .info table tr:first-child td {font-size:.2rem;color:#1076c1;font-weight:bold;line-height:.56rem;}

.product_box4{background:url(../images/icon17.jpg) 0 0 no-repeat;background-size:cover;}
.product_box4 .main0 {padding:1.35rem 0 .6rem;position:relative}
.product_box4 .main0 .editor{padding:0 0 2.8rem}
.product_box4 .main0 h3{font-size:.48rem;color:#1076c1;font-weight:bold;text-align:center;margin:0 0 .4rem;}
.product_box4 .main0 .editor>p{font-size:.2rem;color:#353535;text-align:center;margin:0 0 .7rem;}
.product_box4 .main0 .editor .item{margin:0 0 .4rem .75rem;position:relative;background:#FFF;width:69%;padding:.5rem .55rem .6rem 2.65rem;}
.product_box4 .main0 .editor .item p{margin:0;font-size:.18rem;color:#343333;}
.product_box4 .main0 .editor .item h6{font-size:.24rem;color:#1076c1;margin:0 0 .2rem;}
.product_box4 .main0 .editor .item p:first-child{position:absolute;position:absolute;left:-.75rem;top:50%;transform:translateY(-50%);}
.product_box4 .main0 .editor .item p img{width:2.13rem;transition:none;}
.product_box4 .main0 .editor .item2 {margin-left:31%;padding:.5rem 2.65rem .6rem .55rem;transform:translateX(-.75rem)}
.product_box4 .main0 .editor .item2 p:first-child{left:auto;right:-.75rem}
.product_box4 .main0 .editor .img1 {position:absolute;left:1.6rem;bottom:.85rem;}
.product_box4 .main0 .editor .img1 img{width:3.97rem;transition:none;}
.product_box4 .main0 .editor .img2 {position:absolute;top:.72rem;right:1.6rem;}
.product_box4 .main0 .editor .img2 img{width:3.17rem;transition:none;}
.product_box4 .main0 .down_b{margin:1.6rem 0 0;}
.product_box4 .main0 .down_b span{background:none !important}
.product_box4 .main0 .down_b img{width:1.26rem;transition:none;margin:0 auto}

.product_box4 .main1 {padding:1.15rem 0 1.75rem;border-top:1px solid #FFF}
.product_box4 .main1 h3{font-size:.36rem;color:#2e2e2e;text-align:center;margin:0 0 .65rem;font-weight:bold;}
.product_box4 .main1 ol{margin:0 0 .9rem;padding:0;text-align:center}
.product_box4 .main1 ol li {display:inline-block;padding:0 .1rem;}
.product_box4 .main1 ol li a{display:block;background:#FFF;border-radius:100%;border-radius:35px;min-width:2.9rem;font-size:.2rem;color:#1076c1;line-height:.7rem;}
.product_box4 .main1 ol li#current a{background:#1076c1;color:#FFF}
.product_box4 .main1 .itembox>div{display:none;}
.product_box4 .main1 .box1 {margin:0 0 1rem;}
.product_box4 .main1 .box1 .editor{background:#FFF;position:relative;}
.product_box4 .main1 .box1 .editor>*{display:inline-block;vertical-align:middle;width:33.333%}
.product_box4 .main1 .box1 p{margin:0;}
.product_box4 .main1 .box1 p:first-child {padding:.16rem;background:#FFF}
.product_box4 .main1 .box1 .text{padding:0 .4rem;}
.product_box4 .main1 .box1 .text h6{font-size:.3rem;color:#2e2e2e;margin:0 0 .2rem;}
.product_box4 .main1 .box1 .text .t {padding:.3rem 0;border-bottom:1px solid #e1e1e1}
.product_box4 .main1 .box1 .text .t:last-child{border-bottom:0}
.product_box4 .main1 .box1 .text .t>*{display:inline-block;vertical-align:middle;width:24%}
.product_box4 .main1 .box1 .text .t p{width:76%;font-size:.2rem;color:#2e2e2e;margin:0;line-height:1.65}
.product_box4 .main1 .box2 {position:relative;padding:1.4rem 0 1.1rem;}
.product_box4 .main1 .box2:before{content:'';width:100%;height:6.48rem;background:url(../images/icon22.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;left:0;top:0}
.product_box4 .main1 .box2>div>*{position:relative;z-index:3}
.product_box4 .main1 .box2 h6{font-size:.3rem;color:#2e2e2e;font-weight:bold;text-align:center;margin:0 0 .3rem;}
.product_box4 .main1 .box2 p{font-size:.18rem;color:#2e2e2e;line-height:1.65;text-align:center;margin:0 0 .4rem;}
.product_box4 .main1 .box2 .img1 {position:absolute;right:5%;top:.2rem;width:32.4%}

.product_box4 .main1 .box2 .img2 {position:absolute;left:1.4rem;bottom:-.65rem;}
.product_box4 .main1 .box2 .img2 img{width:4.51rem;transition:none;}

.product_box4 .main1 .box3 {padding:.35rem 0 .68rem;text-align:center;}
.product_box4 .main1 .box3 h6{font-size:.3rem;color:#2e2e2e;text-align:center;font-weight:bold;margin:0 0 .7rem;}
.product_box4 .main1 .box3>div{display:inline-block;vertical-align:top;max-width:50%;text-align:center;padding:0 .75rem;}
.product_box4 .main1 .box3 img{width:3rem;transition:none;}
.product_box4 .main1 .box3 p{font-size:.24rem;color:#2e2e2e;margin:.5rem 0 0}

.product_box4 .main1 .box4{padding:1.9rem 4.5rem 2.45rem;position:relative;background-size:100% 100% !important;}
.product_box4 .main1 #pro0 .box4{background:url(../images/icon23.png) 0 0 no-repeat;}
.product_box4 .main1 #pro1 .box4{background:url(../images/icon23-1.png) 0 0 no-repeat;}
.product_box4 .main1 #pro2 .box4{background:url(../images/icon23-2.png) 0 0 no-repeat;}
.product_box4 .main1 #pro3 .box4{background:url(../images/icon23-3.png) 0 0 no-repeat;}

.product_box4 .main1 .box4>div{display:inline-block;vertical-align:top;width:50%;height:2.9rem;text-align:center;padding:0 .55rem;border-right:1px solid rgba(255,255,255,.62);border-bottom:1px solid rgba(255,255,255,.62)}
.product_box4 .main1 .box4 p{margin:0;font-size:.16rem;color:#FFF;}
.product_box4 .main1 .box4 h6{font-size:.3rem;color:#FFF;margin:.35rem 0}
.product_box4 .main1 .box4 p:first-child img{width:.66rem;transition:none;}
.product_box4 .main1 .box4 >div:first-child+div,.product_box4 .main1 .box4 >div:last-child{border-right:0}
.product_box4 .main1 .box4 >div:first-child+div+div,.product_box4 .main1 .box4 >div:first-child+div+div+div{border-bottom:0;padding-top:.7rem;}
.product_box4 .main1 .box4 >div:first-child+div+div+div{border-right:0}
.product_box4 .main1 .box5 h6{font-size:.36rem;color:#2e2e2e;margin:0 0 .35rem;font-weight:bold;}
.product_box4 .main1 .box5 p{font-size:.18rem;color:#2e2e2e;margin:0 0 .6rem;}
.product_box4 .main1 .box5 table{background:#1076c1;border-radius:18px;}
.product_box4 .main1 .box5 table td {border:1px solid rgba(255,255,255,.3);font-size:.2rem;color:#FFF;text-align:center;height:1.3rem;font-weight:bold;vertical-align:middle}
.product_box4 .main1 .box5 table tr:first-child td{height:.75rem;}

/*可持续发展*/
.develop{}
.develop .main0 {padding:1.25rem 0 1.3rem;background:url(../images/icon24.png) 0 0 no-repeat;background-size:cover;}
.develop .main0 h3{font-size:.48rem;color:#1076c1;padding:0 0 .3rem;position:relative}

.develop .main0 .editor{padding:.8rem 0 0;position:relative;text-align:center}
.develop .main0 .editor:before{content:'Information platform';position:absolute;top:0;left:0;width:100%;text-align:center;text-transform:uppercase;font-size:1.16rem;color:#1a1a1a;opacity:.05;font-weight:bold;}
.develop .main0 .editor .text{margin:0 0 .25rem;text-align:left;}
.develop .main0 .editor .text>*{display:inline-block;vertical-align:middle;}
.develop .main0 .editor .text em{width:8%}
.develop .main0 .editor .text p{margin:0;width:40%;font-size:.2rem;color:#353535;line-height:1.6;}
.develop .main0 .editor .imgs{display:inline-block;position:relative;padding-left:2.45rem;padding-bottom:.8rem;}
.develop .main0 .editor .imgs>img{width:6.31rem;transition:none;}
.develop .main0 .editor .imgs .t1 {position:absolute;left:0;bottom:.4rem;}
.develop .main0 .editor .imgs .t1 p{font-size:.2rem;color:#272727;margin:0 0 .2rem;padding:0 0 .5rem;position:relative;background:url(../images/icon25.png) center bottom no-repeat;background-size:.11rem auto;font-weight:bold;}
.develop .main0 .editor .imgs .t2 {position:absolute;bottom:0;left:.4rem;}
.develop .main0 .editor .imgs .t2 p{font-size:.2rem;color:#272727;margin:0 .3rem 0 0;padding:0 .5rem 0 0;position:relative;background:url(../images/icon25-1.png) right center no-repeat;background-size:.22rem auto;font-weight:bold;display:inline-block;}
.develop .main0 .editor .imgs .t2 p:last-child{margin:0;padding:0;background:none;}

.develop .main1 {background:url(../images/icon26.jpg) center no-repeat;background-size:cover;padding:.9rem 0 0;}
.develop .main1 h3{font-size:.48rem;color:#FFF;text-align:center;padding:0 0 .3rem;position:relative;margin:0 0 .7rem;}

.develop .main1 .lists{position:relative;margin:0 auto;width:12.78rem;height:5.27rem;overflow:hidden;}
.develop .main1 .lists:before{content:'';width:12.78rem;height:12.78rem;border-radius:100%;position:absolute;top:0;left:0;background:#FFF}
.develop .main1 .lists .swiper-slide{height:5.27rem;position:relative;overflow:hidden}
.develop .main1 .lists .swiper-slide>div{visibility:hidden;transform:rotate(120deg);transition:all .8s linear;width:100%;height:100%;border-radius:100%;overflow:hidden;}
.develop .main1 .lists .swiper-slide:before,.develop .main1 .lists .swiper-slide:after{content:'';width:9.33rem;height:9.33rem;border:1px dashed #dbdbdb;position:absolute;top:1.6rem;left:50%;transform:translateX(-50%);border-radius:100%}
.develop .main1 .lists .swiper-slide:after{width:5.87rem;height:5.87rem;background:#f4f7f9;top:100%;transform:translate(-50%,-1.93rem)}
.develop .main1 .lists .items {position:absolute;z-index:2}
.develop .main1 .lists .items img{max-height:.87rem;transition:none;}
.develop .main1 .lists .i0 {bottom:1rem;left:.7rem;}
.develop .main1 .lists .i1 {top:2.17rem;left:1.8rem;}
.develop .main1 .lists .i2 {top:.9rem;left:3.2rem;}
.develop .main1 .lists .i3 {top:.4rem;left:50%;transform:translateX(-50%)}
.develop .main1 .lists .i4 {top:.9rem;right:3.2rem;}
.develop .main1 .lists .i5 {top:2.17rem;right:1.6rem;}
.develop .main1 .lists .i6 {bottom:1rem;right:.7rem;}
.develop .main1 .lists .i7 {bottom:.5rem;left:2.54rem;}
.develop .main1 .lists .i8 {bottom:1.7rem;left:3.6rem;}
.develop .main1 .lists .i9 {bottom:1.7rem;right:3.7rem;}
.develop .main1 .lists .i10 {top:2.24rem;left:50%;transform:translateX(-50%)}
.develop .main1 .lists .i11 {bottom:.5rem;right:2.4rem;}
.develop .main1 .slide-pagination{position:absolute;bottom:.65rem;left:50%;transform:translateX(-50%);z-index:2}
.develop .main1 .slide-pagination span{opacity:1;outline:none;margin:0 .1rem;width:.12rem;height:.12rem;border:1px solid #bfc0c0;background:none;}
.develop .main1 .slide-pagination span.swiper-pagination-bullet-active {background:#1076c1;border-color:#1076c1}
.develop .main1 .lists .swiper-slide-active>div{visibility:visible;transform:none;}

.develop .main2 {background:url(../images/icon27.jpg) center bottom no-repeat;background-size:cover;padding:1.25rem 0 .8rem;}
.develop .main2 h3{font-size:.48rem;color:#1076c1;text-align:center;margin:0 0 .4rem;position:relative}

.develop .main2 .box>*{display:inline-block;vertical-align:top;width:25.5%}
.develop .main2 .box ol {margin:0;padding:.6rem 0 0}
.develop .main2 .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 .main2 .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 .main2 .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 .main2 .box li .text{font-size:.16rem;color:#2a2a2a;line-height:1.7;text-align:justify;opacity:0;transform:translateY(-.2rem);}
.develop .main2 .box li#current h6:after{width:100%}
.develop .main2 .box li#current .text {opacity:1;transform:none;}
.develop .main2 .box .itembox{width:49%;text-align:center}
.develop .main2 .box>*:last-child li {text-align:right;}
.develop .main2 .box>*:last-child li h6 em {margin:0 0 0 .23rem;}
.develop .main2 .box .itembox .editor{display:inline-block;position:relative}
/**/
.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}

.develop  #tab0 .postition-1{top:43%;left:33%}
.develop  #tab0 .postition-2{top:41%;left:50%}
.develop  #tab0 .postition-3{top:32%;left:67%}
.develop  #tab0 .postition-4{top:24%;right:19%;left:auto;}
.develop  #tab0 .postition-5{top:33%;left:70%}
.develop  #tab0 .postition-6{top:42%;left:68%}
.develop  #tab0 .postition-7{top:auto;left:50%;bottom:36%}
.develop  #tab0 .postition-8{top:56%;left:55%}
.develop  #tab0 .postition-9{top:52%;left:auto;right:36%;}

.develop  #tab0 .postition-10{top:51%;right:27%;left:auto;}
.develop  #tab0 .postition-11{top: auto;left: auto;right: 39%;bottom: 36%;}
.develop  #tab0 .postition-12{top:auto;left:auto;bottom:26%;right:39%}
.develop  #tab0 .postition-13{top:auto;left:auto;bottom:30%;right:29%}
.develop  #tab0 .postition-14{top:54%;left:78%}
.develop  #tab0 .show-regin{position:absolute;top:0;left:-.45rem;width:1rem;text-align:left;font-size:.16rem;color:#1076c1}
.develop  #tab0 .show-regin img{width:.44rem;transition:none;display:inline-block;vertical-align:middle;}
/*全球*/
.develop  #tab1 .postition-1{top:45%;left:17%}
.develop  #tab1 .postition-2{top:55%;left:20%}
.develop  #tab1 .postition-3{top:48%;left:54%}
.develop  #tab1 .postition-4{top:55%;right:33%;left:auto;}
.develop  #tab1 .postition-5{top:56%;left:73%}
.develop  #tab1 .postition-6{top:63%;left:77%}
.develop  #tab1 .postition-7{top:auto;left:74%;bottom:39%}
.develop  #tab1 .postition-8{top:58%;left:75%}
.develop  #tab1 .postition-9{top:60%;left:auto;right:20%;}

.develop  #tab1 .postition-10{top:49%;right:19%;left:auto;}
.develop  #tab1 .postition-11{top: auto;left: auto;right: 16%;bottom: 51%;}
.develop  #tab1 .show-regin{text-align:left;font-size:.14rem;color:#1076c1;padding:0 0 0 .15rem;display:none}
/**/
.news_box .mains{padding:1.25rem 0 1.7rem;}
.news_box .mains .title{margin:0 0 .55rem;position:relative}
.news_box .mains .title h3{font-size:.48rem;color:#1076c1;position:relative}

.news_box .mains .title .slide-pagination{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.24rem;color:#b4b4b4;width:auto;bottom:auto;left:auto;}
.news_box .mains .title .slide-pagination span:first-child{color:#1076c1}
.news_box .mains .lists .swiper-slide a{display:block;position:relative;background:#f2f2f2;padding:.35rem .2rem .2rem;}
.news_box .mains .lists .swiper-slide span{font-size:.16rem;color:#595959;}
.news_box .mains .lists .swiper-slide h6{font-size:.18rem;color:#292929;font-weight:bold;margin:.12rem 0 .3rem;}
.news_box .mains .lists .swiper-slide p{font-size:.16rem;color:#525252;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .65rem;}
.news_box .mains .lists .swiper-slide em{font-size:.14rem;color:#1076c1;text-transform:capitalize;}
.news_box .mains .lists .swiper-slide em img{width:.15rem;transition:none;margin-left:.15rem;}
.news_box .mains .lists .swiper-slide .imgs{margin:.35rem 0 0}
.news_box .mains .lists .swiper-slide .imgs img{width:100%;height:2.55rem;object-fit:cover;transition:none;}
.news_box .mains .lists .swiper-slide a:hover .imgs{box-shadow:4px 4px 7px rgba(0,0,0,.12)}
.news_box .mains .listbox{padding:.55rem 0 0}
.news_box .mains .listbox li {margin:0 0 .4rem;}
.news_box .mains .listbox li a{display:block;position:relative;background:#f3f3f3;padding:.45rem .55rem;}
.news_box .mains .listbox li a>div{display:inline-block;vertical-align:middle;width:70%}
.news_box .mains .listbox li .text{padding:0 .9rem 0 0;}
.news_box .mains .listbox li .text span{font-size:.16rem;color:#929292;}
.news_box .mains .listbox li .text h6{font-size:.2rem;color:#373636;margin:.4rem 0 .25rem;}
.news_box .mains .listbox li .text p{font-size:.16rem;color:#797979;line-height:.27rem;height:.54rem;overflow:hidden;margin:0 0 .4rem;}
.news_box .mains .listbox li .text em {display:inline-block;border:1px solid #d2d2d2;border-radius:35px;font-size:.14rem;color:#888888;padding:0 .24rem;line-height:.37rem;}
.news_box .mains .listbox li .imgs{width:30%}
.news_box .mains .listbox li .imgs img{width:100%;height:2.62rem;object-fit:cover;transition:none;}
.news_box .mains .listbox li a:hover {box-shadow:6px 6px 8px rgba(0,0,0,.1)}
/*翻页*/
.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 .infos{padding:1.25rem 0 .8rem;}
.contact_box .infos .title{margin:0 0 .75rem;position:relative}
.contact_box .infos .title>*{display:inline-block;vertical-align:middle;width:18%}
.contact_box .infos .title h3{font-size:.48rem;color:#1076c1;position:relative}

.contact_box .infos .title>div{width:82%;}
.contact_box .infos .title>div>div{display:inline-block;vertical-align:middle;width:33.3333%;}
.contact_box .infos .title>div>div>*{display:inline-block;vertical-align:middle;width:15%}
.contact_box .infos .title>div>div>em img{width:.49rem;transition:none;}
.contact_box .infos .title>div>div>p{width:85%;font-size:.16rem;color:#5d5d5d;}
.contact_box .infos .title>div>div>p>em{display:block;font-size:.18rem;color:#272626;margin:.1rem 0 0}
.contact_box .infos #container{height:3.8rem;}
.contact_box .message{padding:.35rem 0 2rem;}
.contact_box .message h3{font-size:.48rem;color:#1076c1;position:relative}

.contact_box .message p{font-size:.16rem;color:#717171;margin:.5rem 0 .4rem;}
.contact_box .message .lists{padding-right:1.5rem;}
.contact_box .message .lists li {padding:0 .34rem 0 0;margin:0 0 .35rem;}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea{width:100%;height:.73rem;background:#f8f8f8;border:1px solid #d2d2d2;border-radius:6px;padding:0 .23rem;min-height:35px;font-size:.16rem;color:#707070}
.contact_box .message .lists li textarea {height:1.95rem;padding:.23rem;}
.contact_box .message .lists li button {background:#1076c1;font-size:.16rem;color:#FFF;padding:0 .65rem;height:.64rem;min-height:35px;border:0;border-radius:6px;}
.contact_box .message .lists li:last-child{margin:0;}
/*人才招聘*/
.job_box .main0{padding:1.25rem 0 .8rem;}
.job_box  h3{font-size:.48rem;color:#1076c1;text-align:center;position:relative;margin:0 0 .25rem;}

.job_box .main0 .editor>div{display:inline-block;vertical-align:top;width:32.3333%;margin:0 0.5%;padding:.85rem 0 .75rem;position:relative;text-align:center}
.job_box .main0 .editor>div:before{content:'';width:100%;height:0;background:#f2f7fd;position:absolute;top:0;left:0;z-index:1;transition:all .8s linear;}
.job_box .main0 .editor>div>*{position:relative;z-index:2}
.job_box .main0 .editor>div .imgs{margin:0 auto .6rem;}
.job_box .main0 .editor>div .imgs img{height:3.67rem;width:3.23rem;object-fit:cover;}
.job_box .main0 .editor>div h5{font-size:.3rem;color:#1a1a1a;font-weight:bold;margin:0 0 .5rem;}
.job_box .main0 .editor>div p{font-size:.16rem;color:#3a3a3a;margin:0;padding:0 .65rem;}
.job_box .main0 .editor>div:hover:before{height:100%}
.job_box .main0 .editor>div:hover img{border-radius:100%;width:3.67rem;}

.job_box .main1 {background:#f2f3f5;padding:1rem 0 1.2rem;text-align:center;}
.job_box .main1 ol{margin:0 0 .6rem;padding:0 0 0 .58rem;background:url(../images/icon28.png) 0 center no-repeat;background-size:.24rem .24rem;display:inline-block;}
.job_box .main1 ol li{display:inline-block;vertical-align:middle;padding:0 .65rem;position:relative;border-left:2px solid #aeaeaf}
.job_box .main1 ol li a{font-size:.2rem;color:#626262;font-weight:bold;}
.job_box .main1 ol li#current a{color:#1076c1}
.job_box .main1 .itembox .swiper-slide>div {display:inline-block;vertical-align:top;width:25%;padding:0 6px;margin:0 0 .15rem;}
.job_box .main1 .itembox .swiper-slide>div a{display:block;background:#FFF;padding:.15rem;overflow:hidden}
.job_box .main1 .itembox .swiper-slide>div img{width:100%;height:2.15rem;object-fit:cover;transition:none;}
.job_box .main1 .itembox .swiper-slide>div:first-child,.job_box .main1 .itembox .swiper-slide>div:first-child+div,.job_box .main1 .itembox .swiper-slide>div:first-child+div+div {width:33.3333%}
.job_box .main1 .itembox .swiper-slide>div:first-child img,.job_box .main1 .itembox .swiper-slide>div:first-child+div img,.job_box .main1 .itembox .swiper-slide>div:first-child+div+div img{height:2.87rem;}
.job_box .main1 .itembox .swiper-slide>div a:hover img{transition:all .65s linear;transform:rotateY(-360deg)}

.job_box .main2 {padding:.88rem 0 2.5rem;}
.job_box .main2 h3{margin:0 0 .75rem; }
.job_box .main2 .lists li {margin:0 0 .35rem;border-radius:12px;overflow:hidden;padding:0 1rem;background:#f6f6f6}
.job_box .main2 .lists li>a{display:block;position:relative;line-height:.9rem;}
.job_box .main2 .lists li>a h6{font-size:.2rem;color:#000;font-weight:bold;padding-left:.3rem;position:relative;display:inline-block;}
.job_box .main2 .lists li>a h6:before{content:'';width:6px;height:6px;background:#000;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.job_box .main2 .lists li>a em{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.16rem;color:#343434;}
.job_box .main2 .lists li>a em i{margin-left:.25rem;}
.job_box .main2 .lists li .submenu{transition:none;padding:.5rem 0 1.3rem;border-top:2px solid #dedede;display:none;}
.job_box .main2 .lists li .submenu>div{display:inline-block;vertical-align:bottom;width:68%}
.job_box .main2 .lists li .submenu .text{font-size:.16rem;color:#595959;line-height:1.7}
.job_box .main2 .lists li .submenu .btns{width:32%;text-align:right;}
.job_box .main2 .lists li .submenu .btns>button{display:inline-block;font-size:.16rem;color:#FFF;background:#1076c1;border-radius:8px;padding:0 .68rem;height:.68rem;border:0}


/********<=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;}
	.product_box li{padding:.1rem 0}
	.product_box li a > img{max-height:1.45rem;	}
	
}
@media(max-height:600px){
	.section2 .row .other .msgBox > li .img{margin:0 0 .2rem;}
	.section2 .row .other .msgBox > li p{margin:0 0 .3rem;}
	.product_box li a > img{max-height:1.3rem;}
}
@media(max-width:1500px){
    .section2 .row .other .msgBox > li h3{font-size:.4rem;}
    .section2 .row .other .msgBox > li h5{font-size:.2rem;}
    .section2 .row .other .msgBox > li p{font-size:.16rem;}
    .product_box4 .main1 .box2 .img1{right:0}    
}
@media(max-width:1440px){
	.tem_banner .swiper-page{left:1.6rem;}
	.product_box3 .main0 .editor>div.img1{width:20%}
.product_box3 .main0 .editor>div.img2{width:20%}
.product_box3 .main0 .editor>div.img3{width:16%;right:5%}
	.product_box3 .main0 .editor h6.t1 {display:none}
.product_box3 .main0 .editor h6.t2 {display:none}
.product_box3 .main0 .editor h6.t3 {display:none}

}

/******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}
	.product_box2 .main1 .editor{margin:0 4.3rem 0 .25rem}
}
/********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:3.89rem;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;}
	.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 .infos > div{display:block;width:100% !important;}
	.company .infos .text{padding:0 .25rem;margin:0 0 .35rem;}
	.history .lists > *{display:block;width:100% !important;}
	.history .lists h3{margin:0 0 .35rem;}
	.history .list2 .swiper-slide > div,.culture .editor > div{display:block;width:100% !important;}
	.history .list2 .swiper-slide .text{padding:.5rem 0 0}
	.culture .editor > div.txt{padding-right:0}
	.honor .pad16{margin:0 .25rem;}
	.product_box ol{width:100%;padding-left:0;    flex-direction: row;height:auto;padding-top:2.5rem}
	.product_box .itembox > div .swiper-slide .box{padding:0 .25rem}
	.product_box .itembox > div .swiper-slide .box{flex-direction: column;}
	.product_box .itembox{height:60%;top:40%;padding:0 .25rem;overflow:hidden}
	.product_box .itembox > div {height:100%;}

	.product_box .itembox > div .swiper-slide .text{width:100%;padding:0}
	.product_box1 .main0 .imgs,.product_box1 .main0 .editor .img2,.product_box1 .main0 .editor .img1,.product_box2 .main0 .imgs,.product_box2 .main1 .imgs{display:none;}
	.product_box1 .main0 h3,.product_box1 .main0 .editor{margin-left:0}
	.product_box1 .main0 .editor .item > div{width:100%;margin:0 0 .35rem;}
	.product_box1 .main1 .editor > div{display:block;width:100% !important;margin:0 0 .45rem;}
	.product_box1 .main1 .imgs{margin-left:0}
	.product_box1 .main2 .editor > div,.product_box2 .main2 .editor > div{display:block;width:100% !important;}
	.product_box2 .main0 .editor .item > div{width:50%;}
	.product_box2 .main2 .editor{margin:0 .25rem;}
	.product_box3 .main0 .editor > div.img1,.product_box3 .main0 .editor > div.img2,.product_box3 .main0 .editor > div.img3,.product_box3 .main0 .editor > div.img4 {display:none}
	.product_box3 .main0 .editor{padding:0 .25rem;}
	.product_box3 .main1 .editor .item4 .t > div,.product_box3 .main2 .itembox .editor > div{display:block;width:100% !important;}
	.product_box3 .main1 .editor .item4 .t .t2{padding:.5rem 0 0}
	.product_box3 .main2 ol li{margin:0 0 .2rem}
	.product_box3 .main2 .itembox .editor .info{padding:.35rem 0 0}
	.product_box4 .main0 .editor .img1,.product_box4 .main0 .editor .img2 {display:none;}
	.product_box4 .main0 .editor .item{width:100%;margin-left:0;}
	.product_box4 .main0 .editor .item2{transform:none;}
	.product_box4 .main0 .editor .item p:first-child{left:0}
	.product_box4 .main0 .editor .item2 p:first-child{right:0;left:auto;}
	.product_box4 .main1 .box1 .editor > *{display:block;width:100% !important;}
	.product_box4 .main1 .box1 .text{padding:.5rem .4rem 0}
	.product_box4 .main1 .box2 .img1,.product_box4 .main1 .box2 .img2 {position:relative;right:auto;top:auto;bottom:auto;left:auto}
	.product_box4 .main1 .box4{padding-left:.25rem;padding-right:.25rem;background-position:right center !important;background-size:auto 100% !important}
	.develop .main0 .editor .text em{width:25%}
	.develop .main1 .lists{width:100%}
	.develop .main1 .lists::before{display:none;}
	.develop .main1 .lists .swiper-slide::before, .develop .main1 .lists .swiper-slide::after{display:none;}
	.develop .main1 .lists .items{position:relative;bottom:auto !important;left:auto !important;right:auto !important;top:auto !important;display:inline-block;vertical-align:top;width:50%;padding:0 .1rem;margin:0 0 .15rem;height:.75rem;line-height:.75rem;transform:none !important;}
	.develop .main1 .lists .swiper-slide > div{border-radius:0;text-align:center;}
	.develop .main1 .lists .items img{max-height:.65rem;transition:none;}
	.develop .main2 .box > *,.job_box .main0 .editor > div{display:block;width:100% !important;}
	.develop .main2 .box > :last-child li{text-align:left;}
	.news_box .mains .listbox li a > div,.contact_box .infos .title > *,.contact_box .infos .title > div > div{display:block;width:100% !important;}
	.news_box .mains .listbox li a{padding:.45rem .25rem;}
	.contact_box .message .lists{padding:0}
	.contact_box .message .lists li input[type="text"], .contact_box .message .lists li textarea,.contact_box .message .lists li button{font-size:12px;}
	.job_box .main2 .lists li{padding:0 .45rem}
	.flash img{width:100%;height:7.69rem;object-fit:cover;transition:none;}
	.develop .main0 .editor .imgs{padding-top:1.5rem}
	.product_box4 .main1 ol li{margin:0 0 .15rem}
	.product_box1 .main1 .imgs>span img{width:70%;transition:none;height:3.46rem;object-fit:cover}
	.honor .items .gallery_h{margin:0 .25rem .8rem}
	.honor .title{position:relative;top:0;padding:.35rem 0}
	.honor .items {padding:0 0 .85rem;}
	.product_box2 .main1 .editor{margin:0}
	.product_box2 .main1 > div::after{font-size:.6rem}
}