@charset "utf-8";
/* CSS Document */

/*****内页*****/
.ins-banner { width: 100%;position: relative; overflow: hidden;z-index: 10; min-width:1300px;}
.ins-banner img {float: left; width: 100%;}

.m2menu{text-align:center;padding:26px 0px 20px; min-width:1300px;}
.m2menu_a { padding: 0px 20px; color:#333;line-height: 36px;display: inline-block; margin: 0px 5px 12px;height: 38px; border: 1px solid #AAAAAA; font-size: 15px; border-radius: 0.3em;position: relative;}
.m2menu_a.on, .m2menu_a:hover {background: #1E407D;color: #FFF;border: 1px solid #1E407D;}
.m2menu_a.on:after, .m2menu_a:hover:after {border-top:8px solid #1E407D;}
.m2menu_a:after {transition: all 0.3s ease;content: "";border-left: 8px solid transparent;border-right: 8px solid transparent;border-top:0px solid #fff; position: absolute; left: 50%; margin-left: -5px; bottom: -8px;}

.bg-gray{background:#f5f5f5; min-width:1300px;width:100%;}
.wrap {width:1300px; margin:0 auto; padding:35px 0px 50px;overflow:hidden;}


/*企业文化*/
.whk{ display:block; overflow:hidden;}
.whk li{ display:block; background:#fff; float:left; position: relative; width:305px; height:370px; overflow:hidden; margin:0px 10px;}
.whknr1{ display:block; position:relative; z-index:2;}
.qywtu{ display:block; overflow:hidden;}
.qywnr{ display:block; padding:28px 34px 0;}
.qywnr1{ display:block; margin-bottom:12px; line-height:40px; color:#0a0a0a; font-size:24px;}
.qywnr2{ display:block; line-height:24px; color:#545454; font-size:14px;}
.whknr2{ display:block; position:absolute; left:0; top:100%; width:100%; height:100%; padding:38px 23px 20px; background:rgba(0, 71, 157, 0.7); z-index:3;}
.whtn1{ display:block; margin-bottom:22px; font-size:24px; color:#fff; line-height:40px; cursor:default;}
.whtn2{ display:block; line-height:28px; color:#fff; font-size:12px; cursor:default;}
.whk li:hover .whknr2{top:0;}


/********荣誉资质************/
.honor-box{overflow: hidden;}
.honor-items{position: relative;display: block;float: left;width:307px;padding: 15px;margin-right: 24px;*margin-bottom: 23px;background: #fff;border: 1px solid #e6e6e6;box-sizing: border-box;overflow: hidden;}
.honor-items:nth-child(4n){margin-right: 0;margin-bottom: 23px;}
.honor-items:nth-last-child(1){margin-bottom: 0;}
.honor-items img{width: 100%;}
.honor-items:hover .honor-mask{top: 0;}
.honor-mask{position: absolute;width:307px;height: 100%;top: 100%;left: 0;background: url(../images/honor-maskbg.png) no-repeat;background-size: 100% 100%;}
.honor-mask p{position: relative;display: block;height: 50px;top: 50%;margin-top: -25px;}
.hm-line{display: block;width: 74px;height: 1px;margin: 0 auto;background: url(../images/hm-line.png) center repeat-x;}
.hm-text{display: block;font-size: 18px;text-align: center;line-height: 48px;color: #fff;}
.honor-mask{
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

/********荣誉资质************/
.honor_xzlb{ display:block; margin-left:-86px;overflow:hidden;}
.honor_xzlb dd{ display:block; float:left; width:607px; margin-left:86px; margin-bottom:10px; margin-top:10px; background:#fff; border-left:2px solid #1E407D; padding:6px 17px; box-sizing:border-box;}
.honor_xzlb dd .rf{ float:right;height: 43px;}
.pro_xaml{ display:block; float:left; width:510px; border-right:1px solid #dbdbdb; line-height:43px; font-size:14px; color:#444;}
.pro_xaml a{font-size:14px; color:#444;}
.honor_xzlb dd:hover .pro_xaml a{ padding-left:5px; color:#1E407D;}

/******************新闻中心********************/
.dtlb{ display:block; overflow:hidden; width:1200px; margin:0 auto;}
.dtlb li{ display:block; padding:30px; margin-bottom:33px; overflow:hidden; background:#fff;}
.xwtu{ display:block; float:left; width:285px; height:162px; overflow:hidden;}
.xwjk{ display:block; margin-left:320px;}
.xwj-ti{ display:block; line-height:28px; color:#000; font-size:16px; }
.xwj-ti:visited{ color:#000;}
.xwj-da{ display:block; line-height:24px; color:#757575; font-size:12px; }
.xwj-js{ display:block; height:63px; padding-top:12px; line-height:26px; font-size:14px; color:#4d4d4d;}
.xwj-js a, .xwj-js a:visited{ color:#4d4d4d;}
.xwj-js a{ display:block;}
.xwj-xx{ display:block; width:120px; height:36px;line-height:36px;  text-align:center; overflow:hidden; background:#CCC;font-size:14px;border-radius:20px;}
.xwj-xx span{ display:block; position:relative; top:0; color:#fff;}
.dtlb li:hover .xwj-ti{ text-indent:6px; color:#1E407D;}
.dtlb li:hover .xwj-js a{ color:#000;}
.dtlb li:hover .xwj-xx, .aufl li:hover .xwj-xx, .pm-news li:hover .xwj-xx{ background:#1E407D;}
.dtlb li:hover .xwj-xx span, .aufl li:hover .xwj-xx span, .pm-news li:hover .xwj-xx span{ top:-100%; color:#fff;}
.dtlb li .xwj-xx:hover span, .aufl li .xwj-xx:hover span, .pm-news li .xwj-xx:hover span{ top:0;}
.xwj-xx,.xwj-xx span,.xwj-ti{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

/*****新闻详细内页******/
.news-art-main{background: #fff;margin:0px auto;padding: 40px 90px 60px;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}
.art-main img{ max-width:100%;}
.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color: #1E407D;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #1E407D;line-height:36px;text-align: center;box-sizing: border-box;color: #1E407D;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #1E407D;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}

/*******************人才招聘**************************/
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}

.jolb{ display:block; margin-left:-36px; overflow:hidden;}
.jolb dd{ display: block;width:607px; height:585px;margin-left:36px; margin-bottom:36px;float:left; box-sizing: border-box;}
.jotbg{ background:#1E407D; height:68px; padding:0 30px; line-height:68px; color:#FFF;}
.jotm{ padding-left:15px; position:relative; font-size:24px;}
.jotm b{ display:block; position:absolute; width:3px; height:20px; background:#FFF; top:24px; left:0;}
.jotr{ font-size:14px;}
.jotr i{ font-size:34px;}
.joon{ background:#efefef; height:91px; border:1px solid #dcdcdc; border-top:none; padding-top:23px;box-sizing: border-box;}
.joon a{ display:block; width:138px; height:44px; overflow:hidden; border:2px solid #1E407D; margin:0 auto; text-align:center; font-size:16px; color:#1E407D; line-height:44px;}
.joon a span{ display: block; position:relative; top:0;}
.joon a:hover span{ top:-100%; color:#fff; background:#1E407D;}
.jonk{ border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; height:426px; padding:30px; box-sizing: border-box;}
.jonk0{ height:366px; position:relative;}
.shu12{ line-height:24px; font-size:12px; color:#737373;}
.jonkk{ height:366px; overflow:hidden; position:relative; z-index:3; padding-right:18px;}
.jonkt{ position:absolute; z-index:0; right:1px; top:0; width:1px; height:100%; background:#ccc;}



.art-main .yd{line-height: 36px;font-size: 30px;color: #1E407D;}
.art-main .rg{padding-top: 9px;padding-bottom: 15px;line-height: 30px;color: #636363;font-size: 14px;}
.art-main .ym {font-size: 22px; color: #797979;line-height: 32px;padding-bottom: 4px;}
.art-main .yq {padding-bottom: 35px; padding-left:20px;}
.art-main .yq strong{ margin-bottom:5px; display:block;font-size:18px; color:#1E407D; font-weight:bold;}
.art-main .zhiz p{ text-indent:0em;}
.art-main .faui p{ line-height:28px; font-size:16px; color:#898787;}

.xm {line-height: 26px;color: #7e7e7e;font-size: 14px;}
.xie002 {padding-left: 10px;padding-right: 10px;}
.xie1 { width: 210px; height:30px; color: #7e7e7e; padding: 0 5px; font-size: 14px;line-height:30px;border: 1px solid #e3e3e3;background: #FFF;}
.xie2{ width:860px; height:90px; padding:0 5px;line-height:26px; color:#7e7e7e; font-size:12px; border:1px solid #e3e3e3; background:#FFF; margin-top:9px;margin-bottom:9px; }
.ti{outline: none; width:70px; height:28px; background:#1E407D; border:1px solid #1E407D; margin-left:8px; color:#FFF; font-size:12px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; cursor:pointer;}
.ti:hover{ background:#F59C9C; border:1px solid #F59C9C;}	


/*******联系我们************/
.lf { display: block; float: left;overflow: hidden;}
.rf { display: block; float: right;overflow: hidden;}
.map{ background:url(../images/map.jpg) center top no-repeat; height:640px; margin-top:-4px; position:relative; z-index:0; padding-top:140px;}
.tel1{ width:585px; background:#FFF;}
.tet{ background:#1067B4; padding:16px 32px; overflow:hidden;}
.bj{ line-height:32px; font-size:22px; color:#ffffff;}
.ad11{ height:34px; padding:14px 30px; background:#fff;} 
.ad22{ height:34px; padding:14px 30px; background:#e9e9e9;}
.ad12{ float:left; padding-left:18px; width:480px; font-size:14px; color:#505050; line-height:34px; }

.contact-second{width: 100%;height:670px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:670px;}
.contact-second .consec-address{width: 1200px;margin: 0px auto;position: relative;}
.consec-address .consec-content{position: absolute;top:100px;left:0;z-index: 3;width:585px;height:438px;}


/**********************产品展示**********************************/
.shop{ display:block; margin-left:-10px; overflow:hidden;}
.shop li{ display:block; box-sizing:border-box; float:left; width:317px; height:310px; margin-left:10px; margin-bottom:19px; padding:6px; background:#EFEFEF; overflow:hidden; position:relative; color:#000;}
.shbg2{ position:absolute; width:100%; height:0; left:0; bottom:0; background:#1E407D; z-index:1;}
.shbg1{ position:relative; width:100%; height:100%;  left:0; top:0; z-index:4;}
.shop li:hover .shbg2{ height:100%;}
.shop li:hover{ color:#FFF;}
.sptu{ display:block; margin-bottom:10px; position:relative; width:305px; height:250px; }
.sptu img{ margin:0 auto; position:absolute; z-index:8; width:305px; height:250px;}
.spm{ line-height:30px; font-size:16px; text-align:center;}
.spm a, .spm a:visited{ color:#000;}
.shop li:hover .spm a{ color:#FFF;}
.sptum{ width:100%; height:0; position:absolute; overflow:hidden; z-index:9; background:rgba(255, 255, 255, 0.61);}
.spjs{ padding:8px 5px ;  height:auto; min-height:113px; _height:113px; font-size:12px; color:#000; line-height:24px; text-align:center;}
.kan1{ width:110px; height:34px; margin:0 auto; overflow:hidden; text-align:center; color:#000; font-size:12px; line-height:34px; background:url(../images/kanbg.png) center center no-repeat;}
.kan1 span{ display: block; position:relative; top:0;}
.shop li:hover .kan1 span{ top:-100%;}
.shop li .kan1:hover span{ top:0;}
.shop li:hover .sptum{ height:100%;}

/**********************工程案例**********************************/
.case{ display:block; margin-left:-12px; overflow:hidden;}
.case li{ display:block; box-sizing:border-box; float:left; width:316px; height:457px; margin-left:12px; margin-bottom:19px; padding:6px; background:#EFEFEF; overflow:hidden; position:relative; color:#000;}
.csbg2{ position:absolute; width:100%; height:0; left:0; bottom:0; background:#1E407D; z-index:1;}
.csbg1{ position:relative; width:100%; height:100%;  left:0; top:0; z-index:4;}
.case li:hover .csbg2{ height:100%;}
.case li:hover{ color:#FFF;}
.cstu{ display:block; margin-bottom:10px; position:relative; width:304px; height:405px; }
.cstu img{ margin:0 auto; position:absolute; z-index:8; width:304px; height:405px;}
.csm{ line-height:30px; font-size:15px;}
.csm a, .csm a:visited{ color:#000;}
.case li:hover .csm a{ color:#FFF;}
.cstum{ width:100%; height:0; position:absolute; overflow:hidden; z-index:9; background:rgba(30, 64, 125, 0.5);}
.case li:hover .cstum{ height:100%;}


/***分页****/
.text-center {text-align: center;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0 10px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #1E407D; border-color: #1E407D;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}

a, span{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
