@charset "utf-8";
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, cite, code, del, dfn, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead,figure{
	font-size:14px;
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
	line-height:1.42;
}
p{
	padding: 0;
	margin: 0;	
}
body{
	font-family: "Open Sans", sans-serif, 'HelveticaNeue', 'Helvetica Neue', Helvetica; 
	color:#000;
	background-color: #ffffff;
}
ul,li,ol {
	list-style: none;
	background: transparent;
	margin-bottom:0;
}
a{
	text-decoration: none;
	color: #000;
}
a:hover{
	color: #e64545;
	text-decoration: none;
}
a,button,input{ 
	outline: none;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
textarea{
	resize: vertical;
}
.alignleft {
	display:inline;
	float:left;
	margin-right: 2em;
	margin-bottom: 2em;
}
.alignright {
	display:inline;
	float:right;
	margin-right: 2em;
	margin-bottom: 2em;
}
.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
embed,
iframe,
object {
  max-width: 100%;
  margin:20px auto;
  display:block;
}
table{
  margin:15px auto;
  border-collapse:collapse;
  border:1px solid #aaa;
  width:100%;
}
table th {
    vertical-align: middle;
    padding: 20px;
    background-color: #ea5504;
    border: 1px solid #dcdcdc;
    text-align: left;
    color: #fff;
    font-size: 18px;
	font-weight: 400;
}
table td {
	vertical-align: middle;
    padding: 15px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}
table tr:nth-child(odd) {
  background-color:#F5F5F5;
}
table tr:nth-child(even) {
  background-color:#fff;
}
.f1f1f1{
	background-color:#f1f1f1 !important;
	}
#header{
	position:relative;
}
.header-logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
	z-index: 99;
    position: relative;
}
.header-logo>a {
	height: 80px;
}
.header-logo img {
    max-height: 87px;
 /*max-height: 60px;*/
}
.header-logo h2 {
    font-size: 18px;
    font-weight: 600;
	color: #333;
}
.header-logo h1,.header-logo h3 {
    font-size: 18px;
    color: #333;
}
.header-right{
	height: 80px;
}
.header-right .call a{
	display:block;
	color:#fff;
	background-color: #e64545;
    height: 40px;
    padding: 10px 20px;
}

.search-con input{
    color: #333;
    border: 1px solid #c2c7cc;
	border-right: none;
    width: 200px;
    float: left;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
}
.search-con button{
	float:right;
    border: none;
    width: 60px;
    height: 40px;
    background: #222222;
    color: #fff;
    text-align: center;
    line-height: 36px;
	font-size: 20px;
}
.header-menu{
	background-color: #222;
}
.header-menu>ul>li{
	float:left;
	position:relative;
}
.header-menu>ul>li.current-menu-item,.header-menu>ul>li:hover {
    background-color: #393939;
}
.header-menu>ul>li>a{
    display: block;
    padding: 0 30px;
    color: #fff;
    line-height: 50px;
}

.sf-menu ul {
	position: absolute;
	width: 200px;
	display: none;
	z-index: 9999;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	top:100%;
}
.sf-menu ul li {
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
	z-index: 9999;
	line-height: 1.4;
}
.sf-menu ul li:last-child{border-bottom: none;}
.sf-menu ul li a {
	display: block;
	border: none;
	padding: 10px 20px;
}
.sf-menu ul li:hover {
	background-color:#e64545;
}
.sf-menu ul >li:hover>a{color:#fff !important;}
.sf-menu ul ul {
	top: 1px;
	left: 100%;
}
.sf-menu li li ul {
	margin-top: -1px;
}
.main{
	background: #f5f7fa;
}
.subheader{
	position: relative;	
	}
#slider-home{
    display: block;
    overflow: hidden;
    position: relative;
	}
#slider-home .swiper-pagination{
    position: absolute;
    bottom: 20px;
    width: 100%;
}
#slider-home .swiper-pagination-bullet {
    width: 50px !important;
    height: 6px !important;
    background: #ffffff !important;
    margin:10px !important;
    display: inline-block !important;
    opacity: 0.4 !important;
	border-radius: 5px!important;
}
#slider-home .swiper-pagination-bullet-active{
	opacity: 1 !important;
	background: #DF0024 !important;
}	
.subheader .text{
	max-width:800px;
}
.subheader .text h1{
	font-weight: 600;
    font-size: 30px;
	line-height:1.42;
}
.subheader p{
	font-size:16px;
	line-height:1.42;
}
#slider .text h2{
	font-size:28px;
	color:#fff;
	line-height:1.42;
}
#slider .text h1{
	font-size:28px;
    margin-left: auto;
    margin-right: auto;
	padding:0 15px;
}
#slider .text p{
	font-size:18px;
	line-height:1.42;
}
.section-head h2{
	position: relative;
    font-size: 24px;
	font-weight: bold;
}
.section-head h2:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 6px;
    width: 80px;
    background-color: #e64545;
    border-radius: 3px;
}
.section-head >p {
    max-width: 90%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.42;
    color: #888;
	font-size:16px;
}
.text-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pro-con ul li .box{
	display: block;
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.2);
}
.pro-con ul li .box:hover{
    box-shadow: 0 0 1.5em rgba(0,0,0,.2);
}
.pro-con ul li .box .text p{
	font-size:16px;
	color:#333;
	font-weight: bold;
}
.pro-con ul li .box .text h3{
	font-size: 16px;
	text-align: center;
}
.pro-con .btn-action a {
    background-color: #e6ecf2;
    display: block;
    text-align: center;
    color: #222;
    border: solid 1px #ced3d9;
    background-color: #f5f7fa;
    padding: 0 15px;
    border-radius: 3px;
    height: 36px;
    line-height: 34px;
}
.pro-con li:hover .btn-action a{
    background-color: #e6ecf2;
}
.pro-con ul li .libox{
	position: relative;
    overflow: hidden;
	min-height: 5px;
}
.pro-con ul li .libox .liline {
    width: 0;
    height: 5px;
    background-color: #e64545;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}
.pro-con ul li:hover .libox .liline{width:100%;}
.footer-call .wpforms-description{
    color: #888;
    font-size: 16px;
}
.footer-call .section-head h2:after{
	    left: 0;
    -webkit-transform: none; 
    -ms-transform: none;
    transform: none;
}
.footer-call .section-head >p{
	max-width: 100%;
    text-align: left;
}
.first-call {
	background-color: #e64545;
}
.first-call .section-head h2,.first-call .section-head p{color:#fff !important;}

.first-call .section-head h2:after{
	background-color:#fff;
}
.first-call .call-con h3 a{color:#fff;}
.footer-call .call-con h3 a{color:#333;}
.call-con h3{
	font-size:24px;
	color:#fff;
	line-height: 1.625;
}
.call-con .intl-tel-input{
    display: block !important;
    max-width: 600px !important;
    background: #fff !important;
    box-shadow: 0 0 6px 1px rgba(0,0,0,0.2) !important;
    border: 0 !important;
    padding: 15px 9px !important;
    text-align: center !important;
    font-size: 18px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.intl-tel-input input{
	border: 0 !important;
	max-width:100% !important;
	display:block;
}
.call-con .wpforms-submit,.sidebar .wpforms-submit,#topform .wpforms-submit{
	background-color: #e64545 !important;
    color: #fff !important;
    font-size: 18px !important;
    display: inline-block !important;
	border:none !important;
	padding:10px 40px !important;
}
.call-con div.wpforms-container-full .wpforms-form label.wpforms-error {
    font-size: 16px !important;
    color: #fff !important;
    margin-top: 20px !important;
    display: inline-block !important;
}
.footer-call div.wpforms-container-full .wpforms-form label.wpforms-error {
    color: #333 !important;
}
.footer-call .call-con h3{
	color:#333;
}
.call-con p.call-btn{
    background-color: #f39800;
    color: #fff;
    font-size:18px;
	display:inline-block;
}
.case-con ul{
	align-items: center;
}
.entry-content{
	clear:both;
	font-size: 16px;	
	overflow: hidden;
}
.entry-content p{
	margin-bottom:20px;
	line-height: 1.625;
	word-wrap: break-word;
}
.entry-content>div{
	margin-bottom:20px;
	line-height: 1.625;
}
.entry-content>figure{
	margin-bottom:20px;
	line-height: 1.625;
}
.entry-content>figure:last-child,.entry-content>div:last-child{margin-bottom:0;}
.entry-content p:last-child{margin-bottom:0;}
.entry-content a{
   text-decoration: underline;
}
.entry-content a:hover{text-decoration: none;}
.entry-content h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.42;
}
.entry-content h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom:20px;
	line-height: 1.42;
}
.entry-content ul {
  list-style: disc;
  margin: 0 0 15px 30px;
}
 .entry-content ul li {
  list-style: disc;
  font-size: 16px;
  line-height: 1.625;
  margin-bottom: 10px;
}
.entry-content ol {
  list-style: decimal;
  margin: 0 0 15px 30px;
}
.entry-content ol li {
  list-style: decimal;
  font-size: 16px;
  line-height: 1.625;
  margin-bottom: 10px;
}
.entry-content blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 16px;
	border-left: 5px solid #8952E9;
	background-color: #f5f5f5;
}
.textwidget .gallery-item{
	margin-top:0 !important;
}
.entry-content .gallery .gallery-item{
	padding:10px;
}
.entry-content .gallery .gallery-item img{
	border: none !important;
}
div.wp-caption{
	max-width:100%;
}
p.wp-caption-text,dd.wp-caption-text{
	text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
.single-meta span{color:#888;}
#nav-single div{
	height: 30px;
    line-height: 30px;
    overflow: hidden;
	margin-bottom: 0;
}
.cp-xg h2, .post-xg h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.news-con h3 {
    font-size: 16px;
	line-height:1.42;
}
.post-xg ul li a {
    border-bottom: 1px solid #eee;
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 15px;
}
.navigation {
  text-align: center;
  display:block;
}
.navigation a,
.navigation span {
  display: inline-block;
  border: 1px solid #eee;
  padding: 10px 20px;
  margin: 0 1px;
  background-color: #fff;
}
.navigation .current {
  background-color: #e64545;
  text-decoration: none;
  border: 1px solid #e64545;
  color:#fff;
}
.screen-reader-text{
	clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.content-list .row{align-items: center;}
.content-list li{
	border-bottom: 1px solid #e4e4e4;
}
.content-list li:last-child{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	border-bottom:none;	
	}
.content-list li h2 a{
	font-weight: bold;
	display:inline-block;
	font-size:18px;
}
.content-list li h2{
    overflow: hidden;
	line-height:1.42;
}
.content-list li p{
	font-size:16px;
    overflow: hidden;
	line-height:1.6;
}
.content-list li span{
	color: #b4b4b4;
}
.content-list li span i{
	margin-right:10px;
}
.content-list li p{
	color: #888;
}
.sidebar .box,.sidebar aside{
    padding: 30px ;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e9eef4;
}
.sidebar .box:last-child{margin-bottom:0;}
.main-con .box {
    background: #fff;
    border: 1px solid #e9eef4;
}
.widget-title h3{
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    word-break: break-word;
	margin-bottom:20px;
}
.sidebar ul.menu li {
    margin-bottom: 20px;
}
.sidebar ul.menu li:last-child{margin-bottom:0;}
.sidebar ul.menu>li>a {
    display: block;
    cursor: pointer;
    font-size: 16px;
}
.sidebar ul.menu>li .sub-menu {
    padding-top: 10px;
    padding-left: 10px;
    overflow: hidden;
}
#footer {
    background:#222;
    color: #fff;
}
.footer-menu ul li{
	display:inline-block;
	margin-right:20px;
	height: 30px;
    line-height: 30px;
}
.footer-menu ul li a{
	color: #c1c1c1;
}
.footer-menu ul li a:hover{
	color:#fff !important;
}
.footer-menu-con{
	border-bottom:1px solid #333;
    padding-bottom: 20px;
}
.link {overflow:hidden;clear:both;}
.link ul li {
    float: left;
    margin: 0 10px 10px 0;
}
.link ul li a{color: #c1c1c1;}
.link ul li a:hover{
		color:#fff !important;
}
.footer-info p,.footer-info a{color: #c1c1c1;}
.footer-info a:hover{color:#fff !important;}
.rtbar{ display:none;position:fixed; top:200px; right:0; width:50px; height:203px; z-index:10;}
.rtbar li{ width:62px; height:50px; z-index:20; }
.rtbar li.rtbar1,.rtbar li.rtbar4{ position:absolute; left:0;}
.rtbar li.rtbar1{ top:0; width:172px; }
.rtbar li.rtbar2{ position:absolute; top:51px; left:0;width:172px;}
.rtbar li.rtbar3{ position:absolute; top:102px; left:0; width:172px; }
.rtbar li.rtbar4{ top:153px;}
.rtbar4{ position:absolute; top:102px; left:0;}
.rtbar li a{ display:block; color:#FFF !important; height:50px; line-height:50px; overflow:hidden; background-color:#222; border-radius:6px;}
.rtbar li a .fa{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;font-size: 24px;}
.rtbar li a:hover{background-color:#e64545;opacity:1;}
.copyr{line-height:1.5;}
.line::after {
	content: "";
    display: block;
    background-color: #e64545;
    width: 30px;
    height: 3px;
    margin: 15px auto 0;
}
.post-xg ul li a{
    position: relative;
}
.post-xg ul li a:before {
	content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #e64545;
    border-radius: 50%;
}
.post-tags,.post-tags a{
	color:#888;
}
.product-top .row{
    align-items: center;	
}
.pro-info h1{
	font-size:30px;
	line-height:1.42;
	font-weight:600;
}
.pro-des p{
	font-size:16px;
	line-height: 1.625;
}
.pro-tel span{
	font-size:20px;
}
.pro-tel p{
	font-size:24px;
}
.pro-img .owl-dots {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}
.pro-action a{
	background-color: #e8e8e8;
    display: inline-block;
    padding: 15px 30px;
    color: #333;
    font-size: 20px;	
	margin-right:10px;
	position:relative;
}
.pro-action a:hover{
	background-color: #218838 !important;
	color:#fff !important;
}
.pro-action a:last-child{
	margin-right:0;
}
.wechat-img{
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    margin-left: -25px;
    bottom: 50px;
    width: 160px;
    line-height: 1;
    text-align: center;
    border: 1px solid #efefef;
    background: #fff;
    padding: 10px;
    color: #666;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    pointer-events: none;
}
.wechat-img:before, .wechat-img:after {
    position: absolute;
    left: 50%;
    bottom: -16px;
    width: 0;
    height: 0;
    margin-left: -8px;
    line-height: 0;
    border: 8px solid transparent;
    border-top-color: #efefef;
    content: '';
}
.wechat:hover .wechat-img {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 120%;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.d3f{
	color:#333;
}
.d3f li{
	line-height:34px;
}
.pro-des h3{
    font-size: 20px;
}
.d3f li a{
    background-color: #23ac38;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    line-height: 1;
	border-radius: 15px;
}
.d3f li a:hover {
    background-color: #1bc550;
}
.pro-cat {
    text-align: center;
}
.filters li {
    display: inline-block;
    margin: 0 15px 10px;
}
.filters li span {
    display: inline-block;
    white-space: nowrap;
    padding: 10px 20px;
    position: relative;
    cursor: pointer;
    background-color: #f1f1f1;
    border-radius: 10px;
}
.filters li.on span {
    background-color:#e64545;
    color: #fff;
    font-weight: 700;
}
.pro-list .pro-con {
    display: none;
}
.pro-list .on{
    display: block;
}
.pro-title {
    height: 60px;
    display: flex;
    justify-content: space-between;
}
.pro-title h3 {
    white-space: nowrap;
}
.pro-title h3 a {
    font-size: 20px;
    font-weight: 600;
    line-height: 60px;
    color: #333;
}
.pro-title ul li a{
	font-size:16px;
	white-space:nowrap;
}
.cat-item .children{display:none;}
.news-list ul li span{color:#666;}
div.sticky {
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
}
.crumbs,.crumbs a{color:#555;font-size:12px;}
.f5f7fa{background-color: #f5f7fa;}
div.wpforms-container-full{margin:0 !important;}
.footer-intro h3{
	color: #c1c1c1;
    font-size: 20px;
    font-weight: 600;
	margin-bottom:20px;	
}
.footer-intro p{
	color: #c1c1c1;
    font-size: 16px;
	margin-bottom:20px;
}
.footer-intro a{
	color: #c1c1c1;
    font-size: 16px;
	margin-bottom:20px;
	text-decoration:underline;
}
.footer-intro a:hover{
	color: #fff;
	text-decoration:underline;
}
.pro-nav li{margin-left:30px;}
.cp-child li {
    float: left;
    margin: 0 10px 20px 0;
}
.cp-child li a {
    padding: 8px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    display: inline-block;
}
.pro-small{padding:0 40px;}
.pro-small .swiper-slide-thumb-active, .pro-small .swiper-slide:hover {
-webkit-filter: brightness(50%) !important;
filter: brightness(50%) !important;
}
.pro-small img {
	border-radius: 10px;
    cursor: pointer;
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 5px;
}
.pro-small-nav{
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.pro-small-nav i{
font-size: 50px;
cursor: pointer;
}
.swiper-button-disabled{
opacity: .35;
cursor: auto;
pointer-events: none
}
.social li {
    margin-right: 15px;
}
.social li:last-child {
    margin-right: 0;
}
.social li a{
    width: 25px;
    height: 25px;
    text-align: center;
    background-color:#ffffff;
    color: #fff;
    display: block;
    border-radius: 5px;
    padding: 5px;
}
.about-pagination span{
    width: 50px !important;
    height: 6px !important;
    background: #000000 !important;
    margin:10px !important;
    display: inline-block !important;
    opacity: 0.4 !important;
	border-radius: 5px!important;
}
.about-pagination span.swiper-pagination-bullet-active{
    opacity: 1 !important;
	background: #DF0024 !important;
}