/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px; line-height:30px;}
.xypg-right-content img{ max-width:100%}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/



.wh{max-width: 1650px;margin:0 auto;padding: 0 50px;}


.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}


.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}




.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



/* head_11 */
.head_11{height:90px;position: absolute;width: 100%;left:0px;top:0px;z-index: 999;transition: all .3s;}

.logo_a{line-height: 90px;}
.logo_a img{max-width: 100%;}




.sou_aa{width: 96px;}

.search{}
.searchbtn{width:48px;height:48px;text-align:left;line-height:48px;justify-content: center;align-items: center;padding-right: 6px;}
.searchbox{width:0;height:100px;background-color:#fff;position:absolute;top:0;right:0;z-index:4;opacity:0}
.searchbox .close2{line-height:74px;cursor:pointer}
.searchbox .close2:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.searchbox .searchform{display: flex;align-items: center;}
.searchbox .searchform .input{width:calc(100% - 73px);margin:0 20px}
.searchbox .searchform .input input{width:100%;height:74px;text-align:center;position:relative;background-color:transparent;color:#333;font-size: 16px;outline: none;border:none;border-bottom:1px solid #ddd;
}
.searchbox .searchform .input input:focus{border-bottom-color:#ccae66}
.searchbox .searchform .input input::-webkit-input-placeholder{color:#999}
.searchbox .searchform .btn{height:74px;text-align:center;line-height:74px;cursor:pointer}

.searchbox .searchform .btn2{position: relative;}
.searchbox .searchform .btn2 #s_btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 99;width: 20px;height: 20px;display: block;background: transparent;outline: none;border:none}


.searchbox.cur2{width:100%;padding:13px 50px;opacity:1}


[transition="5s"],
[imgsalc] img {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s
}


.scroll{background: #fff;position: fixed;width: 100%;}
.scroll .x-menu > li > a{color:#000}
.scroll .searchbtn img{filter: brightness(0);}

.scroll .search{}

.logo_a1{ display:none}
.scroll .logo_a1{ display:block}
.scroll .logo_a{ display:none}

.z_menu_btn{width: 48px;height:48px;text-align: right;line-height: 48px;cursor: pointer;}
.z_menu_mask{ width: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: ease 1s; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 999;}
.z_menu_con{ width: 60%; height: 100%; position: relative; margin-left: 40%;
border-radius: 50%; padding: 0 8.3vw 0 10.4vw; box-sizing: border-box; display: flex; align-items: center;z-index: 999;}
.z_menu_mask::before{ content: ""; display: block; width: 90vw; height: 90vw; background: #fff;position: absolute; right: -30vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1s; }
.z_menu_mask::after{ content: ""; display: block; width: 100vw; height: 100vw; background:rgba(255,255,255,.3);position: absolute; right: -36vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1.5s;}
.z_menu_nav li{ margin-bottom: 2vw;}
.z_menu_nav li h3 a{ font-size: 1.35416vw; font-weight: bold;color: #444;}
.z_menu_down a{ display: inline-block; color: #444; background: url(../img/63ce254f73c73701d33cdd71ec7eb09fe641d025.png) no-repeat left center; padding-left: 15px; margin-top: 0.6vw;  position: relative;  margin-right: 2vw;font-size: 15px;line-height: 28px;} 
.z_menu_nav a:hover{ color: #3FB150; }

.z_menu_down a:Hover{ background-image: url(../img/ed461129b447cbbd19e7a92d17d087b2f5b2aa16.png);}
.z_menu_btm{ border-top: 2px solid  #3FB150; padding-top: 1.5vw; display: flex; align-items: center;}
.z_menu_addre{color: #333333;
line-height: 24px;}
.z_menu_share{ margin-left: auto; flex-shrink: 0;}
/* .z_menu_share a{ display: inline-block;width: 44px;height: 44px;background: #cccccc;border-radius: 50%; text-align: center; line-height: 44px; color: #fff; font-size: 20px!important; margin-left: 15px;}
.z_menu_share a:hover{ background:  #3FB150; color: #fff; cursor: pointer;} */

.z_menu_close{ position: absolute; right: 4vw; top: 2.5vw; color: #B4B4B4; font-size: 28px!important; font-weight: bold; cursor: pointer;
background:url(../img/a1d34ba7fdae15faaacaaeef158fdffbcf1f20ce.png) no-repeat;width: 24px;height:24px;display: block;z-index: 9999;
}

.z_menu_close:hover{ background:url(../img/73091023c046fa96a3dd02b48930a3477adfe0cd.png) no-repeat;}
.z_menu_mask .warp{ opacity: 0; transition: ease 1.5s; transform: translateX(5vw); }
.z_menu_mask.on,.z_menu_mask.on .warp{ opacity: 1; visibility: visible;transform: translateX(0px);}
.z_menu_mask.on::before{ transition-delay:.5s;}
.z_menu_mask.on::after{}
.z_menu_mask.on::before,.z_menu_mask.on::after{ transform: translateY(-50%) scale(1,1)}
.z_menu_mask.on .warp{transition-delay:1s;transform: translateX(0px);}






/*公司简介*/
.ab_con{padding:100px 0;background: url(../img/ab_bg.jpg) center center no-repeat; margin-bottom:50px}
.ab_aa{width: 46.52%}
.gstt2{color:#373737;font-size:23px;margin-top:15px;font-weight:600;}

.xnn{width:45px;height:1px;background:#3FB150;margin-top:15px;}

.gsjjx{margin-top:18px;color:#373737;font-size:18px;line-height:38px;}

.cha_a{width: 150px;
	height: 56px;
	margin-top:30px;text-align:center; border-radius:50px;background-color: #3FB150;}
	
.cha_a a{text-align:center;line-height:56px;text-align:center;color: #fff;font-size:16px;}


.ab_bb{width: 49.23%; position:relative}
.ab_img{width: 100%;border-radius: 50%;}
.ab_img img{max-width: 100%;border-radius:20px;}



.title{
    text-align: left;
}
.title h3{
    font-size: 40px;
    color: #333;
    font-weight: bold;
}
.title p{
    font-size: 18px;
    color: #888;
    margin-top: 25px;
}



@media (max-width: 1440px) {
.gsjjx{margin-top:16px;color:#373737;font-size:18px;line-height:38px;}
.gstt2{color:#373737;font-size:20px;margin-top:15px;font-weight:600;}

.title h3{
    font-size: 30px;
    color: #333;
    font-weight: bold;
}
}



@media (max-width: 1370px) {
.gsjjx{margin-top:16px;color:#373737;font-size:17px;line-height:38px;}
.gstt2{color:#373737;font-size:20px;margin-top:15px;font-weight:600;}



}


@media (max-width: 1100px) {
.ab_aa{width:100%;}
.ab_bb{width:100%;margin-top:25px;}

.title h3{
    font-size: 25px;
    color: #333;
    font-weight: bold;
}
}









/* 产品中心 */
.probg{
    margin-top: 4.1875vw;
    background: #f4f4f4; padding:30px 0
}



.pubtitle{position: relative;}
.pubtitle h3{	font-size: 45px;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0px;
	color: #000000;}

.pubtitle h4{	font-size: 26px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #929292;margin-top: 10px;}






.proindex1{
    align-items: center;
    margin-bottom: 3.125vw;
}


.psort li{margin: 0 15px;}

.psort li a{
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
}

.psort li a span{
    position: relative;
    display: inline-block;margin: 0 5px;
}

.psort li a span::before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background:#3FB150;
    bottom: 0;
    left: 0;
    right: 0;transition: all .3s;
 
}





.psort li.active a{
    color: #3FB150;
}

.psort li.active a span{
    color: #3FB150;
}

.psort li.active a span::before{
    width: 100%;
}
.psort li.active a span::after{
    opacity: 1;
}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.proSwiper{
    overflow: hidden;
}
.proSwiper .swiper-slide{ background:#fff}
.proSwiper .swiper-slide a{
    display: block;
    
   
    position: relative;
    padding-top: 2.73vw;
    padding-bottom: 2.73vw;
    transition: 0.5s;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.proSwiper .swiper-slide a::before{
    content: '';
    position: absolute;
    width: 225px;
    height: 225px;
    background: #3FB150;
    border-radius: 50%;
    top: 50%;
    margin-top: -112.5px;
    left: 50%;
    margin-left: -112.5px;
    z-index: 0;
    transition: 1.5s;
    opacity: 0;
}

.proSwiper .swiper-slide .img1{
    text-align: center;
    position: relative;
}

.proSwiper .swiper-slide .img1 img{
    max-width: 100%;
    margin: 0 auto;
}

.proSwiper .swiper-slide .wzmore{
    position: absolute;
    bottom: 0;
    right: 0;
  
    width: 205px;
    height: 57px;
    background: #fff;
    text-align: center;
    line-height: 57px;
    color: #000000;
    font-size: 16px;text-transform: uppercase;
}


.proSwiper .swiper-slide:hover .wzmore{    background: #3FB150; color: #fff;}


.proSwiper .swiper-slide .wz{
    position: absolute;
    top: 2vw;
    left: 2vw;
}

.proSwiper .swiper-slide .wz .wza{
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proSwiper .swiper-slide .wz .wzb{
    font-size: 16px;
    color: #8e8e8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.6vw;
}

.proSwiper .swiper-slide:hover a{
    border-radius: 50%;
}

.proSwiper .swiper-slide:hover a::before{
    opacity: 1;
}


.more_a99{	width: 156px;
	height: 54px;
	background-color: #3FB150;margin:0 auto;
	border-radius: 27px;margin-top: 3.5vw;font-size: 15px;text-align: center;}
.more_a99 a{color: #ffffff;font-size: 15px;text-align: center;line-height: 54px;}




/*样式*/
@media (max-width: 1440px) {
.pubtitle h3{font-size: 35px;}
.pubtitle h4{font-size: 25px;}
  }



@media (max-width: 1280px) {
.pubtitle h3{font-size: 28px;}
.pubtitle h4{font-size: 20px;}
.psort li{margin-bottom: 10px;}
.psort{margin-top: 20px;}
.proSwiper .swiper-slide a{
    display: block;   
    position: relative;
     padding: 20px;
    transition: 0.5s;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.proSwiper .swiper-slide .wz{
    position: absolute;
    top: 20px;
    left: 20px;
}


.more_a99{	width: 134px;
	height: 47px;
	background-color: #3FB150;margin:0 auto;
	border-radius: 27px;margin-top: 20px;font-size: 13px;text-align: center;}
.more_a99 a{color: #ffffff;font-size: 13px;text-align: center;line-height: 47px;}



  }











/* 行业应用 */
.yybg{background:url(../img/148f3f40dbf7ebcbb58cf08f8104aea34c29fd45.png) repeat-x top;padding-top: 88px;margin-top: 5.5vw;}

.top_aa{margin-top: 40px;}

.qhan{position: relative;width: 140px;}
.pp_2{position: relative;overflow: hidden;}

.qhan .swiper-button-next,
.qhan .swiper-button-prev {
        outline: none;
        position: absolute;
        top:0%;
        z-index: 9999;
        height: 62px;width: 62px; }
     



.qhan .swiper-button-prev{background:url(../img/1945df1483f89248c731402011860d8fc29781b2.png) no-repeat 50%;left:0px;}
.qhan .swiper-button-prev:hover{background:url(../img/c7cd79b089ef92362dd38ac7d828777c62642dd3.png) no-repeat 50%;left:0px;transform: rotate(180deg);}


.qhan .swiper-button-next{background:url(../img/1945df1483f89248c731402011860d8fc29781b2.png) no-repeat 50%;transform: rotate(180deg);right:0px;}
.qhan .swiper-button-next:hover{background:url(../img/c7cd79b089ef92362dd38ac7d828777c62642dd3.png) no-repeat 50%;transform: rotate(0deg);}

.pp_2 li{position: relative;	border-radius: 10px;overflow: hidden;}
.pp_2 li a.img{display: block;}
.pp_2 li a.img img{width: 100%;}
.pp_2 li h2{position: absolute;width: 100%;	font-size: 22px;	color: #ffffff;font-weight: 600;bottom:30px;text-align: center;background:url(../img/2ab7117555f84541f4f5058014be05e1f5be2613.png) no-repeat 50% top;padding-top: 20px;}
.pp_2 li h2 a{color:#fff}



@media (max-width: 1440px) {
.pp_2 li h2{font-size: 18px;}
  }

@media (max-width: 1280px) {
.pp_2 li h2{font-size: 16px;}
  }



@media (max-width: 992px) {
.wz_ttb{width: 100%;}
.qhan{margin-top:35px;margin-bottom: 35px;}
.yybg{padding-top: 30px;}

  }









/* 新闻资讯 */
.xw_con{margin-top: 70px;}




.xw_rot{margin-top: 30px;}
.xw_rot li{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 3px;
	color: #6b6b6b;margin:0 15px}

.xw_rot li a{text-align: center;color: #6b6b6b;}
.xw_rot li:hover{background:url(../img/5c3397a4719f9dbb45a9520918db48d483bbf590.png) no-repeat left 50%;}
.xw_rot li a{padding-left: 25px;}
.xw_rot li:hover a{color: #3FB150;}




.xw_bg{	margin-top: 40px;padding-bottom: 80px;}
.news_ll{position: relative;padding-bottom: 60px;overflow: hidden;}
.news_ll li{border-left: 1px solid #f1f1f1;padding:20px;}
.news_ll li h2{font-size: 34px;line-height: 33px;color:#f7f7f7;
	letter-spacing: 2px;   text-shadow: 1px 1px 0px #b2b2b2, -1px -1px 0px #b2b2b2, 1px 1px 0px #b2b2b2, -1px -1px 0px #b2b2b2, 1px 1px 0px #b2b2b2, -1px -1px 0px #b2b2b2;}
.news_ll li h3{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #888888;}

.news_ll li h4{	font-size: 24px;
	font-weight: 600;
	line-height: 33px;
	letter-spacing: 1px;
	color: #3e3e3e;height:66px;overflow: hidden;margin-top: 8px;}

.news_ll li h5{	font-size: 16px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #8c8c8c;height:66px;overflow: hidden;margin-top: 15px;}

.news_ll li:hover h5{color:#3FB150}
.news_ll li:hover h4{color:#3FB150}



.dd_a{	width: 6px;
	height: 6px;
	background-color: #3FB150;border-radius: 50%;margin: 33px 0;}


.xw_img{width: 100%;}
.xw_img img{width: 100%;}




.news_ll .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 11px!important
}

.news_ll .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 0%;opacity: 1;
background:url(../img/fa6b2aab7d44271abda21abd40504d09d2156818.png)no-repeat top}

.news_ll .swiper-pagination-bullet-active {
    background:url(../img/622a4107118c4eb66f64fcda93e182041821ef9c.png)no-repeat top}


.news_ll li .wz1{
  align-items: center;
  justify-content: flex-start;
  padding: 1.1vw 0;
}

.news_ll li .wz1 .date{
  color: #999999;
  font-size: 16px;
  font-family: "Arial";
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #666666;
}

.news_ll li .wz1 .date img{
  margin-right: 5px;
}

.news_ll li .wz1 .cate{
  color: #999999;
  font-size: 16px;
  font-family: "Arial";
  margin-right: 5px;
}

.news_ll li .wz1 .cate img{
  margin-right: 5px;
}


.sou_22{margin-top: 3.5vw;}


.wz_a h2{	font-family: SourceHanSerifCN-Heavy;
	font-size: 40px;
	font-weight: 600;
	line-height: 33px;
	letter-spacing: 0px;
	color: #000000;text-transform: uppercase;}

.wz_a h3{	font-size: 16px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 3px;
	color: #000000;margin-top: 15px;}




.ss2{	background-color: #ededed;width: 573px;border-radius: 15px;overflow: hidden;}
.ss2 input {
    outline: none;
    line-height: 64px;
    width: 20%;
    background: none;
    border: none;
    font-size: 16px;
    float: left;background:url(../img/1ab9f06114d882172f08dc7159100ac171877990.png) no-repeat 50%;
}

.ss2 #keyword {
    padding-left: 25px;
    line-height: 64px;
    width: 80%;
    background: none;
    border: 1px solid #ededed;
    outline: none;
    font-size: 13px;
    color: #8d8d8d;
    float: left;
}

.ss2 #keyword:-webkit-autofill {
    -webkit-text-fill-color: #8d8d8d !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss2 #keyword::placeholder {
    color: #8d8d8d;
}



@media (max-width: 1360px) {

.wz_a h2{font-size: 25px;}
}


@media (max-width: 1280px) {
  .xw_rot li{width: 33%;margin: 0px;margin-bottom: 10px;}
}


@media (max-width: 990px) {
 .wz_a h2{font-size: 22px;}

 .xw_bg{	margin-top: 20px;padding-bottom: 80px;}
}







/* 网站文字 */
.xw_tt{color:#000000;font-size: 42px;text-align: center; font-weight:bold}
.xw_tt2{	font-size: 22px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #000000;text-align: center;margin-top: 10px;}







/* 通栏 */
.dff{padding-top: 110px;background:url(../img/0ed58f72f7ee2310196f3f87342d4ae5b3c6e6bd.png) no-repeat top;background-size: cover;}
.fotb{width: 66.06%;padding-top: 45px;}


.df_lxwm{width: 25.69%;padding-left: 6%;border-left: 1px solid rgba(255, 255, 255, .1);padding-top: 45px;}
.lxwm{    font-size: 16px;
    color: #ffffff;
    display: block;
    font-weight: 700;}


.x-nav-menu22{ margin-top: 1.43em;
	font-size: 16px;
	font-weight: 500;
	line-height: 31px;
	letter-spacing: 1px;
	color: #fff;
}


.dfewm{max-width: 88px;margin-top: 3.5vw;}
.dfewm img{max-width: 100%;}



/* 在线分享 */

.pull-right2{max-width: 228px;margin-top: 2.5vw;margin-bottom: 2.5vw;}
.pull-right2 .social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    font-size: 20px;
    border-radius: 0%;
    line-height: 42px;
    border: 1px solid #818181;
    color: #666;
    text-align: center;
    vertical-align: middle;
    transition: background 0.6s ease-out 0s;  transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;margin-left: 0px;margin-right: 20px;
}

.pull-right2 .social-share .social-share-icon:hover{border: 1px solid #3FB150;}



.pull-right2 .social-share .icon-wechat:hover {
    background: #3FB150
}

.pull-right2 .social-share .social-share-icon:hover {
    background:none;
	  transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    color: #3FB150
}




.dff2{background:#000000;padding: 20px 0;margin-top:3.5vw}


.copyright_11{color:rgba(255,255,255,.6);font-size: 13px;line-height: 27px;}
.copyright_11 a{color:rgba(255,255,255,.6);font-size: 13px;}




@media (max-width: 1100px) {
.fotb{display: none;}

.df_lxwm{width:100%;padding-left: 0px;border-left: none;padding-top: 45px;}

.dff{padding-top: 50px;background:url(../img/0ed58f72f7ee2310196f3f87342d4ae5b3c6e6bd.png) no-repeat top;background-size: cover;}
}










/* 友情链接 */

.c-link {

        width: 42px;
    height: 42px;
    font-size: 20px;
    border-radius: 0%;
    line-height: 42px;    transition: background 0.6s ease-out 0s;  transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;margin-left: 0px;
    border: 1px solid #818181;background:url(../img/354a3db71844a9ea472b5c292e01d851ef452971.png) no-repeat center;
}

.c-link:hover{  border: 1px solid #3FB150;background:url(../img/decbc40e16570b02b6eb3f422756a30dcf623619.png) no-repeat center;
	  transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);}

.c-link .con {position: relative;}
.c-link .sec {
    display: none;
    position: absolute;
    
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    min-width:120px;
    z-index: 999;
    bottom:0;
}

.c-link a {
    color: #2a333c;
    padding: 0 4px;
    font-size: 16px;
    line-height: 24px;
}




@media (max-width: 1440px) {
.xw_tt{font-size: 34px;}
.xw_tt2{font-size: 18px;}
}



/*样式*/
@media (max-width: 1280px) {
.xw_tt{font-size: 26px;}
.xw_tt2{font-size: 16px;}
  }






/* 网站文字 */
.wz_tta{position: relative;width: 100%;}
.wz_tta em{position: absolute;top:0px;line-height: 25px;
text-align: center;color:rgba(38, 128, 252, .1);	font-size: 80px;font-weight: 600;font-style: normal;text-transform: uppercase;width: 100%;}
.wz_tta h2{	color: #000000;font-size: 48px;font-weight: 600;text-align: center;}
.wz_tta h2 span{color: #006afc;}

.wz_tta h3{	font-size: 18px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #666666;text-align: center;margin-top: 10px;}

.wz_tta h4{text-align: center;margin-top: 10px;}








/*样式*/
@media (max-width: 1440px) {
.wz_tta em{font-size: 60px;}
.wz_tta h2{font-size: 40px;}
.wz_tta h3{font-size: 17px;}
  }

@media (max-width: 1370px) {
.wz_tta em{font-size: 50px;}
.wz_tta h2{font-size: 30px;}
.wz_tta h3{font-size: 16px;}
  }


  @media (max-width: 1280px) {
.wz_tta em{font-size: 46px;}
.wz_tta h2{font-size: 22px;padding-top: 5px;}
.wz_tta h3{font-size: 16px;line-height: 26px;}
.wz_tta h4{text-align: center;margin-top: 18px;}
  }




.abtt .wz{color:#333333;font-size:40px;font-weight:bold;}
.abtt .wz2{color:#333333;font-size:30px;font-weight:bold;}
.abtt2{text-align:center;}
.abtt2 .wz3{color:#333333;font-size:18px;margin-top:0.98vw;}

/* 行业解决方案 */
.yblist{ margin-top:50px;}
.yblist li+li{border-left:1px solid #fff;}
.yblist li{width:32%;position: relative;overflow: hidden;transition: all .4s; margin-top:30px;border-radius: 20px; margin:0 0.5%}
.yblist li .img img{display:block; height:500px}
/*.yblist li.active{width:50%;}
.yblist li.sm{width:23%;}*/
.yblist li .faa{width:92%;position:absolute;left:4%;bottom:150px;text-align:center;}
.yblist li .wz{color:#fff;font-size:36px;margin-bottom:28px;}
.yblist li .fbb{position:absolute;left:5%;right:5%;top:8vw;opacity:0;}
.yblist li .fbb .wz{color:#fff;font-size:36px; text-align:center}
.yblist li .fbb .wz2{color:#fff;font-size:16px;margin:1.6vw 0 2vw;}
.yblist li .xiaotu{width:100%;margin-top:2vw;}
.yblist li .xiaotu .ff1{width:100%;position: relative;text-align:center;}
.yblist li .xiaotu .ff1 .img2 img{width:auto;display:block; height:230px;border: 2px solid #fff; margin:auto;}
.yblist li .xiaotu .ff1 .wz3{ margin: auto;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:16px;width:65%;margin-top:-1px;background: rgba(255, 255, 255, .2);height: 36px;line-height: 36px;}
.yblist li .mos{}
.yblist li .mos .aa{display: flex;justify-content: center;flex-wrap:wrap;align-items: center;color:#3FB150;font-size:14px;border:1px solid #3FB150;background-color: rgb(255, 255, 255);width: 174px;height: 48px;border-radius:25px;}
.yblist li .mos .aa img{margin-right:11px;}
.yblist li .mos .aa img{display:block;}
.yblist li .mos .aa img:nth-child(2){display:none;}
.yblist li .mos:hover .aa img{display:none;}
.yblist li .mos:hover .aa img:nth-child(2){display:block;}
.yblist li .mos:hover .aa{color:#fff;background:#3FB150;border-color:#3FB150;}
.yblist li:hover .faa{opacity:0;transition: all .5s ease;}
.yblist li:hover .fbb{opacity:1;transition: all .5s ease;}






@media (max-width:1440px) {
 .abtt .wz{font-size:36px;}
 .abtt .wz2{font-size:27px;}
 .abwz{font-size:15px;line-height:30px;}

 .yblist li .wz{font-size:30px;}
 .yblist li .jia{width:60px;margin:0 auto;}
 .yblist li .jia img{width:100%;display:block;}
 .yblist li .fbb .wz{font-size:30px;}
 .yblist li .fbb .wz2{font-size:15px;}
 .yblist li .xiaotu .ff1 .wz3{font-size:15px;}
 .abtt2 .wz3{font-size:16px;}
 .yblist li .xiaotu .ff1 .wz3{ width:70%}

}
@media (max-width:1360px) {  .yblist li .xiaotu .ff1 .wz3{ width:80%}}
@media (max-width:1280px) {

 .abtt .wz{font-size:32px;}
 .abtt .wz2{font-size:24px;}

 .yblist li .wz{font-size:24px;}
 .yblist li .jia{width:54px;margin:0 auto;}
 .yblist li .fbb .wz{font-size:24px;}
  .yblist li .xiaotu .ff1 .wz3{ width:90%}

}


 .xypg-right-content{ line-height:30px; font-size:16px;}

@media (max-width: 768px) {
	
 .yblist li{width:100%;}
 .yblist li.sm{width:100%;}
 .yblist li.active{width:100%;}
 .yblist li+li{border:none;margin-top:15px;}
 .yblist li .faa{opacity:0!important;}
 .yblist li .fbb{opacity:1!important;}
 .yblist li .img img{width:100%;display:block; height:auto}
 
}


@media (max-width:640px) {
   .abtt .wz{font-size:25px;}
 .abtt .wz2{font-size:20px;}

  .yblist li .fbb .wz{font-size:20px;margin-bottom:12px;}
  .yblist li .fbb .wz2{margin:10px 0;}
  .yblist li .xiaotu .ff1 .wz3{font-size:14px;}
  .yblist li .mos .aa{height:42px;}
 
}



.nlist1{
  margin-top: 3.64583333333333vw;
}

.nlist1 li{
  width: 30.333%; margin-bottom:20px;
}
.nlist1 li .img1{
  border-radius: 10px;
}
.nlist1 li .img1 img{
  width: 100%;
  border-radius: 10px; height:320px;
}

.nlist1 li .wz1{
  align-items: center;
  justify-content: flex-start;
  padding: 1.1vw 0;
}

.nlist1 li .wz1 .date{
  color: #999999;
  font-size: 16px;
  font-family: "Arial";
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #666666;
}

.nlist1 li .wz1 .date img{
  margin-right: 5px;
}

.nlist1 li .wz1 .cate{
  color: #999999;
  font-size: 16px;
  font-family: "Arial";
  margin-right: 5px;
}

.nlist1 li .wz1 .cate img{
  margin-right: 5px;
}

.nlist1 li .wz2{
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nlist1 li .wz3{
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}

.nlist1 li .wz4{
  width: 140px;
  height: 45px;
  background: #00a064;
  border-radius: 30px;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
  color: #fff;
  margin-top: 1.9vw;
}

.nlist1 li:hover .img1{
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24);
}

.nlist1 li:hover .wz2{
  color: #00a064;
}

@media(max-width: 1280px){
	.nlist1 li .img1 img{ height:230px}
	
}

@media(max-width: 767px){
  .nlist1{
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .nlist1 li{
    width: 100%;
    margin-bottom: 20px;
  }
  .nlist1 li .wz1{
    padding: 10px 0;
  }
  .nlist1 li .wz2{
    font-size: 16px;
  }

}



/* 23联系我们 */
.h23_box1{margin-top: 50px;}


.lx_23{width: 32%;}
.lx_23 h2{	font-size:40px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;}
.lx_23 h3{	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0px;
	color: #666666;margin-top: 10px;}


.tel_23{background:url(../images/a9309786b40ae8fd95d14fbae20bd93cfbd19644.png) no-repeat center left;padding: 5px 0;padding-left: 55px;margin-top: 38px;}
.tel_23 p:nth-child(1){	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;}

.tel_23 p:nth-child(2){		font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;}



.dh_23{margin-top: 38px;	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #333333;}
.dh_23 p{line-height: 44px;
	letter-spacing: 0px;
	color: #333333;}


.wm23{margin-top: 2.5vw;}
.wm23 img{width: 150px;}


.mess_23{width: 44%;box-shadow: 0 0 10px #999;border-bottom: 6px solid #3FB150;padding: 30px;}
.mess_23 h2{	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;}

.mess_23 h3{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;}




.x-message2{margin-top: 20px;}

.x-message2-wrap .row {
    margin-left: -5px;
    font-size: 0;
    margin-right: -5px;
}

.x-message2-wrap div[class^='col-'] {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.x-message2-wrap input[type='text'], .x-message2-wrap textarea {
    width: 100%;
    height: 62px;
   
    padding: 0 10px;
    font-size: 16px;
  color:#999999;
    background:none;
    outline: none;
    margin-bottom: 10px;border: none;
     border-bottom: 1px solid #dee0e2;
}

.x-message2-wrap input[type='text']::-webkit-input-placeholder, .x-message2-wrap textarea::-webkit-input-placeholder {
      color:#999999
}

.x-message2-wrap input[type='text']::-moz-placeholder, .x-message2-wrap textarea::-moz-placeholder {
      color:#999999
}

.x-message2-wrap input[type='text']::-ms-input-placeholder, .x-message2-wrap textarea::-ms-input-placeholder {
      color:#999999
}

.x-message2-wrap input[type='text']::placeholder, .x-message2-wrap textarea::placeholder {
      color:#999999
}

.x-message2-wrap textarea {
    padding-top: 5px;
    height: 62px;
    resize: none;
}

.x-message2-wrap #checkcode {
    float: left;
    width: 32.29813665%;
    margin-bottom: 0;
}

.x-message2-wrap .checkCodeImg {
    float: left;
    display: block;
    text-align: center;
    width: 17.39130435%;
    height: 62px;
    font-size: 0;
    background: #e7e4e4;
    padding:0px;
}

.x-message2-wrap .checkCodeImg img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.x-message2-wrap .checkCodeImg:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.x-message2-wrap .checkCodeImg img {
    cursor: pointer;
}

.x-message2-wrap .x-submit {
    float: right;
    width: 49.68944099%;
    height: 62px;
    background:#3FB150;
    color: #fff;
    font-size: 16px;
    border: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-message2-wrap .x-submit:hover {
    background:#3FB150;
}
.x-message2-wrap .form-control{border-radius: 0px;border-top: none!important;
 box-shadow: inset 0 1px 1px rgba(255,255,255,1); 
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.x-message2-wrap #checkcode{border-top:none}


.shengm{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #666666;margin-top: 20px;}
.shengm span{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #666666;}


.ming{	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #999999;margin-top: 8px;}



.map23{width: 100%;margin:0 auto;margin-top: 80px;}
.map23 img{width: 100%;}



/* 手机样式 */
@media (max-width: 990px) {
    .x-message2-wrap {
        margin-left: 0;
        margin-right: 0;
    }

    .x-message2-wrap #checkcode {
        width: 65%;
    }

    .x-message2-wrap .checkCodeImg {
        width: 35%;
    }

    .x-message2-wrap .x-submit {
        float: none;
        margin-top: 10px;
        width: 100%;
    }
}



/* 媒体查询 */

@media (max-width: 1280px) {
.lx_23 h2{	font-size: 25px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;}
.lx_23 h3{	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;margin-top: 10px;}

.mess_23{width: 56%;box-shadow: 0 0 10px #999;border-bottom: 6px solid#3FB150;padding: 30px;}
}


@media(max-width: 768px){
.d_n2{position: absolute;width: 100%;left:0px;bottom:20px;text-align: center;}
}



@media(max-width: 768px){
    .h23_box1{margin-top: 30px;}
.lx_23{width: 100%;}
.mess_23{width: 100%;box-shadow: 0 0 10px #999;border-bottom: 6px solid#3FB150;padding: 15px;margin-top: 40px;}
.dh_23{margin-top: 38px;	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #333333;}
.dh_23 p{line-height: 34px;
	letter-spacing: 0px;
	color: #333333;}


.mess_23 h2{	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;}

.mess_23 h3{	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #666666;margin-top: 8px;}


.x-message2-wrap input[type='text'], .x-message2-wrap textarea {
    width: 100%;
    height: 42px;
   
    padding: 0 10px;
    font-size: 16px;
  color:#999999;
    background:none;
    outline: none;
    margin-bottom: 10px;border: none;
     border-bottom: 1px solid #dee0e2;
}

.x-message2-wrap .checkCodeImg {
    float: left;
    display: block;
    text-align: center;
    height: 42px;
    font-size: 0;
    background: #e7e4e4;
    padding:0px;
}


.x-message2-wrap .x-submit {

    height: 42px;
    background:#3FB150;
    color: #fff;
    font-size: 16px;
    border: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

}


#gsjj{ background: url("../images/map.png") no-repeat center top; position: relative; margin-top:30px;}
#gsjj .row,#gsjj .tit_zy{ position: relative; z-index: 1;}
#gsjj .main{ position: relative;}
#gsjj .main:before{  text-transform: uppercase; content: attr(data-title); position: absolute; right: 0; margin: auto; top: 12%; display: block; width: 100%; height: 100%; text-align: right; font-family: Impact; letter-spacing: 5px; color: #fff !important; font-size: 180px; text-shadow: 1px 1px #f0f0f0,-1px -1px #f0f0f0,1px -1px #f0f0f0,-1px 1px #f0f0f0;}
.tit_zy{ line-height: 65px;}
.tit_zy p{ font-size: 72px; color: #333333; font-family: engfont;}
.tit_zy span{ color: #333333; font-size: 30px;}
#gsjj .con{ color: #333; font-size: 16px; line-height: 35px; height: 385px; margin-top: 2%; overflow-y: scroll;}
#gsjj .con::-webkit-scrollbar{
    width:3px;
    height:6px;
}
#gsjj .con::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #e8e8e8;
}
#gsjj .con::-webkit-scrollbar-thumb{
    background: #3FB150;
}

@media screen and (max-width:1440px){
    #gsjj .main:before{ font-size: 140px; top: 15%;}
    .tit_zy p{ font-size: 50px;}
    #gsjj .con{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #gsjj .main:before{ font-size: 120px;}
    #gsjj .con{ height: 285px;}
    .tit_zy{ line-height: 50px;}
    .tit_zy p{ font-size: 40px;}
	.text-center img{ max-width:100%}
}
@media screen and (max-width:991px){
    #gsjj{ background: url("../images/map.png") no-repeat right top;}
    #gsjj .main:before{ display: none;}
    #gsjj .con{ margin-bottom: 3%;}
    .tit_zy{ line-height: 40px;}
    .tit_zy p{ font-size: 30px;}
    .tit_zy span{ font-size: 26px;}
	
}
@media screen and (max-width:768px){
    .tit_zy{ line-height: 40px;}
    .tit_zy p{ font-size: 26px;}
    .tit_zy span{ font-size: 20px;}
}



.flexf {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.produtnav .down_li_content1{ position:fixed; left: 0; width: 100%; background: rgb(255,255,255,1); padding: 55px 0px;box-shadow: 0px 10px 18px rgba(0,0,0,.05);overflow: auto; display:none}
.produtnav .down_li_content{ display: flex; align-items: flex-start; justify-content: center; }
.produtnav .down_li_content .list_down_Close{position: absolute; right: 20px; top: 20px; cursor: pointer;}
.produtnav .down_li_content .list_down_Close img{ height: 20px;}
.produtnav .down_li_content .list_down_content{ margin: 0 auto; display: flex; padding: 0px 60px;}
.produtnav .down_li_content .list_down_content .list_down_li{ width: auto; margin-right: 50px;}
.produtnav .down_li_content .list_down_content .list_down_li:last-child{ margin-right: 0px;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_title{ font-size: 24px; color: #111111; font-weight: bolder; display: none; align-items: center; white-space: nowrap;}
.produtnav .content_list_down .list_down_content .list_down_li .down_li_title{ display: flex;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_title span{ border-radius: 100%; width: 30px; height: 30px; border: 3px solid #3FB150; display: flex; align-items: center; justify-content: center; margin-left: 18px;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_title span i{ font-size: 16px; color: #3FB150;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_title:hover{ color: #3FB150;}
.produtnav .content_list_down .list_down_content .list_down_li .down_li_title{ font-size: 20px;}
.produtnav .content_list_down .list_down_content .list_down_li .down_li_title span{width: 22px; height: 22px; border: 2px solid #3FB150;}
.produtnav .content_list_down .list_down_content .list_down_li .down_li_title span i{ font-size: 12px;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_content{ margin-top: 0px;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_content{ display: flex; }
.produtnav .down_li_content .list_down_content .list_down_li .down_li_content .li_content_list{ margin-right: 35px; }
.produtnav .down_li_content .li_content_list { margin-right: 165px; }
.produtnav .down_li_content .list_down_content .list_down_li .down_li_content .li_content_list:last-child{ margin-right: 0px;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_content .li_content_list .content_list_dd{ font-size: 20px; color: #111111;}

.produtnav .down_li_content .li_content_list .content_list_dd{ font-size: 22px; color:#3FB150; font-weight:bold}
.produtnav .down_li_content .li_content_list .content_list_dt a{font-size: 16px;}


.produtnav .down_li_content .li_content_list .content_list_dt{ padding-top: 15px;}
.produtnav .down_li_content .li_content_list .content_list_dt a{color: #333; display: flex; align-items: flex-start; padding: 13px 0px; border-bottom: 1px solid #dcdcdc; position: relative; padding-left: 15px;}
.produtnav .down_li_content .list_down_content .list_down_li .down_li_content .li_content_list .content_list_dd:hover{color:#3FB150;}
.produtnav .down_li_content .li_content_list .content_list_dt a:hover{ color: #3FB150; border-bottom: 1px solid #3FB150;}
.produtnav .down_li_content .li_content_list .content_list_dt a::before{ content: ""; display: inline-block; width: 5px; height: 1px; border-radius: 100px; background:#3FB150; position: relative; top: 9px; position: absolute; left:0; top: 20px;}
.produtnav .down_li_content .li_content_list .content_list_dt a:hover::before{ background:#3FB150;}
.produtnav .down_li_content .content_list_down{ display: flex;}
.x-menu .produtnav:hover .down_li_content1{ display:block}



.s_video{ background: url(../images/s_video.jpg) center no-repeat; background-size: cover; height: 42.5rem;}
.s_video .m{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
.s_video .btn_play{ margin-bottom: 6.25rem;}
.s_video h4{ font-size: 2.5rem; color: #fff; font-weight: bold; margin-bottom: 1rem;}
.s_video p{ font-size: 1rem; line-height: 1.5rem; color: rgba(255, 255, 255, .7);}


.btn_play{ display: block; width: 5.4375rem; height: 5.4375rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; }
.btn_play img{ position: relative; z-index: 99;}
  .btn_play span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; border: 1px solid rgba(255, 255, 255, .6);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
  }
  .btn_play span:nth-of-type(2) {
    animation-delay: 1s;
  }
  .btn_play span:nth-of-type(3) {
    animation-delay: 2s;
  }
  .btn_play span:nth-of-type(4) {
    animation-delay: 3s;
  }
  @keyframes circleScale {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
      
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.8);
      -moz-transform: scale(1.8);
      -ms-transform: scale(1.8);
      transform: scale(1.8);
    }
  }
  @keyframes circleScale1 {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(3);
      -moz-transform: scale(3);
      -ms-transform: scale(3);
      transform: scale(3);
    }
  }

  .tc_btn{ cursor: pointer;position: absolute;
    left: 50%;
    margin-left:-50px;
   width:100px; height: 100px;
    top: 50%;
    transform: translateY(-50%);}
  .tc_video{ width:90%; max-width: 800px; margin:0 auto; background:none; position: relative;}
  .tc_video #my-video{ position:relative; height: 0; padding-top:60%; width:100%;}
  .tc_video #my-video video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
  .tc_video .tc_close{ display:block; position:absolute; top:-2rem; right:-3rem; border-radius:50%;} 
  

/* 底部 */
footer {
}
footer a {
  font-size: inherit;
  color: inherit;
}
footer a:hover {
}
.layout {
  border-top: 6px solid #3FB150;
background:url(../img/0ed58f72f7ee2310196f3f87342d4ae5b3c6e6bd.png) no-repeat top;background-size: cover;
  /* padding: 65px 0; */
  padding: 3.4% 0;
}
.layout_nav {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 65%;
}
.layout_nav dl {
  width: 25%;
}

.layout_tit {
  font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
  margin-bottom: 1em;
}
.layout_nav dl dd {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.layout_nav dl dd a {
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.25;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.64);  
  display: block;
}
.layout_nav dl dd a:hover {
  color: #ffffff;
}

.layout_contact {
  width: 30%;
  max-width: 415px;
  margin-left: auto;
}
.layout_contact_wz {
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.64);
}
.layout_ewm {
  margin-top: 10%;
}
.layout_ewm ul {
  max-width: 250px;
  justify-content: space-between;
}
.layout_ewm ul li {
  max-width: 110px;
  width: 48%;
}
.layout_ewm ul li img {
  display: block;
  width: 100%;
}
.layout_ewm ul li p {
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.5);
  margin-top: 0.6em;
  text-align: center;
}

.foots {
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #fff;
  padding: 1em 0; background:#10100F
}
.foots .wh {
  justify-content: space-between;
  flex-wrap: wrap;
}
.foots a:hover{ color:#fff}

@media (max-width: 1560px) {
  .layout_tit {
    font-size: 1.28vw;
    margin-bottom: 0.8em;
  }
  .layout_nav dl dd a {
    font-size: 15px;
  }
  .layout_contact_wz {
    font-size: 15px;
  }
  .layout_ewm ul {
    width: 16vw;
  }
  .foots {
    font-size: 13px;
  }
}
@media (max-width: 1400px) {
  .layout_tit {
    font-size: 18px;
    margin-bottom: 0.6em;
  }
  .layout_nav dl dd a {
    font-size: 14px;
  }
  .layout_contact_wz {
    font-size: 14px;
  }
  .layout_ewm ul li p {
    font-size: 13px;
  }
  .foots {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  #toolbar {
    display: none;
  }
  .layout_ewm {
    margin-top: 20px;
  }
  .layout_ewm ul{
    width: 200px;
  }
}
@media (max-width: 990px) {
  .foots {
    text-align: center;
  }
  .foots .dth_wh {
    justify-content: center;
  }
  .layout_nav {
    display: none;
  }
  .layout_contact {
    width: 100%;
    max-width: 100%;
  }
  .ft_prs,
  .ft_region,
  .ft_link {
    display: none;
  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}



table {
    border-collapse: collapse;
    border-spacing: 0;table-layout: fixed;

}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.table-bordered td{ padding:0 10px;}
table td{ padding:15px;}
table img{ max-width:100%; max-height:100%}
@media (max-width: 992px)
{.wh{ padding:0 20px}
table td{ width:100%; float:left}
.fen .xypg-left-nav > li > a{ padding:0 10px; line-height:40px;}
}