@charset "utf-8";
/* CSS Document */
/*全局设置*/
body {font-size:14px; color:#666666; line-height: 200%; font-family: "Microsoft YaHei"; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin:0; padding:0;}
table, td, tr, th {	font-size:14px;}
s{font-style: normal; text-decoration: none;}
ol, ul { list-style:none;}
li { list-style-type:none;}
h1, h2, h3, h4, h5, h6, pre {font-size:12px; font-weight:normal;}
input {	font-family:Arial; font-size:12px;}
a {	color:#666666;	text-decoration:none;}
a:hover {color:#C00/*!important*/; text-decoration:none;}
a:focus{outline:none; -moz-outline:none; color:#666666; text-decoration: none;}

.arial{font-family: arial;}
.font120 {	line-height:120%;}
.font150 {	line-height:150%;}
.fontRed {	color:red;}
.fontGreen { color:#0F0;}
.fontblue {	color:#2198CC;}
a.fontblue {	color:#2198CC;}
.fontYellow {color:#FF0;}
.fontGray {	color:#CCC;}
.fontGray666 {	color:#666;}
.fontWhite {color:#FFF;}
.fontBlack{color: #333;}
.f12 {	font-size:12px;}
.f14 {	font-size:14px;}
.f14blue {font-size:14px; color:#0168B7;}
.f14blueB {font-size:14px; color:#39F; font-weight:bold;}
.f14red {font-size:14px;	color:red;}
.f14redB {font-size:14px; color:red;	font-weight:bold;}
.f14White {	font-size:14px;	color:#FFF;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f22 {	font-size:22px;}
.f24 {	font-size:24px;}
.f26 {	font-size:26px;}
.f20 {	font-size:20px;}
.f30{font-size:30px;}
.picR {	float:right; margin:5px 0 0 15px;}
.picL {	float:left; margin:5px 15px 0 0;}
.marL5 { margin-left:5px;}
.marR5 { margin-right:5px;}
.marR10 { margin-right:10px;}
.marR25 { margin-right:25px;}
.marR35 { margin-right:35px;}
.marL10 {margin-left:10px;}
.marL20 {margin-left:25px;}
.marL25 {margin-left:25px;}
.marTB5 {margin-top:5px; margin-bottom:5px;}
.marT5 {margin-top:5px;}
.marTB10 {margin-top:10px; margin-bottom:10px;}
.marTB15 {margin-top:15px; margin-bottom:15px;}
.marTB20{margin-top:20px; margin-bottom:20px;}
.marTB35 {margin-top:35px; margin-bottom:35px;}
.marT9{ margin-top: 9px;}
.marT10 {margin-top:10px;}
.marT15 {margin-top:15px;}
.marT20 {margin-top:20px;}
.marT29 {margin-top:29px;}
.marT30 {margin-top:30px;}
.marT35 {margin-top:35px;}
.marT40 {margin-top:40px;}
.marB5 {margin-bottom:5px;}
.marB10 {margin-bottom:10px;}
.marB15 {margin-bottom:15px;}
.marB20 {margin-bottom:20px;}
.pad5{ padding: 5px;}
.pad10{ padding: 10px;}
.pad15{ padding: 15px;}
.padT10 {padding-top:10px;}
.pad25{ padding:25px 35px 25px 35px;}
.pad65{ padding:65px;}
.padTB5{ padding:5px 0;}
.padTB35{ padding:35px 0;}
.pad0{ padding:0 !important;}
.vm{vertical-align: middle;}
.vt{vertical-align: top;}
.vb{vertical-align: bottom;}
.radiusNone{border-radius:0;}
.elip{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rel{position: relative;}

/*清除浮动*/
.clearfloat {clear:both; margin:0; padding:0; overflow:hidden; height:0;}
#layout{overflow:auto;zoom:1;} 
#layout:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 

/*分页*/
.PageMenu{ text-align: center; margin-top: 20px;}
.pagination > li > a, .pagination > li > span{ color: #333;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background: #B51919; border: solid 1px #B51919;}

.return{ text-align:center; line-height:50px; margin-top:20px; font-weight:bold; border-top:1px dashed #CCC; }

/*首页*/
.content{width: 1020px; margin: 0 auto;}
.icon{background-repeat: no-repeat; background-image: url("../images/icon.png"); vertical-align: middle; display: inline-block;}
.icon-logo{background-position: 0 0; width: 442px; height: 129px;}
.icon-video{background-position: 0 -140px; width: 61px; height: 61px;}

.btn-primary{color:#fff;background-color:#173A7E;border-color:#337ab7}
.bdT1{border-top: solid 1px #D2D2D2;}
.bdB1{border-bottom: solid 1px #D2D2D2;}

/* top */
#top{height: 155px; background: url(../images/topBg.gif) repeat-x;}
#top .icon-logo{margin-top: 13px;}

#menu{ line-height: 35px; height: 35px; background: #CCC; }
#menu .nav{ position:relative; z-index:2; }
#menu .nav .nLi a{ display: block; text-align: center; color: #FFF; background: url(../images/menuBg.gif) left center no-repeat #CCC;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; width: 145.7px; cursor: pointer;}
#menu .nav .on h3 a{background: #333333; color: #FFF; }
#menu .nav .nLi h3 a{ display:block; text-align: center; font-size:16px; line-height: 35px; height: 35px;}
#menu .nav .nLi h3 a:hover{ display:block; text-align: center; font-size:16px; background: #333333;}
#menu .nav .sub{ display:none; width: 145px; font-size: 12px;  left:0; top:35px;  position:absolute; background:#2198CC; background:rgba(0,0,0,0.2); padding:0; line-height:40px; }
#menu .nav .sub li{ zoom:1;  }
#menu .nav .sub a{ display:block; padding:0; background: #CCC;}
#menu .nav .sub a:hover{ display:block; padding:0; background-color: #333;} 

/*bottom*/
#bottom{color: #FFF;}
#bottom a{color: #FFF;}
#bottom a:hover{color: #E2A4A4;}
.btNav{font-size: 16px; background-color: #900E0E; line-height: 40px;}
.btNav a{padding-left: 20px; padding-right: 20px;}
.btContact{background-color: #B51919; padding-top: 20px; padding-bottom: 20px;}

/*banner*/
#banner{background: #000;}
.swiper-container {width: 100%; height: 453px; margin-left: auto; margin-right: auto; }
.swiper-slide {background-size: cover;background-position: center;}
.gallery-top {height: 453px;width: 100%; }
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0; }
.gallery-thumbs .swiper-slide {width: 255px;height: 93px;opacity: 0.4;cursor: pointer; }
.gallery-thumbs .swiper-slide-active {opacity: 1; }


.homeTitle{ position: relative; text-align: center; margin: 35px 0 35px 0; font-size: 32px; line-height: 32px; z-index: 1; font-weight: bold; color: #4B4B4B;}
.homeTitle span{background: #FFF; padding: 0 24px;}
.homeTitle span:before, .homeTitle span:after { border-top: 6px solid #cfcfcf;}
.homeTitle span:before, .homeTitle span:after { display: block;  height: 1px; content: " "; width: 100%; position: absolute;  left: 0;  top: 14px;  z-index: -1;}

.homeNewList img { width: 320px; height: 180px; }
.homeNewList img:hover{opacity: 0.9;}
.homeNewList .title{height: 35px; line-height: 35px; color: #FFF; font-weight: bold; font-size:12px; padding: 0 15px; }
.homeNewList .title.bg01{background: #FF3399;}
.homeNewList .title.bg02{background: #009900;}
.homeNewList .title.bg03{background: #F40009;}
.homeNewList .title.bg04{background: #9F4A2C;}
.homeNewList .title.bg05{background: #FFCC00;}
.homeNewList .title.bg06{background: #C7030A;}
.homeNewList .des{line-height: 150%; margin-bottom: 35px; margin-top: 10px;}
.homeNewList .des p.t{height:21px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.homeNewList .des p.d{height:42px; overflow:hidden;}
.homeNewList .des p:first-child{ font-size: 14px; color: #333; }
.homeNewList .des p:last-child{ font-size: 12px; color: #666;  }

.homePicList li{width: 20%; float: left; text-align: center; margin-bottom: 14px;}
.homePicList li img{width: 190px; height: 190px;}
.homePicList li img:hover{opacity: 0.9;}

.homeVideoBig{background: #000; padding: 20px;}
.homeVideoMin{margin-top: 15px;}
.homeVideoMin img{width: 320px; height: 180px; max-width: 100%;}
.homeVideoMin .icon-video {position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px;}

.homeProTitle .label{font-weight:normal; font-size: 20px; width: 150px; display: inline-block; border-radius: 0;}
.homeProList{margin-bottom: 30px;}
.homeProList li{margin-top: 20px; float: left; width: 20%;}
.homeProList img{border: solid 1px #CCC; width: 195px; height: 195px;}

/*page*/
#pageL{width: 220px;}
#pageR{width: 780px;}
.pageLtitle{background: url(../images/homeTitleBg.gif) repeat-x center; line-height: 40px; color: #FFF; font-size: 20px; padding-left: 20px;}
.pageLtitle .icon{margin-right: 15px;}
.pageLmenu{border: 1px solid #DDD;}
.pageLmenu span{margin-right: 20px; margin-left: 25px; font-family: "simsun";}
.pageLmenu li a{ display: block; background-color: #F5F5F5; line-height: 40px; border-bottom: solid 1px #DDD;}
.pageLmenu li a:hover{background-color: #EEE;}
.pageLmenu li.active a{background-color: #EEE; color: #B51919;}
.pageLmenu li:last-child a{border-bottom: none;}
.pageLbox{border: solid 1px #DDD;}
.pageLbox img{max-width: 100%;}
.pageLbox .icon-video{position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px;}
#pageR .panel-heading{padding-top: 5px; padding-bottom: 5px;}
#pageR .panel-heading .glyphicon {margin-right: 5px;}
.proList li{text-align: center; margin-top: 10px; font-size: 12px;}
.proList img{width: 200px; height: 200px; padding: 5px; border: solid 1px #EEE; background-color: #FFF;}
.proList img:hover{border: solid 1px #B51919; }

.detail .title{font-size: 16px; text-align: center; border-bottom: 1px dashed #CCC; margin-bottom: 15px; padding-bottom: 10px; }
.detail img{max-width: 100%;}

.newsList{margin-top: -10px;}
.newsList li{line-height: 45px; border-bottom: dashed 1px #DDD;}
.newsList .icon{margin-right: 10px;}
.newsList .pull-right{color: #CCC;}

#pageR .panel{min-height: 436px;}
#pageR .panel p{margin-bottom: 10px;}