@charset "utf-8";
/*初始化*/

body{font-size:12px; background:#FFFFFF; color:#666666; font-family:Microsoft JhengHei,Microsoft Yahei,SimHei,Arial,simsun;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0;} 
html { 
	overflow-x:hidden; 
}
a{text-decoration:none; color:#666666; font-size:12px;}
a:hover{ text-decoration:none;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea,select,option{ outline:none; color:#333; }
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align:top;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.left{ float:left;}
.right{ float:right;}
.hide{ display:none;}
.show{ display:block;}
.weizhi{ border-bottom:1px #ddd dashed; line-height:30px; font-size:14px}
.weizhi a{ line-height:30px; font-size:14px}
/*top*/
.top{ width:320px; height:56px; position:fixed; left:0; right:0; top:0; margin:auto; background:#FFFFFF; overflow:hidden; z-index:999; }
.logo{ width:80px; height:56px; position:absolute; left:0; top:0; right:0; margin:auto; overflow:hidden; display:block;}
.logo img{ max-width:80px;}
.logofb{ width:180px; height:20px; position:absolute; left:0; top:4px; right:0; margin:auto; overflow:hidden; display:none;}
.logofb img{ max-width:180px;}

/*mtag*/
.mtag{ width:30px; height:18px; line-height:18px; position:absolute; left:15px; top:18px;  color:#e11c5a; text-align:right; overflow:hidden; }
.mtag .mtagt{ display:block; width:28px; height:2px; background:#e11c5a; position:absolute; right:0; top:0; font-size:0; overflow:hidden}
.mtag .mtagm{ display:block; width:28px; height:2px; background:#e11c5a; position:absolute; right:0; top:8px; font-size:0; overflow:hidden}
.mtag .mtagd{ display:block; width:28px; height:2px; background:#e11c5a; position:absolute; right:0; bottom:0; font-size:0; overflow:hidden}

/*mtel*/
.mtel{ width:19px; height:26px; position:absolute; right:15px; top:15px; overflow:hidden; }
.mtel img{ max-width:19px;}

/*maneson*/
.maneson{ width:320px; height:100%; position:fixed; left:0; right:0; top:0; margin:auto; overflow:hidden; z-index:1000; display:none;}
.mclose{ display:block; width:30px; height:30px; background:url(mclose.jpg) no-repeat; background-size:30px; position:absolute; left:15px; top:12px; z-index:2; overflow:hidden;}

.maneson ul{ width:320px; height:420px; margin:56px auto 0 auto; border-top:#cbcbcb 1px solid; background:#FFFFFF; position:relative; z-index:1; overflow-y:auto;}
.maneson li{ width:100%; overflow:hidden}
.maneson .mndt{ width:100%; height:48px; border-bottom:#cbcbcb 1px solid; position:relative; overflow:hidden}
.maneson .mndt a{ display:block; width:290px; height:48px; line-height:48px; font-size:14px; color:#000000; font-weight:bold; margin:0 auto; position:relative; z-index:1; overflow:hidden;}
.maneson .mndt .mndttag{ display:block; width:48px; height:48px; line-height:48px; text-align:center; font-size:30px; font-weight:normal; color:#cbcbcb; position:absolute; right:0; top:0; overflow:hidden; z-index:2;}
.maneson .mndt .mndttag img{ max-width:28px; margin:10px auto;}
.maneson .mndd{ width:100%; border-bottom:#cbcbcb 1px solid; padding:10px 0; overflow:hidden; display:none;}
.maneson .mndd a{ display:block; width:260px; height:30px; line-height:30px; margin:0 auto; overflow:hidden;}

/*banner*/
.banner{width:320px; height:515px; margin:56px auto 20px auto;  position:relative; text-align:center;overflow:hidden;}
.albn{ width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.albn ul{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden}
.albn li{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; overflow:hidden;}
.albn li img{ display:block;  width:100%; margin:0 auto; position:relative; z-index:1; }
.albn li span{display:block; width:290px; height:100px; color:#FFFFFF; font-size:20px; text-align:left; position:absolute; left:15px; top:35px; z-index:2; overflow:hidden;}

.hdpg{ width:90%; height:16px; position:absolute; left:0; right:0; bottom:6px; margin:auto; z-index:3; text-align:right; overflow:hidden; display:none;}
.hdpg i{  display:inline-block; width:3px; height:3px; border:1px solid rgba(255,255,255,0.3); margin:0 3px; border-radius: 6px; cursor:pointer; text-indent:-9999px;  overflow:hidden}
.hdpcur{ background:rgba(255,255,255,0.5);}

.bnover{display:none; }
.bncur{display:block;z-index:2;}
.bnpre{ display:none; width:24px; height:42px; position:absolute; top:50%; left:5%; text-indent:-999px; cursor:pointer; z-index:2; overflow:hidden;}
.bnnext{display:none; width:24px; height:42px;  position:absolute; top:50%; right:5%; text-indent:-999px; cursor:pointer; z-index:2; overflow:hidden;}



/*f1*/
.f1{ width:320px; margin:45px auto 20px auto; position:relative; overflow:hidden}
.f1 h2{ width:100%; text-align:center; font-size:24px; color:#000000;}
.f1 h3{ width:100%; text-align:center; margin:15px auto 25px auto; font-weight:normal;}
.f1more{ width:290px; margin:0 auto; text-align:right; color:#e11c5a;}
.f1more a{color:#e11c5a;}
.f1box{ width:100%; position:relative; margin-top:10px;}
.case-slick{ position:relative; height:380px; margin:0 -70% 0 -70%;}
.case-slick .slick-slide{ position:relative; height:380px;}
.f1mb{ display:block; width:206px; height:370px; margin:5px auto; position:relative; box-shadow:0 2px 5px 2px rgba(233,233,233,1);}
.f1pic{ width:206px; height:116px;  margin:0 auto; position:relative; overflow:hidden;}
.case-slick .slick-slide .box{ display: block; position: relative; z-index:2 }
.case-slick .slick-slide .default{ display: block; position:relative; z-index:1;}
.case-slick .slick-slide .hover{ display: block; position:relative; top:-116px; height:380px; z-index:2;}
.case-slick .slick-current .default{ display: block;}
.case-slick .slick-current .hover{ display: none;}
.case-slick .slick-prev,
.case-slick .slick-next{ width: 35%; top:0; margin: 0; height: 100%; border-radius:0;}
.case-slick img { 
	display: block;
	max-width: 206px;
	border: 0;
	margin: 0 auto;
}
.case-slick .cstxtbg{ width:206px; height:252px; position:absolute; left:0; top:116px; right:0; margin:auto; z-index:1;}
.case-slick .cstxtbg .cstxt{ width:190px; height:240px; position:absolute; left:11px; top:10px; overflow:hidden;}
.case-slick .cstxtbg .cstxt .csbt{ width:100%; font-size:16px; color:#000000; font-weight:bold; overflow:hidden}
.case-slick .cstxtbg .cstxt .csfbt{ width:100%; font-size:12px; margin:5px 0 10px 0; color:#b7b7b7; overflow:hidden}
.case-slick .cstxtbg .cstxt .csdes{ width:100%; font-size:12px; color:#666666; line-height:160%; text-align:justify; overflow:hidden}

/*f2*/
.f2{ width:320px; margin:0 auto; position:relative; overflow:hidden}
.f2 h2{ width:100%; text-align:center; font-size:24px; margin-top:25px; color:#000000;}
.f2more{ width:100%; text-align:center; margin:15px auto 0 auto; color:#e11c5a;}
.f2more a{color:#e11c5a;}
.f2 dl{ width:290px; box-shadow:0 2px 5px 2px rgba(233,233,233,1); position:relative; margin:20px auto; overflow:hidden;}
.f2 dt{ width:100%; position:relative; overflow:hidden}
.f2 dt img{ max-width:290px;}
.f2 dd{ width:260px; margin:15px auto; position:relative; overflow:hidden;}
.f2bt{ width:100%; font-size:12px; color:#e11c5a; font-weight:bold; overflow:hidden}
.f2fbt{ width:100%; margin-top:3px; color:#b7b7b7;}
.f2des{ width:100%; margin-top:10px; font-size:16px; color:#000000; overflow:hidden}

/*f3transform:scale(0.9);*/
.f3bg{ width:320px; margin:0 auto; position:relative; overflow:hidden}
.f3{ width:290px; box-shadow:0 2px 5px 2px rgba(233,233,233,1); position:relative; padding:12px 0; margin:10px auto; overflow:hidden;}
.f3 ul{ margin-left:3px; position:relative; overflow:hidden;}
.f3 li{ width:134px; height:48px; margin:0 3px 6px 3px; float:left; border:#ececec 1px solid; text-align:center; overflow:hidden;}
.f3libt{ width:99%; height:18px; line-height:18px; font-size:15px; color:#e11c5a; margin:6px auto 1px auto; overflow:hidden;}
.f3lides{ width:100%; margin:0 auto; font-size:10px; overflow:hidden;}
.f3bt{ width:260px; margin:0 auto 10px auto; color:#e11c5a; font-weight:bold; overflow:hidden}
.f3fbt{ width:260px; margin:3px auto 0 auto; color:#b7b7b7;}
.f3des{ width:260px; margin:10px auto 20px auto; font-size:16px; color:#000000; overflow:hidden}

/*f4*/
.f4{ width:320px; margin:45px auto; position:relative; overflow:hidden}
.f4 h2{ width:100%; text-align:center; font-size:24px; color:#000000;}
.f4more{ width:100%; text-align:center; margin:15px auto 25px auto; color:#e11c5a;}
.f4more a{color:#e11c5a;}
.f4box{ width:100%; position:relative; margin-top:10px;}
.case-slickf4{ position:relative; height:380px; margin:0 -70% 0 -70%;}
.case-slickf4 .slick-slide{ position:relative; height:380px;}
.f4mb{ display:block; width:206px; height:370px; margin:5px auto; position:relative; box-shadow:0 2px 5px 2px rgba(233,233,233,1);}
.f4pic{ width:206px; height:116px;  margin:0 auto; position:relative; overflow:hidden;}
.case-slickf4 .slick-slide .box{ display: block; position: relative; z-index:2;}
.case-slickf4 .slick-slide .default{ display: block; position:relative; z-index:1;}
.case-slickf4 .slick-slide .hover{ display: block; position:relative; top:-116px; height:380px; z-index:2;}
.case-slickf4 .slick-current .default{ display: block;}
.case-slickf4 .slick-current .hover{ display: none;}
.case-slickf4 .slick-prev,
.case-slickf4 .slick-next{ width: 35%; top:0; margin: 0; height: 100%; border-radius:0;}
.case-slickf4 img { 
	display: block;
	max-width: 206px;
	border: 0;
	margin: 0 auto;
}
.case-slickf4 .cstxtbg{ width:206px; height:250px; padding-top:5px; position:absolute; left:0; top:116px; right:0; margin:auto; z-index:1;}
.case-slickf4 .cstxtbg .cstxt{ width:190px; height:240px; position:absolute; left:11px; top:10px; overflow:hidden;}
.case-slickf4 .cstxtbg .cstxt .csbt{ width:100%; font-size:16px; color:#000000; font-weight:bold; overflow:hidden}
.case-slickf4 .cstxtbg .cstxt .csfbt{ width:100%; font-size:12px; margin:5px 0 10px 0; color:#b7b7b7; overflow:hidden}
.case-slickf4 .cstxtbg .cstxt .csdes{ width:100%; font-size:12px; color:#666666; line-height:160%; text-align:justify; overflow:hidden}

/*f5*/
.f5{ width:320px; margin:0 auto 45px auto; position:relative; z-index:2; overflow:hidden}
.f5 h2{ width:100%; text-align:center; font-size:24px; color:#000000;}
.f5more{ width:100%; text-align:center; margin:15px auto 25px auto;}
.f5bg{ width:320px; height:343px; position:relative; margin-top:10px; background:url(f5bg.png) no-repeat; background-size:320px 343px; overflow:hidden}
.f5box{ width:290px; height:290px; background:#FFFFFF; position:absolute; left:15px; top:30px; overflow:hidden}
.f5box .f5pic{ display:block; width:80px; float:left; margin:15px 0 0 12px; overflow:hidden;}
.f5box .f5pic img{ display:block; max-width:80px;}
.f5box .f5pic span{ display:block; width:100%; color:#000000; text-align:center;}
.f5txt{width:260px; margin:15px auto 5px auto; font-size:10px; line-height:160%; overflow:hidden;}
.f5gm{width:260px; position:absolute; left:0; bottom:10px; right:0; margin:auto; color:#e11c5a; text-align:left; overflow:hidden;}
.f5tanp{ width:60px; height:60px; position:absolute; left:10px; bottom:70px; display:none;}
.f5tanp img{ display:block; width:100px;}
/*f6*/
.f6{ width:320px; margin:0 auto 45px auto; position:relative; overflow:hidden}
.f6 h2{ width:100%; text-align:center; font-size:24px; color:#000000;}
.f6more{ width:100%; color:#e11c5a;text-align:center; margin:15px auto 25px auto;}
.f6more a{color:#e11c5a;}

.f6tag{ width:320px; font-size:20px; color:#e11c5a; text-align:center; margin:10px auto; overflow:hidden;}
.f6box{ width:262px; position:relative; margin:0 auto; border:#e11c5a 1px solid; padding:14px; text-align:justify; line-height:180%; color:#000000; font-size:13px; overflow:hidden;}
.f6gd{ width:100%; margin-top:10px; color:#e11c5a; text-align:center; overflow:hidden;}
.f6gd a{color:#e11c5a;}

.f6info{ width:262px; position:relative; margin:20px auto 0 auto; text-align:justify; line-height:180%; overflow:hidden;}
.e11c5a{ color:#e11c5a;}

/*f7*/
.f7{ width:320px; margin:0 auto 15px auto; position:relative; overflow:hidden}
.f7 h2{ width:100%; text-align:center; font-size:24px; color:#000000;}
.f7box{ width:320px; height:45px; padding:0 0; position:relative; margin:10px auto 0 auto; background:#f7f7f7; overflow:hidden;}
.f7a{ width:2400px; position:absolute; left:0; top:0; overflow:hidden}
.f7a li{ float:left;}
.f7a li img{ display:block; width:80px;}

/*f8*/
.f8bg{width:320px; height:424px; margin:0 auto 45px auto;  position:relative; text-align:center;overflow:hidden;}
.f8{ width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.f8 ul{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden}
.f8 li{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; overflow:hidden;}
.f8 li img{ display:block; height:100%; margin:0 auto; position:relative; z-index:1; }
.f8box{display:block; width:290px; height:126px; background:#FFFFFF; text-align:left; position:absolute; left:15px; bottom:15px; z-index:2; overflow:hidden;}
.f8bt{ display:block; width:260px; min-height:40px; font-size:20px; color:#000000; font-weight:bold; margin:30px auto 10px auto;}
.f8fbt{ display:block; width:260px; font-size:12px; color:#e11c5a;  margin:0 auto;}

.f8over{display:none; }
.f8cur{display:block;z-index:2;}
.f8pre{ width:29px; height:29px; position:absolute; top:39%; left:5%; text-indent:-999px; background:url(f8pre.png) no-repeat; background-size:29px 29px; cursor:pointer; z-index:2; overflow:hidden; }
.f8next{ width:29px; height:29px;  position:absolute; top:39%; right:5%; text-indent:-999px; background:url(f8next.png) no-repeat; background-size:29px 29px; cursor:pointer; z-index:2; overflow:hidden;}

/*dxal*/
.af1{ width:320px; margin:90px auto 45px auto; position:relative; overflow:hidden;}
.af1box{ position:relative; height:257px; margin:0 -80% 0 -80%;}
.af1box .slick-slide{ position:relative; height:257px;}
.af1box .slick-slide .box{ display: block; position: relative; z-index:2;}
.af1box .slick-slide .default{ display: block;  position:relative; z-index:1;}
.af1box .slick-slide .hover{ display: block; position:relative; top:-257px; z-index:2; }
.af1box .slick-current .default{ display: block; }
.af1box .slick-current .hover{ display: none; }
.af1box .slick-prev,
.af1box .slick-next{ width: 35%; top:0; margin: 0; height: 100%; border-radius:0; }
.af1box img { 
	display: block;
	max-width: 235px; height:257px;
	border: 0;
	margin: 0 auto;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: 10px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
	font-size:0;
}
.af2bg{ width:320px; background:#fafafa; padding:30px 0; position:relative; margin:0 auto; overflow:hidden;}
.af2bg h2{ display:block; width:290px; margin:0 auto 30px auto; font-size:24px; color:#000000; text-align:center;}
.af2{ width:320px; height:220px; margin:0 auto; position:relative; overflow:hidden;}
.af2box{ width:1120px; height:220px; position:absolute; left:0; top:0;}
.af2box li{ width:80px; float:left;}
.af2box li img{ display:block; width:80px; margin-bottom:10px;}

/*dxalnr*/
.af3{ width:320px; margin:56px auto 0 auto; position:relative; text-align:center; overflow:hidden;}
.af3 img{ max-width:320px; margin:0 auto;}
.af4{ width:290px; margin:45px auto 10px auto; padding-top:15px; border-top:#dcdcdc 1px solid; position:relative; overflow:hidden;}
.af4bt{ width:100%;  font-size:18px; color:#000000; font-weight:bold; overflow:hidden}
.af4box{ width:100%; min-height:300px; line-height:180%; text-align:justify; margin-top:15px; position:relative; overflow:hidden;}
.af4box img{max-width:290px; height:auto;}

/*new*/
.nf1{ width:320px; margin:56px auto 0 auto; position:relative; text-align:center; overflow:hidden;}
.nf1 img{ max-width:320px; margin:0 auto;}
.nf2{ width:290px; margin:45px auto 10px auto; padding-top:15px; border-top:#dcdcdc 1px solid; position:relative; overflow:hidden;}
.nf2 li{ width:100%; position:relative; border-bottom:#b5b5b5 1px solid; margin-bottom:20px; overflow:hidden;}
.nf2bt{ width:100%; font-size:18px; color:#000000; font-weight:bold; text-align:left; overflow:hidden;}
.nf2des{ width:100%; font-size:14px; line-height:180%; margin-top:10px; text-align:left; overflow:hidden;}
.nf2pic{ width:100%; margin:10px auto; text-align:center; overflow:hidden;}
.nf2pic img{ display:block; max-width:290px; margin:0 auto;}
.nf2more{ width:100%; margin:10px auto; color:#e11c5a; text-align:right; overflow:hidden;}
.nf2page{ display:none;}
.nf2cha{ width:260px; height:32px; line-height:32px; text-align:center; color:#e11c5a; font-size:16px; border:#e11c5a 1px solid; margin:10px auto 45px auto; overflow:hidden;}

/*lianxi*/
.lf1{ width:290px; margin:45px auto 10px auto; padding-top:15px; border-top:#dcdcdc 1px solid; position:relative; overflow:hidden;}
.lf1 img{ max-width:290px;}
.lf1a{ width:100%; font-size:14px; text-align:justify; font-weight:bold; line-height:180%;}
.lf1b{ width:100%; text-align:center; margin:20px auto; line-height:180%;}
.lf1ba{font-size:24px; color:#000000;}
.lf1ba a{font-size:24px; color:#000000;}
.lf1bb a{font-size:14px;}
.lf1c{ width:256px; padding:18px 15px; margin:0 auto; border:#e11c5a 2px solid; overflow:hidden;}
.lf1d{ width:100%; text-align:center; margin:20px auto; text-align:center;}
.lf1e{ width:100%; text-align:center; margin:0 auto; text-align:center;}
.lf1e img{ display:block; width:105px; margin:0 auto;}
.lf1e span{ display:block; width:100%; margin:5px auto; text-align:center; color:#000000; font-size:16px;}

.lxtxt{width:100%; margin:0 auto; position:relative; line-height:180%; text-align:center; color:#000000; font-size:14px; overflow:hidden}
.lxtxt img{ width:100%; margin:10px auto 0 auto;}

/*hdfangfa*/
.ddaoh{width:290px; height:32px; padding-top:15px; margin:0 auto -45px auto; position:relative; overflow:hidden;}
.ddaoh ul{height:32px;display:inline-block;word-break:normal;word-wrap:normal;white-space:nowrap; overflow:hidden;}
.ddaoh li{ display:inline-block;  height:32px; line-height:32px; margin:0 15px 0 0;}
.ddaoh li a{display:inline-block; font-size:14px;}
.ddaohcur{ color:#e11c5a;}

/*foot*/
.foot{width:320px; position:relative; margin:0 auto; background:#e11c5a; padding:25px 0;  text-align:center; color:#ffffff; z-index:1;overflow:hidden; }
.fta{width:290px; position:relative; margin:0 auto; text-align:center; overflow:hidden; }
.ftabt{ width:290px; position:relative; font-size:32px; margin:0 auto; text-align:center; overflow:hidden; }
.ftabt a{font-size:32px; color:#FFFFFF;}
.ftabtb{ width:290px; position:relative; font-size:13px; margin:0 auto; text-align:center; overflow:hidden;}
.ftb{width:288px; position:relative; padding:15px 0; margin:25px auto; text-align:left; border:#FFFFFF 1px solid; font-size:10px; overflow:hidden;}
.ftbbt{ font-size:21px; font-weight:bold;}
.ftb p{ display:block; width:248px; margin:0 auto; line-height:180%;}
.ftc{width:290px; position:relative; margin:0 auto; text-align:left; z-index:2}
.ftc p{ display:block; width:100%; position:relative;}
.ftcbt{ display:inline-block; float:left; height:24px; line-height:24px;}
.dweixin{ display:inline-block; width:24px;float:left; margin-left:12px;}
.dweibo{ display:inline-block; width:24px;float:left; margin-left:12px;}
.ftcgm{ width:60px; height:60px; position:absolute; left:20px; bottom:60px; display:none;}
.ftcgm img{ display:block; width:100px;}
.ftd{width:290px; position:relative; margin:25px auto 0 auto; text-align:center; line-height:180%; font-size:8px; overflow:hidden;}




.active,active a{color:#FF0000}