/*公共样式*/
*{margin:0;padding:0;}
div,span,ul,li,td,th,input,textarea,a{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html,body{font-size:14px;font-family:"sy","思源黑体 CN","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1;overflow-x: hidden;background: #fff;}
ul,li{list-style-type:none;}
a{text-decoration:none;color:#000;transition: all .5s;cursor: pointer;}
a:hover{text-decoration:none;color:#000;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
input,textarea,select{-webkit-appearance:none;resize:none;outline:none}
a,button,input,textarea,select{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: 0;}
img{border-style:none;vertical-align:middle;max-width:100%;}
article{display: block;margin: 0 auto;}
.zoom-img{overflow:hidden;}
.zoom-img .img{overflow:hidden;}
.zoom-img img{transition: all .5s;}
.zoom-img:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.w13{width:1300px;height:auto;margin: 0 auto !important;}
.nav-page{font-size:0;text-align:center;}
.fl{float: left;}
.fr{float: right;}
#detail1 img{width:100%;}
#detail2 img{width:100%;}
/* 引入字体 */
@font-face{
    font-family: "sy"; 
    src: url('../fonts/sy.ttf');
}

@font-face{
    font-family: "AVGARDN"; 
    src: url('../fonts/AVGARDN.ttf');
}

@font-face{
    font-family: "segoeui"; 
    src: url('../fonts/segoeui.ttf');
}

@font-face{
    font-family: "YuGothM"; 
    src: url('../fonts/YuGothM.ttc');
}

/* header */
.header{background: #fff;position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 99;}
.header .head-wrap{max-width: 950px;width: 100%;margin: 0 auto;}
.header .logo{height: 70px;line-height: 70px;display: flex;justify-content: center;align-items: center;}
.header .logo a{display: flex;justify-content: center;align-items: center;}
.header .nav li{float: left;}
.header .nav li>a{display: inline-block;font-size: 20px;color: #707070;padding: 0 24px;line-height: 70px;font-family: YuGothM;}
/*.header .nav li:hover>a{color: #666;}*/
/*.header .nav li.on>a{font-weight: bold;font-family: "思源黑体 CN";}*/
.header .nav .nav-box{position: absolute;top: 70px;left: 0;width: 100%;height: auto;text-align: center;background: #fff;padding: 85px 0 0;display: none;}
.header .nav .d_1{display: inline-block;vertical-align: top;margin: 0 30px;}
.header .nav .img_2{display: none;}
.header .nav .name{font-size: 18px;color: #7f7f7f;margin-bottom: 55px;}
.header .nav .d_2{margin-bottom: 45px;}
.header .nav .d_2 img{transition: all .5s;}
.header .nav .d_2 a:hover .img_1{display: none;}
.header .nav .d_2 a:hover .img_2{display: inline-block;}
.header .nav .model{font-size: 14px;color: #7f7f7f;margin-top: 25px;transition: all .3s;}
.header .nav .d_2 a:hover .model{color: #000;}
.header .nav .nav-box2{position: absolute;width: 100%;height: auto;top: 70px;left: 0;padding: 35px 0;line-height: 25px;display: none;background: #fff;}
.header .nav .box{max-width: 950px;margin: 0 auto;}
.header .nav .box .l-box{font-size: 25px;color: #565656;}
.header .nav .box a{font-size: 18px;color: #565656;font-family: "思源黑体 CN";font-weight: 300;margin-left: 105px;}
.header .nav .box a:nth-child(1){margin-left: 0;}
/*.header .nav .box a.on{font-weight: bold;}*/
/*.header .nav .box a:hover{color: #bc0408;}*/
.header .m-menu{display: none;}
.header .m-menu .icon{width: .4rem;height: .93rem;font-size: 0;line-height: .93rem;display: flex;justify-content: center;align-items: center;}
.header .m-menu .icon>span{display: inline-block;width: .6rem;height: 2px;background: #000;vertical-align: top;margin: .08rem 0;}
.header .m-menu .menu-box{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: #fff;text-align: center;padding: 10% 5%;display: none;}
.header .m-menu .menu-box ul{height: 100%;overflow-y: scroll;}
.header .m-menu .menu-box ul::-webkit-scrollbar{display: none;}
.header .m-menu .menu-box .close{position: absolute;right: .3rem;top: .3rem;width: .4rem;height: .4rem;border-radius: 50%;background: rgba(0, 0, 0, 0.3);line-height: .36rem;font-size: .3rem;text-align: center;color: #fff;}
.header .m-menu .menu-box li{text-align: left;}
.header .m-menu .menu-box li:last-child{border-bottom: 0;}
.header .m-menu .menu-box li>a{display: block;font-size: .5rem;color: #565656;line-height: 1rem;}
.header .m-menu .box{display: none;padding-bottom: .2rem;font-size: 0;line-height: .6rem;padding: .3rem 0;}
.header .m-menu .box a{display: block;font-size: .32rem;color: #565656;}
.header .m-menu .boxs{padding-bottom: .2rem;font-size: 0;line-height: .7rem;padding-bottom: .3rem;}
.header .m-menu .boxs a{display: inline-block;font-size: .32rem;margin-right: .5rem;color: #565656;}
.header .m-menu .boxs .sp_1{font-size: .36rem;display: block;color: #565656;}
.header .m-menu .boxs .d_2{display: none;}



/* footer */
.footer{background: #47507e;position: fixed;bottom: 0;left: 0;width: 100%;height: auto;z-index: 1;}
.footer .foot-wrap{max-width: 1300px;width: 100%;margin: 0 auto;padding: 70px 0 78px;}
.footer .l-box{width: 60%;}
.footer .l-box .h1{padding-bottom: 23px;border-bottom: 1px solid #5c6385;margin-bottom: 22px;font-size: 24px;color: #fff;}
.footer .l-box .h1 a{font-size: 24px;color: #fff;}
.footer .l-box .open{display: none;}
.footer .l-box .open .sp_2{display: none;}
.footer .l-box .on .open .sp_1{display: none;}
.footer .l-box .on .open .sp_2{display: block;}
.footer .product{font-size: 0;margin-bottom: 65px;}
.footer .product .sort{display: inline-block;vertical-align: top;margin-right: 20px;}
.footer .product .sort:last-child{margin-right: 0;}
.footer .product .sort>li{margin-bottom: 10px;}
.footer .product .sort .on{margin-bottom: 17px;}
.footer .product .sort .on a{font-weight: 400;}
.footer .product .sort a{font-size: 16px;color: #fff;}
.footer .about{margin-bottom: 55px;}
.footer .about .sort a{display: inline-block;font-size: 18px;color: #f5f5f5;margin-right: 85px;}
.footer .about .sort a:nth-child(2){text-indent: 19px;}
.footer .support .sort a{display: inline-block;font-size: 18px;color: #f5f5f5;margin-right: 85px;}
.footer .share{padding-top: 70px;display: none;}
.footer .share a{display: inline-block;margin-right: 24px;}
.footer .share a:last-child{margin-right: 0;}
.footer .brand{font-size: 18px;color: #f5f5f5;margin-top: 290px;}
.footer .logo{margin: 16px 0 30px;}
.footer .language{width: 150px;}
.footer .language .h1{padding-bottom: 23px;border-bottom: 1px solid #5c6385;margin-bottom: 22px;font-size: 24px;color: #fff;}
.footer .language .box{position: relative;}
.footer .language .name{font-size: 18px;color: #fff;font-weight: 400;}
.footer .language .icon{display: inline-block;vertical-align: top;margin-left: 10px;}
.footer .language .list{position: absolute;top: 30px;left: 0;width: 100%;display: none;padding: 10px;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,.1);overflow-y: scroll;height: 90px;}
.footer .language a{font-size: 16px;font-weight: 400;line-height: 30px;display: block;}

/* home-page */
body{padding-bottom: 710px;}
.main{padding-top: 70px;position: relative;z-index: 9;background: #fff;padding-bottom: 1px;}
.video{position: relative;height: calc(100vh - 70px);overflow: hidden;width: 100%;}
.video .box{position: absolute;top: 11%;left: 0;width: 100%;height: auto;text-align: center;color: #fff;}
.video .en{font-size: 50px;font-weight: bold;margin-bottom: 60px;}
.video .cn{font-size: 80px;font-weight: bold;}
.video_2{display: none;position: relative;}
.video_3{display: none;position: relative;}
.video_2 video{width: 100%;height: 100%;object-fit: cover;object-position: center center;font-family: "object-fit: cover; object-position: center;";position: absolute;}
.video_2 .box{top: 27%;}
.video_3 .box{top: 27%;}
.my-video-dimensions{width: 100%;height: calc(100vh - .93rem);}
.video-js{width: 100%;height: 100%;object-fit: cover;object-position: center center;font-family: "object-fit: cover; object-position: center;";}
.video-js .vjs-tech{display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center;font-family: "object-fit: cover; object-position: center;";}
.video-js .vjs-big-play-button{opacity: 0;}
.vjs-has-started .vjs-control-bar{opacity: 0;}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity: 0;}
.video .play{position: absolute;bottom: 1rem;right: .7rem;background: url(../images/img297.jpg) center center no-repeat;background-size: cover;width: .34rem;height: .5rem;}
.video .play.on{width: 0;height: 0;border-top: .25rem solid transparent;border-bottom: .25rem solid transparent;border-left: .4rem solid #334b7c;overflow: hidden;}
.innov{position: relative;background-size: cover;padding: 390px 0 245px;}
.innov .box{text-align: center;}
.innov .h1{font-size: 50px;color: #fff;font-weight: 500;margin-bottom: 55px;}
.innov .h2{font-size: 80px;color: #fff;font-weight: 500;}
.home-page .more{font-size: 25px;color: #fff;display: inline-block;padding: 0 85px 0 32px;height: 50px;line-height: 48px;border: 1px solid #fff;background: url(../images/img172.png) 91% center no-repeat;font-weight: 300;text-align: center;transition: all .3s;}
.home-page .more:hover{/*border: 1px solid #334eb7;*/background: #fff;color: #000;}
.innov .more{margin-top: 11%;}
.innov .more:hover{background:#fff url(../images/img171.png) 92% center no-repeat;}
.innov .icon-box{position: absolute;left: 105px;bottom: 95px;width: 90px;height: 90px;border: 1px solid #fff;border-radius: 50%;overflow: hidden;text-align: center;cursor: pointer;}
.innov .icon{position: relative;width: 100%;height: 100%;}
.innov .icon .img{position: absolute;display: block;width: 20px;height: 50px;left: 34px;margin: 0 auto;cursor: pointer;animation: downico 1.5s ease-out infinite;}
@keyframes downico {0% {top: 0;opacity: 1;}35% {top: 50%;opacity: 0;}65% {top: -50%;opacity: 0;}100% {top: 0;opacity: 1;}}
.home-page .product{width: 78%;margin: 0 auto;padding: 7% 0 9%;position: relative;background: #fff;}
.home-page .product .box{position: relative;background: #fff;}
.home-page .product .text{width: 36%;padding: 7% 3.4% 0 3.4%;background: #fff;position: absolute;top: 0;left: 0;height: 100%;}
.home-page .product .img{width: 64%;}
.home-page .product .h1{font-size: 60px;color: #565656;font-weight: 500;margin-bottom: 70px;}
.home-page .product .words{font-size: 28px;color: #565656;line-height: 48px;}
.home-page .product .more{font-size: 25px;color: #565656;border: 0;background: #fff url(../images/img171.png) 85% center no-repeat;text-align: left;font-weight: 400;position: absolute;bottom: 0;padding-left: 0;}
.home-page .product .more:hover{border: 0;}
.home-page .product .swiper-pagination{text-align: center;width: 100%;bottom: 8%;}
.home-page .product .swiper-pagination-bullet{width: 17px;height: 17px;background: #dbdada;opacity: 1;margin: 0 20px;}
.home-page .product .swiper-pagination-bullet-active{background: #9e9e9e;}
.home-page .product .swiper-button-next,.home-page .product .swiper-button-prev{width: 67px;height: 133px;margin-top: -66px;opacity: 0;transition: all .5s;}
.home-page .product .swiper-button-prev{left: -5%;background: url(../images/img168.jpg) center center no-repeat;background-size: cover;}
.home-page .product .swiper-button-next{right: -7%;background: url(../images/img169.jpg) center center no-repeat;background-size: cover;}
.home-page .product .swiper-button-prev:hover{opacity: 1;}
.home-page .product .swiper-button-next:hover{opacity: 1;}
.home-page .product .swiper-slide:hover .more{padding-left: 10px;background: #fff url(../images/img171.png) 90% center no-repeat;}
.home-page .product2{display: none;}
.home-page .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .55)}
.home-page .story{position: relative;background: url(../images/img3.jpg) center center no-repeat;background-size: cover;padding: 340px 0 310px;}
.home-page .story .box{text-align: center;}
.home-page .story .h1{font-size: 45px;color: #fff;line-height: 56px;font-weight: 300;margin-bottom: 105px;}
.home-page .story .more:hover{background:#fff url(../images/img171.png) 90% center no-repeat;}
.home-page .about{width: 84%;margin: 4.5% auto 5%;position: relative;}
.home-page .about .img{width: 60%;}
.home-page .about .text{width: 40%;background: #f7f7f7;position: absolute;right: 0;top: 0;height: 100%;padding: 13% 5% 0 5%;}
.home-page .about .words{font-size: 24px;color: #565656;line-height: 28px;margin: 21% 0 29%;height: 112px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.home-page .about .more{font-size: 25px;color: #565656;border: 0;background: url(../images/img171.png) 85% center no-repeat;text-align: left;font-weight: 400;padding-left: 0;}
.home-page .about:hover .more{padding-left: 10px;background: url(../images/img171.png) 90% center no-repeat;}

/* product */
.prod-page .img-box2{display: none;font-size: 0;}
.prod-page .img-box3{display: none;font-size: 0;}

/* suppotr */
.box_1{max-width: 950px;width: 100%;height: auto;padding: 185px 0 105px;text-align: center;margin: 0 auto;font-size: 18px;color: #565656;}
.box_1 .h1{font-size: 60px;color: #565656;margin-bottom: 30px;}
.box_1 .words{font-size: 18px;color: #565656;line-height: 30px;}
.box_1 .code{padding: 55px 55px 50px;border: 1px solid #d3d3d3;width: 494px;height: auto;margin: 0 auto;margin-bottom: 75px;margin-top: 60px;}
.box_1 .phone{font-size: 40px;color: #565656;margin-bottom: 45px;font-family: segoeui;}
.box_1 .phone .name{font-size: 18px;margin-bottom: 15px;}
.box_1 .code .img{margin-bottom: 40px;}
.box_1 .time{font-size: 18px;color: #565656;}
.box_1 .list-box{font-size: 0;text-align: center;margin-bottom: 45px;}
.box_1 .list{display: inline-block;margin: 0 45px 20px;}
.box_1 .list .name{font-size: 22px;color: #565656;font-weight: 300;}
.box_1 .list .img{margin-bottom: 20px;}
.box_2{padding: 160px 0 90px;max-width: 1300px;width: 100%;margin: 0 auto;}
.box_2 .h1{font-size: 60px;color: #565656;margin-bottom: 85px;text-align: center;}
.box_2 .words{font-size: 18px;color: #565656;line-height: 38px;}
.box_2 .words>div{font-family: "sy" !important;}
.box_3 .arise{background: url(../images/img176.jpg) center center no-repeat;background-size: cover;padding: 545px 0 160px;}
.box_3 .arise .box{max-width: 1250px;margin: 0 auto;}
.box_3 .arise .h1{font-size: 60px;color: #fff;font-weight: 300;margin-bottom: 50px;}
.box_3 .arise .words{font-size: 20px;color: #fff;font-weight: 300;line-height: 1.5;}
.box_3 .text{max-width: 1280px;width: 100%;margin: 0 auto;padding: 120px 0 140px;}
.box_3 .text .h1{font-size: 60px;color: #565656;font-weight: 400;margin-bottom: 65px;}
.box_3 .text .words{font-size: 20px;color: #565656;line-height: 35px;font-weight: 300;}
.person .list-box{font-size: 0;text-align: center;margin-bottom: 140px;}
.person .list{max-width: 381px;width: 100%;display: inline-block;margin: 0 105px;vertical-align: top;text-align: left;}
.person .list .img{text-align: center;}
.person .list .name{font-size: 20px;color: #565656;margin: 50px 0 10px;font-weight: 400;}
.person .list .words{font-size: 20px;color: #565656;line-height: 35px;font-weight: 300;}
.storys{max-width: 1390px;width: 100%;margin: 0 auto;margin-bottom: 100px;}
.storys .h1{font-size: 50px;color: #565656;margin-bottom: 100px;text-align: center;}
.storys .list-box{font-size: 0;text-align:center;}
.storys .list{width: 49%;height: auto;margin-right: 2%;display: inline-block;vertical-align: top;}
.storys .list:nth-child(2n){margin-right: 0;}
.storys .name{font-size: 30px;color: #565656;margin-top: 45px;text-align: left;margin-bottom: 10px;}
.storys .words{font-size: 20px;color: #565656;line-height: 35px;font-weight: 200;text-align: left;}
.img-boxs .img_2{display: none;}
.box_4 .img{position: relative;}
.box_4 .box{position: absolute;top: 30%;left: 0;width: 100%;text-align: center;}
.box_4 .number {font-size: 152px;color: #6437BB;margin-bottom: 30px;font-family: segoeui;}
.box_4 .sp_1{font-size: 30px;color: #6437bb;}
.box_4 .h2 {font-size: 20px;color: #565656;margin-bottom: 65px;}
.box_4 .round{position: absolute;background: #6437bb;border-radius: 50%;display: none;}
.box_4 .round.on{animation: grow 3s  infinite;display: block;}
.box_4 .round .core{display: none;}
@-webkit-keyframes grow {
 0% {transform: scale(.2);opacity: 1;}  
 100% {transform: scale(1);opacity: 0;}  
}
.box_4 .round_1{top: 11%;left: 22%;}
.box_4 .round_1 .circu{width: 145px;height: 145px;}

.box_4 .round_2{top: 44%;left: 29%;}
.box_4 .round_2 .circu{width: 50px;height: 50px;}

.box_4 .round_3{top: 22%;left: 37%;}
.box_4 .round_3 .circu{width: 34px;height: 34px;}

.box_4 .round_4{top: 35%;left: 37%;}
.box_4 .round_4 .circu{width: 90px;height: 90px;}


.box_4 .round_5{top: 45%;left: 48%;}
.box_4 .round_5 .circu{width: 60px;height: 60px;}

.box_4 .round_6{top: 61%;left: 49%;}
.box_4 .round_6 .circu{width: 25px;height: 25px;}

.box_4 .round_7{top: 55%;left: 52%;}
.box_4 .round_7 .circu{width: 14px;height: 14px;}

.box_4 .round_8{top: 60%;left: 54%;}
.box_4 .round_8 .circu{width: 53px;height: 53px;}

.box_4 .round_9{top: 65%;left: 53%;}
.box_4 .round_9 .circu{width: 62px;height: 62px;}

.box_4 .round_10{top: 52%;left: 57%;}
.box_4 .round_10 .circu{width: 32px;height: 32px;}

.box_4 .round_11{top: 54%;left: 58%;}
.box_4 .round_11 .circu{width: 67px;height: 67px;}

.box_4 .round_12{top: 60%;left: 58.5%;}
.box_4 .round_12 .circu{width: 84px;height: 84px;}

.box_4 .round_13{top: 68%;left: 57%;}
.box_4 .round_13 .circu{width: 22px;height: 22px;}

.box_4 .round_14{top: 62%;left: 57%;}
.box_4 .round_14 .circu{width: 147px;height: 147px;}

.box_4 .round_15{top: 60%;left: 64%;}
.box_4 .round_15 .circu{width: 30px;height: 30px;}

.box_4 .round_16{top: 66%;left: 62%;}
.box_4 .round_16 .circu{width: 90px;height: 90px;}

.box_4 .round_17{top: 43%;left: 66%;}
.box_4 .round_17 .circu{width: 61px;height: 61px;}

.box_4 .round_18{top: 51%;left: 67%;}
.box_4 .round_18 .circu{width: 61px;height: 61px;}

.img-boxs .img_2{display: none;}
.box_4 .text{padding: 60px 0;max-width: 1040px;width: 100%;margin: 0 auto;}
.box_4 .text .words{font-size: 18px;color: #565656;line-height: 24px;}
.box_4 .text .sp_1{font-weight: bold;}
.box_4 .text .sp_2{font-weight: bold;margin-bottom: 30px;display: block;}
.devel{width: 100%;height: auto;padding: 4% 9.5% 10%;}
.devel .title{font-size: 45px;color: #565656;margin-bottom: 100px;font-family: YuGothM;}
.devel .title .h1{margin-bottom: 20px;font-family: "思源黑体 CN";}
.devel .item-box{padding-left: 10px;}
.devel .item{border-left: 2px solid #565656;padding-bottom: 60px;}
.devel .item .l-box{font-size: 24px;color: #565656;line-height: 24px;font-weight: bold;}
.devel .item .icon{display: inline-block;width: 50px;height: 2px;background: #000;vertical-align: top;margin-right: 25px;margin-top: 11px;}
.devel .item .r-box{padding-left: 40px;width: calc(100% - 170px);}
.devel .item .r-box .h1{font-size: 18px;color: #565656;line-height: 24px;margin-bottom: 20px;}
.devel .item:last-child{padding-bottom: 0;}
.box_4 .text{max-width: 1060px;width: 100%;padding: 40px 0 40px;text-align: center;}
.box_4 .text .number{font-size: 100px;color: #334eb7;margin-bottom: 30px;font-family: segoeui;}
.box_4 .text .h2{font-size: 20px;color: #565656;margin-bottom: 65px;}
.box_4 .text .words{font-size: 20px;color: #565656;line-height: 28px;font-weight: 300;text-align: left;}
.box_4 .img-box{max-width: 1520px;width: 100%;margin: 0 auto;margin-bottom: 120px;}



@media only screen and (max-width:1700px) {
	.home-page .product .text{padding-right: 3.4%;}
}

@media only screen and (max-width:1600px) {
    .header .nav .nav-box{padding: 50px 0 0;}
    .header .nav .name{margin-bottom: 30px;font-size: 16px;}
    .header .nav .d_2{margin-bottom: 20px;}
    .header .nav .d_1{margin: 0 20px;}
    .box_4 .img-box{max-width: 100%;padding: 0 5%;}
    .home-page .product .h1{font-size: 48px;margin-bottom: 55px;}
    .home-page .product .words{font-size: 24px;line-height: 38px;height: 76px;}
    .home-page .product .more{font-size: 20px;}
    .video .en{font-size: 40px;margin-bottom: 48px;}
    .video .cn{font-size: 68px;}
    .innov .h1{font-size: 40px;margin-bottom: 45px;}
    .innov .h2{font-size: 64px;}
    .home-page .more{font-size: 20px;}
    .home-page .story .h1{font-size: 36px;line-height: 45px;}
    .home-page .about .more{font-size: 20px;}
}

@media only screen and (max-width:1440px) {
    .box_3 .storys{max-width: 100%;padding: 0 5%;}
    .box_2{width: 100%;padding: 5%;}
    .home-page .product .swiper-button-next, .home-page .product .swiper-button-prev{width: 34px;height: 67px;margin-top: -32px;}
    .home-page .product .swiper-button-next{right: -8%;}
    .home-page .product .h1{font-size: 36px;margin-bottom: 45px;}
    .home-page .product .words{font-size: 20px;line-height: 30px;height: 60px;}
    .home-page .product .more{font-size: 16px;}
    .video .en{font-size: 32px;}
    .video .cn{font-size: 54px;}
    .innov{padding: 235px 0 145px;}
    .innov .h1{font-size: 32px;}
    .innov .h2{font-size: 52px;}
    .home-page .story .h1{font-size: 28px;}
    .home-page .about .words{font-size: 16px;}
    .box_4 .round_1{top: 14%;}
    .box_4 .round_11{top: 58%;}
    .box_4 .round_12{top: 62%;}
    .box_4 .round_14{top: 68%;}
    .box_4 .round_16{top: 67%;}
    .home-page .story{padding: 205px 0 185px;}
}

@media only screen and (max-width:1366px) {
	.footer .foot-wrap{padding: 70px 5%;}
	.footer .l-box{width: 65%;}
	.footer .product .sort{margin-right: 40px;}
}

@media only screen and (max-width:1300px) {
	body{padding-bottom: 768px;}
	.footer .product .sort{margin-bottom: 20px;}
    .footer .foot-wrap{width: 95%;}
    .footer .l-box{width: 60%;}
    .header .nav .nav-box{padding: 20px 0;}
    .box_3 .text{max-width: 100%;padding: 5%;}
    .box_3 .arise .box{width: 100%;padding: 0 5%;;}

}

@media only screen and (max-width:1199px) {
	.box_3 .arise{padding: 3rem 0 1.6rem;}
	body{padding-bottom: 0;}
	.footer{position: relative;}
	.footer .product .sort{margin-bottom: 0;}
    .footer .l-box{width: 100%;}
    .footer .r-box{width: 100%;font-size: 0;}
    .footer .brand{margin-top: 80px;}
    .header .nav .d_1{margin: 0 10px;}
    .box_1{width: 100%;padding-left: 5%;padding-right: 5%;}
    .box_4 .text{padding: 5%;}
    .devel{padding: 5%;}
    .box_3 .person{max-width: 100%;padding: 0 5%;}
    .box_3 .person .list{max-width: 48%;margin: 0;margin-right: 4%;}
    .box_3 .person .list:nth-child(2n){margin-right: 0;}
    .box_4 .text{max-width: 100%;padding: 5%;}
    .home-page .product .swiper-slide:hover{box-shadow: none;}
    .home-page .about .text{padding-top: 10%;}
    .video{height: auto;}
    .video video{width: 100%;vertical-align: top;}
    .box_4 .round_1 .circu{width: 1.2rem;height: 1.2rem;}
    .box_4 .round_1 .core{width: .6rem;height: .6rem;margin-top: .3rem;margin-left: .3rem;}
    .box_4 .round_2 .circu{width: .4rem;height: .4rem;}
    .box_4 .round_2 .core{width: .2rem;height: .2rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_3 .circu{width: .3rem;height: .3rem;}
    .box_4 .round_3 .core{width: .1rem;height: .1rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_4 .circu{width: .8rem;height: .8rem;}
    .box_4 .round_4 .core{width: .4rem;height: .4rem;margin-top: .2rem;margin-left: .2rem;}
    .box_4 .round_5 .circu{width: .5rem;height: .5rem;}
    .box_4 .round_5 .core{width: .3rem;height: .3rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_6 .circu{width: .3rem;height: .3rem;}
    .box_4 .round_6 .core{width: .1rem;height: .1rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_8 .circu{width: .4rem;height: .4rem;}
    .box_4 .round_8 .core{width: .2rem;height: .2rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_9 .circu{width: .5rem;height: .5rem;}
    .box_4 .round_9 .core{width: .3rem;height: .3rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_11 .circu{width: .5rem;height: .5rem;}
    .box_4 .round_11 .core{width: .3rem;height: .3rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_12 .circu{width: .7rem;height: .7rem;}
    .box_4 .round_12 .core{width: .5rem;height: .5rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_14 .circu{width: 1rem;height: 1rem;}
    .box_4 .round_14 .core{width: .6rem;height: .6rem;margin-top: .2rem;margin-left: .2rem;}
    .box_4 .round_16 .circu{width: .7rem;height: .7rem;}
    .box_4 .round_16 .core{width: .5rem;height: .5rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_17 .circu{width: .4rem;height: .4rem;}
    .box_4 .round_17 .core{width: .2rem;height: .2rem;margin-top: .1rem;margin-left: .1rem;}
    .box_4 .round_18 .circu{width: .4rem;height: .4rem;}
    .box_4 .round_18 .core{width: .2rem;height: .2rem;margin-top: .1rem;margin-left: .1rem;}
}

@media only screen and (max-width:1024px) {	
	.home-page .about .img{width: 50%;}
	.home-page .about .text{width: 50%;}
	.footer .language .h1{font-size: .25rem;}
	.footer .language .name{font-size: .2rem;}
	.footer .l-box .support{margin-bottom: 55px;}
	.footer .share a{width: 55px;}
	.footer .l-box .open{display: none;}
	.footer .product .box{display: block;}
   .footer .about .box{display: block;}
   .footer .support .box{display: block;}
	.box_3 .arise .h1{font-size: .5rem;}
	.box_3 .text .h1{font-size: .5rem;}
	.box_4 .text .sp_2{font-size: .28rem;}
	.devel .item .r-box{float: right;}
	.footer .share{float: left;padding-top: .5rem;width: 100%;}
	.footer .brand{float: right;margin-top: .5rem;width: 100%;}
	.footer .product .sort{margin-right: .4rem;}
	.footer .product .sort a{font-size: .17rem;}
	.footer .support .sort a{font-size: .2rem;}
	.footer .about .sort a{font-size: .2rem;}
	.footer .product .sort .on a{font-size: .2rem;}
	.footer .l-box .h1 a{font-size: .25rem;}
	body{padding-bottom: 0;}
	.video_1{display: none;}
	.video_3{display: block;height: calc(100vh - .6rem);overflow: hidden;}
    .main{padding-top: .6rem;}
    .header .head-wrap{max-width: 100%;width: 100%;padding: 0 5%;}
    .header .logo{width: 147px;position: absolute;top: 0;bottom: 0;left: 50%;margin-left: -73px;}
    .header .logo img{width: 100%;}
    .header .nav{display: none;}
    .header .m-menu{display: block;}
    .header .logo{height: .6rem;line-height: .6rem;}
    .header .m-menu .icon{line-height: .6rem;height: .6rem;width: .25rem;}
    .box_1{padding: 10% 5%;}    
    .box_1 .list{margin: 0 30px;}
    .box_1 .words{width: 100% !important;}
    .innov .icon-box{width: .7rem;height: .7rem;left: .2rem;bottom: .2rem;}
    .innov .icon .img{left: .24rem;}
    .home-page .product{width: 100%;padding: 5% 2.5%;}
    .home-page .product .swiper-button-next, .home-page .product .swiper-button-prev{width: .3rem;height: .6rem;margin-top: -.3rem;}
    .video .en{margin-bottom: .5rem;}
    .innov .h1{margin-bottom: .45rem;}
    .home-page .product .h1{margin-bottom: .5rem;}
    .home-page .story .h1{margin-bottom: 1rem;}
    .footer{position: static;}
    .home-page .product .img{width: 100%;}
    .home-page .product .text{width: 100%;padding: 5% 5% 10%;position: relative;}
    .home-page .product .swiper-pagination{bottom: 5%;}
    .home-page .product .more{bottom: .2rem;}
    .home-page .product .swiper-pagination-bullet{width: .2rem;height: .2rem;}
    .home-page .about .text{padding-top: 5%;}
    .home-page .about .words{margin: 10% 0;}
    .home-page .about{width: 100%;padding: .25rem .45rem;margin: 0;}
    .box_4 .round_4{top: 35%;}
    .footer .logo{margin: .05rem 0 .15rem;}
    .box_4 .round_1{top: 9%;}
    .box_4 .round_10{top: 48%;}
    .box_4 .round_11{top: 54%;}
    .box_4 .round_12{top: 60%;}
    .box_4 .round_14{top: 60%;}
    .box_4 .round_15{left: 62%;}
    .box_4 .round_16{top: 62%;left: 60%;}
    .box_4 .round_6{top: 57%;}
    .box_4 .round_8{top: 57%;}
    .box_4 .round_9{top: 58%;}
    .box_4 .round_18{left: 66%;}
}

@media only screen and (max-width:768px) {	
	.footer .l-box .support{margin-bottom: .4rem;}	
	.footer .language{padding-bottom: .4rem;width: 100%;}
	.footer .language .h1{padding-bottom: .3rem;margin-bottom: .2rem;font-size: .25rem;color: #fff;}
	.footer .language .name{font-size: .2rem;}
	.footer .language a{font-size: .24rem;}
	.footer .language .list{width: 150px;}
	.box_4 .box{top: 20%;}
	.prod-page .img-box{display: none;}
	.prod-page .img-box3{display: block;}
	.img-boxs .img_1{display: none;}
	.img-boxs .img_2{display: block;}
	.innov .icon-box{display: none;}
	.home-page .product2 .swiper-pagination{bottom: .4rem;margin-left: -5%;}
	.home-page .product1{display: none;}
	.home-page .product2{display: block;}
    /* index */
   	.video{height: calc(100vh - .6rem);}
   	.video_1{display: none;}
   	.video_3{display: none;}
   	.video_2{display: block;}
   	.video .en{font-size: .55rem;}
   	.video .cn{font-size: .64rem;}
   	.video_2{background: url(../images/img303.jpg) center center no-repeat;background-size: cover;}
   	.video_2 img{display: none;}
   	.innov{padding: 2.35rem 0 0;background: url(../images/img293.jpg) center center no-repeat;background-size: cover;height: calc(100vh - .6rem);}
   	.innov .h1{font-size: .45rem;}
   	.innov .h2{font-size: .65rem;}
   	.innov .icon .img{width: .2rem;height: .5rem;}
   	.home-page .story{height: 7.21rem;background-size: cover;padding: 0;}
   	.home-page .story .box{padding-top: 2.7rem;}
    .home-page .story .h1{font-size: .4rem;line-height: .5rem;margin-bottom: .5rem;}
    .home-page .story .more{margin-top: .25rem;}
    .home-page .more{font-size: .2rem;padding:0 .85rem 0 .32rem;height: .5rem;line-height: .48rem;background-size: .28rem auto;margin-top: 1.6rem;}
    .home-page .product{/* height: calc(100vh - .93rem); */padding: .93rem 5%;}
    .home-page .product .more{bottom: 0;}
    .home-page .product .text{width: 100%;margin: .5rem auto;}
    .home-page .product .h1{font-size: .5rem;font-weight: 500;}
    .home-page .product .words{font-size: .25rem;line-height: .3rem;height: .6rem;}
    .home-page .about .h1{font-size: .3rem;margin-top: .24rem;}
    .home-page .about .img{width: 100%;}
    .home-page .about .text{position: relative;width: 100%;padding: .65rem .1rem .35rem;background: #fff;}
    .home-page .about .words{margin: .5rem 0;font-size: .25rem;line-height: .36rem;height: 1.44rem;}
    .home-page .about .more{margin-top: 0;}
    /* footer */
    .footer .foot-wrap{padding: .5rem 0;}
    .footer .l-box .h1{padding-bottom: .3rem;margin-bottom: .2rem;font-size: .25rem;font-weight: bold;color: #fff;}
    .footer .l-box .h1 a{font-size: .25rem;font-weight: 400;}
    .footer .product{margin-bottom: 0;}
    .footer .product .sort{margin-right: 0;width: 100%;margin-bottom: .3rem;font-size: 0;}
    .footer .product .sort>li{display: inline-block;margin-bottom: 0;width: 33.33%;}
    .footer .product .sort .on{display: block;width: 100%;}
    .footer .product .sort a{font-size: .17rem;font-weight: 300;}
    .footer .about{margin-bottom: .4rem;}
    .footer .about .sort{font-size: 0;}
    .footer .about .sort a{width: 33.33%;margin-right: 0;font-size: .2rem;}
    .footer .support{margin-bottom: .4rem;}
    .footer .support .sort{font-size: 0;}
    .footer .support .sort a{width: 50%;margin-right: 0;font-size: .2rem;}
    .footer .share{display: none;width: 100%;vertical-align: top;padding-top: 0;}
    .footer .share a{width: 55px;margin-right: .3rem;}
    .footer .share a img{width: 100%;}
    .footer .brand{font-size: .18rem;display: inline-block;width: 100%;margin-top: .4rem;}
    .footer .brand .words{font-size: .18rem;}
    .footer .logo{margin: .05rem 0 .15rem;} 
    /* porduct */
    /* suppotr */
    .box_1 .h1{font-size: .4rem;margin-bottom: .3rem;}
    .box_1 .words{font-size: .2rem;line-height: .3rem;}
    .box_1 .code{width: 100%;margin-top: .5rem;padding: .5rem;margin-bottom: .5rem;}
    .box_1 .phone{font-size: .36rem;margin-bottom: .4rem;}
    .box_1 .phone .name{font-size: .24rem;margin-bottom: .2rem;}
    .box_1 .code .img{margin-bottom: .4rem;}
    .box_1 .time{font-size: .24rem;}
    .box_1 .list-box{margin-bottom: .4rem;}
    .box_1 .list{width: 50%;margin: 0 auto;margin-bottom: .3rem;vertical-align: top;}
    .box_1 .list .img{margin-bottom: .2rem;}
    .box_1 .list .name{font-size: .24rem;}
    /* about */
    .box_4 .text .words{font-size: .28rem;line-height: .4rem;}
    .box_4 .text .sp_2{margin-bottom: .3rem;}
    .devel .title{font-size: .4rem;margin-bottom: .5rem;}
    .devel .title .h1{margin-bottom: .2rem;}
    .devel .item-box{padding-left: .1rem;}
    .devel .item .icon{width: .5rem;margin-right: .3rem;margin-top: .15rem;}
    .devel .item .l-box{font-size: .3rem;line-height: .34rem;}
    .devel .item .r-box{width: calc(100% - 2rem);padding-left: .2rem;float: right;}
    .devel .item .r-box .h1{font-size: .2rem;line-height: .3rem;margin-bottom: .2rem;}
    .devel .item{padding-bottom: .4rem;}
    .devel .item:last-child{padding-bottom: 0;}
    .devel .item:last-child .r-box .h1{margin-bottom: 0;}
    .box_3 .text .h1{font-size: .4rem;margin-bottom: .4rem;}
    .box_3 .text .words{font-size: .2rem;line-height: .3rem;}
    .person .list .name{font-size: .24rem;margin-top: .3rem;margin-bottom: .1rem;}
    .person .list .words{font-size: .2rem;line-height: .3rem;}
    .person .list-box{margin-bottom: .5rem;}
    .storys .h1{font-size: .4rem;margin-bottom: .5rem;}
    .storys .name{font-size: .24rem;margin: .3rem 0 .1rem;font-weight: 600;}
    .storys .words{font-size: .2rem;line-height: .3rem;}
    .storys{margin-bottom: .5rem;}
    .box_4 .text .number{font-size: .5rem;margin-bottom: .3rem;}
    .box_4 .text .h2{font-size: .3rem;margin-bottom: .5rem;}
    .box_4 .text .words{font-size: .2rem;line-height: .3rem;}
    .box_4 .img-box{margin-bottom: 0;padding: 5%;}
    .box_2 .h1{font-size: .4rem;margin-bottom: .4rem;}
    .box_2 .words{font-size: .2rem;line-height: .3rem;}
    .box_4 .round_1{top: 10%;left: 18%;}
    .box_4 .round_14{top: 55%;left: 55%;}
}

@media only screen and (max-width:414px) {
	.footer .l-box .support{margin-bottom: 0;}
	.footer .language .h1{font-size: .3rem;}
	.footer .language .name{font-size: .28rem;}
	.main{padding-top: .93rem;}
	.box_4 .round_17{top: 41%;left: 64%;}
	.box_4 .round_18{left: 65%;}
	.box_4 .round_1{top: 8%;}
	.box_4 .round_16{top: 55%;}
	.box_4 .round_12{top: 50%;}
	.box_4 .round_16{left: 58%;}
	.box_4 .round_13{top: 66%;}
	.box_4 .number{font-size: 60px;margin-bottom: 10px;}
	.box_4 .sp_1{font-size: 20px;}
	.box_4 .h2{font-size: 14px;}
	.footer .share a{width: .8rem;}
	.header .logo{line-height: .93rem;height: .93rem;}
	.header .m-menu .icon{height: .93rem;line-height: .93rem;width: .4rem;}
	.prod-page .img-box3{display: none;}
	.prod-page .img-box2{display: block;}
	.innov{padding-top: 3rem;}
	.home-page .product2{padding-top: .5rem;}
	.video .en{font-size: .5rem;}
	.video .cn{font-size: .64rem;}
	.footer .logo{width: 1.7rem;margin: .1rem 0;}
	.footer .l-box .h1{margin-bottom: .2rem;padding-bottom: .2rem;}
	.footer .product{padding-bottom: .5rem;}
	.footer .product .sort{margin-bottom: .5rem;}
	.footer .product .sort .on{margin-bottom: .2rem;}
	.footer .about{margin-bottom: 0;padding-bottom: .5rem;}
	.footer .support{margin-bottom: 0;padding-bottom: .5rem;}
	.box_3 .arise .h1{font-size: .4rem;margin-bottom: .5rem;}
	.box_3 .arise .words{font-size: .28rem;}
	.home-page .product .more{font-size: .24rem;background: #fff url(../images/img300.jpg) 90% center no-repeat;background-size: .28rem auto;}
	.home-page .product .swiper-slide:hover .more{padding-left: 0;font-size: .24rem;background: #fff url(../images/img300.jpg) 90% center no-repeat;background-size: .28rem auto;}
	.home-page .product .swiper-pagination-bullet{margin: 0 .2rem;}
	.home-page .about .logo{width: 55%;}
	.home-page .about .words{font-size: .25rem;line-height: .4rem;height: 1.2rem;-webkit-line-clamp: 3;margin: .35rem 0 0;}
	.home-page .about .more{font-size: .2rem;background-size: .28rem auto;margin-top: .75rem;}
	.home-page .about:hover .more{background-size: .28rem auto;padding-left: 0;}
	.home-page .product .text{padding: 0 0 10%;}
	.home-page .product .h1{margin-bottom: .3rem;}
	.devel .item .icon{height: 1px;}
	.devel .item{border-left: 1px solid #000;}
	.box_3 .text .words{font-size: .28rem;line-height: .5rem;}
	.box_4 .round_10 .circu{width: .3rem;height: .3rem;}
	.box_4 .round_10 .core{width: .1rem;height: .1rem;margin-top: .1rem;margin-left: .1rem;}
	.box_4 .round_13 .circu{width: .3rem;height: .3rem;}
	.box_4 .round_13 .core{width: .1rem;height: .1rem;margin-top: .1rem;margin-left: .1rem;}
	.box_4 .round_15 .circu{width: .3rem;height: .3rem;}
	.box_4 .round_15 .core{width: .1rem;height: .1rem;margin-top: .1rem;margin-left: .1rem;}
	.box_4 .text .words{font-size: .28rem;line-height: .4rem;}
	.person .list .words{font-size: .24rem;line-height: .4rem;}
	.storys .words{font-size: .24rem;line-height: .4rem;}
	.box_4 .text .words{font-size: .28rem;line-height: .4rem;}
	.box_4 .text .words{font-size: .28rem;line-height: .4rem;}
	.box_1 .words{font-size: .28rem;line-height: .4rem;}
	.box_2 .words{font-size: .28rem;line-height: .4rem;}
	.footer .l-box .h1 a{font-size: .3rem;}
	.footer .product .sort .on{font-size: .28rem;}
	.footer .product .sort a{font-size: .24rem;}
	.footer .about .sort a{font-size: .28rem;}
	.footer .support .sort a{font-size: .28rem;}
	.devel .item .r-box .h1{font-size: .24rem;line-height: .34rem;}
	.box_1 .phone{font-size: .4rem;margin-bottom: .4rem;}
	.box_1 .phone .name{font-size: .28rem;margin-bottom: .2rem;}
	.box_1 .time{font-size: .28rem;}
	.box_1 .list .name{font-size: .28rem;}
	.footer .product .sort .on a{font-size: .28rem;}
	.person .list .name{font-size: .24rem;}
	.storys .name{font-size: .28rem;}
	.footer .brand{font-size: .24rem;}
}