/*banner*/ 
.div-a{ float:left;width:49%;border:1px solid #Fff} 
.div-b{ float:left;width:49%;border:1px solid #Fff} 

.div1-a{ float:left;width:33%;border:1px solid #Fff} 
.div1-b{ float:left;width:33%;border:1px solid #Fff}
.div1-c{ float:left;width:33%;border:1px solid #Fff}  
.div1-a ms li{ margin-bottom:10px; padding-left:30px; background:url(../images/ico-d.png) no-repeat left 5px;}
.div1-b ms li{ margin-bottom:10px; padding-left:30px; background:url(../images/ico-d.png) no-repeat left 5px;}
.div1-c ms li{ margin-bottom:10px; padding-left:30px; background:url(../images/ico-d.png) no-repeat left 5px;}

.banner{ position:relative}
.banner .swiper-slide .weap{  position:relative; z-index:1}
.banner .swiper-slide .img{  height:37vw; overflow:hidden} 
.banner .swiper-slide .img img{display:block;width:100%;height:100%;object-fit:cover; }
 
.banner .swiper-slide .t{ position:absolute; z-index:2; right:50px; opacity:0;top:42%; visibility:hidden; font-size:53px; font-weight:bold; color:#fff}
.banner .swiper-slide.swiper-slide-active .t{top:32%; visibility:visible; opacity:1;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: alll 1s;transition-delay:1s}
.banner a{ display:block; position:relative}
.banner .right{ position:absolute; z-index:1; left:30vw;top:3.9vw; transform:translateX(150%) ;transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: alll 0.7s; opacity:0}
.banner .right img{ width:43.4vw}
.banner .left{ position:absolute; z-index:2; left:0;top:10.8vw; line-height:1.2; color:#fff}
.banner .left .p1{ font-size:2.5vw; font-weight:normal; padding-left:9vw; margin-bottom:1vw;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s; transform:translateY(100px); opacity:0}
.banner .left .p2{ font-size:1.8vw; font-weight:bold; color:#fff; padding-left:9vw; margin-bottom:1.5vw;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s; transform:translateY(100px); opacity:0}
.banner .left .p3{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s; transform:translateY(100px); opacity:0}
.banner .left .p3 span{ display:inline-block; font-size:1vw; padding:1vw 0; padding-right:5vw;padding-left:9vw; background-image: linear-gradient(to right, rgba(86,164,189,.63) , rgba(86,164,189,0)); }
.banner .ani-slide .p1{ transform:translateY(0); opacity:1}
.banner .ani-slide .p2{ transform:translateY(0); opacity:1}
.banner .ani-slide .p3{ transform:translateY(0); opacity:1}
.banner .ani-slide .right{transform:translateX(0); opacity:1 }
.banner .mimg{ display:none}
 
.banner .pagination-all{ position:absolute; z-index:2; left:0; right:0; text-align:center; bottom:20px}
.banner .swiper-pagination-bullet{ width:100px; height:3px; margin:0 5px; background-color:#fff; border-radius:0}
  
.nbanner{ height:425px;  background-repeat:no-repeat; background-position:center; background-size:cover}
.nbanner .weap{   position:relative; height:100%}
.nbanner .txt{ position:absolute; z-index:2; left:0;top:50%; transform:translateY(-50%)}
.nbanner .txt h3{ font-size:48px; position:relative;margin-bottom:0; color:#fff; text-shadow:0 0 20px rgba(51,51,51,.3)} 
.nbanner .txt .p{ font-size:16px; color:#fff;text-shadow:0 0 10px rgba(51,51,51,.3) } 
 
.nbanner .box{ height:425px; background-repeat:no-repeat; background-position:center; background-size:cover; position:fixed; z-index:1; left:0; right:0;top:100px;}

.plo01 h3{ font-size:42px; color:#015ca1;}
.plo01 .line{ width:208px; height:5px; background-color:#015ca1}

.index01{ padding-top:70px; padding-bottom:65px}
.index01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .img{flex:0 0 44%; background-color:#fff; height:465px; overflow:hidden}
.index01 .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.index01 .txt{ margin-right:65px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; }
.index01 .t1{ font-size:42px; font-weight:bold; line-height:1.2; margin-bottom:15px}
.index01 .line{width:165px; height:5px; background-color:#015ca1; margin-bottom:15px}
.index01 .txt .p{ line-height:2; font-size:18px}
.index01 .txt .p a{ font-size:18px}
.index01 .video{flex:0 0 45%; background-color:#fff; height:485px; background-color:#000;  }


 
.index02{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
#tabs-container{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; overflow:hidden}
#tabs-container img{ width:100%; height:100%;object-fit: cover;}
#tabs-container .swiper-slide{ height:640px; overflow:hidden}
.tabs{flex:0 0 21.8%}
.tabs a{ display:block; height:160px; line-height:160px; padding-left:66px;background-image: linear-gradient(#488dd5, #015ca1); font-size:20px; color:#fff}
.tabs a i{ display:inline-block; width:64px; height:64px; background-repeat:no-repeat; background-position:center; background-size:cover;  vertical-align:middle; margin-right:20px}
.tabs a .ico-e01{ background-image:url(../images/ico-e01.png)}
.tabs a .ico-e02{ background-image:url(../images/ico-e02.png)}
.tabs a .ico-e03{ background-image:url(../images/ico-e03.png)}
.tabs a .ico-e04{ background-image:url(../images/ico-e04.png)}
.tabs a.active{ box-shadow:0 5px 20px rgba(65,123,226,.6); position:relative; z-index:2}
.tabs a.active:after {
    content: "";
    display: inline-block;
     width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 18px solid #015ca1;
    border-bottom: 18px solid transparent;
	 position:absolute; z-index:2; left:-18px;top:50%; margin-top:-10px
}
.index03{ padding:70px 0; background:#f9f9f9 url(../images/index03bg.jpg) no-repeat center top; background-size:cover}
.index03 .hd{ text-align:right; margin-top:-40px; margin-bottom:35px; color:#015ca1}
.index03 .hd ul li{ display:inline-block; margin-left:65px;}
.index03 .hd ul li i{ display:inline-block; height:48px; background-repeat:no-repeat; background-position:center bottom; background-size:100%; margin-right:10px; vertical-align:middle}
.index03 .hd ul li span{ display:inline-block; vertical-align:middle; border-bottom:2px solid #999999; padding-bottom:5px;}
.index03 .hd ul li i.ico-f01{ background-image:url(../images/ico-f01.png); width:40px;}
.index03 .hd ul li i.ico-f02{ background-image:url(../images/ico-f02.png); width:45px;}
.index03 .hd ul li i.ico-f03{ background-image:url(../images/ico-f03.png); width:26px;}
.index03 .hd ul li i.ico-f04{ background-image:url(../images/ico-f04.png); width:28px;}
.index03 .hd ul li.on a,.index03 .hd ul li a:hover{ color:#5bb1d6}
.index03 .hd ul li.on a span,.index03 .hd ul li a:hover span{ border-bottom:2px solid #5bb1d6}
.index03 .hd ul li.on i.ico-f01,.index03 .hd ul li a:hover i.ico-f01{ background-image:url(../images/ico-f01on.png);  }
.index03 .hd ul li.on i.ico-f02,.index03 .hd ul li a:hover i.ico-f02{ background-image:url(../images/ico-f02on.png);  }
.index03 .hd ul li.on i.ico-f03,.index03 .hd ul li a:hover i.ico-f03{ background-image:url(../images/ico-f03on.png);  }
.index03 .hd ul li.on i.ico-f04,.index03 .hd ul li a:hover i.ico-f04{ background-image:url(../images/ico-f04on.png); }

.index03 .swiper-slide .img{ height:230px; line-height:230px; background-color:#e3e3ef; overflow:hidden; font-size:0; border:1px solid #dbdbdb; text-align:center}
.index03 .swiper-slide .img img{ max-width:100%; max-height:100%; vertical-align:middle}
.index03 .swiper-slide  h3{ font-size:16px; font-weight:normal; margin-top:30px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 .swiper-paginations{ text-align:center; margin-top:42px}
.index03 .swiper-paginations span{ width:14px; height:14px; background-color:#e5e5e5; opacity:1}
.index03 .swiper-paginations span.swiper-pagination-bullet-active{ background-color:#015ca1}

.index04{ padding:70px 0}
.index04 .line{width:165px; height:5px; background-color:#015ca1; margin-bottom:15px}
.index04 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index04 .left{flex:0 0 22.4%; padding-top:120px; }
.index04 .mores{ margin-top:60px}
.index04 .mores a{ display:block; width:162px; height:48px; line-height:48px; text-align:center; background-color:#015ca1; color:#fff; font-size:18px;}
.index04 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.index04 li{ float:left; width:33.33%; padding:0 30px;border-left:1px solid #eeeeee; padding-bottom:40px}
.index04 li a{ display:block; padding-top:70px;}
.index04 li:last-child{ padding-right:0} 
.index04 li .img{ overflow:hidden; height:224px; margin-bottom:35px;}
.index04 li .img img{ display:block; height:100%; width:100%;    object-fit: cover;}
.index04 li .date{ font-size:15px; color:#5e5e5e; margin-bottom:25px;}
.index04 li h3{ font-size:24px; font-weight:normal; line-height:1.4; margin-bottom:25px; height:66px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index04 li .p{ color:#5e5e5e; height:99px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4; margin-bottom:50px}
.index04 li .more span{ display:inline-block; width:160px; color:#015ca1; font-size:15px; line-height:48px; border:1px solid #015ca1; text-align:center; border-radius:48px;}
.index04 li .more span:hover{ background-color:#015ca1; color:#fff}

.plo{ margin-bottom:25px}
.plo h3{ font-size:42px; font-weight:bold; line-height:1.2}
.plo .eng{ font-size:16px; font-weight:bold; text-transform:uppercase}

.productlist02 .bd ul{ margin:0 -10px}
.productlist02 .bd li{ float:left; width:25%; margin-bottom:80px;}
.productlist02 .bd li a{ display:block; margin:0 10px;}
.productlist02 .bd li a:hover h3{ background-color:#3c89dd; color:#fff}
.productlist02 .bd li .img{ height:230px; overflow:hidden; text-align:center; border:1px solid #bfbfbf;box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3); line-height:230px; padding:5px}
.productlist02 .bd li .img img{ max-width:100%; max-height:100%;vertical-align: middle;}
.productlist02 .bd li h3{ text-align:center; font-size:16px; line-height:60px; font-weight:normal; background-color:#d1eeff}

.plo3{ text-align:center; margin-bottom:20px}
.plo3 h3{ font-size:42px;}
.plo3 .line{ width:110px; height:5px; background-color:#015ca1; margin:0 auto}
.about03 .swiper-slide img{ display:block; width:100%;}
.about03 .ps{ font-size:19px; margin-bottom:50px; line-height:2.2}
.about03 .ps a{ font-size:19px;}
.about03 .swiper-button-next,.about03 .swiper-button-prev{ color:#fff}

.about04 .bd img{ width:100%}
.about04{ padding-top:70px; padding-bottom:35px}
.about05{ padding-top:35px; padding-bottom:70px;}
.about05 ul{ font-size:0; text-align:center; margin:0 -10px}
.about05 ul li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:20px}
.about05 ul li .img{ margin:0 10px;}
.about05 ul li .img img{ max-width:100%; max-height:100%;}

 
.menu-box{position:relative;z-index:3;background-color:#fff;border-bottom:1px solid #e7e7e7;line-height:60px;font-size:16px}
.menu-box dl a{font-size:16px;margin-right:36px;display:inline-block}
.menu-box dl a.on{color:#3c89dd; font-weight:bold;}
.menu-box .span{position:absolute;width:0;height:3px;background-color:#3c89dd;left:0;bottom:-1px;transition:all 0.4s}
.menu-box dt a::after{content:"\eb17";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;font-size:0.14rem;margin-left:0.16rem}
.menu-box dl{ float:left} 

.main{ background-color:#fff; position:relative; z-index:2; padding-top:45px; padding-bottom:1px;}

.about01{ margin-bottom:80px}
.about01 .hd{ margin-bottom:25px}
.about01 .hd h3{ font-size:45px; font-weight:bold; position:relative; line-height:1.2}
.about01 .hd h3::after{ content:""; display:block; width:87px; height:10px; position:absolute; z-index:-1; left:0; bottom:0; background-color:#015ca1}
.about01 .bd{ overflow:hidden; font-size:16px}
.about01 .bd a{ font-size:16px}
.about01 .bd img{ max-width:100%;}
.about01 .bd h6.p{ font-size:24px; color:#5f5f5f; font-weight:normal; margin-bottom:35px}

.about02 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about02 ul{  width:35%; margin-right:10%}
.about02 ul li{ width:50%; float:left; line-height:1.2 }
.about02 ul li .a{ padding:25px 0; border-bottom:1px solid #dedede; border-right:1px solid #dedede}
.about02 ul li:nth-child(3) .a,.about02 ul li:nth-child(4) .a{border-bottom:none}
.about02 ul li:nth-child(even) .a{ padding-left:50px; border-right:none}
.about02 ul li .num span{ font-size:73px; color:#015ca1; font-family:Impact;}
.about02 ul li .num i{ margin-left:10px}
.about02 ul li .p{ font-size:16px; color:#bbbbbb}
.about02 .video{  width:55%; position:relative}
.about02 .video video{ width:100%}
.about02 .video img{ position:absolute; z-index:3; left:50%;top:50%; cursor:pointer; margin-left:-38px; margin-top:-38px;transition: all 0.4s;}
.about02 .video .active img{    opacity: 0; transform: scale(1.6);}

.newslist .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-top:70px; padding-bottom:30px}
.newslist .bd li{ border-bottom:1px dashed #cccccc}
.newslist .bd li:last-child{ border-bottom:none}
.newslist .bd .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.newslist .bd .txt .date{ font-size:18px; color:#696969}
.newslist .bd .txt h3{ font-size:25px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.newslist .bd .img{flex:0 0 390px; height:260px; overflow:hidden; border-radius:5px; margin-left:88px;}
.newslist .bd .img img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.newslist .bd a:hover .img img{ transform:scale(1.1)}
.newslist .bd .txt .p{ font-size:16px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color:#333}
.newslist .bd .txt .more{ margin-top:50px}
.newslist .bd .txt .more span{ display:inline-block; width:120px; height:42px; line-height:42px; background-color:#015ca1; color:#fff; text-align:center;}

.mainnewspage{ background-color:#f7f7f7}
.newspage .bd{ background-color:#fff; border-top:2px solid #dfdcdc;}
.newspage .conn{ padding:60px; overflow:hidden;  }
.newspage .conn img{ max-width:100%; height:auto !important}
.newspage .conn h1.title{ font-size:25px; text-align:center; font-weight:normal}
.newspage .conn .info{ text-align:center; font-size:13px; color:#929292; padding-bottom:40px; border-bottom:1px solid #dcdcdc; margin-bottom:20px}
.newspage .conn .ms{ font-size:16px;}
.newspage .conn .ms a{ font-size:16px}
.nextprev{ background-color:#e0ebfd; padding:0 15px; height:80px; line-height:80px; }
.nextprev li{ float:left; width:48%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nextprev li:nth-child(even){ float:right; text-align:right}

.productlist .bd ul{ margin:0 -15px;}
.productlist .bd li{ float:left; width:25%; margin-bottom:30px;}
.productlist .bd li a{ display:block; margin:0 15px; background-color:#fbfbfb; padding-bottom:15px;}
.productlist .bd li .img{ height:244px; border:1px solid #dadada; overflow:hidden; margin-bottom:20px}
.productlist .bd li .img img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.productlist .bd li a:hover .img img{ transform:scale(1.1)}
.productlist .bd li a:hover h3{ color:#015ca1}
.productlist .bd li .t h5{ display:inline-block; line-height:36px; height:36px; background:url(../images/h5png.png) no-repeat right center; padding-left:15px; padding-right:20px; min-width:205px; font-size:16px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; max-width:100%; color:#007aff}
.productlist .bd li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 15px; font-size:20px; color:#686767; font-weight:normal; margin-bottom:15px}
.productlist .bd .ps{ padding:0 15px; font-size:15px; color:#949393;}
.productlist .bd .ps .p{ padding-left:22px; background:url(../images/ico-p.png) no-repeat center left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mainproductpage{ background-color:#f7f7f7}
.mainproductpage .bd{background-color:#fff; border-top:2px solid #dfdcdc; padding:60px}

.producpage01{ margin-bottom:45px;} 
.producpage01 .left{ width:50%; float:left}
.producpage01 .left img{ display:block; width:100%;}
.producpage01 .right{ float:right; width:48%}
.producpage01 .right h1.title{ font-size:25px; color:#015ca1; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:25px;}
.producpage01 .right li{ font-size:18px; margin-bottom:15px}
.producpage01 .right .as{ margin-top:36px;}
.producpage01 .right .as a{ display:inline-block; padding:0 20px; line-height:48px; margin-right:15px; font-size:16px;}
.producpage01 .right .as .a1{ background-color:#e3e3e3;}
.producpage01 .right .as .a1:before{ content:""; display:inline-block; width:33px; height:36px; vertical-align:middle; background:url(../images/ico-pdf.png) no-repeat center; background-size:100%; margin-right:10px; position:relative;top:-3px}
.producpage01 .right .as .a2{ background-color:#015ca1; color:#fff}
.producpage01 .right .as .a2:before{ content:""; display:inline-block; width:29px; height:29px; vertical-align:middle; background:url(../images/ico-tel.png) no-repeat center; background-size:100%; margin-right:10px; position:relative;top:-3px}

.producpage01 .swiper-button-next,.producpage01 .swiper-button-prev{ width:47px; height:47px;}
.producpage01 .swiper-button-next{ background:url(../images/ico-next.png) no-repeat center; background-size:100%}
.producpage01 .swiper-button-prev{ background:url(../images/ico-prev.png) no-repeat center; background-size:100%}
.producpage01 .swiper-button-next:after,.producpage01 .swiper-button-prev:after{ display:none}

.producpage02 .hd{ margin-bottom:15px}
.producpage02 .hd h3{margin-bottom:20px; margin-top:10px; display:inline-block; padding:0 30px; line-height:45px; color:#fff; font-size:22px; background-color:#015ca1; font-weight:bold; border-radius:5px;}
.producpage02 .ms{ margin-bottom:30px; overflow:hidden; font-size:15px; }
.producpage02 .ms img{ max-width:100%; height:auto !important}
.producpage02 .ms a{ font-size:15px;}
.producpage02 .ms li{ margin-bottom:10px; padding-left:30px; background:url(../images/ico-d.png) no-repeat left 5px;}

.contact01{ margin-bottom:70px}
.contact01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.contact01 .left{flex:0 0 32%; background-color:#fff; border-bottom:1px solid #015ca1; box-shadow:0 0 20px rgba(0,0,0,.21); padding:50px; margin:0 5%}
.contact01 .left li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; height:60px; border-bottom:1px solid #cecece}
.contact01 .left li .p{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.contact01 .left li .p input{ width:100%; border:none; height:50px; }
.contact01 .hd h3{ font-size:36px; font-weight:normal; margin-bottom:12px; line-height:1.2}
.contact01 .hd .p{ font-size:16px; line-height:1.6; margin-bottom:20px; color:#666}
.contact01 .btnbox{ margin-top:20px}
.contact01 .btnbox button{display:block;margin:0 auto;width:130px;height:54px;border-radius:27px;background-color:#eee;text-align:center;line-height:54px;font-size:18px;transition:all 0.4s;cursor:pointer;border:none}
.contact01 .btnbox button::after{content:"\eb16";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;margin-left:6px}
.contact01 .btnbox button:hover{ background-color:#015ca1; color:#fff}
.contact01 .right .as{ margin-bottom:35px}
.contact01 .right .as a{ display:inline-block; width:145px; height:44px; line-height:44px; background-color:#8a8a8a; font-size:16px; color:#fff; text-align:center; margin-right:10px}
.contact01 .right .as a.on,.contact01 .right .as a:hover{ background-color:#015ca1}
.contact01 .right li{ margin-bottom:10px; padding-left:43px; background-position:left 3px; background-repeat:no-repeat;}
.contact01 .right li.a1{ background-image:url(../images/ico-a01.png)}
.contact01 .right li.a2{ background-image:url(../images/ico-a02.png)}
.contact01 .right li.a3{ background-image:url(../images/ico-a03.png)}
.contact01 .right li.a4{ background-image:url(../images/ico-a04.png)}

.contact02 .map{ height:550px;}
.maincontact{ padding-bottom:0}


/* È˲ÅÕÐƸ */
.social_job01 .infor{text-align:center;}
.social_job01 .infor .tit{font-size:42px; line-height:65px; color:#232d46;}
.social_job01 .infor .stit{font-size:14px; line-height:30px; color:#3f3f3f; margin-bottom:35px;}
.social_job02 li.first {background:#4479c9; color:#fff; border-bottom:none; padding:0; height:60px;line-height:60px; border-radius:5px; font-size:18px; font-weight:bold; }
.social_job02 li.first1 {background:#fff; border-bottom:none; padding:0; height:80px; border-radius:5px; font-size:15px; padding-top:10px;}
.social_job02 li.first2 {background:#f5f5f5; border-bottom:none; padding:0; height:80px; border-radius:5px; font-size:15px; padding-top:10px;}
.social_job02 li ._ut{width:24.5%; float:left; text-align:center;}
.social_job02 li ._un{float:left; text-align:center; height:74px; line-height:74px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#374567;}



.about05  .bd img{ max-width:100%; height:auto !important}
@media (max-width: 1580px){
.nbanner,.nbanner .box{ height:26.3vw;}
.nbanner .txt{ left:10px; right:10px}
}
@media (max-width: 1340px){     
.banner .swiper-slide-active .txtbox .txt .p2{ font-size:32px}
.indexswiper .txtbox .txt .p3{ font-size:20px}
.tabs a{ padding-left:20px}
.index04 li{ padding: 0 10px}
.index04 li a{ padding-top:20px}
.index04 .left{ padding-top:80px}
}
 
 
@media (max-width: 999px){ 
.nbanner .box{top:55px}
.banner .swiper-pagination-bullet{ width:40px}
.banner .pagination-all{ bottom:5px}

.nbanner, .nbanner .box{ height:35vw}
.nbanner .txt h3{ font-size:24px}
.nbanner .txt .p{ font-size:14px}

.index01{ padding:35px 0}
.index01 .weap{ display:block}
.plo01{ text-align:center; margin-bottom:15px}
.plo01 h3{ font-size:24px}
.index01 .line{ width:50px; height:3px; margin:0 auto; margin-top:2px}
.index01 .txt{ margin-right:0}
.index01 .txt .p{ font-size:15px; line-height:1.6; margin-bottom:10px}
.index01 .txt .p a{ font-size:15px;}
.index01 .img{ height:auto}
.index02{ display:block}
#tabs-container .swiper-slide{ height:auto}
.index02{ position:relative; padding-top:50px;}
.tabs{ position:absolute; z-index:2;top:0; left:0; right:0; height:55px;}
.tabs a{ height:55px; float:left; width:25%; text-align:center; line-height:1.2; font-size:14px; padding:0; padding-top:5px}
.tabs a i{ display:block; margin:0 auto; width:30px; height:30px}
.tabs a.active{    box-shadow: 0 2px 10px rgba(0,133,189,.6);}
.tabs a.active:after{    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #558cde; top:auto; margin:0; bottom:-28px; left:50%; margin-left:-10px;}
.plo01 h3{ font-size:23px}	
.plo01 .line{width:50px; height:3px; margin:0 auto; margin-top:2px}	

.plo3 h3{ font-size:23px}	
.plo3 .line{width:50px; height:3px; margin:0 auto; margin-top:2px}

.about03 .ps{ font-size:15px; line-height:1.6; margin-bottom:20px}
.about03 .ps a{ font-size:15px}	

.about04{ padding-top:30px; padding-bottom:15px}
.about05{ padding-top:15px; padding-bottom:30px}
.about05 ul li{ width:50%; margin-bottom:10px;}
.about05 ul{ margin:0 5px;}
.about05 ul .img{ margin:0 5px;}

.index03 .hd{ margin-top:0; text-align:center}
.index03 .hd ul li{ margin:0 5px; margin-bottom:10px}
.index03 .hd ul li i{ height:24px;}
.index03 .hd ul li i.ico-f01{ background-image:url(../images/ico-f01.png); width:24px;}
.index03 .hd ul li i.ico-f02{ background-image:url(../images/ico-f02.png); width:24px;}
.index03 .hd ul li i.ico-f03{ background-image:url(../images/ico-f03.png); width:13px;}
.index03 .hd ul li i.ico-f04{ background-image:url(../images/ico-f04.png); width:14px;}
.index03{ padding:35px 0}
.index03 .swiper-slide h3{ margin-top:10px}
.index03 .swiper-paginations span{ width:8px; height:8px;}
.index03 .swiper-paginations{ margin-top:20px}
.index04{ padding:35px 0}
.index04 .weap{ display:block}
.index04 .left{ padding-top:0}
.index04 .mores{ display:none}
.index04 li{ float:none; width:100%; padding:10px 0; border-left:none; border-bottom: 1px solid #eeeeee;}
.index04 li h3{ font-size:16px; height:44px; margin-bottom:15px} 
.index04 li .date{ margin-bottom:10px}
.index04 li .img{ margin-bottom:15px}
.index04 li .p{    -webkit-line-clamp:2; height:auto; margin-bottom:15px}
.index04 li .more{ text-align:center}
.index04 li .more span{ width:120px; height:32px; line-height:30px; font-size:12px;}
.index04 li a{ padding-top:0}

.productlist02 .bd li{ width:50%; margin-bottom:20px}
 
.menu-box dl a{ margin-right:15px}
.about01 .hd h3{ font-size:24px}
.about01 .bd h6.p{ font-size:20px}
.about01 .bd{ font-size:15px;}
.about01 .bd a{ font-size:15px}
.about01{ margin-bottom:20px}
.about02 .weap{ display:block}
.about02 ul{ width:100%; margin-right:0; overflow:hidden}
.about02 .video{ width:100%}
.about02 ul li .num span{ font-size:49px}

.main{ padding-top:25px; padding-bottom:60px}
.nextprev{ height:60px; line-height:60px}

.contact01 .weap{ display:block}
.contact01 .left{ margin-bottom:50px}


.newspage .conn{ padding:20px;}
.newspage .conn h1.title{ font-size:18px; line-height:1.2; margin-bottom:20px}
.newspage .conn .info{ padding-bottom:10px; margin-bottom:10px}
.newspage .conn .ms,.newspage .conn .ms a{ font-size:15px;}

.mainproductpage .bd{ padding:10px}
.producpage01 .left{ float:none; width:100%; margin-bottom:20px}
.producpage01 .right{ float:none; width:100%}
.producpage01 .right h1.title{ font-size:18px; line-height:1.2; margin-bottom:20px; padding-bottom:20px}
.producpage01 .right li{ margin-bottom:10px}
.producpage01 .swiper-button-next, .producpage01 .swiper-button-prev{ width:40px; height:40px; line-height:40px}
.producpage01 .right .as a{ font-size:12px; height:36px; line-height:36px; padding:0 10px; margin-right:10px; margin-bottom:10px}
.producpage01 .right .as .a1:before{ height:20px; width:20px}
.producpage01 .right .as .a2:before{ width:20px; height:20px}
.producpage01{ margin-bottom:25px}
.producpage02 .hd h3{ font-size:16px; line-height:36px}
.producpage02 .ms img{ max-width:100%; height:auto !important}

.productlist .bd li{ width:50%}
.productlist .bd li a{ margin:0 5px;}
.productlist .bd ul{ margin:0 -5px}
.productlist .bd li .t h5{ min-width:0}

}
@media (max-width: 760px){ 
.newslist .bd li a{ display:block; padding:15px 0}
.newslist .bd .txt .date{ font-size:14px}
.newslist .bd .txt h3{ font-size:16px}
.newslist .bd .txt .p{ font-size:14px;-webkit-line-clamp: 3}
.newslist .bd .txt .more span{ height:36px; line-height:36px; font-size:12px; width:100px}
.newslist .bd .txt .more{ margin-top:20px}
.newslist .bd .img{ margin-left:0; height:60vw; margin-top:20px}



.contact01 .left{ margin:0; padding:20px; margin-bottom:40px}
.contact01 .hd h3{ font-size:22px}
.contact01 .hd .p{ font-size:14px}
.contact01 .left li .p input{ height:40px}
.contact01 .left li{ height:50px}
.contact01 .btnbox button{ height:40px; font-size:12px; line-height:40px; width:100px}
.contact01 .right .as a{ height:34px; line-height:34px; font-size:12px; width:120px}
.contact01 .right .as{ margin-bottom:20px;}
.contact02 .map{ height:350px}

.productlist .bd li{ width:100%; margin-bottom:15px}
.productlist .bd li .img{ height:60vw}
.productlist .bd li h3{ font-size:18px}

.menu-box{ line-height:50px}

.productlist02 .bd ul{ margin:0 -5px}
.productlist02 .bd li{ margin-bottom:10px}
.productlist02 .bd li a{ margin:0 5px;}
.productlist02 .bd li .img{ height:40vw; line-height:40vw}
.productlist02 .bd li h3{ font-size:14px; line-height:40px}

.index03 .swiper-slide .img{ height:30vw; line-height:30vw}

.nbanner, .nbanner .box{ height:280px}

.banner .swiper-slide .img{ height:350px}

.banner .left .p1{ font-size:7.2vw;   }
.banner .left .p2{ font-size:7.2vw;  }
.banner .left .p3 span{ font-size:2vw; }

.banner .right{ position:absolute; z-index:1; left:30vw;top:8vw;  }
.banner .right img{ width:86vw}
.banner .left{ position:absolute; z-index:2; left:0;top:45vw; line-height:1.2; color:#fff}

.banner .mimg{ display:block}
.banner .mimg img{ display:block; width:100%}
.banner .pc{ display:none !important}
}