body{padding:0;margin:0;font-family:microsoft yahei,arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
font-size:14px;background:#fff;color:#333;word-break:break-all;
  overflow-x: hidden;
}
ul,li,h1,h2,h3,h4,h5,h6,em,i,p,dl,dd,dt,p{margin:0;padding:0;list-style:none;}
a,a:link{text-decoration:none}
input[type="button"],input[type="submit"]{border:0;}
input[type="text"],input[type="button"],input[type="submit"],textarea{font-family:microsoft yahei;outline:none;resize:none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input:focus,textarea:focus{}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
input[type="text"]:-webkit-autofill,
input[type="button"]:-webkit-autofill,
input[type="submit"]:-webkit-autofill{
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s;
}
img{border:0;}
.block{display: block;}
.none{display: none;}
.box,.wrap{width:1470px;margin:0 auto;min-width: 1470px;}
.wrap{overflow:hidden;}
.scrwrap{width:100%;min-width: 100%;}

.head{height:929px;position: relative;z-index: 1;}
.top{height:100px;position: absolute;left:0;top:0;z-index: 3;}
.logo{float:left;width:400px;}
.logo i{display: none;}
.logo a{display: inline-block;}
.logobg{display: none;}
.nav{float:left;margin:10px 0 0 200px;}
.nav li{float:left;margin:0 20px;line-height:60px;position: relative;height:60px;}
.nav li a{color:#fff;display:inline-block;}
.nav li.on a,.nav li:hover a{border-bottom: solid 2px #fff;}
.nav li:hover .subnav{display: block;}
.subnav{position: absolute;left:0;top:60px;display:none;background: #fff;
border:solid 1px #eee;padding:20px 20px 20px 20px;overflow:hidden;line-height:25px;}
.subnav dd{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-right:solid 1px #eee;padding-right:15px;}
.subnav dd a{color:#666;border:0;}
.subnav dd a.on,.subnav dd a:hover{color:#09f;}
.subnav dl{padding-right:215px;min-height:120px;overflow: hidden;background:url(../images/navpro.jpg) no-repeat top right;
background-size:200px 120px;}


.lang{float:right;color:#fff;height:30px;cursor: pointer;position: relative;margin-top:32px;}
.lang a{display: block;border-left:solid 1px #fff;padding-left:50px;line-height:20px;
  background: url(/static/home/img/lang.png) no-repeat 20px 0;color:#fff;}

/*
.topfr .nav li a{color:#333;display:inline-block;}
.topfr .nav li.on a,.topfr .nav li:hover a{border-bottom: solid 2px #333;}
.topfr .lang,.topfr .lang a{color:#333;}
.topfr .subnav dd a{color:#666;border:0;}
.topfr .subnav dd a.on,.topfr .subnav dd a:hover{border:0;color:#09f;}
*/

.banner{height:929px;width:100%;position: absolute;top:0;left:0;z-index: 2;overflow: hidden;}

.banner .swiper-container{height:929px;}
.banner .swiper-wrapper{height:929px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
.banner .swiper-pagination-bullet{background:#999;width:15px;height:15px;margin:0 10px;cursor:pointer;opacity:1}
.banner .swiper-pagination-bullet-active{background:#fff;width:50px;border-radius: 10px;}

.ixproduct{overflow: hidden;}
.ixproduct li{width:33.33%;float:left;overflow: hidden;}
.ixproduct li .tit{height:90px;line-height: 80px;padding:0 40px;background-color:#1452c3;font-size:22px;color:#fff;
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.ixproduct li .tit i{display:block;position: absolute;left:40px;top:60px;height:2px;width:90px;background-color:#fff;}
.ixproduct li .con{height:347px;background-color:#102986;position: relative;overflow: hidden;}
.ixproduct li .con img{display:block;width:100%;height:347px;
-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition: 0.5s transform;
  transition-duration: 0.5s transform;
}
.ixproduct li .con:hover img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ixproduct li .con .btm{position:absolute;left:0;bottom:0;width:100%;height:80px;}
.ixproduct li .con .desc{margin:0 30px 0 40px;color:#fff;font-size:16px;height:40px;}
.ixproduct li .con .desc p{float:left;width:70%;overflow: hidden;height:45px;}
.ixproduct li .con .desc a{float:right;font-size:14px;color:#fff;display:inline-block;margin-top:20px;}
.ixproduct li .con .desc a:hover{text-decoration: underline;;}
.ixproduct li:nth-child(2) .tit{background-color:#102986;}
.ixproduct li:nth-child(2) .con{background-color:#1452c3;}
@keyframes scaleDraw { 
    from {-webkit-transform: scale(1);
                transform: scale(1);}
    to{-webkit-transform: scale(1.2);
        transform: scale(1.2);}
}

.ixnstit{width:240px;height:60px;margin:0 auto;position: relative;z-index: 100;overflow: hidden;}
.ixnstit i{height:2px;width:100%;background-color:#000;position: absolute;top:20px;left:0;z-index: 101;}
.ixnstit div{width:160px;height:60px;background-color:#fff;text-align:center;position: absolute;top:0;left:40px;z-index: 102;color:#333;}
.ixnstit div h2{font-size:28px;}
.ixnstit div h3{font-size:13px;color:#999;}
.ixnstit div a{color:#333;}
.ixnstitbx{position: relative;width:100%;height:60px;margin:50px auto 20px auto;}
.ixnstitbx .more{display:inline-block;position: absolute;right:0;top:20px;font-size:16px;color:#666;}
.ixnstitbx .more:hover{text-decoration: underline;}
.ixnslist{overflow: hidden;margin-bottom: 80px;}
.ixnslist li{float:left;width:335px;height:360px;overflow: hidden;margin-right:40px;}
.ixnslist li .img{height:260px;background: #f5f5f5;overflow: hidden;}
.ixnslist li .img img{display: block;width:100%;height:100%;opacity: .8}
.ixnslist li .con{height:60px;background: #eee;padding:20px 15px;}
.ixnslist li .bg{display:none;}
.ixnslist li .con h3{font-size:15px;line-height: 28px;color:#333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ixnslist li .con h4{font-size:13px;line-height: 25px;color:#999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ixnslist li a{display: block;}
.ixnslist li a:hover h3{color:#f60;}
.ixnslist li a:hover img{opacity:1}

.ixnslist li:nth-child(1){width:720px;position: relative;z-index:1;}
.ixnslist li:nth-child(1) .img{height:360px;}
.ixnslist li:nth-child(1) .con{position: absolute;left:0;bottom:0;z-index:5;width:100%;padding:10px 0;text-align: center;background: none;}
.ixnslist li:nth-child(1) .con h3{font-size:20px;margin:0 30px;display: block;color:#fff;}
.ixnslist li:nth-child(1) .con h4{display:none;}
.ixnslist li:nth-child(3){margin:0;}
.ixnslist li:nth-child(1) .img img{opacity:1}
.ixnslist li:nth-child(1):hover .bg{display:block;position: absolute;left:0;bottom:0;z-index:4;width:100%;height:80px;background:#000;opacity:.5;}
.ixnslist li:nth-child(1):hover .con h3{animation: h3mto 0.5s forwards;}
@keyframes h3mto
{
from {margin-top:0;}
to {margin-top:20px;}
}

.foot{min-height:300px;background: #3f3f3f;margin-top:40px;}
.footnav{height:300px;background: url(/static/home/img/btm-bg.png) no-repeat bottom right 250px;padding:30px 0;}
.footnav ul{float:left;}
.footnav ul li{float:left;line-height: 25px;margin:0 20px;}
.footnav ul li a{color:#999;}
.footnav ul li a:hover{text-decoration: underline;}
.footnav ul li dt{margin-bottom: 5px;}
.footnav ul li dt a{color:#fff;}
.footcot{float:right;text-align: right;color:#fff;margin-right:20px;}
.footcot .btmimg{width:230px;height:55px;}
.footcot h4{font-size:24px;margin:10px 0 15px;}
.footcot p{color:#999;}
.footcot .follow{margin-top:100px;height:36px;position: relative;cursor: pointer;display: inline-block;}
.footcot .follow span{background: url(/static/home/img/icon-chat.png) no-repeat center left;background-size: 28px;
  padding-left:35px;display: inline-block;height:30px;line-height: 25px;font-size:13px;opacity: .6}
.footcot .followbx{width:120px;height:130px;position: absolute;bottom:35px;right:18px;display: none;}
.footcot .followbx .icon{height:10px;text-align: center;}
.footcot .followbx .icon i{display: block;width:0;height:0;margin:0 auto;
border-top: 10px solid;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.footcot .followbx .con{width:110px;height:110px;padding:5px;background: #fff;}
.footcot .followbx .con img{display: block;width:110px;height:110px;}
.footcot .follow:hover .followbx{display: block;}
.copyright{height:50px;line-height: 50px;color:#ccc;border-top:solid 1px #333;}
.copyright a{color:#ccc;}
.footcot .follow:hover span{opacity: 1}
/*---------------------*/

.nyhead{height:500px;}
/*.nyhead .banner{height:500px;background: url(/static/home/img/nybanner.png) no-repeat center;background-size:100% 100%;}*/
.nybanner{margin-top:150px;color:#fff;text-indent: 80px}
.nybanner h2{font-size:42px;margin-bottom: 20px;font-weight: normal;text-align: left;}
.nybanner h2 span{display: inline-block;text-align: left;text-indent: 0;}
.nybanner h3{font-size:42px;font-weight: normal;}
.nynavtab{height:70px;line-height: 70px;background: #eee;overflow: hidden;}
.nynavtab li{float:left;margin-right:1px;}
.nynavtab li a{color:#666;display: block;padding:0 30px;}
.nynavtab li a:hover,.nynavtab li a.on{background: #11579f;color:#fff;font-size:14px;}

.nyabnavtab{height:70px;line-height: 70px;background: #eee;overflow: hidden;}
.nyabnavtab li{float:left;margin-right:1px;}
.nyabnavtab li a{color:#666;display: block;padding:0 30px;}
.nyabnavtab li a:hover,.nyabnavtab li a.on{background: #11579f;color:#fff;font-size:14px;}
.nyabnavtab li a i{display: inline-block;width:35px;height:35px;background: #ccc;vertical-align: -12px;margin-right: 6px;border:solid 1px #666;border-radius: 50%;}
.nyabnavtab li a i.abjj{background: url(/static/home/img/icon-jj1.png) no-repeat center;background-size:40px;}
.nyabnavtab li a:hover i.abjj,.nyabnavtab li a.on i.abjj{background-image: url(/static/home/img/icon-jj2.png);border:solid 1px #fff;}
.nyabnavtab li a i.abry{background: url(/static/home/img/icon-ry1.png) no-repeat center;background-size:36px;}
.nyabnavtab li a:hover i.abry,.nyabnavtab li a.on i.abry{background-image: url(/static/home/img/icon-ry2.png);border:solid 1px #fff;}


.nynav{text-align: right;margin:20px 0;overflow: hidden;font-size:14px;}
.nynav a{color:#666;}

.nydetnav{text-align:right;margin:20px 0;font-size:12px;line-height:20px;}
.nydetnav .nynav{display:inline-block;margin:0;line-height:20px;vertical-align:-6px;}
.nydetnav a{color:#666;}

.aboutbx{overflow: hidden;margin:40px 0;}
.aboutlf{width:58%;float:left;margin-left:2%;}
.aboutlf h1{color:#11579f;font-size:22px;}
.aboutlf p{margin:10px 0;text-indent: 30px;font-size:13px;color:#666;line-height: 22px;}
.aboutrf{float:right;width:36%;margin-right:2%;}
.aboutrf img{width:100%;height:300px;background:#eee;display:block;margin:0 auto;}

.aboutry{overflow: hidden;}
.aboutry .shuom{text-align: center;color:#09f;font-size:16px;font-weight: bold;margin-bottom: 30px;}
.aboutry ul{overflow: hidden;padding:0 20px;}
.aboutry li{width:33.33%;float:left;margin-bottom: 30px;}
.aboutry li .img{margin:0 20px;height:300px;}
.aboutry li .img img{width:100%;height:100%;background: #eee;}
.aboutry li .tit{margin:0 10px;height:50px;line-height:50px;text-align: center;}

.pager{text-align: center;margin:30px 0;overflow: hidden;}
.pager a,.pager span{display: inline-block;background: #eee;height:30px;line-height: 30px;padding:0 10px;margin:0 5px;color:#666;font-size:13px;}
.pager span{color:#999;background: none;}
.pager a.on,.pager a:hover{background:#11579f;color:#fff;}
/*-------------------*/

.product{overflow: hidden;margin:50px 0;}
.product ul{overflow: hidden;padding:0;width:110%;}
.product li{width:345px;float:left;margin:0 30px 30px 0;}
.product li .img{margin:0 auto;width:343px;height:250px;border:solid 1px #333;}
.product li .img img{width:100%;height:100%;background: #eee;}
.product li .tit{margin:0;height:50px;margin-top:20px;line-height:25px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product li .tit a{color:#333;font-size:16px;}

.prother{color:#11579f;padding:10px 50px;overflow: hidden;font-size:16px;}
.producter{margin:0 auto;width:1380px;}
.producter li{width:380px;margin-right:108px;}
.producter li:nth-child(3n){margin:0;}


.prodet{margin:30px auto;width:1380px;overflow: hidden;}
.prodet .img{float:left;width:384px;border:solid 1px #333;}
.prodet .img img{display: block;width:384px;height:350px;background: #eee;}
.prodet .con{float:right;width:980px;}
.prodet .con h1{margin-bottom: 10px;}
.prodet .con .desc{color:#666;line-height: 25px;font-size:13px;}
.prointro{margin:40px auto;width:1380px;overflow: hidden;}
.prointro table{border-collapse: collapse;width:100%;border:solid 1px #ddd;}
.prointro tr,.prointro td{border-collapse: collapse;border:solid 1px #eee;text-align: center;padding:15px 0;}
.prointro tr:nth-child(2n) td{background: #f5f5f5;}
/*--------------------*/

.news{overflow: hidden;}
.news ul{overflow: hidden;padding:0 0px;}
.news li{width:625px;float:left;margin:0 217px 60px 0;}
.news li .newsitem{margin:0;border-bottom: solid 1px #eee;overflow: hidden;padding-bottom: 30px;}
.news li .img{height:312px;}
.news li .img img{width:100%;height:100%;background: #eee;}
.news li h2{font-size:16px;margin:15px 0 10px 0;}
.news li h2 a{font-weight: bold;color:#333;font-size:20px;}
.news li h2 a:hover{color:#11579f;}
.news li .time{color:#999;}
.news li .desc{margin:10px 0;height:90px;font-size:16px;line-height:28px;overflow: hidden;color:#666;}
.news li .othr{overflow: hidden;}
.news li .othr a{background: #11579f;color:#fff;padding:7px 12px;display: inline-block;}
.news li:nth-child(2n){margin-right:0;}
.news li:nth-child(2n) .newsitem{margin:0;}

.newsdet{overflow: hidden;width:1120px;margin:0 auto;}
.newsdet h1{font-size:18px;color:#000;padding:30px 0;text-align:center;font-weight:normal;border-bottom: solid 1px #ddd;margin-bottom: 10px;overflow: hidden;line-height: 25px;}
.newsdet .time{text-align: center;line-height: 30px;color:#999;margin-bottom: 30px;font-size:12px;}
.newsdet .content{padding:20px 0;overflow: hidden;font-size:14px;line-height: 28px;}
.newsdet .content p{text-indent: 30px;color:#333;}
.newsdet .share{height:40px;}
.newsdet .other{overflow: hidden;border-top:solid 1px #ddd;padding: 40px 0;}
.newsdet .other div{overflow: hidden;float:left;width:50%;height:30px;line-height: 30px;text-align: center;
    text-overflow: ellipsis;white-space: nowrap;}
.newsdet .other a{color:#666;}

/*------------------*/
.jointit{text-align: center;color:#11579f;margin-bottom: 30px;overflow: hidden;}
.jointit h2{}
.join{overflow: hidden;margin-bottom: 30px;}
.join li{overflow: hidden;}
.join li .tit{height:40px;line-height: 40px;padding:0 20px;margin-bottom:1px;overflow:hidden;cursor: pointer;color:#666;background:#eee url(/static/home/img/icon-down.png) no-repeat center right 50px;}
.join li .tit span{display: inline-block;float:left;}
.join li .zw{width:500px;}
.join li .rs{width:150px;}
.join li .dy{width:150px;}
.join li .dz{width: 300px;}
.join li .sj{width: 150px;}
.join li .con{padding:10px 10px;line-height: 25px;color:#444;display: none;}
.join li .acte{margin:10px 0 40px 0;overflow: hidden;}
.join li .acte button{width:120px;height:30px;cursor:pointer;text-align: center;line-height: 30px;font-family:microsoft yahei;border:0;background: #11579f;color:#fff;font-weight: bold;margin-left:20px;}
.join li.on .tit{background-image:url(/static/home/img/icon-up.png)}
.join li.on .con{display: block;}
/*------------------*/
.contact{overflow: hidden;}
.tactlf{width:450px;float:left;padding:0 60px 0 10px;border-right: solid 1px #eee;height:550px;}
.tactlf h1{font-size:24px;}
.tactlf .tel{background: url(/static/home/img/icon-tel.png) no-repeat center left -8px;height:60px;margin:20px 0;padding:0 0 30px 70px;border-bottom: solid 1px #eee;}
.tactlf .tel span{display: inline-block;margin:10px 0 2px 0;color:#999;}
.tactlf .tel div{font-size:28px;color:#1867b4;font-weight: bold;}
.tactlf .item{line-height: 40px;font-size:16px;}
.tactfrm{width:880px;float:right;margin-right:10px;}
.tactfrm h2{font-size: 24px;color:#1867b4;font-weight: normal; margin-bottom: 20px}
.tactfrm ul{overflow: hidden;}
.tactfrm li{width:415px;float:left;height:52px;margin:0 45px 20px 0;}
.tactfrm li input{width:385px;height:50px;padding:0 15px;border:solid 1px #ddd;border-radius: 3px;}
.tactfrm li.area{height:auto;width:100%;}
.tactfrm li textarea{padding:15px;width:846px;height:140px;border:solid 1px #ddd;border-radius: 3px;}
.tactfrm li:nth-child(2n){margin-right:0;}
.tactfrm .btn{text-align: center;margin-top: 20px;overflow: hidden;}
.tactfrm .btn input{height:50px;width:150px;font-size:16px;color:#fff;background:#1867b4;border-radius: 5px; }

.map{height:640px;background: #eee;margin:80px 0 120px 0;overflow: hidden;}

@media (max-width:1470px){		
	.box,.wrap{width:100%;min-width: 100%;}

  .banner,.head,.banner .swiper-container,.banner .swiper-wrapper,.nyhead .banner{height:700px;}
  .ixnslist li{width:24%;margin:0;}
.ixnslist li:nth-child(1){width:48%;margin-right:2%;}
.ixnslist li:nth-child(2){margin-right:1%;}
.ixnslist li:nth-child(3){margin-left:1%;}
.news li{width:48%;margin:0;margin-right:2%;}
.news li:nth-child(2n){margin:0 0 0 2%;}
.lang{position: absolute;right:20px;}
.nav{float:none;position: absolute;right:200px;margin-left:0;}
/*
.ixnslist li:nth-child(1) a{margin-right:20px;}
.ixnslist li:nth-child(2) a{margin-right:10px;}
.ixnslist li:nth-child(3) a{margin-left:10px;}
*/
}
@media (max-width:1380px){
    .prodet,.prointro,.producter{width:100%;}
    .prodet{position: relative;min-height: 250px;}
    .prodet .img{position: absolute;float:none;}
    .prodet .con{margin-left:370px;float:none;width:auto;}
    .product ul{width:100%;}
    .producter li{width:32%;margin:0;}
    .producter li:nth-child(2){margin:0 2%;}
    .tactlf{float:none;border:0;margin:0 auto;padding:0;height:auto;}
    .tactfrm{float:none;margin:0 auto;}
    .tactfrm h2{text-align: center;margin-top:40px;}
}

@media (max-width:1380px) {
    .product li .img {
        width: 100%;
        height: 220px;
    }
}

@media (max-width:768px){
  .box,.wrap{width:100%;min-width: 100%;}  
  .logo,.logobg{height:50px;position: fixed;top:0;left:0;width: 100%;z-index: 1000;}  
  .logobg{background: #000;z-index: 999;opacity: .5;display: block;}
  .logo img{height: 50px;}
  .logo i{display: block;width:50px;height:50px;float:left;background: url(/static/home/img/icon-menu.png) no-repeat center;background-size:26px;}
  .nav{width:100%;margin:0;float:none;position: fixed;top:50px;left:0;background: #000;display: none;}
  .nav li{float:none;width:100%;height:3rem;line-height: 3rem;margin:0;border-top: solid 1px #333;position: inherit;}
  .nav li a{margin:0;padding:0 2rem;}
  .nav li.on{background: #333;}
  .nav li:hover a,.nav li.on a{border:0;}
  .nav li:hover{height:auto;}
  .navso{display: block;}
  .subnav{position: static;background: none;border:0;border-top:solid 1px #666;width:100%;}
  .subnav .rgimg{display: none;}
  .subnav dl{width:100%;padding:0;background:none;min-height:auto;}
  .subnav dd{display: inline-block;float:left;border:0;}
  .subnav dd a{padding:0;margin:0 0 0.8rem 1rem;color:#999;}
  .lang{margin:0 10px 0 0;height:50px;float:none;position: fixed;right:0;top:0;z-index: 1001;}
  .lang a{border:0;line-height: 50px;background-position: center left;padding-left: 25px}
  /*
	.topfr .nav li a{color:#fff;display:inline-block;}
	.topfr .nav li.on a,.topfr .nav li:hover a{border-bottom: solid 2px #fff;}
	.topfr .lang,.topfr .lang a{color:#fff;}
	.topfr .subnav dd a{color:#999;}
	.topfr .subnav dd a.on,.topfr .subnav dd a:hover{border:0;color:#09f;}
*/
  .banner,.head,.banner .swiper-container,.banner .swiper-wrapper,.nyhead .banner{height:500px;}
  .ixproduct li .tit{padding: 0 10px}
  .ixproduct li .tit i{left:10px;}
  .ixproduct li .con .desc{margin:0;}
  .ixproduct li .con .desc p{float:none;margin:0 auto;height:40px;font-size:15px;width:90%;}
  .ixproduct li .con .desc a{display: block;float:none;margin:10px auto;text-align: center;}
    .ixnstitbx .more{display:none;}
  .ixnslist{margin-bottom: 1rem}
  .ixnslist li{width:50%;margin:0;}
  .ixnslist li a{display: block;display: block;margin:0 0.5rem;}
  .ixnslist li:nth-child(1){width:100%;margin:1rem 0;}
  .ixnslist li:nth-child(1) a{}
  .ixnslist li:nth-child(3){}
  .ixnslist li:nth-child(2){margin:0;}
    .ixnslist li:nth-child(3){margin:0;}
  .footnav{background-position: bottom center;height:auto;}
  .footcot .follow{margin-top:150px;}
  .footcot .followbx{display: block;}
  .footcot .follow span{opacity: 1}
  .footcot p{color:#fff;}
  .copyright{text-align: center;}

  .nybanner{margin-top:120px;text-indent: 30px}
  .nynav{margin:20px 10px;}
  .nyabnavtab li{width:50%;margin:0;text-align: center;}
  .aboutlf,.aboutrf{float:none;width:94%;margin:0 auto;}
  .aboutrf img{height:auto;}
  .product{margin: 20px 0;}
  .product li{width:345px;float:left;margin:0 5px 30px 25px;}
  .nynavtab{height: auto;line-height: 40px;text-align: center;}
  .nynavtab li{width:auto;margin:0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .nynavtab li a{padding: 0 20px}
  .news li,.news li:nth-child(2n){width:90%;margin:0.5rem auto 2rem auto;float:none;}
  .join li .tit{padding: 0;height:auto;background-position: right bottom 12px}
  .join li .tit span{width:50%;border-bottom: solid 1px #ccc;text-indent: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .join li .tit span.zw{width:100%;}
  .tactlf{float:none;padding:0;border:0;margin:1rem auto;height: auto;width:500px;overflow: hidden;}
  .tactfrm{width:500px;margin:3rem auto 0 auto;float:none;overflow: hidden;}
  .tactfrm li{width: 100%;float:none;}
  .tactfrm li input{width:478px;padding:0 10px;}
  .tactfrm li textarea{width:478px;padding:10px;}
  .map{margin:30px 10px;height:500px;}
  .prodet{width:100%;}
  .prodet .img{float:none;margin:0 auto;position: inherit;}
  .prodet .con{float:none;width:96%;margin:1rem auto;}
  .prointro{width:96%;margin:1rem auto;overflow: hidden;}
  .prother{width:96%;margin:1rem auto 0 auto;padding:0;overflow: hidden;}
  .producter{width:96%;margin:1rem auto;}
  .producter ul{width:100%;}
  .producter li{width:33.33%;margin:0;}
  .producter li .img{margin:0 0.5rem 0 0;}
  .producter li .tit{margin:0 0.5rem 0 0;}
    .producter li:nth-child(2){margin:0;}
  .producter li:nth-child(2) .img{margin:0 0.5rem 0 0.5rem;}
  .producter li:nth-child(2) .tit{margin:0 0.5rem 0 0.5rem;}
  .producter li:nth-child(3) .img{margin:0 0 0 0.5rem;}
  .producter li:nth-child(3) .tit{margin:0 0 0 0.5rem;}

  .newsdet{width:95%;margin:0 auto;}
}

@media (max-width:425px){
  .banner,.head,.banner .swiper-container,.banner .swiper-wrapper,.nyhead .banner{height:350px;} 
  .ixproduct li{width:100%;margin-bottom: 1px;}
  .ixnslist li{height:230px;}
  .ixnslist li .img{height:160px;}
  .ixnslist li .con{height:auto;padding:10px;line-height: 22px}
  .ixnslist li .con h3{line-height:22px;font-size:14px;}
  .ixnslist li .con h4{font-size:12px;}
  .ixnslist li:nth-child(1){height:300px;}
  .ixnslist li:nth-child(1) .img{height:300px;}
  .ixnslist li:nth-child(1) .con h3{font-size:20px;}
  .footnav{background-position: center bottom;background-size:100%;}
  .footnav ul{display: none;}
  .footcot{float:none;text-align: center;}
  .footcot .followbx{display: block;right:-20px;}
  .copyright{font-size:12px;}
  .nybanner{margin-top:140px;text-indent: 0px;text-align: center;}
  .nybanner h2{text-align: center;font-size:36px;}
  .nybanner h2 span{text-align: center;}
  .aboutry li{width: 50%;}
  .aboutry li .img{height: 200px;}
  .pager a, .pager span{margin:5px;}
  .nynavtab li{width:33.33%;}
  .product ul{width: 100%;}
  .product li,.product li:nth-child(2),.product li:nth-child(3){width:90%;float:none;margin:1rem auto;}
  .join li .acte button{display: block;margin:1rem auto;}
  .tactlf{width:400px;}
  .tactfrm{width:400px;}
  .tactfrm li{width: 100%;}
  .tactfrm li input{width:378px;}
  .tactfrm li textarea{width:378px;}
  .map{height: 400px}
  .newsdet .other div{width:95%;float:none;margin: 0 auto}
  .copyright{text-align: center;line-height: 22px;height:auto;padding:8px;}
  .copyright span{display: block;}
}


@media (max-width:320px){
  .logo img{height: 40px;margin-top: 5px;}
  .news li .img{height:200px;}
    .nybanner{margin-top:120px;}
  .nybanner h2{font-size: 32px}
  .tactlf{width:300px;}
  .tactfrm{width:300px;}
  .tactfrm li{width: 100%;}
  .tactfrm li input{width:278px;}
  .tactfrm li textarea{width:278px;}
  .map{height: 300px}
  .prodet .img img{width:300px;}
  .prodet .img{width:300px;}
}











