@font-face {
  font-family:'siyuanheiti';
  src: url('');
  src:url('');
}

#wrapper{width:100%;height:100%; font-size:12px; font-family:'siyuanheiti', "Microsoft Yahei","宋体",Arial, sans-serif; background:#fff;}

#header,#banner,#container,.footer1,.footer3,.nmain1,.footdb { width:1400px; padding:0px; margin:0px auto; }

#header { margin-bottom:35px;}
.nav{ padding:0 20px; margin-left:45px; height:34px; line-height:34px;  position:relative; z-index:1;  }
.nav a{ color:#4d4948; }
.nav .nLi{ float:left;  position:relative; display:inline; padding:10px 0px;  }
.nav .nLi h3{ float:left; margin:0px 20px; }
.nav .nLi h3 a{ display:block; padding:0 10px;font-family:'siyuanheiti';  font-size:16px; font-weight:normal;  }
.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; color:#fff; }
.nav .sub a:hover{border-bottom:2px solid #6d6d6d; }
.nav .on h3 a{ border-bottom:2px solid #c5150e; color:#000;}


.search{ width:190px; height:26px; margin-top:45px; margin-right:5px; border:1px solid #9b9b9b; border-radius:20px;}
.search input{ border:none;display:inline-block; background:#fff;}
.text_box{ width:155px;height:26px; padding-left:5px;color:#ddd; line-height:26px; float:left; border:none; background:#fff;border-radius:20px; }
.search button{width:20px;height:26px; margin-right:8px; cursor:pointer; float:right; border:none; background:none;  font-size:14px; }



.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }


.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.main1,.main2 { margin-top:100px;}
.lan1 { background:url(../image/lanbg.gif) repeat-x center; text-align:center; font-size:22px; line-height:30px; letter-spacing:5px;}
.lan1 span { background:#fff; padding:0px 20px;}
.main1_2 { margin-top:50px;}
.main1_2 dl { float:left; margin:0px 58px; width:25%; text-align:center; }
.main1_2 dl dt { box-shadow:2px 2px 5px #d5d5d5; padding:10px;}
.main1_2 dl dt img { width:100%; height:100%;}
.main1_2 dl dd a {  color:#333; display:inline-block;}
.main1_2 dl dd a:hover { background-color:#c5150e; border:1px solid #c5150e; color:#fff;}

.main2 { background:url(../image/aboutbg.jpg) no-repeat center top;}
.main2_1 { margin:100px auto; background-color:#fff; text-align:center; padding:30px 50px 40px 50px; width:500px;}
.main2_1 h1 { letter-spacing:13px; border-bottom:2px dashed #ff4951; line-height:60px; color:#333;}
.main2_1a { font-size:16px; line-height:26px; padding:10px 0px;}
.ljts a { background-color:#4d4948; color:#fff; font-size:14px; padding:2px 10px;}
.ljts a:hover { color:#f1f1f1; background-color:#615d5c;}

#footer1,#footer2 { background-color:#000; padding-top:40px; }
.footer1  {color:#fff; line-height:26px;  padding-bottom:40px;  position:relative; }
.footer1 a { color:#fff;}
.footer1 h3 { letter-spacing:3px;}
.footer1 p { padding:10px 0px;}
.fnr1 { width:20%; font-size:14px;}
.fnr2 { width:60%; font-size:14px;}
.fnr3 { width:20%; font-size:14px;}
.footer1 a { }

#footer3 { padding:30px 0px;}
#content {height:100px; width:100px; padding:2px; display:none;position:absolute;  bottom:0px; right:220px;background-color:#fff; }
#content2 {height:100px; width:100px; padding:2px; display:none;position:absolute;  bottom:0px; right:100px;background-color:#fff; }


.nbanner img { width:100%; height:475px;}
.nbanner1 { position:relative; background:url(../image/hfbanner.jpg) no-repeat; background-size:cover; display:block; height:475px;}
.nmain1 {position:absolute; top:500px; box-shadow:2px 2px 5px #c0c0c0; background-color:#fff; }
.nmain1 h1,.nmain1 small { padding:30px;}


.search2{  width:100%; box-shadow:2px 2px 5px #c0c0c0; }
.search2 input{ border:none;display:inline-block; background:#fff;}
.text_box2{ line-height:60px; padding-left:25px;color:#333; float:left; border:none; }
.search2 button{ cursor:pointer; float:right; border:none; background-color:#4d4948; color:#fff ; padding:20px 70px; font-size:16px; }

.nmain2 { margin-bottom:150px;}
.nmain2 dl { width:25%; float:left; min-height:420px;}
.nmain2 dl dt{ width:100%;}
.nmain2 dl dt img { width:100%;}
.nmain2 dl dd { line-height:30px; min-height:125px;  overflow:hidden;}
.nmain2 dl dd a { border:1px solid #333; padding:2px 4px; color:#333;}
.nmain2 dl dd a:hover { background-color:#333; color:#fff;}

#footdb { background-color:#efefef;}
.footdb { background:url(../image/slogo.gif) no-repeat left;padding:20px 0px;}
.footdb span { }

.lan2 a:hover { color:#333; text-decoration:underline;}
.nmain2_2 { margin:100px 0px;}
.nmain2_2 dl { width:100%;}
.nmain2_2 dl dt { width:50%;}
.nmain2_2 dl dt img { width:100%;}
.nmain2_2 dl dd {width:50%; margin-top:50px; line-height:40px;}
.nmain2_2 dl dd span { font-size:18px; line-height:50px; padding-bottom:10px;letter-spacing:1px; margin-bottom:10px;}
.cptd { letter-spacing:1px;line-height:40px;}
.cptd a:hover { color:#333;}

.zxgm { width:405px; background-color:#4d4948; color:#fff; line-height:60px; font-size:18px; display:block; margin-top:30px;}
.zxgm a { color:#fff; letter-spacing:4px; }

.nbanner2 {background:url(../image/aboutbanner.jpg) no-repeat; background-size:cover; display:block; height:475px; }
.main1_3 { font-size:16px; line-height:24px;}
.main1_3 img { float:left; display:block; margin-right:20px;}


.time-line{width:100%x;margin:20px auto;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../image/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
.time-line .right-btn:hover{background: url(../image/arrow-hover.png) no-repeat;transform: rotate(180deg);}
.time-line .left-btn:hover{background: url(../image/arrow-hover.png) no-repeat;}
.time-line .time-box{width:96%;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative;height: 265px;}
.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:210px;float: left;padding: 10px;box-sizing: border-box;border: 1px solid #d2d2d2;position: relative; cursor: pointer;}
.time-line .time-box li:nth-child(2n){margin-top: 166px;}
.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../image/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -54px; z-index: 1;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -9px;transform: rotate(-225deg);}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-49px;}
.time-line .time-box li:hover,.time-line .time-box li.active{background: #c5150e;color:#fff;border-color: #c5150e;}
.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #c5150e;background: #c5150e;}
.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../image/point-hover.png) no-repeat;}

.main1_5 img { width:90%; height:90%;}
.nbanner3 {background:url(../image/conbanner.jpg) no-repeat; background-size:cover; display:block; height:475px; }

.nmain2_4 { margin:100px 0px; font-size:16px;}
.nmain2_4 dl { width:100%;}
.nmain2_4 dl dt { margin-left:30px;}
.nmain2_4 dl dt img { }
.nmain2_4 dl dd { line-height:40px;}
.nmain2_4 dl dd span { font-size:16px; text-transform:uppercase; line-height:40px; background:url(../image/probg.gif) no-repeat left bottom; padding-bottom:10px;}
.nmain2_4 dl dd img {width:100%;}

.ly { font-size:12px; color:#ccc; line-height:40px; display:block; width:300px; border:none;border-bottom:1px solid #666; padding-left:10px; }
.lybut { background-color:#4d4948; display:inline-block; padding:1px 20px; margin-left:217px; margin-top:20px;}
.lybut a { color:#fff; font-size:12px; line-height:20px;}



.pagelink {clear:both;font-size:12px;text-align:center;height:38px;overflow:hidden; margin-top:35px; font-size:12px;}
.pagelink a,div.pagelink span{padding:6px 7px 6px;height:32px;color:#4c4c4c;border:1px solid #ddd; line-height:32px; text-decoration:none; margin:0 2px;}
.pagelink a:hover{color:#690;text-decoration:none;padding:6px 7px 5px;border-bottom:2px solid #690}
.pagelink .current{color:#F63;padding:6px 7px 5px;height:26px;border:1px solid #ddd;border-bottom:2px solid #F63;font-weight:bold}