@charset "utf-8";

/************************************************************************************
RESET
*************************************************************************************/

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}


/* set image max width to 100% */

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    border: none;
    /* ie8 */
}

select::-ms-expand {
    display: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border: none;
    width: 180px;
    height: 20px;
    float: right;
    margin-top: 20px;
    line-height: 20px;
    margin-right: 10px;
    font-size: 12px;
    color: #999;
    padding-left: 3px;
    background: url(../images/select.png) no-repeat;
}

em {
    font-style: normal;
}


/************************************************************************************
GENERAL STYLING  BEGIN
*************************************************************************************/

body {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    min-width: 1200px;
    font-family: "Microsoft YaHei";
}

.container {
    width: 1200px;
    margin: 0 auto;
}

ul,
ol {
    list-style: none;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    /* transition: all .3s linear; */
}

.clear {
    clear: both;
    overflow: hidden;
    zoom: 1;
    float: none;
}


/************************************************************************************
GENERAL STYLING  END
*************************************************************************************/


/* 公共标题样式 */

.pubTit {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.pubCh {
    height: 83px;
    line-height: 83px;
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-top: 24px;
}

.pubLine {
    display: block;
    margin: 0 auto;
}

.pubDes {
    font-size: 14px;
    color: #666;
    line-height: 34px;
    margin-top: 10px;
}

/* top样式 */

.top {
    width: 100%;
    height: 39px;
    line-height: 39px;
    background: #f3f3f3;
    border-bottom: 1px solid #d0d0d0;
    overflow: hidden;
}

.topL {
    float: left;
    font-size: 14px;
    color: #888;
}

.topR {
    float: right;
    font-size: 14px;
    color: #888888;
}

.topR a {
    font-size: 14px;
    color: #888888;
}

.topR a:hover {
    color: #00489b;
}


/* head样式 */

.head {
    height: 100px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.namePng {
    margin: 15px 0 0 0;
    float: left;
    overflow: hidden;
}

.hotline {
    margin-right: 2px;
    float: right;
}

.hotline .phone {
    display: block;
    margin: 29px 0 0 0;
    float: left;
}

.hCon {
    float: left;
    margin-left: 16px;
    margin-top: 32.5px;
}

.hTxt {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #333;
}

.hNum {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}


/* 导航栏样式 */

.navigation {
    width: 100%;
    height: 50px;
    background: #0b60bf;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nav {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    height: 50px;
    line-height: 50px;
}

.nav .nLi {
    height: 50px;
    float: left;
    position: relative;
    display: block;
    margin: 0 1px;
}

.nav a {
    vertical-align: 1px;
    padding: 0 16px;
    width: 99px;
    text-align: center;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    color: #fff;
}

.nav a:hover,
.nav .navOn {
    background: #f31808;
    color: #fff;
    line-height: 50px;
}


/* 轮播图样式 */

.flexslider {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 525px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.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: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 525px;
    display: block;
}


/* 子页大图样式 */

.subBan {
    width: 100%;
    height: 300px;
    background: url(../images/subBan.jpg) center no-repeat;
}

/* 承包范围 */

.range{
    width: 100%;
    height: 480px;
    background: #ffffff;
    overflow: hidden;
}

.ranBox{
    width: 1200px;
    margin: 35px auto 0;
    overflow: hidden;
}

.ranBox li{
    width: 208px;
    float: left;
    margin: 0 16px;
    text-align: center;
}

.ranBox a{
    width: 208px;
    float: left;
    margin: 0 16px;
    text-align: center;
    display: block;
}

.ranPic{
    width: 208px;
    height: 104px;
    line-height: 104px;
    text-align: center;
}

.ranPic img{
    display: inline-block;
    vertical-align: middle;
}

.ranPic .r01{
    display: none;
}

.ranFir{
    line-height: 30px;
    font-size: 18px;
    color: #333;
	margin: 10px 0;
}

.ranSec{
    font-size: 16px;
    color: #666;
    line-height: 24px;
}

.ranBox li:hover .r01{
    display: inline-block;
}

.ranBox a:hover .r01{
    display: inline-block;
}

.ranBox li:hover .r1{
    display: none;
}

.ranBox a:hover .r1{
    display: none;
}

/* 公司简介 */

.comDes {
    width: 100%;
    height: 500px;
    background: #f1f1f1;
    overflow: hidden;
}

.abtImg {
    width: 590px;
    height: 390px;
    margin-top: 50px;
    overflow: hidden;
    float: left;
}

.abtL {
    width: 550px;
    height: 390px;
    background: url(../images/ablBg.png) no-repeat;
    float: right;
    overflow: hidden;
    margin: 50px 8px 0 0;
}

.abtCon {
    margin-top: 184px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: justify;
}

.abtMore {
    font-size: 14px;
    color: #fff;
    width: 119px;
    height: 40px;
    line-height: 40px;
    margin-top: 38px;
    background: #00489b;
    text-align: center;
}

.abtMore a{
    color: #fff;
}

.abtMore:hover {
    background: #f31808;
}

/* 荣誉资质 */

.honor{
    width: 100%;
    height: 428px;
    background: #fff;
    overflow: hidden;
}

.hoTit{
    height: 28px;
    border-left: 4px solid #333;
    padding-left: 17px;
    margin-top: 50px;
    position: relative;
    
}

.hoLine{
    margin-top: 20px;
    border-bottom: 1px solid #c6c6c6;
}

.hoTit p{
    font-size: 24px;
    color: #333;
    line-height: 26px;
}

.hoTit a{
    position: absolute;
    display: block;
    font-size: 14px;
    color: #333;
    right: 3px;
    bottom: 0;
}

.hoTit a:hover{
    color: #00489b;
}

.hoBox{
    width: 1224px;
    height: 256px;
    margin: 39px auto 0;
    overflow: hidden;
}

.hoBox li{
    width: 282px;
    height: 256px;
    float: left;
    margin: 0 12px;
}

.hoPic{
    width: 280px;
    height: 204px;
    line-height: 200px;
    text-align: center;
    border: 1px solid #d4d4d4;
}

.hoPic img{
    display: inline-block;
    vertical-align: middle;
    max-height: 204px;
}

.hoFir{
    border-bottom: 2px solid #c6c6c6;
    height: 48px;
    width: 280px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #333;
    overflow: hidden;
}

.hoBox li:hover .hoFir{
    color: #00489b;
}

/* 工程案例 */

.case{
    width: 100%;
    height: 596px;
    background: #fff;
    overflow: hidden;
}

.case .pubCh{
    height: 82px;
    line-height: 82px;
    margin: 0;
    margin-bottom: 1px;
}

.proScroll .hd{
    width: 220px;
    margin: 31px 0 0 0;
    float: left;
}

.proScroll .hd li{
    width: 220px;
    height: 79px;
    line-height: 79px;
    background: #f1f1f1;
    margin-bottom: 2px;
    text-align: center;
}

.proScroll .hd .on{
    background: #00489b;
}

.proScroll .hd li a{
    color: #333;
    font-size: 16px;
}

.proScroll .hd .on a{
    color: #fff;
}

.proScroll .bd{
    float: right;
    margin-top: 31px;
    width: 953px;
    height: 402px;
}

/* 新闻中心 */

.news {
    width: 100%;
    height: 531px;
    background: #fff;
    overflow: hidden;
}

.newsL{
    width: 785px;
    float: left;
}

.newsTit{
    height: 73px;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
}

.newsTit p{
    height: 29px;
    border-left: 4px solid #333;
    padding-left: 17px;
    font-size: 24px;
    color: #333;
    margin-top: 25px;
    line-height: 28px;
    float: left;
}

.newsTit a{
    font-size: 14px;
    color: #333;
    line-height: 28px;
    float: right;
    display: block;
    margin-top: 30px;
}

.newsTit a:hover{
    color: #00489b;
}

.newsPic{
    display: block;
    width: 368px;
    margin-top: 40px;
    float: left;
}

.newsPic img{
    width: 368px;
    height: 241px;
}

.npTit{
    font-size: 16px;
    color: #333;
    line-height: 46px;
    margin-bottom: 2px;
}

.npDes{
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.newsPic:hover .npTit ,
.newsPic:hover .npDes{
    color: #00489b;
}

.newsList{
    width: 370px;
    margin-right: 20px;
    margin-top: 26px;
    float: right;
}

.newsList li{
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dashed #c9c9c9;
}

.newsList li .tit{
    font-size: 14px;
    color: #333;
    float: left;
}

.newsList li .time{
    float: right;
    color: #333;
    font-size: 14px;
}

.newsList li:hover .tit ,
.newsList li:hover .time{
    color: #00489b;
}

.newsR{
    width: 385px;
    float: right;
}

.qList{
    width: 385px;
    height: 366px;
    margin-top: 40px;
    overflow: hidden;
}

.qList li{
    margin: 11px 0;
}

.qName{
    font-size: 14px;
    color: #333;
    line-height: 34px;
}

.answer{
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.qList li:hover .qName ,
.qList li:hover .answer{
    color: #00489b;
}

/* 友情链接 */

.linkurl {
    width: 100%;
    height: 93px;
    line-height: 93px;
    margin-bottom: 37px;
    font-size: 14px;
    color: #333;
}

.linkurl .container{
    width: 1200px;
    height: 93px;
    background: #f1f1f1 url(../images/linkBg.png) left no-repeat;
}

.linkurl span {
    font-size: 14px;
    color: #333;
}

.linkurl a {
    font-size: 14px;
    color: #333;
    padding-right: 18px;
    padding-left: 18px;
}

.linkurl a:hover {
    color: #0b60bf;
}

.link{
    margin-left: 163px;
}

/* 底部样式 */

.footer {
    width: 100%;
    height: 272px;
    background-color: #1b252e;
    overflow: hidden;
}

.fNav {
    width: 100%;
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid #7d7d7d;
    font-size: 15px;
    color: #6e6f70;
}

.fList{
    width: 1200px;
    margin: 0 auto;
}

.fNav a {
    font-size: 15px;
    color: #fff;
    padding: 0 37px 0 30px;
}

.fNav a:hover {
    color: #0b60bf;
}

.fcTit{
    width: 1197px;
    height: 46px;
    margin: 41px 0 0 3px;
    background: url(../images/fCon.png) no-repeat;
}

.fCon{
    width: 685px;
    margin-top: 33px;
    float: left;
}

.fCon p{
    font-size: 14px;
    line-height: 28px;
    color: #fefefe;
}

.fCon p a{
    color: #fefefe;
}

.fCon p a:hover{
    color: #0b60bf;
}

.fTel{
    width: 205px;
    height: 45px;
    background: url(../images/fp.png) no-repeat ;
    float: left;
    margin-top: 39px;
}

.fTel .num{
    font-size: 20px;
    font-weight: bold;
    color: #fefefe;
    margin-left: 47px;
}

.fTel .bh{
    font-size: 14px;
    color: #fefefe;
    margin-left: 47px;
}

.ewm{
    float: right;
    margin: 19px 51px 0 0;
    width: 81px;
}
/* 子页右侧内容区b*/

.main {
    width: 1200px;
    margin: 20px auto 90px;
    font-family: "Microsoft YaHei";
    background: #fff;
    position: relative;
}

.mainCon {
    width: 930px;
    float: right;
    box-shadow: 0 1px 3.5px #A6A6A6;
    margin-top: 56px;
}


/* 分页    b*/

.pagebar {
    margin: 20px auto;
    text-align: center;
    font-size: 14px;
    display: block;
}

.pagebar a,
.pagebar span {
    position: relative;
    font-size: 16px;
    border-right: #ddd 1px solid;
    padding-right: 5px;
    border-top: #ddd 1px solid;
    padding-left: 5px;
    padding-bottom: 2px;
    border-left: #ddd 1px solid;
    color: #555;
    margin-right: 2px;
    padding-top: 2px;
    border-bottom: #ddd 1px solid;
    text-decoration: none;
}

.pagebar .on {
    background: #0b60bf;
    border-color: #0b60bf;
    color: #fff;
}


/* 子页面title */

.sonClass {
    position: absolute;
    left: 280px;
    line-height: 51px;
    font-size: 16px;
    color: #0b60bf;
    font-weight: 700;
}

.sonTit {
    position: absolute;
    right: 10px;
    line-height: 51px;
}

.subNav {
    font-size: 14px;
    color: #333;
}

.subNav a {
    font-size: 14px;
    color: #666;
}

.subNav a:hover {
    color: #0b60bf;
}


/* 子页面内容区 */

.subCon {
    width: 890px;
    padding: 20px;
    overflow: hidden;
    float: right;
    font-size: 15px;
    color: #333;
    line-height: 2;
    text-align: justify;
    min-height: 470px;
}


/* 侧边栏 */

.sideBar {
    width: 238px;
    float: left;
    background: #fff;
}

.sidebar-title {
    width: 238px;
    height: 56px;
    line-height: 51px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #0b60bf;
    position: relative;
}

.sidebar-nav {
    width: 214px;
    height: auto;
    padding: 17px 12px 19px;
    overflow: auto;
    background: #ebebeb;
}

.sideBar ul li {
    width: 214px;
    height: 40px;
    margin-bottom: 11px;
}

.sideBar ul li a {
    display: inline-block;
    width: 214px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0 3px 3px #c5c5c5;
    background: #fff url(../images/rowRight.png) no-repeat 16px center;
}

.sidebar-nav ul li:hover a {
    background: #f31808;
    color: #fff;
}

.sidebar-foot {
    width: 238px;
    height: 122px;
    background-image: url(../images/sidebar-foot.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #0b60bf;
    font-size: 15px;
    color: #fff;
    overflow: hidden;
}

.sidebar-foot .tel {
    height: 25px;
    line-height: 25px;
    margin: 21px 0 9px 14px;
}

.sidebar-foot .addr {
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 14px;
}

.sidebar-foot .addr2 {
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 24px;
}

.sidebar-foot .pic {
    width: 20px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    margin-right: 12px;
}

.sidebar-foot .pic img {
    display: inline-block;
    vertical-align: middle;
}