/**
 * 站点公共CSS
**/

:root {
  --blue: #009ff1;
  --darkblue:#093361;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #E2211C;
  --orange: #E77717;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1D5595;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #E77717;
  --danger: #E2211C;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@font-face
{
font-family: opensans;
src: url(../css/fonts/opensans.ttf); 
}

body {
	font-size: 14px; background-color: #FFFFFF; color: #666666; font-family: Arial, sans-serif,'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica;
}
input {
	font-family: Arial, sans-serif,'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica; 
}

body,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:  Arial, sans-serif,'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica;
	
}
img {border: 0px;outline: none;-webkit-tap-highlight-color: transparent; }

a{
	color:var(--gray-dark);text-decoration: none
}
a:hover {
	color: #009FF1;text-decoration: none
}
.bg-blue {background-color: #009FF1;color: #fff;font-size: 15px;font-weight: 500;}
.hide {
	display:none;
}

.btn-primary{
	background-color:var(--blue);
	border:0;
}
.btn-primary:hover{
	background-color:var(--darkblue);
}

.bg-nav{
	background-color:var(--blue) !important;
	height:10px;
}

.border-primary{
	border-color:var(--blue) !important;
}

.border-dotted{
	border-style:dashed;
}

.text-warning{
	color:var(--warning) !important;
}

.list-group-item.active{
	background-color:var(--orange);
	border-color:var(--orange);
	color:var(--light);
}

.list-group-item.active a{
	color:var(--light);
}

/* 单行省略号 */
.crop-text-1 {
  -webkit-line-clamp: 1;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* 两行省略号 */
.crop-text-2 {
  -webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}


.more{
	font-size:1rem;
	float:right;
}

.hand{
	cursor:pointer;
}

.bg-light-50{
	background-color:rgba(255,255,255,0.5);
}
.border-light-50{
	border-color:rgba(255,255,255,0.5);
}

.page-link{
	color:#767278;
}
.page-item.active .page-link{
	background-color:#009ff1;
	border-color:#009ff1;
}

.page-link:hover {
	color:#009ff1;
}

.contact-book .inp {background-color: #F0F0F0;border-radius: 0px;border: 0px;font-size: 14px;padding: 12px 10px;height: auto;}
.contact-book label {font-size: 16px;}
.item-joinus {border: 1px solid #ccc;padding:30px 20px;margin-top: 15px;position: relative;}
.item-joinus .text {float: left;padding-right: 100px;}
.item-joinus .text h3 {font-size: 18px;font-weight: bold;color: #222;position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.item-joinus .text h3::before {display: block;content: "";height: 2px;width: 50px;position: absolute;left: 0;bottom: 0;background-color:#009FF1;}
.item-joinus .pic {width: 60px;text-align: center;position: absolute;right: 20px;}

.content-news h1 {font-size: 30px;padding-bottom: 20px;}
.about-left {padding-right: 40px;padding-top: 30px;}
.about-right {padding-left: 40px;padding-top: 40px;}
.about-name p {font-size: 26px;color: #999;}
.about-name h3 {font-size: 30px;color: #222;font-weight: bold;padding-bottom: 20px;}
.about-name span {display: block;background-color:#009FF1;width: 100px;height: 4px;}
.about-bg {padding: 120px 0;}
.about-lc ul {position: relative;z-index: 1;}
.about-lc ul:before {display: block;content: "";width: 100%;height: 1px;left: 0;top: 50%;margin-top: -1px; transform: translateY(-50%);position: absolute;background-color: #fff;z-index: -1;}
.about-lc ul li {width: 25%;float: left;text-align: center;color: #fff;font-size: 18px;font-weight: bold;}
.about-lc ul li h3 {font-size: 18px;font-weight: bold;}
.about-lc ul li span {display: block;width: 26px;height: 26px;border-radius: 50%;background-color: #fff;margin: 30px auto;}
.about-lc ul li:nth-of-type(even)  span {background-color: #FFF0B9;}

.swiper-aboutimg {margin-left: -40px;margin-right: -40px;}
.swiper-aboutimg .swiper-slide {transition: 300ms;transform: scale(0.8);}
.swiper-aboutimg .swiper-slide-active,.swiper-aboutimg .swiper-slide-duplicate-active{ transform: scale(1);}

footer{
  background-color: #353638;
  line-height: 28px;
  color: #fff;
}


footer ul,footer ol{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

footer ul li,footer ol li{
	font-size: 12px;
}

select + select{
	margin-top:0.5em;
}

select + input{
	margin-top:0.5em;
}

footer h4 {
	font-size: 14px; padding-bottom: 10px; font-weight: 600; text-transform:uppercase;
}

.foot-navs {
	float: left;
	margin: 0 40px 0 30px;
}

.nvabox {
	
}

.tags a{white-space:nowrap; background-color: #F5F5F5;display: inline-block; padding: 0 5px; font-size: 12px; margin-top: 4px;}
.tags a:hover { color: #FFFFFF; background-color: #007FFF;}

.foot-contact {
   font-size: 12px;
   
}

.foot-contact h6 {
	font-size: 14px;
	padding-bottom: 10px;
}
.foot-contact img {
	height: 58px;
	margin-bottom: 20px;
}
.foot-bg {padding: 20px 0;line-height: 30px;}
.foot-bg a {color: #fff;}
.payment-card-bottom img {
	margin: 10px 5px 0 0;
}

/* 独立页面样式 */
.l-height{
	line-height:170%;
}


.content{ line-height:170%;font-size:1.1em;font-weight:500; padding-top: 50px; padding-bottom: 50px;}
.content h3 {margin-bottom: 1.5em; font-size: 20px; line-height: 30px; color:#000000; font-weight: 600;}
.content p{ margin-bottom:1em;}
.content img {max-width: 100%;}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}

/* 管理员回复评论信息 */
fieldset.admin-reply{
	border:1px solid #ccc;
	padding:0.5em;
}
fieldset.admin-reply legend{
	width:auto;
	padding:0 0.5em;
	font-size:1em;
}

fieldset.admin-reply + fieldset.admin-reply{
	margin-top:1em;
}


/* 产品属性 */
div.attr{border:1px solid #ccc;margin-bottom:5px;line-height:26px;padding:3px 10px;cursor:pointer;}
div.attr.selected{border:1px solid var(--orange);background-color:var(--orange);color:var(--white);}

ul.radio li label{
	padding:0.25em 1em;
}

ul.radio li label input[type=radio]{
	margin-left:-1em;
	margin-top:0.1em;
}

header .topnav{
	line-height: 30px;
	font-weight: bold;
	font-size: 13px;
    background:#4b4e53;
    color:var(--white);
}
header .topnav a{
    color:var(--white);
}

header .menu a{
	font-size:1.2rem;
	color:var(--dark);
}

.headnav{
	background:#fff;
	background:relative;
	width:100%;
	margin:0 auto;
}

.index-search{
	background:var(--primary);
	padding:1em 0;
	color:var(--white);
}

.index-search a{
	color:var(--white);
}

.index-search .bg-orange{
	background-color:var(--orange);
	border-color:var(--orange);
}

.index-search .bg-orange:hover,.index-search .bg-orange:active{
	background-color:var(--orange);
	border-color:var(--orange);
}

.tab-pane img{
	max-width:100%;
	height:auto !important;
}