*,html,body,ul,ol{padding: 0;margin: 0;}
ul li,ol li{list-style: none;padding: 0;margin: 0;}
input,textarea,select,button,form{margin:0; padding:0; border:none;}
a,a:hover{text-decoration:none!important;}
a:focus{outline: none!important;}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;font-size:100%;}
img{border: none; vertical-align: middle;}
.w-100{width: 100%;}
.h-100{height: 100%;}
.obj-cover{object-fit: cover;font-family:'object-fit: cover;';}
.content-img img,.content-img table{max-width: 100%!important;height: auto!important;}


.float-left{float: left;}
.float-right{float: right;}

/*header*/
.index-header-top{height: 44px;line-height: 44px;background: url(../images/header-bj.png) repeat-x;}
.header-text{font-size: 14px;color: #a4a4a4;}
.ul_service li{display: inline-block;vertical-align: middle;}
.ul_service li a{color: #babcc7;font-size: 14px;padding: 4px 10px;}
.ul_service li:first-child a{border-right: 1px solid #4c4c4c;}
.ul_service li a img{width: 20px;}
.ul_service li span{border-radius: 50px;padding: 0 12px;height: 28px;line-height: 28px;display: block;background: rgb(255,197,21);}

.site-header .navbar-collapse{padding-right: 0;-ms-overflow-x: hidden;}
.header-casesa{height: 190px;background: url(../images/topbj1.png) no-repeat; background-size: 100% 100%;}
.site-header .navbar-button{margin: 0px;text-align: right;float: right;display: inline-block;}
.site-header .navbar-button>li{margin: 0;padding: 0;vertical-align: top;}
.site-header .navbar-button>li a.btn{margin: 22px 0 22px 10px;}
.site-header .switch-locale{border-radius:0;text-align: center; display: inline-block; position: relative;}
.site-header a{width: 100%;display: block;width: 112px;height: 44px;line-height: 44px;}
.site-header .topmenuon a.zh{color:#3366cc;}
.site-header .navbar-collapse{padding-right: 0;-ms-overflow-x: hidden;}
.site-header .switch-locale .dropdown-toggle,.site-header .switch-locale .dropdown-togglea{color: #2e2f33;font-size: 14px;}
.site-header .switch-locale .topmenuon{color:#35a7ff;width: 100%;height: 100%;}
.site-header .switch-locale:hover .dropdown-toggle,.site-header .switch-locale:hover .dropdown-togglea{color:#3366cc;}

.navbar{padding: 0;margin: 0;}
.navbar .navbar-brand{width: auto;padding: 0;display: inline-block;}
.site-header .navbar-brand img{width: auto;}
.casesa-text span{display: inline-block;vertical-align: middle;}
.brand-title{font-size: 40px;color: #2e2f33;line-height: 1.2;font-weight: bold;}
.brand-text{font-size: 14px;color: #a4a4a4;font-weight: bold;line-height: 2;letter-spacing: 1px;}
.logistics-left{margin-left: 10px;}

@media(min-width: 1021px){
	.casesa{width: 100%;}
	.site-header .navbar-button{padding: 0 2px;}
	.site-header .topmenuon a.zh,.site-header .switch-locale a.zh:hover{background: url(../images/topbj.png) no-repeat;background-size: 100% 100%;font-weight: bold;}
	.navbar .navbar-brand{height: 88px;}
	.site-header .navbar-brand img{height: 88px;}
	.navbar{position: relative;height: 190px;}
	.navbar .casesa-text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
	.navbar-collapse{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
}
@media(max-width: 1230px){
	.header-casesa{height: 140px;}
	.site-header a{width: 88px;height: 32px;line-height: 32px;}
	.navbar .navbar-brand{height: 70px;}
	.site-header .navbar-brand img{height: 70px;}
	.navbar{height: 140px;}
	.brand-title{font-size: 32px;}
	.brand-text{font-size: 12px;}
	.site-header .navbar-button{padding: 0 4px;}
}
@media(max-width: 1020px){
	.index-header-top{display: none;}
	.header-casesa,.navbar{height: auto;}
	.navbar .navbar-brand,.site-header .navbar-brand img{height: 40px;}
	.navbar .casesa-text{width: auto;position: fixed;top: 0;left: 15px;}
	.brand-title{font-size: 18px;margin-top: 8px;}

	.casesa{width: 100%;height:60px;position: fixed;top: 0;left: 0;background: #fff;z-index: 9999;}
	.site-header .switch-locale .dropdown-toggle,.site-header .switch-locale .dropdown-togglea{color: #121212;}
	.site-header .navbar-brand{width: auto;margin: 10px 0 0;}
	.header-search{position: absolute;top: 10px;right: 30px;}
	.search-box{right: -56px;top: 0;width: 280px;}
	.search-box .search{width: 220px;}
	.site-header .switch-locale .dropdown-menu>li>a,.site-header .navbar-header{width: 100%;}
	.site-header.transparent{border-bottom: medium none transparent;-webkit-box-shadow: none;}
	.site-header .navbar-button>li .dropdown-menu a{text-align: center;}
	.site-header .navbar-header .navbar-toggle{margin: 13px 0;padding:0;border: none;transition:none;color: #fff;outline: none;box-shadow: none;border-radius: 0;width: 32px;height: 32px;display: inline-block; background: url(../images/menu.png)no-repeat;background-size: 100% 100%;}
	.site-header .navbar-collapse{margin: 0px -20px; padding: 0; background:#fff;}
	.site-header .navbar-collapse .navbar-button>li{padding: 0;width: 100%;}
	.site-header .navbar-collapse .navbar-button>li>a{margin: 10px auto;padding: 8px 12px;width: 100%;}
	.site-header .navbar-collapse .navbar-button>li>a.login{margin-bottom: 0px;}
	.site-header .navbar-collapse .navbar-button .switch-locale-wrap{text-align: center; border-bottom:1px dashed #ededed;}
	.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale{margin: 0px;padding: 0px; width: 100%;}
	.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-toggle,.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-togglea{height: 40px;line-height: 40px;display: block;width: auto;}
	.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-menu{top: 0px;width: 100%;position: relative;box-shadow: none!important; background-color: transparent;}
	.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-menu>li>a:focus,.site-header .navbar-collapse .navbar-button .switch-locale-wrap .switch-locale .dropdown-menu>li>a:hover{color:#fff;background: #ee3a2c;}
	.site-header .navbar-collapse.collapsing .items-wrap,.site-header .navbar-collapse.in .items-wrap{display: flex; flex-direction: column-reverse;width: 100%;}	
}
/*header end*/


/*banner*/
.slideBox{width:100%;position:relative;overflow:hidden;}
.slideBox .hd ul{width: 100%;bottom: 20px;position: absolute;left: 0;text-align: center;z-index: 1;}
.slideBox .hd li{transition:background 0.5s,opacity 0.9s;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #660000;margin:0 4px;background: #ffffff;display:inline-block;vertical-align: top;position: relative;cursor: pointer;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;overflow:hidden;line-height: 4em;}
.slideBox .hd li.on{background:#660000;opacity: 1;}
.slideBox .bd{position:relative;z-index:0;padding: 0;}
.slideBox .bd li{position:relative;text-align:center;}
.slideBox .bd li img{vertical-align:top; width:100%;}

.slideBox .banner-text{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.delivery{margin: 10px 0;}
.delivery a{display: block;width: 194px;height: 74px;line-height: 74px;font-size: 24px;color: #fff;font-weight: bold;padding: 0 15px;border-radius: 0 10px 10px 0;}
.delivery a img{height: 36px;}
.delivery-1 a{background: rgba(255,197,21,0.8);}
.delivery-2 a{background: rgba(51,102,204,0.8);}
.delivery a:hover{background: rgba(255,255,255,0.8);}

@media(max-width: 1440px){
	.delivery a{width: 160px;height: 50px;line-height: 50px;font-size: 20px;}
}
@media(max-width: 1020px){
	.banner-text{display: none;}
	.banner-top{margin-top: 60px;}
	.slideBox .hd ul{bottom: 0;}
	.slideBox .hd li{width: 12px;height: 12px;margin:0 2px;}
}
/*banner end*/


/*footer*/
footer{background-color: rgb(56,57,61);padding: 20px 0;}
.coyright,.coyright a{color: rgb(118,119,122);line-height: 2;}
.coyright a:hover{color: #fff;}
/*footer end*/


/*回到顶部*/
.return{transition: .8s;-o-transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;z-index: 9999;position: fixed;bottom: 100px;right: 10px;display: none;}
.return .back_return{z-index: 999;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;position: relative;display: block;}
.return .back_return a{display: inline-block;width: 27px;height: 43px;background: url(../images/return.png) -386px 0 no-repeat}
.return .back_return a:hover{background-position: -386px -43px;}

@media(max-width: 768px){
	.return{bottom: 20px;}
}
/*回到顶部 end*/


/*分页*/
.page_list a{display: inline-block;font-size: 12px;color: #888;background: #fff;margin: 2px 0;padding: 2px 7px;border: 1px solid #dcdcdc;}
.page_list a.on,.page_list a:hover{background: rgb(51,102,204);border-color: rgb(51,102,204);color: #fff;}
/*分页 end*/

.wp-online-service-panel-c ul li a,.wp-online-service-panel-c ul li.on a{text-align:left;color:#7d7d7d;height:25px;line-height:25px;display:block;padding:0 8px 0 30px;border-radius: 3px;}
#open{width:200px;height:260px;position: fixed;left: -200px;top: 200px;z-index: 99;}
#open span{position: fixed;left: 0;top: 200px;width: 51px;height: 60px;color: #ffffff;background: url(../images/customerservice31_left.png) no-repeat 0 0;padding-left: 11px;padding-top: 36px;font-family: "宋体";font-size: 12px;z-index: -1;}
.kfmain{width:200px;height:260px;background: url(../images/customerservice3_left.png) no-repeat 0px 0px;position: relative;padding-top: 30px;}
.kfmain .kftext_left{color:#fff;left: 130px;position: absolute;top: 100px;font-family: "宋体";font-size: 12px;z-index: 999;}
.wp-online-service-panel-c ul li{width: 100px;text-align:left;overflow:hidden;margin:5px;margin-bottom:10px;}
.wp-online-service-panel-c ul li a{width: auto;background:url(../images/new_online_2.png) no-repeat 8px 6px;}
.wp-online-service-panel-c ul li.on a{background:url(../images/customer_service_wwout_a.png) no-repeat 8px 6px;}
.wp-online-service-panel-c ul li a:hover{background:url(images/new_online_2.png) no-repeat 8px 6px;}
.wp-online-service-panel-c ul li.on a:hover{background:url(../images/customer_service_wwout_a.png) no-repeat 8px 6px;}
.wp-online-service-panel-c ul li a:hover{color: rgb(255, 255, 255);background: url(../images/customer_service_qqover.png) 8px center no-repeat rgb(18,152,250);}
.wp-online-service-panel-c ul li.on a:hover{color: rgb(255, 255, 255);background: url(../images/customer_service_wwover.png) 8px center no-repeat rgb(18,152,250);}
