@charset "utf-8";
/* CSS Document */


.container { /*根据效果图主体宽度定义*/
    width: 1200px;
    padding: 0 16px;
}
.bg_01{ background: url("../images/bg_03.png") repeat-y;}

.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}


body{ font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;}
.fs{ font-family: "宋体", Helvetica, Arial, sans-serif;}
.fa{ font-family: Arial;}


/*头部*/
header{ height: 188px; background: url("../images/top_bg.png") bottom no-repeat;}
.block_01{ width: 266px; padding-top: 39px; padding-left: 10px;}
.logo{ width: 266px; height: 139px; margin-bottom: -37px;}
.logo img{ display: block; width: 266px; height: 139px;}
.slogan{ width: 157px;height: 27px; padding-left: 102px;}
.slogan img{ display: block; width: 157px;height: 27px;}
.block_02{ width: 880px; padding-top: 78px;}
.toggle{ height: 44px; line-height: 44px; font-size: 16px; color: #fff;}
.toggle a{ color: #fff;}
.toggle.bg{ background: url("../images/bg_04.png") right top no-repeat;}


/*nav*/
nav{ height: 65px;}
nav ul li{ float: left; width: 110px;}
nav ul li a{ display: block; width: 110px; height: 65px; line-height: 65px; font-size: 18px; color: #fff; text-align: center;}
nav ul li a:hover,
nav ul li .on{ background: url("../images/nav_li_h.png") no-repeat;}

/*banner*/
.banner{ width: 1200px; height: 486px; overflow: hidden; border-bottom: 5px solid #0c3c70; position: relative; z-index: 1;}
.banner .bd{ height: 100%; position: relative; z-index: 2;}
.banner .bd ul{ overflow: hidden; zoom: 1;}
.banner .bd ul li{ width: 1200px; height: 486px; zoom: 1; vertical-align: middle;}
.banner .bd ul li a img{ display: block; width: 1200px; height: 486px;}

.banner .hd{ height: 18px; overflow: hidden; position: absolute; right: 558px; bottom: 20px; z-index: 3;}
.banner .hd ul{ overflow: hidden; zoom: 1;}
.banner .hd ul li{ float: left; width: 18px; height: 18px; margin: 0 5px; display: inline; background: url("../images/dian_3.png") no-repeat; cursor: pointer;}
.banner .hd ul li.on{ background: url("../images/dian_3h.png") no-repeat;}


/*footer*/
footer{ height: 131px; padding: 36px 22px 0 22px; background: url("../images/down_bg.jpg") no-repeat;}
footer .logo_2{ width: 175px; height: 62px; padding-top: 16px;}
footer .logo_2 img{ display: block; width: 175px; height: 62px;}
footer .copy{ padding-top: 20px; padding-left: 26px; line-height: 18px; color: #c8d6e3;}
footer .copy a{ color: #c8d6e3;}
footer .wechat{ width: 202px;}
footer .wechat span{ width: 96px; padding-top: 20px; line-height: 18px; color: #c8d6e3;}


/*page*/
.page {
    padding: 40px 0;
    text-align: center;
}

.page a {
    display: inline-block;
    padding: 0 13px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    color: #5c5c5c;
}
.page a:hover,.page a.current {
    background: #2361a3;
    border: 1px solid #2361a3;
    color: #fff;
}
.page strong{padding:3px 8px;}


/*首页内容*/
.tit_1{ height: 41px; line-height: 41px; font-size: 24px; color: #5b5b5b;}
.c_600{ width: 540px; height: 457px; padding-left: 30px; padding-right: 30px; border-right: 1px solid #d9dde1;}
.c_599{ width: 599px;}

.mod_01{ width: 540px; height: 166px; border-bottom: 1px solid #d9dde1; position: relative;}
.mod_01 .bd{ width: 540px; overflow: hidden;}
.mod_01 .bd ul{ overflow: hidden; zoom: 1;}
.mod_01 .bd ul li{ float: left; width: 540px; overflow: hidden;}
.mod_01 .bd ul li .img{ width: 195px; height: 136px;}
.mod_01 .bd ul li .img img{ display: block; width: 195px; height: 136px;}
.mod_01 .bd ul li .text{ width: 338px; line-height: 26px; color: #767676;}
.mod_01 .bd ul li .text a{ display: block; font-size: 18px; color: #2b73b5;}
.mod_01 .hd{ position: absolute; right: 0; top: -40px;}
.mod_01 .hd ul{ zoom: 1;}
.mod_01 .hd ul li{ float: left; width: 8px; height: 7px; margin-left: 5px; display: inline; overflow: hidden; background: url("../images/dian_1.png") no-repeat; text-indent: 999px;}
.mod_01 .hd ul li.on{ background: url("../images/dian_1h.png") no-repeat;}

.mod_02{ width: 540px; height: 113px; position: relative;}
.mod_02 .bd{ width: 540px; overflow: hidden;}
.mod_02 .bd ul{ overflow: hidden; zoom: 1;}
.mod_02 .bd ul li{ float: left; width: 540px; height: 113px; line-height: 20px; overflow: hidden;}
.mod_02 .bd ul li a{ color: #7f7f7f;}
.mod_02 .bd ul li a p{ height: 28px; line-height: 28px; font-size: 18px; color: #2b73b5;}
.mod_02 .hd{ padding: 3px; background: #d5d5d5; position: absolute; right: 0; top: -40px;}
.mod_02 .hd ul{ zoom: 1;}
.mod_02 .hd ul li{ float: left; width: 7px; height: 5px; margin: 0 1px; display: inline; overflow: hidden; background: url("../images/dian_2.png") no-repeat; text-indent: 999px;}
.mod_02 .hd ul li.on{ background: url("../images/dian_2h.png") no-repeat;}

.mod_03 ul li{ height: 116px; padding: 15px 30px 0 30px; border-bottom: 1px solid #d9dde1;}
.mod_03 ul li .img{ width: 140px; height: 100px;}
.mod_03 ul li .img img{ display: block; width: 140px; height: 100px;}
.mod_03 ul li .text{ width: 387px; height: 100px; line-height: 18px;}
.mod_03 ul li .text a{ color: #7f7f7f;}
.mod_03 ul li .text p{ height: 20px; line-height: 20px; margin-bottom: 8px; font-size: 18px; color: #2b73b5;}

.mod_04 .img_1{ width: 200px; height: 260px;}
.mod_04 .img_1 img{ width: 200px; height: 260px;}
.mod_04 .img_2{ width: 400px; height: 260px;}
.mod_04 .img_2 img{ width: 400px; height: 260px;}
.mod_04 .img_3{ width: 600px; height: 260px;}
.mod_04 .img_3 img{ width: 600px; height: 260px;}
.mod_04 .text_1{ height: 104px; padding: 26px 20px 0 20px; line-height: 14px;}
.mod_04 .text_1 p{ height: 30px; line-height: 30px; font-size: 18px;}
.mod_04 .text_2{ height: 170px; padding: 90px 20px 0 20px; line-height: 14px;}
.mod_04 .text_2 p{ height: 30px; line-height: 30px; font-size: 18px;}
.mod_04 .c_200{ width: 200px;}
.bg_f2f2f2{ background: #f2f2f2; color: #316cc1;}
.bg_316cc1{ background: #316cc1; color: #fff;}
.color_585858{ color: #585858;}


/*01 关于我们*/
.bg_02{ background: url("../images/bg_06.jpg") center top repeat-y;}
.ban_2{ width: 1200px; height: 320px;}
.ban_2 img{ display: block; width: 1200px; height: 320px;}

.mod_05{ height: 54px; background: #f7f7f7;}
.address{ height: 54px; line-height: 54px; color: #6e6e6e;}
.address a{ color: #6e6e6e;}
.mod_05 .name{ height: 55px; line-height: 55px; padding: 0 22px 0 38px;background: url("../images/bg_07.png") repeat-x; font-size: 26px; color: #fff; position: relative; z-index: 9;}
.mod_05 .name p{ line-height: 54px; font-size: 24px; text-transform: uppercase;}

.mod_06{ height: 35px; background: #f0f0f0;}
.mod_06 ul li{ float: left;}
.mod_06 ul li a{ display: block; padding: 0 20px; line-height: 35px; font-size: 14px; color: #606060;}
.mod_06 ul li a:hover,
.mod_06 ul li .current{ background: #0059a5; color: #fff;}

.mod_07{ padding: 0 20px; line-height: 28px; font-size: 14px; color: #606060;}


/*02 荣誉资质*/
.mod_08{ width: 918px; height: 658px; background: #f8f8f8; border: 1px solid #d6d6d6; position: relative;}
.mod_08 .btn{ width: 29px; height: 58px; position: absolute; top: 555px; z-index: 99; cursor: pointer;}
.mod_08 .prev{ left: 13px;}
.mod_08 #prevTop,.mod_08 #nextTop{ width: 50px; height: 50px; top: 316px;}
.mod_08 #prevTop{ left: 18px;}
.mod_08 #nextTop{ right: 18px;}
.mod_08 .next{ right: 13px;}
.mod_08 li{ float: left;}
.mod_08 .cf li{ position: relative;}
.mod_08 .picBox{ height: 504px; background: #fff; border-bottom: 1px solid #d6d6d6; position: relative; overflow: hidden;}
.mod_08 .picBox ul{ height: 504px; position: absolute;}
.mod_08 .picBox li{ width: 918px; height: 504px;}
.mod_08 .picBox li img{ display: block; width: 918px; height: 504px;}
.mod_08 .listBox{ width: 825px; height: 133px; padding-top: 20px; position: relative; overflow: hidden;}
.mod_08 .listBox ul{ height: 72px; position: absolute;}
.mod_08 .listBox li{ width: 165px; height: 113px; cursor: pointer;}
.mod_08 .listBox li img{ display: block; width: 151px; height: 113px; margin: 0 7px;}


/*03 视频中心*/
.mod_09{ padding-left: 20px; padding-right: 20px;}
.mod_09 ul li{ background: #f6f6f6;}
.mod_09 ul li .img{ width: 500px; height: 280px; position: relative;}
.mod_09 ul li .img span img{ display: block; width: 500px; height: 280px;}
.mod_09 ul li .img .pf_tb{ width: 72px; height: 71px; position: absolute; left: 215px; top: 108px;}
.mod_09 ul li .text{ width: 599px; height: 220px; padding: 30px 30px 30px 0; line-height: 20px; color: #626262;}
.mod_09 ul li .text a{ display: block; height: 40px; line-height: 40px; margin-bottom: 15px; font-size: 22px; color: #262626;}


/*04 产品中心*/
.mod_10{ padding-left: 20px; padding-right: 20px;}
.mod_10 ul{ margin-left: -20px;}
.mod_10 ul li{ float: left; width: 349px; height: 391px; padding: 11px; margin-bottom: 36px; margin-left: 20px; display: inline; border: 1px solid #d4d4d4; line-height: 20px;}
.mod_10 ul li img{ display: block; width: 349px; height: 244px; margin-bottom: 12px;}
.mod_10 ul li a{ color: #858585;}
.mod_10 ul li p{ height: 42px; line-height: 42px;}
.mod_10 ul li span{ display: inline-block; padding-right: 28px; background: url("../images/tb_5.png") right center no-repeat; font-size: 16px; color: #0059a5;}
.mod_10 ul li.hover{ background: #0059a5; border: 1px solid #0059a5;}
.mod_10 ul li.hover img{ width: 345px; height: 240px; border: 2px solid #fff;}
.mod_10 ul li.hover a{ color: #fff;}
.mod_10 ul li.hover a span{ background: url("../images/tb_5h.png") right center no-repeat; color: #fff;}


/*05 产品中心-详情*/
.mod_11{ width: 504px; height: 441px; position: relative;}
.mod_11 .btn{ width: 21px; height: 75px; position: absolute; top: 366px; z-index: 99; cursor: pointer;}
.mod_11 .prev{ left: 0;}
.mod_11 #prevTop,.mod_11 #nextTop{ width: 50px; height: 50px; top: 316px;}
.mod_11 #prevTop{ left: 18px;}
.mod_11 #nextTop{ right: 18px;}
.mod_11 .next{ right: 0;}
.mod_11 li{ float: left;}
.mod_11 .cf li{ position: relative;}
.mod_11 .picBox{ height: 352px; position: relative; overflow: hidden;}
.mod_11 .picBox ul{ height: 352px; position: absolute;}
.mod_11 .picBox li{ width: 504px; height: 352px;}
.mod_11 .picBox li img{ display: block; width: 504px; height: 352px;}
.mod_11 .listBox{ width: 456px; height: 75px; padding-top: 14px; position: relative; overflow: hidden;}
.mod_11 .listBox ul{ height: 75px; position: absolute;}
.mod_11 .listBox li{ width: 114px; height: 75px; cursor: pointer;}
.mod_11 .listBox li img{ display: block; width: 108px; height: 75px; margin: 0 3px;}

.mod_12{ width: 619px; line-height: 28px; font-size: 14px; color: #545454;}
.mod_12 .title{ height: 56px; border-bottom: 1px solid #c0c0c0; font-size: 28px;}
.mod_12 .content a{ color: #0059a5;}


/*06 新闻中心*/
.mod_13 ul li{ padding: 28px 20px; height: 129px;}
.mod_13 ul li .text{ width: 924px; line-height: 21px; font-size: 14px; color: #5a5a5a;}
.mod_13 ul li .text p{ color: #a8a8a8;}
.mod_13 ul li .text p a{ display: block; font-size: 18px; color: #0059a5;}
.mod_13 ul li .img{ width: 188px; height: 129px;}
.mod_13 ul li .img img{ display: block; width: 188px; height: 129px;}


/*07 新闻详情*/
.mod_14{ padding-left: 20px; padding-right: 20px; line-height: 28px; font-size: 14px; color: #535353;}
.mod_14 .title{ height: 93px; line-height: 35px; background: url("../images/tit_bg1.jpg") left bottom repeat-x; font-size: 14px; color: #767676;}
.mod_14 .title p{ font-size: 30px; color: #3e3e3e;}
.mod_14 .f_con{ border-top: 1px solid #bababa;}
.mod_14 .f_con a{ color: #767676;}


/*08 工程案例*/
.mod_15{ padding-right: 20px; padding-left: 20px;}
.mod_15 ul li{ padding: 20px; border-bottom: 1px solid #dadada; color: #767676;}
.mod_15 ul li .img{ width: 196px; height: 136px; border: 2px solid #fff;}
.mod_15 ul li .img img{ display: block; width: 196px; height: 136px;}
.mod_15 ul li .text{ width: 901px; line-height: 22px; font-size: 14px;}
.mod_15 ul li .text .a_1{ display: block; height: 22px; line-height: 22px; margin-bottom: 4px; font-size: 20px; color: #0f5da2;}
.mod_15 ul li .text .a_2{ display: block; padding-top: 4px; color: #ff7e00;}
.mod_15 ul li.hover{ background: #0059a5; border-bottom: 1px solid #0059a5; color: #fff;}
.mod_15 ul li.hover .a_1{ color: #fff;}
.mod_15 ul li.hover .a_2{ color: #fff;}


/*09 工程案例-详情*/
.mod_16{ padding-left: 20px; padding-right: 20px; line-height: 28px; font-size: 14px; color: #535353;}
.mod_16 .title{line-height: 38px; font-size: 28px; color: #3e3e3e;}

.slide_1{ width: 670px; height: 468px; position: relative;}
.slide_1 .bd{ width: 670px; overflow: hidden;}
.slide_1 .bd ul{ overflow: hidden; zoom: 1;}
.slide_1 .bd ul li{ float: left; width: 670px; overflow: hidden;}
.slide_1 .bd ul li a img{ display: block; width: 670px; height: 468px;}
.slide_1 .preNext{ width: 35px; height: 90px; position: absolute; top: 187px; z-index: 10; cursor: pointer;}
.slide_1 .prev{ background: url("../images/jt_4l.png") no-repeat; left: -104px;}
.slide_1 .next{ background: url("../images/jt_4r.png") no-repeat; right: -104px;}


/*010 合作伙伴*/
.mod_17{ padding-left: 20px; padding-right: 20px;}
.mod_17 ul{ margin-left: -32px;}
.mod_17 ul li{ float: left; width: 265px; margin-bottom: 42px; margin-left: 32px; display: inline;}
.mod_17 ul li .img{ width: 263px; height: 159px; margin-bottom: 2px; border: 1px solid #e2e2e2;}
.mod_17 ul li .img img{ display: block; width: 263px; height: 159px;}
.mod_17 ul li .text{ padding: 7px 16px 0 16px; height: 112px; line-height: 18px; background: #f5f5f5; color: #666;}
.mod_17 ul li .text a{ display: block; height: 40px; line-height: 40px; font-size: 18px; color: #1665a8;}


/*网站地图*/
.mod_18{ padding: 0 20px; line-height: 22px; font-size: 14px; color: #606060;}
.mod_18 ul li{ float: left; width: 165px; margin-bottom: 30px;}
.mod_18 ul li a{ display: block;}
.mod_18 ul li .a_1{ margin-bottom: 10px; font-size: 16px; color: #323232;}
.mod_18 ul li .a_2{ font-size: 14px; color: #606060;}


/*新改*/
.mod_19{
    padding-left: 20px;
    padding-right: 20px;
}
.mod_19 ul{
    margin-left: -14px;
}
.mod_19 ul li{
    float: left;
    width: 279px;
    margin-bottom: 40px;
    margin-left: 14px;
    display: inline;
}
.mod_19 ul li a{
    display: block;
    padding: 8px 8px 0 8px;
    border: 1px solid #d4d4d4;
}
.mod_19 ul li a img{
    display: block;
    width: 261px;
    height: 182px;
}
.mod_19 ul li a p{
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #0059a5;
}
.mod_19 ul li a:hover{
    background: #0059a5;
    border: 1px solid #0059a5;
}
.mod_19 ul li a:hover img{
    width: 257px;
    height: 178px;
    border: 2px solid #fff;
}
.mod_19 ul li a:hover p{
    color: #fff;
}

.mod_20{
    padding-left: 20px;
    padding-right: 20px;
}
.mod_20 ul{
    margin-left: -13px;
}
.mod_20 ul li{
    float: left;
    width: 221px;
    margin-bottom: 30px;
    margin-left: 13px;
    display: inline;
}
.mod_20 ul li img{
    display: block;
    width: 219px;
    height: 132px;
    margin-bottom: 2px;
    border: 1px solid #e8e8e8;
}
.mod_20 ul li p{
    height: 34px;
    line-height: 34px;
    background: #f5f5f5;
    font-size: 16px;
    color: #3375af;
    text-align: center;
}

.mod_21 .title{  background: #f0f0f0;}
.mod_21 .tabs-tit{ float: left; line-height: 35px;}
.mod_21 .tabs-tit a{ display:block; padding: 0 20px;font-size: 14px; color: #606060;}
.mod_21 .tabs-tit a.selected{ background: #0059a5; color: #fff;}
.mod_21 .content a{
    display: inline-block;
    padding: 0 20px;
    line-height: 36px;
    color: #666;
}
.mod_21 .content a.on{
    color: #f00;
}