@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1200px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
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; }
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}/*限制文字,文字超出显示冒号*/
.t_center { text-align:center;}
@font-face {
    font-family: 'Oswald';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../font/Oswald-Regular.ttf') format('truetype');
}
/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 0 0 20px 0;border-bottom:1px solid #ccc;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {width: 50%; color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wengzhengfanye span {font-weight:bold; }
.wengzhengfanye a:hover { text-decoration:underline;}
.wengzhengfanyeB{text-align: right}

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

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#2d3f7f; }

/*========================================= 首页 =====================================*/
.container { width:1268px; overflow:hidden; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.topA{background: #F2F2F2;line-height: 40px}
.topAa{display: flex;justify-content: space-between;align-items: center;}
.topB{background: url("../img/topbg.jpg") no-repeat center;padding: 10px 0}
.topBa{display: flex;justify-content: space-between;align-items: center;}
.topBa form{display: flex;}
.topBa input{border: 1px solid #f0f0f0;line-height: 38px;width: 200px;padding-left: 25px;background: url("../img/search.png") no-repeat 5px #fff;outline: none;border-radius: 5px 0 0 5px}
.topBa button{width: 65px;height: 40px;line-height: 40px;color: #fff;background: #0081CD;border: none;border-radius: 0 5px 5px 0;font-size: 16px}
.nav { height:50px;background: #0081CD;}
.nav li { line-height:50px; float:left; text-align:center;width: 11.1%;}
.nav li a { display:block; font-size:18px; position:relative;font-weight: bold;color: #fff;}
.nav li a:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;
    width: 0;height: 3px;background-color: #fff;opacity: 0;transition: all .5s ease;}
.nav li a:hover:after,.nav li.active a:after
{ width: 70%;opacity: 1}
.xlnav{display: none}

/*banner图片切换样式*/
.banner
{ width:100%; height:408px; overflow:hidden;position:relative;}
.banner  ul
{ width:9999px; position:absolute; left:0px; top:0px;}
.banner ul li
{ overflow:hidden; float:left; height: 408px}
.banner .swiper-button-prev,.banner .swiper-button-next
{ width:60px; height:90px; background:url(../img/banner_arrows.png); position:absolute; top:40%; z-index:99; cursor:pointer;}
.banner .swiper-button-prev
{ background-position:0px 180px; left:5px;}
.banner .swiper-button-next
{ background-position:0px 90px; right:5px;}
.banner .swiper-button-prev:hover
{ background-position:0px 0px; left:5px;}
.banner .swiper-button-next:hover
{ background-position:0px 270px; right:5px;}
.banner .pagination{ position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:50px;height:3px;margin:0 5px!important;cursor: pointer;
    opacity: 1; background-color:#fff; }
.banner .swiper-pagination-bullet-active{ background-color:#0081CD; }

.title {margin-top: 40px;overflow: hidden}
.title dd{border-left: 5px solid #0081CD;padding-left: 20px}
.title dd h2{font-size: 26px;font-weight: normal}
.title dd p{color: #999;text-transform:uppercase;font-family: Oswald;font-size: 16px}
.title .hd{border-bottom: 1px solid #ddd;width: 84%;line-height: 50px;}
.title .hd ul{float: right}
.title .hd ul li{width: 135px;text-align: center;background: #F1F1F1;display: inline-block;float: left}
.title .hd ul li a{font-size: 18px;font-weight: bold}
.title .hd ul li:hover,.title .hd ul li.on{background: #0081CD}
.title .hd ul li:hover a,.title .hd ul li.on a{color: #fff}

.title .more{display: inline-block;float: right;font-size: 16px;font-family: Oswald}
.title .more:hover{color: #0081CD}

.oneA{margin-top: 40px;overflow: hidden}
.oneAl{width: 48.5%;overflow: hidden;position: relative}
.oneAl ul li img{width: 100%}
.oneAl .pagination{ position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.oneAl .swiper-pagination-bullet {width:10px;height:10px;margin:0 5px!important;cursor: pointer;border-radius: 100%;
    opacity: 1; background-color:#fff; }
.oneAl .swiper-pagination-bullet-active{ background-color:#0081CD; }
.oneA img{max-width: 100%}
.oneAr{line-height: 2;font-size: 16px;width: 48.5%}

.oneB{background: url("../img/ob.jpg") no-repeat center bottom;padding-bottom: 260px;margin-top: 40px}
.oneB ul li{width: 23%;box-sizing: border-box;position: relative;transition: all 1s;margin-right: 2%;float: left}
.oneB ul li dd{overflow: hidden;height: 202px;}
.oneB ul li dd img{max-width: 100%;height: 202px;transition: all 0.5s}
.oneB ul li p{text-align: center;font-size: 16px;margin-top: 15px}
.oneB ul li:nth-child(4n){margin-right: 0}
.oneB ul li:hover dd img{transition: all 0.5s;transform: scale(1.1)}

/*.oneB ul{display: flex}
.oneB ul li{width: 25%;height: 440px;padding: 35px;box-sizing: border-box;position: relative;transition: all 1s;}
.oneB ul li dd{font-size: 20px;color: #fff;font-weight: normal;position: relative;z-index: 1;overflow: hidden;transition: all 1s;}
.oneB ul li dd i{display: block;width: 6px;height: 62px;background: #ffffff;float: left;margin-right: 15px;transition: all 1s;}
.oneB ul li dd h3{display: block;width: auto;text-align: left;font-size: 28px;float: left;transition: all 1s;font-weight: bold;}
.oneB ul li dd p{font-family:Oswald;display: block;font-size: 14px;color: #ffffff;text-transform: uppercase;margin-top: 10px;float: left;width: 90%;opacity: 0.5;transition: all 1s;}
.oneB ul li:after{content: "";background-color: rgba(15, 15, 15, 0.6);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 0;opacity: 0}
.oneB ul li dl{overflow: hidden;font-size: 14px;color: #f7f7f7;line-height: 28px;padding-left: 40px;margin-top: 16px;transition: all 1s;position: relative;z-index: 1;opacity: 0;}
.oneB ul li dt{overflow: hidden;font-size: 14px;color: #fff;line-height: 28px;padding: 5px 20px;opacity: 0;margin-top: 30px;transition: all 1s;position: relative;z-index: 1;
background: #0081CD;display: inline-block;text-align: center;margin-left: 40px}
.oneB ul li:hover{width: 60%;padding: 0 45px 0 45px;}
.oneB ul li:hover:after{opacity: 1}
.oneB ul li:hover dl{opacity: 1}
.oneB ul li:hover dt{opacity: 1}
.oneB ul li:hover dd i{width: 6px;height: 150px;margin-right: 30px;}
.oneB ul li:hover dd h3{margin-top: 10%}*/

.oneC{margin-top: -200px}
.oneCs{width: 48.5%}
.oneCs .title .hd{width: 70%}
.oneCa{margin-top: 25px}
.oneCal{width: 198px;}
.oneCal img{max-width: 100%}
.oneCar{width: 404px;}
.oneCar .hd ul{display: flex;justify-content: space-between;align-items: center;background: #F1F1F1;line-height: 40px}
.oneCar .hd ul li{width: 25%;text-align: center;font-size: 16px}
.oneCar .hd ul li:hover,.oneCar .hd ul li.on{background: #0081CD}
.oneCar .hd ul li:hover a,.oneCar .hd ul li.on a{color: #fff}

.oneCar .bd{margin-top: 5px}
.oneCar .bd ul li{line-height: 38px;border-bottom: 1px solid #ddd;overflow: hidden}
.oneCar .bd ul li i{display: inline-block;float: left}
.oneCar .bd ul li p{display: inline-block;width: 70%;;float: left;margin-left: 5px;font-size: 16px}
.oneCar .bd ul li span{display: inline-block;float: right;color: #bbb;}
.oneCar .bd ul li i{font-weight: bold;font-size: 12px;color: #000;font-style: normal}
.oneCar .bd ul li:hover p{color: #0081CD}

.oneD{background: url("../img/od.jpg") no-repeat center bottom;margin-top: 40px;padding-bottom: 190px;}
.oneD ul{display: flex;justify-content: space-between}
.oneD ul li{width: 19%;}
.oneD ul li dd{width: 100%;height: 160px;overflow: hidden;position: relative}
.oneD ul li dd img{width: 100%;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
.oneD ul li p{text-align: center;font-size: 16px;font-weight: bold;margin-top: 10px}

.link{padding: 15px 0;font-size: 16px}
.link dd{display: inline-block;margin-right: 10px}
.link dd span{color: #0081CD;font-family: Oswald;font-size: 14px}
.link i{font-style: normal;font-size: 16px;margin: 0 10px;color: #d3d3d3}

.footer { width:100%; background:#292929;color: #fff}
.foot{padding: 25px 0;display: flex;justify-content: space-between}
.foot1 img{margin-bottom: 20px;width: 220px}
.foot1 p{font-size: 18px;margin-bottom: 12px}
.foot1 p span{font-family: Oswald}
.foot2 {text-align: center;}
.foot2 p{font-size: 16px;margin-top: 15px}
.foot2 img{width: 110px;border: 5px solid #fff}
.foot3 h3{margin-bottom: 15px}
.foot3 ul{width: 200px;float: left}
.foot3 ul li{line-height: 30px;}
.foot3 ul li a{color: #888}
.copy{background: #0081CD;text-align: center;color: #fff;line-height: 50px}
.copy a{color: #fff}

/*.footers { padding:30px 0 10px 0;color: #fff}
.footers p{text-align: center;color: #ccc;margin-top: 10px}
.footer ul {display: flex;justify-content: center}
.footer ul li {}
.footer ul li a { display:block; color:#ccc; font-size:14px; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .copy { height:50px; line-height:50px; border-top:solid 1px #575a60; color:#ccc; text-align:center; margin-top:20px;}
.footer .copy a{color: #ccc}*/

/*========================================= 关于我们 =====================================*/
.ny_ban {height: 250px;overflow: hidden;text-align: center;color: #fff}
.ny_ban h2{font-size: 28px;font-weight: normal;margin-top: 80px}
.ny_ban i{display:inline-block;height: 1px;width: 3%;background: #fff;margin: 0.8% auto;}
.ny_ban p{font-size: 18px;font-family: "Oswald";text-transform: uppercase}

.ny_con { width:100%; overflow:hidden; background:#F6F6F6;}
.ny_main{background: #fff;margin: 40px auto;padding: 40px;box-sizing: border-box}

.ny_left { width:240px; float:left;}
.lf_n { width:240px; overflow:hidden; margin-bottom:10px;}
.lf_n .tit { overflow:hidden; background-image: linear-gradient(113deg, rgba(39, 21, 113, 1), #0081CD);color:#fff;padding: 15px 15px}
.lf_n .tit h3{font-size:24px;font-weight: normal}
.lf_n .tit p{font-size:16px;text-transform: uppercase;font-family: Oswald}

.lf_n_c{}
.lf_n ul li{padding:0 0 0 15px; font-weight:100; line-height:44px; height:44px; background:#f9f9f9;
    margin-top:6px;overflow:hidden; font-size:16px;position: relative}
.lf_n ul li:before{background-repeat: no-repeat;background-position: center;background-size: cover;content: "";
    display: inline-block;vertical-align: middle;background: #0081CD;position: absolute;left: 0;top: 0;height: 0%;
    -webkit-transition: height 200ms;transition: height 200ms;width: 2px;z-index: 999;}
.lf_n ul li a{display: block}
.lf_n ul li a:before{background-repeat: no-repeat;background-position: center;background-size: cover;content: "";display: inline-block;vertical-align: middle;
    border-left: 1px dotted #0081CD;position: absolute;right: 49px;top: calc(50% - 6.5px);height: 13px;width: 1px;}
.lf_n ul li a:after{background-repeat: no-repeat;background-position: center;background-size: cover;content: "";display: inline-block;vertical-align: middle;
    border-style: solid;border-width: 0 2px 2px 0;height: 9px;width: 9px;border-color: #0081CD;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
    position: absolute;right: 23px;top: calc(50% - 4px);}
.lf_n ul li a:hover:after,.lf_n ul li.active a:after{right: 20px;}
.lf_n ul li:hover:before,.lf_n ul li.active:before{height: 100%}

.ny_right { width:910px; background:#fff; float:right;}

.rtop { overflow:hidden; border-bottom:1px solid #ddd;}
.rtop h5 { float:left; padding-left:10px; border-left:3px solid #0081CD;font-weight:normal;  font-size:24px;}
.rtop span { float:right;line-height: 40px;background: url("../img/map.png") no-repeat left;padding-left: 25px}
.rtop span em {font-style: normal;}
.rt_con{padding:30px 0; overflow:hidden;}
.rt_about{font-size:16px;line-height:1.8;}

.rt_contact{overflow: hidden}
.rt_contactl{width: 210px;}
.rt_contactl ul li{padding-bottom: 22px;border-bottom: solid 1px #ddd;margin-bottom: 9px;line-height: 1.8;font-size: 16px;padding-right: 10px}
.rt_contactl ul li span{font-size: 28px;}

.article{overflow: hidden}
.article ul li{border-bottom: 1px solid #d9d9d9;overflow: hidden;padding-bottom: 20px;margin-bottom: 20px}
.article ul li dd{width: 175px;float: left}
.article ul li dd img{width: 100%}
.article ul li dl{width: 708px;}
.article ul li dl h3{font-size: 18px}
.article ul li dl p{white-space: normal;color: #999;display: -webkit-box;font-size: 16px;overflow: hidden;
    -webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;line-height: 1.8;margin-top:10px;}

/*========================================= 工程案例 =====================================*/
.rt_case { overflow:hidden;}
.rt_case li { width:290px; float:left;border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;margin: 0 20px 20px 0}
.rt_case li .img { width:100%; height:190px; overflow:hidden; text-align: center;position: relative;}
.rt_case li .img img {width: auto;height: 100%;min-width: 100%;left: 50%;top: 50%;transition: all 0.5s;
    -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position: absolute;vertical-align: middle;}
.rt_case li h3 { font-size:18px;  font-weight:bold;padding-top: 10px}
.rt_case li p{color: #999;margin-top: 5px}
.rt_case li a:hover img {transform: scale(1.1);transition: all 1s;}
.rt_case li a:hover h3 { color:#0081CD;}
.rt_case li:nth-child(3n){margin-right: 0}
.rt_case li:hover .img img{transform: translate(-50%,-50%) scale(1.1);}


/*========================================= 新闻中心 =====================================*/
.newsA{overflow: hidden;margin-top: 25px}
.newsAl{width: 507px;height:324px;overflow: hidden;position: relative}
.newsAl dd img{position: absolute;top: 50%;left: 50%;min-width: 100%;height: 100%;
    transform: translate(-50%,-50%);transition: all .5s ease;}
.newsAl dl{position: absolute;width: 100%;padding: 16px;background: rgba(0,0,0,0.55);bottom: 0;
    transition: all .5s ease;box-sizing: border-box}
.newsAl dl p{width: 90%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;
    color: #fff;font-size: 18px;font-weight: bold;padding-left: 20px;transition: all .5s ease;}
.newsAl dl:before{content: '';position: absolute;left: 30px;top: 25px;width: 0;height: 1px;background: #0081CD;transition: all .5s ease;}
.newsAl:hover dl{padding-left: 100px;}
.newsAl:hover dl:before{width: 70px;}
.newsAl:hover dd img{transform: translate(-50%,-50%) scale(1.1);}

.newsAr{width: 730px}
.newsAr ul li{background: #fff;padding: 10px;overflow: hidden}
.newsAr ul li dd{width: 120px;height: 54px;position: relative;overflow: hidden}
.newsAr ul li dd img{position: absolute;top: 50%;left: 50%;min-width: 100%;height: 100%;transform: translate(-50%,-50%);transition: all .5s ease;}
.newsAr ul li dl{padding-left: 40px;transition: all .5s ease;}
.newsAr ul li dl h3{font-size: 18px;}
.newsAr ul li dl p{color: #bbb;font-size: 12px;margin-top: 10px}
.newsAr ul li:hover dl{padding-left: 20px}
.newsAr ul li:hover dd img{transform: translate(-50%,-50%) scale(1.1);}
.newsAr ul li:hover dl h3{color: #0081CD}
.newsAr ul li:nth-child(-n+3) {margin-bottom: 10px;}

.newsB{background: url("../img/newb.jpg") no-repeat center fixed;overflow: hidden;margin-top: 40px;padding-bottom: 60px}
.newsBa{margin-top: 40px;position: relative;}
.newsBa ul{display: flex;justify-content: space-between}
.newsBa ul li{overflow: hidden}
.newsBa ul li dd{width: 100%;height: 265px;position: relative;overflow: hidden}
.newsBa ul li dd img{position: absolute;top: 50%;left: 50%;min-width: 100%;height: 100%;transform: translate(-50%,-50%);transition: all .5s ease;}
.newsBa ul li p{padding: 16px;background: #fff;font-size: 16px;font-weight: bold;}
.newsBa ul li:hover p{background: #0081CD;color: #fff}
.newsBa ul li:hover dd img{transform: translate(-50%,-50%) scale(1.1);}
.newsBa .swiper-button-prev{ background:url(../img/left.png) no-repeat center rgba(0,129,205,0.8);left: 0;width: 35px;height: 55px;}
.newsBa .swiper-button-next{background:url(../img/right.png) no-repeat center rgba(0,129,205,0.8);right: 0;width: 35px;height: 55px;}

.newsC{overflow: hidden;padding-bottom: 60px;background: url("../img/newc.jpg") no-repeat center;}
.newsCs{margin-top: 40px}
.newsCs ul{display: flex;justify-content: space-between;}
.newsCs ul li{width: 23%;border: 1px solid #d9d9d9;background: #fff}
.newsCs ul li dd img{max-width: 100%}
.newsCs ul li dl{padding: 10px;background: #fff}
.newsCs ul li dl p{color: #bfbfbf;margin-top: 5px}

.newslist{}
.newslist ul li{line-height: 38px;border-bottom: 1px solid #ddd;overflow: hidden}
.newslist ul li p{display: inline-block;width: 70%;float: left;margin-left: 5px;font-size: 16px}
.newslist ul li span{display: inline-block;float: right;color: #bbb;}
.newslist ul li i{font-weight: bold;font-size: 12px;color: #000;font-style: normal;display: inline-block;float: left}
.newslist ul li:hover p{color: #0081CD}

.newsvideo { overflow:hidden;}
.newsvideo li { width:290px; float:left;border: 1px solid #d9d9d9;margin: 0 17px 20px 0}
.newsvideo li .img { width:100%; height:190px; overflow:hidden; text-align: center;position: relative}
.newsvideo li .img img {width: auto !important;height: 100% !important;min-width: 100%;left: 50%!important;top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute!important;vertical-align: middle;}
.newsvideo li dl{padding: 15px}
.newsvideo li h3 { font-size:18px; font-weight:bold;}
.newsvideo li p{color: #999;margin-top: 5px}
.newsvideo li a:hover img {transform: scale(1.1);transition: all 1s;}
.newsvideo li a:hover h3 { color:#0081CD;}
.newsvideo li:nth-child(3n){margin-right: 0}

.culture{}
.culture ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.culture ul li{background: #F9F9F9;overflow: hidden;padding: 20px;width: 44%;margin-bottom: 30px}
.culture ul li i{display: inline-block;width: 40px;height: 2px;background: #0081CD}
.culture ul li h3{font-size: 18px;margin-top: 15px}
.culture ul li p{line-height: 1.8;color: #666;font-size: 16px;margin: 15px 0}
.culture ul li:nth-child(1){width: 100%}

/*=======================================主营业务============================================*/
.major{}
.major ul li{background: #FBFBFB;overflow: hidden}
.major ul li dd{width: 50%;overflow: hidden}
.major ul li dd img{max-width: 100%;transition: 0.5s;}
.major ul li dl{width: 50%;padding: 15px 20px;box-sizing: border-box}
.major ul li dl h3{font-size: 20px;}
.major ul li dl p{color: #666;margin: 17px 0}
.major ul li dl div{text-align: center;float: left}
.major ul li dl div span{display: inline-block;margin: 5px 0}
.major ul li:hover dd img{transform: scale(1.1);}

/*=======================================新闻详情页============================================*/
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:24px;border-bottom:1px solid #d9d9d9;padding-bottom: 20px;font-weight: normal}
.info_laiyuan{text-align:center; margin-top: 20px}
.info_text{padding:30px 0; font-size:15px; color:#333; line-height:2;}
.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)}