@charset "utf-8";
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html{font-size:100px;}
body {
	font-family:  Helvetica, Arial, "Microsoft YaHei"; color:#666;
}
.mnav{ display:none;}
a {
	text-decoration: none;
	outline: none;
     color:#555;
}
a:hover {
	text-decoration: none; color:#000;
}
ul, li {
	list-style: none;
	list-style-type: none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
img, iframe {
	border: 0;
}
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}
.cf,.clearfix:after {
	clear: both;
}
.w100{ width:100%;}

.container{ margin:auto;}
.occupy{height: 1.40rem; z-index:0;}
.Mtop{ margin-top:.2rem;}
.H100{ height:100%;}
h1{ font-size:.34rem; font-weight:700; text-align:center;color:#000; margin-top:.2rem;}
h2{ font-size:.32rem; font-weight:600; color:#000;}
/*---------- page-header ----------*/
.header { display:block;
	height: 1.20rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 100;
	 border-bottom:1px solid #a8a8a8 ;
	 background:#fff;
}
.header ul{ margin:auto;}
.header ul .logo{ float:left; display:block; width:1.4rem; height:.86rem; background:url(../images/logo-c.png) no-repeat; background-size:contain; margin-top:.2rem;}
.header ul .m{ float:right;  margin-top:.66rem;position:relative;}
.header ul .m a{ display:block; height:.52rem;}
.nav .sub{ display:none; /*默认隐藏*/ width:2.7rem;position:absolute; left:-.55rem; top:.52rem; background:#fff; text-align:center; box-shadow: 0 1px 0.08rem rgba(0,0,0,0.2);}
.nav .sub li{border-bottom:1px solid #ccc;}
.nav .sub li a{font-size:0.16rem; padding:.15rem 0;  display:block; color:#666;}
.nav .sub li a:hover{ color:#000; background:#fbfbfb;   }
.m:hover .sub {  display: block;}
/*---------- index-pic list ----------*/
.piclist {
	display: flex;	
	flex-wrap: wrap;
}
.listA{justify-content : space-around;}
.listC{justify-content : center;}
.listS,.listS1{justify-content :flex-start;}
.listM{align-items:center;}

.pic-w-01,.pic-w-02{  line-height:1px; line-height:1px;font-size:1px;}
.pic-w-01{ width:33.3333%;padding:.2rem .2rem .4rem; }
.pic-w-02{ width:25%;padding:.15rem ;}
.pic-w-03{ width:35%;padding:.15rem ;}
.cont-w-01{width:65%;padding:.15rem .15rem .15rem .6rem ;}

.pic-wall,.pic-wall-pic{background: rgb(36, 36, 36); overflow:hidden; position:relative; line-height:1px;font-size:1px;}
.pic-wall img,.pic-wall-pic img,.pic-wall-n img{ width:100%;}
.pic-wall a,.pic-wall-n a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; cursor:pointer;}
.pic-wall h3,.pic-wall-pic h3{ line-height:2.5; font-size:.16rem; text-align: center; color:#fff;width:100%;position: relative; margin:0;}
.pic-wall-n{background: rgb(36, 36, 36); overflow:hidden; position:relative; line-height:1px;font-size:1px;}
.pic-wall-n h3{ line-height:1.5; font-size:.16rem; text-align: center; color:#fff;width:100%;position: relative; margin:0; padding:.05rem 0;}

.pic-w-01 figure.effect-sadie:hover figcaption::before {
	opacity: 0.7;height:25%;transition:all 0.2s;
}
figure.effect-sadie:hover p {
	opacity: 1;
}
figure.effect-sadie:hover img {
	opacity: 0.6;
	}
.pic-w-01 figure.effect-sadie figcaption::before {
	position:absolute;
	bottom:.4rem;
	left: 0;
	width: 100%;
	height:5%;
	background:#000; 
	content: '';
	opacity: 0;
}

.pic-w-01 figure.effect-sadie figcaption::before {
	
	transition:all 0.5s;
	
}
.pic-w-01 figure.effect-sadie p {
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
}
.container header{ display:block; width:100%;}
.cd-close-nav{ display:none;}

figure.effect-sadie p {
	color:#fff;
	font-size:0.14rem;
	position: absolute;
	top:68%;
	left: 0;
	padding:.1rem;
	opacity: 0;
	line-height:1.4;
}


.pic-w-02 figure.effect-sadie img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1);
	top:0; left:0; 
}

.pic-w-02 figure.effect-sadie:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.pic-w-02 figure.effect-sadie h3 {
	position: absolute;
	bottom:0;
	left: 0;
	padding:0.3em 0;
	width: 100%;
	background: rgba(36, 36, 36,.7);
	line-height:1.5;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
}
.pic-w-02 figure.effect-sadie:hover h3 {
	background: rgba(36, 36, 36,1);
	/*transform: translate3d(0,-50%,0) translate3d(0,-40px,0);*/
}


/*---------- footer ----------*/
footer{height:15px; width:100%; padding:0.6rem .6rem .3rem; text-align:right; color:#939494; font-size:0.1rem; }

/*---------- table ----------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	font-size:0.14rem;
	margin-top:.3rem;
}
th { background-color:#d8d8d8;padding:0.08rem .05rem; font-size:.14rem; font-weight:500;color:#000;}
td,th {

	text-align:center;
	vertical-align:middle;
	
	border-bottom:1px solid;
	border-color: #ebebeb;
	outline:none !important
}
td{padding:0.1rem .05rem;}
/*company*/
.text{line-height: 1.8;   font-size: .16rem; padding:0 .15rem;}
.text p{ margin:.15rem 0;}
.text h4{font-size: .22rem;font-weight:600; padding-top:.3rem; margin:.4rem 0 .2rem; border-top:1px solid #666;color:#000;}
.text em{ font-style:normal;font-weight:600; margin-bottom:.2rem; color:#222;}
/*contact*/
section{ width:50%;}
section h1{font-size: .26rem;font-weight:700; text-align:left; margin-top:.1rem;}
section i{ height:.4rem; width:.4rem; margin-right:.2rem;}
section div{ margin:.25rem 0;}
.w50{width:60%;}
section p{ width:80%; font-size:.18rem;}
.add{ background:url(/images/icon-add.png) 0 0 no-repeat;}
.tel{ background:url(/images/icon-tel.png) 0 0 no-repeat;}
.mail{ background:url(/images/icon-mail.png) 0 0 no-repeat;}
.web{ background:url(/images/icon-web.png) 0 0 no-repeat;}
/*.file{ background:url(/images/icon-file.png) 0 0 no-repeat;height:1.05rem; width:1.0rem; margin:.1rem .1rem .2rem;display:block;}*/
.Hoc{height:3.4rem;}
.pdf{height:1.65rem; width:1.4rem; border-radius: 10px;background:#efdfdf; margin:.15rem;}
.pdf:hover { background-color:#edc8c8;}
.pdf p{display:block; width:100%;text-align:center;}
.ffix{position: fixed; bottom:0; right:0;}
.arest{ display:block; width:100%; height:100%; z-index:99; cursor:pointer; color:#fff;}
.arest:hover{ color:#fff;}
.pic-wall-pic h3{ height:.47rem; background:#f90d0d url(/images/pdf-bg.png) right top no-repeat; line-height:3;}
.pic-wall-pic span{position:absolute;top:0;left:0;width: 100%;height:100%;background:rgba(0, 0, 0,0);display: flex;	justify-content : center;align-items:center;}
.pic-wall-pic span i { font-style:normal;font-size:.3rem; line-height:1;font-weight:700; text-align:center;color:#000;display: flex;	justify-content : center;align-items:center;	width:90%;	height:30%;	background:rgba(255,255,255,0.8);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s;
}
.pic-wall-pic span:hover i{ background:rgba(0,0,0,0.6);width:100%;height:100%;font-size:.34rem;color:#fff;}

.pic-wall-pic p{position:absolute;bottom:0;left:0;width:100%;height:15%;color:#fff;line-height:1.5; padding:0 .05rem; font-size:.16rem;font-weight:600;background:rgba(0,0,0,0.8);display: flex;align-items:center;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s;}
.pic-wall-pic:hover p{height:30%;background:rgba(0,0,0,0.6);}
/*video*/
.videobox{width:894px;height:503px;font-size:.1rem;}
.max1000 { max-width: 1000px;  margin-left: auto;  margin-right: auto;}

/*---------- @media ----------*/
@media (min-width:1200px) {

.container,header ul{width:1200px;}
header ul .m{ font-size:.18rem;}
 header ul .m a{padding:.1rem .22rem;}
}

@media (max-width:1200px) {

.container,header ul{width:100%;}
header ul .m{ font-size:.18rem;}
 header ul .m a{padding:.1rem .22rem;}
}
@media (max-width:1024px) {
header ul .m{ font-size:.16rem;}
 header ul .m a{padding:.1rem .12rem;}	
 figure.effect-sadie p {line-height:1.3;}
}
@media (min-width:908px) and (max-width:978px) {
	figure.effect-sadie p {top:64%;}
	}
@media (min-width:799px) and (max-width:908px) {
	figure.effect-sadie p {font-size:.12rem;top:63%;}
	}
@media (max-width:799px) {
	.pic-w-01{ width:90%; padding-left:.25rem; padding-right:.25rem; padding-bottom:.25rem;}
	.pic-w-02{ width:50%;  padding:.05rem;}
	.listS{ padding-left:.2rem; padding-right:.2rem;}
	.listS1{justify-content:space-around;}
	h1{margin-bottom:.2rem;}
	figure.effect-sadie p {top:71%;}
	section{ width:95%;}
	.ffix{right:10%;}
        .Hoc{height:100%;}
	section h1{ text-align:center; margin-top:0;}
	.videobox{width:95%;height:300px;font-size:.1rem;}
	footer{padding:0.6rem 0 .2rem;text-align:center;}
}
@media (max-width:799px) {
.pic-wall-pic span i {font-size:.24rem; }

}
@media (max-width:399px) {
.videobox{width:95%;height:200px;font-size:.1rem;}

}