@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: #FFF;
}
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{ }
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;
}
.w-1200{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.relative{
    position: relative;
}
#top{
	width: 100%;
	height: 93px;
	background-color: #FFFFFF;
	/*border-bottom: 6px solid #009BD8;*/
	text-align: left;
	position: relative;
	z-index: 100;
	top: 0;
}
#top.fixed{
	position: fixed;
}
#top .logo{
	margin-top: 9px;
	/*margin-left: 43px;*/
	background: url("../images/logo.png");
	width: 59px;
	height: 73px;
	display: block;
	float: left;
}
#top .menu{
	float: left;
	height: 93px;
	margin-left: 80px;
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#top .menu .menu-item{
	float: left;
	/*height: 93px;*/
	cursor: pointer;
	
}
#top .menu .menu-item .item{
	position: relative;
	height: 40px;
	line-height: 40px;
	display: block;
	font-size: 16px;
	color: #333333;
    margin-left: 40px;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
#top .menu .menu-item:hover .item{
	color: #e62129;
}
#top .menu .menu-item.active .item{
    color: #e62129;
}
#top .menu .menu-item .item .line{
	position: absolute;
	width: 0;
	height: 2px;
	opacity: 0;
	background-color: #e6222a;
	left: 0px;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#top .menu .menu-item:hover .item .line{
	width: 100%;
	opacity: 1;
}
#top .menu .menu-item.active .item .line{
	width: 100%;
	opacity: 1;
}
#top .menu .menu-item .item .cn{
	display: block;
}

#top .right{
	float: right;
}

.search-ctrl{
    width: 240px;
    height: 40px;
    position: relative;
    background: #e5e5e5;
    margin-top: 23px;
    float: left;
}
.search-ctrl .input{
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    background: none;
    border: 0;
    padding: 0 10px;
	color: #333333;
	font-size: 18px;
}
.search-ctrl .btn{
    width: 40px;
    height: 40px;
    background: none;
	background: url("../images/search.png") center no-repeat;
    border: 0;
    cursor: pointer;
}
#top .social-group{
    float: left;
    margin-top: 35px;
    margin-left: 15px;
}
#top .social-group .btn{
	display: inline-block;
	position: relative;
	cursor: pointer;
}
#top .social-group .wechat{
	background: url("../images/wechat.png");
	width: 26px;
	height: 18px;
	position: relative;
}
#top .social-group .wechat .wx-qr-code{
	background: url("../images/wx-qr-code.jpg");
	background-size: 100% 230px;
	display: block;
	width: 230px;
	height: 0;
	position: relative;
	left: 50%;
	margin-left: -115px;
	top: 18px;
	visibility: hidden;
	transition: all .4s;
}
#top .social-group .wechat:hover .wx-qr-code{
	visibility: visible;
	height: 230px;
}

#top .social-group .qq{
	background: url("../images/qq.png");
	width: 24px;
	height: 18px;
}

#foot{
	/*height: 133px;*/
	background: #FFFFFF;
}
#foot .foot-menu{
	line-height: 67px;
	width: 1000px;
	margin: 0 auto;
	display: flex;
	text-align: center;
	justify-content: center;
}
#foot .foot-menu .item{
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	color: #999999;
	font-size: 14px;
}
#foot .foot-menu .item:after{
	content: '';
	position: absolute;
	right: 0;
	height: 8px;
	top: 50%;
	margin-top: -4px;
	width: 1px;
	background: #999999;
}
#foot .foot-menu .item:nth-last-child(1):after{
	display: none;
}
#foot .copy{
	/*line-height: 66px;*/
	text-align: center;
	color: #666666;
	font-size: 12px;
	padding-bottom: 20px;
}

.index-slider{
   	height: 100vh;
    position: relative;
    padding-top: 93px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.index{
    width: 100%;
	height: 100%;
}
.index .swiper-slide{
    background: #FFFFFF;
}

.homeSwiper{
	width: 100%;
	position: relative;
}
.homeSwiper.home{
	height: 100%;
	background: #000;
}
.homeSwiper a{
	width: 100%;
	height: 100%;
	display: block;
}
.homeSwiper .swiper-pagination{
	position: relative;
	text-align: center;
	bottom: 17px !important;
	height: 5px;
	width: auto !important;
	display: inline-block;
}
.homeSwiper .swiper-pagination:before{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	background: #FFFFFF;
	left: 0;
	top: 2px;
}
.homeSwiper .swiper-pagination .swiper-pagination-bullet{
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:none;
	width: 48px;
	height: 5px;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 !important;

	-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:nth-child(1){
	margin-left: 6px !important;
}
.homeSwiper .swiper-pagination .swiper-pagination-bullet:nth-last-child(1){
	margin-right: 6px !important;
}
.homeSwiper .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #fff;
	width: 48px;
	height: 5px;
}
.homeSwiper .button{
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 0;
	width: 28px;
	height: 54px;
	margin-top: -27px;
}
.homeSwiper:hover .button{
	opacity: .5;
}

.homeSwiper .button:hover{
	opacity: 1;
}
.homeSwiper .swiper-button-prev{
	left: 110px;
	background: url("../images/prev-btn.png") center no-repeat;
	background-size: 28px 54px;
}
.homeSwiper .swiper-button-next{
	right: 110px;
	background: url("../images/next-btn.png") center no-repeat;
    background-size: 28px 54px;
}

.index-pg{
    left: auto !important;
    bottom: auto !important;
    position: fixed !important;
    right: 25px !important;
    width: 38px !important;
    top: 25%;
}
.index-pg .icon{
    width: 38px;
    height: 38px;
    margin-bottom: 18px;
    cursor: pointer;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.index-pg .icon:nth-last-child(1){
    margin-bottom: 0;
}
.index-pg .icon.icon-1{
    background: url("../images/index-icon-1.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-1.active{
    background: url("../images/index-icon-1-hover.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-2{
    background: url("../images/index-icon-2.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-2.active{
    background: url("../images/index-icon-2-hover.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-3{
    background: url("../images/index-icon-3.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-3.active{
    background: url("../images/index-icon-3-hover.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-4{
    background: url("../images/index-icon-4.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-4.active{
    background: url("../images/index-icon-4-hover.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-5{
    background: url("../images/index-icon-5.png");
    background-size: 100% 100%;
}
.index-pg .icon.icon-5.active{
    background: url("../images/index-icon-5-hover.png");
    background-size: 100% 100%;
}

.index-topic-banner{
	position: absolute;
	top: 50%;
	left: 5%;
	z-index: 5;
}
.index-topic-banner.product{
	background: url("../images/index-title-2.png");
	width: 999px;
	height: 77px;
    top: 135px;
	left: 50%;
    margin-left: -500px;
}
.index-topic-banner.about{
	background: url("../images/index-title-3.png") center no-repeat;
	width: 62px;
	height: 540px;
	margin-top: -270px;
}
.index-topic-banner.news{
	background: url("../images/index-title-4.png") center no-repeat;
	width: 62px;
	height: 540px;
	margin-top: -270px;
}
.index-topic-banner.contact{
	background: url("../images/index-title-5.png");
	width: 62px;
	height: 540px;
	margin-top: -270px;
}


.index-product-bg{
	/*background: url("../images/index-bg-2.png") center no-repeat;*/
    background: #f0eeeb;
	background-size: cover;
	width: 100%;
	height: 100%;
    position: relative;
}


.painter-list{
	position: relative;
	width: 1000px;
	padding-top: 300px;
	height: 440px;
}
.painter-list .swiper-slide{
	background: none;
}
.painter-list .item{
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	width: 230px;
	height: 345px;
	margin-right: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/*background: #FFFFFF;*/

	float: left;
	text-align: center;

	cursor: pointer;
}
.painter-list .item:nth-child(4n+4){
	margin-right: 0;
}
.painter-list .item:hover{
	height: 375px;
	border-bottom: 5px solid #e6222a;
}
.painter-list .item .image{
	width: 230px;
	height: 230px;
	overflow: hidden;
	position: relative;
}
.painter-list .item .image img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.painter-list .item:hover .image img{
	width: 115%;
	height: 115%;
}
.painter-list .item .info{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 20px;
	height: 115px;
	text-align: center;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.painter-list .item:hover .info{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 20px;
	height: 145px;
}
.painter-list .item .info .title{
	color: #333333;
	font-size: 16px;
	line-height: 22px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.painter-list .item .info .price{
	color: #d83300;
	font-size: 18px;
	margin-top: 15px;
}

.painter-list .swiper-pagination{
	position: relative;
	text-align: center;
	bottom: 30px !important;
	width: auto !important;
	display: inline-block;
}
.painter-list .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;

	width: 16px;
	height: 16px;
	cursor: pointer;
	background: #FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 5px;

	border: 1px solid #e6222a;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.painter-list .swiper-pagination .swiper-pagination-bullet-active{
	background: #e6222a;
	width: 22px;
	height: 22px;
}
.index-product-bg .button{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    width: 28px;
    height: 54px;
    margin-top: -27px;
    top: 50%;
}
.index-product-bg:hover .button{
    opacity: .8;
}

.index-product-bg .button:hover{
    opacity: 1;
}
.index-product-bg .swiper-button-prev{
    left: 50%;
    margin-left: -600px;
    background: url("../images/prev-btn.png") center no-repeat;
    background-size: 28px 54px;
}
.index-product-bg .swiper-button-next{
    right: 50%;
    margin-right: -600px;
    background: url("../images/next-btn.png") center no-repeat;
    background-size: 28px 54px;
}

.index-about-bg{
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}

.index-about-text{
	background: url("../images/index-about-text.png");
	width: 957px;
	height: 387px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}



.index-news-bg{
	width: 100%;
	height: 100%;
}


.index-news-list{
	width: 1000px;
	margin: 0 auto;
	position: relative;

}
.index-news-list.idx{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.index-news-list .item{
	width: 1000px;
	height: 120px;
	margin-bottom: 20px;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: #FFFFFF;
	text-align: left;
	position: relative;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	display: flex;

	cursor: pointer;
	overflow: hidden;
}
.index-news-list .item:nth-last-child(1){
	margin-bottom: 0;
}
.index-news-list .item .image{
	width: 0;
	height: 180px;
	overflow: hidden;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.index-news-list .item:hover{
	height: 180px;
	width: 1100px;
	margin-left: -50px;
	border-right: 5px solid #e6222a;
}
.index-news-list .item:hover .image{
	width: 180px;
	height: 180px;
}
.index-news-list .item .image img{
	width: 180px;
	height: 180px;
	display: block;
	object-fit: cover;
	vertical-align: middle;
}
.index-news-list .item .info{
	flex: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 0 25px;
	display: table;
	height: 100%;
}
.index-news-list .item .info .title{
	color: #333333;
	font-size: 24px;
	line-height: 54px;
}
.index-news-list .item .info .post-time{
	color: #999999;
	font-size: 18px;
}
.cell{
	display: table-cell;
	vertical-align: middle;
}

.index-flex{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.index-banner-bg{
	flex: 1;
	width: 100%;
	position: relative;
}



.index-contact-bg{
	background: url("../images/index-bg-5.png") center no-repeat;
	background-size: auto 100%;
	width: 100%;
	/*height: 767px;*/
	flex: 1;
	position: relative;
	display: none;
}

.index-contact-info{
	width: 1000px;
	margin: 0 auto;
	padding-top: 512px;
	line-height: 72px;
	text-align: left;
	display: flex;
	color: #333333;
	font-size: 14px;
}
.index-contact-info .title{
	color: #333333;
	font-size: 18px;
	width: 150px;
}
.index-contact-info .icon{
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-left: 25px;
}
.index-contact-info span{
	color: #999999;
	margin: 0 5px;
}
.index-contact-btn{
	margin: 0 auto;
	margin-top: 15px;
	display: block;
	width: 176px;
	height: 47px;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;

	opacity: .5;
	text-align: center;
	line-height: 47px;
	color: #FFFFFF;
	background: #e6222a;
	font-size: 16px;
}
.index-contact-btn:hover{
	opacity: 1;
	color: #FFFFFF;
}
.index-contact-tips{
	line-height: 42px;
	color: #808080;
	font-size: 14px;
	letter-spacing: .15em;
}

.top-banner{
	width: 100%;
	/*height: 260px;*/
	position: relative;
}
.top-banner img{
	width: 100%;
	display: block;
}
.top-banner.product{
    height: 570px;
	background: url("../images/product-banner.png") center no-repeat;
	background-size: auto 100%;
}
.top-banner.news{
	height: 570px;
	background: url("../images/product-banner.png") center no-repeat;
	background-size: auto 100%;
}
.top-banner.about{
	height: 570px;
	background: url("../images/product-banner.png") center no-repeat;
	background-size: auto 100%;
}
.top-banner.contact{
	height: 570px;
	background: url("../images/product-banner.png") center no-repeat;
	background-size: auto 100%;
}

.nav-label{
	width: 100%;
	height: 70px;
	background: none;
    border-bottom: 2px solid #999999;
}
.nav{
	float: left;
	height: 70px;
	position: relative;
}
.nav .label{
	line-height: 70px;
	padding-left: 10px;
	/*width: 105px;*/
	background: url("../images/cate-arrow.png") right center no-repeat;
	text-align: left;
	color: #333333;
	font-size: 18px;
	padding-right: 45px;
	cursor: pointer;
}
.nav .nav-child{
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 10;
	display: none;
}
.nav:hover .nav-child{
	display: block;
}
.nav .nav-item{
	color: #333333;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	padding: 0 25px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	height: 52px;
	line-height: 52px;
	display: block;
	background: #FFFFFF;
	width: 100px;
}
.nav .nav-item:hover{
	background: #e5e5e5;
}
.nav .nav-item.active{
	background: #e5e5e5;
}

.nav-bar{
	float: right;
	line-height: 70px;
	color: #666666;
	font-size: 16px;
	margin-right: 5px;
}
.nav-bar .icon{
	vertical-align: middle;
	width: 15px;
	height: 13px;
}
.nav-bar a{
	color: #666666;
	font-size: 16px;
	padding: 0 10px;
}

.bg{
	width: 100%;
	position: relative;
	text-align: left;
}
.bg.product{
	background: #efeeea;
	background-size: 100% auto;
	padding-top: 35px;
	padding-bottom: 35px;
}
.bg.news{
	/*background: #f5f5f5;*/
	background-size: 100% auto;
	padding-top: 35px;
	padding-bottom: 35px;
	position: relative;
}

.white{
	width: 1040px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/*background: #FFFFFF;*/
	margin: 0 auto;

	padding: 45px 30px;
	position: relative;
}

.product-list{
	width: 1000px;
	position: relative;
}
.product-list .item{
	width: 230px;
	margin-right: 20px;
	height: 345px;
	margin-bottom: 30px;
	float: left;
}
.product-list .item:nth-child(4n+4){
	margin-right: 0;
}
.product-list .item .image{
	width: 230px;
	height: 230px;
	position: relative;
	overflow: hidden;
}
.product-list .item .image img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.product-list .item:hover .image img{
	width: 115%;
	height: 115%;
}
.product-list .item .info{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 230px;
	height: 115px;
	padding: 10px 20px;
	text-align: center;
}
.product-list .item .info .title{
	color: #333333;
	font-size: 16px;
	line-height: 22px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.product-list .item .info .price{
	color: #d83300;
	font-size: 18px;
	margin-top: 15px;
}

.inner-nav{
	height: 70px;
	line-height: 70px;
	border-bottom: 2px solid #999999;
	text-align: left;
}
.inner-nav .left-nav{
	background: url("../images/home-icon.png") left center no-repeat;
	padding-left: 40px;
	background-position-x: 15px;
	color: #666666;
	font-size: 16px;
	text-align: left;
	float: right;
}
.inner-nav .left-nav a{
	color: #666666;
	font-size: 16px;
}
.inner-nav .left-nav a:hover{
	color: #333333;
}
.inner-nav .left-nav a.cur{
	color: #333333;
}
.inner-nav .left-nav span{
	padding: 0 5px;
}
.inner-nav .right-nav{
	/*float: left;*/
	display: inline-block;
}
.inner-nav .right-nav .back-btn{
	color: #666666;
	font-size: 16px;
	background: url("../images/back-icon.png") left center no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	letter-spacing: .2em;
}

.product-view{
	position: relative;
	width: 1000px;
	/*padding: 40px 30px;*/
	/*background: #FFFFFF;*/

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 65px;
}
.mz-hint {
	display: none !important;
}
.Product-essential{
	width: 100%;
	position: relative;
	/*background-color: #FFFFFF;*/
	color: #666;
	min-height: 390px;
	display: flex;
	margin-top: 30px;
}
.Product-gallery {
	position: relative;
	width: 390px;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 390px;
}
.Product-zoom {
	height: 100%;
	z-index: 1;
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	/*line-height: 450px;*/
	/*overflow: hidden;*/

}
.MagicZoom{
	position: relative;
	/*transform: translateY(-50%);*/
	width: 100%;
	/*top: 50%;*/
}
.mz-figure.mz-active {
	background-color: #FFFFFF;
}
.Product-thumbs{
	z-index:2;
	/*width: 97px;*/
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	margin-top: 25px;
	padding-bottom: 40px;
	height: 80px;
}
.Product-thumb {
	width: 80px;
	height: 80px;
	/*display: block;*/
	display: inline-block;
	/*margin-bottom: 20px;*/
	margin-right: 23px;
}
a[data-zoom-id] img, .mz-thumb img{
	width: 80px !important;
	height: 80px !important;
}
.Product-imageLink {
	border: 0;
	z-index: 1;
	/*width: 100% !important;*/

}

.mz-expand {
	background-color: black;
	text-align: center;
	vertical-align: middle;
	display: block;
	overflow: hidden;
	z-index: 2100000000;
	position: fixed;
	width: auto;
	height: auto;
	perspective: 600px;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-ms-overflow-style: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mz-expand.white-bg, .mz-figure.mz-active, .mz-zoom-window {
	background-color: #FFFFFF !important;
}
.mz-expand .mz-expand-stage {
	z-index: 2100000000;
	padding: 0;
}
.MagicZoom > img, .mz-figure > img{
	height: 390px !important;
	object-fit: contain;
}

.product-details{
	flex: 1;
	margin-left: 35px;
	text-align: left;
	min-height: 390px;
	/*border-bottom: 1px solid #eeeeee;*/
	position: relative;
}
.product-details .abs{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.product-details .cate{
	line-height: 44px;
	color: #999999;
	font-size: 20px;
}
.product-details .topic{
	color: #202020;
	font-size: 30px;
	line-height: 1.6em;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 20px;
}
.product-details .price{
	color: #d83300;
	font-size: 30px;
	padding: 10px 0;
}
.product-details .price span{
	color: #999999;
	font-size: 20px;
	font-weight: normal;
}
.product-details .preview{
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	height: 80px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	border-bottom: 1px solid #dcdcdc;
}
.product-details .qr-code{
	width: 130px;
	float: right;
	margin-top: 20px;
}
.product-details .qr-code .code{
	width: 130px;
	/*height: 110px;*/
	display: block;
	object-fit: cover;
	vertical-align: middle;
}
.product-details .qr-code .text{
	text-align: center;
	line-height: 42px;
	color: #999999;
	font-size: 14px;
}
.product-details .rank{
	margin-top: 40px;
	float: left;
}
.product-details .rank .item{
	height: 26px;
	line-height: 26px;
	display: flex;
	margin-bottom: 15px;
}
.product-details .rank .item .rank-label{
	height: 26px;
	line-height: 26px;
	width: 68px;
	text-align: center;
	background: #000000;
	color: #efeeea;
	font-size: 14px;
	border-radius: 15px;
}
.product-details .rank .item .star{
	background: url("../images/star.png");
	width: 27px;
	height: 26px;
	margin-left: 10px;
}

.text-container{
	width: 100%;
	line-height: 1.6em;
	text-align: left;
	padding: 25px 0;
}
.text-container img{
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.text-container p{
	line-height: 1.6em;
}

.text-container .topic{
	line-height: 70px;
	color: #010101;
	font-size: 18px;
	position: relative;
	height: 70px;
	text-indent: 18px;
}
.text-container .topic:before{
	content: ' ';
	position: absolute;
	width: 4px;
	height: 24px;
	left: 0;
	background: #e6222a;
	top: 50%;
	margin-top: -12px;
}
.news-info{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/*background: #FFFFFF;*/
	width: 1000px;
	padding: 40px 0px;

	margin-bottom: 65px;
	margin-left: auto;
	margin-right: auto;
}
.news-info .topic{
	line-height: 1.6em;
	text-align: center;
	color: #000000;
	font-size: 28px;
}
.news-info .post-time{
	position: relative;
	height: 36px;
	line-height: 36px;
	color: #666666;
	font-size: 14px;
}
.news-info .post-time:before{
	content: '';
	width: 400px;
	height: 1px;
	top: 50%;
	left: 0;
	position: absolute;
	background: #d2d2d2;
}
.news-info .post-time:after{
	content: '';
	width: 400px;
	height: 1px;
	top: 50%;
	right: 0;
	position: absolute;
	background: #d2d2d2;
}

.contact-bg{
	width: 970px;
	position: relative;
	margin: 0 auto;
	padding-top: 60px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 100px;
}
.contact-right{
	float: right;
	width: 560px;
}
.contact-left{
	float: left;
	width: 370px;
}
.contact-left img{
	width: 100%;
	display: block;
}
.contact-table{
	position: relative;
}
.contact-form{
	width: 560px;
	text-align: left;
	padding-top: 20px;
}
.contact-form .table-item{
	width: 560px;
	position: relative;
	margin-bottom: 10px;
}
.contact-form .input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 560px;
	height: 50px;
	border: 0;
	background: #FFFFFF;
	padding: 0 20px;
	font-size: 16px;
	vertical-align: top;
}
.contact-form .input.min{
	width: 290px;
}
.contact-form .text-area{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 560px;
	height: 110px;
	border: 0;
	background: #FFFFFF;
	padding: 20px;
	font-size: 16px;
	line-height: 1.6em;
	resize: none;
}
.contact-form .v-code{
	position: absolute;
	top: 15px;
	right: 180px;
}
.contact-form .request-btn{
	width: 150px;
	height: 50px;
	text-align: center;
	border: 0;
	background: #e6222a;
	color: #FFFFFF;
	font-size: 16px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;

	cursor: pointer;
	opacity: .8;
	vertical-align: top;
	float: right;
}
.contact-form .request-btn:hover{
	opacity: 1;
}