*{margin: 0;padding: 0;box-sizing: border-box;}
body {font-size: 14px;font-family:Microsoft YaHei;}
em,i{font-style:inherit;font-weight:inherit;}
ul{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #333;}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}
body {   scrollbar-width: none; -ms-overflow-style: none;overflow: scroll;}
body::-webkit-scrollbar {  display: none;}

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

@font-face {
font-family: "akr";
src: url("../cssnew/akrobat-regular.woff2.txt") format("woff2"),
       url("../cssnew/akrobat-regular.woff.txt") format("woff"),
       url("../cssnew/akrobat-regular.ttf.txt") format("truetype"),
       url("../cssnew/akrobat-regular.eot.txt") format("embedded-opentype"),
       url("../cssnew/akrobat-regular.svg.txt") format("svg");
}

/*head*/
.head {padding: 16px 0;width:100%;z-index:999;}
.head_box {display: flex;justify-content: space-between;align-items: center;margin: 0 auto; width: 1400px;    padding-left: 4%;}
.head_logo {display: flex;align-items: center;margin-left: -25px;}
.head_logo i {}
.head_logo p {display: flex;flex-direction: column;font-size: 24px;line-height: 30px;padding-left: 14px;}
.head_logo p span {font-size: 24px; text-transform: uppercase;line-height: 24px;padding-top: 2px;}
.head_con {display: flex;justify-content: space-between;width: 60%;    align-items: center;}
.head_nav {width: 85%;}
.head_nav ul {display: flex;justify-content: space-between;align-items: center;}
.head_nav li {}
.head_nav li:nth-child(2) .head_lx>ul li:last-child {}
.head_nav li a {font-size: 16px;padding-bottom:34px;}
.head_nav>ul>li:hover>a,.head_nav>ul>li.cur>a {color:#ff0000;}

.head_lx {width: 100%;height: 0;background: rgba(255,255,255,0.9);transition: 0.5s;position: absolute;top: 90px;left: 0;display: flex;justify-content: space-between;opacity: 0;overflow: hidden;z-index:15;}
.head_lx ul {display: flex;flex-wrap: wrap;width: 50%;padding: 4% 5%;height:18vw;}
.head_lx li {width: 30%;}
.head_lx>ul>li a {font-size: 17px;border: 1px solid #ccc;padding: 20px 50px;line-height: 16px;position: relative;display: inline-block;width: 200px;}
.head_nav li:nth-child(3) .head_lx>ul {  width: 25%;}
.head_lx>ul>li a:before {content:'';width:8px;height:8px;background:#ccc;position:absolute;    top: 25px; right: 35px;border-radius: 50%;}
.head_lx>ul>li a:after {content:  ''; width: 16px;height: 16px;border-radius:  50%;border:  1px solid #ccc; position:  absolute;top: 20px;right:30px;}
.head_lx i {    width: 32%;padding: 2% 5%;display: inline-block;}
.head_lx i img {width:100%;}
.head_nav>ul>li:hover .head_lx {height:19vw;transition: 0.5s;opacity: 1;z-index:99;}

.head_sear {}
.tit_con {position: relative;}
.tit_con>div {width: 30px;height: 30px;border-radius: 50%;display: inline-block;  text-align: center;line-height: 30px;font-size: 16px; }
.tit_con .phone {margin-right: 7px;}
.tit_con>div>p {height: 59px;margin-bottom: 0 !important;font-size:18px; color:#999; }
.tit_con .phone:hover .phone_num, .tit_con .wx:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 472px; background: rgba(51,51,51,0.7);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 16px;padding: 34px; z-index: 99;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:33px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 7px;    border: 1px solid #dddddd;border-left: none;}
#search-bg{float:left; width:374px; height:33px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:15px; color: #fff !important;}
.search-text a:hover{ font-size:15px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 15px;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #005299; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #005299;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
form {justify-content: center;}
.head_f {}
.head_f ul {display: flex;flex-direction: column;height: 20px;justify-content: space-between;}
.head_f li {width:24px;height: 2px;background: #cccccc;}
.tab_con {width: 300px;background: #fff;   position: absolute;top: 0;right: 0;display: none; overflow: auto !important;height: 800px;z-index: 55;}
.tab_txt>ul p {font-size:20px;}
.tab_txt>ul>li {      padding: 20px 0; border-bottom: 1px #eee solid;}
.tab_txt>ul>li>a {font-size:18px;    color: #333 !important;}
.tab_txt>ul>li>span {font-size:14px;color: #999; display: block; margin-top: 10px; line-height:28px;}
.tab_txt>ul>li>span>a {font-size:14px;color: #999;}
.tab_tit {font-size:24px; border-bottom: 1px #eee solid; padding-bottom:40px;padding: 30px 50px; }
.tab_tit em{color: #ccc; display: block;text-transform: uppercase; font-size: 14px; font-family: Arial;}
.button {width: 30px; height: 30px;background: #fff; position: absolute;right: 12px; top: 12px;cursor: pointer;}
.button:before {content:'';width:30px;height:2px;position:absolute;top:25px;left:0;background:#333;transform: rotate(45deg);}
.button:after {content:'';width:30px;height:2px;position:absolute;top:25px;left:0;background:#333;transform: rotate(-45deg);}
.tab_txt {padding-top: 10px;padding: 10px 50px;width: 300px; }
.tab_txt i {width:130px;height:130px;display:inline-block;overflow:hidden;}
.tab_txt i img {width:100%;}
.tab_txt>ul>li p {font-size:14px;    line-height: 20px; padding: 3% 16% 0;}
.tab_txt1{padding-top: 16px;padding: 30px 50px 0px 50px; font-size:18px; color:#999;line-height:38px;width:300px;}
.tab_txt1 span{display:block; font-size:24px; color:#ff0000;line-height:38px; font-family: "din";}
.tab_con {   scrollbar-width: none; -ms-overflow-style: none;overflow: scroll;}
.tab_con::-webkit-scrollbar {  display: none;}

.tp-bullets {margin-bottom: 30px !important;}

@media screen and (max-width:999px) and (min-width:800px) {
    .box {max-width:990px;}
    .head_con {width:9%;}
    .head_nav {display: none;}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
    .box {max-width:1070px;}
    .head_con {width:8%;}
    .head_nav {display: none;}
}
@media screen and (max-width:1299px) and (min-width:1100px) {
    .box {max-width:1290px;}
    .head_con {width:75%;}
}
@media screen and (max-width:1499px) and (min-width:1300px) {
    .box {max-width:1470px;}
    .head_con {width:75%;}
}
@media screen and (max-width:1920px) and (min-width:1500px) {
    .box {max-width:1830px;}
}

/*about*/
.about {position: relative;padding: 91px 0 0;}
.about:after {content:'';background: url(../uploadfile/image/20211020/20211020135505_1715406583.jpg)no-repeat right;width: 49.22%;height: 651px;position: absolute;right:0;top:7%;z-index: -1;}
.about_box {margin: 0 auto;}
.about_con {display: inline-block;/* padding-top: 160px; */width: 49%;}
.about_con p {font-size: 40px;text-transform: uppercase;font-weight: lighter;color: #eee;line-height: 40px;}
.about_con p b {color: #006fb9;font-weight: bold; background-image: linear-gradient(to right,#ff3b21 0,#df2300 100%);-webkit-background-clip: text;color: transparent;}
.about_con em {display: flex;flex-direction: column;font-size: 32px;padding-top: 10px;}
.about_con em span {font-size: 15px;line-height: 30px;padding-top: 45px;font-weight:  lighter;}
.about_con a {width: 164px;height: 44px;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #ff0000;margin-top: 30px;}
.about_num {margin-top: 50px;}
.about_num ul {display: flex;}
.about_num li {width: 19%;background: #ff0000;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;padding: 2.6vw 3vw;}
.about_num li span {font-size: 31px;font-weight: bold;}
.about_num li p {font-size: 18px;font-weight:  lighter;}
.about_num li em {position: absolute;right: 28%;top: 40%;width:  20px;height:  20px;background:  #fff;border-radius: 50%;color: #333;display:  flex;justify-content:  center;}
.about_video {position: absolute;top: 30%;left: 60%;z-index:99;}
.video_x1 p{margin-top: 123px;
    position: relative;}

/*video‘*/
.video_sp{float:left; padding:27px 0px;}
.ripple img { width:32px;height:32px;position: relative;z-index: 5;}
.ripple,.ripple:before,.ripple:after {position: absolute;left: 50%;top: 50%;height: 70px;width: 70px;margin-top: -35px;margin-left: -35px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: 0 0 0 0 #ff0000;animation: ripple 3s infinite;background: #ff0000;}
.ripple{padding:6px 3px;background: rgba(255, 255, 255, 0.5); display: flex;justify-content: center;align-items: center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video{position: fixed;top:-100%;left:71%;margin-top:-250px;margin-left:-575px;transition:600ms ease;z-index:999;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;}
.video_x1{}

@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%{-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);}
}

.video_box{width:100%;height:0;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;height:100%;}
.video{position: fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}

@keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
		        box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
		        box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
	}
}


/*char*/
.char_con {    width: 100%; background: #fff;padding: 70px!important;box-shadow: 0 0 20px #ddd;    margin: 0 auto;    margin-bottom: 80px;}
.suc_btn { margin-top: 30px;}
/*案例*/
.gy{/* margin: 0 100px; */width: calc(100% - 0);/* max-width: 1720px; *//* min-width: 1200px; */}
@media screen and (max-width: 1760px){
.gy{margin: 0 50px;width:calc(100% - 100px);}
}
@media screen and (max-width: 1300px){
.gy{margin: 0 10px;width:calc(100% - 20px);}
}
.yiy_img{overflow:hidden;position:relative;/* margin: 60px 0; */}
.yiy_img .divdgweb_new_div_item_title a{display:block;font-size:18px;position:relative;font-weight:bold;color:#333;text-align: center;font-weight:100;}
.yiy_img .divdgweb_new_div_item_body{height: 0px;color:#666;font-size:14px;line-height: 26px;padding:16px 0 0;overflow:hidden; font-weight:100;}
.yiy_img .tempWrap,.yiy_img .divdgweb_new_div{overflow:inherit !important;width: 100% !important;}
.yiy_img .divdgweb_new_div{display:flex;position:absolute;top:0;left:0;width: 100% !important;overflow: unset !important;}
.yiy_img .divdgweb_new_div_item {display: flex;flex-direction: column-reverse;width: 421px;background: #fff;margin-right:12px;transition:all .5s;overflow:hidden;width: 33% !important;flex-shrink: 0;}
.yiy_img .divdgweb_new_div_item:hover{transform: translateY(-10px);}
.yiy_img .divdgweb_new_div_item .news_div_item_pic,.yiy_img .divdgweb_new_div_item .news_div_item_pic img{width:100%;}
.yiy_img .divdgweb_new_div_item .news_div_item_pic a{display:block;position: relative;}
.yiy_img .divdgweb_new_div_item .news_div_item_pic a:after {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;transition:all .5s;}
.yiy_img .divdgweb_new_div_item:hover .news_div_item_pic a:after{opacity: 0;}
.yiy_img .divdgweb_new_div_item img {width: 100%;height:auto;}
.yiy_img .divdgweb_new_div_item_content{position: relative;padding:32px 32px 97px 32px;transition:all .5s;height:124px;}
.yiy_img .divdgweb_new_div_item_title a:after {position: absolute;content: '查看详情';width: 120px;height: 34px;border-radius: 17px;background: #333;font-size: 14px;color: #fff;bottom: -12px;left: 50%;margin-left: -58px;font-family: "Microsoft YaHei";text-align: center;line-height: 34px;transition: all .3s;}
.yy_cate table tr.on{background: #e59f62;}
.yiy_img .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a:after{background: #ff0000;color:#fff;}
.suc_btn ul {display: flex;justify-content: center;}
.suc_btn ul li {font-size: 0;height: 16px;width: 16px;border-radius: 100%;background:#acacac;margin-right: 12px;}

/*index*/
.index_main .section7 {background: url(../uploadfile/image/20210922/20210922104050_1137592559.jpg) no-repeat center;position: relative;}
.index_main .section7 .circle_main {position: absolute; top: 0;left: 0;right: 0;bottom: 0;
z-index: 1; overflow: hidden;}
.index_main .section7 .circle_main span {position: absolute;}
.index_main .section7 .circle_main span img {display: block;width: 100%;}
.index_main .section7 .bg_main {width: 44.5vw;position: absolute;top: 3.125vw; right: 3.125vw;bottom: 3.125vw;z-index: 2;}
.index_main .section7 .bg_main .item {width: 100%;height: 100%;position: absolute;top: 0;
left: 0;background-position: center;background-repeat: no-repeat;background-size: cover;
z-index: 1;opacity: 0;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.index_main .section7 .bg_main .item.active {opacity: 1;}
.index_main .section7 .bg_main:after {content: '';position: absolute;top: 0;left: 0;right: 0;
bottom: 0;opacity: .85;z-index: 2;}
.index_main .section7 .txt_main {padding: 7vw 0 5vw;position: relative;z-index: 3;}
.index_main .section7 .txt_main .label {position: absolute;right: 0;top: 50%;
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align: right;}
.index_main .section7 .txt_main .label span {display: block;font-size: 22px;line-height: 3;color: #fff;position: relative;opacity: 0.7;cursor: pointer;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.index_main .section7 .txt_main .label span:before {content: '';width: 0;height: 0;display: inline-block;vertical-align: middle;margin-right: 20px;border-top: 5px solid transparent;
border-bottom: 5px solid transparent; border-right: 7px solid #fff;opacity: 0;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.index_main .section7 .txt_main .label span.active {opacity: 1;}
.index_main .section7 .txt_main .label span.active:before {opacity: 1;}
.index_main .section7 .txt_main .cont { width: 50%;}
.index_main .section7 .txt_main .index_title {text-align: left;}
.index_main .section7 .txt_main .index_title:after {margin-left: 0;}
.index_main .section7 .txt_main .box {position: relative;margin-top: 6vw;padding-left: 4.5vw;}
.index_main .section7 .txt_main .progress {position: absolute;top: 0;left: 0;height: 470px;padding: 35px 0;}
.index_main .section7 .txt_main .progress .line {width: 1px;height: 100%;background: rgba(51, 51, 51, 0.2);margin-left: 7px;position: relative;}
.index_main .section7 .txt_main .progress .line .pro {position: absolute;top: 0;left: 0;right: 0;background-color: #ff0000;-webkit-transition: height 0.3s ease;-moz-transition: height 0.3s ease;-ms-transition: height 0.3s ease;transition: height 0.3s ease;}
.index_main .section7 .txt_main .progress span {font-size: 14px;line-height: 16px;/* color: #fff; */position: absolute;left: 0;font-family: 'DIN';-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.index_main .section7 .txt_main .progress span.curr {top: 0;}
.index_main .section7 .txt_main .progress span.total {bottom: 0;}
.index_main .section7 .txt_main .items .item {/* color: #fff; */display: none;height: auto !important;}
.index_main .section7 .txt_main .items .item h3 {font-size: 24px;position: relative;opacity: 0;-webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;-moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;-ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.index_main .section7 .txt_main .items .item .desc {font-size: 16px;line-height: 24px;
margin: 3vw 0;position: relative;opacity: 0;-webkit-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-moz-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-ms-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.index_main .section7 .txt_main .items .item .desc span {display: block;font-weight: bold;}
.index_main .section7 .txt_main a {display: block;width: 200px;border: 1px solid #333;font-size: 18px;line-height: 46px;/* color: #fff; */text-align: center;margin-top: 40px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.index_main .section7 .txt_main a:hover {border-color:#ff0000;background: #ff0000;color: #fff;}
.index_main .section7 .txt_main .btns {margin-top: 10vw;font-size: 0;text-align: center;}
.index_main .section7 .txt_main .btns .btn {display: inline-block; vertical-align: top;
width: 90px;height: 90px;background-position: center;background-repeat: no-repeat;
border-radius: 50%;margin: 0 70px;border: 2px solid transparent;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;
transition: all 0.3s ease;}
.index_main .section7 .txt_main .btns .btn.prev {background-image: url("../uploadfile/image/20210922/20210922104641_1677920242.png");}
.index_main .section7 .txt_main .btns .btn.next {background-image: url("../uploadfile/image/20210922/20210922104641_141824712.png");}
.index_main .section7 .txt_main .btns .btn:hover {border-color: rgba(255, 255, 255, 0.2);}
.product_main .section7 {padding: 4.5vw 0 7vw;}
.product_main .section7 .cont {margin-top: 50px;padding: 90px 0;}
.product_main .section7 .main {width: 538px;height: 538px; margin: 0 auto;position: relative;}
.product_main .section7 .circle {width: 100%;height: 100%;position: relative;}
.about_main .section7 .img_block span {font-size: 20px;left: 20px;bottom: 20px;right: 20px;}
.index_title.white h3, .index_title.white p {/* color: #fff; */}
.index_main .section7 .txt_main .index_title { text-align: left;}
.index_main .section7 .txt_main .cont { width: 50%;}
.wrapper {width: 86%;max-width: 1400px;margin: 0 auto;position: relative;}
.index_title h3 {font-size: 46px;line-height: 1;color: #333333;}
.index_title p {font-size: 18px;line-height: 1;color: #808080;margin-top: 20px;}
.index_title.white h3, .index_title.white p {/* color: #fff; */}
.index_main .section7 .txt_main .items .item {/* color: #fff; */display: none;}
.index_main .section7 .txt_main .items .item h3 {font-size: 24px;position: relative;opacity: 0;-webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;-moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;-ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;font-weight:  bold;}
.index_main .section7 .txt_main .items .item .desc {font-size: 15px;line-height: 24px;margin: 3vw 0;position: relative;opacity: 0;-webkit-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-moz-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-ms-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.index_main .section7 .txt_main .items .item .desc span {display: block;font-weight: 100; font-size: 16px; line-height: 32px;}
@-webkit-keyframes o-upfade-top {
  0% {opacity: 0;top: 50px;
  }
  100% {opacity: 1;top: 0;
  }
}
@keyframes o-upfade-top {
  0% {opacity: 0; top: 50px;
  }
  100% {opacity: 1;top: 0;
  }
}

/*pro*/
.prod {padding: 80px 0;overflow: hidden;}
.pro_box {margin: 0 auto;}
.pro_top {display: flex;justify-content: space-between; align-items: center;}
.pro_l {display: flex;flex-direction: column;width: 20%;}
.pro_l p {font-size: 34px;}
.pro_l p b {}
.pro_l em {font-size: 15px;line-height: 24px;color: #999;padding-top: 10px;}
.pro_r {    margin-top: 50px;}
.pro_nav {width: 18%;}
.pro_nav ul {    display: flex;justify-content: space-between;}
.pro_nav li {}
.pro_nav li a {font-size: 16px;color: #999;}
.pro_con {overflow: hidden;display: flex;}
.pro_call {    flex-shrink: 0; transition: 0.5s;width: 100%;}
.pro_call .tempWrap { width: 100% !important; }
.pro_call ul {display: flex;justify-content: space-between;    width: 100% !important; overflow: unset !important;}
.pro_call ul li { width: 32% !important;background: #eee;display: flex; flex-direction: column;justify-content: center;align-items: center;flex-shrink: 0;    margin-right: 26px;padding: 34px;}
.pro_call ul li a img {width: 100%;height: auto;}
.pro_call ul li br { display: none;}
.pro_call ul li span { margin-top: 60px;}
.pro_call ul li span a { font-size: 20px;line-height: 20px;}
.pro_after {display: flex;justify-content: center;margin-top: 50px;}
.pro_after ul {display: flex;    width: 3%;justify-content: space-between;}
.pro_after li {width: 15px;height: 15px;border-radius: 50%;background: #333333;transition: 0.5s;}
.pro_after li:hover,.pro_after li.on {background: #ff0000;}

/*appli*/
.appli {padding: 0px 0 0px;/* overflow: hidden; */}
.appli_box {margin: 0 auto;}
.appli_tit {text-align: center;}
.appli_tit span {font-size: 42px;line-height: 45px;background-position-y: 20px;display:  inline-block;/* height: 70px; */}
.appli_tit p {font-size: 18px;color: #999;line-height:  20px;padding-top: 20px;}
.appli_call {margin-top:80px;}
.appli_call tr{ display: flex;justify-content: space-between;    margin-bottom: 12px;}
.appli_call td{width:19%;display: inline-table;overflow:hidden;position:relative;height:100%;box-sizing: border-box;    border: 1px solid #eee;}
.appli_call td>a{display: block;}
.appli_call td>a>img{width:100%;height:auto;}
.appli_call td+td{}
.appli_call td>div{width:100%;height:100%;background: rgba(255,0,0,0.9);;position:absolute;top:0;left:0;transform-origin: center;transform: rotateX(90deg);transition: 600ms;}
.appli_call td>div>a{display:block;font-size:16px;color:#fff;display: flex;align-items: center;justify-content: center;height: 100%;}
.appli_call td:hover div{transform: rotateX(0deg);transition: 600ms;}
.appli_call td br{display: none;}
@media screen and (max-width:999px) and (min-width:800px) {
    .box1 {max-width:990px;}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
    .box1 {max-width:1070px;}
}
@media screen and (max-width:1299px) and (min-width:1100px) {
    .box1 {max-width:1280px;padding: 0 3%;}
 .news_div_item_content {padding:0 3%;}
.news_div_item_date {    top: 16px; left: 20%;}
.news_bottom .news_div_item_date {right:20%;}


}
@media screen and (max-width:1499px) and (min-width:1300px) {
    .box1 {max-width:1490px;padding:0 3%;}
 .news_div_item_content {padding:0 3%;}
.news_div_item_date {    top: 27px; left: 20%;}
.news_bottom .news_div_item_date {right:20%;}


}

@media screen and (max-width:1810px) and (min-width:1500px) {
   .news_div_item_content {padding:0 3%;}
.news_div_item_date {top:40px;}
}
@media screen and (max-width:1920px) and (min-width:1500px) {
    .box1 {max-width:1400px;}
}

/*news*/
.news {padding: 80px 0;overflow: hidden;}
.news_tit {text-align: center;}
.news_tit span {font-size: 42px;line-height: 45px;background-position-y: 20px;display:  inline-block;/* height: 70px; */}
.news_tit p {font-size: 18px;color: #999;line-height:  20px;padding-top: 20px;}
.index_news{padding: 80px 0 0;overflow: hidden;}
.news_box {margin: 0 auto;}
.index_news_row1 strong {display: block;margin: 0 auto;text-align: center;line-height: 50px;
font-size: calc(1.3rem + 1vw);font-weight: normal;color: #fff;}
.index_news_row1 p {display: block;text-align: center;font-size: 16px;line-height: 35px;
color: #888;}
.index_news_row1 strong .color{color:#ff0000;font-size: inherit;font-weight: bold;}
.index_news_row1 {padding: 0 0 30px;}
.news_row2{background: #fff;height: 480px;width: 100%;position: relative;border-radius: 10px;overflow: hidden;transform: rotate(0deg);    margin-top: 80px;}
.news_row2_in{width: 100%;height: 100%;position: relative;display: flex;justify-content: space-between;    margin: 0 auto;}
.news_row2_in_fl{background: #f5f5f5;/* position: absolute; *//* left: 0; *//* top: 0; */width: 23%;height: 100%;}
.news_row2_in_fl ul li {height: 160px;position: relative;width: 100%;overflow: hidden;}
.news_row2_in_fl ul li a {font-size: 22px;display: block;line-height: 30px;padding: 55px 55px 55px 120px;position: relative;}
.news_row2_in_fl ul li a .small {display: block;font-size: 13px; color: #aaa;line-height: 20px;}
.news_row2_in_fl ul li a:after {content: '';display: block;clear: both;width: 100%;height: 1px; background: rgba(0,0,0,0.06);position: absolute;left: 0;bottom: 0;}
.news_row2_in_fl ul li a i{width: 80px;height: 80px;display: block;position: absolute;left: 30px;top: 50%;margin-top: -40px;transition: 0.3s all ease;}
.news_row2_in_fl ul li a i{background: url(../uploadfile/image/20210923/20210923150140_1568810306.png) no-repeat center 0}
.news_row2_in_fl ul li:nth-child(2) a i{background-image:url(../uploadfile/image/20210923/20210923150140_445723745.png)}
.news_row2_in_fl ul li:nth-child(3) a i{background-image:url(../uploadfile/image/20210923/20210923150140_158273524.png)}
.news_row2_in_fl ul li:hover a i,.news_row2_in_fl ul li.on a i{background-position-y:-120px}
.news_row2_in_fl ul li:hover a,.news_row2_in_fl ul li.on a{color: #fff;}
.news_row2_in_fl ul li:hover a .small,.news_row2_in_fl ul li.on a .small{color: #fff;opacity: 0.65;}
.news_row2_in_fl ul li:before{content: '';position: absolute;left: 0;top:0;background: #83bb95;background: -moz-linear-gradient(left, #ff0000 0%, #ff0000 100%);background: -webkit-linear-gradient(left, #ff0000 0%,#ff0000 100%);background: linear-gradient(to right, #ff0000 0%,#ff0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83bb95', endColorstr='#ff0000',GradientType=1 );width: 100%; height: 100%;z-index: 0;transition: 0.3s all ease;transform: scaleX(0);}
.news_row2_in_fl ul li.on:before,.news_row2_in_fl ul li:hover:before{left:0;transform: scaleX(1);}
.news_row2_in_fr {width: 100%;height: 100%;overflow: hidden;display: flex;}
.news_row2_item {display: block;float: left;width: 47%;padding: 70px 0;position: relative}
.news_row2_item_big {width: 100%;display: block;border-bottom: 1px solid #eee;}
.news_row2_item_big > i{position: relative;display: block;background: #f5f5f5;width: 42.66%;
float: right;height: 250px;box-sizing: border-box;transition: 0.3s all ease;}
.news_row2_item_big > i:hover{background: #ff0000;}
.news_row2_item_big:hover > i{padding:10px;}
.news_row2_item_big img {transition:0.3s all ease;width: 100%;height: 100%;}
.news_row2_item_big:after {clear: both;display: block; content: '';}
.news_row2_item_big p {float: left;width:55.556%;padding: 10px 40px 20px 0px;color: #888;
font-weight: lighter;font-size: 13px;line-height: 24px;height: 135px;}
.news_row2_item_big span {color: #ccc;font-size: 13px;display: block;float: left;
padding: 0 0px 0 20px;background: url(../uploadfile/image/20210923/20210923150307_1208015280.png) no-repeat left center;line-height: 20px;position: absolute;bottom: 55%; left: 0;}
.news_row2_item_big:hover span{background:url(../uploadfile/image/20210923/20210923150416_562142592.png) no-repeat left center;color: #666;}
.news_row2_item_big:hover p strong,.news_row2_item:hover p strong {color:#ff0000;}
.news_row2_item_big p strong {display: block;line-height: 50px;font-weight: normal;font-size: 20px;color: #343434;padding-bottom: 10px;}
.news_row2_box:after {content: '';display: block;clear: both;}
.news_row2_box {transition: 0.5s;flex-shrink: 0;width:100%;overflow: hidden;position: relative;}
.news_row2_item p {display: block;color: #999;font-size: 13px; line-height: 22px;height: 75px; overflow: hidden;float: left;width: 70%;font-weight: lighter;}
.news_row2_item p strong {display: block;font-size: 16px;font-weight: normal;color: #666;
line-height: 35px;}
.news_row2_item:last-child{margin-left: 6%;}
.news_row2_item:before{content: '';background: url(../uploadfile/image/20210923/20210923150903_1937622080.png) repeat-x center bottom;width: 100%;height: 30px;display: block;bottom: 0;left: 0;
 position: absolute;}
.news_row2_item span {display: block;font-size: 14px; color: #ccc;text-align: center;
float: right; width: 60px;line-height: 20px; padding: 20px 0 10px;}
.news_row2_item span i { display: block;font-style: normal; text-align: center;font-size: 32px;color: #ccc;line-height: 40px;}
.news_row2_item span em,.news_row2_item_big span em{color:inherit; float: left;font-style: normal;}
.news_row2_item:hover span,.news_row2_item:hover span i{color: #ff0000;}

/*copy*/
.copy {width: 100%;padding: 80px 0 40px;overflow: hidden;background: #f0f0f0;}
.copy_box {margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.copy_box:after {content:'';width: 100%;height: 1px;background: #e6e6e6;position: absolute;top:70%;left: 0;}
.copy_logo {}
.copy_nav {width: 65%;margin-top: 40px;}
.copy_nav ul {display: flex;justify-content:  space-between;}
.copy_nav li {border-right: 2px solid #6f6f6f;padding-right: 50px;}
.copy_nav li:last-child {border-right:none;}
.copy_nav li a {font-size: 16px;color: #666;line-height: 20px;}
.copy_int {font-size: 15px;color: #666;line-height: 20px;margin-top: 30px;}
.con {    font-size: 15px;color: #666;line-height: 30px;width: 38%;text-align: center;margin-top: 80px;}
.con a {  font-size: 15px;}


.mor_video {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    border: 10px #304e8a solid;
    padding: 60px;
    border-radius: 60px;
    background: #fff;
margin-top:80px;
}