.head{border-bottom: 0;}
.tit-info{text-align: center;width: 100%;padding: 60px 0 30px;}
.tit-info>div{width: 100%;max-width: 775px;margin: 0 auto;}
.tit-info h2{font-size: 22px;font-weight: 500;color: rgba(21, 49, 127, 1);margin-bottom: 5px;margin-top: 20px;}
.tit-info h1{font-size: 30px;font-weight: 500;color: rgba(21, 49, 127, 1);margin-bottom: 5px;}
.tit-info p{font-size: 40px;}

.title-1{padding: 70px 0 50px;text-align: center;}
.title-1 h2{color: rgba(0, 0, 0, .8);font-size: 36px;}
.title-1 p{color: rgba(0, 0, 0, .3);font-size: 36px;margin-top: 20px;}

.head.top-tran2{background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);height: 90px;}
.head.top-tran2 .nav .li a{color: rgba(0, 0, 0, 0.8);}
.head.top-tran2 .search-top form button svg{fill: rgba(0, 0, 0, 0.8);}
.head.top-tran2 .logo a h1 img{filter: grayscale(0) brightness(1);}

.head.top-tran2 .menu-btn{background-color: rgba(21, 49, 127, 1);}
.head.top-tran2 .menubtn span,.head.top-tran2 .menubtn span:after, .head.top-tran2 .menubtn span:before{background-color: #fff;}
.head.top-tran2 .menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.head.top-tran2 .menubtn.active span:after,.head.top-tran2 .menubtn.active span:before {background-color: #fff;-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s;-ms-transition-delay: 0s,.3s;-o-transition-delay: 0s,.3s;transition-delay: 0s,.3s;}
.head.top-tran2 .menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.head.top-tran2 .menubtn.active span:after,.head.top-tran2 .menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s;-ms-transition-delay: 0s,.3s;-o-transition-delay: 0s,.3s;transition-delay: 0s,.3s;}
.head.top-tran2 .menubtn.active span:after {bottom: 0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.head.top-tran2 .menu-btn.active p{color: #fff;}


/* 产品 */
.product{padding: 0 0 30px;}

.product .tit-info .goods-search{width: 90%;max-width: 735px;margin-top: 25px;}
.product .tit-info .goods-search form{width: calc(100% - 2px);border: 1px solid rgba(21, 49, 127, 1);display: flex;height: 65px;overflow: hidden;border-radius: 60px;background-color: #fff;}
.product .tit-info .goods-search form input{width: calc(100% - 100px);padding-left: 20px;}
.product .tit-info .goods-search form button{width: 100px;background-color: rgba(21, 49, 127, 1);}
.product .tit-info .goods-search form button svg{fill: #fff;}

.product .n-area{display: flex;flex-wrap: wrap;padding: 0 15px;max-width: 1500px;}


.left-area{width: 27%;margin-right: 25px;position: relative;transition: all 0.4s;padding: 30px;background-color: #00539E;}
.left-area>i{display: inline-block;position: absolute;top: 50%;left: 100%;height: 50px;width: 30px;color: #fff;font-size: 16px;display: flex;align-items: center;justify-content: center;font-weight: bold;z-index: -1;transform: translate(-100%,-50%);transition: all 0.3s;cursor: pointer;background-color: #00539E;}
.left-area .left-menu{width: 100%;overflow: hidden;}
.left-area .left-menu form{border-bottom: 1px solid rgba(255, 255, 255, .1);display: flex;line-height: 50px;margin-bottom: 20px;align-items: center;}
.left-area .left-menu form button{background-color: rgba(0, 0, 0, 0);}
.left-area .left-menu form button svg{fill: rgba(255, 255, 255, .3);}
.left-area .left-menu form input{width: 100%;line-height: 50px;color: rgba(255, 255, 255, .6);text-indent: 15px;}
.left-area .left-menu form input::placeholder{color: rgba(255, 255, 255, .3);}
.left-area .left-menu h2{font-size: 36px;color: #fff;position: relative;line-height: 50px;margin-bottom: 30px;}
.left-area .left-menu .ul{padding-bottom: 10px;}
.left-area .left-menu .ul .li{border-bottom: 1px solid rgba(255, 255, 255, .1);padding: 25px 0;display: flex;position: relative;align-items: center;}
.left-area .left-menu .ul .li::after{content: '→';display: inline-block;width: 25px;font-size: 25px;line-height: 25px;color: rgba(255, 255, 255, .2);}
.left-area .left-menu .ul .li:last-child{border: 0;}
.left-area .left-menu .ul .li>a{font-size: 22px;color: #fff;line-height: 30px;display: inline-block;width: calc(100% - 25px);}
.left-area .left-menu .ul .li ul{display: block;}
.left-area .left-menu .ul .li ul>li{display: block;}
.left-area .left-menu .ul .li ul>li>a{color: #fff;font-size: 17px;line-height: 50px;display: flex;}
.left-area .left-menu .ul .li ul>li>a::before{content: '·';display: inline-block;width: 20px;text-align: center;}

.left-area.active{transform: translate(0,-50%);}

/* .left-area .left-mes{width: 100%;overflow: hidden;margin-top: 30px;}
.left-area .left-mes h2{font-size: 24px;font-weight: bold;color: #fff;padding: 20px 0;text-align: center;background-color: #EF8F43;position: relative;line-height: 30px;}
.left-area .left-mes form{display: block;padding: 20px;background-color: #fff;}
.left-area .left-mes form .form-tr{width: 100%;background-color: #ECF0F5;overflow: hidden;margin-bottom: 10px;}
.left-area .left-mes form .form-tr input,.left-area .left-mes form .form-tr textarea{line-height: 35px;margin: 5px 0;width: 100%;padding: 0 5px;color: rgba(0, 0, 0, .8);}
.left-area .left-mes form .form-tr input::placeholder,.left-area .left-mes form .form-tr textarea::placeholder{color: rgba(0, 0, 0, .3);}
.left-area .left-mes form .form-tr .code{display: flex;}
.left-area .left-mes form .form-tr .code input{width: 60%;}
.left-area .left-mes form .form-tr .code img{width: 100%;height: 45px;}
.left-area .left-mes form a.submit{display: block;line-height: 45px;text-align: center;font-size: 18px;color: #fff;border-radius:7px;background-color: #00539E;text-transform: uppercase;} */

/* .left-area .left-contact{display: flex;width: 100%;margin-top: 90px;background-color: #fff;padding: 15px;align-items: flex-end;}
.left-area .left-contact .img{width: 33%;height: 100%;position: relative;}
.left-area .left-contact .img img{position: absolute;width: 100%;bottom: 0;transform: translateY(10px);}
.left-area .left-contact .info{width: 67%;}
.left-area .left-contact .info h3{font-size: 16px;line-height: 26px;margin-bottom: 5px;color: rgba(0, 0, 0, .8);}
.left-area .left-contact .info h4{color: #EF8F43;font-size: 36px;line-height: 40px;margin-bottom: 5px;}
.left-area .left-contact .info a{display: block;line-height: 40px;border: 1px solid #00539E;color: #00539E;text-align: center;text-transform: capitalize;} */




.product .prolist{width: 100%;}
.product .prolist .li{display: flex;flex-wrap: wrap;}
.product .prolist .li h2{width: 100%;font-size: 38px;font-weight: 600;color: rgba(21, 49, 127, 1);display: flex;align-items: center;line-height: 90px;}
.product .prolist .li h2 a{margin-left: auto;}
.product .prolist .li .se-cate{width: 100%;display: flex;padding: 10px;}
.product .prolist .li .se-cate a{padding-right: 3%;margin-right: 3%;border-right: 1px solid rgba(0, 0, 0, .3);line-height: 25px;color: rgba(0, 0, 0, .8);font-size: 15px;}
.product .prolist .li .se-cate a:last-child{border: 0;}
.product .prolist .li .goodsli{width: 100%;display: flex;margin: 25px 0;}
.product .prolist .li .goodsli .g-li{margin-right: 30px;display: flex;border: 1px solid rgba(0, 0, 0, .1);padding: 30px 0;flex-wrap: wrap;width: 25%;}
.product .prolist .li .goodsli .g-li:last-child{margin-right: 0;}
.product .prolist .li .goodsli .g-li .img{width: 100%;max-height: 250px;text-align: center;}
.product .prolist .li .goodsli .g-li .img img{width: 100%;height: 100%;object-fit: contain;}
.product .prolist .li .goodsli .g-li .txt{width: 50%;padding-left: 25px;}
.product .prolist .li .goodsli .g-li .txt h3{font-size: 22px;font-weight: 600;margin-bottom: 15px;}
.product .prolist .li .goodsli .g-li .txt .param{width: 100%;padding-bottom: 30px;}
.product .prolist .li .goodsli .g-li .txt .param p{width: 100%;display: flex;line-height: 45px;align-items: center;}
.product .prolist .li .goodsli .g-li .txt .param p span{width: 50%;color: rgba(0, 0, 0, .5);padding-left: 15px;}
.product .prolist .li .goodsli .g-li .txt .param p:nth-child(2n-1){background-color: rgba(0, 0, 0, .05);}
.product .prolist .li .goodsli .g-li .txt .bt{width: 100%;display: flex;}
.product .prolist .li .goodsli .g-li .txt .bt a{width: calc(50% - 2px);border: 1px solid rgba(0, 0, 0, .1);color: rgba(0, 0, 0, .5);line-height: 40px;text-align: center;}
.product .prolist .li .goodsli .g-li .txt .bt a:first-child{color: #fff;background-color: rgba(21, 49, 127, 1);}

.product.list .prolist{display: flex;flex-wrap: wrap;margin: 50px 0 0;}
.product.list .prolist .li{width: calc(50% - 17px);margin-right: 30px;display: flex;border: 1px solid rgba(0, 0, 0, .1);padding: 30px 25px;margin-bottom: 25px;}
.product.list .prolist .li:nth-child(2n){margin-right: 0;}
.product.list .prolist .li .img{width: 50%;max-height: 250px;}
.product.list .prolist .li .img img{width: 100%;height: 100%;object-fit: contain;}
.product.list .prolist .li .txt{width: 50%;padding-left: 25px;}
.product.list .prolist .li .txt h3{font-size: 22px;font-weight: 600;margin-bottom: 15px;}
.product.list .prolist .li .txt .param{width: 100%;padding-bottom: 30px;}
.product.list .prolist .li .txt .param p{width: 100%;display: flex;line-height: 45px;align-items: center;}
.product.list .prolist .li .txt .param p span{width: 50%;color: rgba(0, 0, 0, .5);padding-left: 15px;}
.product.list .prolist .li .txt .param p:nth-child(2n-1){background-color: rgba(0, 0, 0, .05);}
.product.list .prolist .li .txt .bt{width: 100%;display: flex;}
.product.list .prolist .li .txt .bt a{width: calc(50% - 2px);border: 1px solid rgba(0, 0, 0, .1);color: rgba(0, 0, 0, .5);line-height: 40px;text-align: center;}
.product.list .prolist .li .txt .bt a:first-child{color: #fff;background-color: rgba(21, 49, 127, 1);}



.pinfo{padding: 0;position: relative;z-index: 2;}
.pinfo::before{display: inline-block;content: '';width: 100%;height: 700px;position: absolute;left: 0;top: 0;background-image: url(../../images/proinfo-ban.jpg);background-size: cover;background-attachment: fixed;background-position: center top;z-index: -1;}
.pinfo .crumbs{padding: 100px 15px 0;line-height: 80px;color: #fff;}
.pinfo .crumbs a{color: #fff;}
.pinfo .info-area{width: calc(100% - 30px);background-color: #fff;margin: 0 15px;}
.pinfo .info-area .info{display: flex;width: 100%;padding: 5%;flex-wrap: wrap;}
.pinfo .info-area .info .txt{width: 50%;display: flex;flex-wrap: wrap;align-content: flex-start;}
.pinfo .info-area .info .txt h2{width: 100%;font-size: 38px;font-weight: 600;padding-bottom: 25px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.pinfo .info-area .info .txt .param{width: 100%;margin: 45px 0;}
.pinfo .info-area .info .txt .param p{width: 100%;display: flex;margin-bottom: 15px;line-height: 40px;align-content: flex-start;}
.pinfo .info-area .info .txt .param p b{width: 20%;min-width: 110px;font-weight: 600;font-size: 20px;}
.pinfo .info-area .info .txt .param p span{width: 80%;max-width: calc(100% - 110px);font-size: 16px;color: rgba(0, 0, 0, .5);}
.pinfo .info-area .info .txt .bt{display: flex;width: 100%;}
.pinfo .info-area .info .txt .bt a{width: calc(50% - 2px);border: 1px solid rgba(0, 0, 0, .1);text-align: center;line-height: 55px;}
.pinfo .info-area .info .txt .bt a:first-child{background-color: rgba(21, 49, 127, 1);color: #fff;}
.pinfo .info-area .info .img{width: 50%;max-height: 400px}
.pinfo .info-area .info .img img{width: 90%;height: 100%;;margin: 0 5%;object-fit: contain;}

.pinfo .info-area .tit{display: flex;line-height: 90px;color: rgba(21, 49, 127, 1);align-items: center;margin-top: 15px;}
.pinfo .info-area .tit i{font-size: 40px;margin-right: 15px;}
.pinfo .info-area .tit h2{font-size: 26px;font-weight: 600;}

.pinfo .info-area .params{width: 100%;}
.pinfo .info-area .params .content{width: 100%;border-top: 1px solid rgba(0, 0, 0, .05);border-bottom: 1px solid rgba(0, 0, 0, .05);}
.pinfo .info-area .params .content p{display: flex;line-height: 35px;padding: 20px 0;align-items: center;}
.pinfo .info-area .params .content p:nth-child(2n-1){background-color: rgba(0, 0, 0, .05);}
.pinfo .info-area .params .content p span{width: 50%;text-align: center;font-size: 15px;}

.pinfo .info-area #pSwiper{margin-bottom: 30px;}
.pinfo .info-area #pSwiper .img{position: relative;padding-top: 65%;background-color: rgba(0, 0, 0, .05);}
.pinfo .info-area #pSwiper .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;transition: all 0.3s;}
.pinfo .info-area #pSwiper p{line-height: 60px;width: 100%;text-align: center;font-weight: 600;font-size: 20px;color: rgba(0, 0, 0, .8);}
.pinfo .info-area #pSwiper .img:hover img{transform: translateY(-3px);}
.pinfo .info-area #pSwiper p:hover{color: rgba(21, 49, 127, 1);}


.info-adv{background-image: url(../../images/p-adv-bg.jpg);background-size: cover;padding: 70px 15px 50px;}
.info-adv h2{font-size: 36px;font-weight: bold;color: #fff;text-align: center;padding-bottom: 30px;margin-bottom: 100px;position: relative;}
.info-adv h2 span{color: rgba(255, 255, 255, .2);width: 100%;display: block;font-weight: normal;margin-bottom: 5px;}
.info-adv h2::after{content: '';display: inline-block;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%);width: 95px;height: 1px;background-color: rgba(255, 255, 255, .2);}
.info-adv .li{text-align: center;background-color: #fff;padding: 80px 5% 60px;position: relative;}
.info-adv .li i{position: absolute;display: inline-block;width: 120px;height: 120px;border-radius: 50%;background-color: #00539E;display: flex;justify-content: center;align-items: center;left: 50%;top: 0;transform: translate(-50%,-50%);}
.info-adv .li i img{width: 50px;}
.info-adv .li h3{font-size: 22px;color: rgba(0, 0, 0, .8);margin-bottom: 20px;}
.info-adv .li p{font-size: 18px;line-height: 30px;}




/* 新闻 */
.news{background-color: rgba(255, 255, 255, 1);padding: 0 15px;}
.news .tit-info{text-align: left;}
.news .ul{display: flex;flex-wrap: wrap;margin-top: 15px;}
.news .ul .li{margin-bottom: 30px;}
/* .news .ul .li:first-child{width: 46%;margin-right: 4%;}
.news .ul .li:nth-child(2){width: 23%;margin-right: 4%;}
.news .ul .li:nth-child(3){width: 23%;} */
.news .ul .li a{display: flex;flex-wrap: wrap;height: 100%;}
.news .ul .li .time{width: 10%;min-width: 120px;font-size: 16px;color: rgba(0, 0, 0, .5);text-align: center;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.news .ul .li .time b{font-size: 48px;font-weight: bold;text-align: center;line-height: 52px;width: 100%;}
.news .ul .li .text{width: 100%;display: flex;flex-wrap: wrap;align-content: end;max-width: calc(100%);background-position: center;position: relative;z-index: 2;}
/* .news .ul .li:first-child .text,.news .ul .li:nth-child(2) .text,.news .ul .li:nth-child(3) .text{width: 100%;max-width: 100%;padding: 20px;} */
/* .news .ul .li:first-child .text::before{content: '';display: inline-block;position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-image: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0) 100%);z-index: -1;} */
.news .ul .li .img{position: relative;padding-top: 60%;width: 100%;border-radius: 7px;overflow: hidden;}
.news .ul .li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.news .ul .li h3{font-size: 22px;color: rgba(0, 0, 0, .8);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;margin-bottom: 15px;}
.news .ul .li p{font-size: 15px;color: rgba(0, 0, 0, .5);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;line-height: 30px;}
.news .ul .li b{font-size: 16px;width: 100%;margin-top: 5px;font-weight: 600;color: rgba(21, 49, 127, 1);line-height: 50px;}
.news .ul .li .text span{margin: 15px 0;display: inline-block;line-height: 35px;color: rgba(21, 49, 127, 1);border: 1px solid rgba(21, 49, 127, 1);border-radius: 7px;padding: 0 25px;}
/* .news .ul .li:first-child h3{color: #fff;} */
/* .news .ul .li:first-child b{color: rgba(255, 255, 255, .8);text-align: left;} */


/* n-info */
.n-info{padding: 5% 15px;}
.n-info .n-area{max-width: 1530px;padding: 0 15px;margin: 0 auto;}
.n-info .info-area{background-color: #fff;position: relative;width: calc(100%);padding-right: 5%;border-right: 1px solid #ddd;}
.n-info .info-area .tit{position: relative;}
.n-info .info-area .tit h4{font-size: 32px;font-weight: 500;color: rgba(0, 0, 0, .8);line-height: 55px;display: inline-block;width: calc(100%);}
.n-info .info-area .tit p{display: flex;line-height: 40px;margin: 10px 0;color: rgba(0, 0, 0, .6);width: 100%;font-size: 16px;}

.n-info .info-area .content{width: 100%;position: relative;border-top: 1px solid #ddd;padding: 2% 0;font-size: 15px!important;line-height: 30px;margin-top: 15px;}
.n-info .info-area .content img{max-width: 100%;height: auto!important;}
.n-info .info-area .switch{display: flex;margin-bottom: 30px;align-items: center;flex-wrap: wrap;}
.n-info .info-area .switch>a{line-height: 40px;border: 1px solid rgba(0, 0, 0, .5);color: #00539E;padding: 0 20px;font-size: 15px;text-transform: uppercase;border-radius: 20px;}
.n-info .info-area .switch .share{margin-left: auto;display: flex;align-items: center;font-size: 16px;text-transform: uppercase;}
.n-info .info-area .switch .share a{margin-left: 10px;}
.n-info .info-area .switch .share a i{color: rgba(0, 0, 0, .2);font-size: 40px;}

.n-info .p-n{width: calc(100% - 2px);display: flex;border: 1px solid #ddd;line-height: 40px;padding: 10px 5%;}
.n-info .p-n .page-a{width: calc(50% - 45px);}
.n-info .p-n a:nth-child(2){width: 90px;color: #888;text-align: center;}
.n-info .p-n .page-a a{color: #888;}
.n-info .p-n .page-a:nth-child(3){text-align: right;}

.n-info .news-li{padding-left: 5%;}
.n-info .news-li h2{font-size: 32px;width: 100%;border-bottom: 1px solid #ddd;line-height: 50px;padding: 50px 0 20px;color: rgba(0, 0, 0, .7);margin-bottom: 10px;}
.n-info .news-li .li{line-height: 45px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.n-info .news-li .li::before{content: '';display: inline-block;width: 7px;height: 7px;border-radius: 50%;background-color: rgba(0, 0, 0, .2);margin: 0 10px 0 5px;}
.n-info .news-li .li a{font-size: 15px;color: rgba(0, 0, 0, .65);}
.n-info .news-li>a{display: inline-block;width: 100%;line-height: 55px;color: #fff;text-align: center;background-color: rgba(21, 49, 127, 1);margin-top: 20px;}


/* article */
.article{background-color: rgba(255, 255, 255, 1);padding-bottom: 30px;}
.article .tit-info{text-align: left;}
.article .li a{}
.article .li .img{position: relative;padding-top: 95%;background-color: rgba(0, 0, 0, .05);}
.article .li .img img{width: calc(100% - 2px);height: calc(100% - 2px);object-fit: contain;left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);transition: all 0.3s;}
.article .li .tit{text-align: center;line-height: 50px;font-size: 16px;background-color: #fff;color: #333;margin-bottom: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;background-color: rgba(0, 0, 0, .05);transition: all 0.3s;position: relative;z-index: 2;}
.article .li .tit::before{display: inline-block;content: '';width: 100%;height: 0;background-color: rgba(21, 49, 127, 1);position: absolute;left: 0;bottom: 0;transition: all 0.3s;z-index: -1;}
.article .li:hover .img img{transform: translate(-50%,calc(-50% - 5px));}
.article .li:hover .tit{color: #fff;}
.article .li:hover .tit::before{height: 100%;top: 0;}

.article.honor .li .img{position: relative;padding-top: 75%;border: 1px solid rgba(0, 0, 0, .3);}
.article.honor .li .img img{width: calc(100% - 2px);height: calc(100% - 2px);object-fit: cover;}
.article.honor .li .tit{}


.science{}
.science .intro{display: flex;flex-wrap: wrap;}
.science .intro .tit-info{padding-bottom: 55px;margin-bottom: 55px;border-bottom: 1px solid rgba(0, 0, 0, .1);text-align: left;}
.science .intro .content{font-size: 15px;color: rgba(0, 0, 0, .6);line-height: 40px;}
.science .intro .content strong{color: rgba(21, 49, 127, 1);font-size: 19px;margin-bottom: 5px;}
.science .intro .txt{width: 50%;padding-right: 5%;}
.science .intro .img{width: 50%;}
.science .intro .img img{width: 100%;height: 100%;object-fit: cover;}
.science .intro .adv{width: 100%;display: flex;flex-wrap: wrap;margin-top: 5%;}
.science .intro .adv .li{width: calc(33.333333% - 5px);margin-right: 7.5px;background-color: rgba(21, 49, 127, 1);display: flex;align-content: center;margin-bottom: 7.5px;padding: 2.5%;padding-left: 0;}
.science .intro .adv .li:nth-child(3n){margin-right: 0;}
.science .intro .adv .li .img{width: 35%;min-width: 120px;display: flex;align-items: center;justify-content: center;}
.science .intro .adv .li .img i{display: inline-block;width: 95px;height: 95px;background-color: #fff;color: rgba(21, 49, 127, 1);text-align: center;line-height: 90px;font-size: 36px;border-radius: 50%;}
.science .intro .adv .li .txt-1{width: 65%;color: #fff;}
.science .intro .adv .li .txt-1 h3{font-size: 23px;line-height: 55px;margin-bottom: 20px;}
.science .intro .adv .li .txt-1 p{line-height: 30px;font-size: 15px;}

.science .ul-1{width: 100%;}
.science .ul-1 h2{font-size: 42px;text-align: center;margin: 6% 0 4%;}
.science .ul-1 .li{margin-bottom: 5%;}
.science .ul-1 .li:nth-child(2n-1){padding-right: 4%;}
.science .ul-1 .li:nth-child(2n){padding-left: 4%;}
.science .ul-1 .img{padding-top: 60%;width: 100%;position: relative;}
.science .ul-1 .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.science .ul-1 .tit{padding: 5%;border: 1px solid rgba(0, 0, 0, .12);}
.science .ul-1 .tit h3{font-size: 28px;color: rgba(21, 49, 127, 1);margin-bottom: 15px;line-height: 50px;}
.science .ul-1 .tit p{font-size: 15px;color: rgba(0, 0, 0, .5);line-height: 40px;height: 80px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;}


.science .ul-2{background-color: rgba(0, 0, 0, .03);margin-left: -15px;margin-right: -15px;padding:0 15px 30px;}
.science .ul-2 .tit-info{text-align: left;}
.science .ul-2 #cfSwiper .img{position: relative;padding-top: 65%;border-radius: 7px;overflow: hidden;}
.science .ul-2 #cfSwiper .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.science .ul-2 #cfSwiper p{font-size: 16px;line-height: 60px;text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, .8);}




/* about */
.company .anchor{display: inline-block;position: absolute;height: 90px;bottom: 100%;}

.company .n-area{max-width: 1530px;padding: 0 15px;}
.company{padding: 0;}
.company .intro{width: 100%;background-image: linear-gradient(to top,#d6e7f6,#fff);position: relative;}
.company .intro .n-area{display: flex;padding: 5% 15px;max-width: 1530px;flex-wrap: wrap;}
.company .intro .tit-info{width: 30%;text-align: left;padding: 0;padding-top: 10px;}
.company .intro .content{width: 70%;font-size: 15px;line-height: 40px;}
.company .intro .data{display: flex;}
.company .intro .data h2{width: 25%;font-size: 48px;font-weight: 600;color: #c0ccd6;display: flex;align-items: center;justify-content: center;border-top: 1px solid rgba(0, 0, 0, .06);}
.company .intro .data .ul{width: 75%;display: flex;flex-wrap: wrap;}
.company .intro .data .ul .li{width: 33.333333%;border: 1px solid rgba(0, 0, 0, .08);border-bottom: 0;border-right: 0;display: flex;padding: 3% 0;}
.company .intro .data .ul .li .img{width: 50%;display: flex;align-items: center;justify-content: center;}
.company .intro .data .ul .li .img i{font-size: 50px;color: #97a2c1;}
.company .intro .data .ul .li .txt{width: 50%;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.company .intro .data .ul .li .txt h3{font-size: 17px;width: 100%;padding-bottom: 10px;}
.company .intro .data .ul .li .txt h3 b{font-size: 32px;color: rgba(21, 49, 127, 1);font-weight: 600;}
.company .intro .data .ul .li .txt p{font-size: 15px;width: 100%;}

.company .culture{background-image: url(../../images/culture-bg.jpg);background-size: cover;display: flex;flex-wrap: wrap;align-content: center;padding: 10% 0;justify-content: center;position: relative;}
.company .culture .tit-info{width: 100%;color: #fff;max-width: 730px;padding: 60px 15px 30px;}
.company .culture .tit-info h2{color: #fff;}
.company .culture .tit-info p{margin-bottom: 4%;}
.company .culture .tit-info span{font-size: 16px;}

.company .course{background-image: url(../images/course-bg.jpg);background-size: cover;background-position: center bottom;padding: 3% 0 6%;position: relative;}
.company .course .tit-info{text-align: left;}
.company .course .swiper{background-image: url(../images/time-line.png);background-size: auto 24px;background-repeat: repeat-x;background-position: left top;}
.company .course .li{width: 100%;padding-top: 70px;position: relative;}
.company .course .li h3{font-size: 44px;color: rgba(21, 49, 127, 1);line-height: 110px;}
.company .course .li .img{width: 100%;padding-top: 75%;border-radius: 7px;overflow: hidden;position: relative;}
.company .course .li .img img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.company .course .li p{font-size: 16px;line-height: 70px;}
.company .course .li span{display: inline-block;width: 24px;height: 24px;border-radius: 50%;border: 1px solid rgba(21, 49, 127, 1);position: absolute;left: 0;top: 0;}
.company .course .li span::before{content: '';display: inline-block;position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-color: rgba(21, 49, 127, 1);transform: translate(-50%,-50%);border-radius: 50%;}

.company .c-honor{padding: 2.5% 0 1%;position: relative;}
.company .c-honor .tit-info{text-align: left;}
.company .c-honor #honSwiper{}
.company .c-honor #honSwiper .img{width: 100%;padding-top: 75%;background-color: #f7f7f7;position: relative;}
.company .c-honor #honSwiper .img img{width: 70%;height: 70%;object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.company .c-honor #honSwiper p{line-height: 70px;font-size: 16px;text-align: center;}

.company .factory{padding: 2.5% 0 3%;position: relative;}
.company .factory .tit-info{text-align: left;border-top: 1px solid rgba(0, 0, 0, .1);}
.company .factory #faSwiper{}
.company .factory #faSwiper .img{width: 100%;padding-top: 75%;background-color: #f7f7f7;position: relative;border-radius: 7px;overflow: hidden;}
.company .factory #faSwiper .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.company .factory #faSwiper p{line-height: 70px;font-size: 16px;text-align: center;}




.culture{padding: 5% 15px;background-image: url(../../images/culture-bg.jpg);background-size: cover;}
.culture .n-area{display: flex;flex-wrap: wrap;}
.culture .culture-l{width: 30%;display: flex;}
.culture .culture-l .img{width: 100%;}
.culture .culture-l .img img{width: 100%;height: 100%;object-fit: cover;}
.culture .culture-r{width: 65%;margin-left: auto;}
.culture .culture-r h2{font-size: 32px;font-weight: bold;color: rgba(0, 0, 0, .8);position: relative;line-height: 35px;display: flex;margin-bottom: 40px;}
.culture .culture-r h2 span{color: rgba(0, 0, 0, .2);font-weight: normal;padding-left: 25px;}
.culture .culture-r p{font-size: 16px;line-height: 30px;max-width: 930px;margin-bottom: 100px;}
.culture .culture-r .ul{width: 100%;display: flex;flex-wrap: wrap;}
.culture .culture-r .ul .li{width: 100%;padding: 15px 0 0px;border-top: 1px solid rgba(0, 0, 0, .1);display: flex;}
.culture .culture-r .ul .li h3{font-size: 32px;line-height: 50px;width: 100px;}
.culture .culture-r .ul .li p{line-height: 50px;margin-left: auto;}

.environment{padding: 3% 15px 2.5%;}
.environment h2{font-size: 32px;font-weight: bold;color: rgba(0, 0, 0, .8);position: relative;line-height: 35px;display: flex;margin-bottom: 40px;}
.environment h2 span{color: rgba(0, 0, 0, .2);font-weight: normal;padding-left: 25px;}
.environment .swiper{max-width: 1000px;width: 100%;margin: 0 auto;}
.environment #enSwiper{overflow: visible;}
.environment #enSwiper .swiper-wrapper{overflow: visible;}
.environment #enSwiper .img{position: relative;padding-top: 65%;}
.environment #enSwiper .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.environment #enSwiper p{line-height: 60px;text-align: center;background-color: rgba(0, 0, 0, .1);color: rgba(0, 0, 0, .8);text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 16px;}




/* single */
.single_2{}
.single_2 .cate1{padding: 5% 0;}
.single_2 .cate1 .tit{text-align: center;margin-bottom: 2%;}
.single_2 .cate1 .tit h2{padding-bottom: 2.5%;margin-bottom: 2%;}
.single_2 .cate1 .tit p{display: block;max-width: 800px;margin: 0 auto;text-align: left;font-size: 17px;line-height: 30px;}

.single_2 .cate1 .ul .li{background-color: rgba(238, 242, 246, 1);padding: 4% 4% 4% 0;width: 100%;float: left;margin-bottom: 4%;}
.single_2 .cate1 .ul .li .img{width: 150px;float: left;text-align: center;}
.single_2 .cate1 .ul .li .img img{width: 90%;max-width: 70px;}
.single_2 .cate1 .ul .li .text{width: calc(100% - 150px);float: left;color: #00539E;}
.single_2 .cate1 .ul .li .text h3{font-size: 24px;line-height: 33px;font-weight: bold;}
.single_2 .cate1 .ul .li .text p{font-size: 16px;margin-top: 15px;line-height: 22px;height: 44px;}

.s-cate2{padding: 5% 15px 0;background-size: cover;}
.s-cate2 .tit{text-align: center;}
.s-cate2 .tit h2{padding-bottom: 2.5%;margin-bottom: 2%;}
.s-cate2 .tit p{max-width: 800px;margin: 0 auto;font-size: 17px;line-height: 30px;text-align: left;}
.s-cate2 #cate2Swiper{max-width: 1100px;overflow: visible;}
.s-cate2 #cate2Swiper .img{position: relative;padding-top: 100%;}
.s-cate2 #cate2Swiper .img img{width: 100%;height: 100%;object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.s-cate2 #cate2Swiper .swiper-wrapper{padding: 230px 0 200px;}
.s-cate2 #cate2Swiper .swiper-slide{transition: all 0.3s;z-index: 1;opacity: 0;}
.s-cate2 #cate2Swiper .swiper-slide a .text{opacity: 0;font-size: 10px;color: #333;text-align: center;padding: 10px 0;transform: scale(.8);}
.s-cate2 #cate2Swiper .swiper-slide-visible{transform: perspective(1000px) rotateY(20deg) scale(2);z-index: 3;opacity: 1;}
.s-cate2 #cate2Swiper .swiper-slide-visible.slide-prev2{transform: perspective(1000px) rotateY(-20deg) scale(2);}
.s-cate2 #cate2Swiper .swiper-slide-active{transform: scale(2.5);z-index: 7;opacity: 1;}
.s-cate2 #cate2Swiper .swiper-slide-active a .text{opacity: 1;}
.s-cate2 #cate2Swiper .swiper-slide-prev,.s-cate2 #cate2Swiper .swiper-slide-next{z-index: 5;opacity: 1;}
.s-cate2 #cate2Swiper .swiper-slide-prev{transform: perspective(1000px) rotateY(20deg) scale(2.25);}
.s-cate2 #cate2Swiper .swiper-slide-next{transform: perspective(1000px) rotateY(-20deg) scale(2.25);}


/* job */
.job{}
.job .tit-info{text-align: left;}
.job .ul{width: 100%;padding-bottom: 25px;}
.job .ul .li{width: 100%;margin-bottom: 20px;}
.job .ul .li:first-child{background-color: rgba(21, 49, 127, 1);color: #fff;}
.job .ul .li .tit{display: flex;width: calc(100% - 2px);border: 1px solid rgba(0, 0, 0, .06);background-color: rgba(0, 0, 0, .03);font-size: 16px;}
.job .ul .li .tit span{flex-grow: 1;line-height: 98px;text-align: center;width: 20%;position: relative;}
/* .job .ul .li .tit span:nth-child(1){}
.job .ul .li .tit span:nth-child(2){}
.job .ul .li .tit span:nth-child(3){}
.job .ul .li .tit span:nth-child(4){}
.job .ul .li .tit span:nth-child(5){} */
.job .ul .li .tit span.info-bt{color: rgba(21, 49, 127, 1);cursor: pointer;}
.job .ul .li .tit span.info-bt::after{content: '';display: inline-block;width: 0;height: 0;border: 7px solid;border-color: rgba(21, 49, 127, 1) rgba(21, 49, 127, 0) rgba(21, 49, 127, 0) rgba(21, 49, 127, 0);margin-left: 5px;transform: rotate(-90deg) translateX(-2px);transition: all 0.3s;}
.job .ul .li .content{line-height: 40px;font-size: 15px;color: rgba(0, 0, 0, .5);padding: 3% 8%;border: 1px solid rgba(0, 0, 0, .06);border-top: 0;padding-right: 300px;position: relative;display: none;width: calc(100% - 2px);}
.job .ul .li .content strong{font-size: 17px;font-weight: 600;color: rgba(21, 49, 127, 1);}
.job .ul .li .content a{width: 210px;display: inline-block;line-height: 60px;color: #fff;background-color: rgba(21, 49, 127, 1);border-radius: 30px;padding: 0 30px;font-size: 16px;position: absolute;right: 30px;top: 20%;}

.job .ul .li:hover .tit span.info-bt::after{transform: rotate(0deg) translateX(0px) translateY(6px);}


/* contact */
.contact{padding: 0;}
.contact .tit-info{text-align: left;}
.contact .intro{display: flex;flex-wrap: wrap;}
.contact .intro .left{width: 50%;display: flex;padding: 0 15px;}
.contact .intro .left>div{width: 100%;max-width: 750px;margin-left: auto;padding-right: 30px;}

.contact .map{display: flex;flex-wrap: wrap;}
.contact .map .info{padding-right: 5%;}
.contact .map .info h2{font-size: 16px;font-weight: 500;color: rgba(0, 0, 0, .6);margin-bottom: 30px;position: relative;line-height: 35px;}
.contact .map .ul .li{display: flex;margin-bottom: 20px;}
.contact .map .ul .li i{font-size: 30px;display: flex;width: 52px;height: 52px;align-items: center;justify-content: center;color: #fff;background-color: rgba(21, 49, 127, 1);border-radius: 5px;}
.contact .map .ul .li div{font-size: 16px;line-height: 22px;color: rgba(0, 0, 0, .8);display: flex;flex-wrap: wrap;width: calc(100% - 70px);margin-left: auto;}
.contact .map .ul .li div h3{line-height: 30px;font-size: 17px;color: rgba(0, 0, 0, .3);display: block;width: 100%;}


.contact .intro .right{width: 50%;background-color: #f8f8f8;}
.contact .mes{width: 100%;padding-left: 8%;margin-bottom: 9%;padding-right: 15px;}
.contact .mes .tit-info h2{opacity: 0;}
.contact .mes form{display: flex;flex-wrap: wrap;position: relative;z-index: 2;max-width: 680px;}
.contact .mes form .form-tr{padding: 10px 13px;width: calc(50% - 7.5px);margin-right: 15px;margin-bottom: 15px;overflow: hidden;background-color: #fff;}
.contact .mes form .form-tr:nth-child(2){margin-right: 0;}
.contact .mes form .form-tr input{line-height: 35px;width: 100%;}
.contact .mes form .form-tr.textarea{width: 100%;margin-right: 0;}
.contact .mes form .form-tr textarea{width: 100%;line-height: 35px;}
.contact .mes form .form-tr input::placeholder,.contact .mes form .form-tr textarea::placeholder{color: rgba(0, 0, 0, 0.3);}
.contact .mes form .form-tr.vcode{width: 50%;max-width: 250px;margin-bottom: 0;}
.contact .mes form .form-tr.vcode .code{width: 100%;display: flex;}
.contact .mes form .form-tr.vcode .code input{width: 50%;}
.contact .mes form .form-tr.vcode .code .verify{width: 50%;}
.contact .mes form .form-tr.vcode .code .verify img{width: 100%;object-fit: contain;height: 100%;}
.contact .mes form a{background-color: rgba(21, 49, 127, 1);color: #fff;width: calc(45% - 15px);max-width: 240px;font-size: 16px;text-transform: uppercase;display: flex;align-items: center;justify-content: center;margin-left: auto;border-radius: 8px;}




@media screen and (min-width: 0px) and (max-width:1400px){
  .tit-info p{font-size: 36px;}
  .science .intro .tit-info{padding-bottom: 30px;margin-bottom: 30px;}
  .science .ul-1 .li:nth-child(2n-1){padding-right: 15px;}
  .science .ul-1 .li:nth-child(2n){padding-left: 15px;}
  .science .ul-1 h2{font-size: 36px;}

  .n-info .info-area .tit h4{font-size: 26px;}
  .n-info .news-li h2{font-size: 26px;}

  .pinfo .info-area .info .txt h2{font-size: 34px;}
}

@media screen and (min-width: 0px) and (max-width:1200px){
  .product .prolist .li h2{font-size: 34px;line-height: 75px;font-weight: 500;}

  .science .intro .adv .li .img i{width: 70px;height: 70px;line-height: 70px;}
  .science .intro .adv .li .txt-1 h3{font-size: 22px;}
  .science .ul-1 .tit h3{font-size: 24px;margin-bottom: 10px;line-height: 30px;}
  .science .ul-1 .tit p{line-height: 30px;height: 60px;}
}


@media screen and (min-width: 0px) and (max-width:992px){
  .tit-info p{font-size: 28px;}
  .company .intro .data h2{display: none;}
  .company .intro .data .ul{width: 100%;}

  .product .prolist .li .goodsli .g-li .img{width: 100%;}
  .product .prolist .li .goodsli .g-li .txt{width: 100%;padding-left: 0;}
  .product.list .prolist .li .img{width: 100%;}
  .product.list .prolist .li .txt{width: 100%;padding-left: 0;}

  .science .intro .tit-info{padding-bottom: 25px;margin-bottom: 20px;}
  .science .intro .adv .li .txt-1 h3{margin-bottom: 0;}
  .science .intro .adv .li .txt-1 p{font-size: 14px;}
  .science .intro .adv .li .img{min-width: 100px;}
  .science .ul-1 h2{font-size: 32px;}

  .pinfo .info-area .info .txt h2{font-size: 30px;}
  .pinfo .info-area .info .txt .param p b{min-width: 90px;font-size: 18px;}
  .pinfo .info-area .info .txt .param p span{max-width: calc(100% - 90px);}

  .n-info .info-area{border-right: 0;padding-right: 0;}
  .n-info .news-li{padding-left: 0;}

  .contact .map .info h2{font-size: 15px;line-height: 30px;margin-bottom: 20px;}
  .contact .map .ul .li div{font-size: 15px;}
}

@media screen and (min-width: 0px) and (max-width:768px){
  .tit-info p{font-size: 24px;}
  .company .intro .n-area{padding-top: 40px;}
  .company .intro .tit-info{width: 100%;margin-bottom: 15px;}
  .company .intro .content{width: 100%;}
  .company .intro .data .ul .li .txt h3 b{font-size: 26px;}
  .company .intro .data .ul .li .img i{font-size: 30px;}
  .company .intro .data .ul .li{width: 50%;}
  .company .culture .tit-info p{font-size: 24px;}

  .product .prolist .li h2{font-size: 28px;line-height: 50px;}
  .product .prolist .li .goodsli{margin: 20px 0;}
  .product .prolist .li .goodsli .g-li{width: 100%;margin-right: 0;margin-bottom: 15px;}
  .product.list .prolist{margin: 20px 0;}
  .product.list .prolist .li{width: 100%;margin-right: 0;margin-bottom: 15px;}
  .product .prolist .li .goodsli .g-li .txt h3,.product.list .prolist .li .txt h3{margin-top: 15px;}

  .pinfo .info-area .info .img{order: -1;width: 100%;}
  .pinfo .info-area .info .txt{width: 100%;}
  .pinfo .info-area .tit i{font-size: 28px;margin-right: 10px;}
  .pinfo .info-area .tit h2{font-size: 22px;font-weight: 500;}

  .science .intro .txt{width: 100%;padding-right: 0;}
  .science .intro .img{display: none;}
  .science .intro .adv .li{width: calc(50% - 3.75px);}
  .science .intro .adv .li:nth-child(3n){margin-right: auto;}
  .science .intro .adv .li:nth-child(2n){margin-right: 0;}
  .science .intro .adv .li .img i{width: 50px;height: 50px;line-height: 50px;}
  .science .intro .adv .li .img{min-width: 70px;}
  .science .intro .adv .li .txt-1 h3{font-size: 18px;}
  .science .intro .adv .li .txt-1 p{font-size: 12px;}
  .science .ul-1 .tit h3{font-size: 22px;}

  .job .ul .li .tit span:nth-child(3){display: none;}
  .job .ul .li .tit{font-size: 15px;}
  .job .ul .li .tit span{line-height: 65px;}
  .job .ul .li{margin-bottom: 10px;}
  .job .ul .li .content a{width: 170px;font-size: 15px;line-height: 50px;right: 10px;top: 5px;}
  .job .ul .li .content{padding-right: 0;}

  .n-info{padding: 5% 0;}
  .n-info .info-area .tit h4{font-size: 23px;}
  .n-info .news-li h2{font-size: 23px;}

  .contact .intro .left{width: 100%;}
  .contact .intro .right{width: 100%;}
  .contact .mes{padding-right: 0;padding: 0 15px;}
  .contact .mes form a{font-size: 15px;}
}

@media screen and (min-width: 0px) and (max-width:640px){

  

}
@media screen and (min-width: 0px) and (max-width:440px){
  .head.top-tran2{height: 70px;}
  .tit-info{padding-top: 40px;}
  .company .anchor{height: 70px;}
  .company .culture{padding: 15% 0;}
  .company .course .li h3{font-size: 36px;line-height: 90px;}
  .company .course .li{padding-top: 50px;}
  .company .intro .data .ul .li .img{width: 40%;}
  .company .intro .data .ul .li .txt{width: 60%;}
  .company .intro .data .ul .li .txt h3 b{font-size: 22px;}
  .company .culture .tit-info p{font-size: 22px;}
  .company .culture .tit-info span{font-size: 15px;}

  .science .ul-1 h2{font-size: 24px;}
  
  .job .ul .li .tit{font-size: 14px;}
  .job .ul .li .content a{font-size: 14px;width: 158px;line-height: 40px;top: 14px;}

  .n-info .info-area .tit h4{line-height: 40px;margin-top: 15px;}
  .n-info .info-area .tit p{font-size: 14px;}
  .n-info .info-area .content{font-size: 14px;}
  .n-info .news-li h2{padding-top: 30px;}
  .n-info .p-n{font-size: 13px;}

  .pinfo .info-area .info .txt .param{margin: 20px 0;}
  .pinfo .info-area .info .txt h2{font-size: 26px;}
  .pinfo .info-area .info .txt .param p span{font-size: 14px;}
  .pinfo .info-area #pSwiper p{font-size: 16px;font-weight: 500;line-height: 45px;}

  .product .tit-info .goods-search form{height: 55px;}
  .product .prolist .li .goodsli{margin: 10px 0;}
  .product .prolist .li .se-cate{padding: 0;padding-top: 10px;flex-wrap: wrap;}
  .product .prolist .li .se-cate a{line-height: 30px;}
  .product.list .prolist .li,.product .prolist .li .goodsli .g-li{padding: 20px 2px;}
}
@media screen and (min-width: 0px) and (max-width:375px){
  

}

@media screen and (min-width: 0px) and (max-width:320px){

}


@-moz-keyframes bg {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    -moz-transform: translate3d(-3200px, 0, 0);
    -webkit-transform: translate3d(-3200px, 0, 0);
    -o-transform: translate3d(-3200px, 0, 0);
    -ms-transform: translate3d(-3200px, 0, 0);
    transform: translate3d(-3200px, 0, 0)
  }
}

@-webkit-keyframes bg {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    -moz-transform: translate3d(-3200px, 0, 0);
    -webkit-transform: translate3d(-3200px, 0, 0);
    -o-transform: translate3d(-3200px, 0, 0);
    -ms-transform: translate3d(-3200px, 0, 0);
    transform: translate3d(-3200px, 0, 0)
  }
}

@-o-keyframes bg {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    -moz-transform: translate3d(-3200px, 0, 0);
    -webkit-transform: translate3d(-3200px, 0, 0);
    -o-transform: translate3d(-3200px, 0, 0);
    -ms-transform: translate3d(-3200px, 0, 0);
    transform: translate3d(-3200px, 0, 0)
  }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}


.de-page-mian {overflow: hidden;text-align: center;font-size: 0;padding: 0;background-color: #fff;}
.de-page-mian .page-inner {display: inline-block;overflow: hidden;padding: 10px 0;}
.de-page-mian .page-inner a {display: block;float: left;min-width: 26px;padding: 0 5px;height: 36px;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin-right: -1px;overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {color: #fff;border-color: rgba(0, 0, 0, .8);background: rgba(0, 0, 0, .8);}
.de-page-mian .page-inner a.prev {margin-right: 10px;background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on {background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.next {margin-left: 10px;margin-right: 15px;background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on {background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn {font-size: 12px;margin-right: 0;width: 63px;margin-left: 10px;display: none;}
.de-page-mian .page-inner span {display: block;font-size: 12px;color: #333;float: left;line-height: 38px;display: none;}
.de-page-mian .page-inner input {display: block;float: left;height: 36px;width: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin: 0 5px;display: none;}

  

@media screen and (min-width: 0px) and (max-width:320px){
    .de-page-mian .page-inner span,.de-page-mian .page-inner input,.de-page-mian .page-inner a.page-btn{display: none;}
}