/* CSS Document */
html, body, div, ul, li, a, span, p {
padding:0;
margin:0;
list-style:none;
}
body{
font-family: "宋体";
overflow-x: hidden;
}
img {
border:0px;
vertical-align: bottom;
}
.bar{
height: 15px;
}
*{ margin:0;
padding:0;}
.f {
float:left;
}
.r {
float:right;
}
.mn{
width: 1200px !important;
margin: 0 auto;
}
.cl {
clear:both;
}
.clear {
clear:both;
}
a{
text-decoration:none;
color: #333;
}
li{
list-style: none;
float: left;
}
.topbg{
background: url(../images/topbg.jpg) no-repeat center;
height: 160px;
width: 100%;
}
.top{
font-size: 12px;
height: 30px;
line-height: 30px;
background: #f1f1f1;
border-bottom: 1px solid #ccc;
}
.top a{
margin: 0 5px;
}
/*导航*/
.navbg{
width:100%;
height:45px;
background:url(../images/navbg.jpg) repeat-x;
}
.menu{
width:1200px;
line-height: 45px;
margin:0 auto;
font-size: 14px;
font-family: "宋体";
}
.menu li{
float:left;
position:relative;
}
.menu li a{
color:#fff;
}
.menu li a:hover{
background: #ff9900 ;
}
.hover{
background: #ff9900 !important;
}
.menu li .one{
line-height:45px;
display :block;
color :#fff;
width : 128px;
height : 45px;
text-align: center;
background:url(../images/gang.png) no-repeat right center;
}
.menu li .dd{
background:none;
}
.menu li .ff{
display:block;
width: 150px;
height: 45px;
text-align: center;
background:url(../images/gang.png) no-repeat right center;
line-height:45px;}
.menu li ul{
z-index: 100;
width:150px;
background: rgba(0,153,255,0.7);
position:absolute;
top:45px;
display:none;
}
.menu li ul li{
float:none;}
.menu li ul a{
width: 150px;
display:block;
height:35px;
line-height:35px;
color: #fff;
text-align: center;
font-size: 12px;
font-family: "宋体";
border-bottom: 1px dashed #999;
}
.menu li ul a:hover{
color:#fff;
}
/*banner*/
#banner{
width:100%;
}
.flexslider {
position: relative;
height: 450px;
overflow: hidden;
}
.slides {
position: relative;
z-index: 1;
}
.slides li {
height: 450px;
}
.flex-control-nav {
position: absolute;
bottom: 36px;
z-index: 2;
width: 100%;
text-align: center;
left: 50%;
}
.flex-control-nav li {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 5px;
*display: inline;
zoom: 1;
}
.flex-control-nav a {
display: inline-block;
width: 14px;
height: 14px;
line-height: 40px;
overflow: hidden;
background: url(../images/dot.png) right 0 no-repeat;
cursor: pointer;
}
.flex-control-nav .flex-active {
background-position: 0 0;
}
.yy{
background: url(../images/yingyin.png) no-repeat center;
height: 30px;
}
.txtMarquee-left{ position:relative;
}
.txtMarquee-left .{ overflow:hidden;
padding:0 10px;
}
.txtMarquee-left .prev{
display:block;
width:40px;
height:20px;
float:right;
margin-right:5px;
margin-top:10px;
overflow:hidden;
cursor:pointer;
cursor:pointer;
background:url("../images/left1.png") no-repeat;
}
.txtMarquee-left .hd .next{ display:block;
width:40px;
height:20px;
float:right;
margin-right:5px;
margin-top:10px;
overflow:hidden;
cursor:pointer;
cursor:pointer;
background:url("../images/arrow.png") no-repeat;
}
.txtMarquee-left .bd .tempWrap{ width:425px !important;
}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden;
zoom:1;
}
.txtMarquee-left .bd ul li{ margin-right:20px;
float:left;
height:24px;
line-height:24px;
text-align:left;
_display:inline;
width:auto !important;
}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.bgff9900{
background: #f1f1f1;
height: 40px;
}
.txtMarquee-left .bd ul li span{ color:#999;
}
.xwgg{
color: #003366;
font-size: 12px;
font-weight: bold;
height: 40px;
line-height: 40px;
}
.tp a{
display: block;
margin-left: 23px;
width: 1100px;
font-size: 12px;
color: #666;
}
.tp{
display: block;
width: 1200px;
}
.infoList a{
font-size: 12px;
}
.cpxx{
color: #0066cc;
font-family: "微软雅黑";
font-size: 14px;
}
.sj{
color: #0066cc;
}
.cpxx_bg{
background: url(../images/cpxx_bg.jpg) repeat-x;
height: 41px;
line-height: 41px;
}
.w260{
width: 220px;
}
.lbg{
border: 3px solid #003366;
overflow: hidden;
}
.lbg li{
float: none;
height: 40px;
}
.lbg a{
color: #666666;
text-align: center;
border-bottom: 1px solid #ccc;
margin-left: 5px;
line-height: 40px;
box-sizing: border-box;
height: 40px;
display: block;
width: 200px;
font-size: 12px;
}
.w900{
width: 960px;
}
.tj_btbt{
background: #ccc;
height: 40px;
line-height: 40px;
font-size: 12px;
}
.tj_bt{
background: #ccc;
height: 40px;
line-height: 40px;
font-size: 12px;
}
.tj_bt h3{
font-family: "微软雅黑";
font-size: 16px;
font-weight: bold;
color: #fff;
display: inline-block;
line-height: 40px;
text-align: center;
height: 40px;
width: 160px;
background: #003366;
}
.mt10{
margin-top: 10px;
}
.cplb{
border: 1px solid #D1CDC8;
padding-bottom: 8px;
}
.cplb img{
width: 220px;
border: 1px solid #ccc;
height: 160px;
}
.cplb li:hover{
background: #003366;
}
.cplb li{
margin: 7px;
box-sizing: border-box;
}
.cplb p{
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
color: #666;
background: #ccc;
}
.lxbd{
box-sizing: border-box;
padding: 10px;
color: #000;
font-size: 12px;
padding-top: 15px;
line-height: 26px;
border: 1px solid #D0CCC7;
}
.bgls{
background: #003366;
}
.ys li:nth-child(4){
margin-right: 0;
float: right;
}
.ys li img{
display: table;
margin: 0 auto;
margin-top: 34px;
}
.ys div a{
display: block;
text-align: center;
width: 230px;
font-size: 14px;
color: #666666;
line-height: 40px;
}
.ys p{
font-size: 12px;
color: #666666;
line-height: 28px;
}
.ys li{
background: url(../images/huihui.png) no-repeat center;
width: 270px;
height: 380px;
margin-right: 40px;
box-sizing: border-box;
padding: 0 15px;
}
.ys li:hover{
background: url(../images/liang.png) no-repeat center;
}
.youshi{
background: url(../images/yyss.png) no-repeat center;
height: 820px;
}
.youshi h2{
font-size: 36px;
font-weight: bold;
font-family: "微软雅黑";
color: #333333;
text-align: center;
padding-top: 150px;
}
.yslb li h3{
font-size: 30px;
font-family: "Microsoft YaHei";
color: rgb(0, 146, 248);
line-height: 1.6;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.ysysy{
width: 570px;
float: none;
}
.ysysy p{
width: 520px;
float: right;
color: #666;
font-size: 14px;
line-height: 25px;
}
.ysysy h3{
font-family: "微软雅黑";
font-weight: bold;
font-size: 16px;
color: #333;
}
.ysysy h3 span{
background: url(../images/hua1.png) no-repeat;
color: #fff;
height: 50px;
line-height: 50px;
width: 50px;
text-align: center;
display: inline-block;
margin-right: 8px;
}
.ysysy1{
margin-top: 179px;
}
.ysysy12{
margin-top: 501px;
}
.h60{
height: 60px;
}
.yslb li p{
background: url(../images/xingzhuang2.png) no-repeat 10px 10px;
text-indent: 35px;
line-height: 33px;
font-size: 16px;
}
.yslb li:nth-child(1){
padding-top: 167px;
float: left;
margin-left: 125px;
}
.yslb li:nth-child(2){
float: right;
padding-top: 479px;
margin-right: 0;
}
.fp{
margin-right: -22px;
position: relative;
left: -31px;
}
.yslb li:nth-child(3){
padding-top: 453px;
float: left;
margin-left: 125px;
}
/*案例轮播样式*/
.lunbo {
padding-bottom: 15px;
border: 1px solid #ccc;
width: 1196px;
margin-top: 10px;
position: relative;
margin:0 auto;
}
.lunbo .bd{
overflow: hidden;
font-size: 0px;
margin-left: 41px;
}
.lunbo .prev{
background-image: url(../images/left.png);
background-repeat: no-repeat;
background-position: left center;
height: 60px;
width: 20px;
position: absolute;
left: 0;
top: 41%;
display: block;
}
.lunbo .next{
background-image:url(../images/right.png);
background-repeat: no-repeat;
background-position: left center;
height: 60px;
width: 20px;
display: block;
position: absolute;
top: 41%;
right: 0;
}
.lunbo .bd li{
display: inline-block;
*display: inline;
zoom: 1;
}
.lunbo .bd li img{border:2px solid #ccc; width:260px; margin:5px 8px;
box-sizing: border-box;
}
.bd p{width:220px; height:40px; line-height:40px;background: #fff;
clear: both;
margin-left: 5px;
margin-top:15px;
}
.bd p a{font-size:12px; font-family:"宋体";color:#666;
text-align:center; display:block;
width: 260px;
line-height: 40px;
text-decoration:none;}
.bd p a:hover{color:#666;}
.lxwom{
height: 380px;
background: url(../images/lianxi.png) no-repeat center;
overflow: hidden;
padding-top: 20px;
margin-top: 5px;
}
.mr10{
/*margin-right: 15px;*/
}
.jjj{
width: 823px;
color: #fff;
padding: 10px;
line-height: 28px;
font-size: 14px;
box-sizing: border-box;
}
.jjj p{
text-indent: 28px;
text-align: justify;
}
.w840{
width: 840px;
}
.w340{
width: 340px;
}
.bor{
border: 1px solid #f1f1f1;
margin-top: 10px;
padding: 0 10px;
padding-top: 25px;
}
.bor2{
border: 1px solid #f1f1f1;
margin-top: 10px;
padding: 0 10px;
}
.jjj_j p{
font-size: 12px;
color: #666;
line-height: 29px;
}
.lj{
width: 140px;
height: 30px;
line-height: 30px;
text-align: center;
}
.lj{
color: #fff;
margin-top: 45px;
border: 1px solid #ccc;
margin-right: 15px;
}
.lj:hover{
color: #ffcc00;
}
.news>li{
width: 400px;
margin-right: 15px;
}
.news li:nth-child(1){
margin-left: 0;
}
.news>li:nth-child(3){
margin-right: 0;
width: 370px;
}
.hot {
height: 75px;
padding: 10px 8px;
}
.hot .img{
width: 98px;
height:73px;
float: left;
border:1px solid #cccccc;
}
.hot .img img{
display: block;
width: 98px;
height:73px;
}
.hot .info{
width: 250px;
height:75px;
float: right;
}
.hot .info h4{
font-size: 12px;
}
.hot .info h4 a{
color:#0066cc;
}
.hot .info p{
float: left;
line-height:20px;
font-size: 12px;
margin-top: 10px;
}
.list{
width: 319px;
height:auto;
}
.list ul>li{
padding: 1px 0;
width: 320px !important;
border-bottom:1px dashed #cccccc;
line-height:35px;
background: url("../images/huisanjiao.jpg") no-repeat 8px center;
text-indent: 20px;
border-bottom: 1px dashed #ccc;
}
.listtt ul li{
padding: 31px 0 11px 0;
}
.list ul li span{
font-size: 12px;
color: #666;
float: right;
margin-right: 5px;
}
.list{
width: 309px;
height:auto;
padding: 10px 5px;
}
.list ul li a{
color: #666;
font-size: 12px;
}
.list ul li .w{
height:35px;
background: url("../images/w.png") no-repeat left center;
line-height:35px;
text-indent: 34px;
}
.list ul li .d{
height:49px;
background: url("../images/d.png") no-repeat left top;
width: 100%;
}
.list ul li .d p{
width: 89%;
text-indent: 0;
height:auto;
float: right;
line-height:30px;
color: #666;
font-size: 12px;
}
.w a{
color: #000;
font-size: 14px;
}
.tj_bttj_bt{
background: none;
border-bottom: 1px solid #cccccc;
}
.bbb{
border: 1px solid #ccc;
margin-top: 10px;
padding: 10px;
}
.bbbbb{
border: 1px solid #ccc;
}
.listlist li{
width: 312px !important;
}
.link li:nth-child(1){
}
.link{
width: 1200px;
display: inline-block;
color: #333333;
line-height: 60px;
font-size: 12px;
box-sizing: border-box;
padding-left: 15px;
}
.link a{
display: inline-block;
color: #333333;
line-height: 60px;
padding: 0 15px;
font-size: 12px;
}
.footer{
background: url(../images/bbbbt.jpg) repeat-x bottom;
height: 270px;
overflow: hidden;
}
.w920{
width: 920px;
padding-top: 40px;
color: #fff;
font-size: 12px;
}
.bbnav .anth-child{
padding-left: 0;
}
.bbnav a{
color: #fff;
font-size: 12px;
display: inline-block;
padding: 0 15px;
}
.w920 p{
line-height: 25px;
margin-top: 30px;
}
.picMarquee-left{ overflow:hidden; position:relative;
width: 820px;
overflow: hidden;
}
.picMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px; }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 3px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:200px; height:150px; display:block;
border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; }
.picMarquee-left .bd ul li .title{ line-height:24px; }
.new_lists ul>li{
width: 380px;
margin-right: 30px;
}
.new_lists ul>li:last-child{
width: 790px;
margin-right: 0;
}
.w937{
padding-top: 30px;
width: 950px;
}
.w937 p{
color: #666;
font-size: 12px;
line-height: 30px;
}
.lmny{
margin-top: 10px;
font-size: 12px;
color: #666;
line-height: 28px;
text-align: justify;
padding: 15px;
border: 1px solid #ccc;
padding-bottom: 25px;
}
.lmny img{
max-width: 800px;
margin: 0 auto;
display: table;
}
/*分页*/
#pages {
float: right;
padding:14px 0;
text-align: right;
font-family:å®ä½ ;
margin-right: 20px;
}
#pages a {
margin-right: 10px;
display:inline-block;
width:26px;
text-decoration: none;
height:22px;
line-height:22px;
background:#fff;
border:1px solid #003366;
text-align:center;
color:#333}
#pages a.a1 {
background:#003366;
width:56px;
text-decoration: none;
color: #fff;
height: 22px;
font-size: 12px;
}
#pages a:hover {
background:#f1f1f1;
color:#000;
text-decoration:none;
}
#pages span {
float: left;
display:inline-block;
width:28px;
height:24px;
line-height:24px;
background:#003366;
color:#fff;
text-align:center;
margin-right: 10px;
}
.page .noPage {
display:inline-block;
width:56px;
height:22px;
line-height:22px;
border:3px solid #DB3E3E;
text-align:center;
color:#a4a4a4}
.title1{
width: 100%;
height:100px;
text-align: center;
background: none;
border-bottom:2px solid #003366;
margin-bottom: 15px;
}
.title1 h1{
font-size: 24px;
line-height:70px;
}
.body{
height:auto;
line-height:25px;
font-size: 14px;
padding: 20px 0;
}
.sxy a{
color: #333;
}
.xwlist{
width: 100%;
border: 1px solid #ccc;
}
.xwlist li{
background: url("../images/huisanjiao.jpg") no-repeat 8px center;
width: 98%;
line-height: 30px;
border-bottom: 1px dashed #ccc;
font-size: 12px;
}
.xwlist li:hover{
border-bottom: 1px dashed #003366;
}
.xwlist a{
font-size: 12px;
display: inline-block;
height: 35px;
line-height: 35px;
color: #666;
text-indent: 30px;
background: url(images/huisanjiao.jpg) no-repeat 5px center;
}
.wdli li{
}
.kf54kefuqqbottom a{
displaynone;
}
/*首页资质弹窗*/
#zoom {
z-index: 99990;
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
z-index: 99991;
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
background: #ffffff no-repeat 50% 50%;
padding: 0;
margin: -100px 0 0 -100px;
box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
#zoom img {
display: block;
max-width: none;
background: #ececec;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
border-radius: 4px;
}
#zoom .close {
z-index: 99993;
position: absolute;
top: 0;
right: 0;
width: 49px;
height: 49px;
cursor: pointer;
background: transparent url('../images/close.png') no-repeat 50% 50%;
opacity: 1;
filter: alpha(opacity=100);
border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
z-index: 99992;
position: absolute;
top: 50%;
overflow: hidden;
display: block;
width: 49px;
height: 49px;
margin-top: -25px;
}
#zoom .previous {
left: 0;
background: url('../images/arrows.png') no-repeat 0 0;
border-radius: 0 4px 4px 0;
}
#zoom .next {
right: 0;
background: url('../images/arrows.png') no-repeat 100% 0;
border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
background-color: #0088cc;
}
.imgjj{
padding: 30px 15PX 0 30px;
}
.mn.new_lists li:nth-child(2) {
display: none;
}
.lmny iframe,.lmny img{
display: table;
margin: 0 auto;
}