@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0;box-sizing: border-box}
body {color:#333; font-weight:normal;font-family:Microsoft YaHei,'华文细黑',Helvetica Neue,Helvetica,Tahoma,Arial,Hiragino Sans GB W3,Microsoft YaHei UI,sans-serif;font-size:14px;line-height:1.5;min-width:1200px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
h3{font-weight:normal}
a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none;color: #0264a5}
.text-cut  /*限制文字,文字超出显示冒号*/
{-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}
.container{width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
/*============================ 公共部分 ============================*/
/* 文章上下篇 */
.wengzhengfanye { padding:30px 0 0; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB { padding-left:0px; clear:both; font-size:14px; color:#666; line-height:34px;}
.wengzhengfanye span {font-weight:bold; }
.wengzhengfanye a:hover { text-decoration:underline;}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink { padding:30px 0 10px; text-align:center;}
.pagelink span,.pagelink a { display:inline-block; line-height:34px; height:34px; text-align:center;padding:0 12px; border:solid 1px #dcdcdc; color:#666; margin:0 4px;border-radius: 15px}
.pagelink a:hover,.pagelink a.on { background:#0264a5; color:#fff; border:solid 1px #0264a5;}
.pagelink span{display:inline-block; color:#fff; background:#0264a5;line-height:34px; height:34px; border:solid 1px #0264a5;}

/*========================================= 首页 =====================================*/
header{z-index: 99;position: relative}
.top{padding: 18px 0;overflow: hidden}
.top .logo a{display: inline-block;float: left}
.top .logo span{display: inline-block;width: 340px;line-height: 32px;border-radius: 30px;background-color: #0392de;
    text-align: center;color: #fff;float: left;position: relative;margin: 18px 0 0 48px}
.top .logo span:before{content: '';width: 1px;height: 32px;background-color: #cfcfcf;position: absolute;top: 0;left: -24px}
.top .lja a{background-color: #cfcfcf;padding:8px;border-radius: 10px; margin-left:5px}
.top .lja a:hover,.top .lja a:active {background-color: #0074c1; color:#fff}
.top .lja  a.xz{background-color: #0074c1; color:#fff}
.top .tel{font-size: 12px;color: #999999;background: url("../img/tel.png") no-repeat left;padding-left: 65px;}
.top .tel b{font-size: 20px;color: #0264a5}
.top .tel span{font-size: 14px;color: #666;font-weight: normal}

nav{background-color: #0264a5;}
.nav{ height:50px;}
.nav li{line-height:50px; float:left; text-align:center;position:relative;width: 133px;}
.nav li a{ display:block;color:#fff;position:relative;}
.nav li:hover a,.nav li.active a{background-color: #0074c1}
.nav li a span{position: relative}
.nav li .xlnav{z-index:2;left:0;right:auto;position:absolute;display:none;width: 133px;}
.nav li .xlnav li{margin: 0;height: 37px!important;line-height: 35px!important;width: 100%;}
.nav li .xlnav li a{height: 37px!important;font-size: 14px;color: #fff;font-weight: normal;background-color: #2C2C2C!important;}
.nav li .xlnav li:hover a{background-color: #0264a5!important;color: #fff!important;}
.nav li:nth-child(2) .xlnav{width: 380px}
.nav li:nth-child(3) .xlnav{width: 230px}
.nav li:nth-child(7) .xlnav{width: 230px}
.nav li:nth-child(6) .xlnav{width: 180px}
.oneA{margin-top: 20px;overflow: hidden}
.banner{ width:759px; position:relative; overflow:hidden;}
.banner .swiper-container{ width: 100%;height: 100%;overflow:hidden;}
.banner ul li{height: 393px}
.banner .pagination{position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width:30px;height:4px;margin:0 8px!important;cursor: pointer;opacity: 1; background-color:#fff; border-radius:5px;}
.banner .swiper-pagination-bullet-active{ background-color:#0264a5; }
.oneAr{width: 425px;}
.oneAr dd img{max-width: 100%}
.oneAr dl{height: 45px;  line-height: 45px;  background: #0264a5 linear-gradient(to right, rgba(0,255,0,0), rgba(249, 249, 249, 0.87));
    color: #fff;  padding-left: 20px;  font-size: 16px;}
.oneAr ul{padding: 0 20px;border: 1px solid #ededed}
.oneAr ul li{line-height: 71px;border-bottom: 1px solid #ededed;font-size: 16px;box-sizing: border-box}
.oneAr ul li span{display: inline-block;float: right}
.oneAr ul li:last-child{border: none}

.oneB{border: 6px solid #e6eaf5;margin-top: 20px;overflow: hidden}
.oneB ul{width: 988px;float: left}
.oneB ul li{width: 33.3%;float: left;text-align: center;font-size: 18px}
.oneB ul li img{margin: 17px 0}

.bg{background-color: #f9f9f9;overflow: hidden;margin-top: 20px}
.title{margin-top: 20px;position: relative;line-height: 26px;padding-left: 20px}
.title h2{font-size: 24px}
.title:before{content:'';position: absolute;top: 0;left: 0;width: 3px;height: 26px;background-color: #fd0000}

.oneC ul{margin-top: 20px;overflow: hidden}
.oneC ul li{width: 25%;float: left;background-color: #fff;height: 331px;padding-right: 2px;border-right: 2px solid #f9f9f9;transition: all 0.5s}
.oneC ul li dl{padding: 0 25px;box-sizing: border-box}
.oneC ul li dl h3{font-size: 18px;margin: 30px 0 10px}
.oneC ul li dl p{color: #999;line-height: 1.8}
.oneC ul li dl img{margin: 20px 0 20px}
.oneC ul li dl a{display: block;width: 152px;line-height: 33px;background-color: #0264a5;color: #fff;text-align: center;border-radius: 20px;
margin: 0 auto}
.oneC ul li:last-child{border: none}
.oneC ul li:hover{background-color: #0264a5}
.oneC ul li:hover dl h3{color: #fff}
.oneC ul li:hover dl p{color: #fff;opacity: 0.6}
.oneC ul li:hover dl a{background-color: #fff;color: #0264a5;}


.oneD{border-top: 1px solid #dcdcdc;margin-top: 25px;padding-bottom: 40px}
.oneD ul{margin-top: 20px}
.oneD ul li{width: 388px;float: left;margin-right: 18px}
.oneD ul li img{width: 100%}
.oneD ul li dl{padding: 0 15px;background-color: #fff;box-sizing: border-box;box-shadow: 0 0 10px #ccc;height: 281px;}
.oneD ul li dl .title{line-height: 23px;overflow: hidden;border-bottom: 1px dashed #ddd;padding: 12px 0 12px 15px;margin-top: 0}
.oneD ul li dl .title h2{font-size: 20px;font-weight: normal;float: left;display: inline-block}
.oneD ul li dl .title a{display: inline-block;float: right}
.oneD ul li dl .title:before{height: 23px;top: 12px}
.oneD ul li dl .title a{font-size: 12px}
.oneD ul li dl dd{border-bottom: 1px dashed #ddd;line-height: 38px;background: url("../img/jt.png") no-repeat left;font-size: 13px}
.oneD ul li dl dd a{padding-left: 10px;display: inline-block;width: 77%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.oneD ul li dl dd span{display: inline-block;float: right;color: #888;}
.oneD ul li:last-child{margin-right: 0}
.oneD ul li dl dd:last-child{border: none}

footer{width:100%;background:#4b4b4b;overflow: hidden;}
.foot{overflow: hidden;padding: 40px 0;color: #fff}
.foot h3{font-size: 16px;}
.footl p{margin-bottom: 15px;color: #999999;overflow-wrap: break-word}
.footl p img{margin: 0 10px 0 0;vertical-align: middle}
.foot2 ul{float: left;margin-right: 45px;padding-bottom:30px}
.foot2 ul li{margin-top: 5px}
.foot2 ul li a{color: #8F8F8F}
.foot3 img{width: 100px;height: 100px;}
.foot3 dl{float: left;margin-right: 16px}
.foot3 p{margin-top: 12px;text-align: center}
.link{border-top: 1px solid #5a5a5a;padding: 18px 0;color: #fff}
.link a{padding: 5px 0 5px 10px;color: #fff}

.copy {line-height:55px;text-align:center; color: #828282;overflow: hidden;background-color: #2b2b2b}
.copy a{color:#828282}

/*========================================= 关于我们 =====================================*/
.ny_ban{height:140px;overflow: hidden;position: relative;background: #0392de}
.ny_ban dl{margin-top: 40px;color: #fff;text-transform: uppercase}
.ny_ban h3{font-size: 24px}
.location {color: #fff;margin-top: 15px}
.location a{color: #fff}

.con{margin-top: 40px;overflow: hidden;padding-bottom: 40px}
.left{width: 280px;}
.lefta{width: 100%;margin-bottom: 40px}
.lefta h3{line-height: 56px;font-size: 18px;background-color: #0264a5;color: #fff;text-align: center;border-radius: 3px}
.lefta ul{border: 1px solid #ededed;;padding: 0 15px;border-radius: 3px}
.lefta ul li{line-height: 30px;font-size: 16px;border-bottom: 1px solid #ededed;background: url(../img/j.png) no-repeat left 18px;padding:10px 0px;padding-left: 35px;}
.lefta ul li:hover,.lefta ul li.active{background: url(../img/jo.png) no-repeat left 18px;}
.lefta ul li:hover a,.lefta ul li.active a{color: #0264a5}
.lefta ul li:last-child{border: none}
.leftb dl{border: 1px solid #ededed;;padding: 0 15px;border-radius: 3px}
.leftb dl dd{line-height: 2;font-size: 16px;border-bottom: 1px solid #ededed;padding: 10px 0 10px 40px}
.leftb dl dd:last-child{border: none}
.leftb dl dd:nth-child(1){background: url("../img/lb1.png") no-repeat left}
.leftb dl dd:nth-child(2){background: url("../img/lb2.png") no-repeat left}
.leftb dl dd:nth-child(3){background: url("../img/lb3.png") no-repeat left}
.leftb dl dd:nth-child(4){background: url("../img/lb4.png") no-repeat left}

.right{width: 855px;}
.right .tit{border-bottom: 1px solid #ededed;}
.right .tit h3{font-size: 26px;display: inline-block;padding-bottom: 17px;position: relative}
.right .cont{line-height: 2;margin-top: 40px}
.right .tit h3:after{content: '';position: absolute;bottom: 0;left: 0;width: 104px;height: 3px;background-color: #0264a5}

.aboutA{overflow: hidden;margin-top: 40px;line-height:2;}

.honor{margin-top: 40px;}
.honor ul li{float: left;width: 188px;overflow: hidden;margin-bottom: 20px;margin-right: 34px;}
.honor ul li dl{width: 100%;height: 259px;position: relative;overflow: hidden;border: 1px solid #efefef}
.honor ul li img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.honor ul li p{font-size: 16px;text-align: center;margin-top: 15px}
.honor ul li:nth-child(4n){margin-right: 0}
.honor ul li:hover p{color: #0264a5}

/*========================================= 产品中心 =====================================*/
.product{overflow: hidden;margin-top: 20px}
.product ul li{border-bottom: 1px solid #ededed;overflow: hidden;padding: 20px 0}
.product ul li dl{width: 56px;height: 67px;overflow: hidden;border: 1px solid #cccccc; font-family: Arial;text-align: center;
    background-color: #c1c1c1;color: #fff;font-size: 12px}
.product ul li dl b {font-size: 32px; color: #fff;  display: inline-block;  width: 100%; margin: 6px auto 1px;}
.product ul li dl img{max-width: 100%;transition: all 0.5s;height: 100%}
.product ul li dd{width: 640px;margin-left: 20px;}
.product ul li dd h3{font-size: 14px;margin-top: 10px}
.product ul li dd p{color: #999;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;white-space: nowrap}
.product ul li dt{text-align: right;margin-top: 10px}
.product ul li dt p{background: url("../img/yj.png") no-repeat left;margin-bottom: 8px;display: inline-block;padding-left: 30px}
.product ul li:hover dd h3{color: #0264a5}

/*========================================= 产品详情 =====================================*/
.navs{overflow: hidden;box-sizing: border-box;border-radius: 7px; border: 1px solid #ededed;margin-top: 40px}
.navs ul li{width: 25%;  float: left;  border-right: 1px solid #ededed;  line-height: 35px;
    text-align: center;  font-size: 16px;box-sizing: border-box}
.navs ul li:hover,.navs ul li.active{background-color: #0264a5}
.navs ul li:hover a,.navs ul li.active a{color: #fff}
.title2{text-align: center;margin-top: 35px}
.title2 h3{font-size: 26px}
.title2 p{margin-top: 10px}
.con1{background: url("../img/xmjs.jpg") no-repeat center;background-size: cover;padding: 0 20px;overflow: hidden;margin-top: 40px;padding-bottom: 60px}
.con3{background: url("../img/zy.jpg") no-repeat center;background-size: cover;}
.con4{background: url("../img/ys.jpg") no-repeat center;background-size: cover;}
.con4 .title2 h3{color: #fff}
.con4 .title2 p{color: #fff}
.con4 .cont{color: #fff}

/*========================================= 工程案例 =====================================*/
.case{padding-top: 20px}
.case ul li{width: 380px;float: left;transition: all 0.5s;padding: 7px;margin: 20px 35px 0 0;min-height: 303px}
.case ul li dl{width: 100%;height: 230px;overflow: hidden}
.case ul li dl img{width: 100%;transition: all 0.5s;height: 100%}
.case ul li div{padding: 4%;overflow: hidden;position: relative}
.case ul li dd{width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left}
.case ul li dd h3{font-size: 18px;color: #3c3c3c;line-height: 30px;}
.case ul li dd p{color: #666}
.case ul li i{width: 32px;height: 32px;background:url("../img/jiantou.png") no-repeat center;background-color: #0077e8;border-radius: 100%;
    position: absolute;  right: 8%;  top: 50%;  transform: translateY(-50%);  opacity: 0;  transition: all .3s ease-out 0s;  }
.case ul li:nth-child(3n){margin-right: 0}
.case ul li:hover{box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.08);}
.case ul li:hover i{opacity: 1;right: 5%}

/*========================================= 新闻中心 =====================================*/
.news{margin-top: 40px}
.news ul li{overflow: hidden;position: relative;box-sizing: border-box;background-color: #f7f7f8;transition: all 0.5s;margin-bottom: 20px}
.news ul li dl{width: 170px;height: 170px;overflow: hidden;}
.news ul li dl img{max-width: 100%}
.news ul li dl b {font-size: 44px;  background-color: #ccc;  color: #fff;  display: inline-block;  width: 100%;  line-height: 70px;  }
.news ul li dl img{max-width: 100%;transition: all 0.5s;height: 100%}
.news ul li dd{width: 750px;padding: 15px 0;margin-left: 20px}
.news ul li dd h3{font-size: 18px;  color: #222;}
.news ul li dd p{ line-height:1.8;color: #666;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  margin: 10px 0}
.news ul li dd span{font-size: 12px;color: #888;}
.news ul li i{width: 42px;height: 42px;position: absolute;  text-align: center;  line-height: 42px;  right: 1%;  top: -50%;
    transform: translateY(-50%);opacity: 1;background: url("../img/jiantou.png") no-repeat center;  transition: .6s;  color: #fff;}
.news ul li:hover i{top: 50%;opacity: 1;border-radius: 100%;transition: .6s;}
.news ul li:hover dl img{transition: all 0.5s;transform: scale(1.1)}
.news ul li:hover{background-color: #0264a5}
.news ul li:hover dd h3{color: #fff}
.news ul li:hover dd p{color: #fff;opacity: 0.6}
.news ul li:hover dd span{color: #fff;opacity: 0.6}

/*========================================= 下载中心 =====================================*/
.down{overflow: hidden}
.down ul li{line-height: 30px;border-bottom: 1px solid #ededed;overflow: hidden;font-size: 15px;position: relative}
.down ul li h3{display: inline-block;float: left;font-size: 16px;width:70%;overflow-wrap: break-word;padding:15px 0px;line-height: 30px;}
.down ul li span{display: inline-block;float: right;color: #999999;margin-right: 50px;padding:15px 0px;}
.down ul li i{  background: url(../img/wd.png) no-repeat center 0px;  width: 31px;  height: 31px;  display: inline-block;  position: absolute;  top: 15px;  right: 0;}
.down ul li:hover i{ background: url(../img/xz.png) no-repeat center;}
.down ul li:hover h3{color: #0365A5}

/*========================================= 人才招聘 =====================================*/
.rczp ul li span{margin-right: 100px}
.rczp ul li label{position: absolute;  top: 26px;  right: 0; background: #b8b7b2;  width: 86px;  height: 26px;  display: inline-block;
    margin-left: 15px;  color: #fff;  line-height: 26px;  text-align: center;  font-style: normal;  border-radius: 8px;}
.rczp ul li:hover label{background-color: #0365A5}

/*========================================= 联系我们 =====================================*/
.map{margin-top: 40px;overflow: hidden;height: 350px}

/*========================================= 证书查询 =====================================*/
.zscx{background:url("../img/cx.jpg") no-repeat center;height:500px;overflow: hidden;padding: 90px 0}
.zscxr{width: 420px;height:325px;background: url("../img/bg.png") repeat;border-radius: 15px;padding: 20px 30px 50px;
    box-sizing: border-box;margin:0 auto;}
.zscxr dl{margin-bottom: 25px}
.zscxr h2{text-align: center;font-size: 24px;margin: 30px 0}
.zscxr label{display: inline-block;width: 75px}
.zscxr input{width: 260px;line-height: 38px;border: none;border-radius: 3px;background-color: #fff;outline: none;text-indent: 10px}
.zscxr span{color: #ec0000;display: inline-block;margin-left: 10px}
.zscxr button{width: 135px;  cursor: pointer;  border: none;  background: #ffad2b;  border-radius: 8px;  color: #fff;
    margin: 0 auto;  display: block; font-size: 16px;line-height: 38px}

/*========================================= 在线留言 =====================================*/
.message {overflow:hidden;margin-top: 40px;border-top: 1px solid #ededed;}
.message input{ width:270px;line-height:35px; background:#f9f9f9; border:1px solid #ededed;border-radius: 5px;
    margin-top: 30px;text-indent:10px;color: #666;outline: none;margin-right: 2%}
.message input:nth-child(3n){margin-right: 0}
.message textarea { width:100%; height:134px; background:#f9f9f9; border:1px solid #ededed; color:#666;padding-top: 10px;
    margin-top:30px; text-indent:10px;font-family: "微软雅黑";outline: none;border-radius: 5px;}
.message .btn{width:100%; height:40px; line-height:40px; font-size:16px; display:inline-block; zoom:1;border-radius: 5px;
    color:#fff; cursor:pointer; border:none; background:#0365A5; margin-top:30px;text-align: center}


/*=======================================新闻详情页============================================*/
.rt_con{background-color: #fff;padding: 30px 20px 0}
.news_info{overflow:hidden; border-bottom:1px dotted #ccc;}
.info_title{text-align:center;}
.info_title h3{font-size:24px;color:#000;}
.info_laiyuan{line-height:48px;font-size:12px; color:#888;text-align:center; border-bottom:1px dotted #ccc;}
.info_text{padding:30px;font-size:15px;color:#333;line-height:2;min-height: 400px}
.info_text img{max-width:100%;}
.info_picA{padding:10px;text-align:center;}
.info_picA img {max-width:100%;width: expression(this.width > 720 ? 720: true)}