/* headbox */
.headbox{background: rgba(0,0,0,.3);box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.headbox::before{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,.1);z-index: 0;}
.headbox .logo a{color: #987135;}

@media only screen and (min-width:1025px){
.headbox.nav-fixed,
.headbox:hover{background: #987135;}
.headbox.nav-fixed .logo a,
.headbox:hover .logo a{color: #fff;}
.navbox ul li.active p a span{border-bottom: 2px solid #987135;}
.headbox.nav-fixed .navbox ul li.active p a span,
.headbox:hover .navbox ul li p a em,
.headbox:hover .navbox ul li.active p a span{border-bottom: 2px solid #ffa51e;}
}
@media only screen and (max-width:1024px){
.headbox{background: #987135;}
}

/* clabox */
.clabox{padding: 70px 0 60px;}
.clabox .titbox{width: 100%;overflow: hidden;text-align: center;line-height: 1;padding-bottom: 50px;}
.clabox .titbox .tit1{width: 100%;overflow: hidden;width: 300px;margin: 0 auto;}
.clabox .titbox .tit1 em{float: left;width: 50px;height: 13px;border-bottom: 1px solid #999;}
.clabox .titbox .tit1 span{float: left;width: 200px;font-size: 24px;color: #987135;}
.clabox .titbox .tit2{padding: 20px 0;font-size: 36px;}
.clabox .titbox .tit2 span{font-weight: 600;}
.clabox .titbox .tit3{font-size: 16px;color: #666;}

.clabox ul{width: 105%;margin: 0 -2.5%;display: flex;display: -webkit-flex;flex-wrap: nowrap;padding: 10px 0;}
.clabox ul li{width: 25%;float: left;flex-shrink: 0;text-align: center;padding: 0 3%;}
.clabox ul li .text{width: 100%;height: 100%;overflow: hidden;}
.clabox ul li .pic{width: 100%;max-width: 200px;border: 10px solid #f2f2f2;border-radius: 50%;margin: 0 auto;background: #fff;}
.clabox ul li .pic a{display: block;width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;color: #987135;position: relative;border-radius: 50%;}
.clabox ul li .pic a svg{font-size: 100px;position: absolute;left: 50%;top: 50%;margin: -50px;}
.clabox ul li .pic:hover a{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.clabox ul li .txt{width: 100%;padding-top: 15px;overflow: hidden;}
.clabox ul li .txt p{font-size: 18px;font-weight: 600;line-height: 44px;}
.clabox ul li .txt em{display: block;width: 30px;height: 1px;background: #ddd;margin: 0 auto;}
.clabox ul li .txt span{display: block;width: 100%;padding-top: 10px;color: #666;line-height: 20px;}

.clabox ul li:hover .pic{border-color: #987135;}
.clabox ul li:hover .txt p a{color: #987135;}
.clabox ul li:hover .txt em{width: 60px;background: #987135;}

@media only screen and (max-width:1440px){
.clabox{padding: 60px 0 50px;}
.clabox .titbox{padding-bottom: 40px;}
.clabox ul{width: 102%;margin: 0 -1%;}
.clabox ul li{padding: 0 1.5%;}
}
@media only screen and (max-width:1200px){
.clabox{padding: 50px 0 40px;}
}
@media only screen and (max-width:1024px){
.clabox{padding: 45px 0 35px;}
.clabox .titbox{padding-bottom: 30px;}
.clabox .titbox .tit2{padding: 15px 0;}
.clabox ul li{padding: 0 1%;}
.clabox ul li .pic{border-width: 7px;}
.clabox ul li .pic a svg{font-size: 94px;margin: -47px;}
}
@media only screen and (max-width:768px){
.clabox{padding: 40px 0;}
.clabox .titbox .tit1{width: 250px;}
.clabox .titbox .tit1 span{width: 150px;font-size: 18px;line-height: 20px;}
.clabox .titbox .tit1 em{height: 11px;}
.clabox .titbox .tit2{font-size: 30px;}
.clabox .titbox .tit3{font-size: 14px;line-height: 15px;}
.clabox ul{width: 100%;margin: 0;flex-wrap: wrap;padding: 5px 0;}
.clabox ul li{width: 50%;padding: 1px;}
.clabox ul li .text{background: #f7f7f7;border-radius: 10px;padding: 10% 8%;}
.clabox ul li .pic{border-color: #f0f0f0;width: 90%;}
.clabox ul li .pic a svg{font-size: 100px;margin: -50px;}
.clabox ul li .txt{padding-top: 10px;}
.clabox ul li:hover .text{background: #987135;}
.clabox ul li:hover .pic{border-color: #fff;}
.clabox ul li:hover .txt p a,
.clabox ul li:hover .txt span{color: #fff;}
.clabox ul li:hover .txt em{background: rgba(255,255,255,.5);}
}
@media only screen and (max-width:480px){
.clabox{padding: 35px 0 30px;}
.clabox .titbox{padding-bottom: 20px;}
.clabox .titbox .tit1{width: 210px;}
.clabox .titbox .tit1 em{width: 30px;}
.clabox .titbox .tit2{font-size: 26px;padding: 10px 0;}
.clabox ul li .text{border-radius: 5px;padding: 8% 5%;}
.clabox ul li .pic{border-width: 5px;max-width: 150px;}
.clabox ul li .pic a svg{font-size: 70px;margin: -35px;}
.clabox ul li .txt{padding-top: 5px;}
.clabox ul li .txt p{font-size: 16px;line-height: 40px;}
.clabox ul li .txt span{max-height: 70px;}
}

/* company */
.companybox{min-height: 700px;padding: 85px 0;background: url(../images/jjbj.jpg) 50% no-repeat;background-size: auto 100%;}
.companybox .titbox{padding-bottom: 60px;text-align: center;line-height: 1;}
.companybox .titbox p{height: 70px;overflow: hidden;position: relative;}
.companybox .titbox p a{font-size: 220px;position: absolute;top: 50%;left: 50%;margin: -110px;color: #987135;}
.companybox .titbox span{font-size: 30px;padding: 20px 0;display: block;}
.companybox .titbox em{display: block;width: 100px;height: 1px;margin: 0 auto;background: #666;}
.companybox .textbox{padding: 45px 0 40px;background: rgba(0,0,0,.5);min-height: 340px;}
.companybox .textbox p{color: #fff;line-height: 2;text-indent: 2em;padding-bottom: 5px;font-size: 15px;}

@media only screen and (max-width:1440px){
.companybox{padding: 80px 0;}
.companybox .titbox{padding-bottom: 50px;}
}
@media only screen and (max-width:1200px){
.companybox{padding: 70px 0;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 60px 0;}
.companybox .titbox{padding-bottom: 45px;}
.companybox .textbox{padding: 35px 0 30px;}
.companybox .textbox p{line-height: 1.8;}
}
@media only screen and (max-width:768px){
.companybox{padding: 50px 0 55px;min-height: auto;background-position-x: 58%;}
.companybox .titbox{padding-bottom: 35px;}
.companybox .titbox p{height: 50px;}
.companybox .titbox p a{font-size: 180px;margin: -90px;}
.companybox .titbox span{font-size: 24px;padding: 15px 0;}
.companybox .textbox{padding: 25px 0 20px;}
.companybox .textbox p{font-size: 14px;line-height: 24px;}
}
@media only screen and (max-width:480px){
.companybox{padding: 35px 0;}
.companybox .titbox{padding-bottom: 25px;}
.companybox .titbox p{height: 40px;}
.companybox .titbox p a{font-size: 140px;margin: -70px;}
.companybox .titbox span{font-size: 18px;font-weight: 600;}
.companybox .titbox em{width: 60px;}
.companybox .textbox{padding: 20px 0 15px;}
.companybox .textbox p{line-height: 20px;}
}

/* pro_rem_box */
.pro_rem_box{padding: 70px 0;}
.pro_rem_box .titbox{text-align: center;padding-bottom: 30px;line-height: 1;}
.pro_rem_box .titbox p{width: 90%;max-width: 800px;margin: 0 auto;position: relative;overflow: hidden;}
.pro_rem_box .titbox p a{font-size: 36px;color: #987135;}
.pro_rem_box .titbox p span{font-size: 16px;line-height: 20px;padding: 15px 25px;margin: 0 auto;position: relative;z-index: 5;background: #fff;display: inline-block;color: #666;}
.pro_rem_box .titbox p em{width: 100%;height: 26px;border-bottom: 1px solid #999;position: absolute;z-index: 1;left: 0;top: 0;}
.pro_rem_box ul{width: 100%;padding: 7px;border: 12px solid #f0f0f0;overflow: hidden;}
.pro_rem_box ul li{width: 33.33%;float: left;padding: 1px;text-align: center;}
.pro_rem_box ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.pro_rem_box ul li p{padding-bottom: 75%;}
.pro_rem_box ul li p img{max-width: none;min-width: 100%;height: 100%;}
.pro_rem_box ul li span{display: inline-block;position: absolute;left: 50%;bottom: 10px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);background: rgba(152,113,53,.3);color: #fff;padding: 5px 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;border-radius: 20px;opacity: 0;max-width:95%;font-size: 16px;}
.pro_rem_box ul li:hover span{opacity: 1;}

@media only screen and (max-width:1440px){
.pro_rem_box{padding: 60px 0;}
.pro_rem_box .titbox{padding-bottom: 25px;}
}
@media only screen and (max-width:1200px){
.pro_rem_box{padding: 55px 0;}
.pro_rem_box .titbox{padding-bottom: 20px;}
.pro_rem_box ul{padding: 5px;border-width: 9px;}
}
@media only screen and (max-width:1024px){
.pro_rem_box{padding: 50px 0;}
.pro_rem_box .titbox{padding-bottom: 15px;}
.pro_rem_box ul{padding: 3px;border-width: 6px;}
.pro_rem_box ul li span{opacity: 1;font-size: 15px;padding: 0 15px;}
.pro_rem_box ul li:hover span{background: #987135;}
}
@media only screen and (max-width:768px){
.pro_rem_box{padding: 40px 0;}
.pro_rem_box .titbox{padding-bottom: 10px;}
.pro_rem_box ul{padding: 0;border: 0;}
.pro_rem_box ul li{width: 50%;}
.pro_rem_box ul li span{padding: 0 10px;}
}
@media only screen and (max-width:480px){
.pro_rem_box{padding: 35px 0;}
.pro_rem_box .titbox p a{font-size: 30px;}
.pro_rem_box .titbox p span{font-size: 14px;line-height: 20px;padding: 10px 15px;}
.pro_rem_box .titbox p em{height: 21px;}
.pro_rem_box ul{padding: 0;border: 0;}
.pro_rem_box ul li{width: 50%;}
.pro_rem_box ul li span{bottom: 5px;line-height: 24px;height: 24px;font-size: 13px;}
}

/* pro_hot_box */
.pro_hot_box{padding: 80px 0 70px;background: url(../images/xcbj.jpg) 50% no-repeat;background-size: auto 100%;min-height: 750px;}
.pro_hot_box .titbox{text-align: center;position: relative;z-index: 5;}
.pro_hot_box .titbox p{font-size: 40px;line-height: 1;}
.pro_hot_box .titbox p a{color: #fff;}
.pro_hot_box .titbox span{font-size: 14px;line-height: 24px;width: 90%;max-width: 640px;display: block;margin: 0 auto;color: rgba(255,255,255,.75);padding: 25px 0 50px;}
.pro_hot_box .titbox span br{display: none;}
.pro_hot_box .swiper-container{padding-bottom: 60px;z-index: 1;}
.pro_hot_box ul li{width: 510px;opacity: .5;}
.pro_hot_box ul li.swiper-slide-prev,
.pro_hot_box ul li.swiper-slide-next{opacity: .75;}
.pro_hot_box ul li.swiper-slide-active{opacity: 1;}
.pro_hot_box ul li p{overflow: hidden;border: 5px solid #fff;position: relative;}
.pro_hot_box ul li span{display: block;width: 100%;padding-bottom: 75%;overflow: hidden;position: relative;height: 0;}
.pro_hot_box ul li span img{min-width: 100%;height: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.pro_hot_box ul li a{position: absolute;right: -100%;top: 15px;background: rgba(152,113,53,.3);color: #fff;line-height: 30px;padding: 10px 25px;font-size: 18px;opacity: 0;max-width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_hot_box ul li.swiper-slide-active:hover span{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.pro_hot_box ul li.swiper-slide-active:hover a{right: 0;opacity: 1;}
.pro_hot_box .button{background: rgba(0,0,0,.5);opacity: .5;margin-top: -70px;}
.pro_hot_box .button svg{font-size: 40px;position: absolute;left: 50%;top: 50%;margin: -20px;}
.pro_hot_box .swiper-container:hover .button{opacity: 1;}
.pro_hot_box .button:hover{background: rgba(152,113,53,.75);}

@media only screen and (max-width:1440px){
.pro_hot_box{padding: 70px 0;min-height: 560px;}
.pro_hot_box ul li{width: 450px;}
}
@media only screen and (max-width:1200px){
.pro_hot_box{padding: 65px 0 55px;min-height: 480px;}
.pro_hot_box .titbox span{padding: 20px 0 40px;}
.pro_hot_box .swiper-container{padding-bottom: 50px;}
.pro_hot_box .button{width: 40px;height: 80px;margin-top: -55px;}
.pro_hot_box .button svg{font-size: 30px;margin: -15px;}
}
@media only screen and (max-width:1024px){
.pro_hot_box{padding: 55px 0;}
.pro_hot_box .swiper-container{padding-bottom: 50px;}
}
@media only screen and (max-width:768px){
.pro_hot_box{padding: 50px 0 35px;}
.pro_hot_box .titbox p{font-size: 36px;}
.pro_hot_box .titbox span{padding: 20px 0 30px;}
.pro_hot_box .titbox span br{display: block;}
.pro_hot_box .swiper-container{padding-bottom: 45px;}
.pro_hot_box ul li{width: 360px;}
.pro_hot_box ul li a{top: 10px;padding: 5px 15px;font-size: 16px;}
.pro_hot_box .button{width: 30px;height: 50px;margin-top: -40px;}
.pro_hot_box .button svg{font-size: 24px;margin: -12px;}
.pro_hot_box .swiper-pagination-bullet{margin: 0 5px;}
}
@media only screen and (max-width:480px){
.pro_hot_box{padding: 45px 0 30px;}
.pro_hot_box .titbox p{font-size: 30px;}
.pro_hot_box .titbox span{padding: 15px 0 25px;}
.pro_hot_box ul li{width: 300px;opacity: 0;}
.pro_hot_box ul li a{padding: 0 10px;font-size: 14px;}
}
@media only screen and (max-width:375px){
.pro_hot_box ul li p{border: 0;}
}

/*case*/
.casebox{padding: 50px 0 60px;background: #f5f5f5;}
.casebox .titbox{line-height: 1;text-align: center;padding-bottom: 30px;overflow: hidden;}
.casebox .titbox p{padding: 20px 0;font-size: 36px;}
.casebox .titbox span{font-size: 15px;line-height: 20px;color: #666;display: block;padding: 0 5%;}
.casebox ul{width: 102%;margin: 0 -1%;overflow: hidden;}
.casebox ul li{width: 33.33%;padding: 1.5%;overflow: hidden;float: left;text-align: center;}
.casebox ul li div{width: 100%;overflow: hidden;background: #fff;border-radius: 10px;box-shadow: 0 2px 15px rgba(128,128,128,.1);padding: 4%;}
.casebox ul li div p{width: 100%;overflow: hidden;}
.casebox ul li div p a{padding-bottom: 65%;}
.casebox ul li div p a img{width: 100%;max-height: none;min-height: 100%;}
.casebox ul li div span,
.casebox ul li div em{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;line-height: 25px;color: #666;text-align: left;font-style: normal;}
.casebox ul li div span{padding: 10px 0 3px;font-weight: 600;}
.casebox ul li:hover div{box-shadow: 0 5px 20px rgba(128,128,128,.3);}

@media only screen and (max-width:1440px){
.casebox{padding: 45px 0 60px;}
.casebox ul{width: 100%;margin: 0;}
.casebox ul li{padding: 1%;}
.casebox ul li div{box-shadow: 0 2px 10px rgba(128,128,128,.1);}
.casebox ul li:hover div{box-shadow: 0 2px 10px rgba(128,128,128,.3);}
}
@media only screen and (max-width:1200px){
.casebox{padding: 35px 0 50px;}
}
@media only screen and (max-width:1024px){
.casebox{padding: 30px 0 45px;}
.casebox .titbox{padding-bottom: 25px;}
.casebox ul{width: 102%;margin: 0 -1%;}
.casebox ul li{padding: 1.1%;}
}
@media only screen and (max-width:768px){
.casebox{padding: 25px 0 40px;}
.casebox ul li{padding: 1%;width: 50%;}
.casebox ul li div{padding: 3%;border-radius: 5px;}
.casebox ul li div span,
.casebox ul li div em{line-height: 24px;}
.casebox ul li:hover div{box-shadow: 0 2px 10px rgba(128,128,128,.1);}
}
@media only screen and (max-width:480px){
.casebox{padding: 20px 0 35px;}
.casebox .titbox{padding-bottom: 15px;}
.casebox .titbox p{padding: 15px 0;font-size: 30px;}
.casebox ul li div span,
.casebox ul li div em{line-height: 20px;font-size: 14px;}
.casebox ul li div span{padding-top: 7px;}
}

/* orderbox */
.orderbox{padding: 80px 0;background: #987135 url(../images/lybj.jpg) 50% no-repeat;background-size: auto 100%;min-height: 750px;}
.orderbox .titbox{line-height: 1;text-align: center;padding-bottom: 45px;}
.orderbox .titbox p{font-size: 40px;}
.orderbox .titbox p a{color: #fff;letter-spacing: 2px;}
.orderbox .titbox p em{font-style: normal;font-weight: 600;}
.orderbox .titbox span{font-size: 15px;padding: 25px 5%;display: block;color: #fff;letter-spacing: 2px;line-height: 20px;}

.txtbox{width: 46%;float: left;padding-left: 1%;}
.txtbox .titl{width: 100%;font-size: 30px;line-height: 50px;padding: 20px 0 30px;color: #fff;}
.txtbox .text p{font-size: 15px;line-height: 30px;width: 100%;padding-left: 25px;position: relative;color: rgba(255,255,255,.8);}
.txtbox .text p span{position: absolute;left: 0;top: 8px;width: 14px;height: 14px;border-radius: 7px;border: 1px solid rgba(255,255,255,.8);padding: 2px;}
.txtbox .text p span em{display: block;width: 8px;height: 8px;background: rgba(255,255,255,.8);border-radius: 5px;}

.ordercon{width: 46%;float: right;padding-right: 2%;}
.ordercon ul{width: 100%;max-width: 560px;padding: 4%;border-radius: 10px;background: rgba(0,0,0,.5);overflow: hidden;}
.ordercon ul li{width: 100%;overflow: hidden;margin-bottom: 15px;position: relative;border-radius: 3px;float: left;}
.ordercon ul li .tit{width: 75px;line-height: 50px;position: absolute;left: 0;top: 0;color: #fff;background: #987135;padding-left: 15px;font-weight: 600;white-space: nowrap;}
.ordercon ul li .txt{display: block;width: 100%;background: #fff;border-radius: 3px;padding: 13px 20px 13px 85px;height: 50px;}
.ordercon ul li .red{position: absolute;width: 20px;color: red;right: 0;top: 50%;margin-top: -12px;line-height: 30px;text-align: center;}
.ordercon ul li.li_2 .tit{line-height: 120px;}
.ordercon ul li.li_2 .txt{height: 120px;}
.ordercon ul li.li_3{width: 70%;max-width: 250px;margin: 0;}
.ordercon ul li.li_3 img{position: absolute;right: 20px;top: 16px;cursor: pointer;}
.ordercon ul li.li_4{width: 30%;padding-left: 10px;margin: 0;max-width: 160px;}
.ordercon ul li.li_4 p{width: 100%;height: 50px;float: left;margin-right: 10px;background: #987135;position: relative;border-radius: 3px;}
.ordercon ul li.li_4 p::after{content: "";width: 100%;height: 50%;position: absolute;left: 0;top: 0;z-index: 1;background: rgba(255,255,255,.15);}
.ordercon ul li.li_4 p input{display: block;width: 100%;height: 100%;background: none;position: relative;z-index: 5;cursor: pointer;font-size: 16px;font-weight: 600;color: #fff;}
.ordercon ul li.li_4 p.cz{display: none;}
.ordercon ul li.li_4 p:hover{background: #b16b00;}

@media only screen and (max-width:1440px){
.orderbox{padding: 70px 0;min-height: 560px;}
.orderbox .titbox{padding-bottom: 40px;}
}
@media only screen and (max-width:1200px){
.orderbox{min-height: 480px;}
.orderbox .titbox{padding-bottom: 30px;}
.orderbox .titbox span{letter-spacing: 1px;}
.txtbox,
.ordercon{width: 47%;}
}
@media only screen and (max-width:1024px){
.orderbox{padding: 60px 0;min-height: 400px;}
.orderbox .titbox{padding-bottom: 25px;}
.orderbox .titbox span{padding: 20px 5%;}
.txtbox{padding-left: 0;width: 49%;}
.txtbox .titl{padding: 10px 0;line-height: 40px;padding: 0 0 15px;}
.txtbox .text p{font-size: 14px;line-height: 24px;padding-left: 20px;}
.txtbox .text p span{top: 5px;}
.ordercon{padding-right: 0;}
.ordercon ul li .tit{line-height: 44px;}
.ordercon ul li .txt{padding: 10px 20px 10px 85px;height: 44px;}
.ordercon ul li.li_3 img{top: 13px;}
.ordercon ul li.li_4 p{height: 44px;}
}
@media only screen and (max-width:768px){
.orderbox{padding: 50px 0;min-height: 300px;background-position-x: 91%;}
.orderbox .titbox{padding-bottom: 20px;}
.orderbox .titbox p{font-size: 36px;}
.orderbox .w1440{background: rgba(0,0,0,.5);padding: 30px 25px;border-radius: 10px;}
.txtbox{width: 100%;padding-bottom: 20px;}
.txtbox .titl{font-size: 24px;line-height: 40px;padding-bottom: 10px;}
.ordercon{width: 100%;}
.ordercon ul{max-width: 100%;padding: 19px;border-radius: 5px;border: 1px dashed rgba(255,255,255,.5);}
.ordercon ul li{margin-bottom: 10px;}
.ordercon ul li .tit{line-height: 40px;}
.ordercon ul li .txt{padding: 8px 20px 8px 85px;height: 40px;}
.ordercon ul li.li_2 .tit{line-height: 100px;}
.ordercon ul li.li_2 .txt{height: 100px;}
.ordercon ul li.li_3 img{top: 11px;}
.ordercon ul li.li_4{max-width: 130px;}
.ordercon ul li.li_4 p{height: 40px;}
.ordercon ul li.li_4 p input{font-size: 15px;}
}
@media only screen and (max-width:480px){
.orderbox{padding: 40px 0;background-position-x: 84%;}
.orderbox .titbox{padding-bottom: 15px;}
.orderbox .titbox p{font-size: 30px;}
.orderbox .titbox span{padding: 15px 5%;}
.orderbox .w1440{padding: 15px;border-radius: 5px;}
.txtbox{padding-bottom: 15px;}
.txtbox .titl{font-size: 24px;padding-bottom: 5px;}
.ordercon ul{padding: 10px;}
.ordercon ul li .tit{line-height: 36px;padding-left: 10px;width: 65px;}
.ordercon ul li .txt{padding: 6px 15px 6px 70px;height: 36px;}
.ordercon ul li .red{width: 15px;}
.ordercon ul li.li_2 .tit{line-height: 80px;}
.ordercon ul li.li_2 .txt{height: 80px;}
.ordercon ul li.li_3 img{top: 10px;right: 15px;}
.ordercon ul li.li_4{padding-left: 5px;}
.ordercon ul li.li_4 p{height: 36px;}
}

/* foot */
@media only screen and (max-width:768px){
.footbox{background: #f2f2f2;}
.footbox .txt3 p,
.footbox .txt3 p a{color: #333;}
.footbox .txt3 p a:hover,
.footbox .txt1 svg,
.footbox .txt2 p{color: #987135;}
}