@charset "utf-8";
/*@import "fonts.css";*/
/* 初始化 */
html{ overflow-x:hidden; overflow-y:scroll; -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	margin: 0;
	background-color: #F9F9F9;
}
body{ font-family: '微软雅黑', sans-serif; text-align:center; background:none; overflow:visible;
	color: #666666;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
ul{ list-style:none; padding:0px; margin:0px;}
li{ padding:0px; margin:0px; border:0px;}
img{ border:0px; padding:0px; margin:0px;}
a{ text-decoration:none; color:#666666; font-family:'微软雅黑', sans-serif;}
a:hover{ color:#1785C8;}
input{ vertical-align:middle; outline:none; font-family:'微软雅黑', sans-serif;}
input[type="radio"]{ vertical-align:-1px; vertical-align:middle\9; }
.input_txt{ height:18px; height:22px\9; padding-left:1px; padding-top:4px; padding-top:0\9; border:1px solid #B3D0DF; *line-height:22px; }
textarea{ outline:none; font-family:'微软雅黑', sans-serif; resize: none}
p{ margin:0; padding:0;
	line-height:1.6em;
}
form{ padding:0; margin:0;}

/* 常用类 */
.ellipsis{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.inlineBlock{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.opacity{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.clearBoth{clear: both;height:0px;overflow:hidden;}
.breakAll{ word-wrap:break-word; word-break:break-all;}


/* 页码 */
.pageNum{ text-align:center; margin-top: 40px; margin-bottom: 70px;}
.pageNum a{
	display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
	text-decoration:none; text-align:center;
	color: #003872;
	font-family: 'Montserrat', '微软雅黑', sans-serif;
	font-weight: 400;
	font-size: 24px;
	width: 74px;
}
.pageNum a:hover{
	text-decoration: underline;
}
.pageNum a.cur{
	text-decoration: underline;
}

.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;
}

/* 主框架 */
#all{ width:100%; position:relative;}
.w-1000{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#top{
	height: 90px;
	background-color: #FFFFFF;
	border-bottom: 6px solid #009BD8;
	text-align: left;
}

.logo{
	margin-top: 27px;
	background-image: url("../images/logo.png?1");
	width: 205px;
	height: 47px;
	float: left;
}
.top-container{
	float: right;
	margin-top: 10px;
}
.top-ctrl{
	display: inline-block;
	float: right;
}
.search-div{
	display: inline-block;
	background-image: url("../images/search-bg.png");
	width: 189px;
	height: 27px;
	font-size: 0;
	vertical-align: top;
	margin-right: 10px;
}
.search-div .input{
	border: 0;
	background: none;
	height: 27px;
	width: 160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	padding: 0 5px;
}
.search-div .btn{
	border: 0;
	background: none;
	cursor: pointer;
	width: 29px;
	height: 27px;
}
.lang-group{
	display: inline-block;
	vertical-align: top;
}
.lang-group .btn{
	display: inline-block;
	margin-left: 10px;
}
.lang-group .btn.cn{
	background-image:url("../images/china.png");
	width: 40px;
	height: 26px;
}
.lang-group .btn.en{
	background-image:url("../images/usa.png");
	width: 36px;
	height: 27px;
}

.top-menu{
	float: right;
	margin-top: 16px;
}
.top-menu .item{
	float: left;
	position: relative;
	display: block;
	padding: 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
.top-menu .item a{
	color: #000000;
	font-size: 14px;
	text-transform:uppercase;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.top-menu .item a:hover{
	color: #009BD8;
}
.top-menu .item a.active{
	color: #009BD8;
}
.top-menu .item:after{
	position: absolute;
	content: '';
	width: 1px;
	height: 15px;
	background-color: #cdcdcd;
	right: 0;
	top: 50%;
	margin-top: -7.5px;
}
.top-menu .item:nth-last-child(1):after{
	display: none;
}

#foot{
	border-top: 6px solid #009BD8;
	background: #f9f9f9;
	text-align: center;
}
#foot .banner{
	background-image: url("../images/banner.png?4");
	width: 1000px;
	height: 82px;
	margin: 40px 0;
}
#foot .contact-btn-group{
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: 39px;
	width: 1000px;
	padding-bottom: 30px;
}
#foot .contact-btn-group .contact-btn{
	height: 39px;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
#foot .contact-btn-group .contact-btn.facebook{
	background: url("../images/facebook.png") no-repeat;
}
#foot .contact-btn-group .contact-btn.twitter{
	background: url("../images/twitter.png") no-repeat;
}
#foot .contact-btn-group .contact-btn.skype{
	background: url("../images/skype.png") no-repeat;
}
#foot .contact-btn-group .contact-btn.linked{
	background: url("../images/linked.png") no-repeat;
}
#foot .contact-btn-group .contact-btn.yonggu{
	background: url("../images/yg.png") no-repeat;
	background-size: auto 100%;
}
.foot-blue{
	height: 140px;
	background-color: #009BD8;
}
.foot-menu{
	height: 54px;
	line-height: 54px;
	border-bottom: 2px solid #0093CA;
	text-align: center;
}
.foot-menu .item{
	position: relative;
	line-height: 54px;
	padding: 0 20px;
	display: inline-block;
}
.foot-menu .item:after{
	content: '';
	position: absolute;
	right: 0;
	width: 2px;
	height: 18px;
	top: 50%;
	margin-top: -9px;
	background-color: #FFFFFF;
}
.foot-menu .item:nth-last-child(1):after{
	display: none;
}
.foot-menu .item a{
	color: #FFFFFF;
	font-size: 14px;
}

.copy-right{
	padding-top: 30px;
	color: #DDDDDD;
	font-size: 14px;
}

.side-qq-container{
	position: fixed;
	z-index: 99;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	width: 106px;
	overflow: hidden;
}
.side-qq-container .topic{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 42px;
	background-color: #009BD8;
}
.side-qq-container .list{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #E3E3E3;
	border-top: none;
	background-color: #F9F9F9;
	padding: 0 10px;
	padding-bottom: 5px;
	overflow: hidden;
}
.side-qq-container .list .item{
	padding-top: 15px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #e6e6e6;
}
.side-qq-container .list .item:nth-last-child(1){
	border-bottom: none;
}
.side-qq-container .list .item .icon{
	background-image: url("../images/qq.png");
	width: 28px;
	height: 27px;
	margin: 0 auto;
}
.side-qq-container .list .item .name{
	line-height: 36px;
	color: #AAAAAA;
	font-size: 12px;
	font-weight: bold;
}
.side-qq-container .list .close-btn{
	background-image: url("../images/close-btn.png");
	width: 95px;
	height: 34px;
	display: block;
	cursor: pointer;
	margin-left: -5px;
}
.ctrl-bar{
	position: fixed;
	bottom: 10%;
	left: 50%;
	margin-left: 510px;
	z-index: 99;
}
.ctrl-bar .btn{
	margin-top: 5px;
	width: 55px;
	height: 55px;
	display: block;
}
.ctrl-bar .btn.top{
	background-image: url("../images/top-btn.png");
}
.ctrl-bar .btn.home{
	background-image: url("../images/home-btn.png");
}
.ctrl-bar .btn.message{
	background-image: url("../images/message-btn.png");
}
.ctrl-bar .btn.desp{
	background-image: url("../images/desp-btn.png");
}
.ctrl-bar .btn.contact{
	background-image: url("../images/contact-btn.png");
}

.side-contact-container{
	position: fixed;
	bottom: 10px;
	left: 130px;
	z-index: 99;
	width: 270px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #E3E3E3;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #F5F5F5;
	text-align: left;
}
.side-contact-container .topic{
	line-height: 48px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-indent: 10px;
	background-color: #009BD8;
	position: relative;
}
.side-contact-container .close-btn{
	background-image: url("../images/cha.png");
	width: 15px;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7.5px;
	display: block;
	cursor: pointer;
}

.side-contact-container .table{
	padding: 25px 10px;
	display: block;
	text-align: center;
}
.side-contact-container .table tbody{
	display: block;
}
.side-contact-container .table tr{
	display: block;
}
.side-contact-container .table td{
	margin-bottom: 20px;
	display: block;
}
.side-contact-container .table .input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #E3E3E3;
	height: 36px;
	padding: 0 10px;
	background: #FFFFFF;
	font-size: 16px;
}
.side-contact-container .table .text-area{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #E3E3E3;
	padding: 10px;
	background: #FFFFFF;
	font-size: 16px;
	line-height: 1.6em;
	height: 230px;
	resize: none;
}
.side-contact-container .table .btn{
	width: 168px;
	height: 38px;
	line-height: 38px;
	border: 0;
	background-color: #009BD8;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto;
}

.homeSwiper{
	width: 100%;
	height: 390px;
	position: relative;
	border-bottom: 6px solid #009BD8;
}
.homeSwiper a{
	width: 100%;
	height: 100%;
	display: block;
}
.homeSwiper .swiper-pagination{
	position: absolute;
	text-align: center;
	bottom: 17px !important;
}

.homeSwiper .swiper-pagination .swiper-pagination-bullet{
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #CCCCCC;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	width: 11px;
	height: 11px;
	margin: 0 5px;
	cursor: pointer;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.homeSwiper .swiper-pagination .swiper-pagination-bullet-active{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
	background-color: #E00514;
	width: 11px;
	height: 11px;
}

.pd-10{
	padding: 10px 0;
}
.main-side{
	float: left;
	width: 260px;
	text-align: left;
}
.side-container{
	float: right;
	width: 730px;
	text-align: left;
}

.radius-banner{
	width: 260px;
	height: 60px;
	background-color: #009BD8;
	text-indent: 15px;
	line-height: 60px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #ffffff;
	font-size: 20px;
}
.browse-categories-menu{
	position: relative;
	margin-bottom: 25px;
}
.browse-categories-menu .item{
	line-height: 52px;
	border-bottom: 1px dashed #CCCCCC;
	height: 52px;
}
.browse-categories-menu .item a{
	display: block;
	color: #666666;
	font-size: 16px;
	text-indent: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.browse-categories-menu .item a:hover{
	background-color: #CCCCCC;
}
.browse-categories-menu .item a.active{
	background-color: #CCCCCC;
}

.rect-banner{
	width: 260px;
	height: 30px;
	line-height: 30px;
	background-color: #009BD8;
	color: #FFFFFF;
	font-size: 16px;
	text-indent: 15px;
	margin-top: 10px;
}

.hot-seller-menu{
	background-color: #f5f5f5;
	width: 260px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.hot-seller-menu .item{
	margin-bottom: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
}
.hot-seller-menu .item a{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.hot-seller-menu .item .preview{
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	height: 90px;
	margin-left: 5px;

	color: #666666;
	font-size: 14px;
	line-height: 1.6em;
}
.hot-seller-menu .item .image{
	width: 90px;
	height: 90px;
	overflow: hidden;
}
.hot-seller-menu .item .image img{
	width: 100%;
	height: 100%;
	display: block;

	vertical-align: middle;
	object-fit: cover;
}
.hot-seller-menu .item .preview .table{
	display: table;
	width: 100%;
	height: 100%;
}
.hot-seller-menu .item .preview .table .cell{
	display: table-cell;
	vertical-align: middle;
}

.index-large-banner{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 60px;
	line-height: 60px;
	background-color: #E2E2E2;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	text-indent: 20px;
}

.index-product-list{
	width: 750px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 55px;
}
.index-product-list .item{
	float: left;
	width: 230px;
	margin-right: 20px;
  	margin-bottom: 20px;
}
.index-product-list .item a{
	width: 100%;
	height: 100%;
	display: block;
}
.index-product-list .item .image{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 230px;
	/*height: 230px;*/
	overflow: hidden;
	border: 2px solid #EAEAEA;
	position: relative;
}
.index-product-list .item:hover .image{
	border-color: #009BD8;
}
.index-product-list .item .image img{
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: middle;
	object-fit: cover;
}
.index-product-list .item .image .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:rgba(255,255,255,0.5);
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.index-product-list .item .image .overlay .icon{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("../images/yg.jpg?1");
	width: 51px;
	height: 52px;
}
.index-product-list .item:hover .image .overlay{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}

.index-product-list .item .title{
	padding: 10px 5px;
	line-height: 1.2em;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	height: 48px;
	overflow: hidden;
}

.index-product-search{
	background-color: #F5F5F5;
	width: 260px;
	padding-bottom: 20px;
	text-align: center;
}
.index-product-search .example{
	width: 260px;
	display: block;
	margin-top: 20px;
}
.index-product-search .search-ctrl{
	padding-left: 20px;
	padding-top: 20px;
	color: #666666;
	font-size: 14px;
	text-align: left;
}
.index-product-search .search-ctrl .topic{
	color: #666666;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: left;
}
.index-product-search .search-ctrl .input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 106px;
	height: 28px;
	background: none;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	padding: 0 5px;
}
.index-product-search .search-ctrl span{
	padding: 0 5px;
}
.index-product-search .search-ctrl .selector{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 1px solid #999999;
	width: 64px;
	height: 28px;
	padding: 0 5px;
	background: url("../images/selector.png") right center no-repeat;
	background-size: auto 100%;
	margin: 0;
}
.index-product-search .search-ctrl .selector:focus{
	outline: none;
}

.top-banner-img{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.top-banner-img img{
    display: block;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
	height: 260px;
}
.inner-topic{
	line-height: 80px;
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	text-indent: 10px;
}

.nav-label{
	line-height: 36px;
	color: #999999;
	font-size: 16px;
}
.nav-label a{
	color: #999999;
	font-size: 16px;
}
.nav-label .legend{
	color: #0099D8;
}

.text-container{
	text-align: left;
	font-size: 12px;
	color: #666666;
	line-height: 1.6em;
	padding: 25px 10px;
}
.text-container p{
	line-height: 1.6em;
}
.text-container img{
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
}

.text-container .topic{
	padding: 0px 5px;
	padding-top: 15px;
	color: #000000;
	font-size: 20px;
	line-height: 1.2em;
}
.text-container .preview{
	padding: 0px 5px;
	padding-top: 5px;
	color: #999999;
	font-size: 16px;
	line-height: 1.2em;
}

.video-list{
	position: relative;
	width: 729px;
}
.video-list .item{
	float: left;
	width: 235px;
	margin-right: 8px;
	margin-bottom: 28px;
}
.video-list .item a{
	width: 100%;
	height: 100%;
	display: block;
}
.video-list .item .image{
	width: 235px;
	height: 165px;
	position: relative;
	overflow: hidden;
}
.video-list .item .image img{
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: middle;
	object-fit: cover;
}
.video-list .item .image .timer{
	position: absolute;
	line-height: 18px;
	background-color:rgba(0,0,0,0.5);
	padding: 0 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 14px;
	bottom: 8px;
	right: 10px;
}
.video-list .item .image .overlay{
	width: 235px;
	height: 165px;
	background-color:rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.video-list .item .image .overlay .icon{
	background-image: url("../images/play-btn.png");
	width: 42px;
	height: 42px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.video-list .item:hover .image .overlay{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}
.video-list .item .topic{
	line-height: 32px;
	color: #666666;
	font-size: 14px;
}

.social-share{
	margin-top: 10px;
}

.chat-query-btn{
	background-color: #009BD8;
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0 16px;
	cursor: pointer;
	-webkit-text-stroke-width: 0;
}
.chat-query-btn .txt{
	background: url("../images/message.png") left center no-repeat;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding-left: 27px;
}


.productInfo{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 730px;
	padding-top: 10px;
}
.productInfo .l{
	width: 340px;
	position: relative;
}
.productInfo .r{
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.productShow {
	width:340px; height:340px;
	overflow: hidden;
}
.productPicShow{
	width:340px; height:340px;
}
.productPicShow img{
	width: 100%;
	height: 100%;
	display:none;
	object-fit: cover;
	vertical-align: middle;
}
.productPology{ width:340px; height:70px; margin:0 auto; position:relative; overflow:hidden;
	padding-top: 5px;
}
.productPology ul{ position:absolute; top:5px; left:10px; width:1000000px;}
.productPology li{ cursor:pointer; width:70px; height:70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #E8E8E8; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:0 5px; position:relative; background-position:center; background-repeat:no-repeat; margin:0 3px;}
.productPology li:hover{ -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, .8);
	box-shadow:0 0 3px rgba(0, 0, 0, .8); }
.productPology li.cur{ -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, .8);
	box-shadow:0 0 3px rgba(0, 0, 0, .8); }
.productPrevBtn { width:10px; height:70px;
	position:absolute;
	bottom: 0;
	left: 0; background-image:url(../images/prev-btn.png); cursor:pointer;}
.productNextBtn { width:10px; height:70px;
	position:absolute;
	bottom: 0;
	right: 0; background-image:url(../images/next-btn.png); cursor:pointer;}

.product-args{
	padding-left: 15px;
}
.product-args .topic{
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 15px;
}
.product-args .preview{
	line-height: 1.6em;
}

.product-banner{
	line-height: 48px;
	background: #DDDDDD;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-indent: 20px;
	margin-top: 20px;
}
.request-text{
	color: #666666;
	font-size: 16px;
	line-height: 1.2em;
}

.request-table{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 710px;
	border:1px solid #DDDDDD;
	margin-top: 25px;
}
.request-table .table-item{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border-bottom: 1px solid #DDDDDD;
}
.request-table .table-item:nth-last-child(1){
	border: 0;
}
.request-table .table-item .title{
	border-right: 1px solid #DDDDDD;
	color: #000000;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 15px;
	text-align: right;
	background-color: #EEEEEE;
	width: 150px;
}
.request-table .table-item .title.large{
	width: 168px;
}
.request-table .table-item .info{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
}
.request-table .table-item .table{
	display: table;
	height: 100%;
	width: 100%;
}
.request-table .table-item .table .cell{
	display: table-cell;
	vertical-align: middle;
}
.request-table .product-info{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.request-table .product-info .image{
	width: 90px;
	height: 90px;
}
.request-table .product-info .image img{
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: middle;
	object-fit: cover;
}
.request-table .product-info .topic{
	height: 90px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding-left: 5px;
	color: #666666;
	font-size: 14px;
	line-height: 1.6em;
	text-align: left;
}
.request-table .input{
	width: 510px;
	height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 0 10px;
}
.request-table .input.sm{
	width:80px;
	text-align:center;
}
.request-table label{ padding:0 10px;}
.request-table .text-area{
	width: 510px;
	height: 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 10px;
	resize: none;
}
.request-btn{
	margin: 0 auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 180px;
	height: 40px;
	border: 0;
	padding: 0;
	background-color: #009BD8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 35px;
	color: #FFFFFF;
	font-size: 18px;
	cursor: pointer;
}

.qa-list{
	width: 730px;
	position: relative;
}
.qa-list .item{
	width: 730px;
	position: relative;
}
.qa-list .item .head{
	width: 730px;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #EEEEEE;
	background: url("../images/icon-0.png") left center  no-repeat;
	background-position-x: 10px;
	text-indent: 32px;
	color: #333333;
	font-size: 16px;
}
.qa-list .item .head.active{
	background: url("../images/icon-1.png") left center  no-repeat;
	background-position-x: 10px;
}
.qa-list .item .content{
	background: #EEEEEE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 730px;
	padding: 15px;
	color: #666666;
	line-height: 1.6em;
	display: none;
}
.qa-list .item .content p{
	line-height: 1.6em;
}
.qa-list .item .content img{
	max-width: 100%;
}

.down-list{
	width: 720px;
	position: relative;
}
.down-list .item{
	float: left;
	width: 230px;
	margin-right: 10px;
	margin-bottom: 40px;
}
.down-list .item .image{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 230px;
	height: 230px;
	border: 2px solid #EEEEEE;
}
.down-list .item .image img{
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: middle;
	object-fit: cover;
}
.down-list .item .btn{
	margin-top: 10px;
	display: block;
	background: #009BD8;
	line-height: 34px;
	height: 34px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 16px;
}
.contact-info{
	padding-top: 10px;
	color: #666666;
	line-height: 1.2em;
	font-size: 14px;
}
.contact-info p{
	line-height: 1.2em;
}
.contact-info table{
	width: 100%;
}
.contact-info table td{
	padding-top: 15px;
}

.contact-form{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
.contact-form .table-item{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.contact-form .table-item .child{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.contact-form .topic{
	line-height: 40px;
	color: #666666;
	font-size: 14px;
}
.contact-form .input{
	width: 290px;
	height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #BBBBBB;
	background: #ffffff;
	padding: 0 5px;
}
.contact-form .input.max{
	width: 710px;
}
.contact-form .input.min{
	width: 140px;
}
.contact-form .text-area{
	width: 710px;
	height: 140px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #BBBBBB;
	background: #ffffff;
	padding: 5px;
}
.relative{
	position: relative;
}
.contact-form .v-code{
	margin-left: 10px;
	vertical-align: middle;
}

.search-btn{
	margin-left: auto;
	margin-right: auto;
	background: 0;
	border: 0;
	width: 167px;
	height: 38px;
	background-color: #009BD8;
	color: #ffffff;
	margin-top: 34px;
	font-size: 18px;
	cursor: pointer;
	display: block;
}
.search-text{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 15px;
	display: block;
}

.result-list{
	position: relative;
	padding-top: 30px;
}
.result-list .item{
	width: 730px;
	margin-bottom: 40px;
}
.result-list .item a{
	display: block;
	width: 730px;
}
.result-list .item .image{
	display: inline-block;
	width: 140px;
	height: 140px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #e8e8e8;
}
.result-list .item .image img{
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: middle;
	object-fit: cover;
}
.result-list .item .info{
	display: inline-block;
	width: 580px;
	margin-left: 10px;
	vertical-align: top;
	height: 140px;
	overflow: hidden;
}
.result-list .item .info .title{
	color: #000000;
	font-size: 16px;
	line-height: 1.2em;
}
.result-list .item .info .preview{
	color: #333333;
	font-size: 14px;
	line-height: 1.2em;
	margin-top: 10px;
}

.upload-list{
	width: 510px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
.upload-list .item{
	width: 132px;
	height: 132px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}
.upload-list .item img{
	width: 132px;
	height: 132px;
	display: block;
	object-fit: cover;
	vertical-align: middle;
}
.upload-list .item.btn{
	background: url("../images/upload-btn.png");
	background-size: 100% 100%;
}
.upload-list .item input{
	width:100%; height:100%; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; z-index:100; display:block;
	cursor: pointer;
}


.navi{ width:100%; display:block; line-height:60px; color:#666666; font-size:13px; text-align:left; background-color:#FFF;}
.navi a{ float:left; font-size:14px; padding:0 15px; text-align:center; height:60px; display:block; line-height:60px; color: #009BD8;     -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
.navi a.cur{ text-decoration:underline; color:#FFF; background-color:#009BD8}

.news-list{
	position: relative;
	width: 730px;
}
.news-list .item{
	width: 730px;
	background: #FFFFFF;
	height: 160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 20px 15px;
	margin-bottom: 15px;
}
.news-list .item a{
	width: 100%;
	height: 100%;
	display: flex;
}
.news-list .item .image{
	width: 180px;
	height: 120px;
}
.news-list .item .image img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	vertical-align: middle;
}
.news-list .item .info{
	flex: 1;
	height: 120px;
	margin-left: 15px;

}
.news-list .item .info .topic{
	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;
	color: #333333;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: bold;
}
.news-list .item .info .date-time{
	color: #999999;
	font-size: 14px;
	line-height: 1.2em;
	padding: 5px 0;
}
.news-list .item .info .preview{
	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3;

	color: #333333;
	font-size: 14px;
	line-height: 1.2em;
}

.news-topic{
	text-align: center;
	color: #666666;
	line-height: 1.2em;
	font-size: 20px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 25px;
}
.news-date-time{
	padding-bottom: 20px;
	border-bottom: 1px solid #EBEBEB;
	color: #BBBBBB;
	font-size: 14px;
	text-align: center;
}