@charset "UTF-8";

/* ===============================整站通用=============================== */
/* 禁止滑动 */
body.no_rolling{overflow: hidden;}
.warp{max-width: 1200px; margin: auto;}

/* 圆角设置 */
.fillet5{border-radius: 5px;}
.fillet4{border-radius: 4px;}

/* 阴影设置 */
.shadow{border: 1px solid rgba(0,0,0,.03); box-shadow: 0 4px 6px rgba(0,0,0,.05);}


/* 通用下拉选择 */
.upd_choose{position: relative; width: 100px; z-index: 3;}
.upd_choose .general_dup{width: 100%; line-height: 40px; padding: 0 10px; background: #fff; cursor: pointer;}
.upd_choose .general_dup p{/* width: 82%; */ width: calc(100% - 16px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.upd_choose .general_dup p span{margin: 0 0 0 6px; color: #aaa;}
.upd_choose .general_dup i{font-size: 12px; color: #aaaaaa;}
.upd_choose .general_box{position: absolute; left: 0; top: 44px; width: 100%; background: #fff; border: 1px solid #eee; border-radius: 2px; display: none;}
/* .upd_choose .general_box ul{max-height: 180px; overflow: hidden; overflow-y: auto;} */
.upd_choose .general_box li{width: 100%; line-height: 26px; text-align: center; padding: 6px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer;}
.upd_choose .general_box li span{margin: 0 0 0 6px; color: #aaa;}
.upd_choose .general_box li.active{color: #fff; background: #fc4811;}
.upd_choose .general_box li.active:hover{background: #fc4811;}
.upd_choose .general_box li.active *{color: #fff;}
.upd_choose .general_box li:hover{background: #f5f5f5;}




/* =====================通用头部===================== */
.header{position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0; z-index: 10;}
.header .logo{}
.header .logo a{}
.header .logo a img{}
.header .logo a .logo2{display: none;}

.header .btnBox{line-height: 18px; margin: 12px 0 0 30px; color: #fff;}
.header .btnBox i{margin: 0 10px 0 0;}
.header .btnBox a{color: #fff;}
.header .btnBox a:hover{color: #fc4811;}
.header .btnBox p{margin: 0 2px;}

.header .btnBox2{line-height: 18px; margin: 12px 0 0 30px;}
.header .btnBox2 .a1{font-family: Arial; margin: 0 10px 0 0; color: #fd4811;}
.header .btnBox2 .a2{color: #fff;}

.header .nav{margin: 10px 0 0;}
.header .nav>ul{}
.header .nav>ul>li{position: relative; margin: 0 20px;}
.header .nav>ul>li>a{font-size: 16px; color: #fff;}
.header .nav>ul>li>a:hover{color: #fc4811;}
.header .nav>ul>li.active>a{color: #fc4811;}
.header .nav>ul>li .select{position: absolute; top: 40px; left: -30px; width: 160px; padding: 20px 0 0; opacity: 0; visibility: hidden;}
.header .nav>ul>li:hover .select{top: 20px; opacity: 1; visibility: visible;}
.header .nav>ul>li .select:before{position: absolute; left: 38px; top: 6px; border-bottom: 14px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; display: block;}
.header .nav>ul>li .select ul{padding: 10px 0; background: #fff; border-radius: 2px;}
.header .nav>ul>li .select li{padding: 0 20px; border-bottom: 1px solid #efefef;}
.header .nav>ul>li .select li:last-child{border: none;}
.header .nav>ul>li .select li a{line-height: 38px; color: #666666;}
.header .nav>ul>li .select li:hover{background: #f5f5f5;}
.header .nav>ul>li .select li.active{background: #f5f5f5;}
.header .nav>ul>li .select li.active a{color: #fc4811;}

.header.slide{padding: 15px 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.header.slide .logo a .logo1{display: none;}
.header.slide .logo a .logo2{display: block;}

.header.slide .nav>ul>li>a{color: #142947;}
.header.slide .nav>ul>li>a:hover{color: #fc4811;}
.header.slide .nav>ul>li.active>a{color: #fc4811;}

.header.slide .btnBox{color: #142947;}
.header.slide .btnBox i{color: #FC4811;}
.header.slide .btnBox a{color: #142947;}
.header.slide .btnBox a:hover{color: #fc4811;}

.header.slide .btnBox2 .a1{color: #fd4811;}
.header.slide .btnBox2 .a2{color: #142947;}



/* ==============单页banner============== */
.pageBanBox{position: relative;}
.pageBanBox .pageBanBg{width: 100%; height: 520px;}

/* ============================下单============================ */
.serchBox{position: absolute; left: 50%; right: 50%; bottom: 20px; width: 950px; padding: 15px 20px; background: rgba(0, 0, 0, .65); border-radius: 4px; z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.serchBox .Tbox{color: #fff;}
.serchBox .Tbox p{line-height: 20px;}
.serchBox .Tbox .p1{font-size: 12px;}
.serchBox .Tbox .p2{font-size: 16px; margin: 0 20px;}
.serchBox .Tbox p i{font-size: 20px; margin: 0 8px 0 0; color: #fff;}
.serchBox .Tbox p strong{font-family: fantasy; font-size: 20px; color: #fc4811;}

.serchBox .Bbox{margin: 12px 0 0;}
.serchBox .Bbox .term{position: relative; width: calc(100%/4 - 4px); margin: 0 2px;}
.serchBox .Bbox .term input{width: 100%; height: 40px; padding: 0 14px; color: #fc4811; background: #fff; border-radius: 2px;}
.serchBox .Bbox .term2 .code{position: absolute; right: 0; top: 0; width: 100px; line-height: 40px; text-align: center; color: #9198a1; background: #f2f5f9; cursor: pointer;}
.serchBox .Bbox .term2 input{padding-right: 110px;}
.serchBox .Bbox .term4 .upd_choose{width: calc(100% - 84px);}
.serchBox .Bbox .term4 .OrderBtn{width: 80px; line-height: 40px; text-align: center; color: #fff; background: #fc4811; border-radius: 2px; display: block;}

/* ========================面包屑======================== */
.crumb{line-height: 40px; background: #f2f5f9;}
.crumb ul{}
.crumb li{}
.crumb li a{}



/* 通用分页 */
.paging{text-align: center; padding: 50px 0;}
.paging ul{font-size: 16px; line-height: 48px; display: inline-block;}
.paging li{margin: 0 2px; overflow: hidden;}
.paging li a{width: 50px; font-family: Arial; color: #142947; background: #fff; border: 1px solid #ccced1; border-radius: 4px; display: block;}
.paging li.active a{color: #fff; background: #fc4811; border-color: #fc4811;}
.paging li.prev a,.paging li.next a{width: max-content; padding: 0 15px;}
.paging p{color: #142947;}
.paging input{width: 50px; height: 50px; font-family: Arial; text-align: center; margin: 0 4px; color: #fc4811; background: #fff; border: 1px solid #ccced1; border-radius: 4px;}
.paging .btn{padding: 0 20px; margin: 0 0 0 10px; color: #fff; background: #fc4811; border-radius: 4px; display: block;}




/* 热门标签集合 */
.labelBox{margin: 100px 0 30px;}
.labelBox .title{font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 50px; color: #fd4811; border-bottom: 1px solid #F4F4F4;}
.labelBox ul{margin: 20px 0 0;}
.labelBox li{line-height: 26px; margin: 0 20px 0 0;}
.labelBox li a{color: #AAAAAA; display: block;}
.labelBox li a:hover{color: #fd4811;}





/* ================通用底部================ */
footer{padding: 30px 0 50px; background: #2e2d2d;}
footer .topList{padding: 0 0 20px 0; border-bottom: 1px solid #454545;}
footer .topList ul{}
footer .topList li{position: relative; margin: 0 0 0 30px;}
footer .topList li:before{position: absolute; left: -14px; top: 20%; width: 1px; height: 60%; background: #999999; content: ''; display: block;}
footer .topList li:first-child{margin: 0;}
footer .topList li:first-child:before{display: none;}
footer .topList li a{color: #999999;}
footer .topList li a:hover{color: #fc4811;}
footer .infoBox{padding: 0 0 20px 0; margin: 20px 0 0; border-bottom: 1px solid #454545;}
footer .infoBox .l{}
footer .infoBox .l .imgLogo{margin: 0 0 10px; display: inline-block;}
footer .infoBox .l .imgLogo img{opacity: .5;}
footer .infoBox .l p{line-height: 26px;}
footer .infoBox .l p a{color: #999999;}
footer .infoBox .l p a:hover{color: #fc4811;}
footer .infoBox .r{margin: 25px 0 0;}
footer .infoBox .r .tel{}
footer .infoBox .r .tel .p1{}
footer .infoBox .r .tel .p2{font-family: Arial; font-size: 30px; margin: 15px 0 0; color: #cacaca;}
footer .infoBox .r .ewmBox{text-align: center; margin: 0 0 0 30px;}
footer .infoBox .r .ewmBox img{width: 90px;}
footer .infoBox .r .ewmBox p{line-height: 26px; margin: 10px 0 0;}
footer .link{padding: 15px 0 0;}
footer .link .name{line-height: 26px; color: #dcdcdc;}
footer .link ul{}
footer .link li{margin: 0 6px 6px 0;}
footer .link li a{}

footer .linkBox{position: relative; padding: 0 0 0 70px; margin: 20px 0 0;}
footer .linkBox .name{position: absolute; left: 0; top: 0;}
footer .linkBox ul{}
footer .linkBox li{margin: 0 10px 0 0;}
footer .linkBox li a{}





@media only screen and (max-width: 1024px){



}