@font-face {
  font-family: 'Montserrat-Black';/* 自定义字体名称 */
  src: url('../../css/Montserrat-Black.ttf') format('truetype');/* 字体文件的路径及格式 */
  font-weight: bold;
}
.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: #d42628;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;}
.title-2{font-size: 42px;width: 100%;text-align: center;padding: 70px 0 45px;}
.title-2 p{font-size: 16px;color: rgba(0, 0, 0, .5);text-align: center;margin-top: 15px;line-height: 25px;}

.head.top-tran2{background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);height: 90px;transition: all 0.3s;}
.head.top-tran2 .nav .li a{color: rgba(0, 0, 0, 0.8);}
.head.top-tran2 .top-midd .search-top{border: 1px solid rgba(0, 0, 0, .2);}
.head.top-tran2 .top-midd .switch i{color: rgba(0,0,0,0.75);}
.head.top-tran2 .search-top form button svg{fill: rgba(0, 0, 0, 0.8);}
.head.top-tran2 .logo a h1 img:last-child{filter: invert(0.8);}

.head.top-tran2 .menu-btn{background-color: #d42628;}
.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 #d42628;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: #d42628;}
.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: #d42628;}
.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: #d42628;}
.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: #d42628;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 #d42628;color: #d42628;text-align: center;text-transform: capitalize;} */




.product .prolist{width: 100%;}
.product .prolist .li>a{display: flex;flex-wrap: wrap;color: rgba(0, 0, 0, .8);}
.product .prolist .li h2{width: 100%;font-size: 38px;font-weight: 600;color: #d42628;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;flex-wrap: wrap;}
.product .prolist .li .goodsli .g-li{width: calc(50% - 15px);margin-right: 30px;display: flex;border: 1px solid rgba(0, 0, 0, .1);padding: 30px 25px;flex-wrap: wrap;}
.product .prolist .li .goodsli .g-li:last-child{margin-right: 0;}
.product .prolist .li .goodsli .g-li .img{width: 50%;max-height: 250px;}
.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: #d42628;}

.product.list .prolist{display: flex;flex-wrap: wrap;margin: 0;}
.product.list .prolist .li{width: calc(33.333333% - 20px);margin-right: 30px;margin-bottom: 25px;
  /* border: 1px solid rgba(0, 0, 0, .1);border-bottom: 3px solid #d42628; */
}
.product.list .prolist .li:nth-child(3n){margin-right: 0;}
.product.list .prolist .li .img{width: 100%;padding-top: 100%;position: relative;}
.product.list .prolist .li .img img{width: 100%;height: 100%;object-fit: contain;position: absolute;left: 0;top: 0;}
.product.list .prolist .li .txt{width: 100%;padding: 30px;display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  /* border-top: 1px solid rgba(0, 0, 0, .1); */
}
.product.list .prolist .li .txt h3{font-size: 24px;margin-bottom: 20px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product.list .prolist .li .txt p{width: 100%;margin-bottom: 30px;font-size: 16px;line-height: 32px;color: rgba(0, 0, 0, .5);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 25px;height: 64px;display: none;}



.pinfo{padding: 0 15px;position: relative;z-index: 2;}
.pinfo .n-area{max-width: 1600px;}
.pinfo .info-area{width: calc(100%);margin-top: 80px;display: flex;flex-wrap: wrap;align-items: flex-start;}
.pinfo .info-area .info{display: flex;width: 100%;flex-wrap: wrap;border-bottom: 10px solid rgba(0, 0, 0, .03);padding-bottom: 40px;margin-bottom: 40px;}

.pinfo .info-area .info #proSwiper{width: 50%;max-width: 725px;margin-right: auto;margin-left: 0;}
.pinfo .info-area .info .img{width: calc(100% - 2px);height: 400px;position: relative;border: 1px solid rgba(0, 0, 0, .1);}
.pinfo .info-area .info .img img{width: calc(100%);height: calc(100%);object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.pinfo .info-area .info .txt{width: 50%;display: flex;flex-wrap: wrap;align-content: flex-start;padding-left: 15px;margin-left: auto;}
.pinfo .info-area .info .txt h2{width: 100%;font-size: 38px;padding-bottom: 25px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.pinfo .info-area .info .txt .cont{width: 100%;margin: 25px 0 40px;}
.pinfo .info-area .info .txt .cont h3{display: flex;width: 100%;font-size: 20px;font-weight: 600;color: #d42628;line-height: 60px;align-content: center;}
.pinfo .info-area .info .txt .cont h3 i{font-size: 30px;color: #d42628;margin-right: 8px;}
.pinfo .info-area .info .txt .cont p{width: 100%;font-size: 16px;color: rgba(0, 0, 0, .5);line-height: 35px;height: 105px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pinfo .info-area .info .txt .bt{display: flex;width: 100%;}
.pinfo .info-area .info .txt .bt a{width: calc(50% - 2px);text-align: center;line-height: 55px;max-width: 280px;display: flex;justify-content: center;align-items: center;font-size: 16px;}
.pinfo .info-area .info .txt .bt a i{margin-right: 10px;font-size: 25px;}
.pinfo .info-area .info .txt .bt a:first-child{background-color: #d42628;color: #fff;}
.pinfo .info-area .info .txt .bt a:last-child{color: #fe9700;font-size: 24px;font-weight: 600;}
.pinfo .info-area .info .txt .bt a:last-child i{font-size: 30px;color: #fe9700;}

.pinfo .info-area .tit{display: flex;line-height: 90px;color: #d42628;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 .details{max-width: 1200px;width: calc(100% - 360px);}
.pinfo .info-area .details h3{font-size: 22px;padding-left: 20px;border-left: 3px solid #d42628;line-height: 25px;margin: 5px 0 20px;font-weight: 600;}

.pinfo .info-area .details .ul{width: 100%;display: flex;flex-wrap: wrap;margin: 30px 0 0;}
.pinfo .info-area .details .ul .li{width: calc(50% - 10px);margin-right: 20px;background-color: rgba(0, 0, 0, .03);padding: 25px 30px;display: flex;margin-bottom: 20px;align-items: center;}
.pinfo .info-area .details .ul .li:nth-child(2n){margin-right: 0;}
.pinfo .info-area .details .ul .li span{width: 35px;height: 35px;border-radius: 50%;background-color: #d42628;color: #fff;font-size: 18px;font-weight: 600;text-align: center;line-height: 35px;margin-right: 20px;}
.pinfo .info-area .details .ul .li p{line-height: 30px;font-size: 15px;color: rgba(0, 0, 0, .5);width: calc(100% - 55px);}

.pinfo .info-area .details .content{font-size: 15px;line-height: 35px;color: rgba(0, 0, 0, .7);margin-bottom: 30px;}
.pinfo .info-area .details .content img{max-width: 100%;}
.pinfo .info-area .details .content strong{font-size: 20px;display: inline-block;padding-bottom: 5px;}

.pinfo .info-area .other{width: 345px;margin-left: auto;background-color: rgba(0, 0, 0, .03);padding: 0 20px;}
.pinfo .info-area .other h3{line-height: 80px;font-size: 18px;text-align: center;}
.pinfo .info-area .other .li{width: 100%;}
.pinfo .info-area .other .li .img{width: calc(100% - 2px);position: relative;padding-top: 65%;border: 1px solid rgba(0, 0, 0, .08);}
.pinfo .info-area .other .li .img img{position: absolute;width: 100%;height: 100%;object-fit: contain;background-color: #fff;left: 0;top: 0;}
.pinfo .info-area .other .li p{text-align: center;line-height: 55px;margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 16px;color: rgba(0, 0, 0, .8);}



.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: #d42628;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 .text{background-color: rgba(0, 0, 0, .04);padding: 35px 0;}
.news .ul .li h3{font-size: 22px;color: rgba(0, 0, 0, .8);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;margin-bottom: 25px;padding: 0 30px;line-height: 38px;height: 80px;font-weight: 500;}
.news .ul .li p{font-size: 15px;color: rgba(0, 0, 0, .5);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;width: 100%;line-height: 35px;padding: 30px 25px 0;border-top: 1px solid rgba(0, 0, 0, .08);margin-bottom: 65px;height: 165px;}
.news .ul .li p.img{margin-bottom: 30px;height: 200px;}
.news .ul .li p img{width: 100%;height: 100%;object-fit: cover;}
.news .ul .li a.more{margin-left: 25px;}


/* n-info */
.n-info{padding: 5% 15px;}
.n-info .n-area{margin: 0 auto;}
.n-info .info-area{background-color: #fff;position: relative;width: calc(100%);}
.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%);position: relative;width: 100%;transform: translate(0,0);text-align: center;}
.n-info .info-area .tit p{display: flex;line-height: 60px;color: rgba(0, 0, 0, .5);width: 100%;font-size: 16px;max-width: none;background-color: rgba(0, 0, 0, .03);justify-content: center;margin: 15px 0;position: relative;}


.n-info .info-area .content{width: 100%;position: relative;padding: 15px 0 30px;font-size: 16px!important;line-height: 35px;margin-top: 15px;color: rgba(0, 0, 0, .8)!important;}
.n-info .info-area .content img{max-width: 100%;height: auto!important;width: auto;}
.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: #d42628;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 .sm-info{padding: 25px 3%;background-color: rgba(0, 0, 0, .03);font-size: 15px;line-height: 35px;color: rgba(0, 0, 0, .4);}
.n-info .sm-info b{color: #d42628;font-size: 17px;}

.n-info .p-n{width: calc(100%);display: flex;line-height: 40px;border-top: 1px solid rgba(0, 0, 0, .1);margin-top: 30px;padding-top: 25px;}
.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: #d42628;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: 75%;background-color: rgba(0, 0, 0, .05);}
.article .li .img img{width: calc(90%);height: calc(90%);object-fit: cover;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: #d42628;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: #d42628;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: #d42628;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: #d42628;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: #d42628;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{padding: 0;}
.anchor{display: inline-block;position: absolute;height: 80px;bottom: 100%;}

.company .intro{width: 100%;position: relative;background-image: url(../../images/about-bg.jpg);background-size: cover;background-position: center bottom;}
.company .intro .n-area{display: flex;padding: 0 15px;max-width: 1530px;flex-wrap: wrap;}
.company .intro .n-area>h3{width: 100%;font-size: 28px;font-weight: 600;line-height: 55px;margin-bottom: 20px;}
.company .intro .content{width: 70%;font-size: 15px;line-height: 40px;line-height: 35px;font-size: 16px;color: rgba(0, 0, 0, .7);padding-right: 6%;}

.company .intro .data{width: 30%;}
.company .intro .data .ul{width: 100%;display: flex;flex-wrap: wrap;}
.company .intro .data .ul .li{width: 100%;border-bottom: 0;border-right: 0;display: flex;padding: 5% 0 3%;border-bottom: 1px solid rgba(0, 0, 0, .06);}
.company .intro .data .ul .li .img{width: 80px;display: flex;align-items: center;justify-content: center;}
.company .intro .data .ul .li .img i{font-size: 50px;color: #d42628;}
.company .intro .data .ul .li .txt{width: calc(100% - 80px);display: flex;flex-wrap: wrap;align-content: center;text-align: right;}
.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: 38px;font-weight: 600;font-family: 'Montserrat-Black'!important;}
.company .intro .data .ul .li .txt p{font-size: 15px;width: 100%;}

.company .intro .ds-img{width: 100%;display: flex;margin: 40px 0;flex-wrap: wrap;}
.company .intro .ds-img .img{position: relative;width: calc(50% - 15px);padding-top: 30%;}
.company .intro .ds-img .img:first-child{margin-right: 30px;}
.company .intro .ds-img .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}


.company .culture{display: flex;flex-wrap: wrap;align-items: center;padding: 60px 0;}
.company .culture .left{width: 50%;max-width: 765px;margin-left: auto;padding-left: 15px;}
.company .culture .left h2{text-align: left;padding:0 0 50px;}
.company .culture .left .ul{display: flex;width: 100%;flex-wrap: wrap;}
.company .culture .left .ul .li{width: calc(50% - 4px);margin-right: 8px;padding: 5%;background-color: rgba(0, 0, 0, .03);margin-bottom: 8px;}
.company .culture .left .ul .li:nth-child(2n){margin-right: 0;}
.company .culture .left .ul .li .img{width: 100%;margin-bottom: 10px;}
.company .culture .left .ul .li i{font-size: 46px;color: #d42628;}
.company .culture .left .ul .li .txt h3{font-size: 22px;margin-bottom: 15px;width: 100%;}
.company .culture .left .ul .li .txt p{font-size: 16px;color: rgba(0, 0, 0, .6);line-height: 35px;}

.company .culture .right{width: 50%;height: 100%;padding-left: 40px;padding-top: 75px;max-width: 765px;margin-right: auto;}
.company .culture .right .video-btn{width: 100%;height: 100%;object-fit: cover;cursor: pointer;}

.video-area{width: 100%;height: 100%;position: fixed;z-index: 101;background-color: rgba(0, 0, 0, .6);left: 0;top: 0;display: none;}
.video-area .close-btn{display: inline-block;position: absolute;top: 5%;right: 5%;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;font-size: 40px;font-weight: 600;color: #fff;cursor: pointer;}
.video-area .video{width: 90%;height: 450px;max-width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-area .video #playercontainer{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}


.company .c-honor{position: relative;border-top: 1px solid rgba(0, 0, 0, .06);padding: 0 15px;}
.company .c-honor .tit-info{text-align: left;}
.company .c-honor .swiper{margin-bottom: 30px;}
.company .c-honor .swiper a{color: rgba(0, 0, 0, .7);}
.company .c-honor .swiper .img{width: 100%;padding-top: 120%;background-color: rgba(0, 0, 0, .03);position: relative;}
.company .c-honor .swiper .img img{width: 80%;height: 90%;object-fit: contain;position: absolute;left: 50%;bottom: 0%;transform: translate(-50%,0%);}
.company .c-honor .swiper p{line-height: 70px;font-size: 16px;text-align: center;background-color: rgba(0, 0, 0, .03);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.company .c-honor .swiper .switch{position: relative;height: 60px;margin: 0 auto;width: 100%;max-width: 200px;margin-top: 15px;}


.company .region{margin-bottom: 30px;}
.company .region .title-2{padding-left: 15px;padding-right: 15px;}
.company .region .region-area{width: 100%;overflow-x: auto;overflow-y: hidden;}
.company .region .region-area .bg{width: 100%;
  /* min-width: 1300px; */
  position: relative;}
.company .region .region-area .bg img:first-child{width: 100%;}
.company .region .region-area .bg .r-logo{position: absolute;left: 76%;top: 43%;transform: translate(-50%,-50%);width: 7%;max-width: 100px;}

.parent-element{position: relative;}
.positioned-element{width: 10px;height: 10px;background-color: #d42628;border-radius: 50%;z-index: 2;cursor: pointer;}
.positioned-element::before{content: '';display: inline-block;width: 20px;height: 20px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;background-color: rgba(212,38,40,0.3);animation: transition_1 1.5s linear infinite;}
@keyframes transition_1{0%{width: 20px;height: 20px;opacity: 1;}100%{width: 35px;height: 35px;opacity: 0;}}
.hover-text{color: #d42628;position: absolute;top: 25px;left: 50%;transform: translateX(-50%);white-space: nowrap;font-size: 17px;font-weight: 600;}

.company .course{background-image: url(../../images/lc-bg.jpg);background-size: cover;background-position: center bottom;padding-bottom: 5%;}
.company .course .title-2{text-align: left;padding: 100px 15px 25px 0;position: relative;}
.company .course .switch{position: absolute;right: 0;width: 170px;opacity: 0.6;}
.company .course .switch div{transform: translateY(-50%);}
.company .course .li{width: 100%;}
.company .course .li h3{line-height: 100px;font-size: 24px;font-weight: 600;color: rgba(0, 0, 0, .7);border-bottom: 1px dashed rgba(212,38,40,0.5);position: relative;display: inline-block;width: 100%;}
.company .course .li h3::after{content: '';display: inline-block;width: 15px;height: 15px;border-radius: 50%;background-color: #f0f3fc;position: absolute;left: 0;bottom: 0;transform: translateY(50%);border: 3px solid #d42628;}
.company .course .li .info{padding: 60px 90px 60px 0;display: flex;align-items: center;flex-wrap: wrap;}
.company .course .li .info .img{width: 210px;height: 120px;position: relative;border-radius: 8px;overflow: hidden;}
.company .course .li .info .img img{width: 100%;height: 100%;object-fit: cover;}
.company .course .li .info .txt{line-height: 35px;font-size: 16px;color: rgba(0, 0, 0, .6);width: calc(100%);}

@keyframes transition_2{0%{opacity: 1;transform: translateY(50%) scale(0.5);}100%{opacity: 0;transform: translateY(50%) scale(1.5);}}
.company .course .last .li h3{border-bottom: 1px dashed rgba(212, 38, 40, 0);}
.company .course .first .li h3::after{width: 20px;height: 20px;animation: transition_2 1.5s linear infinite;}
.company .course .first .li h3::before{content: '';display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #d42628;position: absolute;left: 5px;bottom: 0px;transform: translateY(50%);z-index: 2;}




.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: #d42628;}
.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: #d42628;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: #d42628;cursor: pointer;}
.job .ul .li .tit span.info-bt::after{content: '';display: inline-block;width: 0;height: 0;border: 7px solid;border-color: #d42628 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: #d42628;}
.job .ul .li .content a{width: 210px;display: inline-block;line-height: 60px;color: #fff;background-color: #d42628;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 .intro .title-2{text-align: left;padding-bottom: 70px;}
.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: 735px;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;align-items: center;}
.contact .map .ul .li i{font-size: 25px;display: flex;align-items: center;justify-content: center;color: #d42628;margin-right: 15px;}
.contact .map .ul .li div{font-size: 22px;line-height: 22px;color: rgba(0, 0, 0, .8);display: flex;width: calc(100% - 40px);margin-left: auto;align-items: center;}
.contact .map .ul .li div h3{line-height: 30px;font-size: 22px;color: rgba(0, 0, 0, .5);display: block;padding-right: 10px;}


.contact .intro .right{width: 50%;}
.contact .mes .title-2{text-align: left;}
.contact .mes{width: 100%;margin-bottom: 30px;}
.contact .mes form{display: flex;flex-wrap: wrap;position: relative;z-index: 2;background-color: rgba(0, 0, 0, .03);padding: 50px;}
.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: #d42628;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:1500px){
  .company .course .title-2{padding-left: 15px;}

  .contact .mes{margin-bottom: 0;}
  .contact .mes .title-2{padding-left: 15px;}
}
@media screen and (min-width: 0px) and (max-width:1400px){
  .pinfo .info-area .info .txt h2{font-size: 34px;}
}

@media screen and (min-width: 0px) and (max-width:1200px){
  .title-2{font-size: 36px;padding: 55px 0 35px;}
  .tit-info p{font-size: 36px;}
  .company .intro .n-area>h3{font-size: 26px;}
  .company .intro .n-area>h3{margin-bottom: 10px;}
  .company .intro .content{font-size: 15px;}
  .company .course .title-2{padding-top: 60px;padding-bottom: 5px;}
  .company .course .li .info{padding: 35px 90px 35px 0;}

  /* .product.list .prolist .li{margin-right: 45px;width: calc(33.333333% - 30px);} */
  .product.list .prolist .li .txt{padding: 25px 15px;}
}

@media screen and (min-width: 0px) and (max-width:1024px){
  .company .intro .content{width: 100%;padding-right: 0;}
  .company .intro .data{width: 100%;}
  .company .intro .data .ul .li{width: 50%;padding: 15px 2% 15px 0;}
  .company .culture .left{width: 100%;padding: 0 15px;max-width: none;}
  .company .culture .right{width: 100%;padding: 15px;}
  .company .culture .right video{max-height: 500px;}
  .company .course .li .info{align-items: stretch;}
  .company .course .li .info .img{height: auto;}
  .company .course .li .info .txt{font-size: 14px;line-height: 30px;}

  /* .product.list .prolist .li{margin-right: 30px;width: calc(33.333333% - 20px);} */
  .product.list .prolist .li .txt h3{font-size: 22px;}
  .product.list .prolist .li .txt p{font-size: 15px;}

  .n-info .info-area .tit h4{font-size: 28px;}
  .n-info .info-area .tit p{line-height: 50px;font-size: 15px;}
  
  .contact .map .ul .li div{font-size: 18px;}
  .contact .map .ul .li div h3{font-size: 18px;}
}
@media screen and (min-width: 0px) and (max-width:992px){
  .company .intro .data .ul .li .img i{font-size: 42px;}
  .video-area .video{padding-top: 55%;height: auto;}

  .product.list .prolist .li:nth-child(3n){margin-right: auto;}
  .product.list .prolist .li{width: calc(50% - 15px);}
  .product.list .prolist .li:nth-child(2n){margin-right: 0;}

  .pinfo .info-area .info .txt .cont p{font-size: 15px;}
  .pinfo .info-area .info .txt .bt{flex-wrap: wrap;}
  .pinfo .info-area .info .txt .bt a{width: 100%;}
  .pinfo .info-area .details{width: 100%;}
  .pinfo .info-area .other{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 30px;}
  .pinfo .info-area .other h3{width: 100%;}
  .pinfo .info-area .other .li{width: calc(33.333333% - 10px);margin-right: 15px;}
  .pinfo .info-area .other .li:last-child{margin-right: 0;}
}

@media screen and (min-width: 0px) and (max-width:768px){
  .company .intro .ds-img{margin: 20px 0;}
  .company .intro .data .ul .li .img i{font-size: 38px;}
  .company .culture{padding: 40px 0 30px;}
  .company .culture .left h2{padding-bottom: 35px;}
  .company .culture .left .ul .li .txt p{font-size: 15px;}
  .company .course .li .info{padding: 0px 40px 0 0;}
  .company .course .li .info .img{width: 100%;}
  .company .course .li .info .txt{width: 100%;padding: 15px 0;}
  .company .course .switch{bottom: 5px;width: 120px;}
  .company .course .switch .swiper-button-prev:after,.company .course .switch .swiper-button-next:after{font-size: 14px;}
  .company .course .switch div{transform: translateY(-30%);}

  .pinfo .info-area .info .txt .cont p{height: auto;}
  .pinfo .info-area .details .ul .li{width: 100%;margin-right: 0;}

  .pinfo .info-area .info #proSwiper{width: 100%;}
  .pinfo .info-area .info .txt{width: 100%;padding-left: 0;}
  .pinfo .info-area .info .txt h2{padding: 20px 0;font-size: 28px;}

  .pinfo .info-area{margin-top: 50px;}
  .pinfo .info-area .info .img{height: auto;padding-top: 70%;}
  .pinfo .info-area .other .li{width: calc(50% - 7.5px);}
  .pinfo .info-area .other .li:nth-last-child(2){margin-right: 0;}
  .pinfo .info-area .other .li:last-child{display: none;}

  .n-info .info-area .tit h4{font-size: 25px;}
  .n-info .sm-info{padding: 15px;}

  .contact .title-2{padding-bottom: 30px!important;}
  .contact .intro .left{width: 100%;}
  .contact .intro .left>div{width: 100%;padding-right: 0;}
  .contact .intro .right{width: 100%;}
}

@media screen and (min-width: 0px) and (max-width:640px){
  .product.list .prolist .li{width: 100%;margin-right: 0!important;}
  
  .contact .mes form{padding: 35px 20px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
  .head.top-tran2{height: 70px;}
  .title-2{font-size: 28px;padding: 35px 0 20px;}
  .title-2 p{font-size: 15px;}

  .company .intro .n-area>h3{display: none;}
  .company .intro .content{font-size: 14px;}
  .company .intro .data .ul .li .img i{font-size: 30px;}
  .company .intro .data .ul .li .txt h3 b{font-size: 26px;}
  .company .intro .ds-img .img{width: 100%;padding-top: 50%;}
  .company .intro .ds-img .img:first-child{margin-right: 0;margin-bottom: 15px;}
  .company .culture{padding-bottom: 0;}
  .company .culture .left .ul .li i{font-size: 34px;}
  .company .culture .left .ul .li .txt p{font-size: 14px;}
  .company .c-honor .swiper p{font-size: 15px;line-height: 55px;}
  .company .c-honor .swiper{margin-bottom: 15px;}

  .pinfo .info-area{margin-top: 30px;}
  .pinfo .info-area .info{padding-bottom: 0;margin-bottom: 25px;}
  .pinfo .info-area .info .txt h2{font-size: 22px;}
  .pinfo .info-area .info .txt .cont{margin: 10px 0 25px;}
  .pinfo .info-area .other .li{width: 100%;margin-right: 0;}
  .pinfo .info-area .details .content{font-size: 14px;}
  .pinfo .info-area .other .li p{font-size: 15px;}

  .article .li .img img{width: 85%;height: 85%;}
  .article .li .tit{font-size: 15px;margin-bottom: 15px;}

  .n-info .info-area .tit h4{font-size: 22px;line-height: 45px;}
  .n-info .info-area .tit p{font-size: 14px;margin-bottom: 0;}
  .n-info .info-area .content{margin-top: 0;}
  .n-info .sm-info{font-size: 14px;}

  .contact .mes form a{font-size: 15px;}
  .contact .map .ul .li div{font-size: 15px;}
  .contact .map .ul .li div h3{font-size: 15px;}
}
@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)
    }
}

@keyframes scale1 {
  0% {
    transform: scale(0)
  }
  100% {
    transform: scale(1.1)
  }
}

.de-page-mian {overflow: hidden;text-align: center;font-size: 0;padding: 0;background-color: #fff;margin-bottom: 30px;}
.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;}
}