@charset "utf-8";

@font-face {	
font-family: 'BellCentennial';	
src: url("../fonts/BellCentennial.eot");
src: url("../fonts/BellCentennial.eot") format("embedded-opentype"), 
url("../fonts/BellCentennial.woff") format("woff"), 
url("../fonts/BellCentennial.ttf") format("truetype"), 
url("../fonts/BellCentennial.svg") format("svg");	
font-weight: normal;
font-style: normal;}

*{margin:0;padding:0}
body{ font-family:"microsoft yahei",arial;font-size:14px;color:#fff;-webkit-font-smoothing: antialiased;}
HTML {OVERFLOW-X: hidden;background: url(../images/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; background-color: #000000;}

ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clearfix{clear:both;zoom:1;}
.clear{clear:both}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.clear{ clear:both}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea{ outline:none;font-family:"microsoft yahei"; font-size:12px;}

input,textarea,select,button {font-family: 'Microsoft YaHei',Arial, tahoma,simsun; outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#333333; -webkit-transition: all ease-in .2s; 
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
 -o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#0085c1; text-decoration:none;}
ul,li {list-style-type:none; margin:0px; padding:0px;}
img { border:0; margin:0; padding:0;}



.wrap { width:100%;max-width:850px; margin:0 auto;}


.header .logo{ margin:38px auto 14px auto; width:124px; }
.header .logo img{ width:100%; height:auto;}

.header .menu{ line-height:36px; border-bottom:solid 1px #66666a; border-top:solid 1px #66666a; }
.header .menu li{ float:left;text-align:center; position:relative; padding:0 38px;}
.header .menu li a{color:#fff;display:block;}
.header .menu li a:hover{ color:#999999}
.header .menu li .cur{ color:#999999}
.header .menu .menu-a{color:#fff; font-size:14px;overflow:hidden;position:relative}

.header .menu .menu-a i{ width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #cccccc; position:absolute; left:50%; margin-left:-3px;bottom:-6px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.header .menu li:hover .menu-a i{ bottom:0}
.header .menu li .sub{ background:#cccccc; position:absolute; width:112px;left:0;display:none;padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;z-index:999;}
.header .menu li .sub p a{
	line-height:28px;
	color:#333;
	display:block;
	text-align: left;
	text-indent: 8px;
}
.header .menu li .sub p a:hover{ background-color:#fff}

.main .wrap{ margin-top:55px; border-top:solid 1px #66666a;}
.main .caselist { margin-top:14px;}
.main .caselist li{ float:left; width:32%; margin-right:2%; margin-bottom:14px;height:182px; overflow:hidden; display:block; }
.main .caselist li:nth-child(3n){ margin-right:0%; }
.main .caselist li:nth-child(3n+1){ clear:both; }
.main .caselist li img{ width:100%;}
.main .caselist .pic02 {position: relative; left: 0; top: -182px;width: 100%; height: 100%;display: flex;flex-direction: column;justify-content: center; transition:all 1.5s; z-index:99}

.main .caselist li .pic{ height:182px; overflow:hidden; display:block; width:100%;}
.main .caselist img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.main .caselist li:hover img{transform:scale(1.1);}

.main .caselist li .pic {display: block;position: relative;ransition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.main .caselist li .pic .mask{position: absolute;left: 0;top:0%;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;flex-direction: column;justify-content: center;}
.main .caselist li .pic .mask img{ display:block; text-align:center; margin:0 auto; width:70%; max-width:200px;}
.main .caselist li:hover .mask{background: rgba(0,0,0,0);}
.main .caselist li:hover .mask img{ display:none}



.about .wrap{ padding:40px 0 42px 0;border-top:solid 1px #66666a;}
.about .wrap .ab_left{ float:left; width:15%;font-family:'BellCentennial'; text-transform:uppercase;}
.about .wrap .ab_left h1{ font-size:21.84px; color:#666;text-transform:uppercase;}
.about .wrap .ab_left h3{ font-size:27.3px; color:#fff;text-transform:uppercase;}

.about .wrap .ab_right{ float:right; width:80%; font-size:14px; color:#999; line-height:25px;}

.footer .wrap{ border-top:solid 1px #66666a; line-height:25px; padding:7px 0; margin-bottom:22px; text-align:center; color:#999;}
.footer .wrap a{ color:#999}

.nmain{ margin-bottom:75px}
.nmain .title{ font-size:20px; line-height:92px; font-weight:bold; font-family:'BellCentennial'; text-transform:uppercase; color:#fff;border-bottom:solid 1px #66666a; }

.nmain .jianjie{ font-size:14px; color:#fff; line-height:25px; padding:12px 0;}
.nmain .jianjie02{ font-size:14px; color:#fff; line-height:25px; padding:12px 0; border-top:solid 1px #66666a; margin-top:40px;}

.nmain .jianjie h3{ font-size:20px; font-weight:bold; text-align:center; line-height:50px}
.nmain .jianjie ul li{ width:25%; float:left;}

.nmain .jianjie ul li .pic{ width:70%; max-width:158px; margin:0 auto;}
.nmain .jianjie ul li .wenzi{ line-height:20px; text-align:center}

.nmain .jianjie img{ width:auto; max-width:100%}

.history .picScroll{ position:relative;width:100%; bbox-sizing:border-box;-webkit-box-sizing:border-box;}
.history .picScroll ul{ overflow:hidden; zoom:1;width:100%;}
.history .picScroll{ margin:20px 0;}
.history .picScroll li{float: left; width: 33.33%;position: relative; background:url(../images/historybg.png) no-repeat left top; bottom:0}
.history .picScroll li .wenzi{width:70%; margin:0 auto;}
.history .picScroll li .wenzi p{ font-size:14px; color:#fff; line-height:24px; min-height:96px; margin-top:25px; position:relative;}
.history .picScroll li .wenzi h3{ font-size:36px; color:#999; line-height:72px;font-family:'BellCentennial'; font-weight:normal;position:relative;}

.history .picScroll .prev,
.history .picScroll .next{ position:absolute; z-index:99;  left:-50px; top:40%; display:block; width:43px; height:43px; overflow:hidden; background:url(../images/guwenleft.png) no-repeat; cursor:pointer;}
.history .picScroll .next{ left:auto; right:-50px; background:url(../images/guwenright.png) no-repeat;z-index:9999; }
.history .picScroll .prevStop{z-index:9999; opacity:0.3;filter:alpha(opacity=30); }
.history .picScroll .nextStop{z-index:9999; opacity:0.3;filter:alpha(opacity=30);}


.nmain .jianjie .prolist{ margin-bottom:5px}
.nmain .jianjie .prolist li{ width:32%; margin-right:2%;}
.nmain .jianjie .prolist li:nth-child(3n){ margin-right:0%;}

.nmain .jianjie .prolist li{ height:170px; overflow:hidden; }
.nmain .jianjie .prolist li img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.nmain .jianjie .prolist li:hover img{transform:scale(1.1);}


.brank{ margin-bottom:30px}


.mod18{width:100%;height:auto;position:relative; margin-top:-56px;}

.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:42%;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/guwenleft.png) 0 0 no-repeat; margin-left:-60px}
.mod18 #nextTop{background:url(../images/guwenright.png) 0 0 no-repeat;margin-right:-60px}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}


.mod18 .picBox{height:574px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:auto;position:absolute;}

.mod18 .btn{position:absolute;width:20px;height:76px;top:580px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .picBox li{width:850px;height:auto;}



.mod18 .listBox{width:92%;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:131px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:76px; }
.mod18 .listBox li img{width:122px;height:74px;display:block;border:solid 1px #999}
.mod18 .listBox .on img{width:122px;height:74px; display:block}
.mod18 .listBox .on i{display:block;}

.mod18  .mask {position: relative; left: 0;top: -76px;width:124px;height:76px; background: rgba(0,0,0,0.5);display: flex;flex-direction: column;justify-content: center;}
.mod18 .listBox .on .mask {background: rgba(0,0,0,0);}

.nmain .title02{ font-size:20px; margin-bottom:15px; line-height:72px; font-weight:bold; font-family:'BellCentennial'; text-transform:uppercase; color:#fff;border-bottom:solid 1px #66666a; }
.nmain .title02 .back{ float:right; border:solid 1px #999; line-height:20px; height:20px; width:146px; text-align:center; color:#999; font-size:14px;font-family:'BellCentennial'; margin-top:26px;}
.nmain .title02 .back a{ color:#999; font-weight:normal;text-transform:uppercase }
.nmain .title02 .back a:hover{ color:#fff; }



.nmain .bshow{ color:#999; line-height:25px; margin-bottom:30px}


.liulan { z-index:999; position:relative; width:199px; line-height:56px; overflow:hidden; display: block;  color:#fff; height:56px; background:url(../images/morelink.png) no-repeat left center; }
.liulan img{ float:left;padding-right:25px;}
.liulan  a{ color:#fff;}



.ncaselist{ margin:15px 0 30px 0}
.ncaselist li{ float:left; width:32%; margin-right:2%; margin-bottom:14px; }
.ncaselist li:nth-child(3n){ margin-right:0%; }
.ncaselist li:nth-child(3n+1){ clear:both; }
.ncaselist li img{ width:100%; display:block}

.ncaselist .wenzi { line-height:20px; color:#999; font-size:14px; padding:8px 0}

/*.ncaselist li a:hover{color:#fff}
.ncaselist .mask{position: relative;margin-top: -182px;width:100%;height:182px; background: rgba(0,0,0,0.5);}
.ncaselist li:hover .mask {background: rgba(0,0,0,0);}*/

.ncaselist li .pic {display: block;position: relative;ransition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.ncaselist .mask{position: absolute;left: 0;top:0%;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;flex-direction: column;justify-content: center;}
.ncaselist li:hover .mask{background: rgba(0,0,0,0);}


.ncaselist li .pic{ height:182px; overflow:hidden; display:block; width:100%;}
.ncaselist li .pic img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.ncaselist li:hover img{transform:scale(1.1);}


.nmain .xqshow { padding:35px 0; line-height:28px;}
.nmain .xqshow img{ width:auto; max-width:100%; padding:10px 0; display:block; margin:0 auto;}
.nmain .xqshow .dabiao h3{ text-align:center; font-size:18px; line-height:36px;}
.nmain .xqshow .dabiao p{ text-align:center; font-size:16px; line-height:20px; color:#999}
.nmain .xqshow .dabiao p span{font-family:'BellCentennial'; }
.nmain .xqshow .dabiao p span:nth-child(1){background:url(../images/shijian.png) no-repeat left center; padding-left:25px; margin-right:20px;}
.nmain .xqshow .dabiao p span:nth-child(2){background:url(../images/see.png) no-repeat left center; padding-left:25px;}

.nmain .xqshow .ndetail{ margin-top:25px}

.nmain .xqshow .back{ float:right; border:solid 1px #999; line-height:20px; height:20px; width:146px; text-align:center; color:#999; font-size:14px;font-family:'BellCentennial'; margin-top:26px;}
.nmain .xqshow .back a{ color:#999; font-weight:normal; background-color:#333333; display:block; width:100%; text-transform:uppercase}
.nmain .xqshow .back a:hover{ color:#fff; }


.nnewslist{ margin:15px 0 30px 0}
.nnewslist li{ float:left; width:32%; margin-right:2%; margin-bottom:14px; }
.nnewslist li:nth-child(3n){ margin-right:0%; }
.nnewslist li:nth-child(3n+1){ clear:both; }
.nnewslist li img{ width:100%; display:block}

.nnewslist .wenzi { line-height:20px; color:#999; font-size:14px; padding:8px 0}
.nnewslist li .pic {display: block;position: relative;ransition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.nnewslist .mask{position: absolute;left: 0;top:0%;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;flex-direction: column;justify-content: center;}
.nnewslist li:hover .mask{background: rgba(0,0,0,0);}


.nnewslist li .pic{ height:162px; overflow:hidden; display:block; width:100%;}
.nnewslist li .pic img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.nnewslist li:hover img{transform:scale(1.1);}

.nmain .jianjie .quanwu { margin:10px 0;}
.nmain .jianjie .quanwu li{ width:33.33%; float:left;}

.nmain .jianjie .quanwu li .pic{ width:70%; max-width:158px; margin:0 auto;}
.nmain .jianjie .quanwu .wenzi{ line-height:20px; text-align:center; font-size:18px;}

.nmain .jianjie .quanwu li .pic img{ opacity:1;filter:alpha(opacity=0);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}


.jianjie02 .kuai01 .tu{ float:left; width:30%;}
.jianjie02 .kuai01 .zi{ float:right; width:69%;}
.jianjie02 { line-height:25px; color:#fff; font-size:14px;}
.jianjie02 h3{ line-height:25px; color:#fff; font-size:14px; font-weight:bold;  padding:40px 4% 0 4%;}
.jianjie02 p{ line-height:25px; color:#fff; font-size:14px; padding:0% 4% 40px 4%;}

.jianjie02 .kuai02 .zuo h3{ line-height:25px; color:#fff; font-size:14px; font-weight:bold;  padding:60px 4% 0 4%;}
.jianjie02 .kuai02 .zuo p{ line-height:25px; color:#fff; font-size:14px; padding:0% 4% 60px 4%;}

.jianjie02 img{ width:100%;}

.jianjie02 .kuai02 .zuo{ float:left; width:30%;}
.jianjie02 .kuai02 .you{ float:right; width:69%;}


.lianxi { padding:30px 0 50px 0;}
.lianxi .cleft{ float:left; width:52%; line-height:25px; font-size:14px;}
.lianxi span{ font-size:16px;font-family:'BellCentennial'; }

.lianxi .cright{ float:right; width:46%; line-height:25px; font-size:14px;}

.erweima { width:107px; text-align:center; margin-top:12px;}

#guestbook{ width:100%; margin:10px auto 0 auto}
.message-con-1{ margin-bottom:5px;}
.message-con-1 .tit{ float:left; width:30%; font-size:14px; line-height:22px;font-family:'BellCentennial';}
.message-con-1 .input-m{ width: 60%; padding:0 2%; line-height:20px; border:1px solid #a9a9a9; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}

.message-con-1 textarea{ width: 65%; padding:0 2%;line-height:20px;outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}

.message-con-2{ margin-left:30%;margin-top:5px; }
.message-con-2 .submint-m{width:65px; line-height:25px; background-color:#fff; border-radius:5px; color:#333; font-size:16px; border:none;font-family:'BellCentennial';}