@import url(./reset.css);
@import url(./font-awesome.min.css);
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}
.a_body {
  position: relative;
  z-index: 0;
  width: 100vw;
}
.ar_wap {
  display: none;
}
.container {
  width: 1280px;
  margin: 0 auto;
}
/*==========================================公共 开始=============================================*/
header{height: 100px;position: absolute;z-index: 100;width: 100%;background-color: rgba(0, 88, 175, .3);}
header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px;background: rgba(255,255,255,0.5); transition:3s;z-index: 99;}
header.on:before{ width:100%}
header .box{padding: 0 0 0 3%;display: flex;}
header .logo{height: 100px;line-height: 100px; width: 15%;}

#nav{ height:70px; background:#0058af; position:relative; z-index:1}
.navBox {
  padding: 0 20px;
}
.navBox ul{ display: flex;}
.nav li {text-align: center;height: 100px;position: relative;padding: 0 15px;}
.nav a {display: block;position: relative;padding: 0;font-size: 16px;height: 100px;line-height: 100px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #3ca0d3;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 3px;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #fff;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible; }
.nav .active a .txt,.nav .on a .txt{ color:#fff}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #3ca0d3;}
.nav_sub .subNavbox {
  width: 200px;
}
.subNavbox { position: absolute; left: 0px; top: 115px; width: 100%; background-color: #fcfcfc; box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2); display: none; text-align: center; padding: 20px 0px; }
.subNavbox p {padding-bottom: 12px;line-height: 24px; }
.subNavbox p a {line-height: 28px;height: auto;padding: 0;font-size: 15px;display:  inline-block;}
.subNavbox p a:before{content:"";position:absolute;bottom: -3px;height: 3px;background: #3ca0d3;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}
header .right {
  display: flex;
  width: 100%;
}
header .right .tel{width: 240px;height: 100px;padding: 25px 0px;padding-left: 45px;margin-left: auto;position:relative;background: #3ca0d3;}
/*header .right .tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; position:absolute; left:-30px; top:50%; margin-top:-7.5px;}*/
header .right .tel h5{font-size: 14px;color:#fff;margin-bottom: 3px;line-height:normal;}
header .right .tel h5 img{ margin-right:5px}
header .right .tel h3{font-size:22px;color:#fff;line-height:normal;font-family: DINOT;}

#section00{position:relative;z-index: 0; cursor:pointer}

header dl{display:inline-block;font-size:0;float: left;}
header dl dd{ display:inline-block; width:102px; height:100px; vertical-align:top}
header dl dd a{display:inline-block;width:102px;height:100px;position:relative;text-align:center;cursor: pointer;}
header dl dd a:before{ content:""; position:absolute; topp:0; left:0; width:1px; height:0; background:rgba(255,255,255,0.3); transition:1.2s; transition-delay:3s}
header.on dl dd a:before{ height:100%}

header dl dd a h3{height:48px;line-height:48px;margin-top: 10px;}
header dl dd a h5{ font-size:12px; color:#fff}

/*==========================================公共 结束=============================================*/
.swiper-container .swiper-slide{width:100%;display:flex;justify-content:center}
  .swiper-container .swiper-slide img {
    width: 100%;
  }
  .swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{content:""}
  .swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i{transform:scale(3);color:#0571b1}
  .icon-angle-right:before,.icon-angle-left:before {
    display: none;
  }
  
  .swiper-container .swiper-pagination-bullet{background:#fff;margin: 0px 2px; padding: 2px;}
  .swiper-container .swiper-pagination-bullet-active{background:#0058af}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:20px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    padding: 5px;
  }
  /*==========================================内页 开始=============================================*/

.footer{background:#1e1b2e;padding:54px 0;border-bottom: #353243 1px solid;}
.footer .left {width: 255px;height:210px;border-right:#403f4e 1px solid;padding: 15px 0 0;}
.footer .left .title{ margin-bottom:52px;}
.footer .left ul{ font-size:0}
.footer .left ul li{ display:inline-block; margin-right:10px}
.footer .left ul li a{ display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; border:#4a4857 1px solid; border-radius:50%; cursor:pointer}
.footer .left ul li a img{ opacity:0.5; transition:0.6s}
.footer .left ul li a:hover img{ opacity:1;}

.footer .center{text-align:center;width:712px;font-size:0;padding: 20px 0 0;}
.footer .center dl{ display:inline-block; vertical-align:top; margin:0 16px; text-align:left}
.footer .center dl dt{font-size:18px;margin-bottom: 24px;}
.footer .center dl dt a{color: #fff; transition:0.36s}
.footer .center dl dt a:hover{color: #3ca0d3;}
.footer .center dl dd{font-size: 14px;color: #868787;line-height: 30px; position:relative}
.footer .center dl dd:before{content:"";position:absolute;left:-15px;width:3px;height:0;background:#3ca0d3;transition: 0.6s;top: 50%;margin-top: -6px;}
.footer .center dl dd a{color: #868787;}
.footer .center dl dd a:hover{color: #3ca0d3;}

.footer .center dl dd:hover:before{ height:13px}


.footer .right{width: 240px;height:210px;border-left:#403f4e 1px solid;padding: 20px 0 0 44px;}
.footer .right h5{ font-size:16px; color:#ffffff}
.footer .right h3{font-size:20px;color:#ffffff;font-weight:bold;margin: 20px 0 12px;font-family: DINOT;}
.footer .right p{font-size:14px;line-height:20px;color:#646a71;margin-bottom: 32px;}
.footer .right a{display:inline-block;width:100px;height:32px;line-height:32px;font-size:14px;color:#fff;background:#0058af;border-radius:25px;text-align:center;position:relative;overflow: hidden;}
.footer .right a:before{content:"";position:absolute;width:100px;height:100px;top:50%;margin-top:-50px;left:50%;margin-left:-50px;background:#43afe6;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.footer .right a span{ position:relative}

.footer .right a:hover{ color:#fff}
.footer .right a:hover:before{transform:scale(1); opacity:1}


footer .bot{background: #1e1b2e;padding: 25px 0;}
footer .bot .tt{float:left;color: #efefef;line-height:35px;height:35px;margin-right:3px;}
footer .bot .tt img{ margin-right:10px;}
.copyright{float:right;font-size:12px;color: #7d7d7f;line-height:35px;}
.copyright *{display: inline-block;font-size:12px;color: #78777f;}
.copyright a{color: #7d7d7f;}
.copyright a:hover{ color:#fff; }
footer .bot { font-size:13px; color:#837a74; }

.s_foot_link{float:left;width: 178px;height: 35px;cursor:pointer;position: relative;text-align:left;}
.s_foot_link .tanchu{width: 247px;padding:0 10px;min-height: 50px;overflow:auto;box-sizing:border-box;position:absolute;bottom: 44px;border-bottom:0;display: none;left:-1px;overflow: visible !important;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;border-top:10px solid #ebf8fa;width:0px;height:0px;position:absolute;bottom: -19px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #ebf8fa;border: 1px solid #e2e2e2;padding:10px 13px;overflow:auto;box-shadow: 0px 6px 12px 0px rgba(225, 59, 58,0.25);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a { color: #333; line-height: 27px; display:block; font-size: 12px;}
.s_foot_link .tanchu a:hover{ font-weight:bold;}
.s_foot_link #bnt_link1.a {padding-left:12px;color: #ababab;text-align:left;line-height: 35px;width: 200px;position:absolute;z-index:1;font-size: 14px;}
.s_foot_link #bnt_link1.a i{display:inline-block;font-style:normal;width: 175px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:28px;}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}

.imain-title{width:400px;height:80px;position:relative;margin:0 auto;z-index:1;font-size:16px;color:#333;text-align:center;}
.imain-title h2{height:40px;line-height:40px;font-size:30px;color:#0a57ae;padding:5px 0 10px;}
.imain-title a{color:#0a57ae;}
.imain-title i{position:absolute;width:6px;height:90px;z-index:-1;width:29px;height:29px;border-style:solid;border-color:#0a57ae;}
.imain-title i.bor1{left:70px;left:0;top:0;border-width:2px 0 0 2px;}
.imain-title i.bor2{right:70px;bottom:0;right:0;border-width:0 2px 2px 0;}
.ivotes-wrap{padding:20px 0 60px;overflow:hidden;background-color: #f1f1f1;}
.ivotes{width:100%;padding-top:10px;display: flex;flex-wrap: wrap;}
.ivotes li{width:30%;height:100px;padding-left:125px;margin:40px 60px 0 0;position:relative;font-size:14px;line-height:24px;}
.ivotes li .icon{position:absolute;width:100px;height:100px;background:url(../images/ivotes_icon.png);left:0;top:0;}
.ivotes li:nth-child(3n) {
  margin-right: 0;
}
.ivotes li span{display:block;font-size:18px;color:#333;font-weight:bold;padding:10px 0;}
.ivotes li.i1 .icon{background-position:0 0;}
.ivotes li.i2 .icon{background-position:0 -100px;}
.ivotes li.i3 .icon{background-position:0 -200px;}
.ivotes li.i4 .icon{background-position:0 -300px;}
.ivotes li.i5 .icon{background-position:0 -400px;}
.ivotes li.i6 .icon{background-position:0 -500px;}
.ivotes li.i1:hover .icon{background-position:-100px 0;}
.ivotes li.i2:hover .icon{background-position:-100px -100px;}
.ivotes li.i3:hover .icon{background-position:-100px -200px;}
.ivotes li.i4:hover .icon{background-position:-100px -300px;}
.ivotes li.i5:hover .icon{background-position:-100px -400px;}
.ivotes li.i6:hover .icon{background-position:-100px -500px;}
.ivotes li:hover .icon{animation:rotatey 1s linear;-webkit-animation:rotatey 1s linear;}
@-webkit-keyframes rotatey{
  to {-webkit-transform: rotateY(360deg);}
}
@keyframes rotatey{
  to {transform: rotateY(360deg);}
}
.in_intro {
  padding: 50px 0px;
  background: url(../images/bg_in_intro.jpg) center top no-repeat #fff
}

.in_t {
  color: #fff;
  text-align: center;
}

.in_t i {
  background: #fff
}

.in_intro .des {
  width: 1030px;
  margin: 15px auto 38px;
  font-size: 16px;;
  color: #bebebe;
  text-align: center;
  line-height: 2rem;
}

.in_intro .ico {
  margin: 35px auto;
  width: 1140px;
}

.in_intro .ico ul {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden
}

.in_intro .ico ul li {
  display: block;
  float: left;
  width: 285px;
  border-right: 1px solid #535353
}

.in_intro .ico ul li:last-child {
  border-right: none
}

.in_intro .ico ul li span {
  display: block;
  width: 65px;
  height: 65px;
  margin: 0 auto 10px;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url(../images/c.png);
  background-repeat: no-repeat
}

.in_intro .ico ul li span.b01 {
  background-position: 0px -300px
}

.in_intro .ico ul li span.b02 {
  background-position: 0px -365px
}

.in_intro .ico ul li span.b03 {
  background-position: 0px -430px
}

.in_intro .ico ul li span.b04 {
  background-position: 0px -495px
}

.in_intro .ico ul li b {
  display: block;
  font-size: 18px;
  color: #fff
}

.in_intro .ico ul li b i {
  font-family: 'impact';
  font-size: 24px;
  font-style: normal;
  font-weight: normal
}

.in_intro .ico ul li em {
  display: block;
  font-size: 14px;
  color: #acacac;
  font-style: normal
}

.in_intro .list {
  width: 1030px;
  margin: 0 auto;
  background: #fff;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff
}
.in_intro .list .am-g {
  display: flex;
  flex-wrap: wrap;
}
.in_intro .list .am-g .am-u-sm-3 {
  padding: 0px;
  overflow: hidden;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff
}

.in_intro .list .am-g .txt {
  background: #f1f1f1;
  text-align: center
}

.in_intro .list .am-g .txt b {
  font-size: 1.6rem
}

.in_intro .list .am-g .txt i {
  display: block;
  width: 28px;
  height: 2px;
  background: #0058af;
  margin: 10px auto
}

.in_intro .list .am-g .txt p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #8c8c8c
}

.in_intro .list .am-g .txt em {
  font-style: normal;
  color: #0058af;
  font-size: 18px;
  font-family: arial;
  font-weight: bold
}

.in_intro .list .am-g .more {
  text-align: center;
  background: #f1f1f1;
  position: relative
}

.in_intro .list .am-g .more .link01 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.in_intro .list .am-g .more .link01:hover {
  color: #0058af
}

.in_intro .list .am-g .more .link02 {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #313131;
  color: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.in_intro .list .am-g .more .link02 .am-icon-plus {
  color: #fff;
  font-size: 1.6rem;
  font-weight: normal
}

.in_intro .list .am-g .more .link02:hover {
  background: #0058af
}

.in_intro .list .am-g .culture {
  background: #0058af;
  text-align: center
}

.in_intro .list .am-g .culture a {
  display: block;
  font-size: 1.8rem;
  color: #fff
}

.in_intro .list .am-g .culture a span {
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #fff;
  margin: 0 auto 10px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.in_intro .list .am-g .culture a span i {
  font-size: 1.8rem
}

.in_intro .list .am-g .culture a:hover span {
  background: #fff;
  color: #0058af
}
.in_t em {
  font-size: 28px;
  font-style: normal
}
.in_t span {
  display: block;
  font-size: 22px;
  font-weight: bold;
}
.in_t i {
  display: block;
  width: 38px;
  height: 3px;
  line-height: 3px;
  margin: 10px auto;
}
.am-u-sm-3 {
  width: 25%;
}
.am-vertical-align-bottom, .am-vertical-align-middle {
  display: inline-block;
  font-size: 1.6rem;
  max-width: 100%;
  vertical-align: middle;
}
.am-vertical-align:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.am-icon-plus:before {
  content: "\f067";
  font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
}
.am-icon-search:before {
  content: "\f002";
  font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
}
.h_tjcp{width:100%;margin:0 auto;padding: 50px 0 60px;background: #f1f1f1; color: #333;}
.h_product_bd{padding:40px 0 20px; display: flex;}
.h_product_bd li{
  width: calc(25% - 10px);
  height: auto;
  margin: 0px 15px 20px 15px;
  position: relative;
  transition: all .5s linear;
}
.h_product_bd li:nth-child(4n) {margin-right: 0px;}
.h_product_bd li:hover {
  top: -4px;
  box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
  transition: translate3d(0, -2px, 0);
  z-index: 999;
}
.h_product_bd li .pro_img{
  width: calc(100% - 2px);
  height: auto;
  text-align: center;
  padding-bottom: 100%;
  border-radius: 3px;
  border: solid 1px #eee;
  background: #fff;
  position: relative;}
.h_product_bd li .pro_img a img{max-width: 100%;
  max-height: 100%;
  position: absolute;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);}
.h_product_bd li .pro_img a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle;display:none;}
.h_product_bd li p{    width: calc(100% - 2px);
  height: 56px;
  line-height: 56px;
  background: #C9CACC;
  padding: 0px 5%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0 0 3px 3px;}
.h_product_bd li p span{display:block;height:56px;line-height:56px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_product_bd li p span a{color:#555;}
.h_product_bd li:hover p{background:#0058af;}
.h_product_bd li:hover p a{color:#ffffff;}
.h_product_bd li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.container a.more2{
  position: relative;
  display:block;width:145px;color:#333;font-size:18px;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding:10px 30px;border-radius:4px;background:#C9CACC;margin:0 auto;}
.container a.more2:hover{background: #0058af;color: #ffffff;}
.h_tjcp_l{ width:100%;margin: 0 auto;padding:40px 0 60px;background:#f5f5f5;}
@media (max-width:1199px) {.h_tjcp{padding:20px 0 40px;}}
@media (max-width:992px) {
.h_tjcp{float: none;width: 100%;}
.h_product_bd li{width:48%;}
.h_product_bd li:nth-child(2n) {margin-right: 0px;}
}
@media (max-width:880px) {}
@media (max-width:767px) {
.h_tjcp{padding: 0 10px;}
.h_product_bd{padding-top:10px;}
.h_product_bd li{margin-bottom:20px;}
.h_tjcp a.more2{font-size:16px;padding:10px 10px;text-align:center;}
}
.h_tjcp .in_t,.news .in_t {
  color: #333;
}
.h_tjcp .in_t i,.news .in_t i {
  background: #333;
}
.news {
  background-color: #f1f1f1;
  padding: 50px 0px;
}
.news ul {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0 20px;
}
.news ul li {
  width: calc(50% - 28px);
  height: 120px;
  margin: 0 2% 24px 0;
  padding: 0 24px 0 160px;
  background-color: #ececec;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news ul li .news_time {
  width: 160px;
  height: 120px;
  overflow: hidden;
  margin: 0;
  padding: 20px;
  background: url(../images/NyNew_Timebg1.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.news ul li .news_time span {
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  color: #fff;
  font-size: 22px;
  margin: 0 auto;
  padding: 0;
}
.news ul li .news_time p {
  width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
}
.news ul li .news_text {
  width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
}
.news ul li .news_text .news_name span {
  display: block;
  width: 100%;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto 8px;
    padding: 0;
    font-size: 20px;
}
.news ul li .news_text p {
  width: 100%;
  height: 48px;
  overflow: hidden;
  line-height: 24px;
  color: #797979;
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news ul li:hover {
  background-color: #fafafa;
  box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
.news ul li:hover .news_time {
  background: url(../images/NyNew_Timebg2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.footer .left ul {
  width: 100%;
  display: flex;
  padding-right:20px;
}
.footer .left ul li {
  width: 50%;
}
.footer .left ul li img {
  width: 100%;
}
.top-btn.flex {
  display: flex !important;
}
.top-btn{
  display: none !important;
  position: fixed;
  bottom: 150px;
  right: 24px;
  border-radius:50%;width:40px;height:40px;background:#0058af;z-index:999;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease}
.top-btn:hover{cursor:pointer;background:#ccc}
.top-btn i{position:relative;transform:scale(1.4);color: #fff;}
.top-btn:hover i{color: #000;}
.head.fixed {
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background-color: #0058af;
}
.head.fixed .box {
  box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
}
@media screen  and (min-width: 1500px) and (max-width: 1800px) {
  .navBox {
    width: 60%;
  }
  header dl {
    width:30%;
  }
  .head .nav li {
    width: 20%;
  }
}

@media screen and (max-width: 1480px) { 
  header {
    overflow: hidden;
  }
  header .logo {
    width: 18%;
  }
  .nav li {
    padding: 0 5px;
  }
}
@media screen and (max-width: 1024px) {
  .a_body {
    zoom: .80;
    width: auto;
  }
  .container {
    width: 100%;
    margin: 0 20px;
  }
  .list_customers .container {
    margin: 0;
  }
  .nav li {
    padding: 0 5px;
  }
  header dl dd {
    width: 80px;
  }
  header .logo {
    width: 18%;
  }
}
@media screen and (min-width: 800px) {
  .head.fixed .ar_pc {
    display: none;
  }
  .head.fixed .nav li {
    width: 20%;
  }
  .head.fixed .navBox {
    width: 100%;
  }
}

.ar_article p {
    color: #676767;
    line-height: 30px;
    margin-bottom: 20px;
}