@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0;box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;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;}
h2,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; }
.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;}
.container{width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}

:-moz-placeholder {
    color: #fff;
    opacity: 0.8;
}

::-moz-placeholder {
    color: #fff;
    opacity: 0.8;
}

input:-ms-input-placeholder {
    color: #fff;
    opacity: 0.8;
}

input::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.8;
}
/*============================ 公共部分 ============================*/
/* 文章上下篇 */
.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;}
.pagelink a:hover,.pagelink a.on { background:#449284; color:#fff; border:solid 1px #449284;}
.pagelink span{display:inline-block; color:#fff; background:#449284;line-height:34px; height:34px; border:solid 1px #449284;}

/*========================================= 首页 =====================================*/
.logo{margin-top: 17px;}
header{width: 1300px;margin:0 auto;z-index: 99;}
.nav{ height:80px; margin-left: 155px}
.nav li{line-height:80px; float:left; text-align:center;position:relative;width: 120px;}
.nav li a{ display:block;color:#404040; position:relative;font-size: 16px}
.nav li:hover a,.nav li.active a{color: #449284}
.nav li .xlnav{z-index:2; left:0; right:auto; position:absolute;display:none;width: 120px;}
.nav li .xlnav li{margin: 0;height: 35px!important;line-height: 35px!important;width: 100%;background-color: #fff;}
.nav li .xlnav li a {height: 35px!important;color: #333;font-size: 14px}
.nav li .xlnav li:hover a{color: #449284}
.tel{ background:url(../img/tel.png) no-repeat left center; margin-top:28px;color:#449284;
    font-size: 24px;font-family: Arial;padding-left: 40px;line-height: 31px}

.banner{ width:100%; position:relative; overflow:hidden;}
.banner .swiper-container { width: 100%;height: 100%;overflow:hidden;}
.banner ul li{height: 600px}
.banner .pagination{ position: absolute; bottom:30px; 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:10px;}
.banner .swiper-pagination-bullet-active{ background-color:#449284; }

.oneA{background:url("../img/oa.png") no-repeat center;padding: 100px 0 75px;overflow: hidden}
.oneAl{width: 340px;height: 468px;background-color: #449284;text-align: center}
.oneAl img{margin-top: 85px}
.oneAr{width: 860px;height: 468px;background-color: #fff;padding: 65px}
.oneAr dd{text-indent: 2em;line-height: 2}
.oneAr ul{margin-top: 60px;}
.oneAr ul li{width: 33.3%;float: left;border-right: 1px solid #d7d7d7;text-align: center}
.oneAr ul li p{color: #666}
.oneAr ul li b{color: #449284;font-size: 40px;font-weight: normal}
.oneAr ul li span{color: #449284}
.oneAr ul li:last-child{border: none}

.title{text-align: center;margin-top: 35px;overflow: hidden}
.title h2{font-size: 28px;}
.title p{position: relative;font-size: 16px;color: #999;padding: 0 108px;display: inline-block;margin-top: 13px;text-transform: uppercase}
.title p:before{content: "";position: absolute;width: 90px;height: 1px;background-color: #d1d1d1;left: 0;top: 10px;}
.title p:after{content: "";position: absolute;width: 90px;height: 1px;background-color: #d1d1d1;right: 0;top: 10px;}

.oneB{margin-top: 30px;overflow: hidden}
.oneB ul li{float: left;width: 390px;height: 266px;margin: 0 15px 15px 0;position: relative;overflow: hidden}
.oneB ul li:first-of-type {height: 547px;}
.oneB ul li:nth-of-type(3),.oneB ul li:nth-of-type(5) {margin-right: 0;}
.oneB ul li p{width: 100%;height: 46px;text-align: center;position: absolute;bottom: 0;left: 0;line-height: 46px;background-color: rgba(0,0,0,0.35);
    font-size: 20px;color: #fff; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.oneB ul li dl img{transition: all 0.4s linear;width: 100%}
.oneB ul li:hover dl img{transform: scale(1.1);}
.oneB ul li:hover p{background-color: rgba(0,0,0,0.6)}

.oneC{background-color: #449284;overflow: hidden;/*margin-top: 20px;*/padding-bottom: 50px}
.oneC .title{color: #fff}
.oneC .tit{text-align: center;margin-top: 30px}
.oneCs{margin-top: 40px;overflow: hidden;}
/*
.oneCs ul li{width: 290px!important;height: 435px;float: left;margin: 0 13px 13px 0;position: relative}
*/
.oneCs ul li{height: 435px;float: left;margin: 0 13px 13px 0;position: relative}

.oneCs ul li img{height:435px!important;width: 100%}
.oneCss ul li:nth-child(4n){margin-right: 0}
.oneCs ul li:after{  content: " ";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 8;  background: rgba(250,207,0,0.7);  opacity: 0;  transition: all 600ms ease 0s;  clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);  }
.oneCs ul li:hover::after{opacity: 1;clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}
.oneCs ul li dt{  position: absolute;  z-index: 9;  left: 1em;  top: 1em;  right: 1em;  bottom: 1em;  }
.oneCs ul li .border{  position: absolute;  z-index: 1;  background-color: #fff;  }
.oneCs ul li .b_t{  left: 0;  right: 100%;  top: 0;  height: 1px;  transition: all 340ms linear 150ms;  }
.oneCs ul li :hover .b_t{  left: 0;  right: 0;  transition: all 340ms linear 150ms;  }
.oneCs ul li .b_r{  top: 0;  bottom: 100%;  right: 0;  width: 1px;  transition: all 340ms linear 150ms;  }
.oneCs ul li :hover .b_r{  top: 1em;  bottom: 1em;  transition: all 340ms linear 150ms;  }
.oneCs ul li .b_b{  left: 0;  right: 100%;  bottom: 0;  height: 1px;  transition: all 340ms linear 150ms;  }
.oneCs ul li :hover .b_b{  left: 0;  right: 0;  transition: all 340ms linear 150ms;  }
.oneCs ul li .b_l{  top: 0;  bottom: 100%;  left: 0;  width: 1px;  transition: all 340ms linear 150ms;  }
.oneCs ul li :hover .b_l{ top: 1em;  bottom: 1em; transition: all 340ms linear 150ms;  }
.oneCs ul li p{  position: absolute;  z-index: 10;  width: 100%;  text-align: center;  color: #fff;font-size: 18px;
    transition: all 250ms ease 0ms;  opacity: 0;  filter: alpha(opacity=0);  *zoom: 1;  visibility: hidden;  top: 50%;  transform: translateY(-20%);  }
.oneCs ul li:hover p{transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms;
    opacity: 1;  filter: alpha(opacity=100);  visibility: visible;  transform: translateY(-50%);}
@-webkit-keyframes clipSectorIn{
    0%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);}
    55%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);}
    100%{
        -webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
        clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);}
}
@keyframes clipSectorIn{
    0%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);}
    55%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);}
    100%{-webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
        clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
    }
}
.oneE{background-color: #fffdf6;overflow: hidden;padding-bottom: 40px}
.oneEs{margin-top: 50px}
.oneEs ul li{background-color: #fffefe;box-shadow: 0 0 10px #ccc;width: 570px;overflow: hidden;float: left;margin-bottom: 20px}
.oneEs ul li dl{width: 282px;height:220px;overflow: hidden}
.oneEs ul li dl img{max-width: 100%;transition: all 0.5s;min-height: 220px}
.oneEs ul li dt{width: 270px;padding: 30px 15px 0;color: #666;line-height: 1.8}
.oneEs ul li dt p{font-size: 12px;color: #666}
.oneEs ul li .gd{width: 100px;height: 30px;border: 1px solid #e0dddb;display: inline-block;margin-top: 20px;
background: url("../img/oem.png") no-repeat center}
.oneEs ul li:nth-child(2n){float: right}
.oneEs ul li:hover .gd{background: url("../img/oemh.png") no-repeat center #449284}
.oneEs ul li:hover dl img{transform: scale(1.1)}

.footer{width:100%; background:url("../img/footer.png") no-repeat center;overflow: hidden;}
.footers{padding:40px 0 0 0;overflow: hidden}
.footers dl{width: 33.3%;color: #fff;float: left}
.footers dl h3{margin-bottom: 40px;font-size: 18px}
.footers dl p{margin-bottom: 20px}
.footers dl dt{width: 120px;height: 140px;border: 1px solid #449284;padding: 10px;text-align: center;margin-top: 60px;
    float: left;margin-right: 40px}
.footers dl dt img{width: 100%;margin-bottom: 7px}
.footers dl input{border: none;outline: none;background-color: #857366;height: 30px;line-height: 30px;margin-bottom: 8px;
width: 100%;text-indent: 10px;color: #fff}
.footers dl .btn{display: block;width: 100%;line-height: 30px;text-align: center;font-size: 15px;color: #fff; background-color: #575757}
.footer .copy {line-height:56px;text-align:center;color: #fff;overflow: hidden;}
.footer .copy a{color:#fff}
.footlink{margin-top: 30px;text-align:center}
.footlink a{color: #fff;margin-right:20px}

/*========================================= 关于我们 =====================================*/
.ny_ban{height:360px;overflow: hidden;position: relative}
.location{border-bottom: 1px #d2d2d2 solid;line-height: 70px;overflow: hidden;background-color: #fff}
.local{background: url("../img/local.jpg") no-repeat left;padding-left: 28px}
.my_navs a{display: inline-block;width: 90px;text-align: center;border-bottom: 2px solid #fff;margin-left: 4px}
.my_navs a:hover,.my_navs a.active{border-color: #449284;color: #449284}

.nytitle{text-align: center;margin-top: 35px;overflow: hidden}
.nytitle h2{font-size: 28px;color: #449284}
.nytitle p{position: relative;color: #999;padding: 0 70px;display: inline-block;margin-top: 10px;text-transform: uppercase}
.nytitle p:before{content: "";position: absolute;width: 36px;height: 1px;background-color: #d1d1d1;left: 0;top: 10px;}
.nytitle p:after{content: "";position: absolute;width: 36px;height: 1px;background-color: #d1d1d1;right: 0;top: 10px;}

.aboutA{overflow: hidden;margin-top: 40px;}
.aboutAl,.aboutAr{width: 50%}
.aboutAr{line-height:2;}

.aboutB{background-color: #f4f1ef;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.aboutBs{margin-top: 40px;overflow: hidden}
.aboutBl{margin-top: 30px}

.aboutC{margin-top: 40px;overflow: hidden}
.aboutC ul{width: 65%;float: left}
.aboutC ul li{margin-bottom: 20px;overflow: hidden}
.aboutC ul li dd{float: left;width: 124px;text-align: center}
.aboutC ul li span{display: inline-block;line-height: 127px;float: left;  font-size: 30px;margin: 0 36px 0 20px;  color: #999999;}
.aboutC ul li p{width: 450px;float: left;line-height: 30px}

.aboutC1{margin-top: 30px;overflow: hidden}
.aboutC1r{width: 734px;line-height: 30px;}
.aboutC1r h2{font-size: 30px;  color: #999;  margin: 15px 0px 30px;}

.aboutD{margin-top: 40px;padding-bottom: 50px}
.aboutD ul li{margin-right: 32px;float: left;margin-bottom: 20px;}
.aboutD ul li img{transition: all 0.5s}
.aboutD ul li:last-child{margin-right: 0}
.aboutD ul li:hover img{transform: scale(1.1)}
.aboutD ul li:nth-child(4n){margin-right: 0}

/*========================================= 工程案例 =====================================*/
.case{overflow: hidden;margin-top: 30px}
.case ul li{width: 290px;float: left;margin: 13px 13px 0 0;transition: all 0.5s}
.case ul li dd{width: 100%;height: 220px;overflow: hidden}
.case ul li dd img{max-width: 100%;transition: all 0.5s}
.case ul li dt{text-align: center;padding: 15px 0;position: relative}
.case ul li dt h3{font-size: 16px;}
.case ul li:nth-child(4n){margin-right: 0}
.case ul li dt:after{content: '';width: 0;height: 1px;background-color: #449284;bottom: 0;left: 0;position: absolute}
.case ul li:hover dt{border-color: #449284}
.case ul li:hover dt h3{color: #449284}
.case ul li:hover dd img{transform: scale(1.1)}
.case ul li:hover dt:after{width: 100%;transition: all 0.5s}

/*========================================= 新闻中心 =====================================*/
.news{margin-top: 40px}
.news ul li{padding: 2% 3%;border: 1px #fff solid; border-bottom-color: #f1f1f1;background: #fff;overflow: hidden}
.news ul li dl{width: 24%;overflow: hidden;}
.news ul li dl img{max-width: 100%;}
.news ul li dd{width: 50%;margin-left: 4%}
.news ul li dd h3{font-weight: bold;font-size: 24px;color: #444;margin-top: 10px}
.news ul li dd p{color: #727272; line-height: 24px;margin: 8px 0 0 0;height: 46px}
.news ul li dd span{display: inline-block;border: 1px #efefef solid;border-radius: 30px;overflow: hidden;
    margin-top: 25px;line-height: 20px;padding: 0 20px 0 30px;font-size: 12px;background: url("../img/see.png") no-repeat 8px;background-size: 14px}
.news ul li dt{color: #3f3f3f;margin-top: 60px;  font-family: Arial;  font-weight: bold;}
.news ul li dt b{font-size: 70px;  line-height: 52px;}
.news ul li dt span{font-size: 20px;  margin-top: 15px;display: block}
.news ul li:hover{border-color: #449284}
.news ul li:hover dt{color: #449284}
.news ul li dd h3:hover{color: #449284}
.news ul li dd span:hover{background-color: #F8F8F8}

/*========================================= 联系我们 =====================================*/
.contact{margin: 40px auto;overflow: hidden}
.contact ul li{width: 25%;text-align: center;float: left}
.contact ul li i{display: inline-block;width: 70px;  height: 70px;  border-radius: 100%;background: #449284 url(../img/lxico.png) no-repeat;transition: 300ms;  }
.contact ul li p{margin: 10px 0 15px}
.contact ul li b{font-size: 16px}
.contact ul li:nth-child(1) i{background-position: -70px center;}
.contact ul li:nth-child(2) i{background-position: -142px center;}
.contact ul li:nth-child(3) i{background-position: -209px center;}

/*========================================= 公司业务 =====================================*/
.yewu{overflow: hidden;margin-top: 40px;line-height: 2;margin-bottom: 50px;}
.yewu h1{position: relative;padding-left: 25px;font-size: 24px}
.yewu h1:before{content:"";position: absolute;width: 8px;height: 28px;background-color: #449284;top: 10px;left: 0}


/*=======================================新闻详情页============================================*/
.rt_con{background-color: #fff;padding: 30px 20px}
.news_info {overflow:hidden; border-bottom:1px dotted #ccc;}
.info_title {text-align:center;}
.info_title h2 {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 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)}