body{ font-family:Arial,"Microsoft YaHei",sans-serif; color:#333;background:#f5f5f5; padding: 0; margin:0 auto; font-size: .3rem;}
html,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,ul,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;list-style:none; }
input,select,textarea{color:#b3b3b3;font-family: "helvetica" , "Microsoft YaHei",sans-serif;outline:0; outline:none;/*-webkit-tap-highlight-color:rgba(0,0,0,0);*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;/*-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent*/}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button{outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;}  
input:focus,select:focus,textarea:focus{color:#333} 
input.false:focus{border:2px solid #ff1531;background:#fff}
input[type="button"],input[type="email"],input[type="text"],input[type="submit"],input[type="reset"],button[type="button"],button:focus{ cursor:pointer; -webkit-appearance: none; -moz-appearance:none; -webkit-appearance:none; appearance:none;/*-webkit-tap-highlight-color: rgba(0,0,0,0.0);*/ }
textarea{resize:none;}
a,input{outline:none}
input:focus {outline: none; } 
img{max-width: 100%;display: block;margin: auto;}
a:hover,a:link,a:visited {color:#666;  text-decoration:none;}
.color-blue,a.color-blue:link,a.color-blue:visited{color:#32609e;text-decoration:none}
a.color-blue:hover{text-decoration:none;color:#32609e}
.color-gray,a.color-gray:link,a.color-gray:visited{color:#999;text-decoration:none}
a.color-gray:hover{text-decoration:none;color:#999}
.color-icon,a.color-icon:link,a.color-icon:visited{color:#bbb;text-decoration:none}
a.color-icon:hover{text-decoration:none;color:#bbb}
.color-chonge,a.color-chonge:link,a.color-chonge:visited{color:#ff5c2b;text-decoration:none}
a.color-chonge:hover{text-decoration:none;color:#ff5c2b}
.cor-fff,a.cor-fff{text-decoration:none;color:#fff}
a.bg-blue,.bg-blue{background: #32609e; color: #fff;}a.bg-chonge,.bg-chonge{background: #ff5c2b; color: #fff;}
.button{height: 1rem; line-height: 1rem;  text-align: center; width: 100%; border:0; background-color: #007dfd; color: #fff; font-size: .35rem;}
a.button{color: #fff;}
.button-chonge,a.button-chonge{background-color: #ff6600;}
.button-while,a.button-while{background-color: #fff; color: #555; position: relative;}
.button-while:before{content: "";border:1px solid #eee; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.hide{display: none;}
.button[disabled=disabled]{background-color: #eee;}
.fl{float: left;}
.fr{float:right;}
.clear{ clear: both;zoom:1;}
.clear:after{display:block;content:"";height:0;clear:both;overflow:hidden;visibility:hidden}
.tc{text-align:center}.tr{text-align:right}select.tr{direction: rtl;}.tl{text-align:left}
/*flex*/
.flex{ display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:center; justify-content:space-between;}
.flexitem{min-width:1px;-webkit-box-flex: 1;  -moz-box-flex: 1;-webkit-flex: 1; -ms-flex: 1;  flex: 1; }
.flex.center{align-items:center ;}
.flex.flex-wrap{flex-wrap:wrap;}
.flex-top{align-items:flex-start !important;}
.flex-center{justify-content:center !important;}
.flex.flex-left{justify-content: flex-start !important;}



.page-container{max-width: 1600px; padding-left: 50px; padding-right: 50px; margin: auto;}
/*head */
.hraders{position: fixed; font-family:'PuHuiTiLight'; z-index: 99; left: 0; right: 0; background-color: rgba(0,0,0,0);transition:all .5s ease;}
.hraders.active{background-color: rgba(0,0,0,.8);}
.hraders,.hraders a{color: #FFFFFF;}
.hraders .logo{width: 145px; height: .8rem;  margin-right: 50px; }
.hraders .logo img{max-height: 100%; margin: 0;}
.hraders .nav{flex: 1;}
.hraders .nav_list{display: flex;}
.hraders .nav_list .item{position: relative;}
.hraders .nav_list .text{display: block; padding: .4rem 0; font-family: 'PuHuiTiMedium'; margin:0 1rem; font-size: .34rem;}
.hraders .nav_list .item >ul{ display: none;  overflow: hidden; }
.hraders .nav_list .item:hover .text,.hraders .nav_list .item.active .text{color: #008cff;}
@media all and (max-width: 1280px) {
.hraders .logo{margin-right: .6rem;}
.hraders .nav_list .text{margin:0 .9rem;}
}
/*
.hraders .nav_list .item:hover >ul{ height: auto; opacity: 1; transform: translateY(0);}
*/
.hraders .nav_list .product_childen{ position: absolute; top: 1.24rem; font-family: 'PuHuiTiLight';  padding:.4rem; background-color:rgba(255,255,255,.8); }
.hraders .nav_list .product_childen dl{display: flex;}
.hraders .nav_list .product_childen li+li{margin-top: .1rem;}
.hraders .nav_list .product_childen dl dt{width: 3rem;font-weight: bold;  display: flex; align-items: center; justify-content: center; text-align: center; font-size: .36rem; background-color: #fff; color:#0566db ;}
.hraders .nav_list .product_childen dl dd{width: 3rem; height: 2rem; margin-left: .1rem; text-align: center; background-color:#EEEEEE; }
.hraders .nav_list .product_childen dl dd a{display: flex; align-items: center; height: 100%; }
.hraders .nav_list .product_childen dl dd div{width: 1.4rem;font-weight: bold;  height: 1.4rem; margin:0 auto .1rem; }
.hraders .nav_list .product_childen dl dd h4{font-weight:600;  font-size: .28rem;color: #000;  flex: 1; word-break: break-all;}
.hraders .nav_list .product_childen dl dd:hover{background-color: #0566db; color: #FFFFFF;}
.hraders .nav_list .product_childen dl dd:hover h4{color: #FFFFFF;}

.hraders .meun_about{position: absolute; left: 0; right: 0; top: 1.24rem; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color:rgba(255,255,255,.9); }
.hraders .meun_about li+li{border-top: 1px solid #DDDDDD;}
.hraders .meun_about a{display: block; padding: .3rem; color: #000000; text-align: center; font-family: 'PuHuiTiMedium'; }

.hraders .lang { position: relative;}
.hraders .lang div{padding:.1rem .4rem .1rem .6rem;line-height: .4rem; font-size::.24rem; color: #008cff; background-image: url(../image/lang_icon.png); background-repeat: no-repeat; background-position: left center;}
.hraders .lang div::after{content: ""; position:absolute; right: 0; top:43%; border:5px solid transparent; border-top-color: #008cff; border-bottom: 0;}
.hraders .lang ul{display: none; position: absolute; left: 0; right: 0; top:.59rem; background-color: #007AFF; }
.hraders .lang ul a{display: block; padding:.1rem 0; text-align:center;}
.hraders .lang.active ul{display: block;}
.footer{background-color: #141414;}
.footer-main .page-container{display: flex; padding-top: 20px; padding-bottom: 20px;}
.footer-dl dt{font-size: 20px; margin-bottom: 15px; color: #FFFFFF;}
.footer-dl+.footer-dl{margin-top:.2rem;}
.footer-contact{flex: 1;}
.footer-contact dd{font-size: 16px; margin-top: 5px; line-height: 28px; color: rgba(255,255,255,.5);}
.footer-code dt{margin-top: 10px;text-align: center; font-size: .32rem; }
.footer-code dt .icon{width:.6rem; height: .5rem; vertical-align: middle; margin-right: .2rem; display: inline-block; background-image: url(../image/we_icon.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.footer-code dd div{width: 120px;}
.footer-copyright{text-align:center; padding:15px; border-top: 1px solid rgba(255,255,255,.15);}
.footer-copyright img{display: inline-block; vertical-align: middle; margin-top: -3px; margin: 0 10px;}
.footer-copyright,.footer-copyright a{color: rgba(255,255,255,.5); }

.section{background-repeat: no-repeat; background-size: cover; color: #FFFFFF; overflow: hidden; position: relative;}
.section .page-container{height: 100%; overflow: hidden; background-position: 200% 200%; background-repeat: no-repeat;}
.section .text .h2{font-size: 1.4rem;  opacity: 0; transform: translateY(-100px); transition:all 1s ease;}
.section .text .h3{font-size: 1.2rem; opacity: 0; transform: translateX(50px); transition:all 1s ease;}
.section .text .tlist{white-space: pre-wrap; margin-top:.6rem;line-height: .9rem; font-size: .6rem; opacity: 0.8; font-weight: 500; opacity: 0; transform: translateY(50px); transition:all 1s ease 0.4s;}
.section:nth-child(2n+2){text-align: right; }
.section:nth-child(2n+2) .h3{transform: translateX(-100px); transition:all 1s ease;}
.section.current .text .h2{opacity: 1; transform: translateY(0); }
.section.current .text .h3{opacity: 1; transform: translateX(0); }
.section.current .text .tlist{opacity: 1; transform: translateY(0); }
.section .footer-copyright{position: absolute;left: 0; right: 0; bottom: 0; z-index: 999;}
.home-footer .home-cou {height:calc(100vh - 270px); display: flex; align-items:flex-end; justify-content: center; box-sizing:border-box; background-color: #000000; text-align: center; background-image:url(../image/home_footer_bg.png); background-size:cover; background-position: center; }
.home-footer .home-cou .home-cou-main{height:100%; padding-top: 1rem; overflow: hidden; background-position: 200% 200%; background-repeat: no-repeat;}
.home-footer .home-cou .titles{font-size: 1.4rem; font-weight: bold; letter-spacing: 5px; opacity: 0; transform: translateY(-100px); transition:all 1s ease;}
.home-footer .home-cou .infot{font-size: 1.2rem; font-weight: bold; letter-spacing: 5px; opacity: 0; transform: translateX(50px); transition:all 1s ease;}
.home-footer .home-cou .inlist{white-space: pre-wrap; margin-top:.6rem;line-height: .9rem; font-size: .6rem; opacity: 0.8; text-transform: uppercase; font-weight: 500; opacity: 0; transform: translateY(50px); transition:all 1s ease 0.4s;}
.home-footer.current .home-cou .titles{opacity: 1; transform: translateY(0); }
.home-footer.current .home-cou .infot{opacity: 1; transform: translateX(0); }
.home-footer.current .home-cou .inlist{opacity: 1; transform: translateY(0); }

/*  --   */
.pageswiper{ position: fixed;z-index: 1; left: 0; top: 0; height: 100vh; width: 100%; overflow: hidden; background-color: #000000;}
.pageswiper .pageswiper-pagination{position: absolute; bottom: 60px !important; left: 0; right: 0; z-index: 99; text-align: center;}
.pageswiper .pageswiper-pagination .swiper-pagination-bullet{ background-color:rgba(255,255,255,.5);}
.pageswiper .footer-copyright{position: absolute;left: 0; right: 0; bottom: 0; z-index: 999;}
.pageswiper  .video{width: 100%; height: 100%;}
.pageswiper .palybtn{margin-top: .5rem; opacity: 0; transform: translateY(100px); transition:all 1s ease 1s;}
.pageswiper .palybtn img{display: inline-block;}
.pageswiper .video-slide .palybtn{position:absolute; margin-top: 0; cursor: pointer; width: 60px; height: 50px; left:calc(50% - 30px);  bottom: 50%; z-index: 99;}
.pageswiper .swiper-slide-active .text .h2{opacity: 1; transform: translateY(0); }
.pageswiper .swiper-slide-active .text .h3{opacity: 1; transform: translateX(0); }
.pageswiper .swiper-slide-active .text .tlist{opacity: 1; transform: translateY(0); }
.pageswiper .swiper-slide-active .text .tlist{opacity: 1; transform: translateY(0); }
.pageswiper .swiper-slide-active .palybtn{opacity: 1; transform: translateY(0); }

.banner{height:10rem; width: 100%; overflow: hidden; color: #FFFFFF; position: relative; background-color: #000000; background-image: url(../image/banner_bg.png); background-repeat: no-repeat; background-size: cover;}
.banner .page-container{height: 100%; display: flex; align-items: center;}
.banner .txt{width: 60%;}
.banner .txt .h2{font-size: 1.2rem; letter-spacing: 5px; margin-bottom: 15px;animation-delay: 0.5s;}
.banner .txt .h4{line-height: .6rem; color: rgba(255,255,255,.8); font-weight: 500; font-size: 22px; animation-delay: 0.5s;}
.banner .s1,.banner .s2,.banner .g1,.banner .g2{position: absolute;}
.banner .s1 img,.banner .s2 img,.banner .g1 img,.banner .g2 img{width: 100%;}
.banner .s1{bottom: 0;right:6rem; width:8.1rem; z-index: 1; animation:s1 1S ease; /*transition:all 1s ease;*/}
.banner .s2{right:0rem; top:.1rem; width:5.8rem; z-index: 2;animation:s2 1S ease; /*transition:all 1s ease;*/}
.banner .g1{ right:1rem; top:.6rem; width:10rem; z-index: 0; animation:g1 2s ease;}
.banner .g2{ right:5.2rem; top: 4.8rem;  width: 1.4rem; z-index: 4; animation:g2 3S ease .3s;  animation-fill-mode:backwards;}

@keyframes g1 {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes g2 {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes s1 {
  from {opacity: 0;right:10rem;}
  to {opacity: 1; right:6rem;}
}
@keyframes s2 {
  from {opacity: 0;right:-3rem;}
  to {opacity: 1; right:0rem;}
}
.paging{margin:.6rem;}
.paging .pagination{display: flex; justify-content: center; }
.paging .pagination li {margin:0 .05rem;}
.paging .pagination li span,.paging .pagination li a{display: block; background-color: #FFFFFF; line-height: .8rem; padding: 0 .4rem; border: 1px solid #FFFFFF;}
.paging .pagination li.disabled span{background-color: #ddd;}
.paging .pagination li.active span{background-color:#0566db; color: #FFFFFF;}
.por_cat{ background-color: #FFFFFF; border-bottom: 1px solid #e3e3e3;  padding: .6rem 0 .8rem;}
.por_cat .group{display: flex;}
.por_cat .group .item{flex: 1; position: relative; z-index: 1; }
.por_cat .group .item+.item{margin-left: .4rem;}
.por_cat .group .item div{ background-color:#FFFFFF; text-align: center; border: 1px solid #DDDDDD; line-height: 1.2rem; font-size: .4rem;}
.por_cat .group .item div .icon{ display:inline-block; vertical-align: middle; width:.6rem; height:.6rem;  background-size: contain; margin-top: -2px; margin-right: .2rem;}
.por_cat .group .item div .icon1{background-image: url(../image/pro_cat_icon1_off.png);}
.por_cat .group .item div .icon2{background-image: url(../image/pro_cat_icon2_off.png);}
.por_cat .group .item div .icon3{background-image: url(../image/pro_cat_icon3_off.png);}
.por_cat .group .item ul{position: absolute; z-index:9; display: none; top: 1.2rem; left: 0; right: 0;text-align: center; background-color: #fff; box-shadow:0 5px 10px rgba(0,0,0,.3);}
.por_cat .group .item ul li a{display: block; padding: .4rem;  color: #333333;}
.por_cat .group .item ul li a:hover{color: #0566db;}
.por_cat .group .item ul li+li{border-top: 1px solid rgba(0,0,0,.1);}
.por_cat .group .item:hover,.por_cat .group .item.active{z-index: 1;}
.por_cat .group .item:hover div,.por_cat .group .item.active div{background-color: #0566db; color: #FFFFFF; border-color: #0566db;}
.por_cat .group .item:hover div .icon1,.por_cat .group .item.active div .icon1{background-image: url(../image/pro_cat_icon1_on.png);}
.por_cat .group .item:hover div .icon2,.por_cat .group .item.active div .icon2{background-image: url(../image/pro_cat_icon2_on.png);}
.por_cat .group .item:hover div .icon3,.por_cat .group .item.active div .icon3{background-image: url(../image/pro_cat_icon3_on.png);}
/*.por_cat .group .item:hover ul{display: block;}*/
.pro-tab-content{display: none;}
.pro-tab-content:nth-child(1){display: block;}
.pro_solution .group{display: flex; justify-content: center;}
.pro_solution .group .item{width: 25%;}
.pro_solution .group .item-main{ cursor: pointer; background-color: #FFFFFF; margin:.2rem; text-align: center; padding-bottom: .8rem;}
.pro_solution .group .item-main .icon{display:block; margin: auto; height:3rem;}
.pro_solution .group .item-main .icon img{max-height: 100%;}
.pro_solution .group .item-main div{font-size: .4rem; margin-top: .4rem;}
.pro_solution .group .item .on{display: none;}
.pro_solution .group .item.active{color: #0566db;}
.pro_solution .group .item.active .off{display: none;}
.pro_solution .group .item.active .on{display:block;}

.pro_ad{ height: 100vh; overflow: hidden; background-color: #000000; background-repeat: no-repeat; background-size: cover; color: #FFFFFF;}
.pro_ad .pro_ad_main{height: 100%; display: flex; align-items: center;}
.pro_ad .text .h2{font-size: 1.4rem; color: #FFFFFF; letter-spacing: 5px; opacity: 0; transform: translateY(-100px); transition:all 1s ease;}
.pro_ad .text .h3{font-size: 1.2rem; color: #FFFFFF; letter-spacing: 5px; opacity: 0; transform: translateX(100px); transition:all 1s ease;}
.pro_ad .text .tlist{white-space: pre-wrap; color:rgba(255,255,255,.8); margin-top:.6rem;line-height: .9rem; font-size: .5rem; opacity: 0.8; text-transform: uppercase; font-weight: 500; opacity: 0; transform: translateY(50px); transition:all 1s ease 0.4s;}
.pro_ad.current .text .h2{opacity: 1; transform: translateY(0); }
.pro_ad.current .text .h3{opacity: 1; transform: translateX(0); }
.pro_ad.current .text .tlist{opacity: 1; transform: translateY(0); }
.pro_info{padding: 1rem 0; background-color: #FFFFFF;}
.pro_info .txt{float: left; width: 55%; }
.pro_info .txt h2{font-size: 1rem; margin-top:.2rem; margin-bottom: .5rem;}
.pro_info .txt div{font-size: .4rem; line-height: .65rem; color: #555;}
.pro_info .pic{float: right; width: 35%;}
.pro_box{padding-top:1rem; padding-bottom: 1rem;}
.pro_box .box_title{font-size: .8rem; color: #000000;  margin-bottom: .6rem; text-align: center;}
.pro_frame,.pro_application{background-color: #FFFFFF;}
.pro_frame_pc,.pro_application_pc{display: block;}
.pro_frame_mobile,.pro_application_mobile{display:none;}
.pro_params_list{background-color: #FFFFFF; display: flex;}
.pro_params_list .thead{ width:18%;font-weight: bold;}
.pro_params_list .tbody{ width: 82%; min-width: 0; overflow-x: auto;}
.pro_params_list .tbody .tbody-main{}
.pro_params_list .tbody .trs{float: left; width: 25%;}
.pro_params_list .td{ position: relative; display: flex; align-items: center; padding:.3rem .5rem; min-height: .4rem; border-right: 1px solid #DDDDDD; line-height: .4rem; border-bottom: 1px solid #ddd;}
.pro_params_list .td div{flex: 1; min-height: 0px;}
.pro_params_list .td .down-btn{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; padding:.3rem .5rem; color: #0566db; cursor: pointer;}
.pro_params_list .td .down-btn .icon{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 10px; width: 20px; height: 20px; background-image: url(../image/pro_file_btn_icon.png); background-size: contain;background-position: center; background-repeat: no-repeat;}
.pro_params_list .nextbtn{display: none;}
.pro_download .item{float: left; width: 50%;}
.pro_download .item-main{ cursor: pointer; display: flex; align-items: center; background-color: #FFFFFF;padding:.4rem; margin: .2rem;}
.pro_download .item-main .icon{width: 20px; height: 20px; background-image: url(../image/pro_file_icon.png); background-size: contain;background-position: center; background-repeat: no-repeat;}
.pro_download .item-main .name{flex: 1;margin:0 .3rem; font-size: .32rem;}
.pro_download .item-main .btn{width: 20px; height: 20px; background-image: url(../image/pro_file_btn_icon.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.pro_params+.pro_download,.pro_frame+.pro_application{padding-top: 0;}

.verify_mail{display: none; position: fixed; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5);}
.verify_mail_content{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.verify_container{ position: relative; background-color: #fff; width: 10rem; min-height: 6rem; border-radius: .2rem;}
.verify_mail .close-button{width: .3rem; height: .4rem; position: absolute; right: .3rem; top:.3rem;}
.verify_mail .close-button::before,.verify_mail .close-button::after
{content: ""; position: absolute; top:0; width: 2px; height:.3rem; background-color: #0566db;}
.verify_mail .close-button::before{ left:.15rem;  transform: skewX(45deg);}
.verify_mail .close-button::after{ left:.15rem;  transform: skewX(135deg);}
.verify_container .verify_title{ text-align: center; padding: .3rem; font-size: .36rem;}
.verify_container .form-item{display: flex;}
.verify_main{padding: .2rem .8rem .6rem;}
.verify_main .form-item {padding: .2rem 0; align-items: center;}
.verify_main .form-item .item-label{width: 100px;}
.verify_main .form-item .item-content{flex: 1; display: flex;}
.verify_main .int{width: 100%; flex: 1; padding: .3rem; border: 1px solid #ddd;}
.verify_main .button{width: 2.4rem; background-color:#0566db; color: #FFFFFF;}
.verify_main .form-submit{margin-top: .2rem;}
.verify_main .submit-button{width: 100%; background-color:#0566db; border: 0; padding: .3rem; font-size: .36rem; color: #FFFFFF;}

.paging{padding-bottom: 50px;}
.page-classify{margin-top: 50px; animation-delay:0.7s;}
.page-classify ul{display:flex;}
.page-classify .item{flex: 1; background-color: #FFFFFF; font-size:.36rem;}
.page-classify .item a{display: block;padding: .4rem; text-align: center;}
.page-classify .item.active{background-color: #0566db;}
.page-classify .item.active a{color: #FFFFFF;}

.page-apply,.page-news{padding-top: 1rem;}
.apply-list{margin-left:-10px; margin-right: -10px; animation-delay:0.8s;}
.apply-list .item{width: 50%; float: left;}
.apply-list .item .item-main{display: block; cursor:default; overflow: hidden; position: relative; margin: 10px; transform: translateY(0); transition:all 1s ease;}
.apply-list .item .item-media img{width: 100%; transform: scale(1,1); transition:all 1s ease;}
.apply-list .item-txt{ color: #FFFFFF; padding: .3rem 0; display: flex; align-items: center; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,.4);}
.apply-list .item-txt dt{font-size:.5rem; padding: 0 .5rem; border-right: 1px solid rgba(255,255,255,.5);}
.apply-list .item-txt dd{flex: 1; padding:0 20px; font-size: .3rem; }
.apply-list .item-main:hover{transform: translateY(-.1rem); box-shadow: 0 0 .2rem rgba(0,0,0,.6);}
.apply-list .item-main:hover img{transform: scale(1.1,1.1);}

.news-list{animation-delay:1s;}
.news-list .item{width: 33.33%; float: left;}
.news-list .item-main{display: block;  background-color: #FFFFFF; position: relative; margin:.2rem; transform: translateY(0); transition:all 1s ease;}
.news-list .item-main .istop{position: absolute; left: 0; top: 0; z-index: 1; padding:.1rem .2rem;  font-size:.2rem; color:#FFFFFF; background-color:#0566db;}
.news-list .item-media{height: 6rem; background-color: #000; overflow: hidden;}
.news-list .item-media .img{height: 100%;background-size:cover; background-position: center; background-repeat: no-repeat; transform: scale(1,1); transition:all 1s ease;}
.news-list .item-txt{padding:.3rem .3rem .4rem;}
.news-list .item-txt dt{font-size: .36rem; margin-bottom: .24rem; height: 1.2rem; color: #000000; line-height:.6rem;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news-list .item-txt dd{color: #999;}
.news-list .item-main:hover{transform: translateY(-.1rem); box-shadow: 0 0 .2rem rgba(0,0,0,.2);}
.news-list .item-main:hover .img{transform: scale(1.1,1.1);}
.layers{display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,.5);}
.layers .layers-content{width: 10rem; min-height: 4rem; position: relative; top: 30%; padding: 1rem; margin: auto; background-color: #FFFFFF; }
.layers .close{position: absolute; background-color:rgba(0,0,0,.8); border-radius: 100%; z-index:9; right:-1.2rem; top:-1.2rem; width:1.5rem; height:1.5rem;}
.layers .close::before,.layers .close::after{content: ""; position: absolute; top: .25rem; left: 50%; height: 1rem; width:.1rem; background-color: #FFFFFF;}
.layers .close::before{transform: rotate(-45deg);}
.layers .close::after{transform: rotate(45deg);}
.layers .layers-content .layers-title{font-size: .5rem; font-weight: bold; margin-bottom: .4rem;}
.layers .layers-content .layers-main{font-size: .36rem; line-height: .56rem; margin-bottom:1rem;}
.layers .layers-content .btns{background-color: #EEEEEE; color: #0566db; display: block;  text-align: center; line-height:1rem; font-size: .4rem;}
.layers .layers-video-content{width: 100%; height: 100%; z-index: 1; display: flex; justify-content: center; align-items: center; position: relative; }
.layers .layers-video-content .layers-video-dom{ position: relative;}
.layers .layers-video-content video{display: block; max-width: 100vw; max-height:80vh; }

.page-acticle{padding-top:50px; padding-bottom: 50px; animation-delay:0.5s;}
.page-acticle .content{background-color: #FFFFFF; padding: 30px;}
.page-acticle .article-head{border-bottom: 1px solid #e3e3e3; padding-bottom: .4rem; margin-bottom: .6rem;}
.page-acticle .article-head h2{font-size: .6rem; margin-bottom: .2rem;}
.page-acticle .article-head div{color: #999999;}
.page-acticle .article-body{ line-height: .5rem;}
.page-acticle .article-body video{width: 100% !important; height: auto!important; background-color: #000000;}
.page-acticle .article-video video{max-width: 100%; width: 100%;}
.page-acticle .article-body img{max-width: 100%!important; height: auto !important;}
.page-acticle .showpage{margin-top: .6rem;}
.page-acticle .showpage div{background-color: #F5F5F5; padding: .3rem;}
.page-acticle .showpage div+div{margin-top: .2rem;}
.about_content{padding-top: 80px; padding-bottom:80px; background-color: #FFFFFF;}
.about_content .txt{max-width:50%; float: left;}
.about_content .txt h2{font-size: 1rem; margin-bottom: .5rem; color: #0566db; animation:t2 .5S ease .6s; animation-fill-mode:backwards;}
.about_content .txt h4{font-size: .6rem; margin-bottom: .4rem; animation:t4 .5S ease .7s; animation-fill-mode:backwards;}
.about_content .txt p{line-height: .6rem; animation:tp 1s ease .7s; animation-fill-mode:backwards;}
.about_content .imgs{max-width:46%; float: right; animation-delay:0.8s;}
@keyframes t2 {
  from {opacity: 0;transform: translateY(-50px);}
  to {opacity: 1; transform: translateY(0);}
}
@keyframes t4 {
  from {opacity: 0;transform: translateX(100px);}
  to {opacity: 1; transform: translateX(0);}
}
@keyframes tp {
  from {opacity: 0;transform: translateY(100px);}
  to {opacity: 1; transform: translateY(0);}
}

.about_history {padding: 1.4rem 0; background-color:#f5f5f5;}
.about_history .title{font-size:.8rem;font-weight: 500; text-align: center;}
.about_history .main {padding: 5rem 0;}
.about_history .main .group{height: auto;}
.about_history .main .item{position: relative; float: left; width: 25%;}
.about_history .main .item::before{content: ""; position: absolute; z-index: 0; left:50%; top:1rem; height:2px; width:0%; background-color: #0566db; opacity: 0; transition:all 1s ease;}
.about_history .main .item:last-child::before{display: none;}
.about_history .main .item::after{content: ""; position: absolute; left: 47.8%; top: 2rem; border:.16rem solid transparent; border-top-color:#0566db; opacity: 0; transform: translateY(-1rem);transition:all 1s ease;}
.about_history .main .item .icon{width: 2rem; height: 2rem; position: relative; z-index: 1; margin: auto; opacity: 0; transform: translateY(-1rem);transition:all 1s ease; }
.about_history .main .item .icon img{width: 100%; height: 100%;}
.about_history .main .item .icon .i{ position: relative; top: .5rem; z-index:1; line-height: 1rem; color: #FFFFFF; font-weight: bold; font-size: .4rem; text-align: center; height: 1rem; margin: auto;}
.about_history .main .item .icon .o{ position: absolute; z-index:0; left: 0; top: 0; width:2rem; height: 2rem; background-image: url(../image/history_bg.png); background-repeat: no-repeat; background-size: cover;}
.about_history .main .item-content{position: absolute; left:0; right: 0; display: flex; justify-content: center; top:2.5rem; opacity: 0;  transform: translateY(1rem);transition:all 1s ease;}
.about_history .main .item-content dl{border-radius: .2rem; min-width: 40%; background-color: #FFFFFF;padding: .3rem .4rem;}
.about_history .main .item-content dt{font-size: .38rem; font-weight: bold; margin-bottom: .15rem; color: #0566db;}
.about_history .main .item-content dd{font-size: .26rem; white-space: pre-wrap; }
.about_history .main .item-content dd p{position: relative; padding: .05rem 0 ; padding-left:.2rem;}
.about_history .main .item-content dd p::before{content: ""; position: absolute; left: 0; top:.13rem; width: .12rem; height:.12rem; border-radius: 100%; background-color: #000000;}
.about_history .main .item:nth-child(2n+2) .item-content{top:initial; bottom: 2.6rem;}
.about_history .main .item:nth-child(2n+2)::after{top:initial; bottom: 2.1rem; border-top: 0; border-bottom-color:#0566db;}
.about_history .historys{position: relative; overflow: hidden;}
.about_history .historys .swiper-button-next,.about_history .historys .swiper-button-prev{width: 1rem;}
.about_history .historys .swiper-button-next:after, .about_history .historys .swiper-button-prev:after{font-size: 1.8rem; opacity: .5;} 

.about_history.active .item.active .icon,
.about_history.active .item.active .item-content,
.about_history.active .item.active::after
{opacity: 1;  transform: translateY(0);}
.about_history.active .item.active::before{opacity: 1; width:100%;}
.about_history.active .item.active:nth-child(2) .icon,
.about_history.active .item.active:nth-child(2) .item-content,
.about_history.active .item.active:nth-child(2)::after
{transition-delay:.3s;}
.about_history.active .item.active:nth-child(3) .icon,
.about_history.active .item.active:nth-child(3) .item-content,
.about_history.active .item.active:nth-child(3)::after
{transition-delay:.6s;}
.about_history.active .item.active:nth-child(4) .icon,
.about_history.active .item.active:nth-child(4) .item-content,
.about_history.active .item.active:nth-child(4)::after
{transition-delay:.9s;}
.about_history.active .item.active:nth-child(5) .icon,
.about_history.active .item.active:nth-child(5) .item-content,
.about_history.active .item.active:nth-child(5)::after
{transition-delay:1.2s;}
.about_history.active .item.active:nth-child(6) .icon,
.about_history.active .item.active:nth-child(6) .item-content,
.about_history.active .item.active:nth-child(6)::after
{transition-delay:1.5s;}
.about_history.active .item.active:nth-child(7) .icon,
.about_history.active .item.active:nth-child(7) .item-content,
.about_history.active .item.active:nth-child(7)::after
{transition-delay:1.8s;}
	
.page-jobs{background-color: #FFFFFF; padding: 50px 0;}
.jobs-list{animation-delay:0.5s;}
.jobs-list .item{border-bottom: 1px solid #ddd;}
.jobs-list .item.item-head{background-color: #dbdcdc; font-size: .44rem; font-weight: bold; color: #000000;}
.jobs-list .item.item-head .item-main  div{position: relative;}
.jobs-list .item.item-head .icon{position: absolute; top: -.12rem; left: -.9rem; width: .7rem;}
.jobs-list .item .item-main{display: flex; padding: .5rem .4rem .5rem 1.4rem; font-size: .34rem;}
.jobs-list .item .item-name{flex: 1; position: relative;  position: relative; font-weight: bold; color: #0566db;}
.jobs-list .item .item-name .istop{position: absolute; line-height: .44rem; padding: 0 .2rem; margin-left: .3rem; margin-top:2px; background-color: #0000CC; font-size: .2rem; color: #FFFFFF; }
.jobs-list .item .item-name::after{content: ""; position: absolute; top: 3px;left:-.65rem; transform: rotate(-45deg); width: .2rem; height: .2rem; border-left: 2px solid #0566db; border-bottom: 2px solid #0566db;}
.jobs-list .item.active .item-main{background-color: #f5faff;}
.jobs-list .item.active .item-name::after{ transform: rotate(135deg);top:10px}
.jobs-list .item.item-head .item-name{color: #000000;}
.jobs-list .item.item-head .item-name::after{display: none;}
.jobs-list .item .item-main .item-department{width: 30%;}
.jobs-list .item .item-main .item-place{width:20%;}
.jobs-list .item .item-content{display: none;border-top: 1px solid #ddd; padding: .5rem .6rem .8rem;}
.jobs-list .item .item-content .item-html{margin-bottom: .6rem;}
.jobs-list .item .item-content .button{ display: inline-block; width:8rem; background-color: #0566db; font-size: .36rem; color: #FFFFFF;}
@media screen and (max-width: 750px) {
.banner{height: 4.5rem;}

}
@media screen and (max-width: 375px) {
.banner{height: 4.5rem;} 

}