#top10,#top20,#top30,#top40,#top50,#top60,#top80,#top100{ margin:0 auto; width:1400px; overflow:hidden;}
#top10{height:10px;}
#top20{height:20px;}
#top30{height:30px;}
#top40{height:40px;}
#top50{height:50px;}
#top60{height:45px;}
#top80{height:80px;}
#top100{height:100px;}

#banner_com{overflow:hidden; width:100%; position: relative; background:url(/skin/home/images/ntrod.jpg) top center no-repeat; height:700px;  background-repeat: no-repeat; background-attachment: fixed;}


/* WbfwNav */
.InpageBanner{position: relative;}

.WbfwNav{background-color: #fff; border-bottom: 1px #eee solid;}
.WbfwNav ul li{float: left;width:calc(100% / 7);height: 70px;line-height: 70px;text-align: center;}
.WbfwNav ul li+li{border-left:1px #eee solid;}
.WbfwNav ul li:first-child{border-left: none;}
.WbfwNav ul li a{display: block;height: 70px;font-size: 16px;color: #666; font-weight:400;}
.WbfwNav ul li .cur:hover{color: #fff;}
.WbfwNav ul li a:hover{background: #3e58f8; color: #fff;}
.WbfwNav ul li.cur{background: #3e58f8; color: #fff;}
.WbfwNav ul li.cur a{color: #fff;}

.banner_tit{width: 1100px;margin:200px auto; text-align: center;}
.banner_tit h3{font-size: 42px;color:#fff;display: block;line-height: 48px; font-weight:400; letter-spacing: 2px;}
.banner_tit h6{font-size: 19px;font-weight:100;color: #ccc;margin-top:45px;line-height: 30px;text-align: center; font-weight:200; letter-spacing: 1px;}

.banner_tit:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 2px;
    background: #fff;
    top: 275px;
right:48%;
}

.zz_box_1{width:1500px;margin:0px auto;margin-top:30px;}
.zz_1{width: 1500px; margin:0px auto; overflow: hidden; z-index: 9999}
.zz_1 .m_zz ul{width:1500px; position: relative;}
.zz_1 .m_zz li{ width:25%; box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative; padding:22px 26px;border-right: 1px rgba(255, 255, 255, 0.2) solid;}
.zz_1 .m_zz .n{border-right:none;}
.zz_1 .m_zz li em{display: block; position: relative;width:110px; float: left; left:36%; height: 50px; margin-bottom:3px;}
.ttb{float: left;font-size:68px; color: #fff; font-family:"mini";font-weight: 500; font-style: normal; line-height: 45px;}
.zz_1 .m_zz li em i{ font-size:18px; color:#fff; text-align: center; line-height:25px; width: 25px; height: 25px;display: block; position:absolute;top:20px;right: 25px;}
.zz_1 .m_zz .zz1{width:300px; }
.zz_1 .m_zz .zz1 h3{font-size: 20px; color: #fff; width:300px; float: left; line-height: 60px; font-weight: 300; text-align: center;}
.zz_1 .m_zz .zz1 p{ text-align: center; line-height: 20px; height: 40px; box-sizing: border-box; font-size: 15px; color: #333; display: block;white-space: nowrap;  width:300px; float: left; padding-top: 6px;}
.zz_1 .m_zz li:nth-child(3) em{width:185px;left:25%;}
.zz_1 .m_zz li:nth-child(4) em{width:120px;left:35%;}
.titleax{font-weight:normal;letter-spacing: 3px; font-size: 52px; } 
.titlebx {
letter-spacing: 2px;
font-weight: 300;
}
.zz_img{margin:auto;display:block;width:600px;margin-top: 210px;}
.company_zzt{font-size:16px;line-height:45px; text-align: center; width: 1245px;margin: auto; color: rgba(255, 255, 255, 0.9); overflow: hidden;margin-top:90px;}
@font-face {
  font-family:"mini";
  src: url("../css/mini.woff2.txt") format("woff2"),
       url("../css/mini.woff.txt") format("woff"),
       url("../css/mini.ttf.txt") format("truetype"),
       url("../css/mini.eot.txt") format("embedded-opentype"),
       url("../css/mini.svg.txt") format("svg");
}

.need_lx{width:515px;margin:60px auto 0px;}
.need_lx1{width:245px;height:60px;float:left;text-align:center;line-height:60px;background:#cf2d1f;box-shadow:#9e170c 1px 3px 0px 0px;border-radius:25px;transition: all 0.2s;}
.need_lx1:hover{width:255px;transition: all 0.2s;}
.need_lx1 a{font-size:22px;color:#fff; letter-spacing:1px;}
.need_lx2{width:245px;height:60px;float:right;text-align:center;line-height:60px;background:#0057C5;box-shadow:#004cac 1px 3px 0px 0px;border-radius:25px;transition: all 0.2s;}
.need_lx2 a{font-size:24px;color:#fff;}
.need_lx2:hover{width:255px;transition: all 0.2s;}
.h66{ padding-top:50px;}
/*title*/
.title{text-align:center;}
.titlea {font-size:44px;background:url(../images/20200714160351_668026366.png)no-repeat center;height: 81px;line-height: 95px; color:#fff; font-weight:bold; letter-spacing:3px;}
.titlea span{color:#fff;}
.titleb{font-size:22px;color:#fff;line-height:40px; letter-spacing: 1px;}

.titleax {font-size:45px; letter-spacing: 3px; background:url(../images/20200715135958_878600445.png)no-repeat center;height: 81px;line-height: 95px;color:#fff;font-weight:bold; }
.titleax span{color:#2738d8; font-family: "mini";}
.titlebx{font-size:27px;color:#fff;line-height:40px; letter-spacing: 1px;  font-family: "Microsoft YaHei";}


.company_ttr{width:1500px;margin:auto;text-align:center;font-size:18px; font-weight:lighter; color:#fff;line-height:36px; overflow: hidden; padding:50px 0px 100px 0px}
.company_mo{width:247px;height:48px;border:1px #30b54a solid;border-radius:50px;margin: auto;margin-top: 30px;text-align:center;transition: all 0.6s;}
.company_mo a{font-size: 16px;line-height:48px;margin:30px auto 0px; font-weight:100}
.company_mo:hover{width:447px;transition: all 0.6s; background:#30b54a;color:#fff;border:none}
.company_mo:hover a{color:#fff;}
#bodycontent { line-height: 60px !important;overflow: hidden; display: none;}
#bodycon { margin-top:0px !important;}
.bgGray{ background:#0c1b60; width:100%; overflow:hidden}
.boxMax1 { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.navTitle { font-size: 40px; line-height: 40px; text-align: center; padding: 60px 0 50px 0; color: #333; background: url(01/uploadfile/image/20200717/20200717085830_1915098184.png) no-repeat center 60px; }
.boxFzlc{ width:100%; height:590px !important; overflow:hidden; position:relative; margin-bottom:90px; }
.boxFzlc .swiper-slide{ width:325px; height:480px; position:relative; overflow:hidden; display:inline-block; padding:90px 50px 0 50px; box-sizing:border-box; text-align:center; }
.boxFzlc .swiper-slide:nth-child(odd){ background:#021151;}
.boxFzlc .swiper-slide:nth-child(even){ background:#112061;}
.boxFzlc .swiper-pagination{ bottom:11px!important; }
.boxFzlc .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:0.2}
.boxFzlc .swiper-pagination-bullet-active{ background:#2738d8; opacity:1.0}
.boxFzlc .swiper-button-prev{ left:43.5%; margin:-40px 0 0 -100px; top:100%!important; width:40px; height:40px; background:url(../images/20200718092809_2000491025.png) no-repeat; filter: contrast(0) brightness(2); opacity:0.2}
.boxFzlc .swiper-button-prev:hover{ background:url(../images/20200718092830_1728611173.png) no-repeat; opacity:1.0}
.boxFzlc .swiper-button-next{ right:43.5%; margin:-40px -100px 0 0; top:100%!important; width:40px; width:40px; background:url(../images/20200718092716_521669470.png) no-repeat; filter: contrast(0) brightness(2); opacity:0.2}
.boxFzlc .swiper-button-next:hover{ background:url(../images/20200718092739_964022670.png) no-repeat; opacity:1.0}
.boxFzlc h1 {font-size: 36px;line-height: 50px;color: #fff;font-family: ReckonerX;letter-spacing: 0px;}
.boxFzlc h2{ font-size:22px; line-height:22px; font-weight:bold; margin:15px 0; font-family: 'Microsoft JhengHei'; }
.boxFzlc h3 { height:3px; width: 60px; display: block; background: #eee; margin: 40px auto 25px; }
.boxFzlc i { line-height:36px; display: block; font-size: 16px; padding: 18px 0 0 0; font-style: normal; text-align: center; font-family: 'Microsoft JhengHei'; color: #fff; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:5px !important; }
.swiper-container-horizontal > .swiper-pagination{ bottom: 0}
.gsgk_main3_r .main_pic { position: relative; width: 100%; height: auto;}	

/* --product-- */
.product{padding:80px 0 0 0;height:735px;overflow:hidden;background:url(../images/20200724172223_747345947.jpg) no-repeat center 0;}
.product-list{verflow:hidden;}
.product-list .item{position:relative;float:left;width:340px;height:440px;text-align:center;}
.product-list .hd{height:46px;}
.product-list .hd .dot{position:relative;top:9px;margin:0 auto;width:23px;height:23px;background:url(../images/20200724154727_1597838057.png) no-repeat center;    animation: ripple 3s infinite;;}
.product-list .bd{padding-top:40px;color:#fff;}
.product-list .bd dl{position:relative;top:0;transition: all .5s linear;}
.product-list .bd dt{height:35px;line-height:40px;font-size:23px;color:#fff;}
.product-list .bd dd{padding-top:26px;line-height:32px;padding:40px;font-size: 16px;color:rgba(255, 255, 255, 0.6);}
.product-list .bd dd a{color:#fff;font-size:16px;}
.product-list .bd dd a:hover{text-shadow:0 0 1px #fff;}
.product-list .icon{position:absolute;left:50%;bottom:65px;margin-left:-15px;}
.product-list .item01 dd a,.product-list .item03 dd a{display:block;width:100%;}
.product-list .item02 dd a{display:block;float:left;width:33.33%;}
.product-list .item02 dd a:nth-child(3n){background:none;}
.product-list .item04 dd a{display:block;float:left;padding:0 15px;width:50%;box-sizing:border-box;}
.product-list .item04 dd a:nth-child(2n){background:none;text-align:left;}
.product-list .item04 dd a:nth-child(2n+1){text-align:right;}
.product-list .item:hover .hd{background-position:110px center;transition: all .5s linear;}
.product-list .item:hover dl{top:20px;}
      

.cx-photos-list{ width:1500px; margin:auto; padding-bottom:4.4%;}

.product-list .item:nth-child(1) {width:289px;}
.product-list .item:nth-child(2) {width: 240px;}
.product-list .item:nth-child(3) {width: 240px;}
.product:before {content: "";width: 100%;border-bottom: 1px rgba(255, 255, 255, 0.3) dashed;display: block; position: relative;top:189px;}
.product-list .item:nth-child(4):hover .hd {background-position: 160px center !important;}
.product-list .item:nth-child(5):hover .hd {background-position: 160px center !important;}
.product-list .icon img{width:40px;}

.i1 {top:0;left:0;-webkit-animation-delay:0.25s;animation-delay:0.25s;}
.i2 {top:0;right:0;-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.i3 {bottom:0;right:0;-webkit-animation-delay:0.75s;animation-delay:0.75s;}
.i4 {top:0;left:0;-webkit-animation-delay:1s;animation-delay:1s;}
.i5 {top:0;right:0;-webkit-animation-delay:1.25s;animation-delay:1.25s;}  
    
.feat_c_cn { width:10px; height:10px; display: inline-block; vertical-align: middle; margin:18px 0; border-radius: 50px; position: relative;  background: #fff;}
.feat_c_cn i, .feat_c_cn i:before, .feat_c_cn i:after {position: absolute;left: 0%;top: 0%;height:10px;width:10px;border-radius: 50px;box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);}
.feat_c_cn i{animation: ripple 3s infinite;}
.feat_c_cn i:before {-webkit-animation-delay: .9s;animation-delay: .9s;content: "";animation: ripple1 3s infinite;}
.feat_c_cn i:after {-webkit-animation-delay: .6s;animation-delay: .6s;content: "";animation: ripple2 3s infinite;}

@keyframes ripple {
	90% {
		box-shadow: 0 0 0 0px rgba(56, 116, 244, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(56, 116, 244, .0);
	}
}
@keyframes ripple1 {
	90% {
		box-shadow: 0 0 0 8px rgba(56, 116, 244, .0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(56, 116, 244, .0);
	}
}
@keyframes ripple2 {
	90% {
		box-shadow: 0 0 0 16px rgba(56, 116, 244, .0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(56, 116, 244, .0);
	}
}
@keyframes featBefore{
0%{left:-75px;}
10%,100%{left:10px;}
}
    


/*文化*/
.about_f{padding:5% 0 75px;background:url(../images/20200731154702_2059691493.jpg) no-repeat center top/cover; background-repeat: no-repeat; background-attachment: fixed;}
.about_f .mktitle{margin-bottom:4.1666%;text-align:center;}
.about_f .wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width: 1500px;margin: auto;}
.about_f .li{position:relative;overflow:hidden;width:12.5%;height:470px; -webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.about_f .li .dtl{position:absolute;top:40%;left:0;width:100%;color:#fff;text-align:center;font-size:24px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.about_f .li .indiv{position:absolute;top:40%;left:50%;width:226px;opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%);}
.about_f .li .indiv .iconbox{margin:0 auto 38px;width:226px;height:226px;border:solid 1px rgba(255,255,255,.25);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(248,248,248,.06);}
.about_f .li .indiv .iconbox .icon{margin:35px auto 20px;width:100px;}
.about_f .li .indiv .iconbox .text{text-align:center;}
.about_f .li .indiv .iconbox .text .cn{margin-bottom:8px;color:#fff;font-size:28px;}
.about_f .li .indiv .iconbox .text .en{color:rgba(255,255,255,.8); text-transform: uppercase;}
.about_f .li .indiv .infobox{color:#fff;text-align:center;line-height:34px; font-size:19px; font-weight:100;}
.about_f .actli{width:25%;}
.about_f .actli .dtl{top:20%;opacity:0;}
.about_f .actli .indiv{top:15%;width:100%;opacity:1;-webkit-transition:all .4s .4s;-moz-transition:all .4s .4s;-o-transition:all .4s .4s;transition:all .4s .4s;}
.about_f .li:last-child{border-right:none;}

/*设备*/
#pr_advbox{width:100%; margin:auto;  overflow:hidden;}
.pr_advbox1{width:1400px;margin: auto;height:800px;}
.prod_d_d{overflow:hidden; width:1400px; margin:0 auto; padding-top:0px;position: relative;}
.prod_d{width: 1500px; position: relative;    margin-top: 40px;  margin:0 auto; padding-top: 15px; height:800px;}
.pr_dha{margin:70px auto 0px; overflow:hidden;}
.pr_dha li{width:800px; float:left; text-align:center; height:50px; line-height:50px; font-size:15px; position:relative; margin-left:1px; background:#1c5cd9; color: #333;}
.pr_dha li+li{}
.pr_dha li a{font-size:16px; display:block; width:300px; line-height:50px; position:relative; z-index:1; color:#fff;}
.pr_dha li a:hover{ color:#fff;}
.pr_dha .n{border-right:none;}
.pr_dha li.cur{background:#282aed; }
.pr_dha li p a{font-size:18px; color:#fff;}

.prod_but{width:134px;height:62px;position: absolute;top: 50%;left: 416px;margin-top:-31px;overflow:hidden;}
.prod_but>div{width:62px;height:62px;background:#333;text-align: center;line-height: 62px;font-size: 38px;color: #fff;cursor: pointer}
.witness_d .divdgweb_new_div{height:505px;position: absolute;overflow: hidden;}
.prod_but>div:hover{background:#282aed;}

.prod #bd{ width:1400px; height:436px; margin:0 auto;}
.pro_libox{height:800px;overflow:hidden;position: absolute;top:0;}
.pro_list{width:1400px;float:left;}

#prod_a{display: block;width:129px;height:35px;border:1px #eee solid; position:absolute;top:395px; font-size:15px; line-height:34px; text-align:center;left:44.5%; color:#666; background:#eee;}

#bd tr > td:first-child {}
#bd td { display: block; float: left; padding: 0 !important; width:452px; position: relative;}
#bd td+td{ margin-left: 21px;}
#bd td > a:after,.pro_cont_page td > a::after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(http://login.114my.cn/memberpic/dghysy/uploadfile/image/20200713/20200713103134_1753820144.png) no-repeat center; left:0; top: -100%; transition:0.3s all ease-in-out; }

#bd td > div { height: 51px; width: 100%; padding-top: 0 !important; display: block; position: relative; overflow: hidden; background:#eee;    margin-top:3px;}
#bd td > div > a{ display:block; height:60px; line-height: 51px; color: #333; font-size: 15px; transition:0.3s all ease-in-out; position: relative; z-index: 1111}
#bd td > div:after,.pro_cont_page td > span::after{ position: absolute; content: ''; width: 100%; height: 100%; background: #282aed; bottom: -100%; left: 0; transition:0.3s all ease-in-out; }
#bd td:hover > a:after,.pro_cont_page td:hover > a::after{ top: 0; }
#bd td:hover > div > a{ color: #fff; }
#bd td:hover > div:after,.pro_cont_page td:hover > span::after{ bottom:0;}
#bd td br { display: none;}
#bd tr:after, .pro_cont_page tr::after { content:''; display: block;clear: both; }
#bd td a{ position: relative; display: block; overflow: hidden; }
#bd td a img{ display: block; width: 100%; height: auto; transition:0.5s all ease-in-out;}
#bd td:hover a img{ transform:scale(1.1);}



.zbak{ background: #021151;}

/*内页证书*/



.cx-photos-wrap{padding:100px 0 0 0;clear:both;overflow:hidden;}

.cx-photos-list{overflow:hidden;}

.cx-photos-list .item{float:left;margin: 15px 1%;width: calc(23.5% - 10px);border-radius:5px;/*box-shadow:0 0 10px rgba(0,0,0,0.1); border: #f0f0f0 solid 1px;*/}

.cx-photos-list .pic{overflow:hidden; border: 1px solid #efefef;}

.cx-photos-list .pic img{display:block;width:100%;transition:all 1s;}

.cx-videos-list .pic a{display:block;position:relative;}

.cx-videos-list .pic a:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);transition:all 0.5s;}

.cx-videos-list .pic a:before{display:block;position:absolute;z-index:3;left:50%;top:50%;font-size:36px;color:#fff;font-family:'iconfont' !important;content:"\e618";transform:translate(-50%,-50%);transition:all 0.5s;}

.cx-photos-list .text{width:100%;text-align:center;overflow:hidden;line-height:60px;}

.cx-photos-list .text h3{font-size:17px;color:#fff;overflow:hidden; font-weight:normal; text-overflow:ellipsis;white-space:nowrap;}

.cx-photos-list .text h3 a{color:#fff;}

.cx-photos-list .text p{height:24px;display: none;line-height:24px;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.cx-photos-list .item:hover .pic img{transform:scale(1.1);}

.cx-photos-list .item:hover .text h3 a{color:#e91e2e;}

.cx-videos-list .item:hover .pic a:after{background-color:rgba(0,0,0,0.2);}

.cx-photos-list.hzhb{margin:-10px;}

.cx-photos-list.hzhb .item{margin:10px 10px;width:calc(16.66% - 20px);}

@media(max-width:1200px){

    .cx-photos-wrap{padding:40px 10px;}

    .cx-photos-list{margin:-10px;}

    .cx-photos-list .item{margin:10px;width:calc(50% - 20px);}

}

@media(max-width:750px){

    .cx-photos-list{margin:0;}

    .cx-photos-list .item{margin: 0 1% 2% !important;width: 48% !important;}

    .cx-photos-list .text h3{font-size:14px;}

}

.h40{ height:40px; overflow:hidden;}


/* Share */.fancybox-share {background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center;}
.fancybox-share h1 {color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0;}
.fancybox-share p {margin:0;padding:0;}
.fancybox-share__button {border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}
.fancybox-share__button:visited,.fancybox-share__button:link {color:#fff;}
.fancybox-share__button:hover {text-decoration:none;}
.fancybox-share__button--fb {background:#3b5998;}
.fancybox-share__button--fb:hover {background:#344e86;}
.fancybox-share__button--pt {background:#bd081d;}
.fancybox-share__button--pt:hover {background:#aa0719;}
.fancybox-share__button--tw {background:#1da1f2;}
.fancybox-share__button--tw:hover {background:#0d95e8;}
.fancybox-share__button svg {height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px;}
.fancybox-share__button svg path {fill:#fff;}
.fancybox-share__input {background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:none;padding:10px 15px;width:100%;}
/* Thumbs */.fancybox-thumbs {background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995;}
.fancybox-thumbs-x {overflow-x:auto;overflow-y:hidden;}
.fancybox-show-thumbs .fancybox-thumbs {display:block;}
.fancybox-show-thumbs .fancybox-inner {right:212px;}
.fancybox-thumbs__list {font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%;}
.fancybox-thumbs-x .fancybox-thumbs__list {overflow:hidden;}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {width:7px;}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {background:#2a2a2a;border-radius:10px;}
.fancybox-thumbs__list a {-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:73px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px;}
.fancybox-thumbs__list a::before {border:6px solid var(--main-theme-color);bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991;}
.fancybox-thumbs__list a:focus::before {opacity:.5;}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity:1;}
/* Styling for Small-Screen Devices */@media all and (max-width:576px) {.fancybox-thumbs {width:110px;}
.fancybox-show-thumbs .fancybox-inner {right:110px;}
.fancybox-thumbs__list a {max-width:calc(100% - 10px);}
}
[data-fancybox="gallery"]{display:block;position:relative;}
[data-fancybox="gallery"]:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);opacity:0;transition:all 0.5s;}
[data-fancybox="gallery"]:before{display:block;position:absolute;z-index:3;left:50%;top:50%;width:39px;height:39px;background:url(../images/1618925926400160.png) no-repeat;content:"";transform:translate(-50%,-50%);opacity:0;transition:all 0.5s;}
[data-fancybox="gallery"]:hover:after,[data-fancybox="gallery"]:hover:before{opacity:1;}


.subbox{ background:#021151;}
.suc_nav{padding:0 0;display: flex;justify-content: center;align-items: center;position: sticky; top:60px; z-index: 100; transition: all 0.6s ;  border-bottom:2px solid #03176d; background:#021151;}
.suc_nav a{display: inline-flex;line-height:70px; transition: all 0.3s; font-size:18px; color:#fff; font-weight: 500;}
.suc_nav .on,.suc_nav a:hover{color:#0070ECFF; position: relative; z-index:222;}

.suc_nav a{padding:0 90px;}

.copy_box{ margin-top:0px !important}

.suc_nav a::before{content: '';position: absolute; text-align:center; display: block; bottom:-2px; left:35.8%;  width:34px;height: 1px; margin:auto; background-color:#0070ec;transform: translate(-50%, -50%) scale(0);-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);z-index: -1;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; border-radius:2px;}
.suc_nav a:hover :before, .suc_nav .on::before{transform: translate(50%, -50%) scale(1);-webkit-transform: translate(50%, -50%) scale(1.6);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1); border-radius:2px;}
.nylinkbox .nylinkbox_item:hover span, .nylinkbox .nylinkbox_item.on span{color: #0070ec;font-weight: 600;}


.Nav_btn{width: 143px; line-height: 49px;}
.Nav_btn a{color: #0070ec; border-radius: 5px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 88, 233, 0.74); font-size: 22px; text-align: center; display: block;}
.sbtn{width:100%; animation-duration: 500ms; background: rgba(0, 0, 0, 0.6); text-align:center; position: fixed; top: 0; bottom: 0;}
.btn1{width:100%;}

.btn9{ width:14px; height:14px; position:absolute; right:22px; top:19px; cursor:pointer; z-index:9999;}