html {font-size: 62.5%;}
body{
	font-family:'Arial','微软雅黑';
	font-size: 1.4rem;
	color: #666666;
    background-color: #ffffff;
}
img { max-width:100%; max-width:100%}
body,ul,li {margin:0;padding: 0;list-style-type: none;}
a{color: #ccc;text-decoration:none;}
a:hover {color:#fff;}
@media (min-width:768px) {
	header,footer,section {min-width:1140px;}
}
/*头部导航CSS*/
#header.topbg {background-color:#11141b;}
#header .logo-svg {max-height:76px; max-width:352px;}
#header .logo .row {margin-top: 18px; margin-bottom: 18px;}
#header .logo .tel {font-size: 2.5rem;font-weight: bold;color:#fff; display: block; padding-top: 10px;}
#header .logo .email,
#header .logo .skype {font-size: 1.4rem;line-height: 20px;}
#navlist nav {background-color:#1a1e28; padding:14px 0;}
#navlist nav .mainnav ul li {display: inline-block; padding:0 35px; text-align: center; font-size: 1.4rem; color: #322e2e; border-right: 1px solid #434957;line-height: 26px;}
#navlist nav .mainnav ul li a.active,#header .mobile-nav li a.active {color: #11141b;font-weight: bold;}
#navlist nav .search select,
#navlist nav .search input.keyword {width: 180px;height: 27px;border: 1px solid #c5c5c5; line-height: 27px; text-indent: 5px;}
#navlist nav .search input.submit {display: inline-block; width: 40px;height: 28px; background: url('../images/bg.png') left top no-repeat; border: none; overflow: hidden; text-indent: 99px;}
#home-banner { height:100%;position: relative;}
.swiper-home-banner-mo,.swiper-home-banner{ position:relative;overflow: hidden; width:100%;}
.swiper-home-banner {height:100%;}
.swiper-pagination-bullet-active {background: #FFFFFF;}

#product-group {padding:45px 0; font-size: 1.7rem;}
#product-group li {display:block;float:left;line-height: 46px;padding-right: 53px;}
#product-group li:last-of-type {padding:0;}
#product-group li a:before {content:"";display: inline-block; width: 46px; height: 46px; background:url('../images/bg.png') left -35px no-repeat;float: left;margin-right: 10px;}
#product-group li a:hover:before {background-position: left -87px;}

#product-list .product-list {overflow: hidden;position: relative;}
#product-list .product-list .swiper-pagination{ position:relative; height:6px; margin-bottom:10px; border:1px dashed #dddddd;}
#product-list .product-list .swiper-pagination span {background: #11141b;display: block;height: 4px;left: 0; position: absolute;width: 100px;}
#product-list .product-list .swiper-slide {width: 20%;text-align: center; float:left;}
#product-list .product-list .swiper-slide img {border:1px solid #c5c5c5; display: block; margin:0 auto 10px; max-width:100%;}
#product-list .pro-title {font-size: 2.4rem; color: #000;}
#product-list .swiper-container-horizontal>.swiper-pagination-progress {border: 1px #c5c5c5 dashed;background: none;position: static;margin-bottom: 25px;}
#product-list .swiper-pagination-progress .swiper-pagination-progressbar {height: 4px;top: -1px; background: #0265a6;}
#product-list .swiper-button-next, .swiper-button-prev,#product-list .swiper-button-next-mo, .swiper-button-prev-mo  {display: block; width: 19px;height: 18px;right: 0; background: url('../images/bg.png'); top: 12px; margin-top: 0; position:absolute; cursor:pointer;}
#product-list .swiper-button-next,#product-list .swiper-button-next-mo {background-position: left -161px;}
#product-list .swiper-button-prev,#product-list .swiper-button-prev-mo {background-position: left -142px;right: 20px;}
.pagination-mo,
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}




#about-us {margin:60px 0 100px;}
#about-us h2 { display:block; font-size:3.7rem; line-height:40px; text-align:center; color:#11141b; margin:0 0 30px; font-weight:bold;}
#about-us h2:after,
#about-us h2:before { content:""; width:22px; height:20px; display:inline-block; background:url(../images/bg.png) left -182px; margin:0 30px;}
#about-us p { font-size:1.4rem; color:#666; line-height:20px;}
#about-us p a { color:#11141b}

#footer { background-color:#1a1e28; padding:70px 0 70px; border-bottom:60px solid #11141b}
#footer ul { display:inline-block;}
#footer ul li { display:inline-block; border-right:1px solid #2c323f; padding:0 10px}
#footer .bottom-nav { margin-top:20px;}
#footer .copyright { color:#999; line-height:35px;}
#footer .copyright a {color:#999;text-decoration: underline blink}
.owl-theme .owl-controls { position: absolute; bottom: 0; width: 100%;}
.owl-theme .owl-controls .owl-page span { background:#ffffff;}

@media (max-width:767px) {
	.row {margin-left:0; margin-right:0; position:relative;}
	#about-us {margin:25px 0 35px;}
	#about-us h2 {font-size:2.7rem; text-align:left;margin-bottom:10px;}
	#about-us h2:after, #about-us h2:before {display:none;}
	#footer ul li { display:block; float:left; width:33.333%; text-align:left; border:none; line-height:25px; padding:0;}
	#footer .copyright { line-height:20px;}
	#header .mobile-nav { position: absolute;z-index: 99;width: 100%;background: #fff;top: 100%;right: -15px;box-shadow: 0px 6px 6px #ccc;}
	#header .mobile-nav li { text-align: center;line-height: 20px;font-size: 1.4rem;border-bottom: 1px dashed #c5c5c5; padding: 15px 0;}
	#header .mo-nav-btn {text-align: right;font-size: 1.6rem;color: #fff;position: absolute;right: 0;top: 50%;margin-top: -13px;}
	#header .logo-svg {max-width:245px;}
}
#product-list .pro-left {padding-left:15px; padding-bottom:70px;}
#product-list .sort li a.sort-t{  
    display: block;
    line-height: 60px;
    padding-left: 30px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
#product-list { margin-top:30px}
#product-list .subb li { line-height:30px; padding-left:15px;}
#product-list .pro-right .pro-title {font-size: 1.8rem; color: #11141b;line-height: 49px;padding-top: 30px;border-bottom: 1px solid #ddd; padding-left: 15px; background:#fff;}	
#product-list .pro-right .pro-list ul { overflow:hidden;}
#product-list .pro-right .pro-list li { padding:5px; margin:10px 0; text-align:center;}	
#product-list .pro-right .pro-list li span { display: block;overflow: hidden; height: 20px;white-space: nowrap;text-overflow: ellipsis;}	
#product-list .pro-right .pro-list li img { display:block; margin:0 auto 10px; max-width:100%;border: 1px solid #ddd;}	
#product-list .pro-right .page-list p { text-align:center;}
#product-list .pro-right .page-list font,
#product-list .pro-right .page-list b,
#product-list .pro-right .page-list a {border: 1px solid #ddd;padding: 2px 5px;font-size: 1.2rem;color: #999; display:inline-block; text-transform:uppercase;}	
#product-list .pro-right .page-list b { color:#11141b;}	
#product-list .fenlei-btn {font-size: 2rem;line-height: 40px;background: #11141b;color: #fff;text-align: center;margin: 0px -50px;}	
@media (max-width:767px) {
	#product-list { margin-top:0;}
	#product-list .pro-left {padding:0; position:relative;}
	#product-list .pro-left .list-left-nav { position: absolute;z-index: 9;width: 100%;background-color: rgb(255, 255, 255); display:none;}
}
#product-list .about-us {padding:15px;}
#product-list .about-us img { margin-bottom:15px;}
#product-list .about-us p { line-height:24px;}
@media (max-width:767px) {
	#product-list .about-us {padding:15px 0;}
}	
#product-list .feed-back { padding-top:15px; padding-right:15px; padding-bottom:80px; padding-left:15px;}
#product-list .feed-back li { padding:5px 0; overflow:hidden;}
#product-list .feed-back .text-right { padding-right:10px;}
#product-list .feed-back .feed-btn {padding: 6px 37px;border: 1px solid #11141b;color: #fff;background: #1a1e28; font-size: 14px;margin-right: 10px;}
#product-list .feed-back .feed-btn:hover { color:#fff; background:#434957}
#product-list .feed-back font { padding-left:5px;}
@media (max-width:767px) {
	#product-list .feed-back .text-right { text-align:left;}
}	
#product-list .product-detail { padding:15px;}
#product-list .product-detail .product-title { font-size:18px; color:#11141b; line-height:70px;}
/*#product-list .product-detail img { border:1px solid #ddd;}*/
#product-list .product-detail .product-feed { width:570px; margin:10px auto 40px; background-color:#f5f7fa; overflow:hidden;}
#product-list .product-detail .product-feed .product-f-btn { width:237px; border-right:2px solid #fff; float:left;}
#product-list .product-detail .product-feed .product-f-btn a { display:block; margin:20px auto; width:176px; line-height:40px; background-color:#ff7519; font-size:18px; text-align:center; color:#fff;}
#product-list .product-detail .product-feed .pro-f-skpe { width:333px; float:left; padding:20px 0;}
#product-list .product-detail .product-feed .pro-f-skpe a.con-us { display:inline-block; width:174px; border:1px solid #ff7519; line-height:40px; text-align:center; color:#ff7519; background-color:#fff0e5;}
#product-list .product-detail .product-feed .pro-f-skpe a.con-us span {margin-right:5px;}
#product-list .product-detail .product-feed .pro-f-skpe a.chat-now { display:inline-block; line-height:40px; color:#11141b;}
#product-list .product-detail .product-feed .pro-f-skpe a.chat-now span { width:25px; height:25px; background:url(../images/bg.png) no-repeat left -209px; display:block; float:left; margin:7px;}
@media (max-width:767px) {
	#product-list .product-detail { padding:0;}
	#product-list .product-detail .product-title { font-size:16px; color:#11141b; line-height:20px; margin:15px 0;}
	#product-list .product-detail .product-feed {width:100%;}
	#product-list .product-detail .product-feed .product-f-btn,
	#product-list .product-detail .product-feed .pro-f-skpe {width:50%; border:none;}
	#product-list .product-detail .product-feed .product-f-btn a,
	#product-list .product-detail .product-feed .pro-f-skpe a.con-us {width:80%;}
	
}
.page-list { padding:30px 0;}