﻿@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-pagination-yi{position: absolute;bottom:2%;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 13px;height: 13px;background: #555;border-radius: 10px;}
.banner .swiper-pagination-bullet-active{background: #e7141a;opacity: 1;}
.banner .swiper-button-next{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0px;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 40px;color: #FFF;}
.banner .subiao{position: absolute;left: 50%;bottom:70px;z-index: 100;width: 50px;text-align: center;margin-left: -25px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .subiao i{color: #FFF;font-size: 30px;opacity: 0.4;}
.banner .subiao p{width: 4px;height: 4px;border-radius: 50px;background: rgba(255,255,255,0.4);margin-top: 4px;}
.banner .subiao p:last-child{width: 6px;height: 6px;}


.banner_slideitemtxt{position: absolute; top:40%; left:8%; width: 100%; height: 100%; transform: translateY(-40%);}
.banner_slideitemtxt_box{height: 100%; display: flex; align-items: center;}
.banner_boxtxt{transform: translate(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;}
.banner .swiper-slide-active .banner_boxtxt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner_boxtxth .ppbt{font-size:70px; color:#fff; font-weight:700;text-transform: capitalize; word-break: break-all; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); line-height:50px;}
.banner_boxtxtp{margin-top: 5%;}
.banner_boxtxtp p{font-size:26px; line-height:45px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .4);}
.banner_boxtxta{margin-top: 70px;}
.banner_boxtxta .banner_boxtxta_box{display: flex; align-items: center; width: 152px; height: 46px; background-color: #ff7100; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.banner_boxtxta_box span{color: #fff; text-transform: capitalize; font-size: 14px;}
.banner_boxtxta_box i{margin-top: 2px; margin-left: 5px; color: #fff;}
.banner_dw{position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background-color: #ff7100; z-index: 10;}
.bannerglbox{position: relative; height: 78px; padding: 0 30px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); border-radius: 0; background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; z-index: 10; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%);}
.bannerglbox.on{transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.bannerglbox_l{width: 45%; display: flex; align-items: center;}
.bannerglbox_ldq{font-family: 'Aria'; font-size: 20px; color: #333333;}
.bannerglbox_lx{width: 1px; height: 16px; background-color: #c5c5c5; margin: 0 8px; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg);}
.bannerglbox_lzs{font-family: 'Aria'; font-size: 20px; color: #c5c5c5;}
.bannerglbox_lp{margin-left: 25px; text-transform: capitalize;}
.bannerglbox_c{width: 10%; display: flex; justify-content: center; cursor: pointer;}
@keyframes rotate{0%{transform: translateY(0)} 25%{transform: translateY(5px)} 50%{transform: translateY(10px) scale(1.1, .9)} 75%{ransform: translateY(5px)} 100%{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}}


/*关于我们*/
.sy_bt{position: relative;}
.sy_bt .abt{font-size: 36px;font-weight: bold;line-height: 36px;color: #333;padding-top: 52px;position: relative;z-index: 1;}
.sy_bt .abt:after{content: "";display: block;width: 50px;height: 5px;background: linear-gradient(90deg, #085cb4 0%, #9996ed 100%);margin-top:20px;}
.sy_bt .aen{font-family: 'Impact';font-size: 88px;line-height: 88px;color: #9E9E9E;opacity: .2;text-transform: uppercase;position: absolute;left: 0;top: 0;}
.sy_bt.juzhong{text-align: center;}
.sy_bt.juzhong .abt:after{margin:20px auto 0;}
.sy_bt.juzhong .aen{width: 100%;}
.sy_gy{padding:4% 0; overflow: hidden;}
.sy_gy_l{float: left;width:45%;}
.sy_gy_l_txt{font-size: 16px;line-height: 30px;color: #666;margin-top: 4%;}
.sy_gy_l_gd{margin-top: 4%;}
.sy_gy_l_gd a{display: block;width: 220px;font-size: 16px;line-height: 60px;text-align: center;color: #085cb4;border: 1px solid #085cb4;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy_l_gd a:hover{color: #fff;background: #085cb4;}
.sy_gy_r{float: right;width: 50%;position: relative;}
.sy_gy_r:after{content: "";position: absolute;right: -25px;bottom:-25px;width: 100%;height: 100%;background: #9E9E9E;opacity: .2;}
.sy_gy_r span{display: block;overflow: hidden;}
.sy_gy_r span img{display: block;width: 100%;position: relative;z-index: 1;-webkit-transition:0.5s;transition:0.5s;padding: 0;}
.sy_gy_r span:hover img{ -webkit-transform:scale(1.1);transform:scale(1.1);}
      
/***标题***/
.auto-title-block {
	color: #fff;
	text-align: center;
  }
  .auto-title-block .auto-title-h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.4em;
	color:#fff;
  }
  .auto-title-block .auto-title-line {
	display: block;
	margin: 9px auto 0;
	width: 40px;
	height: 3px;
	background:#fff;
  }
  @media (max-width: 1600px) {
	.auto-title-block .auto-title-h2 {
	  font-size: 35px;
	}
  }
  @media (max-width: 1400px) {
	.auto-title-block .auto-title-h2 {
	  font-size: 30px;
	}
  }
  @media (max-width: 1200px) {
	.auto-title-block .auto-title-h2 {
	  font-size: 0.34rem;
	}
  }



  .eidepages{overflow: hidden; padding: 0% 0; }
  .index-three{margin-top:2%;}
  .index-three .index-dec{margin-top: 8px;}
  .int-con{position: relative;margin-top: 0;}
  .int-nav{position: absolute;width: 100%;bottom:0;left: 0;background: rgba(0,0,0,.7);}
  .int-menu{font-size: 0;text-align: center;overflow-x: auto;white-space: nowrap;}
  
  .face4-font p::-webkit-scrollbar,
  .pron-right-ul::-webkit-scrollbar,
  .productxq-one-tit p::-webkit-scrollbar,
  .int-menu::-webkit-scrollbar {
   height: 5px;
   width: 3px;
   padding-left: 5px;
   background-color: #fff;
   border-radius: 10px;
  }
  .face4-font p::-webkit-scrollbar-thumb,
  .pron-right-ul::-webkit-scrollbar-thumb,
  .productxq-one-tit p::-webkit-scrollbar-thumb,
  .int-menu::-webkit-scrollbar-thumb {
   background-color:#085cb4;
   border-radius: 10px;
  }
  .pron-right-ul::-webkit-scrollbar-thumb{background-color:#ccc;}
  
  .int-menu1{display: inline-block;position: relative; vertical-align: top;padding:2.5%; box-sizing: border-box;}
  .int-menu1::before{position: absolute;content:"";width: 1px;height: 100%;background: rgba(255,255,255,.08);right: 0;top: 0;}
  .int-menu1:last-child::before{display: none;}
  .int-menu1.on{background: #085cb4;}
  
  .int-icon{font-size:40px;text-align: center;line-height: 37px; color: #fff;}
  .int-icon img{display: inline-block;max-width: 100%;vertical-align: bottom;}
  .int-menu1 .cmbt{font-size: 18px;line-height: 30px;color: #e8e8e8;}
  .int-bg{}
  .int-bg1{display: none; height: 722px;width: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
  .int-bg1.on{display: block;}
  .int-font{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}
  .int-txt{width: 50%;background:rgba(16, 113, 177, 0.8); padding:2%; box-sizing: border-box; border-radius: 0 30px 0 30px; overflow: hidden;}
  .int-txt .cbt{font-size:30px;line-height: 50px;color: #fff;font-weight: bold;}
  .int-p{font-size:17px;line-height:26px;color: #fff; font-weight:300;}
  .int-mo{margin-top: 7%; display: block;text-align: center;border-left: 1px solid rgba(255,255,255,.43);border-right: 1px solid rgba(255,255,255,.43); font-size: 15px;line-height: 30px;color: #fff;width: 131px;height: 36px;line-height: 36px;}
  .int-mo span{display: inline-block;position: relative;padding-right: 20px;}
  .int-mo span::before{position: absolute;content: "";width: 6px;height: 8px;background: url(../img/int-mo.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;transform: translateY(-50%);}
  


  .news{width: 100%;padding:2% 0; background: #f8f8f8; overflow: hidden;}
  .news .swiper-container{padding: 2% 0 60px; overflow: hidden;}
  .news a{display:block;width:100%; transition:all .4s ease;position: relative;}
  .news-img{width: 100%;overflow: hidden;}
  .news-img img{width: 100%;object-fit: cover;transition: all 1s ease; height:285px;}
  .news-wd{width: 100%;padding-top: 18px;color: #333;}
  .news-wd .nbt{font-size:16px; font-weight: bold;  line-height: 25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  .news-wd p{font-size:14px;color: #555;line-height:22px;margin-top: 10px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
  .news-list li a:hover .news-img img{transform: scale(1.06);}

  .news .swiper-pagination-yi{position: absolute;bottom:2%;z-index: 1000;text-align: center;}
  
  .news-list .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#fff}
  .news-list .swiper-pagination-bullet-active{background:#085cb4}
  .news-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}

  .sy_bts{text-align: center;width: 800px;max-width: 100%;margin: auto;}
.sy_bts .ml1{font-size: 42px;line-height: 66px;color: #333;text-transform: uppercase;font-weight: bold;}


.footer_top { background: #191919; padding:3% 0; overflow: hidden;}
.footer_top .ft_left img { width: 180px; margin-bottom: 22px; }

.footer_top .ft_left .c_info { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
.footer_top .ft_left .c_info ul{}
.footer_top .ft_left .c_info li{display: flex;align-items: center;margin-bottom: 14px; }
.footer_top .ft_left .c_info li i{
    display: block;
    width: 33px;
    height: 33px;
    margin-right: 12px;
}
.footer_top .ft_left .c_info li:nth-child(5){width: 100%;}
.footer_top .ft_left .c_info li i.address{
    background: url('../images/footer_address.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.mobile{
    background: url('../images/footer_mobile.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.phone{
    background: url('../images/footer_phone.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.email{
    background: url('../images/footer_email.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.website{
    background: url('../images/footer_website.png') no-repeat center center;
}
.footer_top .ft_left .c_info li p{
    display: block;
    flex: 1;
    overflow: hidden;
}
.footer_top .ft_left .c_info li p a{
    display: block;
    font-size: 16px;
    color: #BBBBBB;
    line-height: 20px;
}

.ft_links { margin-top: 48px; }

.ft_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.ft_right .ftdlitem { width:230px; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-left: 30px; }
.ft_right .ftdlitem:last-child { border-right: none; width: auto; max-width: 190px; }
.ft_right .ftdlitem a { color: #fff; }
.ft_right .ftdlitem dd a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 38px; }
.ft_right .ftdlitem dd a img{width: 100%;}
.ft_right .ftdlitem dt a { font-size:18px; }
.ft_right .ftdlitem dt { margin-bottom: 13px; }
.ft_right .ftdlitem dd a:hover { color: #fff; }
.ft_left { width:30%; }

@media (max-width: 1500px) {
    .ft_right .ftdlitem{width:200px;}
}

@media (max-width: 1400px) {
    .ft_right .ftdlitem{width:180px;}
}

@media (max-width: 1300px) {
    .ft_right .ftdlitem{width:150px;}
}
.footer_bottom { background: #000000; height: 60px; line-height: 60px; }

.footer_bottom p { text-align: center; color: #999999; font-size:15px; opacity: 0.7; }

.footer_bottom p a { color: #ff0000;}

.footer_bottom p a:hover { color: #fff; }


/* 内页代码*/
.inside-banner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;overflow:hidden}
.inside-banner img{max-width:none;height:100%}
.inside-banner-info{position:absolute;z-index:1;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;line-height:1.5em;color:#fff;overflow:hidden}
.inside-banner-info>div:after{content:"";display:block;margin-top:30px;width:30px;height:3px;background-color:#142e7c}
.inside-banner-title{margin-bottom:25px;font-size:36px;font-weight:bold}
.inside-banner-info p{width:100%;max-width:80%;font-size:30px;line-height:1.5em}
@media screen and (max-width:1199.8px){.inside-banner{height:350px}
}@media screen and (max-width:991.8px){.inside-banner{height:300px}
.inside-banner-info{font-size:1rem}
.inside-banner-title{font-size:24px}
}@media screen and (max-width:565.8px){.inside-banner{height:180px}
.inside-banner-title{font-size:1.5rem}
}

.sy{padding-top:3px; margin-right: 1%;}
.sy img{max-width: 100%; display: block; vertical-align: top; font-size: 0;}
.location { padding:20px 0;border-bottom:1px solid #f2f2f2;color:#666; font-size: 15px;background: #f8f8f8;}
.location,.location a { color:#666; }
.location a:hover { color:#142e7c; }
.location a.cur { color:#142e7c; }

.location { padding:20px 0;border-bottom:1px solid #f2f2f2;color:#666; font-size: 15px;background: #f8f8f8;}
.location .con-nav .fl img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.location .con-nav .fl a{display: inline-block; vertical-align: middle; font-size:16px}
.location .con-nav .fl a:last-of-type{color: #085cb4;}
.location .con-nav .fr{text-align: right; padding-top: 0px;}
.con-nav .fr{text-align:right;padding-top:25px}
.con-nav .fr a{font-size:16px;color:#333333;font-weight:bold;padding-right:20px;margin-right:20px;border-right:1px dashed #3a3a3a;line-height:13px}
.con-nav .fr a:last-of-type{margin-right:0;padding-right:0;border-right:unset}
.con-nav .fr a:hover{color:#085cb4}
.con-nav .fr a.on{color:#085cb4}

.l-a {width: 100%;padding: 3% 0; overflow: hidden;}
.jj_conent{overflow: hidden;}
.jj_conent .fl{ width: 100%;}
.jj_conent .fl span{ text-transform: uppercase; font-size: 20px; color: #085cb4; font-weight: bold; display: block;line-height: 35px;}
/*.jj_conent .fl strong{ font-size: 30px; color: #333;}*/
.jj_conent .fl p{ font-size:18px; color: #666;  line-height: 40px;margin-top: 15px; text-align: justify;}
.jj_conent .fr{ background: #085cb4; float: right; width: 50%; display:none;}
.jj_conent .fr img{ width:100%; height: auto;  ;position: relative;left: -30px;bottom: -30px;}

.ttimg {width: 100%;padding: 3% 0; overflow: hidden;}
.ttimg img{width: 100%; display: block;}


.ym1idea{padding:3% 0 6%; overflow: hidden; background:#f8f8f8;}
.ym610cul{margin:0 auto; overflow: hidden;}
.ym610cul ul{margin-right: -2%; margin-top: 3%;}
.ym610cul li{float:left;width:23%;height:320px;padding:3%; margin-right:2%;text-align:center;background:#fff;border-radius:20px;box-sizing:border-box; margin-bottom: 2%;}
.ym610cul li em{display:block;width:85px;height:85px;margin:0 auto;padding-top:6%;border-radius:50%;background:#085cb4;box-sizing:border-box}
.ym610cul li em img{width:50px; line-height: 85px;}
.ym610cul li .cbt{font-size:20px;font-weight:bold;color:#333; line-height: 45px; margin-top: 3%;}
.ym610cul li p{font-size:15px;line-height:30px;font-weight:200}
.ym610cul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear}
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}

.history{background:#085cb4;position:relative;padding-top:7%;padding-bottom:5.5%}

.about-develop,.index-about-mobfont{background:#085cb4;position:relative;padding-top:7%;padding-bottom:5.5%}
.index-about-mobfont{background:none}
.about-develop-tpft .tit,.index-about-mobfont .tit{font-size:48px;line-height:55px;color: rgba(255,255,255, 0.2);font-family:"Roboto-Condensed"; text-align: center;}
.about-develop-tpft .dec,.index-about-mobfont .dec{font-size:16px;line-height:30px;color: rgba(255,255,255, 0.2);margin-top:3.5%;height:200px;overflow-x:hidden;overflow-y:auto;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.about-develop-tpft .dec p,.index-about-mobfont .dec p{margin-top:1.8%}
.about-develop-tpft{position:absolute;top:70%;left:50%;transform:translate(-50%,-70%); width:400px;}
.about-develop-swbot .time,.index-about-mobtime .time{font-family:"Roboto-Condensed";font-size:32px;line-height:48px;color:rgba(255,255,255,0.2);text-align:center;margin-top:13%}
.about-develop .swiper-button-prev,.about-develop .swiper-button-next,.index-about-mobfont .swiper-button-prev,.index-about-mobfont .swiper-button-next{width:13px;height:23px;background:url(../images/ab-prev.png)no-repeat center center;background-size:100%;top:auto;bottom:8.5%}
.about-develop .swiper-button-next,.index-about-mobfont .swiper-button-next{background:url(../images/ab-next.png)no-repeat center center}
.about-develop .swiper-slide,.about-develop-swbot .swiper-wrapper,.about-develop-swiper,.index-about-mobtime .swiper-slide{position:relative;}
.about-develop .swiper-slide,.index-about-mobtime .swiper-slide{cursor:pointer}
.about-develop-swbot .swiper-slide::before,.about-develop-swbot .swiper-slide::after,.index-about-mobtime .swiper-slide::before,.index-about-mobtime .swiper-slide::after{content:" ";position:absolute;width:8px !important;height:8px !important;background-color:#ffffff;border-radius:50%;left:50%;top:4px !important;transform:translateX(-50%);opacity:1}
.index-about-mobtime .swiper-slide::before,.index-about-mobtime .swiper-slide:hover::before,.index-about-mobtime .swiper-slide-thumb-active::before,.index-about-mobtime .swiper-slide.active::before{opacity:1 !important;display:block !important}
.index-about-mobfont .swiper-button-prev,.index-about-mobfont .swiper-button-next{bottom:-4.5%}
.about-develop .swiper-slide-thumb-active::after,.index-about-mobtime .swiper-slide-thumb-active::after,.about-develop .swiper-slide.active::after,.index-about-mobtime .swiper-slide.active::after{width:16px !important;height:16px !important;background-color:#ffffff;opacity:0.3;top:0px !important}
.about-develop-swbot .swiper-container::before,.index-about-mobtime .swiper-container::before{content:" ";position:absolute;left:50%;top:10%;transform:translate(-50%,-10%);height:1px;width:100%;background-color:#ffffff}
.about-develop-swbot .swiper-container,.index-about .index-about-right .index-about-mobtime .swiper-container{width:90%;margin:0 auto}
.about-develop-swiper .swiper-container .about-develop-swbot{position: relative;}
.about-develop-swbot .swiper-wrapper{display: flex;}
.about-develop .swiper-slide-thumb-active .time,.about-develop .swiper-slide.active .time,.swiper-slide-active .about-develop-tpft .tit,.about-develop .about-tit,.index-about-mobtime .swiper-slide-thumb-active .time,.index-about-mobtime .swiper-slide.active .time,.index-about-mobfont .swiper-slide-active .tit,.index-about-mobfont .swiper-slide-active .dec{color:rgba(255,255,255,1)}
.swiper-slide-active .about-develop-tpft .dec{color: rgba(255,255,255, 1);}
.about-develop-tpimg{opacity:0;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;;}
.about-develop-tpimg img{max-width: 100%; display: block; border-radius: 554px}
.swiper-slide-active .about-develop-tpimg{opacity:1}
.about-develop .about-tit{position:absolute;left:50%;top:0px;transform:translateX(-50%);z-index:5;font-size: 40px;line-height: 50px;font-weight: bold;color: #fff;text-align: center;}
.about-develop-swtop{margin-top:-14%;}
.about-cirimg{position:absolute;top:-10%;left:0px;right:0px;bottom:0px;margin:auto;width:100%;animation:rotaterotate 50s infinite linear}
@keyframes rotaterotate{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

.about-develop-swtop .swiper-slide{display: flex;align-items: center;justify-content: center;}
/* æ»šåŠ¨æ¡æ ·å¼ */
/* æ»šåŠ¨æ¡æ ·å¼ */
::-webkit-scrollbar {width:2px;/* height:4px; */}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#1a42a2;}
::-webkit-scrollbar-thumb {border-radius:0;background-color: #f5f5f5;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #f5f5f5;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #f5f5f5;}
.about .about-develop-tpft .dec::-webkit-scrollbar{
  width: 2px;
}
.about .about-develop-tpft .dec::-webkit-scrollbar-corner,.about .about-develop-tpft .dec::-webkit-scrollbar-track{
  background-color:rgba(255,255,255,0.3);
}
.about .about-develop-tpft .dec::-webkit-scrollbar-thumb{
  background-color:rgba(255,255,255,1);
}
.about .about-develop-tpft .dec::-webkit-scrollbar-thumb:vertical:hover{
  background-color:rgba(255,255,255,1);
}
.about .about-develop-tpft .dec::-webkit-scrollbar-thumb:vertical:active{
  background-color:rgba(255,255,255,1);
}
.about-develop-swtop .swiper-wrapper{position: relative; margin-bottom: 5%;}
/* .about-develop-swtop .swiper-slide{margin: 0 10%;} */
.about-develop-swbot::before{content: " ";
  position: absolute;
  left: 50%;
  top: 9%;
  transform: translate(-50%,-9%);
  height: 1px;
  width: 90%;
  background-color: #ffffff;}



.nyworkshop{padding: 3% 0; overflow: hidden; background: #f8f8f8;}
.nyworkshop ul{margin-right: -2%; margin-top: 2%; overflow: hidden;}
.nyworkshop li{width: 31.333%; margin-right: 2%; margin-bottom: 2%; float: left; overflow: hidden;}
.nyworkshop ul li .dep_image{width:100%; overflow: hidden;}
.nyworkshop ul li .dep_image img{width: 100%; display: block;transform: translateZ(0); transition: transform .3s linear;}
.nyworkshop ul li:hover .dep_image img{transform: scale(1.1,1.1)}
.nyworkshop li .gswz{font-size: 16px; line-height: 26px; text-align: center; padding: 3% ; box-sizing: border-box;}
.index_honor{width:100%;padding:3% 0}
.index_honor .title h2{color:#333333}
.index_honor .title p{color:rgba(189,187,187,0.15)}
.index_honor_banner{margin-top:60px;position:relative;padding:0 75px}
.index_honor_banner .honor_banner{position:unset;overflow:hidden;padding-bottom:15px}
.index_honor_banner .honor_banner ul li{overflow:initial}
.honor_banner p{margin-top:20px;font-size:20px;line-height:25px;height:50px}
.honor_banner .honor-prev{width:65px;height:65px;margin:0;position:absolute;top:50%;transform:translateY(calc(-50% - 20px));left:0}
.honor_banner .honor-next{width:65px;height:65px;margin:0;position:absolute;top:50%;transform:translateY(calc(-50% - 20px));right:0}
.honor_banner .honor-prev i,.honor_banner .honor-next i{display:block;width:65px;height:65px}
.honor_banner .honor-prev i{background:url('../images/solution_left@2x.png') no-repeat center center;background-size:contain}
.honor_banner .honor-prev i:hover{background:url('../images/banner_left_active.png') no-repeat center center;background-size:contain}
.honor_banner .honor-next i{background:url('../images/banner_next_normal.png') no-repeat center center;background-size:100% 100%}
.honor_banner .honor-next i:hover{background:url('../images/video_btn@2x.png') no-repeat center center;background-size:contain}
.index_honor_banner .swiper-slide-active{transform:scale(1)!important}
.index_honor_banner .swiper-slide-active img{transform:scale(1) rotateY(0)!important}
.index_honor .swiper-container-3d img{width: 100%;}

.honor_banner .honor-spanbox{position:absolute;bottom:0;height:10px;display:flex;justify-content:center}
.honor_banner .honor-spanbox span{display:block;width:10px;height:10px;border-radius:50%;background:#555}
.honor_banner .honor-spanbox span.swiper-pagination-bullet-active{background:#085cb4}
.honor_banner_thumb{width:100%;height:128px;position:relative;margin-top:40px}
.honor_banner_thumb::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:2px;background:url('../images/honor_thumb_border@2x.png') no-repeat center center;background-size:100% 100%}
.honor_banner_thumb::before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;background:url('../images/honor_thumb_border@2x.png') no-repeat center center;background-size:100% 100%}
.honor_thumb ul{max-width:max-content;margin:auto}
.honor_thumb li{height:128px;width:auto;position:relative}
.honor_thumb li::after{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:2px;height:90px;background:url('../images/honor_thumb_line@2x.png') no-repeat center center;background-size:100% 100%}
.honor_thumb li:last-child::before{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:2px;height:90px;background:url('../images/honor_thumb_line@2x.png') no-repeat center center;background-size:100% 100%}
.honor_thumb li.on{background-color:#085cb4}
.honor_thumb li.on::after{display:none}
.honor_thumb li.on::before{display:none}
.honor_thumb li.on+li::after{display:none}
.honor_thumb li.on p{color:#ffffff}
.honor_thumb li p{height:100%;padding:0 50px;text-align:center;display:flex;justify-content:center;align-items:center;line-height:30px;font-size:24px;color:#020202}
@media (max-width:1600px){
    .honor_banner p{font-size:18px}
}
@media (max-width:1200px){
    .honor_banner_thumb{height:auto}
    .honor_thumb{height:256px}
    .honor_thumb.container{padding:0}
    .honor_thumb ul{flex-wrap:wrap}
    .honor_thumb li::before{content:'';position:absolute;top:0;right:0;display:block;width:100%;height:2px;background:url('../images/honor_thumb_border@2x.png') no-repeat center center;background-size:100% 100%}
    .honor_thumb li:last-child::before{content:'';position:absolute;top:0;right:0;display:block;width:100%;height:2px;background:url('../images/honor_thumb_border@2x.png') no-repeat center center;background-size:100% 100%;transform:none}
    .index_honor_banner{padding:0;margin-top:40px}
    .index_honor{padding-top:4%}
    .honor_banner .honor-next,.honor_banner .honor-prev{display:none}
    .honor_thumb li::after{content:'';position:absolute;top:0;right:0;transform:none;width:2px;height:100%;background:url('../images/honor_thumb_border@2x.png') no-repeat center center;background-size:100% 100%}
    .honor_thumb li.on::before{display:none}
}


.news_ny-list{width: 100%;}
.news-ul{margin: 0 0 0 -1.5%;display: flex;flex-wrap: wrap;}
.news-link{display: block;width: 31.8333%;float: left;margin: 30px 0 0 1.5%;background: #fff;transition: all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease;height: 285px;}
.news-link:hover img{transform:scale(1.06)}
.news-info{background:#f5f5f5;display:flex;padding:22px;z-index: 1;position: relative;transition: all .4s ease}
.news-link:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "Samsung";text-align:center}
.news-time span{font-weight:700;font-size:32px;color:#333;display:block;width:60px;line-height:1.5}
.news-txt{width:calc(100% - 50px);padding-left:20px}
.news-txt-title{font-size:16px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size:14px;line-height:24px;height: 48px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-more{position:absolute;z-index:0;width:100%;background:#085cb4;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more i{display:block;background:url("../images/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}

.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#085cb4 ;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height: 35px; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width: 100%; display: block; margin: auto;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}


.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom:1%}
.xinwenxiangqing .nd_head p{color: #085cb4;font-size: 28px;height: auto;padding-bottom:1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 16px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:16px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#085cb4}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#085cb4;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#085cb4;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #085cb4}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#085cb4;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

/*lxwm*/
.lxwm{margin:3% auto 0 auto; overflow: hidden;}
.lxwm-t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:50px;border: 1px solid #efefef;}
.lxwm-t-l{width:50%;height:450px;}
.lxwm-t-r{width:50%;box-sizing:border-box;padding:0 6%;}
.lxwm-t-r .cbt{position:relative;line-height:100%;padding-bottom: 4%;font-size: 30px;border-bottom: 1px solid #e5e5e5;margin-bottom:37px;}
.lxwm-t-r .cbt span{position:absolute;display:block;left:0;bottom:-2px;height:3px;width: 50px;background: #085cb4;}
.lxwm-t-r .cwz{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom: 3%;}
.lxwm-t-r .cwz:last-child{margin-bottom:0;}
.lxwm-t-r .cwz i{display:block;width:16px;display:flex;justify-content:center;align-items:center;height: 18px;}
.lxwm-t-r .cwz p{width:calc(100% - 35px);color: #5f5f5f;font-size:16px;line-height: 18px;}

.map{width: 100%; overflow: hidden;}
.map #map_container{height:450px;border: 5px solid #fff; font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}

.bot{background: #fafafa;overflow: hidden;}
.bot .t-center{text-align: center;padding-top:2%}
.bot .title{font-size: 32px;line-height: 1.85;}
.bot .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bot .form{padding:2.2% 0%;display: block;}
.bot .tip{font-size: 14px;line-height: 22px;color:#666666;}
.bot .input{display: block;width: 100%;background-color: #fff;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box;border: 0;}
.bot .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bot .br{border-radius: 5px;}
.bot .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #085cb4;font-size: 15px;color: #fff;cursor: pointer;border: 0;}
.bot .submit:hover{background-color: #085cb4;}
.col-sm-6{width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.col-xs-12{padding: 0 2%;box-sizing: border-box;}




/*产品中心*/
.pro_ser{margin-top: 0; overflow: hidden;}
.pro_ser ul{ margin-left:-2%;}
.pro_ser ul li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden; cursor: pointer;}
.pro_ser ul li .pro_image{width: 100%; overflow: hidden;border: 1px solid #e2e2e2;}
.pro_ser ul li .pro_image img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s; display: block;}
.pro_ser ul li .pro_image:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.pro_ser ul li span{display:block; line-height:22px; font-size:15px; padding: 12px 0 0; color: #000; min-height: 150px;}



.productss{width:100%;overflow: hidden;}
.productss img{max-width: none !important;}
.promore_l{width:38%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:88%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843;padding:1px;}
.pros_right{width:48%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:10px;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:10px;}
.proleft{font-size:14px;line-height:30px;margin:2% 0; width: 30%; float: left; }
.proleft .bt{font-size: 16px; font-weight: 600; color: #085cb4;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #085cb4;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:5%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #085cb4;color:#fff;background:#085cb4;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #085cb4;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}


.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #085cb4;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ef8200;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#ef8200;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#0a3875;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


.inny{width: 100%; height: auto; overflow: hidden; padding:3% 0;}

.news1{overflow:hidden; margin-bottom:5%; position:relative;}
.news1pic{width:68%; }
.news1pic img{width:100%; overflow:hidden; transition: transform 1s ease; }
.news1ny{width:40%; background:#efefef; border-radius:8px; position:absolute; right:0; top:20%; padding:3%; box-sizing:border-box;}
.news1ny .nbt{line-height:35px;font-size:30px;color:#333}
.news1ny .nwz{margin-top:3%; font-size:16px; line-height:30px; color:#555}
.news1ny .tags{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top:5%; font-size:16px}
.news1ny .tags a{display:inline-block;padding:5% 0; line-height:30px;text-align:center;font-size:16px;color:#888;transition:all .5s;}
.news1ny .tags a:hover{color:#0a3875;border-color:#0a3875 ;}
.news1pic:hover img{transition: transform 1s ease; transform: scale(1.1); display:block;}

/*news*/
.list{overflow: hidden;  margin-right: -2%}
.list .items{overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 1px; width:23%; float: left; margin-right: 2%;  margin-bottom: 2%}
.list .pic{overflow:hidden;border:#f0f0f0 solid 1px; height: auto;}
.list .pic img{display:block;width:100%;transition:all 1s; }
.list .pic:hover img{transform:scale(1.1);}
.list .text{overflow:hidden; margin-top: 2%}
.list .hd{line-height:36px;overflow:hidden;}
.list .hd .nbt{line-height:36px;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list .hd .nbt a{color:#000;}
.list .hd .nbt a:hover{color:#0a3875;}
.list .hd em{display:block;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.list .bd{padding-top:1%;overflow:hidden;}
.list .bd p{line-height:26px;font-size:16px;color:#555;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.list .bd p a{color:#555;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.list .tags{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list .tags a{display:inline-block;padding:1% 0; line-height:30px;text-align:center;font-size:16px;color:#888;transition:all .5s;}
.list .tags a:hover{color:#0a3875;border-color:#0a3875 ;}


.Ulimg2{margin-top:20px;overflow: hidden;}
.Ulimg2 ul{ margin-left:-2%;}
.Ulimg2 li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden;}
.Ulimg2 li .upimg{width: 100%; overflow: hidden;}
.Ulimg2 li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s;}
.Ulimg2 li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.Ulimg2 li span{display:block; line-height:22px; font-size:15px; padding: 12px 0 0;}

.dsanp{height:auto; overflow:hidden; }
.dsanp h2{ text-align:center; color:#e62129; line-height:45px; font-size:30px; font-weight:600;}
.dsanp .ennn{ text-align: center; color:#999; font-size:12px;}
.dsanp ul{ margin-right:-2%;}
.dsanp ul li{ width:48%; float:left; border-radius:20px; margin-bottom:3%;text-align:center; height:auto; overflow:hidden; margin-right:2%; background:#f8f8f8; padding:2%; box-sizing:border-box; display: flex;
    justify-content: space-between;
    align-items: center; min-height: 160px;}
.dsanp ul li .spic{width: 46%; float:left;}
.dsanp ul li .spic img{margin: auto; width: 100%; display: block; display: block;}
.dsanp ul li .stext{float:right; width:50%;text-align:left;}
.dsanp ul li i{ width:60px; height:60px; line-height:50px; margin:25px auto; font-size:50px; text-align:center; color:#939393; padding:15px; border-radius:100%; display:block;}
.dsanp ul li .ltbt{ font-size:22px; height:auto; font-weight: 600; margin-bottom: 2%; text-align:left;}
.dsanp ul li .ltbt span{font-size:18px; font-weight:400;}
.dsanp ul li p{ line-height:28px; color:#555; font-size: 15px;}
.dsanp ul li .pse{ font-size:18px; font-weight:600; color:#999; padding:10% 0;}
.dsanp ul li:hover {background:#085cb4; color:#fff; }
.dsanp ul li:hover i{ color:#fff;}
.dsanp ul li:hover p,.dsanp ul li:hover .pse{color:#fff;}


.jbbox{overflow: hidden; border-bottom: 1px solid #eee;}
.jbt{text-align: center;font-weight: bold;line-height: 1.3; color: #222; font-size: 48px;}
.jbt span{color: #085cb4;}
.jbpic{overflow: hidden; border-radius: 30px; margin: 3% 0; }
.jbpic img{width: 100%; display: block; margin: auto; }

.jbbox2{overflow: hidden; margin-top: 0%;}
.jbico{overflow: hidden; margin: 3% 0; }
.jbico ul{ margin-right: -2%;}
.jbico li{width: 31.333%; padding: 3%; box-sizing: border-box; margin-right: 2%; background: #f1f1f1; border-radius: 8px; text-align: center; float: left;}
.jbico li .icojb{}
.jbico li .icojb img{}
.jbico li .jwz{font-size: 24px; color: #333; border-bottom: 1px solid #d9d9d9; padding:10% 0;}
.jbico li .jbutter{font-size:18px; color: #999; margin-top:10%;}

/* join */
.page-join {overflow: hidden;}
.page-join span{font-family: 'Montserrat-Light',PingFang SC,'Microsoft YaHei',Arial;}
.join-content-top {text-align: center;font-size: 0;border-top: 2px solid #085cb4;overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;}
.join-content-top span{display: inline-block;vertical-align: middle;width: 17%;font-size: 16px;padding: 20px 0;box-sizing: border-box;}
.join-content-top span:first-child  {text-align: left;padding-left: 4%;width: 30%;}
.join-content-top span:last-child {text-align: center;}
.join-content {overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;}
.join-item {border-top: 1px solid #e6e8ed;}
.join-item-title {cursor: pointer;text-align: center;font-size: 0;border-bottom: 1px solid #e6e8ed;color: #000;}
.join-item-title span:first-child {font-size: 16px;padding: 30px 0 30px 4%;text-align: left;width: 30%;}
.join-item-title span:last-child {text-align: center;}
.join-item-title span{display: inline-block;vertical-align: middle;width: 17%;padding: 30px 0;font-size: 14px;box-sizing: border-box;}
.join-item-title:hover,.join-item.cur .join-item-title  {background: #f5f6f7;}
.join-item-content {overflow: hidden;padding:3%;line-height: 30px;font-size: 15px;display: none;}
.join-item-bottom {margin-top: 3%;overflow: hidden;}
.join-item-bottom a{display: block;background: #085cb4;width: 150px;padding: 12px 15px;overflow: hidden;text-align: center;border-radius: 4px;}
.join-item-bottom span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.join-item-bottom i{display: inline-block;vertical-align: middle;margin-left: 20px;background: url('../images/r1.png') center no-repeat;width: 22px;height: 12px;}

.page-join-list {background: #fafafc url('../images/bg1.jpg') center no-repeat;background-size: cover;overflow: hidden;padding:7% 0 5% 0;}
.join-list-title {text-align: center;font-size: 50px;}
.join-list {overflow: hidden;padding-top: 5%;}
.join-list-item {overflow: hidden;float: left;width: 49.5%;margin-bottom: 1%;margin-right: 1%;background: #fff;border-radius: 8px;position: relative;box-sizing: border-box;border: 1px solid #e6e6e6;}
.join-list-item.mr0 {margin-right:0;}
.join-list * {transition:all .4s ease;}
.join-list-item .text {position: absolute;left: 10%;top: 50%;z-index: 1;width: 80%;transform: translateY(-50%);}
.join-list-item .icon-1{width: 80px;height: 60px;position: relative; }
.join-list-item .title-1{font-size: 24px;margin: 30px 0 20px 0;overflow: hidden;}
.join-list-item .text-2{font-size: 16px;line-height: 26px;color: #666;}
.join-list-item .img{background: #fff;}
.join-list-item .img img {width: 100%;height:auto;display: block;}
.join-list-item:hover .title-1{color: #fff;}
.join-list-item:hover .img{background: #085cb4;}
.join-list-item:hover .text-2{color: #fff;}
.join-list-item:hover .icon-1 img{filter: invert(100%);}

.page-join-bottom {position: relative;overflow: hidden;color: #fff;background: #edeff2;}
.page-join-bottom.bgclor1 {background: #fff;}
.page-join-bottom::after {content: '';width: 100%;height: 50%;background: #1c1d1f;position: absolute;left: 0;bottom: 0;}
.page-join-bottom .page-about-content{position: relative;z-index: 11;}
.join-bottom-title {position: absolute;left: 7%;top: 15%;z-index: 11;}
.join-bottom-title .title-1{font-size: 30px;}
.join-bottom-contact {text-align: left;position: absolute;right: 10%;bottom: 15%;z-index: 11;}
.join-bottom-contact li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-left: 60px;}
.join-bottom-contact li span{display: block;font-size: 16px;}
.join-bottom-contact li p{display: block;font-size: 20px;font-family: 'Montserrat-Light';padding: 10px 0;margin: 0;}
.join-bottom-contact li a {display: block;font-size: 20px;font-family: 'Montserrat-Light';color: #fff;}
.join-bottom-contact li:first-child {margin-left: 0px;}
.page-join-bottom .img {background: #085cb4;border-radius: 10px;overflow: hidden;}

.jbnywz{font-size:15px; color: #666;  line-height: 26px; overflow:hidden; margin-top:3%; text-align:center;}


.page-join-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 111;transition:all .4s ease;transform: translateY(-100%);}
.page-join-windows.cur {transform: translateY(0);}
.join-windows {position: absolute;width: 24%;overflow: hidden;background: #fff;z-index: 10;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 3%;border-radius: 10px;}
.join-windows-title {text-align: center;}
.join-windows-title .title-1{font-size: 30px;padding-bottom: 10px;}
.join-windows-title .text-2{font-size: 14px;color: #666;}
.join-from {padding: 4% 0;overflow: hidden;margin-top: 3%;}
.join-from-item{margin-bottom: 0px;overflow: hidden;position: relative;}
.join-from-item li{list-style: none;padding: 0;margin: 0;float: left;width: 49%;}
.join-from-item li:last-child {float: right;}
.join-from-item input {padding: 18px 20px;background: #f2f4f7;}
.join-from-text {overflow: hidden;padding-bottom: 10px;position: relative;}
.join-from-text strong{font-size: 14px;margin: 0;padding: 0;} 
.join-from-text span{font-size: 12px;color: #666;} 
.join-from-upload {position: relative;}	
.join-from-upload .upload-1{display: block;width: 70px;border-radius: 5px;font-size: 12px;cursor: pointer;
	text-align: center;padding: 10px;background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%);}		 
.join-windows-mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: #000;opacity: .4;}				 
.join-from-item .submit-1 {background: #085cb4;}	
 
.page-join-process {text-align: center;overflow: hidden;position: relative;background: #edeff2 url('../images/bg2.jpg') center no-repeat;background-size: cover;}
.join-process-title {overflow: hidden;}
.join-process-title .title-1{font-size: 50px;}
.join-process-list {position: relative;overflow: hidden;margin-top: 5%;font-size: 0;padding: 5% 0;}
.join-process-list::after {content: '';width: 80%;height: 1px;background: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);}
.join-process-list li {text-align: center;list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 16%;position: relative;z-index: 11;}
.join-process-list li span{display: block;font-size: 18px;font-weight: bold;position: relative;z-index: 11;}
.join-process-list li i{display: block;width: 60px;height: 60px;margin: 30px auto;background-image:linear-gradient(360deg, #959595 10%, #68686a 100%);border-radius: 200%;position: relative;z-index: 11;}
.join-process-list li p{display: block;color: #999;font-size: 14px;font-family: 'Montserrat-Bold';z-index: 11;position: relative;}
.join-process-list li:hover i{background: #085cb4;}
.join-process-list li:hover i{box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%);}
.join-process-list li::after,.join-process-list li::before  {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;width: 0px;height:0px;transition:all .4s ease;}
.join-process-list li::after {z-index: 8;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);}
.join-process-list li::before {z-index: 1;opacity: .4;transition:all .5s ease;}
.join-process-list li:hover::after  {width: 200px;height: 200px;}
.join-process-list li:hover::before  {width: 250px;height: 250px;}

.page-join-none {text-align: center;padding: 7% 0;overflow: hidden;}
.page-join-img {padding-bottom: 10px;overflow: hidden;}
.page-join-img img {display: inline-block;max-width: 100%;height: auto;}
.page-join-text {font-size: 24px;}

.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-bottom:0;  background: rgb(0,0,0,0.4); border-radius: 80px;}
.sidebar-box{position: relative;}
.sidebar-icon{width: 80px; height: 80px; cursor: pointer;}
.si1 .sidebar-icon{background: url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: url(../images/side5.png) no-repeat center center;}
.si6 .sidebar-icon{background: url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #085cb4 url(../images/side1.png) no-repeat center center; border-radius: 0 80px 80px 0;}
.si2:hover .sidebar-icon{background: #085cb4 url(../images/side2.png) no-repeat center center; border-radius: 0 80px 80px 0;}
.si3:hover .sidebar-icon{background: #085cb4 url(../images/side3.png) no-repeat center center; border-radius: 0 80px 80px 0;}
.si4:hover .sidebar-icon{background: #085cb4 url(../images/side4.png) no-repeat center center; border-radius: 0 80px 80px 0;}
.si5:hover .sidebar-icon{background: #085cb4 url(../images/side5.png) no-repeat center center; border-radius: 0 80px 80px 0;}
.si6:hover .sidebar-icon{background: #085cb4 url(../images/side6.png) no-repeat center center; border-radius: 0 80px 80px 0;}

.sidebar-dark1{position: absolute; top: 0; right: 80px; padding: 0 20px; background-color: #085cb4; display: none;  border-radius: 80px 0px 0 80px;}
.sidebar-dark2{position: absolute; top: 0; right: 80px; padding: 16px 20px; background-color: #085cb4; display: none; /* border-radius: 50px 0px 0 50px;  */} 
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 120px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}

.in_app{padding: 3% 0; overflow: hidden;}
.in_app ul{ margin-top: 2%; margin-right: -2%;}
.in_app li{width: 31.333%; margin-right: 2%; float: left; }
.in_app li .left1{overflow: hidden;}
.in_app li .left1 .bt{ font-size: 18px; background: #4472c4; padding: 2% 0; color: #fff; text-align: center;}
.in_app li:nth-child(2) .left1 .bt{background: #38447f;}
.in_app li:nth-child(3) .left1 .bt{background: #49bcbd;}
.in_app li .left1 dl{border: 1px solid #ccc; padding:2%; box-sizing: border-box;  text-align: center;overflow: hidden;}
.in_app li .left1 dd{width: 49%; margin-right: 2%;  margin-bottom:2%; float: left;}
.in_app li .left1 dd:nth-child(2n){margin-right: 0;}
.in_app li .left1 dd img{width: 100%; display: block;}
.in_app li .left1 dd p{font-size: 14px; color: #333; line-height: 25px;}


.flex-left { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.shili-num{margin:2.5% auto; width: 100%; }
.shili-num ul{}
.shili-num ul li{border-right: 2px solid #4472c4; width:24%; text-align: center;}
.shili-num ul li .num i{font-size:42px;line-height:42px;color:#c41010;font-weight:bold; font-style: normal;}
.shili-num ul li .num span{font-size:42px;color:#272933;line-height:42px;font-weight:bold; }
.shili-num ul li .num sub.zh{font-size:16px}
.shili-num ul li p{font-size: 20px; font-weight: 600;color:#272933;margin-top:3% !important; padding: 0 !important;}
.shili-num ul li .add{display: flex; justify-content: center; align-items: center;}
.shili-num ul li .add .ico{}
.shili-num ul li .add .ico{max-width: 100%; display: block; }
.shili-num ul li .add .icowz{font-size: 20px; font-weight: 600;  color: #38447E; margin-left: 3%;}
.shili-num ul li:nth-child(4){border-right: 0;}

.red{font-weight: 600; color:#c41010;}
.z_icobox{overflow: hidden;}
.z_icobox_left{width: 70%; float: left;}
.z_icobox_left ul{}
.z_icobox_left li{width: 48%; margin-right: 2%; display: flex; align-items: center; margin-bottom:8%; float: left;}
.z_icobox_left li .iico{}
.z_icobox_left li .iico img{max-width: 100%; display: block;}
.z_icobox_left li .iiwzny{margin-left:10%;}
.z_icobox_left li .iiwzny .bt{font-size: 26px; font-weight: 600; color: #333; margin-bottom:10%;}
.z_icobox_left li .iiwzny .wzny{font-size:20px; line-height:40px; color: #555;}
.z_icobox_right{width:15%; float: right;}
.z_icobox_right img{width: 100%; display: block;}