﻿.logo h1{max-width:100%; max-height:100%;}
.csxww_responsive_header{width:100%;display: none;}
.csxww_responsive_header .header{position:fixed; top:auto; left:0; width:100%; height:50px; padding:0 10px; background:#fff; border-bottom:1px solid #ddd;z-index:9999;max-width: 991px;box-sizing: border-box;}
.csxww_responsive_header .header .logo{float:left; width:50%; padding:10px 0; overflow:hidden; font-size: 0;}
.csxww_responsive_header .header .logo img{max-height:30px;}
.csxww_responsive_header .header .func{float:right; width:50%; margin-top:12px; text-align:right; padding-right:8px; box-sizing:border-box;}
.csxww_responsive_header .header .func .btn:first-child{margin-left:0;}
.csxww_responsive_header .header .func .btn{display:inline-block; vertical-align:middle; height:40px; line-height:40px; margin-left:10%; cursor:pointer;}
.csxww_responsive_header .header .func .language_btn{font-size:20px;font-family: "Arial";}
.csxww_responsive_header .header .func .search_btn{width:23px; height:23px; background:url(../image/search_btn1.png) no-repeat center center / 100%;}
.csxww_responsive_header .header .func .member_btn{width:23px; height:23px; background:url(../image/account_btn.png) no-repeat center center / 100%;}
.csxww_responsive_header .header .func .menu_btn{width:23px; height:23px; background:url(../image/menu_btn.png) no-repeat center center / 100%;}
.csxww_responsive_header .header .func .menu_btn.on{background:url(../image/close_btn.png) no-repeat center center / 80%;}
.csxww_responsive_header .header .func .cart_btn{width:23px; height:23px; background:url(../image/cart_icon.png) no-repeat center center / 100%;}
.csxww_responsive_header .nav{position:fixed; top:0; right:-75%; display:block; width:75%; height:100%; margin:0; z-index:10001; overflow-y:scroll; overflow-x:hidden; background:url(../image/header_bg.png) repeat-x top center #fff; margin-top:50px;}
.csxww_responsive_header .nav.on{right:0;}
.csxww_responsive_header .nav .list{margin:0 5%; border-bottom:1px solid #ddd;}
.csxww_responsive_header .nav .list .title_out{display:block; width:100%; height:60px; line-height:60px; font-size:16px; text-decoration:none; color:#333;}
.csxww_responsive_header .nav .list .title_out .title_name{height:60px; line-height:60px; float: left;width: calc( 100% - 20px ); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.csxww_responsive_header .nav .list.has_sec .title{height:60px; line-height:60px; float:right; width:20px; height:100%; background:url(../image/icon_pic_next.png) no-repeat center / 40%;}
.csxww_responsive_header .nav .list:last-child{margin-bottom:50px;}
.csxww_responsive_header .nav .sub{display:none;}
.csxww_responsive_header .nav_bg.on{position:fixed; top:51px; right:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9990;}
.csxww_responsive_header .son_nav{position:fixed; top:0; right:-75%; display:block; width:75%; height:100%; margin:0; z-index:10001; overflow-y:scroll; overflow-x:hidden; background:url(../image/header_bg.png) top center no-repeat #fff; margin-top:51px; border-top:1px solid #ddd;}
.csxww_responsive_header .son_nav .item{margin:0 4%; border-bottom:1px solid #ddd;}
.csxww_responsive_header .son_nav .item .son_nav_title_out{display:block; height:60px; line-height:60px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration:none;}
.csxww_responsive_header .son_nav .item .son_nav_title_out .son_nav_title_name{float: left;width: calc( 100% - 20px ); white-space:nowrap; overflow:hidden; text-decoration:none;}
.csxww_responsive_header .son_nav .item .son_nav_title{display:block; height:60px; line-height:60px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration:none;}
.csxww_responsive_header .son_nav .item a i{float:right; width:20px; height:60px; background:url(../image/icon_pic_next.png) no-repeat center / 40%;}
.csxww_responsive_header .son_nav .item .son_nav_title.on i{margin-right:5%; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.csxww_responsive_header .son_nav .item:last-child{margin-bottom:50px;}
.csxww_responsive_header .son_nav.on{right:0;}
.csxww_responsive_header .son_nav .cate_close{width:100%; text-align:left;}
.csxww_responsive_header .son_nav .cate_close span{display:inline-block; width:16px; height:16px; background:url(../image/icon_pic_prev.png) no-repeat center center / 50%; margin:15px 0 15px 4%;}
.csxww_responsive_header .son_nav .third_nav{display:none;}
.csxww_responsive_header .son_nav .third_nav a{display:block; height:44px; line-height:44px; font-size:16px; border-top:1px solid #ddd; text-indent:20px; color:#888;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration:none;}
.csxww_responsive_header .son_nav .third_nav .fouth_cate a{font-size: 13px;text-indent: 30px;height: 30px;line-height:30px;border-top: 1px dashed #e8e8e8;}
.csxww_responsive_header .language{position:fixed; top:0; right:-100%; display:block; width:100%; height:100%; background:white; margin:0; z-index:10001; overflow-y:scroll; overflow-x:hidden;}
.csxww_responsive_header .language.on{right:0;}
.csxww_responsive_header .language .close_btn{text-align:right;}
.csxww_responsive_header .language .close_btn span{display:inline-block; width:20px; height:20px; margin:14px 0; background:url(../image/close_btn.png) no-repeat center center / 80%; margin-right:5%;}
.csxww_responsive_header .language .content{background:url(../image/header_bg.png) repeat-x center top;}
.csxww_responsive_header .language .list{height:60px; line-height:60px; margin:0 5%; border-bottom:1px solid #ddd; text-align:center;}
.csxww_responsive_header .language .list a{display:inline-block; width:100%; font-size:18px;}
.csxww_responsive_header .currency_sub{position:fixed; top:0; right:-100%; display:block; width:100%; height:100%; background:white; margin:0; z-index:10001; overflow-y:scroll; overflow-x:hidden;}
.csxww_responsive_header .currency_sub.on{right:0;}
.csxww_responsive_header .currency_sub .close_btn{text-align:right;}
.csxww_responsive_header .currency_sub .close_btn span{display:inline-block; width:20px; height:20px; margin:14px 0; background:url(../image/close_btn.png) no-repeat center center / 80%; margin-right:5%;}
.csxww_responsive_header .currency_sub .content{background:url(../image/header_bg.png) repeat-x center top;}
.csxww_responsive_header .currency_sub .list{height:60px; line-height:60px; margin:0 5%; border-bottom:1px solid #ddd; text-align:center;}
.csxww_responsive_header .currency_sub .list a{display:inline-block; width:100%; font-size:18px;}
.csxww_responsive_header .resp_search_box{position:fixed; top:0; right:-100%; width:100%; z-index:10001;background: #fff;}
.csxww_responsive_header .resp_search_box.on{right:0;}
.csxww_responsive_header .resp_search_box .close_btn{float:right; width:calc(100% - 180px); text-align:right; background:#fff; padding-right:10px;}
.csxww_responsive_header .resp_search_box .close_btn span{display:inline-block; width:20px; height:20px; margin:13px 0; background:url(../image/close_btn.png) no-repeat center center / 80%;}
.csxww_responsive_header .resp_search_box .search_form{position:relative; width:100%; height:60px; line-height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.csxww_responsive_header .resp_search_box .search_form input[name=Keyword]{width:80%; height:100%; margin-left:5%; border:none; font-size:16px; color:#c8c8c8; outline:none;}
.csxww_responsive_header .resp_search_box .search_form input[type=submit]{position:absolute; top:0; right:5%; width:41px; height:100%; background:url(../image/search_btn1.png) no-repeat center center / 50%; border:none; outline:none;}
.csxww_responsive_header.header_blank{height:50px;}

@media screen and (max-width: 768px){
	.foot_share .foot_share_box{margin-right: 5px;}
	.foot_share .foot_share_box:last-child{margin-right: 0;}
}

@media screen and (max-width: 991px) {
	.video_con .video_con_in{width: 90%; max-height: 80%;}
}

@media screen and (max-width: 500px){
	.global_shopping_cart_bg{right: 300px;}
	.global_shopping_cart_box{width: 270px;padding: 0 15px;}
	.global_shopping_cart_box .cart_foot:before{width: calc(100% + 30px);}
	.global_shopping_cart_box .cart_close{font-size: 22px;}
	.global_shopping_cart_box .cart_list{margin-right: -15px; width: 100%;}
	.global_shopping_cart_box .cart_list::-webkit-scrollbar{width: 2px;}
	.global_shopping_cart_box .c_img{width: 56.25px;min-height: 56.25px;max-height: 70px;}
	.global_shopping_cart_box .c_info{width: calc(100% - 56.25px); box-sizing: border-box;}
	.global_shopping_cart_box .cart_item{margin-bottom: 15px;padding-bottom: 15px;}
	.global_shopping_cart_box .cart_item:first-child{padding-top: 15px;}
	.global_shopping_cart_box .cart_foot{padding-bottom: 15px;}
}

@media screen and (max-width: 500px){
	.global_bom_box_bg{right: 300px;}
	.global_bom_box{width: 270px;padding: 0 15px;}
	.global_bom_box .cart_bom_foot:before{width: calc(100% + 30px);}
	.global_bom_box .cart_bom_close{font-size: 22px;}
	.global_bom_box .cart_bom_list{margin-right: -15px; width: 100%;}
	.global_bom_box .cart_bom_list::-webkit-scrollbar{width: 2px;}
	.global_bom_box .c_img{width: 56.25px;min-height: 56.25px;max-height: 70px;}
	.global_bom_box .c_info{width: calc(100% - 56.25px); box-sizing: border-box;}
	.global_bom_box .cart_bom_item{margin-bottom: 15px;padding-bottom: 15px;}
	.global_bom_box .cart_bom_item:first-child{padding-top: 15px;}
	.global_bom_box .cart_bom_foot{padding-bottom: 15px;}
}
