/* search */
.searchbox{background: #0053a6;}
.searchbox .searchbg{background: #d90012;position: absolute;right: 0;top: 0;width: 20%;height: 100%;}
.searchbox .w1440{overflow: hidden;padding: 30px 0;}
.searchbox .search{width: 60%;float: left;overflow: hidden;position: relative;max-width: 720px;}
.searchbox .search p{width: 100%;background: #fff;height: 50px;border-radius: 25px;overflow: hidden;padding: 15px 25px;}
.searchbox .search p input{display: block;width: 100%;line-height: 21px;height: 20px;}
.searchbox .search em{width: 100px;height: 40px;position: absolute;right: 5px;top: 5px;background: #d90012;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;z-index: 5;}
.searchbox .search em svg{height: 40px;font-size: 20px;}
.searchbox .search span{position: absolute;right: 0;top: 0;width: 110px;height: 100%;z-index: 6;}
.searchbox .search span input{background: none;width: 100%;height: 100%;cursor: pointer;}

.searchbox .tel{position: absolute;right: 0;top: 0;width: 39%;height: 100%;padding: 30px 0 30px 100px;overflow: hidden;max-width: 480px;background: #d90012 url(../images/icon1.png) left center no-repeat;background-size: auto 100%;}
.searchbox .tel p{float: right;position: relative;padding-left: 65px;line-height: 1;color: #fff;font-size: 30px;}
.searchbox .tel span{display: block;font-size: 14px;padding: 0 0 9px 1px;}
.searchbox .tel em{position: absolute;left: 0;top: 0;}
.searchbox .tel em svg{height: 50px;font-size: 50px;}

@media only screen and (max-width:1200px){
.searchbox .w1440{padding: 25px 0;}
.searchbox .search{width: 62%;}
.searchbox .search p{height: 40px;border-radius: 20px;padding: 10px 20px;}
.searchbox .search em{width: 76px;height: 36px;right: 2px;top: 2px;border-radius: 18px;line-height: 36px;}
.searchbox .search em svg{height: 36px;font-size: 18px;}
.searchbox .search span{width: 80px;}
.searchbox .tel{width: 36%;padding: 25px 0 25px 70px;}
.searchbox .tel p{padding-left: 50px;font-size: 26px;}
.searchbox .tel span{padding-bottom: 4px;}
.searchbox .tel em svg{height: 40px;font-size: 40px;}
}
@media only screen and (max-width:1024px){
.searchbox .w1440{padding: 20px 0;}
.searchbox .search{width: 100%;max-width: none;}
.searchbox .searchbg,
.searchbox .tel{display: none;}
}
@media only screen and (max-width:480px){
.searchbox .w1440{padding: 15px 0;}
.searchbox .search p{height: 36px;border-radius: 18px;padding: 8px 20px;}
.searchbox .search em{width: 65px;height: 30px;right: 3px;top: 3px;border-radius: 15px;line-height: 30px;}
.searchbox .search em svg{height: 30px;}
.searchbox .search span{width: 70px;}
}

/* company */
.companybox{padding: 70px 0;background: #f7f7f7;}
.companybox .tit,
.companybox .txt{width: 62%;max-width: 900px;float: left;}
.companybox .tit{line-height: 1;font-size: 30px;border-bottom: 1px solid #ddd;font-weight: 600;padding: 7px 0 12px;}
.companybox .txt .text{width: 100%;padding: 15px 0;line-height: 25px;color: #666;min-height: 220px;}
.companybox .txt .text p{text-indent: 2em;padding: 5px 0;}
.companybox .txt .more{width: 100%;}
.companybox .txt .more a{width: 150px;line-height: 25px;padding: 10px;color: #fff;text-align: center;background: #0053a6;display: block;text-transform: uppercase;}
.companybox .txt .more a:hover{background: #d90012;}

.companybox .pic{width: 37%;max-width: 480px;overflow: hidden;float: right;margin-bottom: 5px;}
.companybox .pic p{width: 100%;height: 0;padding-bottom: 320px;position: relative;}
.companybox .pic img{height: 100%;min-width: 100%;max-width: none;}

@media only screen and (max-width:1440px){
.companybox{padding: 60px 0;}
}
@media only screen and (max-width:1200px){
.companybox{padding: 55px 0;}
.companybox .tit{padding: 0 0 9px;}
.companybox .txt .text{line-height: 24px;}
.companybox .txt .text p{padding: 3px 0;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 50px 0;}
.companybox .tit,
.companybox .txt,
.companybox .pic{width: 100%;max-width: none;}
.companybox .tit{padding-bottom: 19px;text-align: center;}
.companybox .txt .text{min-height: auto;}
.companybox .pic{margin: 20px 0 0;}
.companybox .pic img{height: auto;max-height: none;width: 100%;}
}
@media only screen and (max-width:768px){
.companybox{padding: 45px 0;}
.companybox .pic p{padding-bottom: 55%;}
}
@media only screen and (max-width:480px){
.companybox{padding: 40px 0;}
.companybox .tit{font-size: 24px;padding-bottom: 14px;margin-top: -5px;}
.companybox .pic{margin-top: 15px;}
.companybox .txt .text{padding: 10px 0;line-height: 22px;}
.companybox .txt .more a{line-height: 20px;width: 140px;}
}


/* product */
.productbox{padding: 70px 0;}
.productbox .clabox{float: left;position: relative;z-index: 5;}
.productbox .clabox ul li a{display: block;width: 100%;line-height: 30px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .clabox ul li:hover .f1 a{background: #d90012;}
.productbox .clabox ul li em{position: absolute;font-size: 8px;line-height: 20px;top: 50%;margin-top: -10px;}
.productbox .clabox ul li em svg{height: 20px;}

.productbox .probox{float: right;z-index: 1;position: relative;}
.productbox .probox .titl{width: 100%;padding-bottom: 35px;}
.productbox .probox .titl p{float: left;padding-left: 2%;position: relative;}
.productbox .probox .titl p a{display: block;font-size: 18px;color: #fff;background: #0053a6;line-height: 30px;padding: 15px;width: 200px;text-align: center;}
.productbox .probox .titl p span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.productbox .probox .titl p.active a{background: #d90012;}
.productbox .probox .titl p.active span{width: 0;}

.productbox .probox .list{width: 200%;position: relative;left: 0;}
.productbox .probox .list.active{left: -100%;}
.productbox .probox .list ul{width: 50%;overflow: hidden;float: left;}
.productbox .probox .list ul li{width: 33.33%;float: left;text-align: center;padding: 0 0 2% 2%;}
.productbox .probox .list ul li.li_10{display: none;}
.productbox .probox .list ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.productbox .probox .list ul li p{width: 100%;overflow: hidden;position: relative;height: 0;padding-bottom: 75%;}
.productbox .probox .list ul li p img{position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;z-index: 1;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.productbox .probox .list ul li p em{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;background: rgba(0,0,0,.05);}
.productbox .probox .list ul li h3{display: block;width: 100%;line-height: 30px;padding: 15px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;}
.productbox .probox .list ul li span{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #e6e6e6;}

.productbox .probox .list .n_pro{left: -100%;}
.productbox .probox .list .r_pro{left: 100%;}

@media only screen and (min-width:1025px){
.productbox{padding: 55px 0 50px;}
.productbox .clabox{width: 22%;max-width: 250px;float: left;}
.productbox .clabox .tit{width: 100%;text-align: center;font-size: 30px;line-height: 50px;text-transform: uppercase;}
.productbox .clabox .tit a{color: #fff;padding: 14px 10px 11px;display: block;background: #0053a6 url(../images/icon2.jpg) center no-repeat;}
.productbox .clabox .tit a:hover{background-color: #d90012;background-image: url(../images/icon3.jpg);}

.productbox .clabox ul li{width: 100%;overflow: hidden;padding-top: 5px;}
.productbox .clabox ul li .f1{width: 100%;position: relative;color: #fff;}
.productbox .clabox ul li .f1 a{background: #0053a6;color: #fff;padding: 3% 8% 3% 5%;}
.productbox .clabox ul li .f1 em{right: 0;width: 8%;font-size: 9px;}

.productbox .clabox ul li dl{width: 100%;background: #f5f5f5;padding: 2% 0;}
.productbox .clabox ul li .f2{width: 100%;position: relative;color: #999;}
.productbox .clabox ul li .f2 a{line-height: 22px;font-size: 13px;padding: 0 5px 0 10%;color: #777;}
.productbox .clabox ul li .f2 em{left: 4%;margin-top: -11px;}
.productbox .clabox ul li .f2:hover,
.productbox .clabox ul li .f2:hover a{color: #d90012;}
    
.productbox .probox{width: 78%;float: right;}
.productbox .probox .titl{padding-bottom: 30px;}
.productbox .probox .titl p a{padding: 10px;}
.productbox .probox .list ul li p{padding-bottom: 230px;}
.productbox .probox .list ul li h3{padding: 10px 0;}
}
@media only screen and (min-width:1201px){
.productbox{padding: 65px 0;}
.productbox .clabox{width: 21%;max-width: 270px;}
.productbox .clabox .tit a{padding: 17px 10px 13px;}
.productbox .clabox ul li .f1 a{padding: 5% 9% 5% 6%;}
.productbox .clabox ul li .f1 em{width: 9%;}
.productbox .clabox ul li dl{padding: 3% 0;}
.productbox .clabox ul li .f2 a{line-height: 25px;padding: 0 5px 0 11%;}
.productbox .clabox ul li .f2 em{left: 5%;}

.productbox .probox{width: 79%;}
.productbox .probox .titl{padding-bottom: 25px;}
.productbox .probox .titl p a{padding: 15px;}
.productbox .probox .list ul li p{padding-bottom: 280px;}
}
@media only screen and (min-width:1441px){
.productbox{padding: 70px 0 65px;}
.productbox .clabox{width: 20%;}
.productbox .clabox .tit a{padding: 23px 10px 17px;}
.productbox .clabox ul li .f1 a{padding: 13px 25px 12px 15px;font-size: 15px;}
.productbox .clabox ul li .f2 a{padding: 0 5px 0 30px;}

.productbox .probox{width: 80%;}
.productbox .probox .titl{padding-bottom: 35px;}
.productbox .probox .list ul li p{padding-bottom: 75%;}
.productbox .probox .list ul li h3{padding: 15px 0;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 45px 0;}
.productbox .clabox{width: 100%;padding-bottom: 40px;}
.productbox .clabox ul li em,
.productbox .clabox .tit{display: none;}
.productbox .clabox ul{width: calc(100% + 2px);margin: 0 -1px;}
.productbox .clabox ul li{width: 33.33%;float: left;padding: 1px;text-align: center;position: relative;z-index: 1;}
.productbox .clabox ul li .f1 a{background: #0053a6;color: #fff;font-size: 15px;padding: 10px 5px;}

.productbox .clabox ul li dl{position: absolute;width: calc(100% - 2px);top: 100%;left: 1;background: rgba(255,255,255,.5);box-shadow: 0 2px 15px rgba(0,0,0,.2);opacity: 0;}
.productbox .clabox ul li dl::after{content: "";position: absolute;width: 100%;height: 50px;left: 0;top: -50px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.productbox .clabox ul li dl a{background: #0053a6;padding: 0 5px;height: 0;line-height: 44px;color: rgba(255,255,255,.95);font-size: 13px;}
.productbox .clabox ul li dl a:hover{background: #d90012;color: #fff;}

.productbox .clabox ul li:hover{z-index: 5;}
.productbox .clabox ul li:hover dl{opacity: 1;}
.productbox .clabox ul li:hover dl::after{width: 0;}
.productbox .clabox ul li:hover dl a{height: 44px;margin-bottom: 1px;}

.productbox .probox{width: 100%;}
.productbox .probox .titl{padding-bottom: 30px;}
.productbox .probox .titl p{padding: 0 10px 0 0;}
.productbox .probox .titl p a{padding: 10px;}

.productbox .probox .list{width: calc(200% + 20px);}
.productbox .probox .list.active{left: calc(-100% - 10px);}
.productbox .probox .list ul{width: 50%;overflow: hidden;float: left;}
.productbox .probox .list ul li{padding: 0 10px 10px 0;}
.productbox .probox .list ul li h3{padding: 10px 0;}
}
@media only screen and (max-width:768px){
.productbox{padding: 40px 0 35px;}
.productbox .clabox{padding-bottom: 35px;}
.productbox .probox .list ul li,
.productbox .clabox ul li{width: 50%;}
.productbox .probox .list ul li.li_10{display: block;}
}
@media only screen and (max-width:480px){
.productbox{padding: 35px 0;}
.productbox .clabox ul li .f1 a{font-size: 14px;padding: 7px 5px;}
.productbox .clabox ul li dl a{line-height: 36px;}
.productbox .clabox ul li:hover dl a{height: 36px;}
.productbox .probox .titl{padding-bottom: 20px;width: calc(100% + 4px);}
.productbox .probox .titl p{width: 50%;padding-right: 4px;}
.productbox .probox .titl p a{width: 100%;font-size: 16px;padding: 8px;}
.productbox .probox .list{width: calc(200% + 8px);}
.productbox .probox .list.active{left: calc(-100% - 4px);}
.productbox .probox .list ul{width: 50%;overflow: hidden;float: left;}
.productbox .probox .list ul li{padding: 0 4px 5px 0;}
.productbox .probox .list ul li h3{padding: 3px;}
}

/* case */
.casebox{padding: 70px 0;background: #f5f5f5 url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;}
.casebox .title{padding-bottom: 35px;line-height: 1;text-transform: uppercase;text-align: center;}
.casebox .title a{font-size: 36px;font-weight: 600;display: inline-block;}
.casebox .title span{display: block;color: #666;padding: 10px;}
.casebox .title em{color: #d90012;}

.casebox ul{margin: 0 -8px;}
.casebox ul li{width: 33.33%;float: left;padding: 5px 8px 15px;text-align: center;}
.casebox ul li a{display: block;width: 100%;overflow: hidden;background: #f7f7f7;box-shadow: 0 2px 15px rgba(0,0,0,.1);position: relative;}
.casebox ul li p{width: 100%;position: relative;overflow: hidden;height: 0;padding-bottom: 60%;background: #fff;}
.casebox ul li p img{height: 100%;min-width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.casebox ul li h3{line-height: 30px;padding: 10px;font-size: 15px;font-weight: 600;}

@media only screen and (max-width:1440px){
.casebox{padding: 55px 0;}
.casebox .title{padding-bottom: 30px;}
}
@media only screen and (max-width:1200px){
.casebox{padding: 50px 0;}
.casebox ul{margin: 0 -5px;}
.casebox ul li{width: 33.33%;float: left;padding: 0 5px 10px;text-align: center;}
}
@media only screen and (max-width:1024px){
.casebox{padding: 45px 0;}
.casebox .title{padding-bottom: 25px;}
.casebox .title a{font-size: 30px;}
.casebox .title span{font-size: 13px;}
.casebox ul li h3{padding: 7px;font-size: 14px;}
}
@media only screen and (max-width:768px){
.casebox ul{margin: 0 -2px;}
.casebox ul li{padding: 0 2px 5px;width: 50%;}
}
@media only screen and (max-width:480px){
.casebox{padding: 35px 0;}
.casebox .title{padding-bottom: 20px;}
.casebox .title a{font-size: 24px;}
.casebox .title span{padding: 5px 2% 3px;line-height: 1.5;font-size: 12px;}
.casebox ul li h3{padding: 3px;}
}

/* news */
.newsbox{padding: 60px 0;}
.newsbox .title{padding: 5px 0 30px;line-height: 1;text-transform: uppercase;text-align: center;}
.newsbox .title a{font-size: 36px;font-weight: 600;display: inline-block;}
.newsbox .title span{display: block;color: #808080;padding: 10px;}
.newsbox .title em{color: #d90012;}

.newsbox ul{margin: 0 -1%;}
.newsbox ul li{width: 50%;float: left;padding: 0 1% 5px;}
.newsbox ul li .cont{width: 100%;padding: 10px 5px 10px 100px;color: #666;overflow: hidden;position: relative;}
.newsbox ul li .time{width: 80px;border-right: 1px solid #ddd;text-align: center;line-height: 1;position: absolute;left: 0;top: 10px;}
.newsbox ul li .time p{font-size: 30px;color: #333;padding: 7px 0;}
.newsbox ul li .time span{padding: 3px 0;display: block;white-space: nowrap;}
.newsbox ul li .titl{width: 100%;font-weight: 600;line-height: 20px;}
.newsbox ul li .titl a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .text{height: 44px;line-height: 20px;padding-top: 5px;overflow: hidden;}
.newsbox ul li .text br,
.newsbox ul li .titl em{display: none;}

.newsbox ul li .cont:hover{background: #d90012;color: #fff;}
.newsbox ul li .cont:hover .titl a,
.newsbox ul li .cont:hover .time p{color: #fff;}

@media only screen and (max-width:1440px){
.newsbox{padding: 50px 0;}
.newsbox .title{padding-bottom: 25px;}
.newsbox ul{margin: 0 -.5%;}
.newsbox ul li{padding: 0 .5% 5px;}
.newsbox ul li .cont{padding-left: 90px;}
.newsbox ul li .time{width: 75px;}
}
@media only screen and (max-width:1200px){
.newsbox{padding: 45px 0;}
.newsbox ul li .cont{padding-left: 80px;}
.newsbox ul li .time{width: 70px;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 40px 0;}
.newsbox .title{padding-bottom: 20px;}
.newsbox .title a{font-size: 30px;}
.newsbox .title span{font-size: 13px;}
.newsbox ul{margin: 0 -2px;}
.newsbox ul li{padding: 0 2px;}
.newsbox ul li .cont{padding-left: 73px;}
.newsbox ul li .time{width: 65px;}
}
@media only screen and (max-width:768px){
.newsbox{padding: 35px 0;}
.newsbox ul{margin: 0;}
.newsbox ul li{padding: 0;width: 100%;}
.newsbox ul li .cont{padding-left: 90px;}
.newsbox ul li .time{width: 75px;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 30px 0;}
.newsbox .title{padding-bottom: 15px;}
.newsbox .title a{font-size: 24px;}
.newsbox .title span{padding: 5px 2% 3px;line-height: 1.5;font-size: 12px;}
.newsbox ul li .cont{padding: 2px 0 4px;}
.newsbox ul li .text,
.newsbox ul li .time{display: none;}
.newsbox ul li .titl{position: relative;border-bottom: 1px dotted #ccc;padding: 5px 0 9px 15px;}
.newsbox ul li .titl a{white-space: normal;}
.newsbox ul li .titl em{display: block;position: absolute;left: 0;top: 5px;color: #999;}
.newsbox ul li .titl em svg{font-size: 10px;height: 20px;}
.newsbox ul li .cont:hover{background: #fff;}
.newsbox ul li .cont:hover .titl a,
.newsbox ul li .cont:hover .titl em{color: #d90012;}
}

/* contact */
.contactbox{padding: 70px 0;background: #0053a6 url(../images/bg2.jpg) center no-repeat;background-attachment: fixed;}
.contactbox .title{text-align: center;padding-bottom: 45px;}
.contactbox .title p{padding: 20px 0;position: relative;color: #fff;line-height: 1;}
.contactbox .title span{display: block;width: 30px;height: 1px;background: #fff;position: absolute;left: 50%;top: 0;margin-left: -15px;}
.contactbox .title a{font-size: 36px;font-weight: 600;color: #fff;text-transform: uppercase;letter-spacing: 1px;display: inline-block;}
.contactbox .title em{position: absolute;width: 100%;height: 15px;left: 0;bottom: 0;font-size: 16px;margin-bottom: -2px;}
.contactbox .title em svg{height: 16px;}

.contactbox .w1440{padding-bottom: 5px;color: rgba(255,255,255,.85);}
.contactbox .txtbox{width: 48%;float: left;}
.contactbox .txtbox .tit{float: left;font-size: 24px;line-height: 30px;border-bottom: 1px solid rgba(255,255,255,.5);padding: 15px 0;}
.contactbox .txtbox .txt{width: 100%;padding-top: 20px;float: left;line-height: 25px;}
.contactbox .txtbox .txt p{padding: 5px 0 5px 35px;font-size: 14px;position: relative;}
.contactbox .txtbox .txt p a{color: rgba(255,255,255,.85);}
.contactbox .txtbox .txt p a:hover{color: #fff;}

.contactbox .txtbox .txt p::after{content: "\e654";position: absolute;left: 0;top: 5px;width: 20px;text-align: center;font-size: 18px;}
.contactbox .txtbox .txt p.tel::after{content: "\e6a9";}
.contactbox .txtbox .txt p.fax::after{content: "\e74b";}
.contactbox .txtbox .txt p.mobile::after{content: "\e742";}
.contactbox .txtbox .txt p.email::after{content: "\e69d";}
.contactbox .txtbox .txt p.website::after{content: "\e66a";}
.contactbox .txtbox .txt p.address::after{content: "\e694";}

.orderbox{width: 50%;float: right;}
.orderbox ul{margin: 0 -5px;}
.orderbox ul li{padding: 0 5px 10px;overflow: hidden;float: left;width: 100%;position: relative;}
.orderbox ul li .red{float: left;font-size: 18px;height: 25px;line-height: 32px;padding: 0 5px 0 2px;}
.orderbox ul li .tit{float: left;height: 25px;line-height: 24px;}
.orderbox ul li .txt{width: 100%;height: 40px;overflow: hidden;border: 1px solid rgba(255,255,255,.5);border-radius: 3px;background: rgba(0,35,65,.25);padding: 10px;line-height: 18px;float: left;color: #fff;}
.orderbox ul li img{position: absolute;right: 14px;top: 33px;cursor: pointer;padding: 3px;background: #fff;border-radius: 2px;}
.orderbox ul li.li_1 .txt{height: 120px;}
.orderbox ul li.li_2{width: 50%;}
.orderbox ul li.li_4{padding-top: 10px;}
.orderbox ul li.li_4 p input{display: block;width: 100%;padding: 10px;border-radius: 3px;background: #217dd9;overflow: hidden;line-height: 30px;cursor: pointer;color: #fff;font-size: 15px;font-weight: 600;text-align: center;}
.orderbox ul li.li_4 p:hover input{background: #ffbf00;}

@media only screen and (max-width:1440px){
.contactbox{padding: 60px 0;}
.contactbox .title{padding-bottom: 35px;}
.contactbox .w1440{padding: 0;}
}
@media only screen and (max-width:1200px){
.contactbox{padding: 55px 0;}
.contactbox .txtbox .tit{font-size: 22px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 50px 0;}
.contactbox .title p{padding: 15px 0 17px;}
.contactbox .title a{font-size: 30px;}
.contactbox .title svg{font-size: 14px;}
.contactbox .txtbox{width: 100%;background: rgba(0,35,65,.25);border-radius: 3px;padding: 4% 4% 3%;}
.contactbox .txtbox .tit{font-size: 22px;padding: 0;border: none;}
.orderbox{width: 100%;padding-top: 25px;}
.orderbox ul li.li_4{padding: 20px 0 5px;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 45px 0;}
.contactbox .title{padding-bottom: 30px;}
.contactbox .txtbox .tit{font-size: 20px;}
.contactbox .txtbox .txt{padding-top: 15px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 40px 0;}
.contactbox .title{padding-bottom: 25px;}
.contactbox .title a{font-size: 24px;}
.contactbox .txtbox{background: none;padding: 0 5px 10px;border-bottom: 1px solid rgba(255,255,255,.5);}
.contactbox .txtbox .tit{font-size: 16px;font-weight: 600;}
.contactbox .txtbox .txt{padding-top: 10px;}
.contactbox .txtbox .txt p{padding-left: 25px;}
.contactbox .txtbox .txt p::after{font-size: 16px;}
.orderbox{padding-top: 15px;}
.orderbox ul li{padding-bottom: 5px;}
.orderbox ul li.li_2{width: 100%;}
.orderbox ul li.li_4 p input{padding: 7px;}
}

/* links */
.linkbox{padding: 10px 0;line-height: 30px;}
.linkbox ul{width: 100%;overflow: hidden;padding-left: 85px;position: relative;min-height: 30px;}
.linkbox ul p{position: absolute;left: 0;top: 0;}
.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;}
}

.w1920 .title a:hover{-webkit-animation: headShake .3s ease;animation: headShake .3s ease;}
@-webkit-keyframes headShake{
    0%{-webkit-transform:translateX(0);transform:translateX(0)}
    13%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
    37%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
    63%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
    87%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake{
    0%{-webkit-transform:translateX(0);transform:translateX(0)}
    13%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
    37%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
    63%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
    87%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}