﻿/* CSS Document */
ol, ul, li, dl, dd, p, dt {list-style:none; margin:0px ; padding:0px; }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px; font-weight:normal;}
body{ font-size:12px; color:#000;line-height:25px;  margin:0 auto;-webkit-text-size-adjust:none;}
input{ }
img{ border:0px;}
form{padding:0px; margin:0px;}
a{ text-decoration:none; color:#444; }
a:hover{ color:#c49023;  }
input {outline: none;}
textarea {outline: none;}  
.clear{ clear:both; }
.fl{ float:left;}
.fr{ float:right;}
.mar_t30{ margin-top:30px;}

.width{ width:980px; margin:0px auto; overflow:hidden; }
.Son_width{ width:980px; margin:0px auto;  position:relative;}
.Logo{ float:left; padding-top:19px;}
.navList{ width:615px;float:right; margin-top:40px;}
.navList ul{width:615px;}
.navList li{ float:left; line-height:32px; width:135px; overflow:hidden; color:#555555; font-weight:bold} 
.navList li i{ font-style:normal; color:#cf0000; padding:0px 5px; font-size:10px;}
.navList li span{ color:#bbbbbb; font-size:10px; font-family:Calibri; font-weight:normal; }

.navList li.home{ border-bottom:1px solid #80acd4;margin-right:25px;}
.navList li.about{ border-bottom:1px solid #bf8a8c;margin-right:25px;}
.navList li.bri{ border-bottom:1px solid #b490af;margin-right:25px;}
.navList li.contact{ border-bottom:1px solid #e6b375;}
.navList li.yeji{ border-bottom:1px solid #dfd4b3;margin-right:25px;}
.navList li.news{ border-bottom:1px solid #80b5bb;margin-right:25px;}
.navList li.wenhua{ border-bottom:1px solid #e6b375;margin-right:25px;}
.navList li.office{ border-bottom:1px solid #dfd4b3;}

/*banner*/

.flexslider {position: relative;	width: 100%;height: 600px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%; }

.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}

.flex-control-paging li a {background: #fff;display: block;height:24px;overflow: hidden;width: 24px;cursor: pointer;-webkit-border-radius:15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a { background:#cf0000; color:#FFF}
.flexslider .slides a img {width: 100%;height:600px;display: block; }

/*焦点图*/
.successlunbo {   width: 980px;   margin:0 auto ; margin-top:50px;}
/* sildes css begin */
.control {    width: 739px;height: 433px; border:3px solid #c9c9c9;display: block;position: absolute;top: 0;left: 0;overflow: hidden;}
.change li {width: 739px;overflow: hidden;text-align: center}
/* 图片垂直居中,不是很准确 */
.change li .imgWrap {display: table-cell;width:757px;height: 436px;vertical-align: middle;cursor: pointer;*font-size: 500px;}
.change li img {width: 739px;height: 436px;overflow: hidden}
/* 描述部分 */
.change li .textDesc {width: 100%;position: absolute;left:10px;bottom:17px;text-align: left;overflow: hidden;}
.change li .opacity {width: 100%;height:67px; position: absolute;left: 0;bottom: 10px;background: url(../img/bg01.png) repeat ;}
.change li .title {color: #fff;font-size:22px;}
.change li .title a {color: #fff;}
.change li .text{ display:none}
/* 缩图部分 */

.thumbWrap {width: 220px;height: 449px;position: absolute;right:0;top: 0;overflow: hidden;}
.thumbWrap .thumbCont { width: 220px;height: 420px;overflow: hidden;position: relative;  }
.thumbWrap ul li {width: 220px;height:130px; padding-bottom:10px;   overflow: hidden;text-align: center;}
.thumbWrap ul li div {width:220px;height:130px; border:3px none; cursor: pointer; display: table-cell;}
.thumbWrap ul li img {width:214px;height:124px;vertical-align: middle;overflow: hidden;}
.thumbWrap ul li.cur {width:214px;height:114px; margin-bottom:10px;  border:3px solid #f00 }
/* 缩图按钮 */
.thumbPrev,.thumbNext {width:106px;height: 22px;text-align: center;position: absolute;color: #000;z-index: 9;outline: none}
.thumbPrev span,.thumbNext span {display: none;}
.thumbPrev {left: 0px; bottom:10px; background: url(../img/sprev.gif) no-repeat center #434343;}
.thumbNext {right:0px; bottom:10px; background: url(../img/snext.gif) no-repeat center #434343;}

/*辉煌业绩*/
.YeJiBg{ background:#f4f4f4; min-width:980px; padding:30px 0px 50px 0px; margin-top:50px;}
.YeJiTitle{ background:url(../img/icon01.png) no-repeat center; height:60px; text-align:center; font-size:24px; color:#000000; padding-top:10px;}
.YeJiTitle span{ display:block; color:#bbbbbb; font-family:Calibri; font-size:10px; padding-top:10px;}

.ZhuYingB{ width:466px; overflow:hidden; margin-top:25px;}
.ZhuYingT{ background:url(../img/icon02.png) no-repeat; width:105px; height:31px; line-height:27px; text-align:center; color:#FFF; font-size:16px;}
.tabsLists{padding-top:40px; width:466px; overflow:hidden;}
.tabsList{overflow:hidden;zoom:1;width:1400px;}
.tabsList li{float:left;display:inline;height:355px;overflow:hidden;zoom:1; width:38px; position:relative;}
.tabsList li h4{width:38px; height:355px;cursor:pointer;float:left;overflow:hidden;background: #999; font-size:16px;  text-align:center; color:#FFF }
.tabsList li h4.lia{background: url(../img/icon03.gif) no-repeat;}
.tabsList li h4.lib{background: url(../img/icon04.gif) no-repeat;}
.tabsList li h4.lic{background: url(../img/icon05.gif) no-repeat;}
.tabsList li h4.lid{background: url(../img/icon06.gif) no-repeat;}
.tabsList li h4.lie{background: url(../img/icon08.gif) no-repeat;}
.tabsList li h4.lif{background: url(../img/icon09.gif) no-repeat;}
.tabsList li h4.lij{background: url(../img/icon10.gif) no-repeat;}
.tabsList li h4.lih{background: url(../img/icon11.gif) no-repeat;}
.tabsList li.on h4.lia{background: url(../img/icon03.gif) no-repeat;}
.tabsList li.on h4.lib{background: url(../img/icon04.gif) no-repeat;}
.tabsList li.on h4.lic{background: url(../img/icon05.gif) no-repeat;}
.tabsList li.on h4.lid{background: url(../img/icon06.gif) no-repeat;}
.tabsList li.on h4.lie{background: url(../img/icon08.gif) no-repeat;}
.tabsList li.on h4.lif{background: url(../img/icon09.gif) no-repeat;}
.tabsList li.on h4.lij{background: url(../img/icon10.gif) no-repeat;}
.tabsList li.on h4.lih{background: url(../img/icon11.gif) no-repeat;}
.tabsList li.on{width:331px;}
.tabsList li .tabBody{ width:293px; height:355px; line-height:20px; color:#444; font-size:12px; display:table; overflow:hidden; background:url(../img/img07.gif) no-repeat right bottom #FFF; position:absolute; top:0; left:38px;}

.tabsList li .tabBody img{float:left; margin-right:18px;}
.tabsList li .tabBody h2{ font-size:24px; color:#c08c92; padding-bottom:10px; display:table;padding-top: 50px;}
.tabsList li .tabBody p{ display:table; margin-right:10px;}
.tabsList li .tabBody span{ display:table; background:url(../img/icon07.png) no-repeat; width:70px; height:25px; line-height:25px; text-align:center; color:#FFF; margin-top:10px;}
.tabsList li .tabBody span a{ color:#FFF; }


/*最新资讯*/
.NewsList{ width:1000px;}
.NewsList ul{}
.NewsList li{ width:198px ; height:125px; border:1px solid #ededed; float:left; margin-right:20px; margin-top:20px; line-height:20px; padding:15px;}
.NewsList h2{ font-size:14px; font-weight:bold; padding-bottom:5px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.NewsList i{ display:block;}
.NewsList li a{ color:#333}
.NewsList li:hover{ color:#c49023; border:1px solid #c49023;}
.NewsList li a:hover{ color:#c49023; display:block}
.JinRu{ background:#d5d5d5; height:30px; text-align:center; line-height:30px; margin-top:20px; margin-bottom:40px}
.JinRu a{ color:#333; display:block;}
.JinRu a:hover{ background:#c49023; color:#FFF}


/*版权*/
.CopyBg{ background:url(../img/copybg.gif) repeat-x bottom #767b7f;  min-width:980px; height:255px; padding-top:25px; }
.CopyT{ font-size:22px; color:#FFF; padding-bottom:10px;}
.CopyL_f{ color:#FFF; line-height:18px; margin-right:65px; color:#bbbbbb;}
.CopyL_f b{  display:block; color:#FFF}
.CopyR_f{ text-align:right; line-height:18px; color:#bbbbbb;}
.CopyR_f a{ color:#bbbbbb;}
.copylogo{ padding-top:35px; padding-left:75px;}
.CopyFont{ line-height:18px; color:#bbbbbb; padding-top:70px; padding-left:25px;}
.CopyFont a{color:#bbb;}
/*关于我们*/
.sonbanner{ background:url(../img/b001.jpg) no-repeat center; min-width:980px; height:282px; z-index:66; position:relative;}
.SonBg{ background:url(../img/sonbg.gif) no-repeat center bottom; min-width:980px; overflow:hidden ;padding-bottom:80px; min-height:500px; z-index:77}
.SonBgss{ background:url(../img/sonbg.gif) no-repeat center bottom; min-width:980px;padding-bottom:80px; min-height:500px; z-index:77}
.SonLeft{ width:222px; overflow:hidden; position:absolute; top:212px; z-index:99}
.SonMenuT{ background:url(../img/sonmenubg.png) repeat; width:200px; height:60px; padding-top:10px; font-size:22px; padding-left:20px; color:#FFF}
.SonMenuT span{ display:block; font-size:20px;}
.sonimg01{ background:url(../img/img08.png) no-repeat; width:222px ; height:5px;}
.sonimg02{ background:url(../img/img09.png) no-repeat; width:222px; height:10px;}
.SonListBg{ background:url(../img/icon10.png) repeat-y; width:222px; overflow:hidden;}
.SonList{}
.SonList ul{}
.SonList li{ width:180px; background:url(../img/icon14.gif) repeat-x bottom; padding:0 20px; }
.SonList li a{ background:url(../img/icon13.png) no-repeat left center; padding-left:10px; font-size:14px; color:#333;padding:10px 10px; display:block;}
.SonList li a:hover{ color:#c49023; background:url(../img/icon13_1.png) no-repeat left center} 
#SonList,#SonList2{ background:url(../img/icon13_1.png) no-repeat center left; color:#c49023} 

.SonRight{ width:725px; overflow:hidden;}
.Mbx{ border-bottom:1px solid #eaeaea; height:55PX; color:#999999; line-height:55px;}
.Mbx span{  padding:0px 5px; color:#999999;}
.Mbx a{ color:#999}
.Mbx a:hover{ color:#c49023;}
.SrHome{ background:url(../img/icon15.png) no-repeat left center; padding-left:15px; font-size:14px;}

.AboutFont{ line-height:30px; color:#444; font-size:14px; padding:20px 0px}
.AboutFont img{max-width:657px;}

.JgImg{ text-align:center; padding-bottom:80px; padding-top:50px;}


#gdqe{width:663px;height:108px;overflow:hidden;position:relative; float:left; margin-left:12px;}
#gdqe div{width:50000px;}
#gdqe li{width:221px; height:108px;float:left; }
#gdqe div img{background:#eee;}
#gdqe dd a{ color:#000; text-decoration:none;text-align:center; display:inline;}
.ProductsBgBox{ width:725px; height:141px;}















/*荣誉工程*/
.scroll_cont {	width: 717px;min-height:780px;position: relative; }
.focus_body {position: relative;width: 717px; margin-top:30px;}
.scroll {width: 717px;margin: 0 auto;position: relative;overflow: hidden;}
.scroll .box {float: left;width: 717px;position: relative;}
.scroll .box img {width: 715px;height: 506px; border:1PX solid #f2f2f2 }
.title01 {display: block;position: absolute;top:520px;left: 0; font-size:14px; padding-top:30px;line-height:24px; line-height:21px;color: #444;width: 717px;  height:500px;}
.title01 h2{ text-align:center; font-size:24px; color:#444; padding-bottom:15px;}


.arr_left {position: absolute;width:29px;height:25px;cursor: pointer;overflow: hidden;right:35px;top:520px;z-index: 3;line-height: 400px;background: url(../img/icon16.png) no-repeat center #767b7f;}
.arr_left:hover{ background: url(../img/icon16.png) no-repeat center #cf0000}
.arr_right {position: absolute;width: 29px;height: 25px;cursor: pointer;overflow: hidden;right: 0;top: 520px;z-index: 3;line-height: 400px;	background: url(../img/icon17.png) no-repeat center #767b7f;}
.arr_right:hover{ background: url(../img/icon17.png) no-repeat center #cf0000}

/*新闻*/
.NewsImg{ float:left; padding-top:30px;}
.NewsFont{ width:550px; float:right; line-height:22px; font-size:13px; margin-top:30px}
.NewsFont h2{ color:#cf0000; font-weight:bold; font-size:14px;}
.NewsFont span{ display:block; color:#999; font-size:12px;}
.Son_NewsList{ padding-top:20px;}
.Son_NewsList ul{ border-top:1px dotted #CCC; }
.Son_NewsList li{ border-bottom:1px dotted #CCC; line-height:44px; font-size:14px;}
.Son_NewsList span{ float:right; color:#999999}

.Page{ font-size:14px; width:480px; margin:0px auto; margin-top:30px; text-align:center;}  
.Page a{ background:url(../img/icon18.png) no-repeat; width:31px; height:31px; text-align:center; line-height:31px; display:inline-block; margin-right:10px;}
.Page a:hover{ background:url(../img/icon19.png) no-repeat; color:#FFF}
.Page input{ margin-left:10px; width:40px; height:25px; background:#FFF; border:1px solid #c1c1c1; float:left; margin-right:10px;}
.Page span{background:url(../img/icon19.png) no-repeat; width:31px; height:31px; text-align:center; line-height:31px; display:inline-block; margin-right:10px; color:#fff; }

.SonNewsTitle{ text-align:center; font-size:22px; color:#ea0000; margin-top:30px; }
.SonNewsTitle span{ display:block; font-size:12px; color:#999999 ; height:30px; line-height:30px; margin-top:10px; border-bottom:1px  dotted #CCC; border-top:1px dotted #CCC;}

.sx{border-bottom:1px  dotted #CCC; border-top:1px dotted #CCC; height:40px; line-height:40px; font-size:14px;}
.sx a{ width:342px;padding-right:20px; float:left;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}


.LxFont{ width:362px; margin-top:20px; }
.LxFont ul{}
.LxFont li{line-height:40px; font-size:14px;}
.LxFont span{ padding-right:10px; padding-top:5px; width:20px; height:19px; display:block; float:left}

.LiNianFont{ font-size:18px; color:#666; padding-top:30px;}
.DangJianImg{ padding-top:25px;}
.DangJianFont{ width:530px; font-size:12px; margin-top:25px;}
.DangJianFont h2{ font-size:14px; font-weight:bold; padding-bottom:5px;}
.DangJianFont a{ color:#333}
.DangJianFont a:hover{ color:#c49023;}
.DangJianFont span{ display:block; background:url(../img/icon20.png) no-repeat left center; padding-left:15px;}

.Newsline{ border-bottom:1px solid #eaeaea; margin:20px 0px;}



 .bannerbg{ height:30px; line-height:30px; position:absolute; width:100%; background:#0e4899;bottom:0;}
 .bwidth{ width:980px; margin:0 auto; text-align:right;}
 .bwidth a{color:#fff;padding-left:10px;}
 .bwidth a#SonList{ margin-left:10px; color:#fff; font-weight:bold;}

 .nk-box{position:absolute; top:-165px;}
 .nk-img{ width:406px; border:1px solid #0568a9; text-align:center;padding:5px 0; height:575px;  background:#fff;}
 .nk-img img{ width:400px;}
 .nk-next{ height:30px; line-height:30px; color:#fff; background-color:#0046a6; margin-top:10px; text-align:right;}
 .nk-next a{ color:#fff; margin-right:20px;}

 .nk-div{width:570px; float:right}
 .nk-div .Mbx{text-align:right;}
 .nk-from{padding:30px 10px;width:550px; text-align:right;}
 .nk-from .nk-input{ border:1px solid #ddd; padding:4px 5px; width:400px;}
 .nk-from .nkso{ border:1px solid #ddd; padding:5px 10px; font-size:12px;  background-color:#f7f7f7;}
 .nk-h1{ float:right; width:550px; border-bottom:1px solid #99cbfe; text-align:center; font-size:24px; color:#f00; font-weight:bold; height:40px;}
 .nk-menu{ width:218px; height:500px; background:#e7effc; float:left; margin-top:10px; margin-left:20px;}
 .nk-menu-h1{ background:#0050bb; color:#85b4f8; display:block; height:30px; line-height:30px; padding-left:10px;}
 .nk-menu-box{ height:470px; overflow:hidden;}
 .nk-menu-box ul{}
 .nk-menu-box li{ height:30px; line-height:30px;padding-left:10px;}
 .nk-menu-box li a{}
  .nk-menu-box li a.truehover{ color:#c49023;}
 .nk-news{width:324px; height:500px; background:#e7effc; float:right; margin-top:10px;}
 .nk-news-box{height:470px; overflow:hidden;}
 .nk-news-box ul{}
 .nk-news-box li{height:30px; line-height:30px;padding-left:20px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;width: 290px;}
.two{ background-color:#d1e5fe;}
 .nk-news-box li a{}








 .flexss{position:fixed;top:10px;}

.fixed-div {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	width: 100vw;
	background: rgba(255,255,255,.95);
	box-shadow: -5px 0 5px rgba(0,0,0,0.05), 5px 0 5px rgba(0,0,0,0.05), 0 -5px 5px rgba(255,255,255,0.05), 0 5px 5px rgba(0,0,0,0.05);
	height:80px;
	transform:translateY(-100px);
	transition:all linear .3s;


}
	.fixed-div.active {
		transform: translateY(0);
	}
	.fixed-div .width {
		display: flex;
		align-items: center;
	}
	.fixed-logo {
		flex: 0 0 auto;
	}

	.fixed-logo a {
		display: block;
	}

	.fixed-logo img {
		height: 70px;
		object-fit: contain;
		width: 100%;
	}

.fixed-nav {
	padding-left: 60px;
	flex: 1 1 auto;
}

	.fixed-nav ul {
		display: flex;
	}

	.fixed-nav li {
		flex: 1 1 auto;
	}

	.fixed-nav i {
		display: none;
	}

	.fixed-nav span {
		font-weight: 300;
		color: #bbb;
		font-size: 10px;
		padding-top: .2em;
		display: block;
		color: #bbbbbb;
		font-size: 10px;
		font-family: Calibri;
		font-weight: normal;
	}

	.fixed-nav a {
		line-height: 1;
		display: block;
		font-weight: bold;
	}