body{  font-family:微软雅黑; font-size:14px; padding:0; margin:0; background:#f5f5f5;color:#333;}
ul li{ list-style-type:none;}
img{ border:0;}
a,a:hover{ text-decoration:none !important;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ font-weight: normal; margin:0; padding:0;}
input,textarea,button{outline:none !important;}
textarea{resize:none} 
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

/* pc*/
@media only screen and (min-width:770px){
	
	/*共用*/
	.container{ margin: 0px auto;width: 1180px; overflow:hidden;}
	.relative{ position: relative;height: 410px; }
	.margin{ margin: 0 0 20px;}
	.index-top,.index-news,.index-about,.index-honor,.index-case,.index-footer,.page{ min-width:1180px;}
	
	.mob-stype,.mob-banner{ display:none !important;}
	
	.index-top{height:620px;overflow: hidden;}
	.index-top .header{ height: 165px;}
	.index-top h1{ width: 544px; float: left; margin: 18px 0 0 10px;}
	.index-top h1 img{ height:64px;}
	
	/*导航*/
	.index-top .navmenu{ margin: 12px 0 0; border-top: 1px solid #345775; overflow: hidden; }
	.index-top .navmenu ul{ width: 1180px;margin: 0 auto;}
	.index-top .navmenu li{ float: left; width: 131px; font-size: 16px; text-align: center;}
	.index-top .navmenu li a{ display: block; color: #fff; padding: 10px 0 15px;}
	.index-top .navmenu li span{ display: block; line-height: 20px; font-size: 10px; color: #88a2bb;}
	.index-top .navmenu li:hover a{ color: #ff9900; }
	.index-top .navmenu li:hover span{ color: #ff9900; }
	.index-top .navmenu .active a{ color: #ff9900; }
	.index-top .navmenu .active span{ color: #ff9900; }
	.index-top .navmenu .sub-menu{ display: none;position: absolute; left: 0; top:165px; right: 0; background: rgba(255,255,255,.8);}
	.index-top .navmenu .sub-menu p{ width: 1180px; padding:5px 0; margin: 0 auto; }
	.index-top .navmenu .sub-menu i{ display: inline-block; background: #ff9900; width: 5px; height: 5px; vertical-align: middle; margin-right:10px; }
	.index-top .navmenu .sub-menu a{ float: left; padding: 0; color: #666666 !important; font-size:15px; margin-left: 40px; line-height:35px; }
	.index-top .navmenu .sub-menu a:hover{ color: #006fd8 !important; }
	
	.index-top .banner .bd a{height:620px; }
	.index-top .quick-menu{z-index: 10; }
	.index-top .quick-menu ul{ width: 1180px; padding: 0 1px; margin: 0 auto;}
	.index-top .quick-menu li{ float: left; width: 145px; text-align: center; height: 100px; margin: 0 1px; background: rgba(0,111,216,.6);}
	.index-top .quick-menu i{margin:18px auto 8px;}
	.index-top .quick-menu li a{ height: 100px;}
	
	.index-news{padding: 40px 0;}
	.index-news .left-img{ width:370px; height:290px; float: left;}
	.index-news .left-img .bd .img{height:290px;}
	.index-news .center-list{ float: left; width: 469px; height: 290px; margin: 0 30px;}
	.index-news dd a{ width: 80%; }
	.index-news .announce-list{ width: 280px; height: 290px; float: right;}

	.index-about{ height:435px;}
	.index-about .about-info p{line-height: 30px; }
	.index-about .about-info a{margin: 40px auto 0;}
	.index-about .about-info{ position: absolute; top: 40px; right: 0; bottom: 40px; left: 0;}
	.index-title p{width:436px;margin:45px auto 10px;}

	.index-honor .container{width: 1260px; }
	.index-honor .bd{ padding:40px 0 40px 40px;}
	.index-honor .bd ul li{background: #fff;border: 1px solid #dddddd; margin-right:20px;padding: 8px;width: 262px; height:182px;}
	.index-honor .hd .prev,.index-honor .hd .next{top:123px;}

	.index-case .case-list .container{width: 1260px;}
	.index-case .case-list .bd{ padding:40px 0 40px 40px; }
	.index-case .case-list .bd ul li{width: 240px; margin-right:20px;background: #f5f5f5; padding:20px;}
	.index-case .case-list .hd .prev,.index-case .case-list .hd .next{top:160px;}

	.index-department dl{ padding: 20px 0 20px 245px; min-height: 63px; position: relative;}
	.index-department dt{ text-align: right;width:190px; height: 63px; padding-right: 20px; position: absolute; left: 0; top:20px; border-right: 1px solid #fff; }
	.index-footer .foot-link{ padding:20px 20px;}
	
	.index-footer dl{ position: relative; padding: 35px 0 35px 285px; min-height: 124px; overflow: hidden; }
	.index-footer dt{position: absolute; left: 0; top:35px; border-right: 1px solid #555554;}
	.index-footer dd h1{ margin: 20px 0 0; width: 562px; float: left; }
	.index-footer .tel{ width: 235px; float: right; }
	.index-copyright{height: 45px; line-height:45px; }
	
	.location{ text-align: right;}
	.page-head{ height: 410px;}
	.page-head .sub-title{ width:300px; height: 158px; position: absolute; left: 485px; bottom: 45px;background: url(../img/sub-title.png) left top no-repeat}
	.page-head .sub-title h3{ font-size: 30px;margin: 50px 0 0 60px; }
	.location{padding: 20px 5px;}
	
	.page-body{ width: 930px;float: right; margin: 0 0 40px;}
	.page-body h1{ height: 60px; font-size: 20px;line-height: 60px; padding: 0 35px;}
	.page-side{ width: 230px; float: left; margin: 0 0 40px;}
	.side-menu ul{ background: #fff;}
	.side-menu ul li{ height:60px; line-height: 60px; margin: 1px 0; border-left: 5px solid #fff;}
	.side-menu ul li a{padding-left:45px; font-size: 18px;background: url(../img/ico6.png) 50px center no-repeat;}
	.side-menu ul li i{margin-right:10px;}
	.side-menu ul li:hover{ border-left: 5px solid #006fd8; background: #eef7ff; }
	.side-menu ul .active{ border-left: 5px solid #006fd8; background: #eef7ff; }
	.side-menu ul .active a{ color: #006fd8; background: url(../img/ico6-active.png) 50px center no-repeat;}

	.page-info{ padding: 30px;}
	.page-news{ padding:5px 20px;}
	.page-news li span{ width: 88px; height: 81px;left:15px; top: 20px; }
	.page-news li em{height:49px; line-height:49px;font-size:30px; }
	.page-news li{padding:20px 15px 20px 140px; min-height:82px;}
	.page-news li h4{font-size:18px;}
	.page-news li p{ line-height:24px; margin: 10px 0 0;}
	.page-show{ padding:30px 40px 10px;}
	.page-show .show-title h2{font-size: 20px; margin: 0 0 28px;}
	.page-show .show-tip{padding: 5px 25px;}
	.page-show .show-tip a{ width:90%;}
	
	.page-service-title{ height:139px; padding: 31px 0 0;}
	.page-service-title ul{ width: 1180px; padding: 0 1px; margin: 0 auto;}
	.page-service-title li{height: 107px;}
	.page-service-title li a{ height: 105px; padding: 0 22px;border: 1px solid transparent; }
	.page-service .container{ width: 1200px; }
	.page-service .cloumn1{ margin: 40px 10px 0; padding: 35px 45px 155px; border: 7px solid #f5f5f5;}
	.page-service .cloumn2 ul{ padding:35px 0 0;}
	.page-service .cloumn2 li{width: 280px; margin:0 10px 0;}
	.page-service .cloumn2 li img{ display: block; width:280px; height:190px;}
	.page-service .cloumn2 a{left: 106px;}
	.page-service .cloumn2 .text{ height: 120px; padding: 70px 10px 0;}

	.page-anli{ padding:0 15px;}
	.page-anli li{width: 280px; margin:30px 10px 0;}
	.page-anli li img{ margin: 0 auto 15px; width:280px; height:190px;}
	.page-anli .text{height: 120px; padding: 70px 10px 0;}
	.page-anli a{left: 106px;}
	
	.company-list dt img{ display:block; width:311px; height:228px;}
	.company-stype{height: 58px;}
	.company-stype .first{ width:80px !important;}
	.company-stype a{line-height: 55px;}
	.company-list dl{position: relative; border: 1px solid #dfdfdf;padding-left:340px; min-height:228px;}
	.company-list dt{width:311px;position: absolute; left:-1px; top:-1px; bottom:-1px; }
	.company-list dd{ padding:30px 30px 0 0;line-height: 29px; }
	.company-list dd a{position: absolute; right: 30px; bottom: 25px; }
	
	.page-company-info{padding:30px 40px; margin: 0 0 40px;}
	.page-company-info h1{ padding:0 20px; font-size: 20px; border-left: 5px solid #006fd8; }
	.page-company-info .show-info{ padding:50px 0;}


}

/* mobile*/
@media only screen and (max-width:768px){
	img {border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none; max-width: 100%;}
	.scrollstyle{height: 100%;overflow: hidden;position: relative;}
	.container{ padding:0 10px;}
	.float-box,.index-top .right,.side-news,.side-img,.side-menu h1,.page-service-title i,.pc-stype,.pc-banner{ display:none !important;}
	
	.index-top{ height:490px;}
	.index-top h1{ padding:10px 0; overflow:hidden;}
	.index-top h1 a{ float:left;}
	.index-top h1 img{ height:30px;}
	.index-top h1 span{ display:block; width:30px; height:30px; float:right; background:url(../img/menu1.png) center no-repeat; background-size:contain;}
	
	/*导航*/
	.navmenu{ display:none; padding:10px 0; border-top: 1px solid #345775; background:#104770; position:absolute; left:0; right:0; top:56px;}
	.navmenu li{ padding:3px 10px; height:30px; }
	.navmenu li a{ display:block; width:80%; float:left;line-height:30px; color:#fff;}
	.navmenu li span{ font-size:12px; margin-left:10px; color:#ddd;}
	.navmenu li em{ display:block; float:right; width:18px; height:30px; background:url(../img/down.png) center no-repeat; background-size:contain;}
	.navmenu .sub-menu{ display:none; padding-left:30px;}
	.navmenu .open .sub-menu{ display:block;}
	.navmenu .open em{ background:url(../img/up.png) center no-repeat; background-size:contain;}
	
	.index-top .banner .bd a{height:280px;}
	.index-top .quick-menu li{ float:left; width:48%; margin:0 1% 5px; text-align:center; background: rgba(0,111,216,.8);}
	.index-top .quick-menu i{margin:10px auto 3px;}
	.index-top .quick-menu li a{ height:70px;}
	
	.index-news{padding:10px 0;}
	.index-news .left-img .bd .img{height:180px;}
	.index-news .center-list{ margin:20px 0;}
	.index-news dd a{ width:72%; }
	.index-news dd span{ font-size:12px;}
	
	.index-about{ padding:20px 0;}
	.index-about .about-info{ padding-bottom:20px;}
	.index-about .about-info p{line-height:25px; }
	.index-about .about-info a{margin:20px auto 0;}
	.index-honor .bd ul { padding:0 0 20px !important; text-align:center;}
	.index-honor .bd ul li{ width:100%; text-align:center; display:inline-block}
	.index-honor .bd ul li img{ margin:0 auto;}
	.index-honor .hd .prev,.index-honor .hd .next{top:75px;}
	.index-case .case-list{ padding:0 10px;}
	.index-case .case-list .bd ul { padding:20px 0 !important;}
	.index-case .case-list .bd ul li{ width:100%; display:inline-block;}
	.index-case .case-list .hd .prev, .index-case .case-list .hd .next{top:100px;}
	
	.index-title p{margin:25px auto 10px;}
	.index-footer .foot-link{ padding:10px;}
	.index-department dd{ margin:10px 0; border-top:1px solid #fff; font-size:12px;}
	.index-footer dt{ margin:10px auto;}
	.index-footer dd h1,.index-footer dd h1 img{ display:block; margin:10px auto; height:40px;}
	.index-footer .tel{ padding:20px 10px;}
	.index-copyright{ padding:10px 0;}
	
	.page-head{ height:190px;}
	.page-head .sub-title{ width:160px; padding:100px 0 50px; margin:0 auto 0;background: url(../img/sub-title.png) left 80px no-repeat; background-size:100px 85px;}
	.page-head .sub-title h3{ font-size:18px; text-align:right;}
	.location{padding:10px 0; font-size:12px;}
	
	.side-menu ul{ padding:10px 0;}
	.side-menu ul li{ float:left; margin-right:10px;}
	.side-menu ul li a{ padding:5px 0; height:25px; line-height:25px; border-bottom:1px solid #7f98b1;}
	.side-menu ul li i{margin-right:3px;}
	.page-body h1{ font-size:16px; padding:10px;}
	
	.page-info{ padding:10px;}
	.page-news{ padding:5px;}
	.page-news li span{ width:70px; height:65px;left:5px; top:10px; }
	.page-news li{padding:10px 5px 10px 90px; min-height:65px;}
	.page-news li em{height:35px; line-height:35px;font-size:22px; }
	.page-news li h4{font-size:14px;}
	.page-news li p{ line-height:20px; font-size:12px; margin:5px 0 0;}
	.page-show{ padding:20px 10px;}
	.page-show .show-title h2{font-size:16px; margin: 0 0 10px;}
	.page-show .show-tip{padding: 5px;}
	.page-show .show-tip a{ width:70%;}

	
	.page-service-title{ padding:10px 5px 0; overflow:hidden;}
	.page-service-title li a{ display:block;padding:2px 5px;border: 1px solid #fff; margin:0 5px 10px 0;}
	.page-service .cloumn1{ margin:20px 0 0; padding:10px; border:3px solid #f5f5f5;}
	.page-service .cloumn2 ul{ padding:20px 0 0;}
	.page-service .cloumn2 li{ float: left; width:48%; margin:0 1% 15px; position: relative;}
	.page-service .cloumn2 li img{ display: block; margin: 0 auto 5px; height:90px;}
	.page-service .cloumn2 a{left:50%; margin-left:-33px;}
	.page-service .cloumn2 .text{ height:60px; padding:30px 5px 0;}

	.page-anli li{ width:48%; margin:15px 1% 0;}
	.page-anli li img{ margin: 0 auto 5px; height:100px;}
	.page-anli .text{height:70px; padding:30px 5px 0;}
	.page-anli a{left:50%; margin-left:-33px;}
	
	.company-stype{height:38px;}
	.company-stype a{line-height:35px; padding:0 5px;}
	.company-list dt{position: relative;}
	.company-list dd{ padding:10px;line-height:25px; border:1px solid #dfdfdf; border-top:none; }
	
	.page-company-info{padding:10px; margin:20px 0;}
	.page-company-info h1{ padding:0 10px; font-size:16px; border-left:3px solid #006fd8; }
	.page-company-info .show-info{ padding:10px 0;}



	
}

/*头部*/
.index-top{position: relative;}
.index-top .header{color: #fff; position: absolute; left: 0; top: 0; right: 0; background: rgba(0,42,73,.8); z-index: 9;}
.index-top h1 a{ display: block;}
.index-top .right{ width: 540px; float: right;overflow: hidden; }
.index-top .right p{padding: 23px 0 0; overflow: hidden;}
.index-top .right a{ float: right; height: 14px; line-height:14px; font-size: 12px; color: #fff;}
.index-top .right .link{ border-left: 1px solid #fff; padding: 0 13px; }
.index-top .right .home{ height: 14px; padding:0 13px 0 20px; background: url(../img/ico1.png) left center no-repeat; }
.index-top .right .collect{ height: 14px; padding:0 13px 0 20px; background: url(../img/ico2.png) left center no-repeat; }
.index-top .search{ clear: both; height: 35px; padding: 10px 15px 0 0;}
.index-top .search h2{ font-size: 16px; color: #fff; float: right;}
.index-top .search span{ font-size: 24px; color: #ff9f00; vertical-align: sub; font-weight: bold; margin:0 18px 0 10px; }
.index-top form{ float: right; width:188px;height: 33px; border-radius:20px;border: 1px solid #88a2bb; padding: 0 30px 0 15px; background: url(../img/ico.png) 201px center no-repeat; cursor: pointer;}
.index-top form input{ width: 175px; color: #88a2bb;height: 29px; border: 0; background:transparent;}
.index-top form ::-webkit-input-placeholder {color:#88a2bb;}
.index-top form :-moz-placeholder {color:#88a2bb;}
.index-top form ::-moz-placeholder {color:#88a2bb;}
.index-top form :-ms-input-placeholder {color:#88a2bb;}

.page-head{background: url(../img/page-banner.jpg) center top no-repeat; background-size:cover;}
.page-head .sub-title h3{color: #fff;}
.page-head .sub-title span{ display: block; line-height: 30px; font-size: 14px; }

/*快捷入口*/
.index-top .quick-menu{ position: absolute; left: 0; right: 0; bottom: 0; }
.index-top .quick-menu li a{display: block; color: #fff; }
.index-top .quick-menu li:hover{ background: rgba(255,159,0,.6);}
.index-top .quick-menu i{ width: 68px; height: 40px; display: block;background: url(../img/icons.png) no-repeat;}
.index-top .quick-menu .ico1{ background-position: 14px 0;}
.index-top .quick-menu .ico2{ background-position:-66px 0;}
.index-top .quick-menu .ico3{ background-position:-144px 0;}
.index-top .quick-menu .ico4{ background-position:-218px 0;}
.index-top .quick-menu .ico5{ background-position:-276px 0;}
.index-top .quick-menu .ico6{ background-position:-333px 0;}
.index-top .quick-menu .ico7{ background-position:-395px 0;}
.index-top .quick-menu .ico8{ background-position:-454px 0;}

/*banner*/
.index-top .banner{overflow: hidden;}
.index-top .banner .hd{ height:25px; overflow:hidden; text-align: center; position:absolute; left: 0; right: 20px; bottom:10px; z-index:1; }
.index-top .banner .hd ul{ overflow:hidden; zoom:1;}
.index-top .banner .bd{ position:relative; height:100%; z-index:0;   }
.index-top .banner .bd li{ zoom:1; vertical-align:middle; }
.index-top .banner .bd a{ display: block;}


/*首页标题*/
.index-title{ text-align: center;overflow: hidden; }
.index-title p{height: 1px;border-top: 1px solid #cccccc;}
.index-title p span {display: inline-block; font-size: 20px; color: #006fd8; height: 30px;line-height: 30px;background: #f5f5f5;padding: 0 10px;position: relative;top: -15px;}
.index-title h5{ font-size:14px; color: #999; line-height:40px;}
.index-title h4{ font-size: 14px; color: #999999;}

/*首页新闻动态*/
.index-news{ background: #fff; overflow: hidden; }
.index-news h3{ font-size: 20px; }
.index-news h3 a{ display: block; float: right; width: 48px; height: 18px; border: 1px solid #cccccc; text-align: center; line-height: 18px; font-size: 12px; color: #777777; }
.index-news h3 a:hover{ border: 1px solid #ff9900; color: #ff9900; }
.index-news .left-img{position: relative;}
.index-news .left-img .hd{ height:20px; overflow:hidden;text-align:right; position:absolute; bottom:5px; right: 10px; z-index:1; }
.index-news .left-img .hd ul{ overflow:hidden; zoom:1;}
.index-news .left-img .hd ul li{ display:inline-block;margin:0 3px;width:11px; height:11px; border-radius:100%; line-height:11px; text-align:center; background:#fff;cursor:pointer; }
.index-news .left-img .hd ul li.on{ background:#469ce1;color:transparent; }
.index-news .left-img .bd{ position:relative; height:100%; z-index:0;   }
.index-news .left-img .bd li{ zoom:1; width:100%; vertical-align:middle; position: relative;}
.index-news .left-img .bd p{ height:32px;line-height:32px; padding: 0 10px;position: absolute; left: 0 ;right: 0; bottom: 0; background: rgba(0,0,0,.7);}
.index-news .left-img .bd p a{ display: block; color: #fff;width:70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-news .left-img .bd .img{ width:100%;display:block;  }

.index-news .center-list{overflow: hidden; }
.index-news dt{padding: 20px 0 10px; overflow: hidden;}
.index-news dt a{ display: block; color: #777777; }
.index-news dt h4{ font-size: 16px; margin: 0 0 12px;}
.index-news dt h4 a{ color: #333; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news dt h4:hover a{ color: #ff9900; }
.index-news dt p{line-height: 24px;}
.index-news dd p{     height: 39px;
	line-height: 35px; font-size: 16px; border-bottom: 1px solid #dddddd;}
.index-news dd a{ color: #333; display: block; float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-news dd span{ background: #cccccc; float: left; color: #fff; width: 65px; height: 25px; border-radius: 3px; text-align: center; line-height: 25px; color: #fff; margin: 8px 15px 0 0; }
.index-news dd p:hover a{color: #ff9900;}
.index-news dd p:hover span{ background: #ff9900; }

.index-news .announce-list{overflow: hidden; }
.index-news .announce-list ul{ padding:6px 0 0; overflow: hidden; }
.index-news .announce-list ul li{ height:42px; line-height:42px; font-size: 16px;border-bottom: 1px solid #dddddd; }
.index-news .announce-list ul a{ color: #333; display: block; padding: 0 10px 0 25px; background: url(../img/ico3.png) 5px center no-repeat; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-news .announce-list ul a:hover{color: #ff9900;}

/*首页企业简介*/
.index-about{position: relative; background: url(../img/index-bg1.jpg) center top no-repeat; background-size:cover; overflow: hidden;}
.index-about .index-title p{border-top:none; background: url(../img/about-title.png) center top no-repeat;}
.index-about .index-title span{background: none; color: #fff;}
.index-about .index-title h5{ color: #fff; margin: 0 0 15px; }
.index-about .about-info{background: rgba(25, 136, 241, 0.85); }
.index-about .about-info p{ color: #fff; line-height: 30px; position:relative; }
.index-about .about-info a{ display: block; width: 148px; height: 28px; position:absolute; bottom:0; right:0; text-align: center; line-height:28px; color: #fff; border: 1px solid #fff; border-radius: 20px; background:#3d98ef;}
.index-about .about-info a:hover{ border: 1px solid #ff9900; color: #ff9900; }

/*首页资质荣誉*/
.index-honor{ overflow: hidden;}
.index-honor .honor-list{ position: relative;overflow: hidden;}
.index-honor .hd{ overflow:hidden;}
.index-honor .hd .prev,.index-honor .hd .next{ display:block;width:19px; height:35px;overflow:hidden; cursor:pointer; position:absolute;z-index:999; background: url(../img/icons.png) no-repeat;}
.index-honor .hd .prev{left:0px; background-position: -120px -49px;}
.index-honor .hd .next{right:0px; background-position:-160px -49px;}
.index-honor .hd ul{ float:right; overflow:hidden; zoom:1;}
.index-honor .bd{overflow: hidden; }
.index-honor .bd ul{ overflow:hidden; zoom:1;}
.index-honor .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;cursor: pointer;}
.index-honor .bd ul li img{ width:262px; height:182px;display:block; margin:0 auto}
.index-honor .bd ul li a{ display: block; }

/*首页工程案例*/
.index-case{ background: url(../img/index-bg2.jpg) center bottom #fff no-repeat; background-size:cover; overflow: hidden; }
.index-case .index-title span{background: #fff;}
.index-case .case-list{overflow: hidden;}
.index-case .case-list .container { position: relative;}
.index-case .case-list .hd{ overflow:hidden;}
.index-case .case-list .hd .prev,.index-case .case-list .hd .next{ display:block;width:19px; height:35px;overflow:hidden; cursor:pointer; position:absolute;z-index:999; background: url(../img/icons.png) no-repeat;}
.index-case .case-list .hd .prev{left:0px; background-position: -120px -49px;}
.index-case .case-list .hd .next{right:0px; background-position:-160px -49px;}
.index-case .case-list .hd ul{ float:right; overflow:hidden; zoom:1;}
.index-case .case-list .bd{overflow: hidden; }
.index-case .case-list .bd ul{ overflow:hidden; zoom:1;}
.index-case .case-list .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;cursor: pointer;}
.index-case .case-list .bd ul li img{ width:240px; height:200px;display:block; margin:0 auto;}
.index-case .case-list .bd ul li a{ display: block; }
.index-case .case-list .bd p{ margin:8px 0 0; height: 30px; line-height: 30px; }
.index-case .case-list .bd p a{ color: #333333; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-case .case-list .bd p a:hover{ color: #ff9900;}

/*首页部门*/
.index-department{ padding:10px 20px;background: rgba(0,111,213,.8); overflow: hidden;}
.index-department dl{border-bottom: 1px dashed #5badfa; overflow: hidden; }
.index-department dl:last-child{ border-bottom: none; }
.index-department dt{color: #fff;}
.index-department dt span{ display: block; line-height:40px; font-size: 20px; }
.index-department dd a{ color: #fff; display: inline-block; margin-right: 15px; line-height: 30px;}


/*======================首页结束=====================*/

.page{overflow: hidden;}
.page-body{background: #fff;overflow: hidden; }
.page-body h1{color: #fff;background: url(../img/page-titlebg3.jpg) center top no-repeat; background-size:cover;}
.page-side{ overflow: hidden; }
.side-menu h1{ height: 50px; font-size: 20px; color: #fff; line-height: 50px; text-align: center; background: url(../img/page-titlebg1.jpg) center top no-repeat;}
.side-menu ul{ overflow: hidden;}
.side-menu ul li a{ display: block;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.side-menu ul li i{ width: 20px; height:21px; display: inline-block; vertical-align: middle;background: url(../img/icons.png) no-repeat;}
.side-menu ul li .ico{ background-position: -508px -48px; }
.side-menu ul li:hover a{ color: #006fd8;}
.side-menu ul li:hover .ico{ background-position: -527px -48px; }
.side-menu ul .active a{ color: #006fd8;}
.side-menu ul .active .ico{ background-position: -527px -48px; }
.side-news{ margin: 20px 0; overflow: hidden; }
.side-news h1{ height: 50px; font-size: 20px; color: #fff; line-height: 50px; padding: 0 15px; background: url(../img/page-titlebg2.jpg) center top no-repeat;}
.side-news ul{ background: #fff; padding: 0 10px 20px 10px; overflow:hidden; }
.side-news ul li{ height: 39px; line-height: 39px; border-bottom: 1px solid #ddd; }
.side-news ul li a{ display: block; color: #666666; padding: 0 20px; background: url(../img/ico7.png) 2px center no-repeat; overflow: hidden;word-wrap: normal;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.side-news ul li:hover a{ color: #ff9900 }

/*位置提示*/
.location{background: #fff; color: #7f98b1;overflow: hidden; }
.location a{ display: inline-block; color: #7f98b1; }
.location a:hover{ color: #ff9900 }

/*关于我们*/
.about-menu .ico1{ background-position: -187px -48px; }
.about-menu .ico2{ background-position: -215px -48px; }
.about-menu .ico3{ background-position: -241px -48px; }
.about-menu .ico4{ background-position: -268px -48px; }
.about-menu .ico5{ background-position: -294px -48px; }
.about-menu .ico6{ background-position: -322px -48px; }
.about-menu li a:hover .ico1{background-position: -348px -48px;}
.about-menu li a:hover .ico2{background-position: -376px -48px;}
.about-menu li a:hover .ico3{background-position: -403px -48px;}
.about-menu li a:hover .ico4{background-position: -429px -48px;}
.about-menu li a:hover .ico5{background-position: -455px -47px;}
.about-menu li a:hover .ico6{background-position: -483px -48px;}
.about-menu .active .ico1{background-position: -348px -48px;}
.about-menu .active .ico2{background-position: -376px -48px;}
.about-menu .active .ico3{background-position: -403px -48px;}
.about-menu .active .ico4{background-position: -429px -48px;}
.about-menu .active .ico5{background-position: -455px -47px;}
.about-menu .active .ico6{background-position: -483px -48px;}

.about-team{ padding: 10px 30px 70px 35px; overflow: hidden;}
.about-team li{ margin: 30px 0 0; min-height: 160px; position: relative; padding-left: 190px; overflow: hidden; }
.about-team span{ width: 150px; height: 150px; border: 1px solid #dfe3e9; padding:4px; border-radius: 100%; display: block; position: absolute; left: 0; top: 0; }
.about-team span img{ display: block; border-radius: 100%; }
.about-team h5{ padding: 10px 0 15px; font-size: 18px; }
.about-team h5 em{ font-style: normal; margin-left: 20px; font-size: 16px; }
.about-team p{ line-height: 30px; font-size: 15px; color: #666666; }

.page-info{text-align: justify; overflow: hidden; }
.page-info img{ display:block; max-width:100%; margin:0 auto;}


/*二级单位*/
.page-company{ background: #fff;overflow: hidden; }

.company-stype{ padding: 0 10px;background: #f5f5f5;border: 1px solid #dfdfdf; overflow: hidden; }
.company-stype a{display:block; text-align:center;color: #333;border-bottom:3px solid #f5f5f5;}
.company-stype li{ width:auto !important;}
.company-stype .active a{ border-bottom:3px solid #ff9f00; color: #9e131c; color: #333; }

.company-list dl{ margin: 20px 0 0;}
.company-list dt{ background: #000;}
.company-list dt i{ position: absolute; left:300px; top:100px; z-index: 99; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:18px dashed transparent;border-right-style: solid;border-right-color: #fff;border-left-width: 0;}
.company-list dt .info{ width:160px; padding: 20px; color: #fff; background: rgba(0,0,0,.7); position: absolute; right: 0; top: 0; bottom: 0;}
.company-list dt .text{ border-top: 1px dashed #888888; padding: 35px 0 0; }
.company-list dt h5{ font-size: 16px; margin:35px 0 30px; text-align: center; line-height: 30px;}
.company-list dt p{ line-height: 30px;}
.company-list dt em{ font-style: normal; display: block; padding-left:30px;}
.company-list dt span{display: block; padding-left: 30px;}
.company-list dt .ads{ background: url(../img/ico4.png) 5px center no-repeat; }
.company-list dt .tel{ background: url(../img/ico6.png) 5px center no-repeat; }
.company-list dd{color: #666666;overflow: hidden; }
.company-list dd a{ display: block;margin: 20px 0 0; width: 128px; height: 33px; line-height: 33px; text-align: center; color: #006fd8; border: 1px solid #006fd8; border-radius: 20px;}
.company-list dd a:hover{ background: #006fd8; color: #fff; }

 /*单位详情页*/
.page-company-info{ background: #fff;overflow: hidden; }
.page-company-info h1{line-height: 100%; }
.page-company-info .show-info{text-align: justify; overflow: hidden; }
.page-company-info .show-info img{ display:block; margin:0 auto;}

/*服务*/
.page-service-title{background: url(../img/service-bg.jpg) center top no-repeat; background-size:cover;}
.page-service-title li{ float: left;text-align: center;}
.page-service-title li a{border-radius: 4px; display: block; color: #fff; }
.page-service-title li:hover a{ border: 1px solid #fff; background: rgba(128,166,221,.7);}
.page-service-title i{ width: 57px; height: 34px; display: block; margin:18px auto 15px; background: url(../img/icons.png) no-repeat;}
.page-service-title .ico1{ background-position: 11px -89px;}
.page-service-title .ico2{ background-position:-52px -89px;}
.page-service-title .ico3{ background-position:-118px -89px;}
.page-service-title .ico4{ background-position:-187px -89px;}
.page-service-title .ico5{ background-position:-246px -89px;}
.page-service-title .ico6{ background-position:-300px -89px;}
.page-service-title .ico7{ background-position:-357px -89px;}
.page-service-title .ico8{ background-position:-416px -89px;}

.page-service{ background: #fff; padding: 0 0 40px; overflow: hidden; }
.page-service h4{ text-align: center; font-size: 20px; }
.page-service .cloumn1{background: url(../img/service-bg1.png) center bottom no-repeat; overflow: hidden; }
.page-service .cloumn1 p{ margin: 25px 0 0; color: #666666; line-height: 30px; }
.page-service .cloumn2{ margin: 40px 0 0; overflow: hidden; }
.page-service .cloumn2 ul{overflow: hidden; }
.page-service .cloumn2 li{ float: left;position: relative;}
.page-service .cloumn2 li img{ display: block;}
.page-service .cloumn2 li h5{ font-size: 16px; color: #666666; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-service .cloumn2 a{ display: none; width: 66px; height:25px; text-align: center; color: #ff9900; line-height: 25px; border-radius: 20px; background: #fff; position: absolute;bottom: 25px;-moz-box-shadow:0px 3px 5px rgba(255,153,0,0.4);-webkit-box-shadow:0px 3px 5px rgba(255,153,0,0.4);box-shadow:0px 3px 5px rgba(255,153,0,0.4);}
.page-service .cloumn2 .text{ display: none;background: rgba(255,153,0,.88); position: absolute; left: 0; top: 0; right: 0; }
.page-service .cloumn2 .text i{ width: 27px; height: 2px; display: block; margin:18px auto 0; background: #fff; }
.page-service .cloumn2 .text p{ font-size: 16px; color: #fff; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-service .cloumn2 li:hover .text{ display: block; }
.page-service .cloumn2 li:hover a{ display: block; }
.page-service .cloumn2 li:hover h5{ visibility: hidden; }


/*案例列表*/
.page-anli{overflow: hidden; }
.page-anli li{ float: left;position: relative;}
.page-anli li img{ display: block;}
.page-anli li h5{ font-size: 16px; color: #666666; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-anli a{ display: none; width: 66px; height:25px; text-align: center; color: #ff9900; line-height: 25px; border-radius: 20px; background: #fff; position: absolute;bottom: 25px;-moz-box-shadow:0px 3px 5px rgba(255,153,0,0.4);-webkit-box-shadow:0px 3px 5px rgba(255,153,0,0.4);box-shadow:0px 3px 5px rgba(255,153,0,0.4);}
.page-anli .text{ display: none;background: rgba(255,153,0,.88); position: absolute; left: 0; top: 0; right: 0; }
.page-anli .text i{ width: 27px; height: 2px; display: block; margin:18px auto 0; background: #fff; }
.page-anli .text p{ font-size: 16px; color: #fff; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-anli li:hover .text{ display: block; }
.page-anli li:hover a{ display: block; }
.page-anli li:hover h5{ visibility: hidden; }

/*新闻列表*/
.page-news{overflow: hidden; }
.page-news li{ position: relative;border-bottom: 1px dashed #cccccc; overflow: hidden; }
.page-news li a{display: block; color: #777777;}
.page-news li h4 a{ color: #333; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-news li p{overflow: hidden;}
.page-news li span{color: #cccccc; text-align: center; border: 1px solid #cccccc; display: block; position: absolute;}
.page-news li em{ display: block; margin: 0 0 8px; font-style: normal; background: #cccccc;color: #fff;}
.page-news li:hover span{ color: #ff9900; border: 1px solid #ff9f00;}
.page-news li:hover span em{ background: #ff9f00;}
.page-news h4:hover a{ color: #ff9900 }

 /*详情页*/
.page-show{overflow: hidden; }
.page-show .show-title{border-bottom: 1px dashed #cccccc; padding: 0 0 20px; text-align: center; overflow: hidden; }
.page-show .show-title span{display: inline-block;margin: 0 10px; color: #666666;}
.page-show .show-info{ padding:30px 0;text-align: justify; overflow: hidden; }
.page-show .show-tip{ background: #f5f5f5;overflow: hidden; }
.page-show .show-tip p{ height: 35px; line-height: 35px; color: #777777; }
.page-show .show-tip a{vertical-align: top; display: inline-block; color: #777;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.page-show .show-tip a:hover{ color: #ff9900 }
.page-show .show-info img{ display:block; max-width:100%; margin:0 auto;}

/*搜索结果*/
.page-search {background: #fff; padding: 40px 30px; overflow: hidden; }
.page-search h1{ padding:0 20px; font-size: 20px; line-height: 100%; border-left: 5px solid #006fd8; }
.page-search .search-list{ padding:30px 0 0; overflow: hidden; }
.page-search .search-list li{ line-height: 25px; border-bottom: 1px dotted #ddd; padding: 10px 0; }
.page-search .search-list a{ display: block; color: #666; }
.page-search .search-list span{ display: block; color: #999; line-height: 30px; }


/*分页*/
.pagelist{ text-align: center; padding:30px 0; overflow: hidden;}
.pagelist li{ display:inline-block; font-size: 16px; background: #eeeeee; padding:0 10px; height: 30px; line-height: 30px; border-radius: 4px; margin:0 5px;color:#aaaaaa;}
.pagelist li a{color:#aaaaaa;}
.pagelist li:hover{ background:#c6c6c6; color:#fff;}
.pagelist li:hover a{color:#fff;}
.pagelist .active{ background:#0073dc; color:#fff;}
.pagelist .active span{color:#fff;}

/*浮动框*/
.float-box{ width: 75px; position: fixed; bottom: 200px; right: 50px;z-index: 99;}
.float-box a{ display: block;padding: 12px 0 8px; margin-bottom:3px; width: 75px; border-radius: 4px; background: #006fd8; color: #fff; text-align: center; }
.float-box i{ width:30px; height: 30px; display: block; margin: 0 auto 3px; background:url(../img/icons.png) no-repeat;}
.float-box .ico1{ background-position:0 -48px}
.float-box .ico2{ background-position:-38px -48px}
.float-box .ico3{ background-position: -78px -48px; }
.float-box .ewm{position: relative;}
.float-box .ewm p{ display: none; background: #006fd8; padding: 5px; position: absolute; left: -108px; top: 0; }
.float-box .ewm em{display:block; position: absolute; top: 20px; right: -6px; width: 0;height: 0;line-height: 0;vertical-align: middle;border: 6px dashed transparent;border-left-style: solid;border-left-color: #006fd8;border-right-width: 0;}

/*底部*/
.index-footer{ clear:both;background:rgba(0,0,0,.75);overflow:hidden;}
.index-footer .foot-link{color: #fff; background:rgba(0,0,0,.5);overflow: hidden;}
.index-footer .foot-link a{ color: #fff; line-height: 20px;display: inline-block; margin-right: 20px; }
.index-footer dl{overflow: hidden; }
.index-footer dt{ width: 235px; font-size: 12px; color: #d6d6d6; text-align: center;}
.index-footer dt img{ display: block; width: 93px; height: 93px; margin: 0 auto 15px; }
.index-footer dd a{ display: block; }
.index-footer .tel h2{ font-size: 18px; line-height: 32px; color: #ff9f00; }
.index-footer .tel p{ position: relative; padding: 0 0 0 73px; color: #fff; min-height: 30px; line-height: 30px;}
.index-footer .tel span{ width: 73px; height: 30px; text-align: right; line-height: 30px; position: absolute; left: 0; top: 0; }
.index-footer .tel .address{ background: url(../img/ico4.png) left center no-repeat; }
.index-footer .tel .fax{ background: url(../img/ico5.png) left center no-repeat; }

.index-copyright{ background:rgba(0,0,0,.8);color: #bbb;text-align: center; overflow: hidden; }
.index-copyright a{display: inline-block; color: #bbb;}
.index-copyright a:hover{ color: #ff9900 }




