@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,video,source,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0px;
	padding:0px;
	outline:medium
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
h5, h4, h3, h2, h1 {
    font-weight: normal;
    line-height: 100%;
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
body {
	font:normal 12px 'poppins',Arial,'\5FAE\8F6F\96C5\9ED1';
	line-height: 1.42857;
	background-color:#FFF;
    color: #333;
}
input,select,textarea,button {
	font-size:100%;
}
textarea, input {
    outline: none;
    resize: none;
}
input,button{
	text-indent: 0;
	border-radius: 0;
    border: 0 none;
    resize:none; 
    outline:none;  /*清除选中效果的默认蓝色边框 */
    -webkit-appearance:none;  /*清除浏览器默认的样式 */
    line-height: normal;
} 
input:focus, textarea:focus {outline: none;}
input[type='submit'], input[type='button'], button {
    text-indent: 0;
    text-align: center;
    cursor: pointer;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img{max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0);}
li {
	list-style:none;
	*margin-left:-1px
}
::-moz-placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}

a {text-decoration:none;color:#333}
a:hover {text-decoration:none;color:#C66E2F}

.slider{
	position:relative;
	margin-top:79px
}
.slider img{
	max-width:100%
}
.slogan{
	position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    z-index: 3;
}
.slogan h5{color:#FFFFFF;text-shadow: #000 0 2px 0;font-size:12px;line-height:140%}
.slogan h6{width:25px;height:5px;background:#FFFFFF;text-shadow: #000 0 2px 0;margin:5px 0}
.slogan h4{font-size:14px;color:#FFFFFF;text-shadow: #000 0 2px 0;line-height:140%}
.slogan h3{font-size:16px;color:#FFFFFF;text-shadow: #000 0 2px 0;line-height:140%}

.swiper-container{
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
	height: 100%;
}
.swiper-wrapper img{max-width:100%}
#pagination1 {
	bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-banners {
	width: 30px;
    height: 4px;
    display: inline-block;
	background-color:#FFFFFF;
	opacity: 0.5;
	cursor: pointer;
	margin: 0 5px;
}
.swiper-pagination-banners-active {
	opacity: 1;
	background-color:#FFFFFF
}

.header {background-color: #fff;}
.container{
	position:relative;
	margin:0 10px
}
.menu-column{
	position:fixed;
	top:0px;
	width:100%;
	left:0;
	z-index:999;
	line-height:79px;
	height:79px
}
.show{
	background-color:#FFFFFF
}
.row{
	display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.logo{
	position:fixed;
	top:0px;
	left:50%;
	height:79px;
	transform:translateX(-50%);
	z-index:10000;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.logo>ul>li .sub-logo {
    position:fixed;
    z-index: 10001;
	opacity: 0;
    left: 0;
    top: 79px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: auto;
	min-width:100%;
	background: #FFFFFF;
    text-align: left;
    transition: .3s ease;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 20%)
}
.logo>ul>li:hover .sub-logo {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.logo .img1{display:none;}
.logo .img2{display:block;}
.logo li:hover .img1{display: none;}
.logo li:hover .img2{display: block;}

.menu-column:hover {background-color:#FFF}
.menu-column:hover .nav>ul>li>a,.show .nav>ul>li>a {color:#000}
.menu-column:hover .nav>ul>li>a:hover,.show .nav>ul>li>a:hover {color:#C66E2F}
.menu-column:hover .nav>ul>li>a.sub-icon,.show .nav>ul>li>a.sub-icon {
	background: url(../images/head-2.png) no-repeat center right;
	padding-right:23px
}
.menu-column:hover .logo .img1,.show .logo .img1 {
	display: none;
}
.menu-column:hover .logo .img2,.show .logo .img2 {
	display: block;
}
.menu-column:hover .search i,.show .search i {
	background: url(../images/ss2.png) no-repeat center center
}
.menu-column:hover .lang,.show .lang {
	background: url(../images/fy2.png) no-repeat center center
}

.mean-nav img{
	display:none
}

.nav{
	width:calc(100% - 100px);
}
.nav>ul{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.nav>ul>li {
    display: inline-block;
    vertical-align: top;
	margin: 0 10px;
}
.nav>ul>li:nth-child(3) {
	margin-right:15%
}
.nav>ul>li:nth-child(4) {
	margin-left:15%
}
.nav>ul>li>a {
	font-size: 16px;
	font-weight:bold;
    display: block;
    color: #fff;
	text-transform:uppercase;
	position: relative;
	white-space:nowrap
}
.nav>ul>li>a.sub-icon {
	background: url(../images/head-1.png) no-repeat center right;
	padding-right:23px
}
.nav>ul>li>a:hover {
	color: #C66E2F;
}
.nav>ul>li .sub-menu {
    position:fixed;
    z-index: 10001;
	opacity: 0;
    left: 0;
    top: 79px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: auto;
	min-width:100%;
	background: #FFFFFF;
    text-align: left;
    transition: .3s ease;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 20%)
}
.nav>ul>li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.nav>ul>li .sub-menu ul {
	padding:40px 0;
	display:flex;
	justify-content:center;
	flex-wrap:wrap
}
.nav>ul>li .sub-menu li {
	width:10%;
    transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    line-height: normal;
}
.nav>ul>li .sub-menu li a {
    font-size: 14px;
    color: #000;
    display: block;
    margin: 10px 10px 10px;
    line-height: 120%;
    font-weight: normal;
    text-align:center
}
.nav>ul>li .sub-menu li a h4{overflow:hidden;margin-bottom:10px;border-radius:5px;}
.nav>ul>li .sub-menu li a:hover {
	color:#C66E2F
}
.nav>ul>li .sub-menu li a img{display:block;transition:all 0.5s;width:100%;}
.nav>ul>li .sub-menu li a:hover img{transform:scale(1.1);}

.head-r{
	display:none;
	margin-left:20px
}
.search-box{
	width:40px;
	height:79px;
}
.attr-nav {
    display: inline-block;
}
.search i {
    width: 40px;
    height: 79px;
    background: url(../images/ss.png) no-repeat center center;
    display: inline-block;
    position: relative;
}
.top-search {
    display: block;
    width: 100%;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 79px;
    display: none;
    z-index: 9999999;
    background: #fafafa;
    border-radius: 0;
    box-shadow: 0px 5px 15px 2px rgb(0 0 0 / 10%);
}
.top-search .input-group {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    padding-right: 50px;
    background: #fff;
    width: 100%;
    border-radius: 0;
	box-sizing:border-box
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.top-search h4 {
    font-size: 18px;
    text-align: center;
    color: #333;
    text-transform: capitalize;
	padding-bottom:15px
}
.header_search {
    position: relative;
}
.top-search .form-control {
    box-shadow: none;
    border: none;
    border-radius: 0;
    border: 2px solid #e5e5e5;
    background: #fff;
    color: #808080;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 20px;
    text-align: left;
    font-size: 14px;
    border-radius: 0;
	box-sizing:border-box
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.btn_search1 {
    background: #C66E2F url(../images/ss.png) no-repeat center center;
    top: 2px;
    height: 46px;
    position: absolute;
    right: 2px;
    width: 46px;
    border-radius: 0;
    z-index: 3;
}
.input-group {
    border-collapse: separate;
}
.top-search .input-group-addon.close-search {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    top: 10px;
    width: 40px;
    height: 50px;
    border-radius: 0;
}
.top-search .input-group-addon.close-search {
    cursor: pointer;
}
.top-search .input-group-addon {
    background-color: transparent;
    border: none;
    color: #666;
    padding-left: 0;
    padding-right: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.top-search .input-group-addon i {
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    right: 20px;
    top: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.top-search .input-group-addon i:before {
    transform: rotate(45deg) translate(4px,0px);
    -webkit-transform: rotate(45deg) translate(4px,0px);
}
.top-search .input-group-addon i:after {
    transform: rotate(-45deg) translate(4px,0px);
    -webkit-transform: rotate(-45deg) translate(4px,0px);
}

.top-search .input-group-addon i:before, .top-search .input-group-addon i:after {
    content: '';
    display: inline-block;
    background: #999;
    width: 20px;
    height: 2px;
    margin: 2px 0;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.lang{
	display:inline-block;
	width:40px;
	height:79px;
	background:url(../images/fy.png) no-repeat center center
}

.history{
    position: relative;
	background-color:#F1F1F1;
	padding-top:30px
}
.history-box::after {
  z-index: 0;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgba(225, 225, 225, 0.8);
  left: 0;
  top: 50%;
  transform:translateY(-50%)
}
.history-box{
	position: relative;
    z-index: 5;
	overflow:hidden;
	padding:0 55px;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.history-box .swiper-slide {
    position: relative;
}
.history-box .swiper-slide p {
  color: #151d2b;
  opacity: 0.5;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}
.history-box .swiper-slide ul li{
	list-style-type: disc;
}
.history-box .swiper-slide .dwo {
  position: absolute;
  top: 0;
  left: 0;
  color:#AFB1B5;
  font-size:13px
}
.history-box .swiper-slide .time {
  font-size: 16px;
  opacity: 1;
  margin: 5px 0;
  padding-top: 20px;
  color:#C66E2F;
  font-weight:bold
}
.history-box .swiper-slide span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/dian.png) no-repeat center center;
}
.history-box .swiper-slide .text {
  opacity: 1;
  margin-top: 10px;
  font-size:14px
}
.history-box .swiper-slide-active {
  position: relative;
}
.history-box .swiper-slide-active .dwo {
  position: absolute;
  z-index: -1;
  font-size: 20px;
  line-height: 1;
  top: 50px;
  left: 20px;
  opacity: 0.9;
}
.history-box .swiper-slide-active span {
  background: url(../images/diandian.png) no-repeat center center;
}
.history-box .swiper-button-prev,
.history-box .swiper-button-next {
  width: 37px;
  height: 37px;
  margin-top:-22px
}
.history-box .swiper-button-prev {
  background: url(../images/h-left.png) no-repeat center center;
}
.history-box .swiper-button-next {
  background: url(../images/h-right.png) no-repeat center center;
}

.hot-product{
    position: relative;
	background-color:#F1F1F1;
	padding-top:30px
}
.hot-product h3 {
    font-size: 22px;
}
.hot-product-r a{display:inline-block;width:22px;height:15px;}
.hot-product-r a.a1{background:url(../images/l.png);background-size:100% 100%;margin-right:27px;}
.hot-product-r a.a1:hover{background:url(../images/l-1.png);background-size:100% 100%;}
.hot-product-r a.a2{background:url(../images/r.png);background-size:100% 100%;}
.hot-product-r a.a2:hover{background:url(../images/r-1.png);background-size:100% 100%;}

.hot-product-list{overflow:hidden;margin-top:30px}
.hot-product-list a{display: block;color:#000;margin-left:1px}
.hot-product-list a h4{overflow:hidden;margin-bottom:18px;position:relative; border:1px solid #CCC; box-sizing:border-box}
.hot-product-list a h4 img{display:block;transition:all 0.5s;width:100%;}
.hot-product-list a h4 .img2{position:absolute;opacity:0;left:0;top:0;}
.hot-product-list a:hover img{transform:scale(1.1);opacity:1;}
.hot-product-list a p{position:relative;display:flex;align-items:center;margin:0 10px;}
.hot-product-list a p i{display: block;width:10px;height:10px;border-radius:10px;border:1px solid #000;margin-right:10px;}
.hot-product-list a:hover p i{background:#e4000b;border-color:#e4000b;}
.hot-product-list .swiper-wrapper{transition-duration:0ms;transform:translate3d(731.25px, 0px, 0px);}

.news{
	position: relative;
	background-color:#F1F1F1;
	padding:30px 0;
}
.news h3 {
    font-size: 22px;
}
.news-list {margin-top:30px}
.news-list a{display:block;width:100%;margin-bottom:25px;}
.news-list a h4{overflow:hidden;margin-bottom:10px;position:relative;}
.news-list a h4 img{display:block;transition:all 0.5s;width:100%;}
.news-list a h4 p{position:absolute;left:0;top:0;z-index:3;line-height:35px;text-align:center;color:#fff;font-size:14px;background:rgba(0,0,0,0.5);}
.news-list a h3{font-size:16px;color:#000;margin-bottom:13px;}
.news-list a h5{color:#5f5f5f;font-size:14px;}
.news-list a:hover img{transform:scale(1.1);}
.news-list a:hover h3{color:#C66E2F;}

.about{
	background:url(../images/about-bg.jpg) no-repeat top center;
	background-size:100%;
	text-align:center;
	padding-top:13%;
	padding-bottom:8%
}
.about p{
	margin:0 10px;
	font-size:13px;
	color:#FFF;
	line-height:160%
}

.service{
	position:relative
}
.service-box{
	background-color:#FFF
}
.quality{
	width:100%;
	background-color:#C70100;
	padding:15px;
	box-sizing:border-box;
	display:flex;
	align-items:center
}
.quality-icon{
	width:16%;
	margin-right:4%
}
.quality-content{
	width:80%;
	text-align:left
}
.after-sales{
	background-color:#3F3F3F;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	display:flex
}
.after-sales-icon{
	width:16%;
	margin-right:4%
}
.after-sales-content{
	width:80%;
	text-align:left
}
.service-box h4{
	font-size:16px;
	color:#FFF;
	margin-bottom:7px
}
.service-box span{
	font-size:14px;
	color:#FFF;
}
.h{
	height:100%
}

.footer{
	background-color:#000;
	padding:30px 0;
}
.footer-l h6{margin-bottom: 43px;}
.footer-l h3{font-size: 12px;margin-bottom: 43px;line-height: 24px;}
.footer-l dt{display: flex;align-items:flex-start;margin-bottom:20px;}
.footer-l dt:nth-child(2){margin-bottom:35px}
.footer-l dt i{display: flex;align-items:center;height:18px;width:27px;}
.footer-l dt p{width:100%;line-height:18px;font-size: 12px;line-height: 24px;color:#CCCCCC}
.footer-l dt p b{color:#FFF;font-size:36px;line-height:36px;font-weight:normal;}
.footer-l dd{display: flex;align-items:center;border-radius:5px;width: 180px;height: 45px;border: 1px solid #FFF;justify-content:center;margin: 20px 0 35px 0;}
.footer-l dd p{margin-right:20px;}
.footer-l dd a{color: #CCC}
.footer-r{width:100%;padding-top:15px; display:none}
.footer-r h4{
	font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 35px;
    color: #CCC;
}
.footer-r ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
	text-align:left
}
.footer-r li{
	vertical-align:middle;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	letter-spacing:normal;
	word-spacing:normal;
	width:33.3333%;
	padding:7px 0;
	line-height:100%
}
.footer-r li a{color:#CCC;font-size:14px}
.footer-r li a:hover{color: #FFFFFF}


.copyright{
	background-color:#000;
	color:#FFF;
	text-align:center;
	border-top:1px solid #FFF;
	padding:15px 0;
}

.md{
	margin-top:79px
}
.main{
	margin:30px 0
}
.main-content{
	font-size:14px;
	line-height:180%
}
.main-content h2{
	font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
}
.contact-us{
	margin-top:25px
}
.contact-us li{
	text-align:center;
	margin-bottom:20px;
}
.contact-us li .icon{
	height:55px;
}
.contact-us li .icon img{
	display:inline-block
}
.contact-us li h3{
	font-size:16px;
	color:#999;
	padding:8px 0
}
.contact-us li span{
	display:block;
	font-size:16px;
	color:#333;
}
.main-map{height:500px;margin-top:40px}
#mapContainer{width:100%;height:100%;border:#ccc solid 1px;font-size:12px}

.article-list{}
.article-list img{
	max-width:100%
}
.article-list ul li{
    margin-bottom: 4%;
	border:1px solid #F5F5F5
}
.article-list ul li a{
	display:flex;
	flex-wrap:wrap
}
.article-list ul li:nth-child(odd) .txt{
	background-color:#F5F5F5;
}
.article-list ul li .img{
	width: 100%;
}
.article-list ul li .txt{
	float: right;
	width: 100%;
	padding: 3% 3%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	box-sizing:border-box
}
.article-list ul li .txt h3{
	font-size: 16px;
}
.article-list ul li .txt span{
	font-size: 14px;
	color:#999
}
.article-list ul li .txt p{
	font-size: 14px;
    line-height: 160%;
    height: 48px;
	color: #666;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin:1% 0
}
.article-list ul li .txt em{
	display: block;
    font-size: 14px;
}

.article-detail h3{text-align:center;font-size:26px;font-weight:bold;padding:0 0 10px 0;line-height:140%}
.article-detail em{display:block;font-size:14px;text-align:center;color:#999}
.article-detail .desc{line-height:180%;font-size:14px;padding:30px 0 0 0}
.article-detail .desc img{max-width:100%}


.col-left{
	width:100%
}
.col-left-title{
	text-align:center;
	background-color:#C66E2F;
	padding:15px 0;
	margin-bottom: 5px;
}
.col-left-title h3{
	font-size:18px;
	color:#FFF;
}
.col-left-title span{
	font-size:14px;
	color:#FFF;
}

.type a:hover,
.type a:focus {
	outline: none;
}
.type  {
	position: relative;
	z-index: 1;
}

.type a {
	display:block;
	overflow: hidden;
	position: relative;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 5px;
	text-align:center
}
.type a span {
	display: block;
	padding: 10px;
	line-height:120%;
	background: #F8F8F8;
	box-sizing:border-box;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.type a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px;
	line-height:120%;
	box-sizing:border-box;
	width: 100%;
	height: 100%;
	background: #C66E2F;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}
.type a:hover span,
.type a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}
.type a:hover::before,
.type a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
.pov{background:#C66E2F !important;color:#FFFFFF !important;}

.product-list{
	padding-top:4%;
	width:100%;
	box-sizing:border-box
}
.product-list ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
}
.product-list ul li{
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	background-color:#FEFEFE;
	letter-spacing:normal;
	word-spacing:normal;
	margin-bottom:4%;
}
.product-list ul li a{
	display:inline-block;
	padding:10px;
	border:1px solid #E1E1E1;
	border-top: 2px solid #C66E2F;
	transition:all .5s;
}
.product-list ul li a:hover{
	color:#333
}
.product-list ul li .img {
	overflow:hidden
}
.product-list ul li a .img img{
	max-width:100%;
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.product-list ul li a:hover .img img{
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.product-list ul li .txt {
	padding-top:10px;
	text-align:left;
	line-height:160%
}
.product-list ul li .txt h4 {
	font-weight:bold;
	font-size: 16px;
	text-align:center
}
.product-list ul li .txt span {
	font-size:14px;
	display:inline-block;
	padding-top:10px
}
.honor ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
	text-align:left
}
.honor ul li{
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-align:center;
	letter-spacing:normal;
	word-spacing:normal;
	margin-right:3.75%;
	margin-bottom: 3.75%;
	width:48.125%;
	border:1px solid #CCC;
	box-sizing:border-box
}
.honor ul li:nth-child(2n+0){margin-right:0px;}

.sidebar{
    position: relative;
    z-index: 1;
	padding:20px;
	background: #f5f5f5;
}
.sidebar ul {
    display: flex;
    align-items: center;
    justify-content:space-between;
    flex-wrap: wrap;
	background: #C66E2F
}
.sidebar ul li {
    text-align: center;
    position: relative;
	box-sizing:border-box;
	width:50%
}
.sidebar ul li:last-child {
	margin-right:0;
}
.sidebar ul li.cl {
	display:none;
	padding: 0 20px;
	width:60%;
	text-align:right
}
.sidebar ul li a {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
	box-sizing:border-box
}
.sidebar ul li a:hover {
    background: #151d2b;
    color: #fff;
}
.sidebar ul li a.act {
    background: #151d2b;
    color: #fff;
}
.sidebar ul li .children {
	position: absolute;
    z-index: 1;
	opacity: 0;
    left: auto;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    visibility: hidden;
    width: 100%;
	background: #C66E2F;
    z-index: 2;
    transition: .3s ease;
	padding:0
}
.sidebar ul li:hover .children{
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.sidebar ul li .children li {
    width: 100%;
    margin-bottom: 0;
	padding:0
}
.sidebar ul li .children li a {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    background: #C66E2F;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}
.sidebar ul li .children li a:hover{
  background: #000;
}
.company-profile{}
.company-profile .txt{
	width: 100%;
    position: relative;
	padding-right:40px;
}
.company-profile .txt h1{
	font-size: 22px;
    font-weight: bold;
    line-height: 1;
}
.company-profile .txt h2{
	padding-top: 15px;
	font-size: 18px;
    color: #C66E2F;
	text-align:left;
	margin-bottom: 0px;
}
.company-profile .txt p{
	padding-top:20px;
	font-size:14px;
	line-height:200%
}
.company-profile .pic{
	width: 100%;
	margin-top:15px
}
.pic-list{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
	text-align:left;
	margin-top:20px
}
.pic-list li{
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	letter-spacing:normal;
	word-spacing:normal;
	margin-right:3.75%;
	margin-bottom:3.75%;
	width:22.1875%
}
.pic-list li:nth-child(4n+0){
	margin-right:0
}

.pagination{text-align:center}
.pagination ul li.pc{display:none}
.pagination ul li.wap{display:inline-block}
.pagination ul {
	display: inline-block;
	padding: 0;
	margin: 2% auto;
	font-size: 14px;
}
.pagination ul li {
	float:none;
	display: inline;
	list-style: none;
	width:auto;
	margin:auto
}
.pagination ul li a,.pagination ul li span {
	color: black;
	display: inline;
	padding: 5px 8px;
	margin-left: -1px;
	border:1px solid #e1e2e3;
	text-decoration: none;
	width:auto
}
.pagination ul li span {
	color: #666;
}
.pagination ul li a:hover{
	background: #C66E2F;
	color: #FFFFFF;
}
.pagination ul li.current span{
	font-weight: bold;
	background: #C66E2F;
	color: #FFFFFF;
}

.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:100000;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;margin:0;padding:0;border-top:solid 1px #FFFFFF;}
.footer_contact li {float:left;width:25%;box-sizing:border-box;text-align:center;font-size:14px;border-right:solid 1px #FFFFFF;background:#C66E2F}
.footer_contact li a {color:#FFFFFF;height:74px;padding-top:14px;box-sizing:border-box;text-decoration:none;display:block}
.footer_contact li:last-child {border-right:none}

.img{
	max-width:100%;
	width:expression(this.width > 100% && this.width > this.height ? 100% : true);
    height:expression(this.height > 150 ? 150 : true);
	display:inline-block;vertical-align: middle;
}
.hot-product-flex{
	display:flex;
	justify-content:space-between;
	align-items:center
}
.clearfix {
	zoom:1
}
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

@media (min-width: 768px) {
	.slogan{
		left: 11.71875%
    }
    .slogan h5{color:#FFFFFF;text-shadow: #000 0 2px 0;;font-size:14px;line-height:24px;margin-bottom:20px}
    .slogan h6{width:25px;height:5px;background:#FFFFFF;text-shadow: #000 0 2px 0;;margin-bottom:20px;}
    .slogan h4{font-size:20px;color:#FFFFFF;text-shadow: #000 0 2px 0;}
    .slogan h3{font-size:30px;margin-bottom:40px;color:#FFFFFF;text-shadow: #000 0 2px 0;}
	.quality-icon{
		width:auto;
		margin-right:20px
    }
	.after-sales-icon{
		width:auto;
		margin-right:20px
    }
	.pagination ul li {
	   width:auto !important;
	   margin-right:auto !important;
	   margin-bottom:auto !important;
    }
}
@media (min-width: 992px) {
	.clear{display:none}
	.footer_contact{display:none}
	.slider{
		margin-top:0
    }
	.logo .img1{display:block;}
    .logo .img2{display:none;}
    .slogan h5{font-size:18px;margin-bottom:35px}
    .slogan h6{margin-bottom:40px;}
    .slogan h4{font-size:30px;margin-bottom:20px;}
    .slogan h3{font-size:58px;margin-bottom:60px;}
	.flex{
		display:flex;
		justify-content:space-between;
		align-items:center
	}
	.head-r{
		display:flex
    }
	.news-list {margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}
    .news-list a{display:block;width:calc((100% - 50px) / 3);}
	.about{
		padding-top:13%;
	    padding-bottom:8%
    }
    .about p{
	   width:70%;
	   margin:0 auto;
	   font-size:14px
    }
	.pic-list{
	margin-top:70px
}
	.service-box{
		position:absolute;
		top:-71px;
		width:70%;
		left:15%;
		background-color:#FFF;
		display:flex
	}
	.quality{
		width:50%;
	    display:flex;
	    justify-content:space-between;
	    align-items:center
    }
	.quality-icon{
	    width:16%;
	    margin-right:4%
    }
	.after-sales{
		width:50%;
	    display:flex;
	    justify-content:space-between;
	    align-items:center
    }
	.after-sales-icon{
	    width:16%;
	    margin-right:4%
    }
	.footer{
		padding:90px 0 50px 0;
    }
	.footer-l dt p{width:calc(100% - 27px);}
	.footer-r{width:calc(100% - 40%);display:block}
	.footer-r li{
		padding:7px;
		box-sizing:border-box
    }
	.main-content{
		min-height:450px;
    }
	.honor ul li{
		width:22.1875%;
    }
	.honor ul li:nth-child(2n+0){margin-right:3.75%;}
    .honor ul li:nth-child(4n+0){margin-right:0px;}
	.sidebar{
	padding-top:70px;
	padding-bottom:26px
}
.sidebar ul {
    display: flex;
    align-items: center;
    justify-content:space-between;
    flex-wrap: wrap;
	margin-bottom:40px;
}
.sidebar ul li {
	width:auto;
	margin-right:1%;
}
.sidebar ul li.cl {
	display:block
}
.sidebar ul li a {
    padding: 20px 40px;
    font-size: 18px;
}
	.company-profile{
		display:flex
    }
	.company-profile .txt{
		width: 50%;
	    padding-right:40px;
    }
   .company-profile .txt h1{
	   font-size: 30px;
	   padding-top: 20px;
   }
   .company-profile .txt h2{
	   padding-top: 30px;
	   font-size: 24px;
   }
   .company-profile .txt p{
	   padding-top:40px;
	   font-size:14px;
	   line-height:200%
   }
   .company-profile .pic{
	   width: 50%;
       text-align: right;
       padding-left: 10px;
   }
	.col-left{
		float:left;
		width:22%
    }
	.type a span {
	padding: 15px;
}
.type a::before {
	padding: 15px;
}
	.product-list{
		float:left;
		padding-top:0;
		padding-left:3%;
		width:78%
    }
	.product-list ul li{
		margin-right:3%;
		margin-bottom:3%;
		width:48.5%
	}
	.product-list ul li:nth-child(2n+0){margin-right:0;}
	.article-list ul li .img{
		float: left;
		width: 25%;
	}
	.article-list ul li .txt{
		float: right;
		width: 75%;
		padding: 0 3%
	}
	.article-list ul li .txt h3{
		font-size: 20px;
	}
	.article-list ul li .txt em{
		display: block;
		font-size: 14px;
	}
	.contact-us{
		display:flex;
		justify-content:space-around;
		margin-top:50px
	}
	.contact-us li{
		width:25%;
		text-align:center;
		margin-bottom:20px;
	}
	.pagination ul li.pc{display:inline-block}
    .pagination ul li.wap{display:none}
}
@media (min-width: 1200px) {
	.container{
		margin:0 75px
	}
	.nav>ul>li:nth-child(3) {
		margin-right:20%
    }
    .nav>ul>li:nth-child(4) {
	    margin-left:20%
    }
	.history{
		padding-top:150px
    }
	.hot-product{
	    padding-top:150px
    }
    .hot-product h3 {
        font-size: 30px;
    }
	.news{
	    padding:150px 0;
    }
    .news h3 {
       font-size: 30px;
    }
	.about p{
	   font-size:16px;
	   width:60%;
    }
	.quality{
		padding:30px
    }
	.after-sales{
		padding:30px
    }
	.footer{
		padding:150px 0 70px 0;
    }
	.service-box{
		width:60%;
		left:20%;
	}
	.main{
		margin:90px 0
    }
	.main-content h2{
		font-size: 30px;
        text-align: center;
        margin-bottom: 66px;
    }
	.col-left-title{
		padding:20px 0;
    }
    .col-left-title h3{
	    font-size:24px
    }
}