html,body{ font:12px/150% Arial,Verdana,"\5b8b\4f53";color:#666; background:#fff }
a { text-decoration: none; color: #666 }
a:hover { color: #014099 }
.container { width: 1000px; margin-left: auto; margin-right: auto; }
/*header*/
.site-header { background: url(../images/header-bg.gif) left 75px repeat-x; }
.site-header .container { background: #fff; position: relative; height: 110px; }
.site-header .header-logo { display: block; top: 47px; position: absolute; left: 0; padding: 0; margin: 0 }
.site-header .header-search { float: right; }
.header-search .tel { padding-top: 20px; color: #555; text-align: right; }
.header-search .tel span { font-weight: bold; padding-right: 20px; color:#014099; font-size:16px;}
.header-search .tel a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 33px;
height: 30px;
background: #aaaaaa;
text-align: center;
line-height: 30px;
color: #fff;
font-size: 12px;
margin-left: 1px;
}
.header-search .tel a.on { background: #014099; }
.header-search .tel a:hover { background: #014099 }
.header-search .search-layer { padding-top: 10px; width: 310px; }
.header-search .search-layer .a-about {
float: left;
padding: 0 17px;
height: 30px;
background: #014099;
line-height: 29px;
color: #fff;
}
.header-search .search-layer .a-about:hover { background: #ff0000; }
.header-search .search-layer .search-form { float: right; height: 30px; }
.header-search .search-form .search-text {
width: 164px;
height: 22px;
line-height: 22px;
padding: 4px 16px 4px 14px;
display: block;
border:0;
float: right;
background: #ddd;
}
.header-search .search-form .search-btn {
-webkit-transition: all .5s;
transition: all .5s;
width: 33px;
height: 30px;
float: right;
display: block;
border:0;
background:url(../images/search-btn-bg.png) #014099 no-repeat;
}
.header-search .search-form .search-btn:hover {
background:url(../images/search-btn-bg.png) #ff0000 no-repeat;
}
.site-header{position: relative; z-index:999;}
.site-header .nav .list { width: 1000px; margin-left: auto; margin-right: auto; }
.site-header .nav li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 20%;
border-right: 1px solid #fff;
height: 30px;
float: left;
position: relative;
}
.site-header .nav .list > li > a {
display: block;
font-size: 14px;
font-weight: bold;
background: #333;
height: 30px;
text-align: center;
line-height: 30px;
overflow: hidden;
color: #fff;
}
.site-header .nav li a:hover { background: #014099 }
.site-header .nav li.on > a { background: #014099 }
.site-header .nav .subnav { height: 0; position: absolute; top: 30px; left: 0; width: 199px; height: auto; background: #014099 }
.site-header .nav .subnav a { display: block; height: 30px; text-align: center; color: #fff; border-top: 1px solid #4a85d7; line-height: 30px; }
.site-header .nav .subnav a:hover { background: #333 }
/*footer*/
.site-footer { background: #111; margin-top: 20px; }
.site-footer .footer-contact,.site-footer .footer-address { padding: 50px 0; width: 300px; float: left; }
.site-footer ul li { padding: 3px 0; color: #fff; font-size: 15px; font-size: 18px; line-height: 30px; }
.site-footer i { display: block; float: left; margin-right: 15px; height: 30px; overflow: hidden; width: 30px; }
.site-footer span { display: block; /*height:30px;*/ line-height:30px; width: 60px; float: left; }
.site-footer span.addr{width:170px;}
.site-footer .footer-contact a { font-weight: normal; color: #2f85ff }
.site-footer .footer-address ul li { font-size: 12px; clear:both;}
.site-footer .footer-logo { padding-top: 50px; float: right; }
/*banner/main*/
.site-banner { height: 400px; overflow: hidden; margin-top: 20px; }
/*home-page*/
.layer { margin-top: 20px; }
.home-proClass .list { margin-right: -20px; }
.home-proClass .list li { float: left; margin-right: 20px; width: 320px; height: 200px; }
.home-proClass .list li a { display: block; height: 200px; }
.home-news { width: 660px; float: left; position: relative; }
.home-news .tab .tab-menu { border: 1px solid #ddd; height: 45px; }
.home-news .tab .tab-menu li {
font-weight: bold;
cursor: pointer;
font-size: 14px;
border-right: 1px solid #ddd;
float: left;
padding: 0 20px;
height: 45px;
line-height: 44px;
}
.home-news .tab .tab-menu li:hover,
.home-news .tab .tab-menu li.on { color: #014099; border-bottom: 1px solid #014099 }
.home-news .tab .tab-cont { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.home-news .tab .tab-cont > li { padding: 20px; overflow: hidden; height: 160px; }
.home-news .tab .hot-news { height: 250px; height: 160px; float: left; }
.home-news .tab .hot-news a { display: block; width: 250px; height: 160px; position: relative; overflow: hidden; }
.home-news .tab .hot-news a span {
display: block;
-webkit-transition: all .5s;
transition: all .5s;
width: 250px;
background: rgba(0,0,0,.8);
position: absolute;
top: 120px;
left: 0;
height: 160px;
padding:10px 15px;
color: #fff;
}
.home-news .tab .list-news { width: 347px; float: left; margin-left: 20px; }
.home-news .tab .list-news li { line-height: 26px; }
.home-news .tab .list-news li a { color: #666 }
.home-news .tab .list-news li a:hover { color: #014099 }
.home-news .tab .list-news span { display: inline-block; *display: inline; *zoom: 1; width: 75px; }
.home-news .more {
-webkit-transition: all .5s;
transition: all .5s;
display: block;
position: absolute;
top: 8px;
right: 20px;
width: 80px;
height: 30px;
line-height: 30px;
font-size: 12px;
text-align: center;
}
.home-about { width: 318px; float: right; border:1px solid #ddd; }
.home-about h3 { height: 45px; border-bottom: 1px solid #ddd; line-height: 45px; font-size: 14px; }
.home-about h3 i { display: inline-block; *display: inline; *zoom: 1; padding: 0 15px 0 20px; }
.home-about h3 img { vertical-align: middle; }
.home-about .cont { padding:15px 20px; line-height: 24px; position: relative; overflow: hidden; height: 170px; }
.home-about .more {
-webkit-transition: all .5s;
transition: all .5s;
display: block;
position: absolute;
bottom: 20px;
right: 20px;
width: 80px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #fff;
background: #555;
text-align: center;
}
.home-about .more:hover {
background: #014099;
}
.home-newPro { width: 318px; float: left; border:1px solid #ddd; }
.home-newPro h3 { height: 45px; border-bottom: 1px solid #ddd; line-height: 45px; font-size: 14px; }
.home-newPro h3 i { display: inline-block; *display: inline; *zoom: 1; padding: 0 15px 0 20px; }
.home-newPro h3 img { vertical-align: middle; }
.home-newPro .cont img { display: block; border:1px solid #aaa; width: 268px; height: 178px; margin-top: 20px; }
.home-newPro h5 { margin-top: 15px;}
.home-newPro h5 a { font-size: 14px; font-weight: normal; color: #014099 }
.home-newPro .cont { position: relative; height: 360px; padding: 0 25px; line-height: 24px; overflow: hidden;}
.home-newPro .cont .more {
-webkit-transition: all .5s;
transition: all .5s;
display: block;
position: absolute;
bottom: 20px;
right: 25px;
width: 80px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #fff;
background: #555;
text-align: center;
}
.home-newPro .cont .more:hover { background: #014099 }
.home-proShow { width: 660px; float: right; background: #014099; height: 407px; }
.home-proShow h3 { height: 45px; line-height: 45px; font-size: 14px; color: #fff; }
.home-proShow h3 i { display: inline-block; *display: inline; *zoom: 1; padding: 0 15px 0 20px; }
.home-proShow h3 img { vertical-align: middle; }
.home-proShow .tab-menu { width: 320px; float: left; }
.home-proShow .tab-menu li { padding: 0 20px; margin-bottom: 5px; }
.home-proShow .tab-menu h5 { height: 40px; line-height: 40px; border-bottom: 1px solid #fff; color: #fff; }
.home-proShow .tab-menu li .fix { margin-top: 10px; }
.home-proShow .tab-menu li a {
display: inline-block;
*display: inline;
*zoom: 1;
float: left;
padding: 5px 8px;
font-size: 12px;
text-align: center;
margin-right: 1px;
color: #7493c0
}
.home-proShow .tab-menu li a.on { background: #f00; color: #fff; }
.home-proShow .tab-menu li a:hover { background: #f00; color: #fff; }
.home-proShow .tab-cont { float: right; background: #fff; width: 300px; height: 320px; margin-right: 20px; }
.home-proShow .tab-cont a {
display: block;
position: relative;
height: 320px;
width: 300px;
overflow: hidden;
}
.home-proShow .tab-cont a span {
display: block;
-webkit-transition: all .5s;
transition: all .5s;
position: absolute;
width: 300px;
height: 40px;
background: rgba(0,0,0,.7);
color: #fff;
text-align: center;
font-size: 16px;
bottom: -40px;
z-index: 9;
font-weight: bold;
line-height: 40px;
}
.home-proShow .tab-cont a:hover span { bottom: 0 }
.ks { margin-right: -20px; }
.ks a { display: block; float: left; margin-right: 20px; }
/*main-body main-menu*/
.main-body { width: 698px; float: left; margin-top: 20px; border-right: 1px solid #ddd; padding-right: 30px; }
.main-menu { width: 240px; float: right; padding-top: 20px; }
.main-body .body-title { font-size: 14px; color: #333; height: 50px; line-height: 50px; padding: 0 20px; border:1px solid #ccc; }
.main-body .body-cont { border:1px solid #ccc; border-top: 0; line-height: 24px; padding:16px 20px 20px 20px; }
.main-menu .menu-title { height: 52px; font-size: 24px; line-height: 48px; font-weight: initial; color: #014099; font-weight: bold; }
.main-menu .menu-title i { display: block; float: left; height: 40px; width: 30px; overflow: hidden; margin-right: 30px; }
.main-menu .menu-title i span { display: block; height: 1px; background: #014099; margin: 11px 0; }
.main-menu .list li { background: #ddd }
.main-menu .list li a {
-webkit-transition: all .3s;
transition: all .3s;
display: block; height: 40px; line-height: 40px; text-indent: 20px; color: #555; margin-bottom: 1px; background: #fff; }
.main-menu .list li a.c1,.main-menu .list li a:hover,.main-menu .list li a.on { background: #014099; color: #fff; }
/*products page*/
.prolist .list dt { padding-bottom: 15px; font-size: 12px; font-weight: bold; color: #014099 }
.prolist .list dd { overflow: hidden; margin-bottom: 20px; }
.prolist .list .class-pic { display: block; width: 200px; height: 160px; float: left; border:1px solid #bbb; }
.prolist .list .class-pic img { width: 200px; height: 160px; }
.prolist .list .class-list { width: 436px; position: relative; height: 162px; float: right; }
.prolist .list .class-list h3 { display: block; background: #ddd; color: #333; height: 30px; line-height: 30px; padding: 0 10px; }
.prolist .list .class-list li { float: left; width: 100px; }
.prolist .list .class-list .text { line-height: 24px; margin-top: 10px; }
.prolist .list .class-list .more {
text-align: center;
line-height: 30px;
display: block;
position: absolute;
width: 80px;
height: 30px;
background: #ddd;
color: #333;
bottom: 0px;
right: 0px;
}
.prolist .list .class-list .more:hover { background: #014099; color: #fff; }
.prolist .subclass a { display: inline-block; *display: inline; *zoom: 1; padding: 3px 10px; background: #eee; margin-top: 5px; margin-right: 5px; }
.prolist .subclass a:hover { background: #014099; color: #fff; }
.proxx .proxx-pic { margin: 0 auto; text-align: center; padding: 20px 0; }
.proxx .proxx-info h5 { font-size: 14px; color: #014099; padding: 10px 0; }
/*products page*/
.hyyy .list { margin-right: -20px; margin-bottom: -20px; }
.hyyy .list > li { width: 318px; float: left; margin-right: 20px; margin-bottom: 20px; overflow:hidden;}
.hyyy .list > li img { display: block; width:318px; height:159px}
.hyyy .list > li h3 { padding-bottom: 10px; }
.list-fy { text-align: center; }
.list-fy a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; border:1px solid #ddd; font-size: 12px; }
.list-fy a:hover { border-color: #014099; color: #fff; background: #014099; }
/*news page*/
.newssy {}
.newssy .list { margin-bottom: -20px; }
.newssy .list .item { margin-bottom: 20px; overflow: hidden; border-bottom: 1px dashed #ddd; padding-bottom: 20px; }
.newssy .list .item .pic { float: left; width: 250px; height: 160px; overflow: hidden; }
.newssy .list .item .cont { padding-left: 270px; }
.newssy .list .item .cont .title { color: #333 }
.newssy .list-fy { padding-top: 20px; }
.newsxx .title { padding: 25px 0; font-weight: bold; font-size: 16px; color: #333; text-align: center; }
.newsxx .time { font-size: 12px; color: #999; text-align: center; padding-bottom: 15px; }
.newsxx .time span { padding: 0 15px; }
.newsxx .cont { font-size: 12px; line-height: 24px; }
.newsxx .cont img{ max-width:100%;}
/*service*/
.service .dw-table { width: 100%; }
.service .dw-table td { background: #ddd; border: 1px solid #fff; padding: 4px 15px; text-align: center; }
.service .dw-table td a { font-size: 12px; display: inline-block; *display: inline; *zoom: 1; padding: 0px 15px; background: #333; color: #fff; }
.service .dw-table td a:hover { background: #014099 }
.service .dw-table .title td { text-align: center; background: #014099; color: #fff; }
.service .list-fy { padding-top: 20px; }
.class-xz { padding-bottom: 10px; }
.class-xz span { display: block; height: 40px; line-height: 40px; font-weight: bold; color: #333; float: left; }
.class-xz .xz-box { position: relative; height: 32px; float: left; margin-left: 20px; margin-top: 4px; }
.class-xz .xz-txt { height: 30px; line-height: 30px; width: 220px; padding: 0 10px; background: #fff; color: #333; border: 1px solid #aaa; }
.class-xz .xz-btn { color: #333; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute;
right: 1px; top: 1px; cursor: pointer; }
.class-xz .xz-list { border: 1px solid #aaa; position: absolute; top: 30px; background: #fff; left: 0; border-top: 0; width: 240px; display: none; }
.class-xz .xz-list a { display: block; padding: 0 10px; line-height: 30px; color: #999; }
.class-xz .xz-list a:hover { color: #fff; background: #444 }
.pp {
font-size: 24px;
font-weight: bold;
width: 250px;
height: 150px;
background: #fff;
position: fixed;
left: 0;
top: 100px;
line-height: 40px;
background: #014099;
color: #fff;
padding: 20px 30px;
z-index:1000;
}