.banner{width: 100%;height: 100vh; position:relative;}
.banner .swiper-slide{width: 100%;height: 100vh;}
.banner .video{width: 100%;height: 100%;position: relative;}
.banner .video video{width: 100%;height: 100%;object-fit: cover;}
.banner .video::after{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.48);}
.banner .video .play-btn{display: block;width: 54px;height: 54px;position: absolute;bottom: 200px;right: 160px;z-index: 4;background-image: url(../image/06.png);background-size: 100%;background-repeat: no-repeat;}
.banner .video .play-btn.pause{background-image: url(../image/06-1.png);}
.banner .image{width: 100%;height: 100%;position: relative; display:none;}
.banner .image img{width: 100%;height: 100%;object-fit: cover;}
.banner .cont{position: absolute;width: 100%;top:50%; transform:translateY(-50%); left: 0;z-index: 3;text-align:center;}
.banner .cont .text{width: 100%;color: #fff;font-size: 70px;line-height: 80px;font-weight: 600;}
.banner .cont .note{width: 59%;font-size:18px;line-height: 50px;font-weight: 500;color:#fff;}
.banner .prev-next{width: 324px;height: 50px;display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 86px;left: 160px;z-index: 5;}
.banner .swiper-pagination{width: 324px;height: 50px;display: flex;align-items: center;position: absolute;bottom: 86px;left: 160px;z-index: 5;}
.banner .swiper-pagination-bullet{opacity:1;background:rgb(255 255 255 / 50%);margin: 0 14px;}
.banner .swiper-pagination-bullet-active{background:#005bac}
.banner .prev-next a{display: flex;width: 150px;height: 50px;border: 1px solid #fff;align-items: center;justify-content: center;color: #fff;transition: all 300ms;}
.banner .prev-next a i{font-size: 44px;}
.banner .prev-next a:hover{background-color: #005bac;border-color: #005bac;}
.page-banner{position:relative;height: 80vh; padding: 80px 0;}
.yy-banner{position:relative;height: 50vh;}
.bg{/*background:rgba(0,91,172,0.6);*/ width:100%; height:100%; position:absolute; top:0px; left:0px;}
.typename{font-size:60px; color:#fff; padding-right:10%; width:30%; margin-top:12%;line-height:1;}
.typedesc{font-size:20px; color:#fff; margin-top:12%; width:70%; line-height:30px; margin-right:10%}

.roll-icon {width: 38px;height: 38px;position: absolute;left: 50%; transform: translateX(-50%); bottom: 5%;z-index: 11; animation: fudong1 1500ms infinite ease-in-out;}
/*.roll-icon img{ }*/
@keyframes fudong1{0%{bottom: 4%;} 50%{bottom: 6%;}100%{bottom: 4%;}}

.fbg{background:#f5f9fb;}

.idx-mod{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.idx-mod .en{font-size:20px;line-height: 42px;text-transform: uppercase; margin-top: 20px;}
.idx-mod .cn{font-size: 40px;line-height: 40px;font-weight: 600;margin-top: 10px;white-space: nowrap; color:#00205b;}
.idx-mod .cn span{color:#005bac;}
/*.idx-mod .scroll{ width: 100%;border-bottom: 1px solid #ccc; padding-bottom: 10px;}*/
.idx-mod .cate{width: auto;display: inline-flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
.idx-mod .cate a{font-size: 30px; font-weight:bold; color: #999;line-height: 36px;display: inline-flex;align-items: center;margin-right: 60px;margin-bottom: 8px;transition: all 300ms; position:relative;}
/*.idx-mod .cate a::after{content: "";display: block;width: 12px;height: 2px;background-color: #999;margin-right: 15px;transition: all 300ms; }*/
.idx-mod .cate a:hover, .idx-mod .cate a.active{color: #005bac;}
.idx-mod .cate a:hover::after, .idx-mod .cate a.active::after{background-color: #005bac;content: "";display: block;width: 100%;height: 1px;background-color: #005bac;transition: all 300ms; position:absolute; bottom:-19px; }
.idx-mod .c-name{font-family: 'din-b';font-size: 120px;line-height: 100px;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #eaeaea;}
.prod{width: 100%;padding: 80px 0 80px;background-image: url(../image/07.png);background-repeat: no-repeat;background-size: cover;position: relative;z-index: 8; overflow:hidden;}
.prod .items{width: 100%;margin-top: 60px;justify-content: space-between;display: none;font-size: 0;}
.prod .items:first-child{display: block;}
.prod .items .item{width: 49%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.prod .items .item:nth-of-type(2n){flex-direction: column-reverse;}
.prod .items .item:nth-of-type(2n) .text{margin-bottom: 20px;margin-top: 0;}
.prod .items .item.zindex{z-index: 20;}
.prod .items .item .img{width: calc(100% - 30px);border-radius: 50%;padding: 16px;margin: 15px auto;position: relative;transition: all 300ms;}
.prod .items .item .img img{width: 100%;border-radius: 50%;position: relative;z-index: 2;-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 300ms;}
.prod .items .item .img::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-image: url(../image/03.png);background-size: 100%;background-repeat: no-repeat;transition: all 300ms;animation: round 3s linear infinite;}
.prod .items .item-2{background-color:#ededed;width: 49%;margin-right: 1%;display: inline-block;margin-top: 10px;font-size: 0;position: relative;clear: both;}
.prod .items .item-2:nth-of-type(2n){margin-right: 0;}
.prod .items .item-2:before{content:"";position: absolute;width: 0;height: 5px;background: #005bac;transition: all 300ms;}
.prod .items .item-2:hover:before{content:"";position: absolute;width:100%;height: 5px;background: #005bac;}
.prod .items .item-2 .img{width: 48%;float: left;}
.prod .items .item-2 .text{padding-right: 20px;}
.prod .items .item-2 .text .title{font-size: 24px;color: #333;margin-top: 40px;margin-bottom: 10px;display: block;}
.prod .items .item-2 .text .model{color: #666;font-size:14px;margin-bottom: 20px;padding-right: 20px;line-height: 2em;height: 100px;overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 3;}
.cla{width: 100%;padding: 80px 0 40px;}
@-webkit-keyframes round{0%{-webkit-transform: rotate(0deg);}
25%{-webkit-transform: rotate(90deg);}
50%{-webkit-transform: rotate(180deg);}
75%{-webkit-transform: rotate(270deg);}
100%{-webkit-transform: rotate(360deg);}}
@keyframes round{0%{-webkit-transform: rotate(0deg);}
25%{-webkit-transform: rotate(90deg);}
50%{-webkit-transform: rotate(180deg);}
75%{-webkit-transform: rotate(270deg);}
100%{-webkit-transform: rotate(360deg);}}
.prod .items .item .img i.play{display: block;width: 54px;height: 54px;position: absolute;top: 50%;left: 50%;z-index: 3;transform: translate3d(-50%, -50%, 0);transition: all 300ms;background-size: 100%;background-repeat: no-repeat;cursor: pointer;}
.prod .items .item .img i.play:after{content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 1000ms;background-color: #fff;width: 0;height: 0;border-radius: 50%;}
.prod .items .item .img i.play.open:after{width: 200vw;height: 200vw;z-index: 20;}
.prod .items .item .text{text-align: center;margin-top: 20px;margin-bottom: 0;opacity: 0;transition: all 300ms;}
.prod .items .item .text .model{font-size: 40px;line-height: 40px;font-family: "din-b";}
.prod .items .item .text .title{font-size: 32px;}
.prod .items .item .text .more{display: inline-flex;align-items: center;color: #999;margin-top: 10px;transition: all 300ms;}
.prod .items .item .text .more span{font-size:12px;}
.prod .items .item .text .more i{font-size: 17px;margin-left: 15px;}
.prod .items .item .text .more:hover{color: #005bac;}
.prod .items .item:hover .img{width: 100%;margin: 0 auto;}
.prod .items .item:hover .img img{-webkit-filter: grayscale(0);filter: grayscale(0);filter: unset;}
.prod .items .item:hover .img::before{background-image: url(../image/04.png);}
.prod .items .item:hover .img i.play{background-image: url(../image/08.png);}
.prod .items .item:hover .text{opacity: 1;}
.prod .more-btn{margin: 50px auto 0;}
.solu{width: 100%;padding: 70px 0 0;margin-top: 50px;background: #f7f7f7;}
.solu .swiper{margin-top: 60px;width: 100%;padding-right: 160px;display: flex;align-items: stretch;}
.solu .swiper .thumb{width: calc(100% - 420px);}
.solu .swiper .thumb .swiper-wrapper{animation-timing-function: cubic-bezier(0.91, 0.01, 0.01, 1.02);}
.solu .swiper .thumb .swiper-slide{width: 100%;height: 750px;}
.solu .swiper .thumb .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.solu .swiper .thumb .pagi{position: absolute;bottom: 40px;right: 60px;z-index: 2;color: #fff;font-size: 50px;font-family: "din-b";}
.solu .swiper .thumb .pagi span{font-size: 110px;line-height: 110px;}
.solu .swiper .text{width: 420px;position: relative;}
.solu .swiper .text::before{content: "";display: block;width: 280px;height: 100%;background-color: #f7f7f7;position: absolute;left: 0;top: 0;z-index: 1;}
.solu .swiper .text .swiper-container{width: 100%;height: 100%;}
.solu .swiper .text .swiper-container .swiper-slide{width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;align-items: flex-end;padding-left: 60px;text-align: right;}
.solu .swiper .text .en{font-size: 24px;line-height: 32px;font-family: "din-b";text-align: right;text-transform: uppercase;}
.solu .swiper .text .cn{font-size: 32px;font-weight: 600;text-align: right;margin-top: 10px;}
.solu .swiper .text .desc{font-size:14px;line-height: 24px;color: #666;text-align: right;margin-top: 20px;}
.solu .swiper .text .more-btn{margin-top: 80px;display: inline-flex;}
.fixed-video{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 12;background-color: #fff;}
.fixed-video video{width: 100%;height: 100%;object-fit: contain;background-color: #000;}
.fixed-video i.close{display: block;cursor: pointer;position: fixed;top: 30px;right: 30px;z-index: 13;font-size:20px;line-height: 20px;color: #fff;transition: all 300ms;border: 1px solid #fff;border-radius: 50%;padding: 10px;}
.fixed-video i.close:hover{color: #fff;transform: rotate(-90deg);}
.indu{padding: 90px 0 90px;}
.indu .main{margin-right: 0;}
.indu .items{width: 100%;padding-right: 160px;margin-top: 60px;display: flex;justify-content: space-between;}
.indu .items .item{max-width: 260px;}
.indu .items .item .img{width: 140px;height: 140px;border-radius: 50%;padding: 10px;position: relative;margin: 0 auto;position: relative;bottom: -10px;transition: all 300ms;}
.indu .items .item .img .icon{display: block;width: 100%;height: 100%;border-radius: 50%;transition: all 300ms;position: relative;z-index: 2;font-size: 50px;line-height: 120px;text-align: center;}
.indu .items .item .img::after{content: "";display: block;width: 100%;height: 100%;background-size: 100%;background-repeat: no-repeat;transition: all 300ms;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;animation: round 3s linear infinite;}
@-webkit-keyframes round{0%{-webkit-transform: rotate(0deg);}
25%{-webkit-transform: rotate(90deg);}
50%{-webkit-transform: rotate(180deg);}
75%{-webkit-transform: rotate(270deg);}
100%{-webkit-transform: rotate(360deg);}}
@keyframes round{0%{-webkit-transform: rotate(0deg);}
25%{-webkit-transform: rotate(90deg);}
50%{-webkit-transform: rotate(180deg);}
75%{-webkit-transform: rotate(270deg);}
100%{-webkit-transform: rotate(360deg);}}
.indu .items .item .text{text-align: center;position: relative;top: -10px;transition: all 300ms;}
.indu .items .item .text .cn{font-size:20px;}
.indu .items .item .text .en{margin-top: 10px;font-size:18px;line-height: 21px;color: #999;text-transform: uppercase;}
.indu .items .item:hover .img{bottom: 0;}
.indu .items .item:hover .img .icon{background-color: #005bac;color: #fff;}
.indu .items .item:hover .img::after{background-image: url(../image/12.png);}
.indu .items .item:hover .text{top: 10px;}
.indu .items .dots{display: inline-flex;width: 64px;height: 6px;justify-content: space-between;margin-top: 100px;}
.indu .items .dots i{display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #ccc;}

.history{padding: 90px 0 90px;background: #f5f5f5;}
.history .main{margin-right: 0;}
.history .idx-mod{width: 100%;text-align:center;display: block;padding-right: 160px;}
.history .items{width: 100%;padding-right: 160px;margin-top: 60px;display: flex;justify-content: space-between;}
.history .items .item{max-width: 260px;}
.history .items .item .text{text-align: center;position: relative;top: -10px;transition: all 300ms;}
.history .items .item .text .cn{font-size:20px;}
.history .items .item .text .en{margin-top: 10px;font-size:18px;line-height: 21px;color: #999;text-transform: uppercase;}
.history .items .item:hover .img{bottom: 0;}
.history .items .item:hover .img .icon{background-color: #005bac;color: #fff;}
.history .items .item:hover .img::after{background-image: url(../image/12.png);}
.history .items .item:hover .text{top: 10px;}
.history .items .dots{display: inline-flex;width: 64px;height: 6px;justify-content: space-between;margin-top: 100px;}
.history .items .dots i{display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #ccc;}

.about{padding: 200px 0 200px;background-position: center;background-size: cover;}
.about .main{display: flex;justify-content: space-between;align-items: flex-start;}
.about .main .texts{width: 60%;max-width: 570px; padding: 30px 0 30px;}
.about .main .texts .en{font-size: 42px;line-height: 42px;font-family: "din-b";white-space: nowrap;text-transform: uppercase;}
.about .main .texts .cn{font-size: 60px;line-height: 60px;font-weight: 600;margin-top: 10px;white-space: nowrap; color:#00205b}
.about .main .texts .cn span{color:#005bac;}
.about .main .texts .slogen{font-size: 24px;line-height: 40px;margin-top: 30px;}
.about .main .texts .desc{font-size:18px;line-height: 30px; margin-top:30px;}
.about .main .nums{width: 30%; height:400px; text-align:right;
  justify-content: center;
  align-items: center;
 /* 防止页面滚动 */ /*display: flex;flex-wrap: wrap;justify-content: space-between;*/}
.scroll-container {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.number {
  position: absolute;
  width: 100%;
  opacity: 0.2;
  transition: opacity 0.5s ease, transform 0.8s ease;
}

.number.active {
  opacity: 1;
}
.number.prev {
  opacity: 0.5; /* 上一行半透明 */
  transform: translateY(-300px); /* 向上滚动 */
}

.number.next {
  opacity: 0.5; /* 下一行半透明 */
  transform: translateY(300px); /* 向下滚动 */
}
.about .main .nums .item{width: 100%;margin-bottom: 60px;color: #005bac;}
.about .main .nums .item .num{font-size: 40px;margin-left: 6px;}
.about .main .nums .item .num span{font-size: 140px;font-family: 'din-b';}
.about .main .nums .item .num em{font-style:normal; float: right;margin-top: 80px;}
.about .main .nums .item .desc{font-size:18px;padding-left: 4px;}
.about .main .more-btn{margin-top: 20px; background:none; border: 2px solid #005bac; color: #005bac;  height: 40px; border-radius: 20px;    display: inline;}
.about .main .more-btn span {font-size:14px;font-weight: bold;}
.about .main .more-btn i{font-size:16px;}
.banner-info{font-size: 60px; color: #fff; font-weight: bold; margin-top: 17%;}

.roll{position:relative}
.roll li{width:100%;position:absolute;left:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-size:18px;list-style:none}
.roll li.roll_1{opacity:1;top:0;font-size:10px}
.roll li.roll_2{opacity:0.1;top:300px;font-size:14px}
.roll li.roll_3{background-color:rgba(255,255,255,0.1);opacity:0;top:300px;height:48px;font-size:18px;font-weight:bold}

.yyapp{width:100%; overflow:hidden; margin:60px auto 0;}
.yytext{position:absolute; top:20%; left:5%; color:rgba(255,255,255,0.8);}
.yytext .yytext_h{font-size:70px;  margin-right:20px;}
.yytext .yytext_info{font-size:18px; width:40%; line-height:32px; float:left; margin-top:2%;}

.mySwiper{position:absolute !important; bottom:5%; left:5%; width:50%; }
.yythumbox{ border-radius:50px;  border:2px solid rgba(255,255,255,1); padding:5px 10px; text-align:center;}
.yythumbox_t{width:100%; text-align:right;}
.yythumbox_t img{max-width:100%;}
.yythumbox_b{width:100%; font-size:20px; color:#fff;}

.mySwiper .swiper-slide-thumb-active{background:#fff; }
.mySwiper .swiper-slide-thumb-active .yythumbox_b{color:#06285d;}

.choose_box{width:100%; position:relative; padding:60px 0; display:table;}
.choose_en{position:absolute; top:0px; left:-10%; color:#f2f7fb; font-size:150px; font-weight:bold;}
.choose_left{ width:35%; float:left; font-weight:normal;}
.choose_left h2{ font-size: 40px; line-height: 40px;font-weight: 600; margin-top:150px;color:#00205b;}
.choose_left h2 span{color:#005bac}
.choose_left h3{font-size:20px; line-height: 42px; font-weight: 500; margin-top: 10px;}
.choose_left h4{font-size:18px;line-height: 1.5; margin-top: 40%; font-weight: normal; color: #777;}
.choose_right{width:60%; float:right; margin-top:50px;}
.choose_list{width:100%;}
.choose_list ul li{width:32%; margin-right:2%; float:left; position:relative; transition: transform 0.2s ease-out;}
.choose_list ul li:nth-child(3){margin-right:0px;}
.choose_list ul li .choose_img{width:100%;}
.choose_text{position:absolute; left:0px; top:0px; padding:20px; color:#fff; width:100%; height:100%; transition: all 0.4s ease;}
.choose_text .cico{width:100%; float:left; opacity:0;}
.choose_text .cico img{width:40px;}
.choose_text h2{margin-top:340px; font-size:18px;}
.choose_text h3{font-size:18px; transition: all 0.4s ease; opacity:0;}
.choose_text p{font-size:14px; line-height:30px; margin-top:10px; opacity:0;transition: all 0.4s ease;}
.choose_text span img{width:28px; position:absolute; bottom:20px;}
.choose_list ul li:hover .choose_text{background:rgba(0,91,172,0.8);}
.choose_list ul li:hover .choose_text h2{margin-top:0px;opacity:0}
.choose_list ul li:hover .choose_text h3{margin-top:150px; opacity:1;}
.choose_list ul li:hover .choose_text p{opacity:1; margin-top:-20px;}
.choose_list ul li:hover .cico{opacity:1;}


.pclass{width:100%; display: table; margin-bottom:100px;}
.pclass ul{}
.pclass ul li{width:100%; margin-top:10%; position:relative; display: table;}
.pclass ul li .img{width:60%; float:left; max-height:450px; overflow:hidden;}
.pclass ul li .img img{ width:100%;}
.pclass ul li .ptextbox{position:absolute; width:50%; right:0px; bottom:-10%; background:#fff; box-shadow:1px 1px 10px #ccc; padding:5%; display:table;}
.pclass ul li:nth-child(2n+2) .img{float:right; text-align:right;}
.pclass ul li:nth-child(2n+2) .ptextbox{left:0px;}
.pclass ul li .ptextbox h3{ font-size:30px; color:#005bac; font-weight:bold; margin-bottom:30px; }
.pclass ul li .ptextbox p{width:80%; line-height:30px;}
.pclass ul li .ptextbox .more{background:#005bac; color:#fff; padding:5px 25px; font-size:14px; border-radius:50px; margin-top:20px; display: table;}
.pclass ul li:hover .ptextbox{box-shadow:1px 1px 10px #999;}
.pclass ul li:hover .ptextbox .more{background:#e60012;}

.daili{width:100%; background:url(../image/dls_bg.jpg) left center no-repeat; padding:12% 0; color:#fff; text-align:center; margin:50px auto;}
.daili h1{font-size:50px; font-weight:bold; margin-bottom:30px;}
.daili p{font-size:16px; line-height:30px;}
.daili .btn{width:160px; height:40px; line-height:38px; display: inline-block; border:1px solid rgba(255,255,255,0.8);}
.daili .btn a{color:#fff;}
.daili .btn:hover{background:rgba(255,255,255,0.1);}

.kefu{background:#005bac; border-radius:10px; width:50px; height:50px; text-align:center; line-height:50px; position:fixed; bottom:10%; right:0px; z-index:999;}
.kefu img{width:36px;}

.aboutvide{width: 100%;height: 100vh; padding:50px 0;}

/*.ind_sol .img-box{
	height: calc(100vh);
}*/
.ind_sol_box{}
.ind_sol_left{}
.ind_sol .img-box img{border-radius:20px;}
.ind_sol{margin-top:50px; margin-bottom:50px;}
.ind_sol .sl2-sw1 .swiper-slide {
	float: left;
}
.ind_sol .sl2-sw1 .swiper-slide:first-child{
	border-left: none;
}
.ind_sol .sl2-sw1 .swiper-slide.active {
  width: 34%;
  transition: all 0.3s ease;
}
.ind_sol .sl2-sw1 .swiper-slide.active .dp-zhe1 {
  opacity: 0;
  transform: scale(0.8);
}
.ind_sol .sl2-sw1 .swiper-slide.active .dp-zhe2 {
  opacity: 1;
  transform: none;
}
.ind_sol .sl2-sw1 .swiper-slide.active .dp-zhe2 .zhe-nei {
  opacity: 1;
  transform: none;
}
.ind_sol .sl2-sw1 .swiper-slide.active2 {
  width: 22%;
  transition: all 0.3s ease;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 84%;
  height: 92%;
  /*background: rgba(0, 0, 0, 0.5);*/
  text-align: left;
  z-index: 6;
  margin: 8% 8% 0 8%;
  transition: all 0.4s ease;
  border-radius:20px;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-sha {
  color: #ffffff;
  width:80%;
}

.ind_sol .sl2-sw1 .swiper-slide .dp-sha .dp-ti1 {
  font-size:1.5vw; line-height:2.6; 
}
.ind_sol .sl2-sw1 .swiper-slide .dp-sha .dp-ti12 {
  font-size:18px;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-xia {
  position:absolute;
  right:0;
  top:0%;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  text-align: left;
  z-index: 5;
  transition: all 0.4s ease;
  opacity: 0;
  transform: scale(0.8);
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe2 .bg1 {
  background: #44637c;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius:20px;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe2 .zhe-nei {
  display: block;
  width: 84%;
  height: 84%;
  padding:8%;
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
  display: flex;

  opacity: 0;
  transform: translateY(4vw);
  transition: all 0.3s 0.2s ease;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe2 .zhe-nei .com-ti1 .dx1 {
  background: #ffffff;
  height: 2px;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe2 .zhe-nei .com-ti1 .dp-intr1 {
  padding: 0 2.5vw;
  font-size:14px;
  line-height: 1.8;
  text-align: justify;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe2 .zhe-nei .com-ti1 .com-more1 {
  margin: 10vw 0 0;
}
.ind_sol .sl2-sw1 .swiper-slide .dp-zhe2 .zhe-nei .com-ti1 .com-more1 .a1 {
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  color: #e5212a;
}

.ind_sol .swiper-button-next, .ind_sol .swiper-button-prev{
    background-color: rgba(255, 255, 255, 0.8);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
   background-size: 10px;
   border:2px solid #777;
   bottom:-18%;
   top:auto;
}
.ind_sol .swiper-button-next{right:50%; margin-right:-60px;}
.ind_sol .swiper-button-prev{left:50%; margin-left:-60px;}
.ind_sol .swiper-button-next:after, .ind_sol .swiper-button-prev:after{font-size:24px;}
.ind_sol .swiper-container{ margin-bottom:7%;  overflow:visible;}


/*.swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    transition: 300ms;
    transform: scale(0.9,1);
    }
  .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1.2,1);
  }*/

.single-page-about .main .jcbetween{ display: flex;  justify-content: space-between;  align-items: center; }
.single-page-about .main .texts{width: 53.5%; display:flex; flex-direction:column;}
.single-page-about .main .texts .en{font-size: 50px;line-height: 50px;font-family: "din-b";white-space: nowrap;text-transform: uppercase;}
.single-page-about .main .texts .cn{font-size: 36px;line-height: 36px;font-weight: 600;margin-top: 10px; color:#005bac;}
.single-page-about .main .texts .slogen{font-size: 24px;line-height: 40px;margin-top: 30px;}
.single-page-about .main .texts .desc{font-size: 14px; line-height: 30px; margin-top: 1vw;}
.single-page-about .main .nums{width: 40%;display: flex;flex-wrap: wrap;justify-content: space-between; margin: 0 auto;}
.single-page-about .main .nums .item{width: 33.33%;margin-bottom: 60px; color:#005bac;}
.single-page-about .main .nums .item .num{font-size:18px;margin-left: 6px;}
.single-page-about .main .nums .item .num span{font-size: 96px;line-height: 96px;font-family: 'din-b';}
.single-page-about .main .nums .item .desc{font-size:18px;padding-left: 4px;}
.single-page-about .main .more-btn{margin-top: 120px;}
.mt40{margin-top:40px;}
.single-page-about .main .abouttexts{width:80%; margin:30px auto; line-height:30px;}
.video-js{margin-top:-100px; margin-bottom:50px;}
.csr{display: flex;justify-content: space-between; align-items: center;}
.csrleft{width:45%; float:left;}
.csrleft img{max-width:100%;}
.csrright{width:55%; float:left;}
.csrright em{font-size:80px; line-height:40px; font-weight:bold; color:#005bac; width:100%; float:left;}
.csrright strong{font-size:24px; line-height:40px; width:80%; margin:0px 0 40px; float:left;}
.csrright span{font-size:16px; width:100%;float:left;}

.pinzhi{width:100%; background:url(../image/yylybg.jpg) left center no-repeat; background-size:100%; padding:25vh 0; }
.wtitle{font-size:36px; color:#fff; font-weight:bold; margin-bottom:40px;}
.wdesc{font-size:16px; color:#fff; line-height:30px; width:40%;}

.div-about-history2 {background: url('../image/map.jpg') center no-repeat !important;background-size: cover;}
.div-about-history {overflow: hidden;background: url('../image/historybg.jpg') center no-repeat;background-size: cover;}
.about-history {position: relative;overflow: hidden;padding: 10% 0 13% 0;}
.about-history-left {float: left;width: 100%;position: relative;}
.about-history-left .text-1 {position: relative; font-size:16px; line-height:30px;}
.about-history-left .title-2{font-size:30px; margin-bottom:10px; font-weight:bold;}
.about-history-left .line{width:100px; height:3px; background:#005bac}
.about-history-left .img-1{border-radius: 20px;width: 40%;float: left; background:#fff; margin-right:10%; overflow:hidden; }
.about-history-left .img-1 img{max-width:100%;}
.about-history-left .text{width:50%; float:right;}
.about-history-swiper {position: relative;margin-top: 10%;}
.about-history-swiper .swiper-slide .title-2{color: #000; width:90%;}
.about-history-swiper .swiper-slide .text-1{margin-top: 2%;width: 80%; height:100px;}
.about-history-right {float: right;width: 55%;position: relative;overflow: hidden;margin-left: -14%; }
.about-history-right img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.history-swiper-pic {position: relative;overflow: hidden;height: 100%;}
.history-slide {position: relative;overflow: hidden;height: 100%;opacity: 0;}
.history-swiper-pic .swiper-slide-active .history-slide {opacity: 1;}
.history-swiper-pic .title-3{position: absolute;left: 0;bottom: 0;z-index: 11;color: #005bac; font-size:240px;}

/*.history-swiper-pic .img .pic {filter: grayscale(100%); background-size:cover;}*/
.about-history-top {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.about-history-right .bgimg {overflow: hidden;}
.about-history-year {margin-top: 5%;}
.about-history-item {position: relative;cursor: pointer;}
.about-history-item .top-1{position: relative;}
.about-history-item .top-1 .line-1{position: absolute;left: 0;top: 50%;height: 1px;width: 100%;z-index: 1;border-bottom: dashed 2px #ccc;margin-top: -2px;}
.about-history-item .top-1 .line-1::before {content: '';width: 0;height: 2px;background: #00428e;position: absolute;left: 0;top: 1px;z-index: 2;transition:all .4s ease;}
.about-history-item .top-1 .point-1{background: #cccccc;width: 16px;height: 16px;border-radius: 100%;z-index: 11;position: relative;border: 3px solid #fff;}
.history-swiper-year .swiper-slide-active .about-history-item .top-1 .point-1{background:#005bac;}
.about-history-item .text-1 {color: #666666;font-family: 'D-DIN';margin-top: 2%;}
.about-history-button {position: absolute; width: 50%; bottom: -7%; right: 0%;}
.history-prev,.history-next {width: 40px !important;height: 40px !important;box-sizing: border-box;border-radius: 100%;position: relative;left: auto;right: auto;top: auto;margin: auto ;display: inline-block;vertical-align: middle;margin-right: 5px;outline: none;cursor: pointer; background:#fff;  background-size: 15px 15px !important;}
.history-prev::after,.history-next::after {font-size: 14px !important;font-weight: 900;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.history-prev:hover ,.history-next:hover {background: #005bac; color:#fff;}
.history-prev:hover::after,.history-next:hover::after {color: #fff;}
.history-next {background: #005bac;opacity: 1!important; left:60px !important; right:auto !important;}
.history-next::after {color: #fff;}
.history-swiper-year .swiper-slide-thumb-active .about-history-item .top-1 .point-1{border: 3px solid #005bac;background: #fff;}
.history-swiper-year .swiper-slide-active {}
.history-swiper-year .swiper-slide-thumb-active .line-1::before {-webkit-animation: ws100 5000ms 1 forwards;animation: ws100 5000ms 1 forwards;} 
@keyframes ws100{0%{width: 0%;} 100%{width: 100%;}}

.czjz{width:100%;}
.czjz_title{font-size:40px; font-weight: 600; line-height: 50px; color:#000;  text-align:center;}
.czjz_title span{color:#005bac; }
.czjz_desc{margin:30px auto 50px; font-size:16px; text-align:center;}
.czjz_box{width:80%; margin:0 auto;}
.czjz_box ul{}
.czjz_box ul li{width:32%; margin-right:2%; float:left; position:relative;}
.czjz_box ul li:nth-child(3){margin-right:0;}
.czjz_box ul li img{max-width:100%;}
.czjz_box ul li .text{position:absolute; top:8%; left:8%; color:#fff;}
.czjz_box ul li .text h5{font-size:20px; font-weight:bold; margin-bottom:30px;}
.czjz_box ul li .text p{font-size:16px;}
/*.czjz_box ul li:hover{box-shadow:1px 1px 10px #666;}*/

.w40{width:40%;}
.w60{width:60%;}
.bluetitle{font-size: 32px;line-height: 30px;font-weight: 600;margin-top: 10px; color:#00205b;}
.bluetitle span{display:none;}
.pdesc{margin-top:30px; font-size:16px; line-height:30px;}

.sales{padding: 90px 0 70px;background-image: url(../image/14.png);background-position: center;background-size: cover;}
.sales .cont{display: flex;justify-content: space-between;align-items: center;}
.sales .texts{max-width: 530px;width: 40%;padding-right: 50px;}
.sales .texts .title{font-size: 32px;}
.sales .texts .desc{font-size:14px;line-height: 26px;color: #666;margin-top: 15px;}
.sales .texts .more-btn{margin-top: 120px;}
.sales .map{width: 100%;height: 600px;align-items: center;}
.sales .map .img{width: calc(100% - 100px);padding-right: 80px;}
.sales .map .img img{display: none;}
.sales .map .tab{width: 100px;flex-shrink: 0;}
.sales .map .tab a{display: flex;align-items: center;justify-content: flex-end;text-align: right;font-size:18px;color: #999;margin: 12px 0;white-space: nowrap;transition: all 300ms;}
.sales .map .tab a::before{content: "";display: block;width: 12px;height: 2px;background-color: #005bac;margin-right: 0;opacity: 0;transition: all 300ms;}
.sales .map .tab a.active{color: #005bac;}
.sales .map .tab a.active::before{opacity: 1;margin-right: 20px;}
.responsibility{padding: 200px 0 130px;background-image: url(http://www.jrgmj.com/templates/cnjingrui/static/img/151.png);background-attachment: fixed;background-position: center;background-size: cover;color: #fff;}
.responsibility .main{display: flex;justify-content: space-between;align-items: flex-start;}
.responsibility .main .texts{width: 60%;max-width: 570px;}
.responsibility .main .texts .en{font-size: 42px;line-height: 42px;font-family: "din-b";white-space: nowrap;text-transform: uppercase;}
.responsibility .main .texts .cn{font-size: 36px;line-height: 36px;font-weight: 400;margin-top: 10px;white-space: nowrap;}
.responsibility .main .texts .slogen{font-size: 24px;line-height: 40px;margin-top: 30px;}
.responsibility .main .texts .desc{font-size:14px;line-height: 26px;margin-top: 16px;}
.responsibility .main .nums{width: 37%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.responsibility .main .nums .item{width: 50%;margin-bottom: 60px;}
.responsibility .main .nums .item .num{font-size:18px;margin-left: 6px;}
.responsibility .main .nums .item .num span{font-size: 96px;line-height: 96px;font-family: 'din-b';}
.responsibility .main .nums .item .desc{font-size:18px;padding-left: 4px;}
.responsibility .main .more-btn{margin-top: 120px;}

.news_top{width:100%; margin-top:50px;}
.news_top_left{width:48%; float:left;}
.news_top_left img{max-width:100%; border-radius:20px;}
.news_top_right{width:48%; float:right; color:#000;}
.news_top_right h3{font-size:20px; font-weight:bold; margin-bottom:20px; margin-top:20px;}
.news_top_right .date{font-size:14px;}
.news_top_right .text-gray{font-size:16px; line-height:24px;margin-top:20px;}
.news_top_right .more{font-size:18px; background:url(../image/choose_jt_h.png) right center no-repeat; width:100px; font-weight:bold; margin-top:50px; padding-right:30px; }
.news_top:hover .news_top_left img{box-shadow:1px 1px 10px #ccc;}

.news{width: 100%;padding: 90px 0 110px;}
.news .items{width: 100%;margin-top: 50px;display: flex;}
.news .items:first-child{display: block;}
.news .item{display: inline-block;width: 23.5%;margin-bottom: 30px;margin-right: 2%; border-left:2px solid #eeeeee; padding-left:2%;}
.news .item:nth-of-type(4n+4){margin-right: 0;}
.news .item:before {content: ""; display: block; position: absolute; left: -2px; top: 0px; width: 2px; background: #005dad; 
  height: 50px; transition: all 300ms;}
.news .item .img{width: 100%;overflow: hidden;}
.news .item .img img{width: 100%;transition: all 300ms;}
.news .item .text{width: 100%;}
.news .item .text .date{width: 100%;height: 46px;font-size:14px;}
.news .item .text .title{    font-size:18px;line-height: 30px;font-weight: 600; white-space: normal; margin-bottom: 30px;}
.news .item .text .desc{font-size:12px;line-height: 24px;color: #666;margin-top: 10px;}
.news .item .text .more-btn{margin-top: 30px;background-color: transparent;color: #999;width: 116px;display: inline-flex;transition: all 300ms;}
.news .item .text p{opacity:0; color:#005dad; transition: all 300ms;}
.news .item:hover .title{color:#005dad;}
.news .item:hover p{opacity:1;}
.news .item:hover:before{height:100%;}
.news .item:hover .img img{transform: scale(1.1);}
.news .item:hover .text .more-btn{width: 160px;background-color: #005bac;color: #fff;}

.newslist{width: 100%;padding: 0px 0 110px;}
.newslist .items{width: 100%;margin-top: 50px;display: flex;}
.newslist .items:first-child{display: block;}
.newslist .item{display: inline-block; width: calc(31.8% - 2px);margin-bottom: 30px;margin-right: 2%; border:1px solid #eeeeee; padding:15px;}
.newslist .item:nth-of-type(3n+3){margin-right: 0;}
.newslist .item .text{width: 100%;}
.newslist .item .text .date{width: 100%;height: 46px;font-size:14px;}
.newslist .item .text .title{ font-size:18px;line-height: 30px; height:60px; overflow:hidden; font-weight: 600; white-space: normal; margin-bottom: 30px; color:#000;}
.newslist .item .text .desc{font-size:12px;line-height: 24px;color: #666;margin-top: 10px;}
.newslist .item .text .more-btn{margin-top: 30px; color: #000;width: 160px;display: inline-flex;transition: all 300ms;border: 0;text-align: left;justify-content: left;font-weight: bold;}
.newslist .item .text p{ color:#005dad; transition: all 300ms;}
.newslist .item:hover{border:1px solid #005dad; color: #005dad;}
.newslist .item:hover .title{color:#005dad;}
.newslist .item:hover .text .desc{color:#005dad;}
.newslist .item:hover:before{height:100%;}
.newslist .item:hover .img img{transform: scale(1.1);}
.newslist .item:hover .text .more-btn{color: #005dad;}

.down{width:100%; display:table;}
.downtitle{font-size:30px; color:#005dad; float:left;}
.pageTitleTel{ float:right; height:50px; width:300px; border:1px solid #e8e8e8; box-shadow:1px 1px 10px #ccc; position:relative;}
.sideTitleTel{ width:100%; height:50px; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:20px; height:50px; line-height:50px; position:relative; padding-right:10px;}
.sideTitleTel .con a{ color: #000; display:block; height:50px; padding-left:30px;}
.sideTitleTel .con img{ position: absolute; right: 30px; top: 10%; margin-top: 12px; width: 20px;
     transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }
.sideTitleTel .con.on img{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; background:#fff; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2); z-index:999;}
.sideTitleNav li{ font-size:14px; height:50px; border-bottom:#d7d7d7 solid 1px;}
.sideTitleNav li a{ display:block; height:50px; line-height:50px; padding-left:30px; color:#666;}
.sideTitleTel .con em{ display:block; color:#000; padding-left: 30px;}

.downlist{display:table; width:100%;}
.downlist .list-group-item{width:30%; margin-right:5%; float:left; margin-bottom:30px; box-shadow:1px 1px 10px #ccc;}
.downlist .list-group-item:nth-child(3n+3){margin-right:0px;}
.downlist .list-group-item .media-left{width:100%;}
.downlist .list-group-item .media-left img{max-width:100%;}
.downlist .list-group-item .media-body{width:100%; display:flex; height: 60px; line-height: 40px;justify-content: space-between;  padding: 10px;}
.downlist .list-group-item .media-heading{font-size:16px; color:#000;}
.downlist .list-group-item .btn{color:#005dad; font-size:14px;}
.downlist .list-group-item:hover{box-shadow:1px 1px 10px #666;}

.downlist .list-group-item_dw{width:48%; margin-right:4%; float:left; margin-bottom:30px; box-shadow:1px 1px 10px #ccc;}
.downlist .list-group-item_dw:nth-child(2n+2){margin-right:0px;}
.downlist .list-group-item_dw .media-body{width:100%; display:flex; height: 80px; line-height: 60px;justify-content: space-between;  padding: 10px 30px;}
.downlist .list-group-item_dw .media-heading{font-size:20px; color:#000;}
.downlist .list-group-item_dw .media-heading span{font-size:14px; color:#666; margin-left:20px;}
.downlist .list-group-item_dw .btn{color:#005dad; font-size:14px;}
.downlist .list-group-item_dw:hover{box-shadow:1px 1px 10px #666;}

.conlist{width:100%; display:table;}
.conlist .items{width:100%; margin:80px auto; display:table;}
.conlist .items .text{width:48%; float:left; margin-bottom:50px; margin-right:4%;}
.conlist .items .text:nth-child(2n+2){margin-right:0px;}
.conlist .items .text .title{font-size:24px; color:#000; font-weight:bold; margin-bottom:15px;}
.conlist .items .text .desc{line-height:30px; height: 220px;}



/* polaroids */
.polaroids{width:100%;display:table;}
.polaroids li{display: inline; width:23.5%; margin-right:2%; float:left; margin-bottom:5%;}
.polaroids li:nth-child(4n+4){margin-right:0px;}
.polaroids a{background: #fff;display: inline;float:left;width:auto;padding:30px;text-align: center;text-decoration: none;color:#333;font-size:18px;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
-o-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
}
.polaroids img{display: block;width:100%;}
/*.polaroids a:after{content: attr(title);}*/
.polaroids li:nth-child(even) a{
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	transform:rotate(2deg);
}
.polaroids li:nth-child(3n) a{
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform:rotate(-5deg);
	position: relative;
	top:-5px;
}
.polaroids li:nth-child(5n) a{
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	transform:rotate(5deg);
	position: relative;
	right:5px;
}
.polaroids li:nth-child(8n) a{
	position: relative;
	top:8px;
	right:5px;
}
.polaroids li:nth-child(11n) a{
	position: relative;
	top:3px;
	right:-5px;
}
.polaroids li a:hover{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);
	-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);
	-o-box-shadow:0 3px 6px rgba(0,0,0,.5);
	box-shadow:0 3px 6px rgba(0,0,0,.5);
	position: relative;
	z-index: 5;
}
.polaroids li.messy a{margin-top:-375px;margin-left:160px;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform:rotate(-5deg);
}


.imgs{width: 100%;padding: 90px 0 110px;background: #ededed;}
.imgs .items{width: 100%;margin-top: 50px;/* display: flex; */}
.imgs .item{display: inline-block;width: 23.9%;margin-left: 1%;}
.imgs .item:nth-of-type(4n+1){margin-left: 0;}
.imgs .item .img{width: 100%;overflow: hidden;}
.imgs .item .img img{width: 100%;transition: all 300ms;}
.imgs .item .text{width: 100%;text-align: center;margin: 20px auto;}
.imgs .item .text .date{width: 100%;height: 76px;line-height: 76px;font-size: 24px;font-family: 'din-b';}
.imgs .item .text .title{font-size:14px;line-height: 20px;}
.imgs .item .text .desc{font-size:12px;line-height: 24px;color: #666;margin-top: 10px;}
.imgs .item .text .more-btn{margin-top: 30px;background-color: transparent;color: #999;width: 116px;display: inline-flex;transition: all 300ms;}
.imgs .item:hover .img img{transform: scale(1.1);}
.imgs .item:hover .text .more-btn{width: 160px;background-color: #005bac;color: #fff;}

.column_3{width: 100%;padding: 90px 0 110px;}
.column_3 .items{width: 100%;margin-top: 50px;display: flex;}
.column_3 .item{display: block;width: 30.6%;margin-left: 4.1%;}
.column_3 .item:nth-of-type(3n+1){margin-left: 0;}
.column_3 .item .img{width: 100%;overflow: hidden;}
.column_3 .item .img img{width: 100%;transition: all 300ms;}
.column_3 .item .text{width: 100%;}
.column_3 .item .text .date{width: 100%;height: 76px;line-height: 76px;font-size: 24px;font-family: 'din-b';}
.column_3 .item .text .title{font-size:20px;line-height: 20px;font-weight: 600;margin-top: 30px;}
.column_3 .item .text .desc{font-size:12px;line-height: 24px;color: #666;margin-top: 10px;}
.column_3 .item .text .more-btn{margin-top: 10px;background-color: transparent;color: #999;width: 116px;display: inline-flex;transition: all 300ms;}
.column_3 .item:hover .img img{transform: scale(1.1);}
.column_3 .item:hover .text .more-btn{width: 160px;background-color: #005bac;color: #fff;}
.after{width: 100%;padding: 200px 0;background: #e9f1f7 url(../image/contactbg.jpg) no-repeat; background-size:cover;}
.after .main{display: flex;justify-content: space-between;align-items: center;}
.after .mod .en{font-size: 40px;line-height: 40px; font-weight:bold; white-space: nowrap;text-transform: uppercase;color:#00205b;}
.after .mod .cn{font-size: 40px;line-height: 40px; font-weight:bold; margin-top: 10px;white-space: nowrap; color:#005bac;}
.after .mod .info{font-size:14px;line-height: 26px;margin-top: 50px;}
.after .items{color:#005bac; text-align:center;}
.after .items .tinfo{font-size:22px; font-weight:bold;}
.after .items .tinfo2{font-size:20px;}
.after .items .bigtel{ font-size:60px; font-weight:bold; background:url(../image/phone.png) left center no-repeat; }
.after .item{ width:500px; background:#005bac; color:#fff; text-align:center; display:table; height:100px; position:relative; margin-top:30px;}
.after .item .img{display: block;font-size: 40px;line-height: 40px;}
.after .item p{font-size: 24px; line-height:100px; white-space: nowrap;}
.after .item .arrow{display: block;font-size:18px;line-height: 18px;transition: margin 300ms; position:absolute; right:20px; top:44px;}
.after .item:hover .arrow{margin-right: 5px;}
.more-btn{display: flex;align-items: center;justify-content: center; border: 2px solid #005bac; color: #005bac; padding:8px 20px; border-radius: 20px; display: table;}
.more-btn span{font-size:14px;font-weight: bold;}
.more-btn i{font-size:14px;margin-left: 15px;transition: margin 300ms;}
.more-btn:hover i{margin-left: 20px;}
.breadcrumb{background: rgb(0 0 0 / 60%);position: absolute;bottom: 0;width: 100%;line-height: 80px;color: #fff;}
.breadcrumb:before{display:block;line-height: 80px;content:"\f015";float:left;background-color:#005bac;width: 160px;text-align:center;font-family: FontAwesome;font-size:20px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.breadcrumb .main {justify-content: left;}
.breadcrumb ul li,.breadcrumb ul li a{color:#9a9a9a;display: inline-block;margin-left: 15px;}
.breadcrumb ul li:after{content:">";margin-left:20px;color: #525252;}
.breadcrumb ul li:last-child:after{display:none;}
.text-center{text-align:center;}
.text-center a{margin: 20px auto;}
.single-page{ display:table; width:100%;}
.pro-page .items{margin-top:0;margin-bottom:120px;}
.pro-page{padding-top: 0;}

.plist{width:100%; display:table;}
.plist ul{}
.plist ul li{width:30%; background:#fff; box-shadow:1px 1px 10px #eee; margin-right:5%; margin-bottom:5vw; float:left; webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; overflow:hidden;}
.plist ul li:nth-child(3n+3){margin-right:0}
.plist ul li .p_img{max-width:100%; height:100%; overflow:hidden;}
.plist ul li .p_title{font-size:20px; font-weight:600; color:#000; margin:1vw;}
.plist ul li .p_more{font-size:14px; color:#005bac; margin-bottom:20px;}
.plist ul li:hover{box-shadow:10px 10px 20px 0 rgba(0,0,0,.04),-10px 0 20px 0 rgba(0,0,0,.04)}
.plist ul li:hover .p_more{color:#e60012;}
.plist ul li:hover img{transform:scale(1.05);}

.breadmenu{margin-top:80px; height:60px; line-height:60px; background:#f7f7f7; font-size:14px;}
.breadmenu a{margin-right:5px; margin-left:5px;}
.breadmenu a:first-child{margin-left:0}
.breadmenu a:last-child{font-weight:bold;}
.yylylist{width:100%; display:table; margin-top:50px;}
.yylylist ul{}
.yylylist ul li{width:calc(32% - 0px); background:#fff;  margin-right:2%; margin-bottom:50px; float:left;}
.yylylist ul li:nth-child(3n+3){margin-right:0}
.yylylist ul li .p_img{max-width:100%;}
.yylylist ul li .p_title{font-size:20px; font-weight:600; color:#005bac; margin:30px 0 10px;}
.yylylist ul li .p_desc{font-size:14px; line-height:24px;  margin:30px 0 30px; height:120px; overflow:hidden;}
.yylylist ul li .p_more{font-size:14px; color:#005bac; margin:0px 0 0px;}
.yylylist ul li:hover .p_title{color:#e60012;}
.yylylist ul li:hover .p_desc{color:#000;}
.yylylist ul li:hover .p_more{color:#e60012;}

.product{ margin-bottom:80px; }
.product .times{color:#666;font-weight:bold;display: block;}
.product .back{color:#666;font-weight:bold;display: block;}
.product .times i,.product .back i{margin-right:5px}
.product .main .texts{width: 50%;}
.product .main .texts .title{font-size: 36px;color: #005bac;font-weight: bold;padding-top: 20px;}
.product .main .texts .describe{font-size:14px; padding: 30px 0;text-align: justify;line-height: 1.8em;}
.product .main .texts .list{font-size:12px;color: #666;}
.product .main .texts .list span{display:inline-block;margin-right:15px;margin-left:15px}
.product .main .texts .list span:first-child{margin-left:0;}

.product .main .texts .zxzx{width: 160px; background: #005bac; padding-left:20px ;  display: table;
 height: 50px; position: relative; margin-top: 30px; margin-right:30px; float:left;}
 .product .main .texts .zxzx:hover{background: #e60012;}
.product .main .texts .zxzx p {font-size:20px; line-height: 50px; color: #fff; white-space: nowrap;}
.product .main .texts .zxzx .arrow {display: block;font-size:18px;line-height: 18px;transition: margin 300ms; position: absolute; right: 20px; top: 16px;color: #fff;}

.uw-index-about-video {background: #000;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;transform:translateY(0);display: block;transition:all .4s ease;}
.uw-index-about-video.cur {display: block;transform:translateY(-100%);}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(../image/xxx.png) center no-repeat #fff; transition-duration: 0.5s;z-index: 1000;}
.uw-close:hover {opacity: 0.5;}

.w30{float:left; width:30%;}
.w20{float:left; width:20%;}
.cpyd_list{width:70%; float:left;}
.cpyd_list ul{}
.cpyd_list ul li{width:33.33%; float:left; background:url(../image/dui.png) left top no-repeat; margin-bottom:30px; padding-left:40px; height: 120px;}
.cpyd_list ul li strong{font-size:20px; color:#000; font-weight:bold; margin-bottom:10px; display:table;}
.cpyd_list ul li p{line-height:26px; color:#666;}
.prduct_jscs{margin:30px 0;}
.prduct_jscs .table1{width:80%; margin:0 auto;}
.prduct_jscs .table1 tr{height:40px; line-height:40px; background:#f7f7f7; width: 100%;}
.prduct_jscs .table1 tr:nth-child(2n+2){background:#fff;}
.prduct_jscs .table1 td{font-size:16px; padding:5px 10px; width:30%; font-weight:bold;}
.prduct_jscs .table1 td:nth-child(2n){width:70%; font-weight:400;}

.prduct_jscs .table2{width:80% !important; margin:30px auto 0;}
.prduct_jscs .table2 tr{height:30px; line-height:30px; background:#f7f7f7; width: 100%;}
.prduct_jscs .table2 tr:nth-child(2n+2){background:#fff;}
.prduct_jscs .table2 td{font-size:16px; padding:5px 10px; border:0px !important;}
.prduct_jscs .table2 tr:nth-child(1){background:#005bac; height:50px; line-height:25px; color:#fff;}

.download_list{width:80%; box-shadow:1px 1px 10px #ccc; padding:4% 5%; float:right;}
.download_list strong{float:left; color:#000; font-size:28px;}
.download_list span{color:#666; font-size:14px; margin-left:20px;}
.download_list i{float:right;}
.download_list:hover{box-shadow:1px 1px 10px #666;}

.whyus{width:100%; display:table; margin:50px auto 0px;}
.whyus ul{}
.whyus ul li{width:calc(18.4% - 0px); float:left; margin-right:2%; background:#f7fafc; padding:20px;}
.whyus ul li:nth-child(5){margin-right:0;}
.whyus ul li em{font-size:100px; color:#dae7f3;  font-style:normal; width:100%; float:left;}
.whyus ul li strong{font-size:20px; color:#005bac; margin-top:-50px; z-index:1; margin-bottom:20px; width:100%; float:left; font-weight:bold;}
.whyus ul li p{line-height:24px; height:90px; float:left;}
.whyus ul li img{float:right; max-width:100%; margin-top:20px; margin-bottom:20px;}
.whyus ul li:hover{background:#ebf2f8;}

.whyus2{width:100%; display:table; margin:50px auto 0px;}
.whyus2 ul{}
.whyus2 ul li{width:calc(23.4% - 0px); float:left; margin-right:2%; background:#f7fafc; padding:20px;}
.whyus2 ul li:nth-child(4){margin-right:0;}
.whyus2 ul li em{font-size:50px; color:#005bac;  font-style:normal; width:100%; float:left;}
.whyus2 ul li span{font-size:20px; color:#000; z-index:1; margin-bottom:20px; width:100%; float:left; font-weight:bold;}
.whyus2 ul li p{line-height:24px; height:140px; float:left;}
.whyus2 ul li img{float:right; max-width:100%; margin-top:20px; margin-bottom:20px;}
.whyus2 ul li:hover{background:#ebf2f8;}

.dls_cont{width:100%; display:table; background:url(../image/qlbg.png) repeat-y; background-size:cover; padding:80px 0;}
.dlsqy{width:100%; display:table; margin:50px auto 0px;}
.dlsqy ul{}
.dlsqy ul li{width:calc(23.4% - 0px); float:left; margin-right:2%; padding:20px; text-align:center;}
.dlsqy ul li:nth-child(4){margin-right:0;}
.dlsqy ul li span{font-size:20px; color:#000; z-index:1; margin-bottom:20px; width:100%; float:left; font-weight:bold;margin-top:20px;}
.dlsqy ul li p{line-height:24px; height:40px; float:left; width:100%;}
.dlsqy ul li img{ max-width:100%; margin-top:20px; }

.haobao{width:100%; padding:150px 0 100px; display:table; color:#fff; webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.hbtitle{font-size:48px; font-weight:bold; margin-bottom:30px;}
.hbdesc{font-size:16px; line-height:30px; margin-bottom:30px; width:50%;}
.hbmore{background:#005bac url(../image/down.png) left 30px center no-repeat; background-size:10%; padding:0 30px 0 60px; border-radius:50px; height:40px; line-height:40px; display:table;}
.hbmore:hover {transform: translateY(10%);}


.product_cont{ padding-top: 0;color:#333; display:table;}
.tab_pro{width:100%;color: #999999;text-align:center;font-size:18px;line-height: 4em;font-weight:bold;margin-bottom: 2em;border-bottom: 5px solid #ededed;}
.tab_pro.active{color:#005bac;border-bottom: 5px solid #005bac;}
.product_cont .tab_pro_cont{display:none;min-height: 470px;}
.page-item {padding-top: 0;}
.page-item .idx-mod{border-top: 1px solid #ededed;padding-top: 40px; margin-bottom: 80px;}
.page-item a{background-color:#005bac;display:block;color:#fff;padding: 15px 40px;}
.page-item .prev  a i{margin-right:5px;}
.page-item .next a i{margin-left:5px;}
.cla .jc_share{display: inline-flex;}
.cla .jc_share a {color: #a2a2a2;border: 1px solid #a2a2a2;border-radius: 40px;padding: 5px;margin: 0;height: auto;width: auto;font-size: inherit;float: none;background: none;line-height: inherit;margin-right: 6px;}

.prduct_cpyy{width:100%; margin-top:4vw; display:table;}
.prduct_cpyy .cpyy_item{width:23.5%; float:left; margin-right:2%; margin-bottom:20px; background:#fff; box-shadow:1px 1px 10px #eee; webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; overflow:hidden;}
.prduct_cpyy .cpyy_item:nth-child(4n+4){margin-right:0px;}
.prduct_cpyy .cpyy_item img{max-width:100%; overflow:hidden;}
.prduct_cpyy .cpyy_item span{ margin:20px 8% 20px; color:#005bac; font-size:18px; font-weight:bold; background:url(../image/right.png) right center no-repeat; height:30px; line-height:30px; width:84%; display:table;}
.prduct_cpyy .cpyy_item:hover{box-shadow:10px 10px 20px 0 rgba(0,0,0,.04),-10px 0 20px 0 rgba(0,0,0,.04)}
.prduct_cpyy .cpyy_item:hover img{transform:scale(1.05);}

.prduct_cpyy ul li{width:23.5%; float:left; margin-right:2%; margin-bottom:20px; background:#fff; box-shadow:1px 1px 10px #eee; webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; overflow:hidden;}
.prduct_cpyy ul li:nth-child(4n+4){margin-right:0px;}
.prduct_cpyy ul li img{max-width:100%; overflow:hidden;}
.prduct_cpyy ul li p{ margin:20px 8% 20px; color:#005bac; font-size:18px; font-weight:bold; background:url(../image/right.png) right center no-repeat; height:30px; line-height:30px; width:84%; display:table;}
.prduct_cpyy ul li:hover{box-shadow:10px 10px 20px 0 rgba(0,0,0,.04),-10px 0 20px 0 rgba(0,0,0,.04)}
.prduct_cpyy ul li:hover img{transform:scale(1.05);}

.support{width:100%; display:flex; align-items: center; margin:50px auto;}
.support .sleft{width:40%; margin-right:5%;}
.support .sleft img{max-width:100%;}
.support .sright{width:55%; float:right; font-size:16px; font-weight:bold;}
.support .sright em{font-style:normal; color:#005bac;}

.mtx50{margin-bottom:-50px}
.product .main .idx-mod{align-items: center;}
.product .main .imgs{width: 45%;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;padding: 0;margin-top: 10px;overflow: hidden;}
.product .imgs {position: relative; height: 100%;margin: 0;padding: 0;}
.product .imgs .swiper {width: 100%;height: 100%;}
.product .imgs .swiper-slide {text-align: center;font-size:18px;background: #fff0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.product .imgs .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.product .imgs .swiper {width: 100%;margin-left: auto;margin-right: 0;}
.product .imgs .swiper-slide {background-size: cover;background-position: center;}
.product .imgs .mySwiper2 {height: 100%;width: 100%;}
.product .imgs .mySwiper {width:100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;}
.product .imgs .mySwiper .swiper-slide {opacity: 1;}
.product .imgs .mySwiper .swiper-slide-active {opacity: 1;}
.product .imgs .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; max-width:100%;}
.news-page{ background: #ededed;}
.news_show{}
.news_show .times{color:#666;font-weight:bold;display: block;}
.news_show .back{color:#666;font-weight:bold;display: block;}
.news_show .times i,.news_show .back i{margin-right:5px}
.news_show .title{font-size: 36px;color: #333;font-weight: bold;padding-top: 20px;}
.news_show .main .texts .describe{font-size:20px;color: #333;padding: 30px 0;text-align: justify;line-height: 1.8em;}
.news_show .main .texts .list{font-size:12px;color: #666;}
.news_show .main .texts .list span{display:inline-block;margin-right:15px;margin-left:15px}
.news_show .main .texts .list span:first-child{margin-left:0;}
.news_show .main .imgs{width: 37%;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;padding: 0;}
.news_cont{}
.news_cont p{line-height: 2em;color: #333;}
.news_cont .main  .list{font-size:12px;color: #666;margin-bottom: 60px;}
.news_cont .main  .list span{display:inline-block;margin-right:15px;margin-left:15px}
.news_cont .main  .list span:first-child{margin-left:0;}
@media screen and (max-width: 1600px){
.banner .video .play-btn{width: 40px;height: 40px;bottom: 120px;right: 90px;}
.banner .cont{width: 100%;left: 0;}
/*.banner .cont .text{width: 59%;font-size: 40px;line-height: 50px;font-weight: 500;}
.banner .cont .note{width: 59%;font-size: 24px;line-height: 50px;font-weight: 500;}*/
.banner .prev-next{width: 324px;height: 50px;bottom: 60px;left: 90px;}
.banner .swiper-pagination{width: 324px;height: 50px;bottom: 60px;left: 90px;}
.banner .prev-next a{width: 150px;height: 50px;}
.banner .prev-next a i{font-size: 44px;}
.breadcrumb:before{width:90px}
.idx-mod .en{font-size:18px;line-height: 30px;}
.idx-mod .cn{font-size: 30px;line-height: 40px;margin-top: 10px;}
/*.idx-mod .cate a{font-size:14px;line-height: 16px;margin-left: 40px;margin-bottom: 8px;}
.idx-mod .cate a::before{width: 12px;height: 2px;margin-right: 15px;}*/
.idx-mod .c-name{font-size: 80px;line-height: 70px;}
.choose_left h2{font-size: 30px;line-height: 40px;}
.choose_text h2{margin-top:280px;}
.prod{padding: 60px 0 60px;}
.prod .items{margin-top: 60px;}
.prod .items .item{width: 49%;}
.prod .items .item:nth-of-type(2n) .text{margin-bottom: 20px;margin-top: 0;}
.prod .items .item .img{width: calc(100% - 30px);padding: 16px;margin: 15px auto;}
.prod .items .item .img i.play{width: 54px;height: 54px;}
.prod .items .item .img i.play.open:after{width: 200vw;height: 200vw;}
.prod .items .item .text{margin-top: 20px;margin-bottom: 0;}
.prod .items .item .text .model{font-size: 34px;line-height: 34px;}
.prod .items .item .text .title{font-size: 26px;}
.prod .items .item .text .more{margin-top: 10px;}
.prod .items .item .text .more span{font-size:12px;}
.prod .items .item .text .more i{font-size: 17px;margin-left: 15px;}
.prod .more-btn{margin: 60px auto 0;}
.cla{}
.solu{padding: 60px 0 0;margin-top: 40px;}
.solu .swiper{margin-top: 60px;padding-right: 90px;}
.solu .swiper .thumb{width: calc(100% - 420px);}
.solu .swiper .thumb .swiper-slide{height: 750px;}
.solu .swiper .thumb .pagi{bottom: 40px;right: 60px;font-size: 30px;}
.solu .swiper .thumb .pagi span{font-size: 70px;line-height: 70px;}
.solu .swiper .text{width: 420px;}
.solu .swiper .text::before{width: 280px;height: 100%;}
.solu .swiper .text .swiper-container{width: 100%;height: 100%;}
.solu .swiper .text .swiper-container .swiper-slide{padding-left: 40px;}
.solu .swiper .text .en{font-size: 24px;line-height: 32px;}
.solu .swiper .text .cn{font-size: 26px;margin-top: 10px;}
.solu .swiper .text .desc{font-size:12px;line-height: 24px;margin-top: 20px;}
.solu .swiper .text .more-btn{margin-top: 60px;}
.fixed-video i.close{top: 30px;right: 30px;font-size:20px;line-height: 20px;padding: 10px;}
.indu{padding: 60px 0;}
.indu .main{margin-right: 0;}
.indu .items{padding-right: 90px;margin-top: 60px;}
.indu .items .item{max-width: 260px;}
.indu .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.indu .items .item .img .icon{font-size: 40px;line-height: 100px;}
.indu .items .item .text{top: -10px;}
.indu .items .item .text .cn{font-size: 17px;}
.indu .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.indu .items .item:hover .img{bottom: 0;}
.indu .items .item:hover .text{top: 10px;}
.indu .items .dots{width: 64px;height: 6px;margin-top: 100px;}
.indu .items .dots i{width: 6px;height: 6px;}

.history{padding: 60px 0;}
.history .idx-mod{padding-right: 0;}
.history .main{margin-right: 0;}
.history .items{padding-right: 90px;margin-top: 60px;}
.history .items .item{max-width: 260px;}
.history .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.history .items .item .img .icon{font-size: 40px;line-height: 100px;}
.history .items .item .text{top: -10px;}
.history .items .item .text .cn{font-size: 17px;}
.history .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.history .items .item:hover .img{bottom: 0;}
.history .items .item:hover .text{top: 10px;}
.history .items .dots{width: 64px;height: 6px;margin-top: 100px;}
.history .items .dots i{width: 6px;height: 6px;}
.about{padding: 160px 0 160px;}
.about .main .texts{width: 60%;max-width: 570px;}
.about .main .texts .en{font-size: 40px;line-height: 40px;}
.about .main .texts .cn{}
.about .main .texts .slogen{font-size:20px;line-height: 34px;margin-top: 30px;}
.about .main .texts .desc{font-size:14px;line-height: 26px;margin-top: 30px;}
/*.about .main .nums{width: 25%;}*/
.about .main .nums .item{width: 100%;margin-bottom: 60px;}
.about .main .nums .item .num{font-size: 30px;margin-left: 6px;}
.about .main .nums .item .num span{font-size: 140px;line-height: 140px;}
.about .main .nums .item .desc{font-size:16px;padding-left: 4px;}
/*.about .main .more-btn{margin-top: 70px;}*/


/*.single-page-about .main .texts{width: 50%;}*/
.single-page-about .main .texts .en{font-size: 40px;line-height: 40px;}
.single-page-about .main .texts .cn{font-size: 30px;line-height: 30px;margin-top: 10px;}
.single-page-about .main .texts .slogen{font-size:20px;line-height: 34px;margin-top: 30px;}
/*.single-page-about .main .texts .desc{font-size:12px;line-height: 26px;margin-top: 16px;}
.single-page-about .main .nums{width: 37%;}
.single-page-about .main .nums .item{width: 50%;margin-bottom: 60px;}*/
.single-page-about .main .nums .item .num{font-size:14px;margin-left: 6px;}
.single-page-about .main .nums .item .num span{font-size: 70px;line-height: 70px;}
.single-page-about .main .nums .item .desc{font-size:12px;padding-left: 4px;}
.single-page-about .main .more-btn{margin-top: 70px;}

.sales{padding: 60px 0;}
.sales .texts{max-width: 530px;width: 38%;}
.sales .texts .title{font-size: 26px;}
.sales .texts .desc{font-size:12px;line-height: 26px;margin-top: 15px;}
.sales .texts .more-btn{margin-top: 60px;}
.sales .map .img{width: calc(100% - 100px);padding-right: 20px;}
.sales .map .tab{width: 100px;}
.sales .map .tab a{font-size:12px;margin: 12px 0;}
.sales .map .tab a::before{width: 12px;height: 2px;}
.sales .map .tab a.active::before{margin-right: 20px;}
.responsibility{padding: 120px 0 90px;}
.responsibility .main .texts{width: 60%;max-width: 570px;}
.responsibility .main .texts .en{font-size: 40px;line-height: 40px;}
.responsibility .main .texts .cn{font-size: 30px;line-height: 30px;margin-top: 10px;}
.responsibility .main .texts .slogen{font-size:20px;line-height: 34px;margin-top: 30px;}
.responsibility .main .texts .desc{font-size:12px;line-height: 26px;margin-top: 16px;}
.responsibility .main .nums{width: 37%;}
.responsibility .main .nums .item{width: 50%;margin-bottom: 60px;}
.responsibility .main .nums .item .num{font-size:14px;margin-left: 6px;}
.responsibility .main .nums .item .num span{font-size: 70px;line-height: 70px;}
.responsibility .main .nums .item .desc{font-size:12px;padding-left: 4px;}
.responsibility .main .more-btn{margin-top: 70px;}
.news{width: 100%;padding: 60px 0;}
.news .items{margin-top: 50px;}
.news .item{width: 30%;margin-left: 4.1%;}
.news .item:nth-of-type(3n+1){margin-left: 0;}
.news .item .text .date{height: 76px;line-height: 76px;font-size: 24px;}
.news .item .text .title{}
.news .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.news .item .text .more-btn{margin-top: 30px;width: 116px;}
.news .item:hover .text .more-btn{width: 160px;}
.imgs{width: 100%;padding: 30px 0;}
.imgs .items{margin-top: 10px;}
.imgs .item{width: 23.8%;margin-left: 1%;}
.imgs .item:nth-of-type(4n+1){margin-left: 0;}
.imgs .item .text .date{height: 76px;line-height: 76px;font-size: 24px;}
.imgs .item .text .title{font-size:20px;line-height: 20px;}
.imgs .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.imgs .item .text .more-btn{margin-top: 30px;width: 116px;}
.imgs .item:hover .text .more-btn{width: 160px;}

.column_3{width: 100%;padding: 60px 0;}
.column_3 .items{margin-top: 50px;}
.column_3 .item{width: 30.6%;margin-left: 4.1%;}
.column_3 .item:nth-of-type(3n+1){margin-left: 0;}
.column_3 .item .text .date{height: 76px;line-height: 76px;font-size: 24px;}
.column_3 .item .text .title{font-size:20px;line-height: 20px;}
.column_3 .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.column_3 .item .text .more-btn{margin-top: 30px;width: 116px;}
.column_3 .item:hover .text .more-btn{width: 160px;}
.after{padding: 160px 0;}
/*.after .mod .en{font-size: 40px;line-height: 40px;}
.after .mod .cn{font-size: 40px;line-height: 40px;margin-top: 10px;}
.after .item{margin-left: 100px;}*/
.after .item .img{font-size: 40px;line-height: 40px;}
.after .items .bigtel { font-size: 52px;}
/*.after .item p{font-size:14px;line-height: 16px;margin-top: 15px;}
.after .item .arrow{font-size:14px;line-height: 16px;margin-top: 15px;}
.after .item:hover .arrow{margin-left: 5px;}*/
.more-btn{display: flex;align-items: center;justify-content: center;height: 46px;}
.more-btn span{font-size:18px;}
.more-btn i{font-size: 17px;margin-left: 15px;transition: margin 300ms;}
.more-btn:hover i{margin-left: 20px;}}
@media screen and (max-width: 1366px){
.mb80{margin-bottom:50px !important}
.page-banner{height:60vh;}
.banner .video .play-btn{width: 40px;height: 40px;bottom: 80px;right: 60px;}
.banner .cont{bottom: 90px;left: 0;}
.banner .cont .text{font-size: 60px;line-height: 70px;}
.banner .prev-next{width: 260px;height: 40px;bottom: 30px;left: 60px;}
.banner .swiper-pagination{width: 260px;height: 40px;bottom: 30px;left: 60px;}
.banner .prev-next a{width: 120px;height: 40px;}
.banner .prev-next a i{font-size: 30px;}
.prduct_jscs .table1{width:100%;}
.prduct_jscs .table2{width: 100% !important;}
/*.idx-mod .en{font-size: 30px;line-height: 32px;}*/
.idx-mod .cn{font-size: 26px;line-height: 40px;margin-top: 10px;}
.idx-mod .cate a{font-size:14px;line-height: 16px;margin-left: 30px;margin-bottom: 8px;}
.idx-mod .cate a::before{width: 12px;height: 2px;margin-right: 15px;}
.idx-mod .c-name{font-size: 80px;line-height: 70px;}
.choose_left h2{font-size: 26px;line-height: 40px;}
.prod{padding: 50px 0 50px;}
.prod .items{margin-top: 50px;}
.prod .items .item{width: 49%;}
.prod .items .item:nth-of-type(2n) .text{margin-bottom: 20px;margin-top: 0;}
.prod .items .item .img{width: calc(100% - 30px);padding: 16px;margin: 15px auto;}
.prod .items .item .img i.play{width: 54px;height: 54px;}
.prod .items .item .img i.play.open:after{width: 200vw;height: 200vw;}
.prod .items .item .text{margin-top: 20px;margin-bottom: 0;}
.prod .items .item .text .model{font-size: 26px;line-height: 26px;}
.prod .items .item .text .title{font-size: 22px;}
.prod .items .item .text .more{margin-top: 10px;}
.prod .items .item .text .more span{font-size:12px;}
.prod .items .item .text .more i{font-size: 17px;margin-left: 15px;}
.prod .more-btn{margin: 60px auto 0;}
.cla{padding: 50px 0;}
.solu{padding: 50px 0 0;margin-top: 30px;}
.solu .swiper{margin-top: 50px;padding-right: 60px;}
.solu .swiper .thumb{width: calc(100% - 420px);}
.solu .swiper .thumb .swiper-slide{height: 500px;}
.solu .swiper .thumb .pagi{bottom: 40px;right: 60px;font-size: 30px;}
.solu .swiper .thumb .pagi span{font-size: 70px;line-height: 70px;}
.solu .swiper .text{width: 420px;}
.solu .swiper .text::before{width: 280px;height: 100%;}
.solu .swiper .text .swiper-container{width: 100%;height: 100%;}
.solu .swiper .text .swiper-container .swiper-slide{padding-left: 40px;}
.solu .swiper .text .en{font-size: 24px;line-height: 32px;}
.solu .swiper .text .cn{font-size: 26px;margin-top: 10px;}
.solu .swiper .text .desc{font-size:12px;line-height: 24px;margin-top: 20px;}
.solu .swiper .text .more-btn{margin-top: 60px;}
.fixed-video i.close{top: 30px;right: 30px;font-size:20px;line-height: 20px;padding: 10px;}
.indu{padding: 50px 0;}
.indu .main{margin-right: 0;}
.indu .items{padding-right: 60px;margin-top: 50px;}
.indu .items .item{max-width: 260px;}
.indu .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.indu .items .item .img .icon{font-size: 40px;line-height: 100px;}
.indu .items .item .text{top: -10px;}
.indu .items .item .text .cn{font-size: 17px;}
.indu .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.indu .items .item:hover .img{bottom: 0;}
.indu .items .item:hover .text{top: 10px;}
.indu .items .dots{width: 64px;height: 6px;margin-top: 100px;}
.indu .items .dots i{width: 6px;height: 6px;}

.history{padding: 50px 0;}
.history .main{margin-right: 0;}
.history .items{padding-right: 60px;margin-top: 50px;}
.history .items .item{max-width: 260px;}
.history .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.history .items .item .img .icon{font-size: 40px;line-height: 100px;}
.history .items .item .text{top: -10px;}
.history .items .item .text .cn{font-size: 17px;}
.history .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.history .items .item:hover .img{bottom: 0;}
.history .items .item:hover .text{top: 10px;}
.history .items .dots{width: 64px;height: 6px;margin-top: 100px;}
.history .items .dots i{width: 6px;height: 6px;}
.about{padding: 120px 0 90px;}
.about .main .texts{width: 60%;max-width: 570px;}
.about .main .texts .en{font-size: 32px;line-height: 32px;}
.about .main .texts .cn{font-size: 50px;line-height: 50px;margin-top: 10px;}
.about .main .texts .slogen{font-size:20px;line-height: 34px;margin-top: 30px;}
/*.about .main .texts .desc{font-size:12px;line-height: 26px;margin-top: 16px;}
.about .main .nums{width: 37%;}*/
.about .main .nums .item{width: 100%;margin-bottom: 60px;}
.about .main .nums .item .num{font-size:30px;margin-left: 6px;}
.about .main .nums .item .num span{font-size: 100px;}
.about .main .nums .item .num em{margin-top: 68px;}
.about .main .nums .item .desc{font-size:14px;padding-left: 4px;}
.about .main .more-btn{margin-top: 70px;}
.czjz_title {font-size: 40px;}

.single-page-about .main .texts{}
.single-page-about .main .texts .en{font-size: 32px;line-height: 32px;}
.single-page-about .main .texts .cn{font-size: 24px;line-height: 24px;margin-top: 10px;}
.single-page-about .main .texts .slogen{font-size:20px;line-height: 34px;margin-top: 30px;}
.single-page-about .main .texts .desc{font-size:12px;line-height: 26px;margin-top: 16px;}
/*.single-page-about .main .nums{width: 37%;}*/
.single-page-about .main .nums .item{width: 33%;margin-bottom: 60px;}
.single-page-about .main .nums .item .num{font-size:14px;margin-left: 6px;}
.single-page-about .main .nums .item .num span{font-size: 70px;line-height: 70px;}
.single-page-about .main .nums .item .desc{font-size:12px;padding-left: 4px;}
.single-page-about .main .more-btn{margin-top: 70px;}
.sales{padding: 50px 0;}
.sales .texts{max-width: 530px;width: 38%;}
.sales .texts .title{font-size:20px;}
.sales .texts .desc{font-size:12px;line-height: 26px;margin-top: 15px;}
.sales .texts .more-btn{margin-top: 50px;}
.sales .map .img{width: calc(100% - 100px);padding-right: 20px;}
.sales .map .tab{width: 100px;}
.sales .map .tab a{font-size:12px;margin: 12px 0;}
.sales .map .tab a::before{width: 12px;height: 2px;}
.sales .map .tab a.active::before{margin-right: 20px;}
.responsibility{padding: 120px 0 90px;}
.responsibility .main .texts{width: 60%;max-width: 570px;}
.responsibility .main .texts .en{font-size: 32px;line-height: 32px;}
.responsibility .main .texts .cn{font-size: 24px;line-height: 24px;margin-top: 10px;}
.responsibility .main .texts .slogen{font-size:20px;line-height: 34px;margin-top: 30px;}
.responsibility .main .texts .desc{font-size:12px;line-height: 26px;margin-top: 16px;}
.responsibility .main .nums{width: 37%;}
.responsibility .main .nums .item{width: 50%;margin-bottom: 60px;}
.responsibility .main .nums .item .num{font-size:14px;margin-left: 6px;}
.responsibility .main .nums .item .num span{font-size: 70px;line-height: 70px;}
.responsibility .main .nums .item .desc{font-size:12px;padding-left: 4px;}
.responsibility .main .more-btn{margin-top: 70px;}
.news{padding: 50px 0;}
.news .items{margin-top: 50px;}
.news .item{width: 30%;margin-left: 4.1%;}
.news .item:nth-of-type(3n+1){margin-left: 0;}
.news .item .text .date{height: 50px;line-height: 50px;font-size:20px;}
.news .item .text .title{font-size:14px;line-height: 24px;}
.news .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.news .item .text .more-btn{margin-top: 15px;width: 116px;}
.news .item:hover .text .more-btn{width: 160px;}
.imgs{padding: 10px 0;}
.imgs .items{margin-top: 50px;}
.imgs .item{width: 24%;margin-left: 0.5%;}
.imgs .item:nth-of-type(4n+1){margin-left: 0;}
.imgs .item .text .date{height: 50px;line-height: 50px;font-size:20px;}
.imgs .item .text .title{font-size:14px;line-height: 16px;}
.imgs .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.imgs .item .text .more-btn{margin-top: 15px;width: 116px;}
.imgs .item:hover .text .more-btn{width: 160px;}

.column_3{padding: 50px 0;}
.column_3 .items{margin-top: 50px;}
.column_3 .item{width: 30.6%;margin-left: 4.1%;}
.column_3 .item:nth-of-type(3n+1){margin-left: 0;}
.column_3 .item .text .date{height: 50px;line-height: 50px;font-size:20px;}
.column_3 .item .text .title{font-size:14px;line-height: 16px;}
.column_3 .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.column_3 .item .text .more-btn{margin-top: 15px;width: 116px;}
.column_3 .item:hover .text .more-btn{width: 160px;}
.after{padding: 120px 0;}
.after .mod .en{font-size: 32px;line-height: 32px;}
.after .mod .cn{font-size: 24px;line-height: 24px;margin-top: 10px;}
.after .item{margin-left: 0px; height:80px;}
.after .item p{line-height:80px;}
.after .items .bigtel {font-size: 46px;}
.after .item .img{font-size: 40px;line-height: 40px;}
/*.after .item p{font-size:14px;line-height: 16px;margin-top: 15px;}*/
.after .item .arrow{font-size:14px;line-height: 16px;}
.after .item:hover .arrow{margin-left: 5px;}
/*.more-btn{display: flex;align-items: center;justify-content: center;width: 160px;height: 56px;color: #fff;background-color: #005bac;}*/
.more-btn span{font-size:12px;}
.more-btn i{font-size: 17px;margin-left: 15px;transition: margin 300ms;}
.more-btn:hover i{margin-left: 20px;}}
@media screen and (max-width: 1280px){
	.choose_text h2{margin-top: 325px;}
	.yytext .yytext_h { font-size: 80px;}
	.yytext .yytext_info { font-size:14px; width: 80%; line-height: 26px;}
	.mySwiper{width:80%;}
	.yythumbox_t img{width:40px;}
	.banner-info{ font-size:50px;}
	.czjz_title {font-size: 30px;line-height: 50px;}
}

@media screen and (max-width: 1024px){
.banner{height: calc(70vh - 1rem);}
.banner .swiper-slide{height: calc(70vh - 1rem);}
.banner .video{height: calc(70vh - 1rem);}
.banner .video .play-btn{width: 40px;height: 40px;bottom: 50px;right: 30px;}
.banner .cont{bottom: 90px;left: 0;}
.banner .cont .text{width: 100%;font-size: 60px;line-height: 70px;}
.banner .prev-next{width: 260px;height: 40px;bottom: 30px;left: 30px;}
.banner .swiper-pagination{width: 260px;height: 40px;bottom: 30px;left: 30px;}
.banner .prev-next a{width: 120px;height: 40px;}
.banner .prev-next a i{font-size: 30px;}

/*.idx-mod .en{font-size: 26px;line-height: 26px;}*/
.idx-mod .cn{font-size: 24px;line-height: 40px;margin-top: 10px;}
.idx-mod .cate a{font-size:14px;line-height: 16px;margin-left: 30px;margin-bottom: 8px;}
.idx-mod .cate a::before{width: 12px;height: 2px;margin-right: 10px;}
.idx-mod .c-name{font-size: 80px;line-height: 70px;}
.prod{padding: 30px 0 30px;}
.prod .items{margin-top: 30px;}
.prod .items .item{width: 24%;}
.prod .items .item:nth-of-type(2n) .text{margin-bottom: 0;margin-top: 0;}
.prod .items .item .img{width: calc(100% - 30px);padding: 10px;margin: 15px auto;}
.prod .items .item .img i.play{width: 54px;height: 54px;}
.prod .items .item .img i.play.open:after{width: 200vw;height: 200vw;}
.prod .items .item .text{opacity: 1;margin-top: 0;margin-bottom: 0;}
.prod .items .item .text .model{font-size: 22px;line-height: 22px;}
.prod .items .item .text .title{font-size:18px;}
.prod .items .item .text .more{margin-top: 5px;}
.prod .items .item .text .more span{font-size:12px;}
.prod .items .item .text .more i{font-size:12px;margin-left: 10px;}
.prod .more-btn{margin: 50px auto 0;}
.choose_left h2{margin-top:100px;}
.choose_en{left:20px; font-size:120px;}
.choose_left h3 {font-size:14px; line-height:32px;}
.choose_left h4{margin-top: 30%; font-size:14px;}
.polaroids{width:96%;margin:0 auto;}
.polaroids li{width:32%; margin-right:2%;}
.polaroids li:nth-child(4n+4){margin-right:2%;}
.polaroids li:nth-child(3n+3){margin-right:0px;}

.cla{padding: 50px  0;}
.solu{padding: 50px 0 0;}
.solu .swiper{margin-top: 50px;padding-right: 0;display: block;}
.solu .swiper .thumb{width: 100%;}
.solu .swiper .thumb .swiper-slide{height: auto;}
.solu .swiper .thumb .pagi{bottom: 30px;right: 30px;font-size:20px;}
.solu .swiper .thumb .pagi span{font-size: 50px;line-height: 50px;}
.solu .swiper .text{width: 100%;padding: 30px;}
.solu .swiper .text::before{display: none;}
.solu .swiper .text .swiper-container{width: 100%;height: 100%;}
.solu .swiper .text .swiper-container .swiper-slide{padding-left: 20px;text-align: left;align-items: flex-start;}
.solu .swiper .text .en{font-size: 24px;line-height: 32px;text-align: left;}
.solu .swiper .text .cn{font-size: 26px;margin-top: 10px;text-align: left;}
.solu .swiper .text .desc{font-size:12px;line-height: 24px;margin-top: 20px;text-align: left;}
.solu .swiper .text .more-btn{margin-top: 30px;}
.fixed-video i.close{top: 30px;right: 30px;font-size:20px;line-height: 20px;padding: 10px;}
.indu{padding: 50px 0;}
.indu .main{margin-right: 0;}
.indu .items{padding-right: 60px;margin-top: 50px;}
.indu .items .item{max-width: 260px;}
.indu .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.indu .items .item .img .icon{font-size: 40px;line-height: 100px;}
.indu .items .item .text{top: -10px;}
.indu .items .item .text .cn{font-size: 17px;}
.indu .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.indu .items .item:hover .img{bottom: 0;}
.indu .items .item:hover .text{top: 10px;}
.indu .items .dots{width: 64px;height: 6px;margin-top: 100px;margin-left: 20px;margin-right: 20px;}
.indu .items .dots i{width: 6px;height: 6px;}
.aboutvide{height:50vh;}
.history{padding: 50px 0;}
.history .main{margin-right: 0;}
.history .items{padding-right: 60px;margin-top: 50px;}
.history .items .item{max-width: 260px;}
.history .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.history .items .item .img .icon{font-size: 40px;line-height: 100px;}
.history .items .item .text{top: -10px;}
.history .items .item .text .cn{font-size: 17px;}
.history .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.history .items .item:hover .img{bottom: 0;}
.history .items .item:hover .text{top: 10px;}
.history .items .dots{width: 64px;height: 6px;margin-top: 100px;margin-left: 20px;margin-right: 20px;}
.history .items .dots i{width: 6px;height: 6px;}
.about{padding: 80px 0 50px;}
.about .main .texts{width: 60%;max-width: 570px;}
.about .main .texts .en{font-size: 26px;line-height: 26px;}
.about .main .texts .cn{font-size: 40px;line-height: 40px;margin-top: 10px;}
.about .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.about .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 30px;}
/*.about .main .nums{width: 37%;}*/
.roll li.roll_2{opacity:0.1;top:200px;font-size:14px}
.about .main .nums .item{width: 100%;margin-bottom: 60px;}
.about .main .nums .item .num{font-size:12px;margin-left: 6px; }
.about .main .nums .item .num em { margin-top: 40px; font-size:20px;}
.about .main .nums .item .num span{font-size: 80px;line-height: 80px;}
.about .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.about .main .more-btn{margin-top: 50px;}
.single-page-about .main .texts{/*width: 100%;max-width: 570px;*/}
.single-page-about .main .texts .en{font-size: 26px;line-height: 26px;}
.single-page-about .main .texts .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.single-page-about .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.single-page-about .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
/*.single-page-about .main .nums{width: 37%;}*/
.single-page-about .main .nums .item{margin-bottom: 60px;}
.single-page-about .main .nums .item .num{font-size:12px;margin-left: 6px;}
.single-page-about .main .nums .item .num span{font-size: 40px;line-height: 40px;}
.single-page-about .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.single-page-about .main .more-btn{margin-top: 50px;}
.single-page-about .main .map{width:50%;}
.pclass ul li .ptextbox h3{font-size:24px;}
.pclass ul li .ptextbox p{width:100%;}
.after .item{width:420px;}
.app_items2 .item_title{ font-size:20px;}
.plist ul li{width: calc(32% - 20px); padding: 10px;}
.breadmenu{margin-top:0px; overflow:hidden}
.product .main .texts .title{font-size:30px;}
.hbtitle{font-size:38px;}
.hbdesc{width:80%;}
.csrright strong{width:85%;}
.pinzhi{padding: 10vh 0; background-size:cover;}
.page-banner {height: 40vh; padding: 40px 0;}
.banner-info { font-size: 40px;}
.bluetitle{font-size:30px; line-height:36px;}
.cpyd_list ul li strong{font-size:18px;}
.cpyd_list ul li{height:114px;}
/*.about-history-button{width:12%;}*/
.about-history-left .img-1{width:35%;}
.sales{padding: 50px 0;}
.sales .cont{display: block;margin-top: 30px;}
.sales .texts{max-width: unset;width: 100%;}
.sales .texts .title{font-size:18px;}
.sales .texts .desc{font-size:12px;line-height: 24px;margin-top: 15px;}
.sales .texts .more-btn{margin-top: 30px;}
.sales .map .img{width: 100%;padding-right: 20px;}
.sales .map .tab{width: 100px;}
.sales .map .tab a{font-size:12px;margin: 12px 0;}
.sales .map .tab a::before{width: 12px;height: 2px;}
.sales .map .tab a.active::before{margin-right: 20px;}
.responsibility{padding: 80px 0 50px;}
.responsibility .main .texts{width: 60%;max-width: 570px;}
.responsibility .main .texts .en{font-size: 26px;line-height: 26px;}
.responsibility .main .texts .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.responsibility .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.responsibility .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
.responsibility .main .nums{width: 37%;}
.responsibility .main .nums .item{width: 50%;margin-bottom: 60px;}
.responsibility .main .nums .item .num{font-size:12px;margin-left: 6px;}
.responsibility .main .nums .item .num span{font-size: 40px;line-height: 40px;}
.responsibility .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.responsibility .main .more-btn{margin-top: 50px;}
.news{padding: 30px 0;}
.news .items{margin-top: 30px;}
.news .item{width: 31%;margin-left: 2%;}
.news .item:nth-of-type(3n+1){margin-left: 0;}
.news .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.news .item .text .title{font-size:14px;line-height: 24px;}
.news .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.news .item .text .more-btn{margin-top: 15px;width: 130px;background-color: #005bac;color: #fff;}
.imgs{padding: 30px 0;}
.imgs .items{margin-top: 30px;}
.imgs .item{width: 48%;margin-left: 3%;}
.imgs .item:nth-of-type(2n+1){margin-left: 0;}
.imgs .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.imgs .item .text .title{font-size:14px;line-height: 16px;}
.imgs .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.imgs .item .text .more-btn{margin-top: 15px;width: 130px;background-color: #005bac;color: #fff;}

.column_3{padding: 30px 0;}
.column_3 .items{margin-top: 30px;}
.column_3 .item{width: 32%;margin-left: 2%;}
.column_3 .item:nth-of-type(3n+1){margin-left: 0;}
.column_3 .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.column_3 .item .text .title{font-size:14px;line-height: 16px;}
.column_3 .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.column_3 .item .text .more-btn{margin-top: 15px;width: 130px;background-color: #005bac;color: #fff;}
.after{padding: 50px 0;}
.after .mod .en{font-size: 26px;line-height: 26px;}
.after .mod .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.after .item{}
.after .item .img{font-size: 32px;line-height: 32px;}
/*.after .item p{font-size:12px;line-height: 14px;margin-top: 12px;}*/
.after .item .arrow{font-size:12px;line-height: 14px;top: 34px;}
.after .item:hover .arrow{margin-left: 5px;}
.more-btn{width: 130px;height: 40px;}
.more-btn span{font-size:12px;}
.more-btn i{font-size:12px;margin-left: 10px;}
.more-btn:hover i{margin-left: 10px;}
}
@media screen and (max-width: 768px){
/*.banner{height: calc(100vh - 1rem);}
.banner .swiper-slide{height: calc(100vh - 1rem);}
.banner .video{height: calc(100vh - 1rem);}*/
.banner .video .play-btn{width: 40px;height: 40px;bottom: 50px;right: 30px;}
.banner .cont{bottom: 90px;left: 0;padding-left: 30px;}
.banner .cont .text{width: 100%;font-size: 56px;line-height: 66px;}
.banner .cont .note{font-size:12px;line-height: 20px;margin-top: 10px;}
.banner .prev-next{width: 260px;height: 40px;bottom: 30px;left: 30px;}
.banner .swiper-pagination{width: 260px;height: 40px;bottom: 30px;left: 30px;}
.banner .prev-next a{width: 120px;height: 40px;}
.banner .prev-next a i{font-size: 30px;}
.idx-mod .en{font-size:14px;line-height: 26px;}
/*.idx-mod .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.idx-mod .scroll{overflow-x: auto;margin-left: 50px;}*/
.idx-mod .cate{display: flex;flex-wrap: nowrap;float: left;}
.idx-mod .cate a{font-size:14px;line-height: 16px;margin-left: 30px;margin-bottom: 8px;white-space: nowrap; margin-right:10px;}
.idx-mod .cate a::before{width: 12px;height: 2px;margin-right: 10px;}
.idx-mod .cate a:nth-of-type(1){margin-left: 0;}
.idx-mod .c-name{display: none;}
.downlist .list-group-item{width:48%; margin-right:4%; }
.downlist .list-group-item:nth-child(3n+3){margin-right:4%;}
.downlist .list-group-item:nth-child(2n+2){margin-right:0;}
.whyus2 ul li,.dlsqy ul li,.yylylist ul li,.whyus ul li,.prduct_cpyy .cpyy_item{width: calc(48% - 0px);margin-right: 4%; margin-bottom:4%;}
.yylylist ul li:nth-child(3n+3){margin-right: 4%;}
.whyus2 ul li:nth-child(2n+2),.dlsqy ul li:nth-child(2n+2),.yylylist ul li:nth-child(2n+2),.whyus ul li:nth-child(2n+2),.prduct_cpyy .cpyy_item:nth-child(2n+2){margin-right:0}
.product .main .idx-mod{display:block;}
.polaroids li{width:48%; margin-right:4%;}
.polaroids li:nth-child(4n+4){margin-right:2%;}
.polaroids li:nth-child(3n+3){margin-right:2%;}
.polaroids li:nth-child(2n+2){margin-right:0;}
.polaroids a{padding:20px;}
.plist ul li { width: 48%; padding: 20px;  margin-right: 4%;}
.plist ul li:nth-child(3n+3){margin-right:4%;}
.plist li:nth-child(2n+2){margin-right:0;}
.yytext .yytext_h { font-size: 58px;}
.yytext .yytext_info {font-size:12px;width: 90%;}
.choose_left h2 { margin-top: 50px;}
.banner-info{font-size:40px;}
.news_top_left{width:100%;}
.news_top_right{width:100%;}
.newslist .item{width:calc(100% - 2px); margin-right:0px;}
.newslist{padding:0}
.prod{padding: 50px 0 50px;}
.prod .p-scroll{overflow-x: auto;overflow-y: hidden;padding-bottom: 20px;}
.prod .p-scroll::-webkit-scrollbar{display: none;}
.prod .items{width: auto;margin-top: 30px;float: left;}
.prod .items .item-2{background-color:#ededed;width: 100%;margin-right: 0;display: inline-block;margin-top: 10px;font-size: 0;}
.prod .items .item-2:nth-of-type(2n){/* display:none; */}
.prod .items .item{width: 30%;flex-shrink: 0;}
.prod .items .item:nth-of-type(2n) .text{margin-bottom: 0;margin-top: 0;}
.prod .items .item .img{width: calc(100% - 30px);padding: 10px;margin: 15px auto;}
.prod .items .item .img i.play{width: 54px;height: 54px;}
.prod .items .item .img i.play.open:after{width: 200vw;height: 200vw;}
.prod .items .item .text{opacity: 1;margin-top: 0;margin-bottom: 0;}
.prod .items .item .text .model{font-size: 22px;line-height: 22px;}
.prod .items .item .text .title{font-size:18px;}
.prod .items .item .text .more{margin-top: 5px;}
.prod .items .item .text .more span{font-size:12px;}
.prod .items .item .text .more i{font-size:12px;margin-left: 10px;}
.prod .more-btn{margin: 50px auto 0;}
.ind_sol .swiper-button-next, .ind_sol .swiper-button-prev{width:40px; height:40px;}
.ind_sol .swiper-button-next:after, .ind_sol .swiper-button-prev:after { font-size: 18px;}
.ind_sol .swiper-button-prev { left: 50%; margin-left: -45px;}
.ind_sol .swiper-button-next { right: 50%; margin-right: -45px;}
.yytext{top:5%;}
.conlist .items{margin: 80px auto 40px;}
.cla{padding: 30px 0 ;}
.solu{padding: 50px 0 0;}
.solu .swiper{margin-top: 50px;padding-right: 0;display: block;}
.solu .swiper .thumb{width: 100%;}
.solu .swiper .thumb .swiper-slide{height: auto;}
.solu .swiper .thumb .pagi{bottom: 30px;right: 30px;font-size:20px;}
.solu .swiper .thumb .pagi span{font-size: 50px;line-height: 50px;}
.solu .swiper .text{width: 100%;padding: 30px;}
.solu .swiper .text::before{display: none;}
.solu .swiper .text .swiper-container{width: 100%;height: 100%;}
.solu .swiper .text .swiper-container .swiper-slide{padding-left: 20px;text-align: left;align-items: flex-start;}
.solu .swiper .text .en{font-size: 24px;line-height: 32px;}
.solu .swiper .text .cn{font-size: 26px;margin-top: 10px;}
.solu .swiper .text .desc{font-size:12px;line-height: 24px;margin-top: 20px;}
.solu .swiper .text .more-btn{margin-top: 30px;}
.fixed-video i.close{top: 30px;right: 30px;font-size:20px;line-height: 20px;padding: 10px;}
.indu{padding: 50px 0;}
.indu .main{margin-right: 30px;}
.indu .scroll{overflow-x: auto;overflow-y: hidden;}
.indu .scroll::-webkit-scrollbar{display: none;}
.indu .items{padding-right: 0;margin-top: 50px;float: left;}
.indu .items .item{max-width: 260px;width: 30%;flex-shrink: 0;}
.indu .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.indu .items .item .img .icon{font-size: 40px;line-height: 100px;}
.indu .items .item .text{top: -10px;}
.indu .items .item .text .cn{font-size: 17px;}
.indu .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.indu .items .item:hover .img{bottom: 0;}
.indu .items .item:hover .text{top: 10px;}
.indu .items .dots{flex-shrink: 0;width: 50px;height: 6px;margin-top: 100px;margin-left: 20px;margin-right: 20px;}
.indu .items .dots i{width: 6px;height: 6px;}

.history{padding: 50px 0;}
.history .main{margin-right: 30px;}
.history .scroll{overflow-x: auto;overflow-y: hidden;}
.history .scroll::-webkit-scrollbar{display: none;}
.history .items{padding-right: 0;margin-top: 50px;float: left;}
.history .items .item{max-width: 260px;width: 30%;flex-shrink: 0;}
.history .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.history .items .item .img .icon{font-size: 40px;line-height: 100px;}
.history .items .item .text{top: -10px;}
.history .items .item .text .cn{font-size: 17px;}
.history .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.history .items .item:hover .img{bottom: 0;}
.history .items .item:hover .text{top: 10px;}
.history .items .dots{flex-shrink: 0;width: 50px;height: 6px;margin-top: 100px;margin-left: 20px;margin-right: 20px;}
.history .items .dots i{width: 6px;height: 6px;}
.about{padding: 80px 0 50px;height: 40vh;}
/*.about .main{display: block;}*/
.about .main .texts{max-width: unset;}
.about .main .texts .en{font-size: 26px;line-height: 26px;}
.about .main .texts .cn{font-size: 36px;line-height: 40px;margin-top: 10px;}
.about .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.about .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
/*.about .main .nums{width: 100%;}*/
.about .main .nums .item{width: 100%;margin-bottom: 0;}
.about .main .nums .item .num{font-size:12px;margin-left: 6px;}
/*.about .main .nums .item .num span{font-size: 60px;line-height: 60px;}*/
.about .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.about .main .more-btn{margin-top: 50px;}
.single-page-about .main ,.single-page-about .main .jcbetween{display: flex; flex-direction: column;}
.single-page-about .main .texts{width: 100%;max-width: unset;order: -1;}
.single-page-about .main .texts .en{font-size: 26px;line-height: 26px;}
.single-page-about .main .texts .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.single-page-about .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.single-page-about .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
.single-page-about .main .nums{width: 60%; margin-bottom:60px;}
.single-page-about .main .nums .item{margin-bottom: 0;margin-top: 0px;}
.single-page-about .main .nums .item .num{font-size:12px;margin-left: 6px;}
.single-page-about .main .nums .item .num span{font-size: 40px;line-height: 40px;}
.single-page-about .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.single-page-about .main .more-btn{margin-top: 50px;}
.single-page-about .main .map { width: 100%; margin-top:10px;}
.wdesc{width:60%}
.about-history-left .img-1{width:40%;}
.about-history-swiper .swiper-slide .text-1{width:100%; line-height:24px;}
.pclass ul li .img{width:100%;}
.pclass ul li .ptextbox{position: relative; width: 100%;}
/*.about-history-button{width: 18%;}*/
.sales{padding: 50px 0;}
.sales .cont{display: block;margin-top: 30px;}
.sales .texts{max-width: unset;width: 100%;}
.sales .texts .title{font-size:18px;}
.sales .texts .desc{font-size:12px;line-height: 24px;margin-top: 15px;}
.sales .texts .more-btn{margin-top: 30px;}
.sales .map .img{width: 100%;padding-right: 20px;}
.sales .map .tab{width: 100px;}
.sales .map .tab a{font-size:12px;margin: 12px 0;}
.sales .map .tab a::before{width: 12px;height: 2px;}
.sales .map .tab a.active::before{margin-right: 20px;}
.responsibility{padding: 80px 0 50px;}
.responsibility .main{display: block;}
.responsibility .main .texts{width: 100%;max-width: unset;}
.responsibility .main .texts .en{font-size: 26px;line-height: 26px;}
.responsibility .main .texts .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.responsibility .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.responsibility .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
.responsibility .main .nums{width: 100%;}
.responsibility .main .nums .item{width: 50%;margin-bottom: 0;margin-top: 30px;}
.responsibility .main .nums .item .num{font-size:12px;margin-left: 6px;}
.responsibility .main .nums .item .num span{font-size: 40px;line-height: 40px;}
.responsibility .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.responsibility .main .more-btn{margin-top: 50px;}
.news{padding: 30px 0;}
.news .items{margin-top: 30px;display: block;}
.news .item{width: 46%;margin-left: 2%;}
.news .item:nth-of-type(2n+2){margin-left: 0;}
.news .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.news .item .text .title{font-size:14px;line-height: 16px;}
.news .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.news .item .text .more-btn{display: none;}
.imgs{padding: 30px 0;}
.imgs .items{margin-top: 30px;}
.imgs .item{width: 48%;margin-left: 2%;}
.imgs .item:nth-of-type(2n+1){margin-left: 0;}
.imgs .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.imgs .item .text .title{font-size:14px;line-height: 16px;}
.imgs .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.imgs .item .text .more-btn{display: none;}

.column_3{padding: 30px 0;}
.column_3 .items{margin-top: 30px;}
.column_3 .item{width: 32%;margin-left: 2%;}
.column_3 .item:nth-of-type(3n+1){margin-left: 0;}
.column_3 .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.column_3 .item .text .title{font-size:14px;line-height: 16px;}
.column_3 .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.column_3 .item .text .more-btn{display: none;}
.after{padding: 40px 0;}
/*.after .mod{display: none;}
.after .items{display: flex;justify-content: space-between;width: 100%;}*/
.after .item{margin-left: 0;text-align: center; width:260px; height:60px;}
.after .item .img{font-size: 32px;line-height: 32px;margin: 0 auto;}
.after .item p{font-size:20px;line-height: 60px;text-align: center;}
.after .item .arrow{font-size:12px;line-height: 14px;margin-left: auto;margin-right: auto; top: 24px;}
.after .item:hover .arrow{margin-left: 5px;}
.after .items .bigtel {font-size: 28px; padding: 10px 0; background-size: 12%;}
.more-btn{width: 130px;height: 40px;}
.more-btn span{font-size:12px;}
.more-btn i{font-size:12px;margin-left: 10px;}
.more-btn:hover i{margin-left: 10px;}
.breadcrumb{background: rgb(0 0 0 / 60%);position: absolute;bottom: 0;width: 100%;line-height: 30px;}
.breadcrumb:before{display:none;}
.breadcrumb ul li{font-size:14px;margin-left: 0;}
.breadcrumb ul li a{color:#9a9a9a;display: inline-block;margin-left: 0px;}
.breadcrumb ul li:after{content:">";margin-left:5px;}
.choose_text h2 {margin-top: 165px;}
.choose_list ul li:hover .choose_text h2{margin-top:150px;}
.choose_list ul li:hover .choose_text p{opacity:0}

.w30,.w20{width:100%;}
.cpyd_list{width:100%; margin-top:30px;}
.download_list{width:100%; margin-top:30px;}
.product{margin-top: 0;margin-bottom: 0px;}
.product .main .texts {width: 100%; max-width: unset;}
.product .times{display: inline-block;font-size:12px;margin-right: 20px;font-weight: normal;}
.product .back{display: inline-block;font-size:12px;font-weight: normal; float:right;}
.product .main .texts .title{font-size:20px;}
.product .main .texts .describe{font-size:12px;padding: 10px 0;min-height: auto;}
/*.product .main .texts .list{display:none;}*/
.product_cont .tab_pro_cont{min-height: 270px;font-size:14px;}
.tab_pro{display:inline-block;line-height:2em;margin-top:20px;font-size:14px;}
.page-item a{text-align:center;margin-bottom:10px}
.page-item .idx-mod{padding-top: 20px;}
.product .main .imgs{width:100%;}
.product .imgs .mySwiper{display:none;}
.product .imgs .mySwiper2{width:100%;}
/*.product .imgs{height: 220px;}*/
/*.product .imgs .swiper-slide{width:100% !important}*/
.cpyd_list ul li{width:50%;}
.news_show{margin-top: 0;} 
.news_show .times{display: inline-block;font-size:12px;margin-right: 20px;font-weight: normal;}
.news_show .back{display: inline-block;font-size:12px;font-weight: normal;}
.news_show .title{font-size:20px;}
.news_cont .main  .list{display:none}
.news_cont {min-height: 270px;}
.news_cont p{font-size:14px;}
}
@media screen and (max-width: 480px){
/*.banner{height: calc(100vh - 5rem); width:100%;}*/
.banner .swiper-wrapper{width:100%;}
.banner .swiper-slide{height: calc(100vh - 5rem); width:100% !important;}
/*.banner .video{height: calc(100vh - 1rem);display: none;}*/
.banner .video .play-btn{display: none;}
.banner .video::after{display: none;}
.banner .cont{bottom: 90px;left: 0;right: 0;padding-left: 14px;padding-right: 14px;}
.banner .cont .text{width: 100%;font-size: 26px;line-height: 42px;}
.banner .prev-next{width: auto;height: 40px;bottom: 30px;left: 14px;right: 14px;}
.banner .swiper-pagination{width: auto;height: 40px;bottom: 30px;left: 14px;right: 14px;}
.banner .prev-next a{width: 120px;height: 40px;}
.banner .prev-next a i{font-size: 30px;}
.page-banner{min-height: 200px; height:30vh;}
/*.cpyd_list ul li { width: 100%; height:auto;}*/
.cpyd_list ul li strong { font-size:14px;}
.cpyd_list ul li p{font-size:14px;}
.prduct_jscs { width: 100%; overflow-x: auto;}
.prduct_jscs .table2 { width: 200% !important;}
.download_list strong{ font-size:18px;}
.download_list i img{width:20px;}
.idx-mod{display: block;}
.idx-mod .en{font-size:12px;line-height: 22px;text-align: center; margin-top:10px;}
.idx-mod .cn{font-size:18px;line-height: 18px;margin-top: 0px;text-align: center;}
.idx-mod .scroll{overflow-x: auto;overflow-y: hidden;margin-left: 0;text-align: center;}
.idx-mod .cate{display: inline-flex;flex-wrap: wrap;justify-content: flex-start;}
.idx-mod .cate a{margin-left: 0px;margin-bottom: 20px;white-space: nowrap; font-size:12px;}
.idx-mod .cate a:hover::after, .idx-mod .cate a.active::after{bottom:-9px;}
.idx-mod .cate a:nth-of-type(1){margin-left: 0;}
.idx-mod .c-name{display: none;}
.ind_sol {margin-top: 20px; margin-bottom: 80px;}
.ind_sol .sl2-sw1 .swiper-slide .dp-sha .dp-ti1 {font-size: 22px; line-height: 1; margin-bottom: 10px; margin-top: 70%;}
.ind_sol .sl2-sw1 .swiper-slide .dp-sha .dp-ti12 { font-size: 16px;}
.yyapp{overflow:visible; margin:30px auto 60px;}
.yyapp img{max-width:240%; width:240%;}
.mySwiper{position:relative; width: 18%; bottom: -7%; left: 50%; transform: translateX(-50%);}
.mySwiper .swiper-slide{background:#fff; width: 8px !important; height: 8px !important;}
.mySwiper .swiper-slide-thumb-active { background: #005bac;}
.yythumbox{border:1px solid #005bac; color:#005bac; padding:3px;}
.yytext {padding: 68% 0 0 5%; position: absolute; top: 0%; left: 0%; color: rgba(255, 255, 255, 0.8);width: 100%; height: 100%;}
.yytext .yytext_h{font-size:30px;}
.yytext .yytext_info{line-height:20px;}
.yythumbox_b{font-size:0px;}
.choose_text span img{bottom:32px;}
.whyus2 ul li,.dlsqy ul li,.yylylist ul li,.whyus ul li,.prduct_cpyy .cpyy_item{width: calc(100% - 0px);margin-right: 0; margin-bottom:4%;}
.conlist .items .text { width: 100%; height:auto; margin-bottom:20px; margin-right:0px;}
.conlist .items .text .desc{height:auto;font-size:12px; line-height: 26px;}
.conlist .items .text .title {font-size:20px;}
.app_items .item_beif{height:auto;}
.choose_en{font-size:80px;}
.choose_left{width:100%;}
.choose_left h2 { margin-top: 0px;}
.choose_left h4 { margin-top: 10%;}
.choose_right{width:100%}
/*.choose_list ul li:nth-child(2) {margin-top: 40px;}*/
.choose_text{padding:10px;}
.choose_text h2 {margin-top: 0; font-size: 16px; position: absolute; bottom: 10px;}
.choose_text .cico img { width: 30px;}
.choose_list ul li{width: 100%; margin-right: 0; height: 200px; overflow:hidden; margin-bottom:20px;}
.choose_list ul li .choose_img { width: 100%; margin-top: -50%;}
.choose_list ul li:hover .choose_text span img{display:none;}
.banner-info { font-size: 24px;}
.bluetitle{font-size: 24px;}
.pageNav font, .pageNav span, .pageNav a{width:auto; padding:0 5px;}
.single-page-about .main .abouttexts{width:100%; line-height: 28px; font-size:12px;margin: 30px auto 0;}
.wdesc {width: 100%;}
.pclass ul li .img{width:100%;}
.pclass ul li .ptextbox{position:relative; width:100%;}
.mtx50{margin-bottom:0}
.plist ul li { width: calc(100% - 0px);}
.history-swiper .swiper-slide{width:100% !important;}
.about-history-button { width: 30%; bottom:0;}
.about-history-left .img-1{width:calc(100% - 2px); padding:0px;border-radius:10px; margin-right:0px;}
.about-history-left .text{width:100%;}
.about-history-left .title-2{font-size:24px; margin-top:20px;}
.czjz_title{font-size: 26px; line-height: 40px;}
.czjz_box ul li{width:100%; margin-right:0px; margin-bottom:20px;}
.mb80{margin-bottom:0px !important;}
.typename { font-size: 40px; padding-right: 0%; width: 100%; margin-top: 8%;}
.typedesc { font-size:12px; color: #fff; margin-top: 5%; width: 100%; line-height: 22px; margin-right: 10%;}
.hbtitle { font-size: 28px;}
.hbdesc { width: 100%;font-size:12px; line-height: 24px;}
.videolist span { width: 40px; height: 40px; top: 30%;}
.videolist p{font-size:14px;}
.polaroids a{padding:10px;}
.downtitle{font-size:20px;}
.pageTitleTel{width:100%; margin-top:20px;}
.downlist .list-group-item_dw { width: 100%; margin-right: 0;}
.downlist .list-group-item { width: 100%; margin-right: 0%;}
.sideTitleTel .con{font-size:18px;}
.sideTitleTel .con a{padding-left:20px;}
.support{display:block;}
.support .sleft { width: 100%; margin-right: 0;}
.support .sright {margin-top:20px;width: 100%;}
.daili h1 { font-size: 30px;}
.daili p { font-size:12px; line-height: 28px; padding: 0 15px;}
.daili{margin:50px auto 0;}
.prod{padding: 30px 0 30px;}
.prod .p-scroll{overflow-x: auto;overflow-y: hidden;padding-bottom: 20px;}
.prod .p-scroll::-webkit-scrollbar{display: none;}
.prod .items{width: auto;margin-top: 40px;float: none;}
.prod .items .item-2 .text .title{font-size:18px;}
.prod .items .item-2 .text .model{display: none;}
.prod .items .item{width: 60%;flex-shrink: 0;}
.prod .items .item:nth-of-type(2n) .text{margin-bottom: 0;margin-top: 0;}
.prod .items .item .img{width: calc(100% - 30px);padding: 8px;margin: 15px auto;}
.prod .items .item .img i.play{width: 54px;height: 54px;}
.prod .items .item .img i.play.open:after{width: 200vw;height: 200vw;}
.prod .items .item .text{opacity: 1;margin-top: 0;margin-bottom: 0;}
.prod .items .item .text .model{font-size:18px;line-height: 18px;}
.prod .items .item .text .title{font-size:14px;}
.prod .items .item .text .more{margin-top: 5px;}
.prod .items .item .text .more span{font-size:12px;}
.prod .items .item .text .more i{font-size:12px;margin-left: 10px;}
.prod .more-btn{margin: 30px auto 0;}
.cla{padding: 30px 0 ;}
.solu{padding: 50px 0 0;}
.solu .swiper{margin-top: 30px;padding-right: 0;display: block;}
.solu .swiper .thumb{width: 100%;}
.solu .swiper .thumb .swiper-slide{height: auto;}
.solu .swiper .thumb .pagi{bottom: 20px;right: 20px;font-size:14px;}
.solu .swiper .thumb .pagi span{font-size: 30px;line-height: 30px;}
.solu .swiper .text{width: 100%;padding: 14px;}
.solu .swiper .text::before{display: none;}
.solu .swiper .text .swiper-container{width: 100%;height: 100%;}
.solu .swiper .text .swiper-container .swiper-slide{padding-left: 20px;text-align: left;align-items: flex-start;}
.solu .swiper .text .en{font-size:18px;line-height: 28px;}
.solu .swiper .text .cn{font-size:18px;margin-top: 6px;}
.solu .swiper .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.solu .swiper .text .more-btn{margin-top: 20px;}
.fixed-video i.close{top: 30px;right: 30px;font-size:20px;line-height: 20px;padding: 10px;}
.indu{padding: 50px 0;}
.indu .main{margin-right: 30px;}
.indu .scroll{overflow-x: auto;overflow-y: hidden;}
.indu .scroll::-webkit-scrollbar{display: none;}
.indu .items{padding-right: 0;margin-top: 30px;float: left;}
.indu .items .item{max-width: 260px;width: 60%;flex-shrink: 0;}
.indu .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.indu .items .item .img .icon{font-size: 40px;line-height: 100px;}
.indu .items .item .text{top: -10px;}
.indu .items .item .text .cn{font-size: 17px;}
.indu .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.indu .items .item:hover .img{bottom: 0;}
.indu .items .item:hover .text{top: 10px;}
.indu .items .dots{flex-shrink: 0;width: 40px;height: 6px;margin-top: 100px;margin-left: 10px;margin-right: 10px;}
.indu .items .dots i{width: 6px;height: 6px;}

.history{padding: 50px 0;}
.history .main{margin-right: 15px;}
.history .scroll{overflow-x: auto;overflow-y: hidden;}
.history .scroll::-webkit-scrollbar{display: none;}
.history .items{padding-right: 0;margin-top: 30px;float: left;margin-bottom: 20px;}
.history .items .item{max-width: 260px;width: 60%;flex-shrink: 0;}
.history .items .item .img{width: 120px;height: 120px;padding: 10px;margin: 0 auto;bottom: -10px;}
.history .items .item .img .icon{font-size: 40px;line-height: 100px;}
.history .items .item .text{top: -10px;}
.history .items .item .text .cn{font-size: 17px;}
.history .items .item .text .en{margin-top: 10px;font-size:12px;line-height: 21px;}
.history .items .item:hover .img{bottom: 0;}
.history .items .item:hover .text{top: 10px;}
.history .items .dots{flex-shrink: 0;width: 40px;height: 6px;margin-top: 100px;margin-left: 10px;margin-right: 10px;}
.history .items .dots i{width: 6px;height: 6px;}
.about{padding: 50px 0 50px;height: 60vh;}
.about .main{display: block; position:relative;}
.about .main .texts{width: 100%;max-width: unset;text-align: center; padding: 0;}
.about .main .texts .en{font-size: 26px;line-height: 26px;}
.about .main .texts .cn{font-size: 28px;line-height: 40px;margin-top: 10px;}
.about .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.about .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
.about .main .nums{width: 100%; position: absolute;top: 46%;text-align:center; height:auto;}
.about .main .nums .item{width: 100%;margin-bottom: 0;margin-top: 30px;}
.about .main .nums .item .num{font-size:12px;margin-left: 0px; line-height: 1;}
.about .main .nums .item .num em{margin-top:22px;position: absolute; margin-left: 1px;}
.about .main .nums .item .num span{font-size: 50px;line-height: 50px;font-weight: bold;}
.about .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;font-weight: 100;}

.about .main .more-btn{height:36px; margin:18vh auto 0;display: inline-flex;}
.roll li{position:relative !important;width: 50%; float: left;}
.roll li.roll_2,.roll li.roll_3{opacity:1; top:0px;}
.single-page-about .main,.csr{display: block;}
.single-page-about .main .texts{width: 100%;max-width: unset;  order: -1;}
.single-page-about .main .texts .en{font-size: 26px;line-height: 26px;}
.single-page-about .main .texts .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.single-page-about .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.single-page-about .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
.single-page-about .main .nums{width: 100%;}
.single-page-about .main .nums .item{margin-bottom: 0;margin-top: 30px;}
.single-page-about .main .nums .item .num{font-size:12px;margin-left: 6px;}
.single-page-about .main .nums .item .num span{font-size: 40px;line-height: 40px;}
.single-page-about .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.single-page-about .main .more-btn{margin-top: 50px;}

.csrleft,.csrright{width:100%;}
.csrright strong{width:100%; font-size:18px; line-height:30px;}
.sales{padding: 50px 0;}
.sales .cont{display: block;margin-top: 30px;}
.sales .texts{max-width: unset;width: 100%;}
.sales .texts .title{font-size:18px;}
.sales .texts .desc{font-size:12px;line-height: 24px;margin-top: 15px;}
.sales .texts .more-btn{margin-top: 30px;}
.sales .map{display: block;margin-top: 30px;}
.sales .map .img{width: 100%;padding-right: 0;}
.sales .map .tab{width: 100%;display: flex;overflow-x: auto;}
.sales .map .tab a{font-size:12px;margin: 0 10px;}
.sales .map .tab a::before{display: none;}
.sales .map .tab a.active::before{margin-right: 0;}
.sales .map .tab a:first-child{margin-left: 0;}
.responsibility{padding: 80px 0 50px;}
.responsibility .main{display: block;}
.responsibility .main .texts{width: 100%;max-width: unset;}
.responsibility .main .texts .en{font-size: 26px;line-height: 26px;}
.responsibility .main .texts .cn{font-size:20px;line-height: 20px;margin-top: 10px;}
.responsibility .main .texts .slogen{font-size:18px;line-height: 28px;margin-top: 30px;}
.responsibility .main .texts .desc{font-size:12px;line-height: 24px;margin-top: 16px;}
.responsibility .main .nums{width: 100%;}
.responsibility .main .nums .item{width: 50%;margin-bottom: 0;margin-top: 30px;}
.responsibility .main .nums .item .num{font-size:12px;margin-left: 6px;}
.responsibility .main .nums .item .num span{font-size: 40px;line-height: 40px;}
.responsibility .main .nums .item .desc{font-size:12px;padding-left: 4px;margin-top: 4px;}
.responsibility .main .more-btn{margin-top: 50px;}

.news{padding: 30px 0;}
.news .items{margin-top: 30px;}
.news .items:first-child{display: block;}
.news .item{width: 100%;margin-left: 0;margin-bottom: 30px;}
.news .item:nth-of-type(3n+1){margin-left: 0;}
.news .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.news .item .text .title{font-size:14px;line-height: 24px;}
.news .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.news .item .text .more-btn{display: none;}
.news .more-btn{margin:30px auto 0;}
.imgs{padding: 30px 0;}
.imgs .items{margin-top: 30px;display: block;}
.imgs .item{width: 100%;margin-left: 0;margin-bottom: 30px;}
.imgs .item:nth-of-type(3n+1){margin-left: 0;}
.imgs .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.imgs .item .text .title{font-size:14px;line-height: 16px;}
.imgs .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.imgs .item .text .more-btn{display: none;}

.column_3{padding: 30px 0;}
.column_3 .items{margin-top: 30px;display: block;}
.column_3 .item{width: 100%;margin-left: 0;margin-bottom: 30px;}
.column_3 .item:nth-of-type(3n+1){margin-left: 0;}
.column_3 .item .text .date{height: 40px;line-height: 40px;font-size:18px;}
.column_3 .item .text .title{font-size:14px;line-height: 16px;}
.column_3 .item .text .desc{font-size:12px;line-height: 24px;margin-top: 10px;}
.column_3 .item .text .more-btn{display: none;}
.after{padding: 30px 0;}
.after .main{display:block;}
.after .mod{width:100%; text-align:center;margin-top: 30px;}
.after .mod .info{margin-top:20px;}
.after .items{width: 100%;margin: 30px auto;}
.after .item{margin-left: 0;text-align: center; margin: 30px auto;}
.after .item .img{font-size: 32px;line-height: 32px;margin: 0 auto;}
.after .item p{text-align: center;}
.after .item .arrow{font-size:12px;line-height: 14px;margin-top: 0px;margin-left: auto;margin-right: auto;}
.after .item:hover .arrow{margin-left: 5px;}
.after .items .bigtel{ width: 75%; margin: 0 auto;}
.more-btn{width: 140px;height: 36px;}
.about .main .more-btn span,.more-btn span{font-size:12px;}
.more-btn i{font-size:12px;margin-left: 10px;}
.more-btn:hover i{margin-left: 10px;}
.ind_sol .swiper-button-next, .ind_sol .swiper-button-prev {width: 30px; height: 30px;}
.ind_sol .swiper-button-next:after, .ind_sol .swiper-button-prev:after { font-size: 14px;}
.ind_sol .swiper-button-next { right: 50%;  margin-right: -35px;}
.ind_sol .swiper-button-prev { left: 50%; margin-left: -35px;}
}
@media screen and (max-width: 375px){
    .about .main .more-btn{height:36px; margin:14vh auto 0;display: inline-flex;}
}

@media screen and (max-width: 320px){
    .about .main .more-btn{height:36px; margin:18vh auto 0;display: inline-flex;}
    .about { padding: 50px 0 50px; height: 72vh;}
}





.h80{margin-bottom:80px;}
.text-center{text-align:center;}
/*.applicattions{padding-top: 160px;position: relative;}
.applicattions-page .items:before{content:"";display:block;width:50%;height: 0px;background: #e9e9e9;position: absolute;top: -80px;right: 0;}
.applicattions-page .items{margin-bottom: 0px;padding-top: 80px;position: relative;min-height: 500px;background-size: 110%;transition: all 500ms;background-position:center;}
.applicattions-page .items:hover{-moz-background-size: 103%;background-size: 113%;}
.applicattions-page .items .title{font-size: 36px;color: #fff;padding-bottom: 20px;}
.applicattions-page .items .title_sub{font-size:14px;line-height: 1.7em;width: 50%;color: #fff;}*/
.app_items{width:100%}
.app_items .app_item{width: calc(32.33% - 4px);margin-top: 20px;margin-right: 1.5%;display:inline-grid;
  background: linear-gradient(to bottom, #f2f7fb, #fff);border:1px solid #f2f7fb; border-radius:10px; text-align:center;}
.app_items .app_item:nth-child(3){margin-right:0}
.app_items .app_item .item_img{width:100px; height:100px; background:#e9f0f5; border-radius:50px; margin:50px auto 30px; text-align:center; line-height:100px;}
.app_items .app_item img{max-width:100%;}
.app_items .item_title{font-size: 24px; font-weight:bold; color: #000; padding: 0 15% 20px;}
.app_items .item_beif{font-size:12px;padding: 0 15% 50px; line-height:20px; height:200px;}

.app_items2{width:100%; margin-top:30px;}
.app_items2 .app_item{width: 30%;margin-top: 20px;margin-right: 5%;float:left; text-align:center;}
.app_items2 .app_item:nth-child(3){margin-right:0}
.app_items2 .app_item .item_img{width:80px; height:80px; margin:0px auto 10px; text-align:center; line-height:80px;}
.app_items2 .app_item img{max-width:100%;}
.app_items2 .item_title{font-size: 24px; color: #005bac; padding: 0 15% 20px; }
.app_items2 .item_beif{font-size:12px;padding: 0 15% 50px; line-height:20px; height:40px; display:table; width:100%;}
/*.applicattions-page .items:nth-child(even):before{background: #005bac;left: 0;}
.applicattions-page .items:nth-child(even) .title{text-align:right;}
.applicattions-page .items:nth-child(even) .title_sub{text-align:right;margin-right: 0;margin-left: auto;}
.applicattions-page .items:nth-child(even) .app_items{text-align:right;}
.applicattions-page .items:nth-child(even) .app_item{margin-left: 1.5%;margin-right:0%;text-align: left;}*/
@media screen and (max-width: 1440px){
.applicattions-page .items{padding-top: 50px;margin-bottom: 0px;}
 }
@media screen and (max-width: 1024px){
.applicattions{padding-top: 80px;}
.app_items2 .item_title{font-size:20px;}
.bluetitle span{display:inline; color:#333; margin-left:10px; font-size:16px;}
 }
 @media screen and (max-width:768px){
.applicattions{padding-top: 40px;}
.applicattions-page .items{padding-top: 30px;margin-bottom: 50px;background-size: cover;}
.app_items .app_item{width: 100%;}
.app_items .title{    font-size:18px;    line-height: 18px;}
.app_items:before{height:30px;top:-30px}
.app_items .title_sub{width:100%;font-size:12px;}
.app_items .item_title{font-size:20px;padding: 0 20px 20px 20px;}
.app_items .item_beif{    padding: 0 25px 25px 25px; height:auto;}
.app_items2 .item_title{padding: 0 5% 20px;}
.app_items2 .item_beif{padding: 0 5% 20px;}
}
.contact-page{background: #e9e9e9;}
.contact-page  .main{display: flex; justify-content: space-between;align-items: flex-start;}
.contact-page .single-page-about .main .nums{    margin-top: -160px;    width: 57%;}
@media screen and (max-width: 1024px){
.contact-page .single-page-about .main .nums{    margin-top: 0px;    width: 50%;}
}
@media screen and (max-width:768px){
.contact-page .single-page-about .main .nums{    margin-top: 20px;    width: 100%;}
.contact-page .main{display: block;}
}
.search-form{position: relative;}
.search-form fieldset {position: relative;border: 7px solid rgba(255, 255, 255, 0.50);border-radius: 12px;}
.search-form fieldset input[type="search"] {position: relative;height: 50px;background: #ffffff;line-height: 50px;font-size:14px;color: #233145;border: 1px solid #0069a6;padding: 0 100px 0 20px;width: 100%;}
.search-form fieldset input[type="submit"] {position: absolute;display: block;right: 0px;top: 0px;text-align: center;width: 120px;height: 50px;color: #ffffff !important;line-height: 30px;font-size:14px;cursor: pointer;background-color: #0069a6;border: 0px;}


.section-video{width:100%;margin:0 auto;overflow:hidden;position:relative}
.section-video .title{width:100%;height:80px;line-height:60px;color:#333333;font-size:28px;text-transform:uppercase}
.section-video .title strong{font-size:40px;font-weight:bold}
.section-video .title i{background:#adabaa;width:110px;height:1px;display:block;margin:25px 0 45px}
.section-video ul{padding:30px 0 0;overflow:hidden}
.videolist{float:left;position:relative;margin:0 5% 0 0; width:30%;}
.videolist:nth-child(3n+3){margin:0px;}
.videolist p{color:#585656;height:65px;padding:12px 0;overflow:hidden;line-height:26px;font-size:18px;text-align:center}
.videolist span{width:70px;height:70px;display:block;background:url(../image/icon_06.png) no-repeat;position:absolute;left:50%;top:43%;transform:translate(-50%,-50%); background-size:100%}
/*.videolist a:hover i{background:url(../image/icon_07.png) no-repeat;transition:-webkit-transform .5s ease;transition:transform .5s ease}*/
.video-box{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;font-size:0;z-index:99999999999}
.video-box button{display:inline-block;padding:0;border:0 none;background:none;text-align:center;outline:none;cursor:pointer}
.video-box .video-button{display:inline-block;width:36px;height:36px;color:#fff;position:relative;overflow:hidden}
.video-box .video-button i{font-size:56px}
.video-box .video-button.video-btn-volume i{font-size:20px}
.video-box .video-button.video-tooltip-toggle i{font-size:20px}
.video-box .video-video{position:relative;width:100%;height:100%;overflow:hidden}
.video-box .video-video video{position:relative;display:block;top:0;left:0;width:100%;height:100%;background:#000}
.video-box .video-container{width:1282px;min-height:720px;max-height:90vh;background:#000000;overflow:hidden;opacity:0}
.video-box .video-container.video-ready{opacity:1}
.video-box.quanping .video-container{width:100%;height:100%;max-height:100%;position:relative;left:0;top:0;transform:none}
.video-box.video-playing .video-div.video-hide-ui .video-ui{-webkit-transform:translateY(39px);-ms-transform:translateY(39px);transform:translateY(39px)}
.video-box.heibian .video-container{padding:40px 0}
.video-box.heibian .video-div.video-hide-ui .video-ui{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
.video-box.heibian.quanping .video-container{padding:0}
.video-box.hideui .video-div .video-ui{-webkit-transform:translateY(39px);-ms-transform:translateY(39px);transform:translateY(39px)}
.video-box .i{font-family:none;height:100%;width:100%;background-size:80%;background-position:center;background-repeat:no-repeat}
.video-box .i:before,.video-box i:after{display:none !important}
.video-box .i-voice-on{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-voice-off{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-bofang{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-zhanting{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-quanping{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-box .i-suoxiao{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.video-bg{position:absolute;height:100%;width:100%;background:#000;opacity:.9}
.video-div{background:#000;font-size:0;letter-spacing:-1px;position:absolute;height:100%;width:100%;top:0;left:0}
.video-ui{position:absolute;width:100%;height:41px;background-color:rgba(0,0,0,0.8);left:0;bottom:0;z-index:6;letter-spacing:.25px;-webkit-transition:transform 0.3s ease;-o-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;transition:transform 0.3s ease;-webkit-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}
.video-loading-pulse{position:absolute;width:6px;height:24px;top:50%;left:50%;background-color:rgba(255,255,255,0.2);-webkit-animation:pulse 750ms infinite;animation:pulse 750ms infinite;-webkit-animation-delay:250ms;animation-delay:250ms}
.video-loading-pulse:before,.video-loading-pulse:after{content:'';position:absolute;display:block;height:16px;width:6px;background:rgba(255,255,255,0.2);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-animation:pulse 750ms infinite;animation:pulse 750ms infinite}
.video-loading-pulse:before{left:-12px}
.video-loading-pulse:after{left:12px;-webkit-animation-delay:500ms;animation-delay:500ms}
@keyframes pulse{50%{background:white}}
.video-loading{opacity:1;color:#2c97f6;font-size:0;overflow:hidden;box-shadow:0px 0px 0px 3600px #000;background:#000;width:30px;height:30px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.video-loading i{border-radius:50%;width:24px;height:24px;display:block;border:0.25rem solid rgba(255,255,255,0.2);border-top-color:white;-webkit-animation:adeg 1s infinite linear;-o-animation:adeg 1s infinite linear;-ms-animation:adeg 1s infinite linear;-moz-animation:adeg 1s infinite linear;animation:adeg 1s infinite linear}
.video-loading .i-loading:before{display:none;opacity:0;visibility:hidden}
.video-loading.yihuanchun{opacity:0}
@keyframes adeg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.video-close{position:absolute;top:calc(52px + 2%);right:5%;width:30px;height:30px;z-index:1000;cursor:pointer;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat}
.video-bofang.f-czspjuzhong{z-index:2;font-size:0}
.video-bofang.f-czspjuzhong i{display:block;border-radius:50%;text-align:center;background-color:rgba(0,0,0,0.8);color:#fff;width:60px;height:60px;cursor:pointer;line-height:62px;font-size:66px;-webkit-transition:transform 1s;-o-transition:transform 1s;-ms-transition:transform 1s;-moz-transition:transform 1s;transition:transform 1s}
.video-hide{z-index:0 !important}
.video-hide i{opacity:0;-webkit-transform:scale(3);-o-transform:scale(3);-ms-transform:scale(3);-moz-transform:scale(3);transform:scale(3);will-change:transform,opacity;z-index:0}
.video-progress{display:block;position:absolute;width:100%;bottom:36px;height:5px;cursor:pointer;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;z-index:2}
.video-progress:hover .video-progress-hover,.video-progress:hover .video-tooltip-time{opacity:1}
.video-tooltip-time{width:46px;position:absolute;height:20px;z-index:5;left:0;right:0;bottom:8px;opacity:0;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}
.video-tooltip-time .video-tinytip-content{margin-left:-23px}
.video-tooltip-time .video-text{background:rgba(0,0,0,0.5);padding:2px;border-radius:2px}
.video-tinytip .video-tooltip-content{display:inline-block;padding:0 4px;color:rgba(255,255,255,0.5);font-size:10px;line-height:20px;text-align:center}
.video-progress-padding{position:absolute;width:100%;height:16px;bottom:0;z-index:40;cursor:pointer}
.video-progress-list{position:relative;top:-1px;z-index:39;width:100%;height:100%;background-color:rgba(255,255,255,0.2);-webkit-transform:scaleY(0.6);-ms-transform:scaleY(0.6);transform:scaleY(0.6);transition:-webkit-transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1),-webkit-transform 0.1s cubic-bezier(0.4,0,1,1)}
.video-progress-play,.video-progress-buffer,.video-progress-hover{position:absolute;top:0;left:0;width:0;height:100%}
.video-progress-buffer{z-index:33;background-color:rgba(255,255,255,0.4);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.video-progress-hover{z-index:34;background-color:rgba(255,255,255,0.5);opacity:0;-webkit-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);-o-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);-ms-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);-moz-transition:opacity 0.25s cubic-bezier(0,0,0.2,1);transition:opacity 0.25s cubic-bezier(0,0,0.2,1)}
.video-progress-play{z-index:35;background-color:#2c97f6}
.video-progress-handle{width:13px;height:13px;position:absolute;top:50%;right:-6.5px;margin-top:-6.5px;border-radius:50%;background-color:#2c97f6;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:-webkit-transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1);transition:transform 0.1s cubic-bezier(0.4,0,1,1),-webkit-transform 0.1s cubic-bezier(0.4,0,1,1)}
.video-progress-padding:hover + .video-progress-list{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.video-progress-padding:hover + .video-progress-list .video-progress-handle{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.video-controls-buttons{position:absolute;bottom:0;left:0;height:36px;width:100%;padding:0 10px;z-index:3}
.video-time-panel{font-size:12px;color:#777;display:inline-block;vertical-align:top;height:36px;padding:0 5px;line-height:36px;letter-spacing:.25px}
.video-time-panel-current{color:#DEDEDF}
.video-fullscreen{float:right}
.video-definition{float:right;width:55px;height:36px;position:relative}
.video-definition .video-button{width:100%}
.video-definition .video-button span{background:#fff;color:#333;font-size:14px;padding:2px 5px}
.video-definition .video-tooltip-content{width:80px;left:50%;margin-left:-40px;display:none;background:rgba(0,0,0,0.5)}
.video-definition:hover .video-tooltip-content{position:absolute;bottom:35px;color:#aaa;display:block;z-index:6}
.video-menu .video-menu-item{display:block;width:100%;line-height:36px;font-size:14px;text-align:center;white-space:nowrap;padding:0 12px;cursor:pointer;position:relative;height:38px;background:-webkit-linear-gradient(top,transparent 0,transparent 50%,rgba(255,255,255,0.1) 50%) center bottom no-repeat;background-size:80% 1px}
.video-menu .video-menu-item:hover{color:#fff;background:rgba(255,255,255,0.12)}
.video-menu .video-menu-item.video-active{color:#FF8F00}
.video-volume{float:right;position:relative}
.video-popup .video-popup-content{transform:scaleY(0);bottom:41px;position:absolute}
.video-popup .video-popup-content:after{content:'';position:absolute;bottom:-10px;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:rgba(0,0,0,0.5)}
.video-popup:hover .video-popup-content{-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1)}
.video-volume-slider{left:0;width:36px;height:100px;cursor:pointer;background:rgba(0,0,0,0.8)}
.video-tinytip-tiao{position:absolute;top:0;left:0;width:100%;height:100%}
.video-volume-range{position:absolute;left:16px;top:10px;width:4px;height:80px;background-color:rgba(0,0,0,0.2)}
.video-volume-range-current{position:absolute;left:0;bottom:0;width:100%;height:50%;background-color:#2c97f6}
.video-volume-handle{position:absolute;top:0;left:-4px;width:12px;height:3px;background-color:#fff}
@media (max-width:998px){
	.video-box .video-container{width:80vw;max-height:80vh;min-height:44.9vw}
}
@media (max-width:768px){
.videolist{float:left;position:relative;margin:0 4% 0 0; width:48%;}
.videolist:nth-child(3n+3){margin:0 4% 0 0;}
.videolist:nth-child(2n+2){margin:0;}
.videolist span{width:60px;height:60px;top: 40%;}
}
@media (max-width:468px){
.video-box .video-container{width:100vw;min-height:54.9vw}
.video-loading i{font-size:26px}
.video-definition{display:none}
.app_items2 .app_item{width: calc(100% - 2px); margin-right: 0;}
.videolist span{width:40px;height:40px;top: 30%;}
.videolist p{font-size:14px;}
}