@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: 'SF Pro TC','SF Pro Display','SF Pro Icons','PingFang TC','Microsoft JhengHei',
	'微軟正黑體','Microsoft YaHei','微軟雅黑','SimHei','Helvetica Neue','Helvetica','Arial', sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#333;
}
.about_main span{
		font-family: 'SF Pro TC','SF Pro Display','SF Pro Icons','PingFang TC','Microsoft JhengHei',
	'微軟正黑體','Microsoft YaHei','微軟雅黑','SimHei','Helvetica Neue','Helvetica','Arial', sans-serif!important;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#019984;
}
.text-secondary a:last-child{
	color: #444
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
}
select {
	text-transform: none;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.ico{
	list-style: none!important;
}
input, button, select, textarea {
	font-family: "微软雅黑";
	outline: none;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.header {
	height:100px;
	width:100%;
	margin:0 auto;
	position: fixed;
	top:0px;
	z-index:100;
	background: rgb(255, 255, 255);
	overflow: hidden;
}

.header-top{
	width: 1600px;
	margin: auto;
}

.logo {
	width:15%;
	float:left;
	height:100px;
	line-height:100px;
	text-align:center;
	margin-top:-20px;
}
.logo img{
	width: 100%;
}
.nav-menu {
	float:left;
	width:65%;
	margin:0 0 0 3% 
}
.nav-menu ul li {
	
	float:left;
	line-height:100px;
	height:80px;
	font-size:20px;
	padding:0 2%;
	color:#ddd;
	position: relative

}
.nav-menu ul li a{
	float: left;
	color:#433;
	font-size: 1em!important;
}
.nav-menu ul li span{
	position: absolute;
	right:0;
}
.nav-menu ul li:last-child span{
	display: none;
}
.nav-menu .active a{
	color:#e90;
	font-weight: 600;
}
.nav-menu ul li a:hover{
	color:#f90;
	font-weight: 666
}
.tel {
	float:right;
	width:17%;
	margin-top:35px;
	padding:0 0 0 5px;
	color:#433
}
/*--------header end--------*/

.fa {
	height:920px;
}
.fangan {
	width:500px;
	margin:0 auto;
	text-align:center;
	margin:50px auto;
}
.cp {
	height:900px;
	background:#f4f4f4;
	padding-top:20px;
	width:100%
}
.chanpin {
	width:500px;
	margin:0 auto;
	text-align:center;
	margin:50px auto;
}
.chan {
	width:1600px;
	height:800px;
	margin:0 auto;
}
.cpleft {
	float:left;
	width:385px;
	background:#FFFFFF;
	height:660px;
	position:relative;
}
.cpleft img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.ltitle {
	width:380px;
	height:30px;
	margin-top:30px;
	font-size:20px;
	float:right;
	text-align:right;
	margin-right:20px;
	position: relative;
	top:390px;
}
.cpright {
	float:right;
	width:1200px;
	position:relative;
}
.cpright ul li {
	width:380px;
	height:320px;
	float:left;
	margin:0 10px 20px 10px;
	background:#FFFFFF;
	text-align:center;
	padding-top:30px;
	padding-left:50px;
}
.title {
	width:380px;
	height:30px;
	margin-top:20px;
	font-size:20px;
	float:right;
	text-align:right;
	margin-right:20px;
}
.pic {
	width:280px;
	height:200px;
	text-align:center;
}
.pic img {
	width:280px;
	height: auto;
	text-align:center;
}
.picr {
	width:280px;
	height:230px;
	text-align:center;
}
.picr img {
	width:230px;
	height: 230px;
	text-align:center;
}
.al {
	height:900px;
	background:#ffffff;
	padding-top:20px;
	width:100%
}
.anli {
	width: 100%;
	width:500px;
	text-align:center;
	margin:50px auto;
}
.jiexi {
	width:1600px;
	height:800px;
	margin:auto;
	display:flex;
	justify-content: space-between;
	flex-flow:row wrap;
	
}
.item img,.item4 img,.item5 img,.item6 img {
	overflow: hidden;
	border-radius: 5px; 
}
.jiexi .item:nth-child(2){
	/*! margin: 0 0 0 -10px!important; */

}
.item .img,.item4 .img,.item5 .img,.item6 .img{
	position:relative
}
.item4 {
	height:430px;
	margin-top:-150px;
}
.item5 {
	height:430px;
	margin-top:10px;
}
.item6 {
	height:430px;
	margin-top:-50px;
}
.altitle {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:50%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle a {
	color:#FFFFFF;
}
.altitle1 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:50%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle1 a {
	color:#FFFFFF;
}
.altitle3 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:40%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle3 a {
	color:#FFFFFF;
}
.altitle5 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:30%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle5 a {
	color:#FFFFFF;
}
.altitle6 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:35%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle6 a {
	color:#FFFFFF;
}
.about {
	height:800px;
	background:#f4f4f4;
	padding-top:20px;
	width:100%;
	padding-top:50px;
}
.about_title {
	width:300px;
	height:100px;
	margin:0 auto;
	text-align: center;
	font-weight:888!important;;

}
.about_main {
	width:1600px;
	height:600px;
	margin: 0 auto;
}
.about_left p {
	font-size:20px;
	line-height:35px;
	text-indent:2em;
}
.about_left {
	width:500px;
	height:600px;
	float:left
}
.about_bt {
	width:120px;
	height:35px;
	margin: 0 auto;
	border: 1px solid #CC0000;
	line-height:35px;
	font-size:20px;
	background:#CC0000;
	text-align:center;
	color:#FFFFFF;
	margin-top:50px;
	border-radius :15px;
}
.about_bt a {
	color:#FFFFFF
}
.about_right {
	width:1000px;
	height:600px;
	float:right
}
.about_right img {
	width:950px;
	height:550px;
}
.about_pic {
	width:auto;
	height:auto;
	margin:0 auto;
}
.about_pic img{
	width: 100%!important;
}
.news {
	background:#ffffff;
	padding-top:25px;
	margin-bottom:25px; 
	width:100%;
	overflow: hidden;
}
.news_title {
	height: 50px;
	margin:0 auto;
	text-align:center;
	margin:50px auto;
	position: relative;
}
.news_title h2{
	position: absolute;
	top:70%;
	left:calc(50% - 70px);
	z-index: 2;
	color: #e20e0e;
	font-weight: 888;
}
.news_title span{
	position: absolute;
	text-transform:uppercase;
	top:-30%;
	left:calc(50% - 103px);
	font-size: 5em!important;
	color: rgba(5,5,5,0.0572)!important;
	font-weight: 888;
	font-family:  revert
	z-index: 1
}
.news_main {
	/*! height:900px; */
	background:#fff;
	padding-top:20px;
	width:1600px;
	margin:0 auto;
	padding-top:50px;
	overflow:hidden;
}
.news_left {
	width:25%;
	height: 480px;
	position:relative;
	float:left;
	overflow: hidden;
	text-align: center;
}
.news_left img{
	width: 380px;
	height:auto;
	border:1px solid #ddd;
	padding: 5px;
}
.news_left_title {
	position:absolute;
	bottom:30px;
	width: 100%;
	padding:5px 0;
	text-align: center;
	background:#e33;
	
}
.news_left_title a {
	color:#FFFFFF;
	font-size:16px;
}
.news_right {
	width:75%;
	float:right;
	position:relative;
	/*! display:flex; */
	justify-content: space-between;
	overflow: hidden;
}
.news_item {
	width:49%!important;
	float: left;
	box-shadow: 0 2px 5px #ccc;
}
.news_item img{
	width: 30%;
	height: auto;
	border: 1px solid #ddd;
	padding: 5px;
  float:left;
	margin: 10px 20px ;
	transition:.13s all ease-in-out;
}
.news_item img:hover{
 transition:.13s all ease-in-out;
 box-shadow:0 1px 3px #ccc;
}
.news_item .riqi{
	margin: 10px 0;
	background:rgba(5,5,5,0.025)
	
}
.news_item .riqi span {
	font-size:20px;
	margin:10px -4px 10px 15px;
	font-family: Impact;
	color: #094;
}
.news_item .riqi font{
	color:#e20;
	padding:0 5px;
	font-weight: 888;
	font-size: 1.25em

}
.news_item p {
	font-size:14px;
	margin:8px;
	color: #888;
}
.news-list{
	height: 259px;
	margin:5px;
	/*! background: rgba(80,50,20,0.0525); */
	padding:0 5px;
	border-radius: 5px;
	overflow: hidden;
	transition:.13s all ease-in-out;
	cursor: pointer
}
.news-list:hover{
	transition:.13s all ease-in-out;
 box-shadow:0 2px 5px #c2c2c2;
 transform:translateY(-3px);
 -webkit-transform:translateY(-3px);
 -moz-transform:translateY(-3px);
 -o-transform:translateY(-3px)
}
.news_pic {
	margin-top:20px;
}
.news_right_title {
	font-size:18px;
	margin: 0 8px;
	margin-top:20px;
	padding: 0 0 10px;
	border-bottom:1px dashed #ddd;

}
.news_right_title a{
	color: #444;
	font-weight: 600
}
.news_right_title a:hover{
	color: #e33
}


.news_bt {
	width:120px;
	height:35px;
	line-height:35px;
	font-size:1em;
	background:#ff9800;
	text-align:center;
	color:#555;
	float: right;
	
}
.news_bt a {
	color:white
}
.news_bt a:hover{
	color:gold
}
.lianxi {
	height:340px;
	width:1600px;
	margin:0 auto;
	margin-top:55px!important; 
	margin-bottom:20px;
	color: #444
}
.lianxi dt {
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px; 
	border-bottom: 2px solid #ddd;
	padding: 5px 10px;
	border-radius:5px 
}
.lianxi dl {
	font-size:15px;
	line-height:35px;
}
.lianxi dl dd{
	padding: 0 10px;
}
.lianxi dl a {
	color:#444
}
.lianxi dl a:hover{
	color: #e33
}
.lx {
	width:17%;
	height:auto;
	float:left;
	margin: 0 1% 0 0 ;
}

.lianxi_right {
	width:420px;
	height: 310px;
	float:right;
	border-left:1px dashed #666;
	padding: 15px 15px 25px 20px
}
.lianxi_right h1{
	font-size:2em;
}
.lianxi_right i,.lx i{
	color: #00000060;
	font-size: 1em;
}
.lianxi_right h2{
	margin: 10px 0 0 0;
	font-size:1.8em;
}
.lianxi_right h2 i{
	
}
.lianxi_right p {
	font-size:1.25em;
	margin-top:10px;
}
.lianxi_right_bt {
	width:120px;
	height:35px;
	border: 1px solid #CC0000;
	line-height:35px;
	font-size:20px;
	background:#CC0000;
	text-align:center;
	color:#FFFFFF;
	margin-top:30px;
	border-radius :15px;
}
.lianxi_right_bt a {
	color:#FFFFFF
}
.wechat li{
	float:left;
	width: 30%;
	text-align: center;
	margin: 5px 0;
}
.wechat li span{
	display: block;
	margin: 5px;
}
.wechat li img {
	margin: 10px 0 0 0;
	width: 90%;
	padding: 5px;
	/*! border:1px solid #666; */
}
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }


/*banner begin*/
.swiper-video figure{
	width: 100%;
}
.indexbanner {
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#f2f2f2;
}
.indexbanner li {
	width:100%;
	position:relative;
	width:100%;
	overflow:hidden;
	float:left;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	height:100%;
	position:relative;
}
.indexbanner li h1,.indexbanner li h4{
	color:;
  background: rgba(10,15,25,0.85);
	padding:5px 25px;
	margin:0 5px;
}
.indexbanner li h4{
  background: rgba(180,15,25,0.85);
}
.indexbanner li h1{
	line-height: 1.5em;
	font-size: 1.8em;
	font-weight: 1000;
}
.indexbanner li h4{
	line-height: 1.5em;
	font-size: 1.25em;
}
.indexbanner ul {
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.news-left li{
	margin: 0 15px;
	width: 100%;
	padding: 10px 0;
	overflow:hidden;
}
.news-left .news-list-img{
	width: 25%;
	margin: 10px;
	overflow: hidden;
	text-align: center;
	border:1px dashed #ccc;
}
.news-left img{
	width: 55%;
	transition: all 0.5s;
}
.news-left img:hover{
	transform: scale(1.05); 
}
.news-left .news-info{
	width: 67.3666666%;
	margin: 15px 0 0 35px;
}
.news-left .news-info p{
	font-size: 1.1em;
	line-height: 1.85em
}
.news-left .news-info span:first-child {
	border-bottom:1px dashed #ccc; 
	border-radius: 0 0 5px 5px;
	padding: 5px;
	font-size:2em!important;
}
.news-left .news-info span:first-child:hover{
	color:#e50
}
.indexbannerbtn {
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	z-index:20;
	bottom:12px;
}
.indexbannerbtn p span {
	display:inline-block;
	width:45px;
	height:8px;
	background:#e33;
	overflow:hidden;
	margin:0 5px;
	border-radius: 5px; 
	cursor:pointer;
}
.indexbannerbtn p span.swiper-pagination-bullet-active {
	background: #f63;
}
.indexbanner img {
	display:block;
	width:100%;
	height:calc(100vh);
	position:relative;
}
.bannertextcont {
	padding:20px 15px 40px;
	text-align:center;
	color:#333;
	background:#f2f2f2;
}
.bannertitle {
	font-size:20px;
}
.bannertext {
	font-size:16px;
	margin:15px 0 20px;
}
.bannerlink {
	display:inline-block;
	width:107px;
	height:36px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	background:#00837a;
	border:1px solid #00837a;
}
.bannerlink:hover {
	color:#fff;
}
@media (min-width:1024px) {
.bannertitle {
font-size:50px;
font-weight: bold;
line-height:76px;
transition:all 600ms;
-webkit-transition:all 600ms;
-moz-transition:all 600ms;
-ms-transition:all 600ms;
-o-transition:all 600ms;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
opacity:0;
}
.bannertext {
font-size:20px;
margin:40px 0 42px;
transition:all 1000ms;
-webkit-transition:all 1000ms;
-moz-transition:all 1000ms;
-ms-transition:all 1000ms;
-o-transition:all 1000ms;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
opacity:0
}
.bannerlink {
font-size:16px;
opacity:0;
transition:all 1300ms;
-webkit-transition:all 1300ms;
-moz-transition:all 1300ms;
-ms-transition:all 1300ms;
-o-transition:all 1300ms;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
}
.bannertextcont {
background:none;
text-align:left;
position:absolute;
padding:0 15px;
left:0;
top:40%;
transform:translate(0%, -50%);
-webkit-transform:translate(0%, -50%);
-moz-transform:translate(0%, -50%);
-ms-transform:translate(0%, -50%);
-o-transform:translate(0%, -50%);
z-index:10;
color:#333;
}
.bannertextcont.right .controlwz {
float:right;
}
.bannertextcont.white {
color:#fff;
}
.indexbanner li.notxt .bannertextcont {
display:none;
}
.indexbanner li.active .bannertitle {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.indexbanner li.active .bannertext {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.indexbanner li.active .bannerlink {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
/*foot begin*/
.foot {
	color:#333;
	overflow:hidden;
}
.foot .cen_m {
	width:1600px;
	margin: 0 auto;
}
.foot .content {
	padding-bottom:10px;
	overflow:hidden;
}
.foot .tit {
	font-size:20px;
	line-height:1;
	margin-bottom:5px;
}
.foot .content ul {
	float:left;
	width:761px;
	padding-top:15px;
}
.foot .content ul li {
	line-height:20px;
	width:45%;
	float:left;
	margin-bottom:20px;
}
.foot .content ul li a {
	color:white;
}
.foot .content ul li img {
	height:18px;
	width:auto;
	margin-right:10px;
}
.foot .content ul li:nth-child(2n) {
width:55%;
}
.foot .content .wx {
	float:left;
	position:relative;
	margin-left:34px;
	width:82px;
}
.foot .content .wx img {
	width:100%;
	height:auto;
}
.foot .content .wx:after {
	width: 23px;
	height: 18px;
	position: absolute;
	left:-34px;
	top: 5px;
	background-image:url(../images/wx.png);
	background-repeat:no-repeat;
	background-size:cover;
	content: '';
}
.foot .copyright {
	font-size:15px;
	text-align:left;
	background:#efefef;
	border-top:2px #aaa solid;
	padding-top:21px;
	padding-bottom:20px;
	text-align:center;
}
.foot .copyright a {
	color:#555;
}
footer .flink{
	border-top:15px solid #efefef; 
    width: 100%;
    overflow: hidden;
    font-size: 0.85rem;
}
footer .flink ul{
    width:83.55555555555555555555555555%;
    margin:auto;
    line-height:30px;
    border:1px dashed #ccc;
    overflow: hidden;
    padding: 10px 0;
}
footer .flink h5{
	  margin-top:1.5%; 
    margin-left:8.333333333333333333333333333333%; 
    line-height: 40px;
    overflow: hidden;
    color: #444;
    font-size: 0.95rem
}
footer .flink ul li{
    float:left;
    margin:0 10px;
}
footer .flink ul li a{
    color: #444;
    font-size:1em;
}
.header-top,.tab-block,.information-tab .information-left,.content,.chan,.jiexi,.about_main,.news_main,.lianxi,.cen_m,.bg-grey,.content{
		width:1600px;
		margin: auto;
	}
@media screen and (min-width:1921px){
	.shop-list-img{
		height: 600px!important;
	}
}
@media screen and (max-width:1900px){
	.header-top,.fa,.bg-grey,.chan,.jiexi,.about_main,.news_main,.lianxi,.cen_m{
		width:85.55%!important;
		margin: auto;
	}
	.content, .content .tab-block,.information-tab .information-left,.tab-block.information-tab .tabs{
		width: 100%!important;
	}
	.fa{
		height: 710px
	}
	.tel span{
		font-size: 16px!important;
	}
	.item img,.item4 img,.item5 img,.item6 img {
	overflow: hidden;
	border-radius: 5px; 
}
.jiexi .item:nth-child(2){
	/*! margin: 0 0 0 -10px!important; */

}
	.item,.item4,.item5,.item6{
		width: 33%;
		float: left;
	}
.item .img,.item4 .img,.item5 .img,.item6 .img{
	position:relative
}
	.item .img img,.item4 .img img,.item5 .img img,.item6 .img img{
		width: 100%!important;
	}
.item4 {
	height:430px;
	margin-top:-150px;
}
.item5 {
	height:430px;
	margin-top:10px;
}
.item6 {
	height:430px;
	margin-top:-50px;
}
	.cpleft{
		width: 30%!important;
		margin: 0
	}
	.cpright{
		width:69%!important;
			margin:0
	}
	.cpright ul li{
		width: 32%!important;
		margin:5px!important;
		padding: 0;
	}
	.cpright .picr{
		
		overflow: hidden
	}
	.about_left{
		width: 38.8888888888888%;
	}
	.about_right{
		width: 60%;
	}
	.about_right img{
		width: 100%;
	}
	.news_left{
		width: 33%;
	}
	.news_right{
		width:66%
	}
	.lianxi_right{
		width: 28%
	}
}