/* banner */
.bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:45%;}
}

/* title */
.home_title{width: 100%;text-align: center;line-height: 1;padding-bottom: 50px;}
.home_title span{font-size: 30px;color: #aaa;text-transform: uppercase;display: block;padding-bottom: 10px;}
.home_title p{font-size: 40px;font-weight: 600;display: inline-block;padding: 0 60px;position: relative;}
.home_title p::before,
.home_title p::after{content: "";width: 40px;height: 2px;background: #aaa;position: absolute;top: 50%;margin-top: -1px;}
.home_title p::before{left: 0;}
.home_title p::after{right: 0;}

@media only screen and (max-width:1250px){
.home_title{padding-bottom: 45px;}
.home_title span{font-size: 24px;}
.home_title p{font-size: 36px;padding: 0 50px;}
.home_title p::before,
.home_title p::after{width: 35px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 40px;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 35px;}
.home_title span{font-size: 20px;}
.home_title p{font-size: 30px;padding: 0 45px;}
.home_title p::before,
.home_title p::after{width: 30px;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 30px;}
}
@media only screen and (max-width:425px){
.home_title{padding-bottom: 25px;}
.home_title span{font-size: 16px;padding-bottom: 5px;}
.home_title p{font-size: 24px;padding: 0 35px;}
.home_title p::before,
.home_title p::after{width: 25px;}
}


/* product */
.productbox{padding: 70px 0;}
.productbox .clabox ul li a{display: block;width: 100%;line-height: 30px;font-size: 15px;font-weight: 600;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;text-align: center;}

.productbox .probox ul{margin: 0 -5px;}
.productbox .probox ul li{width: 33.33%;padding: 5px;float: left;text-align: center;}
.productbox .probox ul li.li_10{display: none;}
.productbox .probox ul li a{display: block;width: 100%;overflow: hidden;background: #f5f5f5;padding: 10px 10px 0;}
.productbox .probox ul li:hover a{background: #1461cc;color: #fff;}
.productbox .probox ul li p{width: 100%;background: #fff;overflow: hidden;}
.productbox .probox ul li h3{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 50px;font-size: 15px;}

@media only screen and (min-width:1025px){
.productbox{padding: 60px 0;}
.productbox .clabox{width: 22%;max-width: 250px;float: left;}
.productbox .clabox .tit{width: 100%;height: 100px;background: #000 url(../images/fl_pic.jpg) center no-repeat;color: #fff;text-align: center;position: relative;}
.productbox .clabox .tit p{font-size: 24px;font-weight: 600;line-height: 30px;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -15px;}

.productbox .clabox ul{width: 100%;background: #1461cc;padding: 15px;}
.productbox .clabox ul li{width: 100%;padding: 4px 0;}
.productbox .clabox ul li > h2 a{border: 1px solid rgba(255,255,255,.5);padding: 4px;}
.productbox .clabox ul li:hover > h2 a{border-color: #ffcb00;background: #ffcb00;}

.productbox .clabox .ewm{width: 100%;background: #1461cc;padding: 5px 15px 20px;text-align: center;color: #fff;}
.productbox .clabox .ewm span{display: inline-block;font-size: 15px;padding: 0 25px;line-height: 20px;position: relative;}
.productbox .clabox .ewm span::before,
.productbox .clabox .ewm span::after{content: "";width: 15px;height: 1px;background: #fff;position: absolute;top: 50%;margin-top: -1px;}
.productbox .clabox .ewm span::before{left: 0;}
.productbox .clabox .ewm span::after{right: 0;}
.productbox .clabox .ewm em{font-size: 26px;font-weight: 600;display: block;line-height: 30px;padding: 4px 0 10px;font-style: normal;white-space: nowrap;}
.productbox .clabox .ewm p{width: 100%;background: #fff;}
.productbox .clabox .ewm p img{width: 100%;}
.productbox .clabox .ewm p i{display: block;color: #808080;font-style: normal;line-height: 15px;padding-bottom: 15px;margin-top: -5px;position: relative;z-index: 5;}

.productbox .probox{width: 78%;float: right;padding-left: 10px;}
.productbox .probox ul li{padding: 0 5px 10px;}
.productbox .probox ul li p em{padding-bottom: 200px;}
.productbox .probox ul li p img{max-height: 90%;}
}
@media only screen and (min-width:1201px){
.productbox{padding: 65px 0;}
.productbox .clabox{max-width: 270px;}
.productbox .clabox ul{padding: 20px;}
.productbox .clabox ul li{padding: 5px 0;}
.productbox .clabox ul li > h2 a{padding: 9px 4px;}
.productbox .clabox .ewm{padding: 10px 20px 25px;}
.productbox .clabox .ewm span{font-size: 16px;}
.productbox .clabox .ewm em{font-size: 30px;padding: 10px 0 20px;}
.productbox .probox ul{margin: 0 -10px;}
.productbox .probox ul li{padding: 0 10px 15px;}
.productbox .probox ul li p em{padding-bottom: 240px;}
}
@media only screen and (min-width:1441px){
.productbox{padding: 70px 0;}
.productbox .clabox{max-width: 300px;}
.productbox .clabox ul{padding: 25px;}
.productbox .clabox ul li > h2 a{padding: 9px 4px;}
.productbox .clabox .ewm{padding: 10px 25px 30px;}
.productbox .clabox .ewm span{font-size: 18px;}
.productbox .clabox .ewm em{font-size: 36px;line-height: 40px;padding: 10px 0 15px;}
.productbox .probox{width: 76%;}
.productbox .probox ul li{padding: 0 10px 20px;}
.productbox .probox ul li p em{padding-bottom: 250px;}
}

@media only screen and (max-width:1024px){
.productbox{padding: 50px 0;}
.productbox .clabox{width: 100%;padding-bottom: 30px;}
.productbox .clabox .tit,
.productbox .clabox .ewm{display: none;}
.productbox .clabox ul{margin: 0 -2px;}
.productbox .clabox ul li{width: 25%;float: left;padding: 0 2px 4px;}
.productbox .clabox ul li > h2 a{padding: 10px 5px;background: #1461cc;}
.productbox .clabox ul li:hover > h2 a{background: #ffcb00;}
}
@media only screen and (max-width:768px){
.productbox{padding: 45px 0;}
.productbox .clabox ul li{width: 33.33%;}
.productbox .probox ul li{width: 50%;}
.productbox .probox ul li.li_10{display: block;}
}
@media only screen and (max-width:480px){
.productbox{padding: 40px 0;}
.productbox .clabox{padding-bottom: 25px;}
.productbox .clabox ul li{width: 50%;}
.productbox .probox ul{margin: 0 -2px;}
.productbox .probox ul li{padding: 2px;}
.productbox .probox ul li h3{line-height: 42px;}
}
@media only screen and (max-width:425px){
.productbox{padding: 35px 0;}
.productbox .clabox ul{margin: 0 -1px;}
.productbox .clabox ul li{padding: 1px;}
.productbox .clabox ul li > h2 a{padding: 7px 5px;}
.productbox .probox ul li a{padding: 5px 5px 0;}
.productbox .probox ul li h3{line-height: 36px;font-size: 14px;}
}

/* company */
.companybox{padding: 80px 0;background: #2d2d2d url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;}
.companybox .home_title span{color: rgba(255,255,255,.5);}
.companybox .home_title p::before,
.companybox .home_title p::after{background-color: rgba(255,255,255,.5);}
.companybox .home_title p a{color: #fff;font-weight: 500;}
.companybox .home_title p a:hover{color: #ffea00}

.companybox .w1440{padding: 5px 0 15px;}
.companybox .txt{width: 47%;max-width: 670px;float: right;padding: 15px 0;}
.companybox .txt .line{width: 60px;height: 5px;background: #1461cc;}
.companybox .txt .line span{width: 50%;height: 100%;background: #ffea00;float: left;}

.companybox .txt .text{width: 100%;height: 265px;color: #fff;line-height: 2;font-size: 16px;padding-top: 30px;text-indent: 2em;}
.companybox .txt .text p{padding: 5px 0;}
.companybox .txt .text p:last-child{text-indent: 0;}

.companybox .list{margin: 0 -30px;padding-top: 20px;}
.companybox .list p{width: 150px;float: left;overflow: hidden;text-align: center;padding: 0 10px;}
.companybox .list p em{display: block;width: 80px;height: 80px;border: 1px solid rgba(255,255,255,.5);border-radius: 5px;position: relative;margin: 5px auto;}
.companybox .list p em img{position: absolute;left: 50%;top: 50%;margin: -25px;z-index: -1;}
.companybox .list p span{display: block;font-size: 18px;line-height: 30px;padding-top: 10px;color: #fff;}
.companybox .list p i{display: block;line-height: 20px;color: rgba(255,255,255,.75);font-style: normal;}
.companybox .list p:hover em{margin-top: 0;}

.companybox .pic{width: 50%;float: left;overflow: hidden;}
.companybox .pic em{padding-bottom: 480px;z-index: -1;}
.companybox .pic img{height: 100%;max-width: none;min-width: 100%;position: absolute;}

@media only screen and (max-width:1440px){
.companybox{padding: 70px 0;}
.companybox .w1440{padding-top: 0;}
.companybox .txt .text{height: 250px;padding-top: 25px;}
.companybox .list{margin: 0 -25px;}
.companybox .list p{width: 140px;}
.companybox .pic em{padding-bottom: 460px;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 60px 0;}
.companybox .txt{padding: 10px 0;}
.companybox .txt .text{height: 235px;padding-top: 15px;font-size: 15px;}
.companybox .list{margin: 0 -20px;padding-top: 15px;}
.companybox .list p{width: 125px;}
.companybox .list p span{padding-top: 5px;}
.companybox .pic em{padding-bottom: 420px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 55px 0;}
.companybox .w1440{padding: 0;}
.companybox .txt{padding: 25px 0 0;width: 100%;max-width: 100%;}
.companybox .txt .line{width: 60px;height: 5px;background: #1461cc;}
.companybox .txt .text{height: auto;font-size: 16px;padding: 15px 0;}
.companybox .txt .text p{padding: 5px 0;}
.companybox .list{margin: 0;}
.companybox .list p{width: 25%;}
.companybox .pic{width: 100%;}
.companybox .pic em{padding-bottom: 450px;}
.companybox .pic img{height: auto;max-height: none;width: 100%;}
}
@media only screen and (max-width:768px){
.companybox{padding: 50px 0;}
.companybox .txt .text{font-size: 15px;}
.companybox .pic em{padding-bottom: 60%;}
}
@media only screen and (max-width:480px){
.companybox{padding: 45px 0;}
.companybox .txt{padding-top: 20px;}
.companybox .txt .text{line-height: 1.8;padding: 10px 0;}
.companybox .list{padding-top: 10px;}
.companybox .list p{padding: 0 2px;}
.companybox .list p em{width: 70px;height: 70px;}
.companybox .list p em img{width: 44px;margin: -22px;}
.companybox .list p span{font-size: 16px;font-weight: 600;}
.companybox .list p i{font-size: 12px;line-height: 15px;}
.companybox .pic em{padding-bottom: 65%;}
}
@media only screen and (max-width:425px){
.companybox{padding: 40px 0;}
.companybox .list{padding-bottom: -5px;}
}
@media only screen and (max-width:359px){
.companybox{padding: 35px 0;}
.companybox .list{padding-top: 10px;}
.companybox .list p em{width: 66px;height: 66px;}
.companybox .list p em img{width: 40px;margin: -20px;}
.companybox .list p span{font-size: 15px;line-height: 1;font-weight: 600;padding-top: 10px;}
.companybox .list p i{display: none;}
}

/* advantage */
.advantagebox{background: #1461cc;}
.advantagebox ul{padding: 55px 0;}
.advantagebox ul li{width: 25%;float: left;border-left: 1px solid rgba(255,255,255,.5);text-align: center;color: #fff;line-height: 1;padding: 0 10px;}
.advantagebox ul li:first-child{border: none;}
.advantagebox ul li div{display: inline-block;}
.advantagebox ul li p{overflow: hidden;}
.advantagebox ul li em{font-size: 48px;font-weight: 600;float: left;font-style: normal;}
.advantagebox ul li i{float: left;font-style: normal;font-size: 18px;padding: 23px 0 0 5px;}
.advantagebox ul li span{display: block;text-align: left;font-size: 18px;padding-top: 10px;overflow: hidden;}

@media only screen and (max-width:1440px){
.advantagebox ul{margin: 0 -1.5%;}
}
@media only screen and (max-width:1250px){
.advantagebox ul{padding: 50px 0;}
}
@media only screen and (max-width:1024px){
.advantagebox ul{padding: 45px 0;}
.advantagebox ul li em{font-size: 42px;}
.advantagebox ul li i{font-size: 16px;padding-top: 21px;}
.advantagebox ul li span{padding-top: 7px;font-size: 16px;}
}
@media only screen and (max-width:768px){
.advantagebox ul{padding: 35px 0;margin: 0;}
.advantagebox ul li{width: 50%;border: none;background: rgba(255,255,255,.25);border: 5px solid #1461cc;padding: 5% 10px;border-radius: 10px;}
.advantagebox ul li:first-child{border: 5px solid #1461cc;}
}
@media only screen and (max-width:480px){
.advantagebox ul li{border-width: 2px;padding: 25px 10px;border-radius: 5px;}
.advantagebox ul li:first-child{border-width: 2px;}
}
@media only screen and (max-width:425px){
.advantagebox ul{padding: 30px 0;}
.advantagebox ul li{border-width: 1px;padding: 20px 5px;border-radius: 3px;}
.advantagebox ul li:first-child{border-width: 1px;}
.advantagebox ul li em{font-size: 40px;}
.advantagebox ul li i{font-size: 15px;padding: 20px 0 0 3px;}
.advantagebox ul li span{font-size: 15px;padding-top: 6px;}
}

/* protj */
.protjbox{padding: 65px 0;background: #e5eeff;}
.protjbox .home_title{padding-top: 5px;}

.protjbox .w1440{padding-bottom: 65px;}
.protjbox ul li{width: 25%;float: left;text-align: center;}
.protjbox ul li a{display: block;width: 100%;background: #fff;padding: 10px;}
.protjbox ul li p{width: 100%;overflow: hidden;}
.protjbox ul li p em{padding-bottom: 95%;}
.protjbox ul li h3{display: block;width: 100%;font-size: 15px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px 0 15px;}

@media only screen and (max-width:1440px){
.protjbox{padding: 55px 0;}
}
@media only screen and (max-width:1250px){
.protjbox{padding: 50px 0;}
.protjbox .w1440{padding-bottom: 60px;}
.protjbox ul li h3{padding: 5px 0 10px;}
}
@media only screen and (max-width:1024px){
.protjbox{padding: 45px 0 40px;}
.protjbox .w1440{padding-bottom: 55px;}
}
@media only screen and (max-width:768px){
.protjbox{padding: 40px 0 35px;}
.protjbox .w1440{padding-bottom: 50px;}
.protjbox .swiper-pagination-bullet{margin: 0 8px;padding: 3px;}
.protjbox .swiper-pagination-bullet-active{padding: 2px;}
}
@media only screen and (max-width:480px){
.protjbox{padding: 35px 0 30px;}
.protjbox .w1440{padding-bottom: 45px;}
.protjbox ul li h3{padding: 5px 0;}
.protjbox .swiper-pagination-bullet{margin: 0 6px;}
}
@media only screen and (max-width:425px){
.protjbox{padding: 30px 0 25px;}
.protjbox .w1440{padding-bottom: 40px;}
.protjbox ul li a{padding: 5px;}
.protjbox ul li h3{font-size: 14px;padding: 0 0 4px;line-height: 26px;}
}

/* news */
.zixunbox{padding-top: 70px;}
.zixunbox .title{width: 100%;padding-bottom: 20px;line-height: 20px;overflow: hidden;}
.zixunbox .title p{font-size: 18px;font-weight: 600;padding-left: 12px;border-left: 3px solid #1461cc;float: left;}
.zixunbox .title a{float: right;padding-right: 3px;}

.newsbox{width: 48.5%;float: left;}
.newsbox .pic p{width: 100%;padding-bottom: 250px;overflow: hidden;position: relative;}
.newsbox .pic img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.newsbox ul{width: 100%;padding-top: 10px;}
.newsbox ul li{width: 100%;overflow: hidden;border-bottom: 1px solid #e6e6e6;position: relative;}
.newsbox ul li em{position: absolute;left: 5px;top: 50%;margin-top: -2px;width: 5px;height: 5px;background: #1461cc;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.newsbox ul li a{display: block;width: 100%;font-size: 15px;font-weight: 600;line-height: 25px;padding: 17px 90px 17px 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li span{position: absolute;color: #999;right: 3px;top: 50%;line-height: 30px;margin-top: -15px;}

.faqbox{width: 48.5%;float: right;}
.faqbox .list{width: 100%;border-top: 1px solid #e6e6e6;}
.faqbox ul{margin-top: -1px;}
.faqbox ul li{width: 100%;border-bottom: 1px solid #e6e6e6;padding: 30px 0 25px 45px;}
.faqbox ul li .titl{position: relative;width: 100%;line-height: 30px;}
.faqbox ul li .titl span{width: 30px;height: 30px;position: absolute;left: -45px;top: 0;text-align: center;background: #1461cc;font-size: 20px;color: #fff;border-radius: 15px;}
.faqbox ul li .titl a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: 600;}
.faqbox ul li .text{width: 100%;height: 54px;padding-top: 5px;line-height: 25px;color: #808080;overflow: hidden;}
.faqbox ul li .text br{display: none;}

@media only screen and (max-width:1440px){
.zixunbox{padding-top: 65px;}
.newsbox .pic p{padding-bottom: 230px;}
.newsbox ul li a{padding: 15px 90px 15px 20px;}
.faqbox ul li{padding: 25px 0 20px 40px;}
.faqbox ul li .titl span{left: -40px;}
}
@media only screen and (max-width:1250px){
.zixunbox{padding-top: 60px;}
.newsbox .pic p{padding-bottom: 200px;}
.newsbox ul li a{padding: 10px 85px 10px 20px;}
.faqbox ul li{padding: 20px 0 15px 35px;}
.faqbox ul li .titl span{left: -35px;top: 1px;width: 26px;height: 26px;line-height: 26px;font-size: 18px;}
.faqbox ul li .text{height: 44px;padding-top: 4px;line-height: 20px;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding-top: 5px;}
.zixunbox .title{padding-top: 45px;}
.newsbox,
.faqbox{width: 100%;}
.newsbox .pic p{padding-bottom: 250px;}
.faqbox ul li{padding: 18px 0 17px 35px;}
.faqbox ul li .text{height: auto;}
}
@media only screen and (max-width:768px){
.zixunbox .title{padding-top: 40px;}
.newsbox .pic p{padding-bottom: 200px;}
}
@media only screen and (max-width:480px){
.zixunbox .title{padding: 35px 0 15px;}
.newsbox .pic p{padding-bottom: 40%;}
.faqbox ul li{padding: 14px 0 15px 30px;}
.faqbox ul li .titl span{left: -30px;width: 22px;height: 22px;line-height: 22px;font-size: 15px;top: 3px;}
.faqbox ul li .text{padding-top: 0;}
}
@media only screen and (max-width:425px){
.zixunbox{padding: 0;}
.newsbox ul li em{left: 2px;}
.newsbox ul li a{font-size: 14px;padding: 10px 80px 10px 15px;}
.newsbox ul li span{right: 0;}
.faqbox ul li{padding: 10px 0 9px 30px;}
.faqbox ul li .titl a{font-size: 14px;}
}

/* contact */
.contactbox{padding: 70px 0;}
.contactbox .w1440{padding-bottom: 20px;}

.contactbox .txtbox{width: 50%;float: left;background: #1461cc url(../images/bg2.jpg) center no-repeat;background-size: 100% auto;color: rgba(255,255,255,.9);padding: 55px 4%;flex-shrink: 0;}
.contactbox .txtbox a{color: rgba(255,255,255,.9);}
.contactbox .txtbox a:hover{color: #fff;}

.contactbox .txtbox p{width: 100%;font-size: 15px;line-height: 25px;padding-bottom: 10px;}
.contactbox .txtbox .tit{line-height: 1;font-size: 30px;font-weight: 600;position: relative;padding-bottom: 25px;color: #fff;margin-bottom: 30px;}
.contactbox .txtbox .tit span{position: absolute;left: 0;bottom: 0;width: 2em;height: 2px;background: #fff;}

.contactbox .orderbox{width: 50%;float: right;background: #191919 url(../images/bg3.jpg) center no-repeat;background-size: auto 100%;flex-shrink: 0;padding: 55px 4%;}
.contactbox .orderbox .titl{width: 100%;padding-bottom: 25px;line-height: 1;overflow: hidden;}
.contactbox .orderbox .titl a{font-size: 30px;font-weight: 600;color: #fff;float: left;}
.contactbox .orderbox .titl span{font-size: 18px;color: rgba(255,255,255,.9);float: left;padding: 12px 0 0 10px;}

.contactbox .orderbox ul{margin: 0 -5px;}
.contactbox .orderbox ul li{float: left;padding: 0 5px;position: relative;overflow: hidden;margin-bottom: 10px;width: 100%;}
.contactbox .orderbox ul li .txt{display: block;width: 100%;padding: 9px 14px;line-height: 20px;border: 1px solid rgba(255,255,255,.75);background: rgba(255,255,255,.4);color: #fff;}
.contactbox .orderbox ul li .red{display: block;width: 10px;position: absolute;left: 10px;top: 12px;color: #fff;}
.contactbox .orderbox ul li.li_1 .txt{height: 150px;}
.contactbox .orderbox ul li.li_2,
.contactbox .orderbox ul li.li_3{width: 50%;}
.contactbox .orderbox ul li.li_3 img{position: absolute;right: 10px;top: 6px;cursor: pointer;padding: 5px;background: #fafafa;}
.contactbox .orderbox ul li.li_4{padding-top: 10px;margin-bottom: 5px;}
.contactbox .orderbox ul li.li_4 .tj{display: block;width: 100%;background: #1461cc;color: #fff;font-size: 15px;font-weight: 600;text-align: center;line-height: 45px;cursor: pointer;}
.contactbox .orderbox ul li.li_4 .tj:hover{background: #ffcb00;}

.contactbox ::-webkit-input-placeholder{color: #fff;}
.contactbox :-moz-placeholder{color: #fff;}
.contactbox ::-moz-placeholder{color: #fff;}
.contactbox :-ms-input-placeholder{color: #fff;}

@media only screen and (max-width:1440px){
.contactbox{padding: 65px 0;}
.contactbox .w1440{padding-bottom: 15px;}
.contactbox .txtbox,
.contactbox .orderbox{padding: 50px 4%;}
}
@media only screen and (max-width:1200px){
.contactbox{padding: 60px 0;}
.contactbox .w1440{padding-bottom: 10px;}
.contactbox .txtbox,
.contactbox .orderbox{padding: 45px 3.5%;}
.contactbox .txtbox .tit{font-size: 24px;padding-bottom: 21px;margin-bottom: 25px;}
.contactbox .orderbox .titl{padding-bottom: 21px;}
.contactbox .orderbox .titl a{font-size: 24px;}
.contactbox .orderbox .titl span{font-size: 16px;padding-top: 8px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 55px 0;}
.contactbox .txtbox,
.contactbox .orderbox{padding: 35px 3%;}
.contactbox .txtbox p{font-size: 14px;}
.contactbox .orderbox ul li.li_1 .txt{height: 100px;}
.contactbox .orderbox ul li.li_2{width: 100%;}
.contactbox .orderbox ul li.li_3{width: 75%;max-width: 300px;}
.contactbox .orderbox ul li .txt{padding: 6px 14px;}
.contactbox .orderbox ul li .red{top: 9px;}
.contactbox .orderbox ul li.li_3 img{top: 5px;padding: 3px;}
.contactbox .orderbox ul li.li_4{padding-top: 5px;}
.contactbox .orderbox ul li.li_4 .tj{line-height: 42px;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 50px 0;}
.contactbox .w1440{flex-wrap: wrap;padding-bottom: 5px;}
.contactbox .txtbox{width: 100%;padding: 40px 6%;}
.contactbox .txtbox p{font-size: 15px;padding: 3px 0;}
.contactbox .orderbox{width: 100%;padding: 45px 6%;}
.contactbox .orderbox ul li.li_1 .txt{height: 150px;}
.contactbox .orderbox ul li .txt{padding: 9px 14px;}
.contactbox .orderbox ul li .red{top: 12px;}
.contactbox .orderbox ul li.li_2,
.contactbox .orderbox ul li.li_3{width: 50%;max-width: 100%;}
.contactbox .orderbox ul li.li_3 img{top: 6px;padding: 5px;}
.contactbox .orderbox ul li.li_4{padding-top: 10px;}
.contactbox .orderbox ul li.li_4 .tj{line-height: 45px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 45px 0;}
.contactbox .w1440{padding: 0;}
.contactbox .txtbox{padding: 30px 5%;}
.contactbox .txtbox .tit{font-size: 20px;padding-bottom: 15px;margin-bottom: 20px;}
.contactbox .txtbox p{font-size: 14px;line-height: 21px;}
.contactbox .orderbox{padding: 35px 5%;}
.contactbox .orderbox .titl{padding-bottom: 20px;}
.contactbox .orderbox .titl a{font-size: 20px;}
.contactbox .orderbox .titl span{font-size: 14px;padding-top: 6px;}
.contactbox .orderbox ul li.li_1 .txt{height: 120px;}
.contactbox .orderbox ul li.li_2{width: 100%;}
.contactbox .orderbox ul li.li_3{width: 75%;max-width: 250px;}
}
@media only screen and (max-width:425px){
.contactbox{padding: 40px 0;}
}

/* album */
.albumbox{padding: 65px 0 60px;background: #f5f7f9;}
.albumbox ul{margin: 0 -10px;}
.albumbox ul li{width: 25%;float: left;text-align: center;padding: 0 10px 15px;}
.albumbox ul li div{width: 100%;border: 10px solid #fff;overflow: hidden;position: relative;background: #fff;box-shadow: 0 2px 10px rgba(128,128,128,.1);}
.albumbox ul li em{padding-bottom: 70%;}
.albumbox ul li em img{max-height: none;min-height: 100%;}
.albumbox ul li p{width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;margin: -30px auto auto -25px;background: rgba(0,95,200,.75);border-radius: 25px;font-size: 30px;z-index: 10;opacity: 0;}
.albumbox ul li p a{display: block;padding: 10px;color: #fff;line-height: 30px;}
.albumbox ul li p span{border-radius: 50%;}
.albumbox ul li h3{line-height: 30px;background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;}
.albumbox ul li:hover p{opacity: 1;}

@media only screen and (max-width:1440px){
.albumbox{padding: 60px 0 55px;}
.albumbox ul{margin: 0 -5px;}
.albumbox ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:1250px){
.albumbox{padding: 55px 0 50px;}
.albumbox ul li div{border-width: 5px;}
}
@media only screen and (max-width:1024px){
.albumbox{padding: 50px 0 45px;}
.albumbox ul{margin: 0 -10px;}
.albumbox ul li{padding: 0 10px 15px;width: 50%;}
.albumbox ul li div{border-width: 10px;}
}
@media only screen and (max-width:768px){
.albumbox{padding: 45px 0 40px;}
.albumbox ul{margin: 0 -5px;}
.albumbox ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:480px){
.albumbox{padding: 40px 0 35px;}
.albumbox ul li div{border-width: 5px;}
}
@media only screen and (max-width:425px){
.albumbox{padding: 35px 0 30px;}
.albumbox ul{margin: 0 -2px;}
.albumbox ul li{padding: 0 2px 5px;}
.albumbox ul li p{width: 40px;height: 40px;margin: -25px auto auto -20px;border-radius: 20px;}
.albumbox ul li p a{padding: 5px;}
.albumbox ul li h3{line-height: 20px;font-size: 13px;}
}

/* links */
.linkbox{line-height: 24px;background: #f5f7f9;padding-bottom: 15px;margin-top: -15px;}
.linkbox ul{width: 100%;overflow: hidden;padding-left: 85px;position: relative;min-height: 24px;}
.linkbox ul p{position: absolute;left: 0;top: 0;font-size: 15px;font-weight: 600;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1024px){
.linkbox{display: none;}
}