@charset "utf-8";
.banner,.banner .swiper-container,.banner .swiper-slide{
	overflow: hidden;
	width: 100%;
}
.banner .swiper-slide{
	position: relative;
}
.banner .swiper-slide img{
	width: 100%;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 10px;
}
.banner .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	opacity: 1;
	border-radius: 100%;
	background-color: #ddd;
}
.banner .swiper-pagination-bullet-active {
	background-color: #135dc2;
    width: 30px;
    height: 10px;
    border-radius: 20px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{
	bottom: 20px;
}
/*首页大图下的流程展示*/
.cont-box{
    box-shadow: 0px 2px 5px 0px #e6e6e6;
    border-radius: 19px;
}
.cont ul{
    display: flex;
    justify-content: space-around;
    background-color: #3ca8ffe8;
    background-color: #ffffff;
    border-radius: 19px;
}
.cont ul li{
    width: 300px;
    padding: 33px 15px;
}
.cont ul li div{
    float: right;
    height: 76px;
    padding-left: 90px;
    padding-top: 12px;
}
.cont ul li:nth-child(1) div{
    
    background: url(../images/t01.png) no-repeat left 0px;
}
.cont ul li:nth-child(2) div{
    background: url(../images/t02.png) no-repeat left 0px;
}
.cont ul li:nth-child(3) div{
    background: url(../images/t03.png) no-repeat left 0px;
}
.cont ul li:nth-child(4) div{
    background: url(../images/t04.png) no-repeat left 0px;
}
.cont ul li h4{
    font-size: 18px;
    color: #272727;
    font-weight: 700;
}
.cont ul li p{
    font-size: 16px;
    color: #4c4b4b;
}

/*首页产品展示*/
.cont1 .ipro-list{
    margin-top: 35px;
}
.cont1 .ipro-list dl{
    width: 380px;
    float: left;
    box-shadow:0px 0px 10px #d7d7d7;
    transition: .4s;
    margin-top: 20px;
    margin-right: 30px;
    position: relative;
}
.cont1 .ipro-list dl dt{
    width: 100%;
    height: 265px;
    overflow: hidden;
}
.cont1 .ipro-list dl dt img{
    width: 100%;
    /*height: 100%;*/
    transition: .4s;
}
.cont1 .ipro-list dl dd{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    color:#222222;
}
.cont1 .ipro-list dl:nth-child(3n){
    margin-right: 0;
}
.cont1 .ipro-list dl:hover{
    box-shadow: none;
    transition: .4s;
}
.cont1 .ipro-list dl:hover dt img,.c-2 .icase-list dl:hover dt img{
    transform: scale(1.1);
    transition: .4s;
}
.cont1 .ipro-list dl:hover dd{
    background: #2d2d2d;
    color: #fff;
}
.cont1 .ipro-list dl:hover .bg{
    display: block;
}
.cont1 .ipro-list dl .bg{
    width: 100%;
    background: rgba(0,0,0,0.6);
    color:#fff;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 40px;
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
/*首页横图*/
.he img {
    width: 100%;
    height: auto;
}

/*首页优势开始*/
.cont2{
    background: url(../images/ys-bg.png) no-repeat center center;
    padding: 50px 0;
}
.fl-cont2{
    float: left;
}

.cont2-left{
    width: 380px;
}
.cont2-left ul li{
    padding: 30px 0;
}
.cont2-left ul li h4{
    font-size: 22px;
    margin-bottom: 20px;
    color: #222;
}
.cont2-left ul li p{
    font-size: 16px;
    color: #525252;
}
.cont2-center{
    width:440px;
    padding: 30px 0;
}
.cont2-center img{
    width: 100%;
}
/*首页工程大图*/
.cont4{
    padding: 50px 0;
}
.cont4-type{
    background-color: #113160;
    padding: 0 80px;
    margin-bottom: 20px;
}
.cont4-type ul{
    display: flex;
    justify-content: space-around;
}
.cont4-type ul li{
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 14px;
}
.cont4-type ul li a{
    color: #fff;
}
.hactive,.cont4-type ul li:hover{
    background-color: #ffbb00;
}
.case_1{
    width: 599px;
    float: left;
    position: relative;
    height: 628px;
}
.case_2{
    width: 599px;
    float: right;
}
.case_2 ul li {
    position: relative;
}
.case_2 ul li a{display: flex;}
.case_2 ul li div span,.case_1 div span{
    position: absolute;
    right: 10px;
}
.case_2 ul li div span img,.case_1 div span img{
    padding-top: 10px;
}
.case_2 ul li div,.case_1 div{
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: rgb(0, 0, 0);
    width: 100%;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case_2 ul li{
    height: 314px;
    overflow: hidden;
}
.case_1>img{height: 629px;width: 599px;}
.case_2 img{
    width: 100%;
}

/*首页案例展示*/
.cont3{
    background: url(../images/case_bg.png) no-repeat center center;
    background-size: 100% 100%;
}
.hj_shipin{
    margin-top: 20px;
}
.hj_shipin ul li:nth-child(4n){
    padding-right: 0;
}
.hj_shipin ul li{
    float: left;
    padding-right: 20px;
    width: 285px;
    margin-bottom: 50px;
}
.hj_shipin ul li h4{
    text-align: center;
    font-size: 16px;
    color: #333;
}
.hj_shipin ul li a{
    display: block;
    box-shadow: -1px 0px 9px 0px #c1c1c1;
}
.hj_shipin ul li img{
    width: 100%;
}
.casebg{
    padding: 14px 20px;
    background-color: #fff;
}


/*首页新闻中心*/
.cont5{margin-bottom: 50px;}
.cont5-news{}
.cont5-news-l{
    width: 790px;
    float: left;
    border: 2px solid #f1f1f1;
    padding: 20px 20px;
}
.cont5-news-l-t{}
.cont5-nt{
    border: 2px solid #f1f1f1;
    padding: 10px 30px;
    display: block;
    float: left;
    text-align: CENTER;
    border-radius: 20px;
    color: #4c4c4c;
    margin-right: 15px;
}
.cont5-news-l-t .on{
    background-color: #113160;
    color: white;
}
.cont5-ntron{
    border: 2px solid #f1f1f1;
    padding: 10px 30px;
    display: block;
    float: left;
    text-align: CENTER;
    border-radius: 20px;
    background-color: #113160;
    color: white;
    margin-right: 15px;
}
.cont5-newmore{
    color: #113160;
    float: right;
    display: block;
    padding: 10px 10px;
}
.cont5-news-l-b{
    margin-top: 15px;
}
.cont5-l-box{}
.cont5-l-box-l{
    width: 300px;
    float: left;
}
.cont5-l-box-l>img{
    width: 300px;
    height: 205px;
    display: block;
}
.cont5-l-box-b{
    background-color: #f1f1f1;
    padding: 10px;
}
.cont5-l-box-b h3{
    color: black;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp:1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cont5-l-box-b div{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
    margin-top: 5px;
    color: #616161;
}
.cont5-l-box-b a{
    color: #113160;
    font-size: 16px;
    margin-top: 10px;
    display: block;
}
.cont5-l-box-r{
    width: 470px;
    float: right;
}
.cont5-l-box-r ul{}
.cont5-l-box-r ul li{
    border-bottom: 1px dashed  #f1f1f1;
    padding-bottom: 18px;
    margin-bottom: 18px;
}
.cont5-l-box-r ul li:last-child{
    margin-bottom: 0px;
}
.cont5-l-box-r ul li a{display: block;}
.c5ul-d1{
    background-color: #cccccc;
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
}
.c5ul-d1 h3{
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 45px;
    line-height: 55px;
}
.c5ul-d1 p{
    text-align: center;
    color: white;
    font-size: 16px;
}
.c5ul-d2{
    width: 380px;
    float: right;
}
.c5ul-d2 h3{
    color: #212121;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.c5ul-d2 div{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 3px;
    color: #616161;
}
.cont5-news-r{
    width: 310px;
    height: 393px;
    float: right;
    border: 2px solid #f1f1f1;
    padding: 20px 20px;
}
.cont5-news-r-box{
    width: 100%;
    float: left;
    margin-top: 15px;
    height: 340px;
    overflow: hidden;
}
.cont5-news-r-box ul{}
.cont5-news-r-box li{
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
    padding: 10px;
}
.cont5-news-r-box li a{}
.cont5-news-r-box li a .icjwt-t{}
.cont5-news-r-box li a .icjwt-t dt{
    background-color: #faad00;
    color: white;
    width: 20px;
    text-align: center;
    float: left;
}
.cont5-news-r-box li a .icjwt-t dd{
    width: 260px;
    float: right;
    color: black;
    font-size: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp:1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cont5-news-r-box li a .icjwt-d{
    margin-top: 10px;
}
.cont5-news-r-box li a .icjwt-d dt{
    background-color: #a0a0a0;
    color: white;
    width: 20px;
    font-size: 14px;
    text-align: center;
    float: left;
}
.cont5-news-r-box li a .icjwt-d dd{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 265px;
    float: right;
}








/*首页关于我们*/
.m-c {
    color: #113160;
    font-size: 24px;
}
.imgfit {
    display: flex;
    justify-content: center;
    align-items: center;
}
.iabout{height: 320px;width: 1200px;}
.iabout .l{width: 527px;height: 320px;float: left;overflow: hidden;}
.l img{width: 100%;}
.iabout .r{width: 633px;float: left;margin-left: 40px;text-align: justify;line-height: 30px;}
.iabout .r .tt{color:#232323;}
.iabout .r .more{margin-top: 40px}
.iabout .r .more a{width:180px;height: 40px;float: left;position: relative;overflow: hidden;}
.iabout .r .more .a1{background: #ffbb00}
.iabout .r .more .a2{background: #4c4c4c;margin-left: 20px;}

.iabout .r .more a .one{position: absolute;width: 180px;height: 40px;z-index: 2;}
.iabout .r .more a .one .son{width: 40px;height: 40px;background: rgba(0,0,0,0.2);border-radius: 50%;opacity: 0}
.iabout .r .more a .two{position: absolute;width: 180px;height: 40px;z-index: 3;color: #fff;line-height: 40px;font-size: 14px;}
.iabout .r .more .a1 .two{position: absolute;width: 180px;height: 40px;z-index: 3;color: #fff;line-height: 40px;font-size: 14px;
    background: url("../images/pi1.png") left 30px center no-repeat;text-indent: 57px;}
.iabout .r .more .a2 .two{position: absolute;width: 180px;height: 40px;z-index: 3;color: #fff;line-height: 40px;font-size: 14px;
    background: url("../images/pi2.png") left 30px center no-repeat;text-indent: 61px;}
.iabout .r .more a:hover .one .son{transform: scale(4.8);-webkit-transform: scale(4.8);opacity: 1;}





/*底部开始*/
.mainbox {
    width: 100%;
    min-width: 1200px;
}
.mt60 {
    margin-top: 60px!important;
}
.cf {
    color: #fff;
}
.fw {
    font-weight: bold;
}
.mt30 {
    margin-top: 30px!important;
}
.clear {
    clear: both;
}
.tc {
    text-align: center;
}
.f30 {
    font-size: 30px;
}
.f16 {
    font-size: 16px;
}
.footer{height: 333px;background: #202020;}
.footer .l{width: 350px;float: left;}
.footer .t1{letter-spacing: 1.5px;}
.footer .l li{width: 100%;float: left;margin-bottom: 14px;font-size: 14px;color: #676562;}

/*m*/
.footer .m{width: 200px;float: left;}
.footer .m ul{width: 200px;}
.footer .m li{width: 100px;float: left;margin-bottom: 14px;}
.footer .m li a{display: block;width: 100%;font-size: 14px;color: #676562;}
.footer .m li a:hover{color: #999}
/**/
.footer .m2{width: 400px;float: left;}
.footer .m2 .ft{width: 310px;height: 65px;background: url("../images/ftel.png") left center no-repeat;}
.footer .m2 a{display: block;width: 140px;height: 40px;border-radius: 5px;background: #ffbb00 url("../images/fmes.png") left 16px center no-repeat;line-height: 40px;color: #fff;margin-left: 60px;
margin-top: 30px;text-indent: 42px;font-size: 14px;}
.footer .m2 a:hover{background:#113160 url("../images/fmes.png") left 16px center no-repeat;;}
/*r*/
.footer .r{width: 120px;float: right;}
.footer .r li{width: 120px;float: left;}
.footer .r li:nth-child(1){margin-right: 10px;}
.footer .r li p{color: #777}
/**/
.beian{color: #5c5a57;font-size: 14px;}
.beian a{color: #5c5a57;font-size: 14px;}


/*内容页开始*/
.nybanner img{
    width: 100%;
}
.mains {
    margin-bottom: 60px;
    min-height: 660px;
}

/* 联系我们 */
.contact li{
    float: left;
    width: 250px;
    height: 200px;
    border-radius: 5px;
    margin-right: 66px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 25px;
    background-color: #f9e0e0;
}
.about-cc>div {
    margin-bottom: 52px;
}
.about h4 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #f08c00;
}
.conat{
    width: 1200px;
    margin: 0 auto 50px;
}
.about1 p {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #666;
}
.about1 iframe {
    display: block;
    width: 1020px;
    height: 460px;
    margin: 0 auto 40px;
    border: 10px solid rgba(198,27,36,0.5);
    border-radius: 5px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.4);
}
.contact li:last-child{
    margin-right: 0;
}
.contact ul{
    margin: 30px auto;
}
.contact li:nth-child(2){
    background-color: #ddf2f4;
}
.contact li:nth-child(3){
    background-color: #ebf3da;
}
.contact li:nth-child(4){
    background-color: #d5ecf9;
}
.contact li i{
    display: block;
    width: 50px;
    margin: 30px auto 0;
}
.contact li i img{
    width: 100%;
    height: auto;
}
.contact li h4{
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    margin-top: 10px;
}
.contact li p{
    text-align: center;
    font-size: 13px;
    color: #666;
    line-height: 26px;
}
.contact-ly{
    margin-top: 20px;
}
.contact-ly h4{
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #ffbb00;
}
.contact-ly li{
    width: 240px;
    float: left;
    margin-right: 80px;
    margin-bottom: 30px;
}
.contact-ly li:nth-child(4),.contact-ly li:last-child{
    margin-right: 0;
}
.contact-ly li:last-child{
    width: 100%;
}
.contact-ly li input{
    display: block;
    width: 100%;
    height: 46px;
    line-height: 44px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 0 10px;
    color: #333;
}
.contact-ly li textarea{
    display: block;
    width: 100%;
    resize: none;
    padding: 10px;
    height: 320px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    border: 1px solid #ddd;
}
.contact-ly form>input{
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #ffbb00;
    color: #fff;
}
/* 新闻中心 */
.news-list a{
    float: left;
    width: 350px;
    background-color: #fff;
    margin-right: 75px;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.news-list a:nth-child(3n){
    margin-right: 0;
}
.news-list a i{
    display: block;
    overflow: hidden;
}
.news-list a i img{
    width: 100%;
    height: 222px;
    object-fit: cover;
}
.news-list a h4{
    
    color: #333;
    margin-bottom: 20px;
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 50px;
    height: 50px;
    margin-top: 15px;
}
.news-list a span{
    float: right;
    background: #113160;
    border-radius: 20px;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
    color: #fff;
}
.news-list a:hover span{
    background-color: #fff;
    color: #113160;
}
.news-list a:hover h4{
    color: #fff;
}
.news-box{
    margin-top: 30px;
}
.news-list a:hover{
    background-color: #113160;
}
/*新闻详情*/
.xq-tit h2{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.xq-tit p{
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 8px;
}
.xq-tit p span{
    margin: 0 10px;
}
.xq-tit{
    padding-bottom: 10px;
    border-bottom: 1px dashed #e0e0e0;
    position: relative;
}
.news-xq-box{
    width: 100%;
    margin: 0 auto;
    min-height: 500px;
    margin-top: 30px;
}
.news-xq-box p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
    text-align: center;
}
.news-xq-box img{
    display: initial;
    max-width: 100%;
    margin: 10px auto !important;
}
.news-fh{
    padding-top: 25px;
    border-top: 1px solid #e7e7e7;
    margin-top: 20px;
}
.news-fh>a{
    display: block;
    width: 138px;
    text-align: center;
    line-height: 38px;
    font-size: 12px;
    color: #333;
    border: 1px solid #333;
    border-radius: 50px;
    background: url(../img/news/fh.png) no-repeat 20px center;
    margin-bottom: 20px;
}
.news-fh ul li{
    font-size: 12px;
    line-height: 30px;
}
.news-fh ul li span{
    color: #666;
}
.news-fh ul li a{
    color: #787878;
}
/*新闻中心*/
.news-zm li .times{
    float: left;
    width: 120px;
}
.news-zm li .news-c{
    float: left;
    width: 1000px;
}
.news-zm li .times em{
    display: block;
    text-align: center;
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: 46px;
    margin-top: 8px;
}
.news-zm li .times span{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #848484;
}
.news-zm li .news-c  a h2{
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-zm li .news-c p{
    font-size: 14px;
    color: #808080;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-top: 5px;
}
.news-zm li{
    border: 1px solid #d2d2d2;
    padding: 20px 0;
    margin-bottom: 30px;
}
.news-zm li:hover{
    background-color: #f4f8ff;
    border-color: #113160;
}

/*在线客服*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 200px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}
.yb_bar .yb_top {
    background: #ffbb00 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
    background: #ffbb00 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
    text-indent: 0;
    background: #ffbb00 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
    /*height:200px;*/

    background: #ffbb00 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
    padding: 0 29px 25px 29px;
}
.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}

</style>