@charset "utf-8";
.w1200{width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 103px;overflow: hidden;background-color: #fff}
.top .w1200{display:flex;justify-content: space-between;}
.top .logo{display: block;flex:0 0 23%;height: 47px;margin-top: 41px;background: url(../images/logo.png) 0 0 no-repeat;}
.nav{flex: 1;height: 33px;overflow: hidden;margin-top: 46px;display: flex;justify-content: space-evenly;}
.nav li{height: 33px;overflow:hidden;margin-right: 7px}
.nav li a{display: block;width: 100%;line-height: 33px;text-decoration: none;color: #4d4d4d;font-size: 15px;}
.nav li a:hover{color: #2c53d4}
.top .en{display: block;flex: 0 0 8%;height: 30px;margin-top: 46px;background: url(../images/en.png) 0 0 no-repeat;}
.banner {
    height: 828px;overflow: hidden;
    border-bottom: 1px solid #ccc
}
.brand {
    height: 773px;
    left: 50%;
    margin: 0 auto 0 -960px;
    overflow: hidden;
    position: relative;
    width: 1920px;
}

.banner .pic {
    height: 773px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 11520px;
}
.banner li {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    float: left;
    height: 773px;
    width: 1920px;
}
.btnleft2{width:60px;height: 60px;position: absolute;left: 50%;margin-left: -848px;top:325px;background: url(../images/btnleft.png) 0 0 no-repeat;z-index: 10;box-shadow: 0 0 2px rgba(0,0,0,0.42);display: none;}
.btnright2{width:60px;height: 60px;position: absolute;left: 50%;margin-left: 827px;top:325px;background: url(../images/btnright.png) 0 0 no-repeat;z-index: 10;box-shadow: 0 0 2px rgba(0,0,0,0.42);display: none;}

.banner .banner-bt{height: 55px;overflow: hidden;background-color: #fff}
.banner .banner-bt span{line-height: 55px;font-size: 16px;color: #4d4d4d}
.boxhe{height: 1628px;overflow: hidden;position: relative;}
.box1bg{position: absolute;z-index: 0;background: url(../images/box1.jpg) center 0 no-repeat;background-size: cover;height: 730px;top: 0;width: 100%}


.box1{height: 970px;overflow: hidden;position: relative;z-index: 2}
.box1-title{height: 200px;overflow: hidden;margin-top: 72px;}
.box1-title h1{display: block;width: 100%;height: 25px;background: url(../images/title1.png) center 0 no-repeat;margin-top: 6px;}
.box1-title h2{display: block;width: 100%;height: 48px;line-height: 48px;margin-top: 12px;text-align: center;font-size: 24px;color: #3b3b3b}
.box1-title span{display: block;width: 100%;height: auto;text-align: center;color: #727272;font-size: 16px;margin-top: 15px}
.iconlist{width: 100%;height: 150px;overflow: hidden;margin-top: 40px;}
.iconlist li{width: 300px;float: left;height: 150px;overflow: hidden;}
.iconlist li .icon{width: 100%;height: 67px;overflow: hidden;}
.iconlist li .icon1{background: url(../images/icon1.png) center 0 no-repeat;}
.iconlist li .icon2{background: url(../images/icon2.png) center 0 no-repeat;}
.iconlist li .icon3{background: url(../images/icon3.png) center 0 no-repeat;}
.iconlist li .icon4{background: url(../images/icon4.png) center 0 no-repeat;}
.iconlist li h1{display: block;width: 100%;font-size: 18px;color: #3b3b3b;text-align: center;}
.iconlist li span{display: block;width: 100%;color: #727272;text-align: center;}
.picbox{width: 100%;height: 454px;background-color: #fff;margin-top: 10px;overflow: hidden;}
.pic1{width: 1200px;height: 454px;overflow: hidden;margin-top: 7px;margin-left: 9px}
.pic1 li{width: 292px;height: 218px;float: left;margin-right: 4px;margin-bottom: 4px;position: relative;overflow: hidden;}
.pic1-zhedang{ background-color: rgba(38, 112, 222, 0.92);height: 0;left: 0;overflow: hidden;position: absolute;top: 50%;transition: all 0.2s ease-out 0s;width: 100%;z-index: 5;}
.pic1 li:hover .pic1-zhedang{height: 100%;top:0;}
.pic1 li i{background:url("../images/fangdajing.png") 0 0 no-repeat;
    display: block;
    height: 43px;
    left: 126px;
    opacity: 0;
    position: absolute;
    top: 69px;
    transform: rotate(-15deg);
    width: 43px;
    z-index: 99;transition: all 0.2s ease-out 0s;}
.pic1 li:hover i{opacity: 1;transform: rotate(0deg);}
.pic1 li span{display: block;width: 100%;position: absolute;font-size: 18px;color: #fff;text-align: center;top: 220px;z-index: 100}
.pic1 li:hover span{top: 123px}

.box2{height: 907px;overflow: hidden;background: url(../images/box2.jpg) center 0 no-repeat;}
.box2-title{width: 100%;height:56px;overflow: hidden;margin-top: 88px;}
.box2-title dt{float: left;height: 56px}
.box2-title dt h1{display: block;width: 100%;height: 32px;line-height: 32px;font-size: 24px;color: #4d4d4d}
.box2-title dt span{display: block;width: 100%;height: 24px;line-height: 24px;color: #c8c8c8}
.box2-title dd{float: right;height: 40px;}
.box2-title dd a{display: block;margin-left: 20px;margin-right: 20px;color: #4d4d4d;font-size: 14px;text-decoration: none;float: left;width: 75px;height: 30px;line-height: 30px;text-align: center;}
.box2-title dd a:hover{color: #fff;background-color: #2c53d4}
.prodlist{width: 1230px;height: auto;overflow: hidden;}
.prodlist li{width: 281px;height: 290px;border-bottom: 1px solid #d4d4d4;float: left;margin-right: 24px;margin-bottom:33px;overflow: hidden;}
.prodlist li a{text-decoration: none;color: #333;overflow: hidden;}
.prodlist li .picbox{width: 281px;height: 215px;overflow: hidden;}
.prodlist li .picbox img{width: 281px;height: 215px;}
.prodlist li .cont{width: 281px;height: 75px;background:url(../images/more.png) 266px 37px no-repeat;overflow: hidden;}
.prodlist li .cont h1{display: block;height: 23px;margin-top: 21px;margin-top: 21px;font-size: 16px;color: #404040;text-indent: 13px}
.prodlist li .cont span{display: block;height: 18px;line-height: 18px;color: #929292;font-size: 12px;text-indent: 13px}
.prodlist li:nth-child(1){animation-delay:0.2s;}
.prodlist li:nth-child(2){animation-delay:0.4s;}
.prodlist li:nth-child(3){animation-delay:0.6s;}
.prodlist li:nth-child(4){animation-delay:0.8s;}
.prodlist li:nth-child(5){animation-delay:1.0s;}
.prodlist li:nth-child(6){animation-delay:1.2s;}
.prodlist li:nth-child(7){animation-delay:1.4s;}
.prodlist li:nth-child(8){animation-delay:1.6s;}
.prodlist li:hover{background-color: #fff}
.prodlist li:hover h1{color: #2c53d4;}


.box4bg{position: absolute;z-index: 0;background:#e1e5e7 url(../images/box4.jpg) center 0 no-repeat;background-size: cover;height: 897px;top: 730px;width: 100%}
.box4{height: 574px;overflow: hidden;position: relative;margin-top: 84px;z-index: 2}
.box4-title{width: 100%;height:53px;overflow: hidden;margin-top: 31px;}
.box4-title dt{float: left;height: 53px}
.box4-title dt h1{display: block;width: 100%;height: 32px;line-height: 32px;font-size: 24px;color: #4d4d4d}
.box4-title dt span{display: block;width: 100%;height: 24px;line-height: 24px;color: #c8c8c8}
.news{width: 100%;overflow: hidden;height: auto;margin-top: 20px;}
.news .left{width: 501px;float: left;height: auto;overflow: hidden;}
.news .left a{text-decoration: none;color: #333}
.news .left img{width: 501px;height: 281px;}
.news .left h1{display: block;margin-top: 30px;font-size: 16px;color: #4d4d4d;text-overflow:ellipsis;
  white-space: nowrap;overflow: hidden;}
.news .left span{display: block;float: left;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;}
.news .left a:hover h1{color: #2c53d4}
.news .right{width:592px;float: right;margin-right: 30px;}
.newslist{width: 100%;height: auto;overflow: hidden;margin-top: -50px}
.newslist li{width: 100%;height: 145px;}
.newslist li .date{float: left;width: 100px;height: auto;margin-top: 50px}
.newslist li .date h2{display: block;font-size: 30px;text-align: center;width: 100%;color: #4d4d4d}
.newslist li .date h3{display: block;font-size:20px;text-align: center;width: 100%;color: #a1a1a1}
.newslist li .cont{width: 488px;float: right;height: 144px;border-bottom: 1px solid #ccc}
.newslist li h1{display: block;width: 100%;float: right;margin-top: 46px;font-size: 16.5px;color: #2a2a2a;text-overflow:ellipsis;
  white-space: nowrap;overflow: hidden;}
.newslist li:hover h1{color: #2c53d4}
.newslist li span{display: block;width: 100%;float: right;color: #898989;display: -webkit-box;-webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.newslist li:nth-child(1){animation-delay:0.2s;}
.newslist li:nth-child(2){animation-delay:0.4s;}
.newslist li:nth-child(3){animation-delay:0.6s;}
.bottom{height:349px;background: url(../images/bottom.jpg) center 0 no-repeat;background-size: cover}
.bottom .left{width: 314px;overflow: hidden;float: left;}
.bt-title{width: 157px;height: 47px;line-height: 47px;border-radius: 23px;color: #fff;background-color: #1456d9;text-align: center;font-size: 18px;margin-top: 48px;}
.bottom .left h1{display: block;line-height: 56px;margin-top: 3px;color: #fff;font-size: 36px;}
.bt-cont{width: 100%;margin-top: 10px;overflow: hidden;}
.bt-cont img{float: left;}
.bt-cont .bt-cont-right{width: 100px;float: left;margin-left: 16px;padding-top: 62px;background: url(../images/iphone.jpg) 0 0 no-repeat;color:#707171;font-size: 16px;}
.btnav{width: auto;float: right;margin-top:50px;margin-right: -92px}
.btnav li{width: 120px;float: left;margin-right: 92px}
.btnav li a{text-decoration: none;color: #707171}
.btnav li .a1{display: block;height: 62px;line-height: 62px;background: url(../images/btbd.png) 0 bottom no-repeat;font-size: 16px;color:#acacad;margin-bottom: 16px;}
.btnav li .a2{display: block;line-height: 32px}
.btnav li .a1:hover,.btnav li .a2:hover{color: #fff}
.footer{text-align: center;background-color: #333333;color: #707171}

.subnavbg{height: auto;min-height: 59px;border-top: 1px solid #e4e4e4;box-shadow: 0 5px 5px #ccc}
.subnav{width: 100%;height: auto;overflow: hidden;}
.subnav li{width: 180px;height: 59px;float: left;}
.subnav li a{display: block;text-align: center;line-height: 57px;text-decoration: none;color: #545454;width: 100%;height: 57px;border-bottom: 2px solid #fff;font-weight: bold;font-size: 16px}
.subnav li a:hover{color:#2c53d4;border-bottom: 2px solid #2c53d4}

.locationbg{height: 70px;overflow: hidden;}
.location{line-height: 70px;height: 70px;width: auto;text-indent: 39px;overflow: hidden;background:url(../images/address.jpg) 0 center no-repeat;font-size: 12px;color: #626262}
.location a{text-decoration: none;color: #626262}


.page{min-height: 600px;overflow: hidden;}
.about-title{height: 138px;border-bottom: 1px solid #eeeeee;overflow: hidden;}
.about-title h1{display: block;width: 100%;height: 28px;line-height: 28px;margin-top: 40px;text-align: center;font-size: 28px;color: #000}
.about-title h2{text-align: center;font-size: 14px;color:#d2d2d2;margin-top: 10px;line-height: 20px;}
.page-content{min-height: 400px;padding-top: 20px;padding-bottom: 20px;overflow: hidden;width: 100%}
.page-content table{width: 100%!important;border-collapse: collapse;}

.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;width: 100%}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#666666;}

.product{width: 900px;height: auto;overflow:hidden;margin:29px auto 0 auto;}
.product h1{width: 100%;text-align: center;height: 60px;line-height: 60px;font-size: 20px;}
.prod-text{width: 100%;height: 327px;margin-bottom: 24px;overflow: hidden;}
.prod-text .left{width:405px;height:357px;overflow: hidden;float: left;margin-left: 80px;}
.prod-text .left div{width:388px;height: 302px;padding: 4px;border:1px solid #e5e5e5;background-color: #fff;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{width: 388px;height:297px;}
.prod-text .left span{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #5e5e5e}
.prod-text .right{width: 400px;height: 360px;float: right;color: #5e5e5e}
.prod-text .right a{display:inline-block;width: 88px;height: 30px;background-color: #b92825;text-decoration: none;color: #fff;text-align: center;line-height: 30px;}
.prod-cont{width:750px;height: auto;overflow: hidden;margin: 0 auto}
.prod-cont-title{width: 100%;height: 39px;line-height: 39px;border-bottom: 1px solid #e5e5e5;color: #666666;font-size: 16px;}
.prod-cont-text{width: 100%;height: auto;margin-top: 10px;color: #666666}



.newslist1{width:1250px;overflow: hidden;height: auto;margin-top: 62px;padding-bottom: 20px;}
.newslist1 li{width: 371px;height: 351px;margin-right: 40px;float: left;border: 1px solid #ccc;margin-bottom: 30px;overflow: hidden;}
.newslist1 li img{width: 320px;height: 180px;}
.newslist1 li div{width: 320px;height: auto;overflow: hidden;margin-left: 26px;}
.newslist1 li a{text-decoration: none;color: #333}
.newslist1 li h1{display: block;width: 100%;margin-top: 21px;margin-bottom: 12px;height: 26px;font-size: 18px;text-overflow:ellipsis;
  white-space: nowrap;overflow: hidden;}
.newslist1 li .sp1{display: block;width: 100%;color: #2c53d4;font-size: 15px;line-height: 35px;}
.newslist1 li .sp2{display: block;width: 100%;color: #acacac;font-size: 14px;line-height: 18px;display: -webkit-box;-webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.newslist1 li:hover{box-shadow: 3px 3px 5px #ccc}
.newslist1 li:hover h1{color: #2c53d4}


.indexbox4{width: 1260px;overflow: hidden;height: auto;margin-top: 30px;}
.indexbox4 li{width: 360px;box-shadow: 1px 1px 5px #ccc;float: left;margin-right:44px;height: 340px;overflow: hidden;background-color: #fff;margin-bottom: 37px;margin-left: 10px;margin-top: 2px}
.indexbox4 li a{text-decoration: none;color: #333}
.indexbox4 li .picbox{width: 360px;height: 252px;overflow: hidden;position: relative;}
.indexbox4 li .picbox img{width:365px;height: 252px;}
.indexbox4 li:hover{}
.indexbox4 li:hover .picont h1{color: #f76827}
.indexbox4 li .picont{display: block;width: 100%;height: 100px;overflow: hidden;text-align: center;}
.indexbox4 li .picont h1{display: block;width: 100%;font-size: 20px;color: #4c4c4c;margin-top: 25px;}
.indexbox4 li .picont span{display: inline-block;border-bottom: 2px solid #f76827;margin-top: 5px}


.pageindex{width: 100%;height: 50px;text-align: center;line-height: 50px;overflow: hidden;}
.box3{height: 378px;background:url(../images/box3.jpg) center 0 no-repeat;position: relative;}
.btnnext{display: block;width: 27px;height: 53px;position: absolute;left: 50%;margin-left: 767px;top: 180px;background: url(../images/btnnext.png) 0 0 no-repeat;}
.btnprev{display: block;width: 27px;height: 53px;position: absolute;left: 50%;margin-left: -794px;top: 180px;background: url(../images/btnprev.png) 0 0 no-repeat;}
.picbrand{width: 1200px;margin: 0 auto;overflow: hidden;height: 378px;position: relative;}
.piclist{width: 2000px;height: 266px;overflow: hidden;margin-top: 62px;position: absolute;left: 0}
.piclist li{width: 220px;float: left;margin-right: 108px;overflow: hidden;}



.piclist2{width: 1000px;overflow: hidden;margin: 0 auto}
.piclist2 li{width: 276px;height: 300px;float: left;margin-left: 23px;margin-right: 24px;margin-bottom: 20px;overflow: hidden;}
.piclist2 li div{width: 282px;height:260px;overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;}
.piclist2 li div img{width: auto;height: auto;max-width: 282px;max-height: 260px;display: inline;}
.piclist2 li a{text-decoration: none;color: #333;display: block;width: 282px;height: 260px;}
.piclist2 li span{display: block;width: 100%;height:40px;line-height: 40px;text-align: center;color: #333;}

 div.zoomDiv { z-index:999; position:absolute; top:0px; left:0px;width: 364px!important;height: 308px!important; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.zoomMask { position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1;}



.about-details {
      display: block;
      color: #535353;
      text-align: left;
      line-height: 24px;
      font-size: 15px;
      margin-left: 30px;
}
.about-details p {
        display: block;
        color: #535353;
        text-align: left;
        line-height: 24px;
        font-size: 15px;
        text-align: justify;
}
.aCon-q-img li {
        width: 210px;
        height: 258px;
        float: left;
        margin-left: 44px;
        margin-right: 44px;
        border: 1px solid #eee;
        margin-bottom: 20px;
        overflow: hidden;
}
.aCon-q-img li img {
          max-width: 210px; 
}
.about-list li {
        width: 200px;
        height: 180px;
        float: left;
        margin-left: 25px;
        margin-bottom: 20px;
        position: relative; 
}
.about-list li .pic-wrap {
          width: 200px;
          height: 135px;
          padding: 2px;
          border: 1px solid #eee;
          overflow: hidden; 
}
.about-list li img {
          width: 200px;
          height: 135px;
}
.about-list li span {
          position: absolute;
          bottom: 5px;
          display: block;
          color: #616161;
          text-align: center;
          line-height: 24px;
          font-size: 16px;
          width: 200px;
}

#imgbox-loading {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
  z-index: 90; }

#imgbox-loading div {
  background: #FFF;
  width: 100%;
  height: 100%; }

#imgbox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: none;
  z-index: 80; }

.imgbox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  display: none;
  z-index: 90; }

.imgbox-img {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  height: 100%;
  vertical-align: top; }

.imgbox-title {
  padding-top: 10px;
  font-size: 11px;
  text-align: center;
  font-family: Arial;
  color: #333;
  display: none; }

.imgbox-bg-wrap {
  position: absolute;
  padding: 0;
  margin: 0;
  display: none; }

.imgbox-bg {
  position: absolute;
  width: 20px;
  height: 20px; }

.footer div{text-align:left;font-size:12px;padding-left:10px;}