@charset "utf-8";
/* CSS Document */

#product > .product > .list > ul > li > a{position:relative;}
#product > .product > .list > ul > li > a .series{position:absolute; left:0; top:0; width:24%; height:24%; background-repeat:no-repeat; background-position:left top; background-size:100% auto;}

#product .tag_con .con ol{margin-left:15px;}
#product .tag_con .con ol > li{margin-bottom:12px; padding-left:10px !important; list-style-type:decimal !important;}

#product > .view > .tag_con .pdf > a{width:50%;}
@media only screen and (max-width:780px){
  #product > .view > .tag_con .pdf > a{width:100%;}

  #product > .view .title{padding-top:30px; line-height:1.3; margin-bottom:15px;}
}

#product > .product > .list > ul > li > a .pro-name{font-size:15px; padding:2px 15px 0 15px; text-align:center;}
#product > .product > .list > ul > li > a .pro-list{text-align:center;}
#search > .list > ul > li > a .tit{font-size:15px; padding:2px 15px 0 15px; text-align:center;}
#search > .list > ul > li > a .more{text-align:center;}

#product > .view .focus img{width:88%;}

#product > .view > .tag_nav > ul > li > a{position:relative; transition:all .2s;}
#product > .view > .tag_nav > ul > li > a:after{position:absolute;z-index:1;left:50%; bottom:0; width:0%;height:3px; background:#d0021c;content:''; transition:all .2s;}
#product > .view > .tag_nav > ul > li > a:hover:after{left:0; width:100%;}

.loading-box{margin:50px 0; height:46px; text-align:center; line-height:47px; display:none;}
.loading-box > div{width:12px; height:12px; background-color:#67CF22; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
.loading-box .bounce1{animation-delay:-0.32s;}
.loading-box .bounce2{animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%, 80%, 100%{transform:scale(0.0);}
  40%{transform:scale(1.0);}
}


.tag_video{text-align:center; position:relative; max-width:1000px; margin:50px auto;}
.tag_video .swiper-slide .tit{font-size:14px; padding:20px 0 50px 0;}
.tag_video .swiper-button-next, .tag_video .swiper-button-prev{margin-top:-80px;}


.loadmore, .view-all{width:90%; max-width:1360px; padding:50px 0; margin:0 auto; text-align:center;}
.loadmore > a, .view-all > a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
.loadmore > a:hover, .view-all > a:hover{ background:#d0021c; border:1px solid #d0021c; color:#fff;}
.view-all{padding-top:0;}

.honor_son > .item{border:0px none !important; padding:20px 0 0 0 !important;}
.honor_son .loadmore{padding-top:0px;}
.honor_son .loading-box{margin-top:0;}

#honor-search{padding:30px 0 50px 0; width:500px; max-width:100%; margin:auto; text-align:center; position:relative; box-sizing:border-box;}
#hk{background:#eee; border:0px none; padding:19px 20px; border-radius:100px; width:100%; font-size:14px; box-sizing:border-box; box-shadow:none;}
#honor-search > a{display:block; width:24px; height:24px; position:absolute; right:20px; top:45px;}
#honor-search > a > img{width:100%; height:100%;}
@media only screen and (max-width:960px){
  #honor-search{padding:30px 15px;}

  #hk{padding:12px 15px;}

  #honor-search > a{width:20px; height:20px; position:absolute; right:26px; top:41px;}
}


#news .swiper-container{padding:50px 30px 35px 30px; box-sizing:border-box; text-align:center;}
#news .swiper-container .swiper-pagination{bottom:0;}
#news .swiper-container .swiper-pagination-bullet{width:10px;height:10px; margin:5px; display:inline-block;border-radius:100%; background:#000; opacity:.2;}
#news .swiper-container .swiper-pagination-bullet-active{background:#d0021c; opacity:1;}
#news .swiper-container .swiper-button-prev{position:absolute;z-index:4; top:50%; left:0; margin-top:-30px; cursor:pointer;opacity:.3; width:50px; height:50px; background:url("../images/arrow-l.png") no-repeat;background-size:100% auto; background-position:50% 50%; transition:all .35s;}
#news .swiper-container .swiper-button-next{position:absolute;z-index:4; top:50%; right:0; margin-top:-30px; cursor:pointer;opacity:.3; width:50px; height:50px; background:url("../images/arrow-r.png") no-repeat;background-size:100% auto; background-position:50% 50%; transition:all .35s;}
#news .swiper-container .swiper-button-prev:hover, #news .swiper-container .swiper-button-next:hover{opacity:.6;}
@media only screen and (max-width:780px){
  #news .swiper-container{padding:50px 0 35px 0;}
  .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide img{max-width:100%;}
  #news .swiper-container .swiper-button-prev{display:none;}
  #news .swiper-container .swiper-button-next{display:none;}
  #news>.view>.content{width:95% !important;}
}


#jobs > .list > .list_td > li > .akey > div.td1{cursor:pointer;}


#main>.news>.container>.isnew>ul>li .img{width:216px; height:132px;}
#main>.news>.container>.isnew>ul>li .img>img{width:100%; height:100%;}
@media only screen and (max-width: 1280px){
  #main > .news > .container > .isnew > ul > li .img{width:200px; height:122px;}
}
@media only screen and (max-width: 1080px){
  #main > .news > .container > .isnew > ul > li .img{width:180px; height:110px;}
}
@media only screen and (max-width: 960px){
  #main > .news > .container > .isnew > ul > li .img{width:160px; height:100px;}
}
@media only screen and (max-width: 760px){
  #main > .news > .container > .isnew > ul > li .img{width:200px; height:122px;}
}
@media only screen and (max-width: 650px){
  #main>.news>.container>.isnew>ul>li .img{width:100%; height:auto;}
}


#service>.feedback .tagcon{display:block;}

#download>.list>ul.item_SON div>a.title{color:#464646; background:none; padding-left:0;}

#product .isnew .item .mp{display:none;}
@media only screen and (max-width: 760px){
  #product .isnew .item .video{display:none;}
  #product .isnew .item .mp{display:block;}
}



#pvideo{position:fixed; width:100%; height:100%; left:0; top:0; z-index:99999; display:none;}
#pvideo .bg{position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8);}
#pvideo .box{position:absolute; left:50%; top:50%; width:800px; height:450px; background:#fff; z-index:2; margin:-247px 0 0 -400px; background:#000; box-shadow:10px 10px 20px rgba(0,0,0,.2);}
#pvideo .box .ptit{width:100%; height:45px; background:#fff; box-sizing:border-box; line-height:45px; font-size:14px; padding-left:15px; color:#666; position:relative;}
#pvideo .box .ptit .close{width:45px; height:45px; position:absolute; right:0; top:0; display:block; background:url('../images/ico.close.png?1') no-repeat center center; cursor:pointer;}
@media only screen and (max-width: 760px){
  #pvideo{display:none;}
}