.header-top{height: 36px;background: #efefef;}
.header-top-l{float: left;color: #838383;line-height: 36px;}
.header-top-r{float: right;text-align: right}
.header-top-r a{display: inline-block;width: 85px;line-height: 36px;font-size: 14px;color: #838383;font-weight: lighter;text-indent: 20px;
    text-align: left;white-space: nowrap}
.header-top-r a:nth-child(1){background: url("../img/h-t1.png") left center no-repeat;}
.header-top-r a:nth-child(2){background: url("../img/h-t2.png") left center no-repeat;}
/*header*/
.header{height: 120px;}
.header-l{float: left;padding:10px 0 10px 0px;margin-top: 4px }
.header-l a{display: block;}
.header-l-l{float: left}
.header-l-l-z{float: left;padding-right: 10px;}
.header-l-l-z img{display: block;width: 72px;margin-top: 10px;}
.header-l-l-y{float: right}
.header-l-l-y .p1 img{display: block;margin-top: 6px}
.header-l-l-y .p1 p{display: block;font-size: 36px;color: #4a53d6;margin-top: 5px;text-transform: uppercase}
.header-l-l-y .p2{margin-top: 5px;}
.header-l-l-y .p2 span{display: inline-block;padding: 2px 6px;background: #eee;border-radius: 2px;margin-right: 3px;color: #777;font-weight: lighter;
font-size: 13px;}





.header-r{float: right;padding-left:50px;background: url('../img/h-tel.jpg') left center no-repeat;margin-top: 30px;}
.header-r .p2{font-size: 14px;font-weight: normal;color: #747679;letter-spacing: 1.3px;text-indent: 2px;}
.header-r .p1{font-size: 22px;color: #666;}
/*menu*/
.menu{background: #4a53d6;height: 50px;}
.menu li{width: 200px;float: left;background: url("../img/menu-l.png") right center no-repeat}
.menu .container{background: url("../img/menu-l.png") left center no-repeat;}
.menu li a{display: block;width: 100%;height: 50px;text-align: center;line-height: 50px;font-size: 14px;color: #fff;
text-transform: uppercase;font-weight: lighter;}
.menu li a:hover{background: #2a31a1;}
.menu li a.xz{background: #2a31a1;}
/*banner*/
.banner{width: 100%;}
.banner img{display: block;width: 100%;}
/*大标题*/
.big-title .bt1{color:#282828}
.big-title .bt3{color:#888;margin-top: 4px;font-size: 14px;}
.big-title .bt1 span{color: #939393;font-weight: lighter}
/*分类侧边*/
/***********************************/
.side-bg{padding: 15px 0;width: 100%;text-align: center;color: #fff;background: #4a53d6;margin-bottom: 10px;font-weight: bolder;
font-size: 16px;text-transform: uppercase;}
.sidebar{width: 270px;float: left;}
.sidebar .bt{padding:14px 0;background: #4a53d6;margin-bottom: 11px}
.sidebar .two{margin-bottom: 0}
.sidebar li{margin-bottom: 8px;width: 100%;}
.sidebar li a.a{display: block;width:100%;background: #eee;padding: 15px 20px;box-sizing: border-box;
    font-size: 14px;color: #333;border-left: 3px solid #eee;}

.sidebar li.xz a.a{color: #4a53d6;border-left: 3px solid #4a53d6;}
.sidebar li a.a:hover{color: #4a53d6;border-left: 3px solid #4a53d6;}
/*产品列表*/
.i-p-list{width: 905px;float: right;}
.prolist li{width: 32%;float: left;margin-right: 2%;}
.prolist li:nth-child(3n){margin-right: 0}
.prolist li:nth-child(n+4){margin-top: 20px;}
.prolist a{display: block;width: 100%}
.prolist a .i{width: 100%;height: 240px;box-sizing: border-box;border: 1px solid #eeeeee;border-bottom: 0px;}



.i-p-list-i.prolist li{width: 23.5%;float: left;margin-right: 2%;}
.i-p-list-i.prolist li:nth-child(4n){margin-right: 0}
.i-p-list-i.prolist li:nth-child(4n){margin-right: 0}
.i-p-list-i.prolist li:nth-child(n+4){margin-top: 0px;}
.i-p-list-i.prolist li:nth-child(n+5){margin-top: 20px;}
.i-p-list-i.prolist a .i{height: 280px;}



.prolist a .t{padding: 12px 20px;box-sizing: border-box;background: #eee;color: #333;}
.prolist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.prolist a:hover .t{background: #4a53d6;color: #fff;}
.prolist a .t1{width: 96%;padding: 0 2%;line-height: 62px;background: #f1f1f1;font-size: 16px;color: #434343}

/*关于我们*/
.iab{padding:60px 0 60px 0;
    background: url(../img/tbg.jpg) center no-repeat;

    background-size: cover;}
.iab .container{background: rgba(255,255,255,0.96);padding: 20px 0}
.iab-l{width: 570px;height: 460px;float: left;padding:15px;box-sizing: border-box}
.iab-l .i{width:100%}
.iab-l .i img{display: block;width: 100%;}
.iab-l .c li{font-size:14px;color: #666;}
.iab-l .c li:nth-child(2n-1){font-weight: bold;color: #333;margin-top: 20px;font-size: 16px;}
.iab-l .c li:nth-child(2n){margin-top: 4px;}
.iab-r{width: 630px;float: right;height: 460px;box-sizing: border-box;
    border-left: 0px;padding-left: 20px;}
.iab-r .son{width: 560px;margin: 0 auto}
.iab-r .son h1{color: #4d4d4d;padding-bottom: 20px;border-bottom:1px solid #e5e5e5; }
.iab-r .son .p1{line-height: 2.0}
.iab-r .son .p1 li{margin: 20px 0;color: #333;}
/*两个a*/
.ipro-more{}
.ipro-more a{display: block;width:140px;height: 40px;position: relative;overflow: hidden;float: left;}
.ipro-more .a1{margin-right: 40px;}
.ipro-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.ipro-more a .one .son{width: 40px;height: 40px;background: rgba(0,0,0,0.3);border-radius: 50%;opacity: 0}
.ipro-more a .two{position: absolute;width: 160px;height: 40px;z-index: 3;
    color: #fff;line-height: 40px;font-size: 14px;text-align: center;
    background: url("../img/j.png") left 21px center no-repeat}
.ipro-more .a1 .one{background: #313131;color: #fff}
.ipro-more .a2 .one{background: #4a53d6;color: #fff}
/*.ica .more1 a:hover{border: 1px solid #1f499d}*/
.ipro-more a:hover .one .son{transform: scale(5);-webkit-transform: scale(5);opacity: 1;}
/*优势*/
.in-youshi{
    padding:60px 0;
}
.in-youshi-list{
    margin-bottom: 47px;
}
.in-youshi-list:last-child{
    margin-bottom:0;
}
.in-youshi-list .youshi-text{
    width: 555px;
    padding-left: 105px;
    position: relative;
    box-sizing: border-box;
}
.in-youshi-list .youshi-text .shuzi{
    position: absolute;
    width: 78px;
    height: 77px;
    background: url("../img/youshi-shuzi.png") no-repeat center;
    text-align:center;
    line-height: 77px;
    font-size:28px;
    font-weight: 700;
    color:#fff;
    left:0;
    top:0;
}
.in-youshi-list:nth-child(odd) .youshi-text{
    float: left;
}
.in-youshi-list:nth-child(odd) .youshi-img{
    float: right;
}
.in-youshi-list:nth-child(even) .youshi-text{
    float: right;
}
.in-youshi-list:nth-child(even) .youshi-img{
    float: left;
}
.in-youshi-list .youshi-text .fir{
    font-size:26px;
    color:#4c4c4c;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 32px;
    display: none;
}
.in-youshi-list .youshi-text .sec{
    font-size:22px;
    white-space: nowrap;
    color:#333;
    letter-spacing: 1px;
}
.in-youshi-list .youshi-text .line{
    width: 40px;
    height: 1px;
    background: #f6c413;
    margin:12px 0;
}
.in-youshi-list .youshi-text .thr{
    font-size:14px;
    color:#7b7b7b;
    line-height: 25px;
    text-align: justify;
    margin-top: 8px;
}
.in-youshi-list .youshi-img{
    width:569px;
    height: 246px;
    overflow: hidden;
}
.in-youshi-list .youshi-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.in-youshi-list:hover .youshi-img img{
    -webkit-transform: scale(1.03) translateZ(0);
    -moz-transform: scale(1.03) translateZ(0);
    -ms-transform: scale(1.03) translateZ(0);
    -o-transform: scale(1.03) translateZ(0);
    transform: scale(1.03) translateZ(0);
}
/*广告*/
.in-guang{
    margin-bottom: 60px;
    height: 208px;
    background: url("../img/guangbg.jpg") no-repeat center;
}
.in-guang .guang-left{
    float: left;
    margin-top: 64px;
}
.in-guang .guang-left .fir{
    font-weight: 700;
    font-size:30px;
    color:#fff;
    letter-spacing: 1px;
    line-height: 30px;
}
.in-guang .guang-left .sec{
    font-size:14px;
    color:#fff;
    text-transform: uppercase;
}
.in-guang .guang-left .spanbox span{
    line-height: 30px;
    display: inline-block;
    padding-left: 23px;
    background: url(../img/gou.png) no-repeat left center;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    margin-top: 6px;
}
.in-guang .guang-right{
    float: right;
    padding-left: 49px;
    background: url(../img/guang-tel.png) no-repeat left center;
    margin-top: 72px;
}
.in-guang .guang-right .fir{
    font-size:16px;
    color:#fff;
}
.in-guang .guang-right .sec{
    font-size:30px;
    color:#fff;
    font-weight: 700;
    line-height: 30px;
}

/*新闻*/
.n-left{
    background: #f5f5f5;
    width: 423px;
    height: 517px;
    border: 1px solid #eee;
    float: left;
    padding: 22px;
}
.n1-img{
    width: 100%;
    height: 313px;
    overflow: hidden;
}
.n1-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.n1-tit h3{
    color: #333333;
    font-size: 18px;
    padding: 30px 0 20px 0;
    font-weight: bold;
}
.n1-tit p{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}
.n1-tit small{
    color: #999999;
    font-size: 12px;
    display: block;
    padding-top: 24px;
}
.n-left:hover .n1-tit h3{
    color: #4a53d6;
}
.n-right{
    width: 712px;
    float: right;
}
.n-right ul li{
    width: 100%;
    height: 170px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}
.n-right ul li .n2-img{
    width:196px;
    height: 147px;
    float: left;
    overflow: hidden;
}
.n-right ul li .n2-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transform: scale(1.04);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.n-right ul li:hover .n2-img img{
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.n-right ul li .n2-tit{
    width: 480px;
    float: right;
}
.n-right ul li .n2-tit h3{
    color: #333333;
    font-size: 18px;
    padding-bottom: 17px;
    font-weight: bold;
}
.n-right ul li .n2-tit p{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}
.n-right ul li .n2-tit small{
    color: #999999;
    font-size: 12px;
    display: block;
    padding-top: 18px;
}
.n-right ul li:hover .n2-tit h3{
    color: #4a53d6;
}
/*案例*/
.swiper-container-case a{display: block;width: 100%;}
.swiper-container-case a .i{width: 100%;height: 370px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.swiper-container-case a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;
    line-height: 50px;color: #fff;font-size: 16px;display: none}

.swiper-container-case a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.swiper-container-case a:hover .t{background: #4a53d6;color: #fff;text-align: center}



.all-more{text-align: center;}
.all-more{width: 140px;height: 40px;border: 1px solid #ddd;margin: 0 auto}
.all-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.all-more a .one .son{width: 40px;height: 40px;background: #eee;border-radius: 50%;opacity: 0}
.all-more a .two{position: absolute;width: 140px;height: 40px;z-index: 3;
    color: #4c4c4c;line-height: 40px;font-size: 14px;text-indent: 53px;text-align: left;font-weight: lighter;
    background: url("../img/j1.png") left 21px center no-repeat}

.all-more a:hover .one .son{transform: scale(4);-webkit-transform: scale(4);opacity: 1}
/*.all-more a:hover .two{color: }*/


/*底部*/
.footer {
    width: 100%;
    position: relative;
    background: #1d1d1d;
    padding: 50px 0;
}
.foot1{
    width: 525px;
    height: 255px;
    float: left;
    border-right: 1px solid #313131;
}
.foot1 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot1 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #4a53d6;
    margin: 16px 0;
}
.foot1 ul li{
    color: #666666;
    font-size: 14px;
    line-height:30px;
}
.foot1 p{
    padding-top: 40px;
    color: #666666;
    font-size: 14px;
}
.foot1 p a{
    color: #666666;
    font-size: 14px;
}
.foot2{
    width: 263px;
    float: left;
    height: 255px;
    border-right: 1px solid #313131;
    margin-left: 75px;
}
.foot2 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot2 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #4a53d6;
    margin: 16px 0;
}
.foot2 ul{
    width: 84%;
}
.foot2 ul li{
    width: 50%;
    float: left;
    line-height: 30px;
}
.foot2 ul li a{
    color: #666666;
    font-size: 14px;
}
.foot2 ul li:hover a{
    color: #fff;
}
.foot3{
    width: 273px;
    float: right;
}
.foot3 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot3 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #4a53d6;
    margin: 16px 0;
}
.foot3 .wei{
    width: 49%;
    float: left;
}
.foot3 .wei:nth-child(2){
    float: right;
}
.foot3 .wei p{
    color: #666666;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
.foot3 a{display: inline-block;padding: 10px 20px;background: #4a53d6;border-radius: 3px;color: #fff;
font-size: 14px;margin-top: 20px;text-decoration: underline;}
/*.foot3 a:hover{font-weight: bolder;}*/
/*******************首页结束*****/
.sb-banner{height: 350px;background-size: cover;background-repeat: no-repeat;background-position: center;
background-image: url("../img/sbbg2.jpg");}
.mainbox-content{padding: 50px 0;}
.main-right{width: 890px;float: right;}
/*面包屑*/
.bread{padding: 15px 0;background: #eee;}
.bread-a,.bread-a a{font-size: 14px;color: #666;}
.bread-a span{font-weight: bold;display:inline-block;position: relative;padding-left: 10px}
.bread-a span::before{content: '';position: absolute;width: 3px;height: 14px;background:#4a53d6;top: 3px;left: 0;}
.bread-a a:hover{color: #4a53d6}


/*产品详情*/
/*详情*/
.p-guige li{padding: 10px 0;border-bottom: 1px dashed #eee;}
.p-guige li span.tel{font-size: 22px;font-weight: bold;color: #4a53d6}
.pro-info .z{width: 450px;;position: relative;float: left;}
.pro-info .top{width:450px;height: 350px;overflow: hidden;box-sizing: border-box;border: 1px solid #eeeeee;}
.pro-info .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;background: #f5f5f5;}
.pro-info .bot .swiper-slide{width: 80px;height: 80px;}
.pro-info .swiper-button-prev1{width: 30px;height: 80px!important;background:#4a53d6 url("../img/pr1.png") center no-repeat!important;
    top: 0!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-next1{width: 30px;height: 80px!important;background:#4a53d6 url("../img/ne1.png") center no-repeat!important;
    top:0%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-disabled{opacity: 0.3}
.pro-info .bot .swiper-slide img{box-sizing: border-box;border: 2px solid #ddd;opacity: 0.6;cursor: pointer;}
.pro-info .bot .swiper-slide-active img{box-sizing: border-box;border:2px solid #4a53d6;opacity: 1}

/**/
.pro-info-r{width: 410px;float: right}
.pro-info-r h1{font-size: 20px;color: #333;}
.pro-info-r .ipro-more{padding-top: 30px;}
.pro-info-r .ipro-more a:nth-child(1) .two{background: url("../img/order.png") left 21px center no-repeat;
    background-size: 20px;}
.pro-info-r .ipro-more a:nth-child(2) .two{background: url("../img/zx.png") left 21px center no-repeat;
    background-size: 25px;}

/**/
.floors{border-bottom: 0px solid #4a53d6;border-left:3px solid #4a53d6}
.floors-l{height: 40px;width: 100%;text-align: center;line-height: 40px;background: #eee;color: #4a53d6;float: left;
text-align: left;text-indent: 15px;font-weight: bolder;}




/********新闻中心*/
.newslist li{width: 100%;padding: 25px 0;border-bottom: 1px solid #eee}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 240px;height: 150px;background: #ddd;float: left}
.newslist li a .t{width: 620px;float: right}
.newslist li a .t .p1{color: #333;margin-top: 15px;}
.newslist li a .t .p2{line-height: 1.6;color: #888;margin-top: 10px;}
.newslist li a .t .p3{color: #999;margin-top: 25px;font-size: 14px}
.newslist li:nth-child(1){padding-top: 0px}

.newslist li a:hover .t .p1{color:#4a53d6}
.news-info-title{border-bottom: 1px solid #ddd;padding-bottom: 20px;}

/*资质荣誉*/
.honorlist li{width: 23%;float: left;margin-right: 2.66%;}
.honorlist li:nth-child(4n){margin-right: 0}
.caseslist a{display: block;width: 100%;}
.honorlist a .i{width: 100%;height: 370px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.honorlist a .t{height: 45px;width: 96%;padding: 0 2%;font-size: 16px;text-align: center;background: #f1f1f1;
    line-height: 45px;color: #434343;}
.honorlist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.honorlist a:hover .t{color: #4a53d6;}
/*******案例***********/
.caseslist li{width: 32%;float: left;margin-right: 2%;}
.caseslist li:nth-child(3n){margin-right: 0}
.caseslist li:nth-child(n+4){margin-top: 40px}
.caseslist a{display: block;width: 100%;}
.caseslist a .i{width: 100%;height: 300px;position: relative;overflow: hidden;}
.caseslist a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.4) url("../img/cjt.png") right 5% center no-repeat;
    position: absolute;line-height: 50px;color: #fff;font-size: 16px;
    left: 0;bottom: 0}

.caseslist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.caseslist a:hover .t{background: rgba(0,0,0,0.7) url("../img/cjt.png") right 5% center no-repeat;}
/**在线留言*/
#lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 13px 0;outline: none;border: 1px solid #ddd;
    text-indent: 10px;font-size: 14px;box-sizing: border-box;color: #666;}
#lianform input:nth-child(2n){margin-right: 0;}
#lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #ddd;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;
    font-size: 14px;padding: 10px 0;text-indent: 10px;height: 120px;margin-top: 15px;margin-bottom: 15px;color: #666;}
#lianform textarea:focus{border-color: #4a53d6}
#lianform img{height: 46px;margin-top: 15px}
#lianform input:focus{border-color: #4a53d6}
#lianform input.submit{background: #4a53d6;font-size: 16px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 16px;letter-spacing: 15px}

/***联系我们******/
.lianxi-lian li{font-size: 14px;color: #666;padding: 10px 0;}
.lianxi-lian li:nth-child(n+2){border-bottom: 1px solid #eee;}
#allmap{width: 100%;height: 500px;box-sizing: border-box;border: 1px solid #ddd;}
.BMap_noprint{background: none!important;}

.lian-con{background: #eee;padding: 10px 10px;box-sizing: border-box;}
.lian-con li{padding: 3px 0;font-size: 14px;color: #666;border-bottom: 1px solid #eee}
.lian-con a{display: inline-block;text-align: center;color: #fff;background: #4a53d6;height: 36px;line-height: 36px;
padding: 0 50px;border-radius:40px;margin-top: 20px;text-decoration: underline;}
.i-p-list-i{width: 1200px;}


.inews li{width: 32%;float: left;margin-right: 2%;}
.inews li:nth-child(3n){margin-right: 0}
.inews a{display: block;width: 100%}
.inews a .i{width: 100%;height: 200px;box-sizing: border-box;border: 1px solid #ddd;}
.inews a .t{padding: 15px 0;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: bolder;margin-top: 8px;}
.inews a .t1{font-size: 12px;color: #999;margin-top: 3px;text-align: left}
.inews a:hover .i{border-color: #4a53d6}
.inews a:hover .t{color: #4a53d6}

.swiper-containerba{border-bottom: 10px solid #ddd}

.caseslist1 li{width: 23.5%;float: left;margin-right: 2%;}
.caseslist1 li:nth-child(4n){margin-right: 0;}
.caseslist1 li:nth-child(n+5){margin-top: 23px;}
.caseslist1 li .i{width: 100%;height: 180px;}


/**/
.three{padding: 50px 0;background:  url("../img/thbg.jpg") top center no-repeat;background-size: cover}
.threeli li{width: 32%;float: left;margin-right: 2%;padding: 30px 20px;box-sizing: border-box;}
.threeli li:nth-child(3){margin-right: 0;}
.threeli li .i{width: 100px;height: 100px;margin-left: auto;margin-right: auto;border-radius: 50%;background-color: #4a53d6;
background-repeat: no-repeat;background-size: auto;background-position: center;}
.threeli li .p1{font-size: 18px;color: #333;white-space: nowrap;font-weight: bolder;
margin: 30px 0 30px 0}
.threeli li .p2{font-size: 14px;color: #555;word-break: break-all}
.threeli li:nth-child(1) .i{background-image: url("../img/th1.png")}
.threeli li:nth-child(2) .i{background-image: url("../img/th2.png")}
.threeli li:nth-child(3) .i{background-image: url("../img/th3.png")}