@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:14px;
line-height:24px;
font-family:Arial,"微软雅黑","宋体";
color:#414446;

/*设置宽度*/
width:100%; 
height: 100%;
}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; vertical-align:baseline;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0044af;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}


.delay{animation-delay: .5s;}
/*页面框架结构*/
.contain{width: 100%;position: relative;overflow: hidden;}
.container{width: 1200px;position: relative;overflow: hidden;margin: 0px auto;}
@media(max-width:1198px){
    .container{width: 95%;}
}
/*Top*/
.Top{height: 120px;width: 100%;position: relative;}
.Top .container{overflow: visible !important;position: static !important; }
.Top .logo{width: 310px;height: 50px;margin-top: 35px;float: left;}
.Top .MainNav{float: right;height: 120px;}
.Top .MainNav>ul>li{border-radius: 20px; width: 100px;text-align: center; height: 120px;float: left; color: #414441;}
.Top .MainNav>ul>li>a:hover{background-color: #182a7e;color: white;transition: 200ms;}
.Top .navA{border-radius: 20px; display: block; line-height: 30px;color: inherit;height: 30px;width: 100%;margin-top: 45px;}
.Top .onnav a{background-color: #182a7e;border-radius: 20px;color: white !important;}
.Top .nav-inside{display:none; left: 0px;right: 0px;  width: 100%;position: absolute;height: 50px;top:120px;z-index: 1;background-color:#0044af;color:white;}
.Top .nav-inside li{display: inline-block;line-height: 50px;margin: 0px 10px;}
.Top .nav-inside a{color: inherit;}
.Top .nav-inside a:hover{color: white;}

.phone-header{display:none; box-sizing: border-box; width: 100%;height:60px;background-color: white;position: relative;}
.phone-logo{line-height: 0px; width: 70%;padding-top: 4px;}
.phone-logo img{width: 100%;height: auto;}
.phone-header .nav-btn{z-index: 1; position: absolute;right: 10px;top: 10px;width: 40px;height: 40px;}
.phone-header .nav-btn img{position: absolute;width: 100%;height: auto;}
.phone-header .MainNav{display: none; top: 60px;left: 0px; width: 100%;background-color: white;position: absolute;z-index: 9999;}
.phone-header .MainNav>ul>li{position: relative; border-bottom: 1px solid #f2f2f2;line-height: 60px;color: #999999;font-size: 18px;}
.phone-header .MainNav>ul>li>a{padding-left: 20px;}
.phone-header .nav-inside>li>a{display: block;width: 80%;border-bottom: 1px solid #f2f2f2;margin: 0px auto;font-size: 16px;}
.phone-header .MainNav img{position: absolute;width: 20px;height: 20px;right: 20px;top: 20px;}
.phone-header .nav-inside{display: none;}
.phone-header .pullUp{display: none;}
.phone-header .navA{display: block;width: 80%;}
.phone-header .navA:hover{color: #d61010;}


@media(max-width:1198px){
    .Topheader{display: none;}
    .phone-header{display: block;}
    .phone-logo img{width: auto;}
}
/*Top*/

/*Bottom*/
.Bottom{width: 100%;position: relative;overflow: hidden;}
.Bottom a{color: #8b8b8b;}
.Bottom a:hover{color: white;}
.Bottom .links{color: #8b8b8b; background-color: #2a2a2a;padding: 50px 0px;box-sizing: border-box;}
.Bottom .down{background-color: #1e1e1e;height: 65px;text-align: center;}
.Bottom .down p{color: #8b8b8b;line-height: 65px;margin: 0px;}
.Bottom .links .left h4{font-weight: bold;color: white;font-size: 22px;margin: 0px;}
.Bottom .links .left p{margin: 0px 0px;}
.Bottom .links .left{float: left;}
.Bottom .links .QR-code{padding-left: 30px;}
.Bottom .links .left .msg{margin-bottom: 20px;padding-left: 30px;background:url(../uploadfiles/image/tel-icon.png)left center no-repeat;}
.Bottom .links .right{float: right;}
.Bottom .links .right dl{float: left;margin-left: 70px;line-height: 30px;}
.Bottom .links .right dt{color: white;margin-bottom: 10px;font-size: 16px;}
@media(max-width:1198px){
    .Bottom .links .right{display:none;}
    .Bottom .links .left{width: 100%;float: none;}
}
/*Bottom*/



/*Banner*/
.Banner{width: 100%;height: 350px;background-size: cover;background-position: center;background-repeat: no-repeat;background-position: center;}
@media(max-width:1198px){
    .Banner{height: 150px;}
}
/*Banner*/

/*首页*/
.HomeBan{width: 100%;height: auto;position: relative;overflow: hidden;}
.contain .tit{width: 100%;text-align: center;position: relative;}
.contain{padding: 50px 0px;box-sizing: border-box;}
.contain .tit h3{font-size: 30px;color: #0044af;text-align: center;}
.HomeBan .owl-controls{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);z-index: 1;}
.HomeBan img{width: 100%;display: block;}
.HomeBan .owl-page span{background-color: white !important;}
.aboutUs{background: url(../uploadfiles/image/about-bg.jpg)center no-repeat;}
.aboutUs .msg{width: 100%;}
.aboutUs .msg p{text-indent: 2em;line-height: 30px;}
.aboutUs .icon{width: 100%; padding: 50px 120px;box-sizing: border-box;}
.aboutUs .item{text-align: center;width: 33.3%;float: left;}
.aboutUs .img-box{transition: all ease .5s; margin: 0px auto; height: 120px;width: 120px;border: 2px solid #e4e4e4;background-color: white;border-radius: 50%;text-align: center;}
.aboutUs .img-box .w{display:none;}
.aboutUs .img-box img{width: auto;margin: 30px 0px;}
.aboutUs .detail{padding: 0px 20px;box-sizing: border-box;-webkit-line-clamp:2;line-clamp: 2;display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.aboutUs .more{line-height: 35px; text-align: center;margin: 0px auto; width: 80px;height: 35px;font-size: 16px; color: white;background-color: #c3c3c3;border-radius: 10px;}
.aboutUs .more:hover{background-color: #0044af;}
@media(max-width:768px){
    .HomeBan .owl-controls{bottom: 5px;}
    .HomeBan .owl-page span{width: 10px;height: 10px;margin: 0px !important;}
    .HomeBan .owl-page{margin: 0px 5px;}
}

.product .hd{width: 100%;position: relative;overflow: hidden;margin: 50px 0px;}
.product .hd li{cursor: pointer; text-align: center;line-height: 45px; width: 150px;float: left;height: 45px;border: 1px solid #e4e4e4;border-radius: 10px;margin-right: 20px;box-sizing: border-box;}
.product .hd .on{color: white;background-color: #0044af;border-color: #0044af;}
.product .bd .item{width: 32%;margin-right: 2%;float: left;text-align: center;}
.product .bd .item:nth-child(3n+3){margin-right: 0px;}
.more{width: 100%;text-align: center;}
.more a{border: 1px solid #dadada;padding: 10px 40px;display: inline-block;}
.more a:hover{background-color: #0044af;border-color: #0044af;color:white;transition: 200ms;}

.New{background-color: #f3f3f3;}
.New .hd{width: 100%;position: relative;overflow: hidden;margin: 50px 0px;}
.New .hd ul{padding: 0px 260px;}
.New .hd li{cursor: pointer; text-align: center;line-height: 45px; width: 150px;float: left;height: 45px;border: 1px solid #e4e4e4;border-radius: 30px;margin-right: 20px;box-sizing: border-box;}
.New .hd .on{color: white;background-color: #0044af;border-color: #0044af;}
.New .bd .item{border: 1px solid #dadada;text-align: left; padding: 20px;box-sizing: border-box; width: 32%;margin-right: 2%;float: left;}
.New .bd .item:nth-child(3n+3){margin-right: 0px;}
.New .bd .item:hover{border-color: #0044af;}
@media(max-width:1198px){
    /* .aboutUs .item{width: 100%;float: none;} */
    .aboutUs .icon{padding: 0px;}
    .aboutUs .img-box{height: 80px;width: 80px;}
    .aboutUs .img-box img{margin: 15px 0px;height: 50px;width: 50px;}
    .contain{padding: 10px 0px;}
    .product .hd li{margin: 10px;}
    .product .bd .item{width: 100%;margin: 10px 0px;float: none;}
    .New .hd{margin: 10px 0px;}
    .New .hd ul{padding: 0px;}
    .New .hd li{margin: 10px;}
    .New .bd .item{width: 100%;margin: 10px 0px;float: none;}
    .New .bd{height: 1300px;}
    .product .bd{height: 1077px;}
}


/*首页*/


.Current{width: 100%;position: relative;height: 80px;border-bottom: 1px solid #f2f2f2;}
.Current .left{float: left;line-height: 80px;}
.Current .right{ float: right;font-size: 16px;line-height: 80px;}
.Current .right a{font-weight: 600; line-height: 80px;border-bottom: 2px solid transparent;box-sizing: border-box;margin-left: 30px;display: inline-block;}
.Current .right .on{color: #0044af;border-bottom: 2px solid #0044af;}
.Current .left span{color: #0044af;}
.title{width: 100%;position: relative;text-align: center;margin-bottom: 50px;}
.title h3{color: #0044af;font-size: 24px;margin: 0px;}
.title p{color: #c9c9c9;text-transform: uppercase;margin: 10px 0px;}
/* 企业理念 */
.culture ul li{width: 25%;float: left;margin: 0px;position: relative;padding:50px 0px;}
.culture ul{padding: 50px 0px;}
.culture li .img-box{width: 100%;height: auto;}
.culture li .img-box img{width: 100%;}
.culture li .msg{ color: white;width: 130px;height: 145px;; position: absolute;top: -50px;left: 50%;transform: translateX(-50%);background:url(../uploadfiles/image/culture2.png)center no-repeat;}
.culture li .msg h3{text-align: center; line-height: 35px; font-weight: bold;font-size: 24px;width: 50%;margin: 30px auto;}
.bottom-img{width: 100%;height: 200px;overflow: hidden;}
.bottom-img img{width: 100%;height: 100%;}
@media(max-width:1198px){
    .culture ul li{width: 100%;margin: 10px 0px;}
    .bottom-img{height: 150px;}
}
/* 简介 */
.profile{width: 100;position: relative;}
.profile .left{width: 40%;float: left;background-color: #f8f8f8;margin-right: 5%;}
.profile .right{width: 55%;float: left;}
.profile .left .msg .p-bg{margin: 100px 0px; font-size: 16px; display: block;color: white;line-height: 50px;height: 50px;}
.profile .left .msg p{float: right;background-color:#285eb6;padding: 0px 20px;margin: 0px;}
.profile .right p{text-indent: 2em;line-height: 30px;}
.profile .left .img-box{text-align: center;margin-top: 30px;}
@media(max-width:1198px){
    .profile .left{width: 100%;float: none;margin: 10px 0px;}
    .profile .right{width: 100%;float: none;margin: 10px 0px;}
    .profile .left .msg .p-bg{margin: 30px 0px;}
    .profile .left .msg p{padding: 0px 10px;}
}

/* 荣誉 */
.honer{background: url(../uploadfiles/image/about-bg.jpg)center no-repeat;}
.honer .tab-cont{width: 100%;position: relative;}
.honer .tab-cont .owl-theme .owl-controls .owl-buttons div{position: absolute;padding: 0px;height: 30px;width: 30px;}
.honer .tab-cont .owl-theme .owl-controls .owl-buttons .owl-prev {background: url(../uploadfiles/image/arrow-left.png)center no-repeat;top: 85px;left: -100px;}
.honer .tab-cont .owl-theme .owl-controls .owl-buttons .owl-next {background: url(../uploadfiles/image/arrow-right.png)center no-repeat;top: 85px;right: -100px;}
.honer .tab-cont .tab-item{width: 740px;height: 210px;margin: 50px auto;}
.honer .tab-cont .tab-item .img-box{width: 50%;height: 210px;float: left;overflow: hidden;}
.honer .tab-cont .tab-item .img-box img{width: 100%;}
.honer .tab-cont .tab-item .msg{height: 210px;; width: 50%;float: left;background-color: white;}
.honer .tab-cont .tab-item .msg h4{display: inline-block; font-size: 16px; background-color: #285eb6;color: white;line-height: 40px;height:40px;padding: 0px 20px ;margin:30px 0px 0px 0px;}
.honer .tab-cont .tab-item .msg p{width: 100%;padding: 20px;font-size: 16px;font-weight: 600;margin: 0px;box-sizing:border-box;}
.honer .owl-honer{width:90%;margin: 0px auto;background:url(../uploadfiles/image/line.png)top center repeat-x; }
.honer .owl-honer .item{height: 64px;cursor: pointer;}
.honer .circle{margin-left:calc(50% - 10px); height: 20px;width: 20px;background-color:white;border-radius: 50%; border: 5px solid #999999;box-sizing: border-box;}
.honer .owl-honer p{font-size: 18px;font-weight: bold;color: #4d4b4c;text-align: center;margin: 10px 0px;}
.honer .owl-honer .on p{color: #285eb6;}
.honer .owl-honer .on .circle{border-color: #285eb6;}
@media(max-width:1198px){
    .honer .tab-cont .tab-item .img-box{width: 100%;float: none;}
    .honer .tab-cont .tab-item .msg{width: 100%;float: none;}
    .honer .tab-cont .tab-item{height: auto;width:100%;}

}

/* 鲁邦动态/行业热点 */

.news{background-color: #fafafa;width: 100%;position: relative;}
.news .container{overflow:visible !important;}
.news .news-tit{margin-bottom: 50px; font-size: 24px;width: 100%;border-bottom: 1px solid #cecece;}
.news li .img-box{float: left;overflow: hidden;}
.news li .img-box img{transition:all ease .5s;width:100%;}
.news li{transition: all ease .5s; margin-bottom: 50px; cursor: pointer; background-color: white;width: 100%;padding: 30px;box-sizing: border-box;}
.news li .msg{float: left;width: calc(100% - 400px);margin-left: 30px;position: relative;}
.news li .msg h3{font-size: 22px;margin: 0px;}
.news li .msg p{height: 120px;line-height: 30px;margin: 10px 0px;}
.news ul li:hover{box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);}
.news ul li:hover h3{color: #285eb6;}
.news ul li:hover img{transform: scale(1.3,1.3);}
.page{color: #818181;font-size: 12px;width: 100%;text-align: center;margin-bottom: 50px;}
.page a{display: inline-block;}
.page a{border:1px solid #cdcdcd;padding:3px 20px;margin-right:10px;cursor: pointer;}
.page a:hover{background-color: #285eb6;color: white;border-color: #285eb6 !important}
.a_cur{background-color: #285eb6;border-color: #285eb6 !important;  color: white;}
.page-num{font-style: normal;}
@media(max-width:1198px){
    .news li{padding: 0px;}
    .news li .img-box{ float: none;width: 100%;margin: 10px 0px;}
    .news li .msg{float: none;width: 100%;margin: 10px 0px;}
    .news li .msg p{height: auto;}
}
@media(max-width:768px){
    .page a{padding: 3px 10px;}
}
.pro-tab a{width: 150px !important;}
.nav-tab{font-size: 0px; width: 100%;height: 45px;background-color: #007bc7;text-align: center;}
.nav-box{width: auto;display: inline-block;}
.nav-tab a{font-size: 16px; margin: 0px; text-align: center; color: white;line-height: 45px;display: inline-block;width: 200px;}
.nav-tab a:hover{ background-color: #008ee6;transition: 200ms;}
.nav-tab .on{background-color: #008ee6;}
@media(max-width:1198px){
    .nav-tab{height: auto;background-color: transparent;}
    .nav-tab .nav-box{width: 100%;position: relative;}
    .nav-box a{float: left;width: 30%;margin-right: 5%;margin-top: 10px; background-color: #007bc7;}
    .nav-tab a:nth-child(3n+3){margin-right: 0px;}
    .pro-tab a{width: 30% !important;}

}

/* 鲁邦生活/员工风采 */
.life img{width: 100%;}
.life .news-tit{margin-bottom: 50px; font-size: 24px;width: 100%;border-bottom: 1px solid #cecece;}
.life{background-color: #fafafa;width: 100%;position: relative;}
.life ul li{cursor: pointer; transition: all ease .5s; width: 32%;margin-right: 2%;float: left;margin-bottom: 50px;border: 1px solid #bdbdbd;box-sizing: border-box;padding: 20px;}
.life ul li h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.life ul li p{line-clamp: 4;-webkit-line-clamp:3;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;}
.life ul li:nth-child(3n+3){margin-right: 0px;}
.life ul li .img-box{width: 100%;height: 200px;overflow: hidden;}
.life ul li:hover h3{color: #0044af;}
.life ul li:hover{border-color: #0044af;}
@media(max-width:1198px){
    .life ul li{width: 100%;float: none;margin: 10px 0px;}
}


/* 产品展示 */
.show{width: 100%;height: auto;position: relative;}
.show img{width: 100%;}
.show .news-tit{margin-bottom: 50px; font-size: 24px;width: 100%;border-bottom: 1px solid #cecece;}
.show ul li{margin-bottom: 50px; width: 23.5%;margin-right: 2%;float: left;text-align: center;}
.show ul li:nth-child(4n+4){margin-right: 0px;}
.show ul li .img-box{width: 100%;overflow: hidden;position: relative;line-height: 0px;}
.show ul li .img-box img{display:block;height:180px;}
.show ul li .msg{line-height: 24px; display:none;  box-sizing: border-box;padding: 20px;text-align:left; position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background-color:rgba(14, 84, 212, 0.7); color: white;}
@media(max-width:1198px){
    .show ul li{width: 48%;margin-right: 4%; margin-bottom:20px;}
    .show ul li:nth-child(2n+2){margin-right: 0px;}
    .show ul li:nth-child(4n+4){margin-right: 0px;}

}
@media(max-width:768px){
.show ul li .msg{padding: 5px 10px;line-height:19px;}
.show ul li .img-box img{height:140px;}
}
@media(max-width:560px){
show ul li{margin-bottom:10px;}
.show ul li .img-box img{height:110px;}
}

/* 工程系列 */
.project img{width: 100%;height:100%;}
.news-tit{margin-bottom: 50px; font-size: 24px;width: 100%;border-bottom: 1px solid #cecece;}
.project ul li{height: 200px; width: 49%;float: left;margin-right: 2%;margin-bottom: 50px;overflow:hidden;}
.project ul li:nth-child(2n+2){margin-right: 0px;}
.project ul li .img-box{width: 50%;float: left;overflow: hidden;line-height: 0px;height: 200px;}
.project ul li .img-box img{transition: all ease .5s;}
.project ul li .msg{padding: 20px;box-sizing: border-box; width: 50%;float: left;background-color: #f8f8f8;height: 100%;}
.project .msg h3{font-size: 20px;margin:0px;}
.project .msg p{font-size: 16px;line-clamp: 3;-webkit-line-clamp:3;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;}
.project li:hover p{color: #414446;}
.project li:hover img{transform: scale(1.3,1.3);}
@media(max-width:1198px){
    .project ul li{width: 100%;margin-right: 0px;float: none;height: auto;}
    .project ul li .img-box{width: 100%;float: none;}
    .project ul li .msg{width: 100%;float: none;max-height: 200px;}
    .project .msg p{line-clamp: 100;-webkit-line-clamp:100;overflow: visible;}
}


/* 防水宝典 */
.baodian .tit{box-sizing: border-box;padding: 50px 0px; width: 100%;text-align: center;border-bottom: 1px solid #d1d1d1}
.baodian .ques ul{margin-top: 50px;}
.baodian .ques li{width: 50%;box-sizing: border-box;padding: 30px;float: left;}
.baodian .ques li:nth-child(1){border-right: 1px solid #cecece;}
.baodian .ques .item{margin-bottom: 50px;}
.baodian .ques .item span{margin-right: 20px; float: left; height: 40px;width: 40px;display: inline-block;background-color: #0044af;color: white;text-align: center;line-height: 40px;}
.baodian .ques .item h3{float: left;line-height: 40px;margin: 0px;}
.baodian .ques .item p{color: #999999; width: calc(100% - 60px);float: left; margin: 0px;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;}
.baodian .ques .item .anwser{color: #0044af; background-color: transparent;border: 1px solid #0044af;box-sizing: border-box;}
.baodian .ques .item .ma-50{margin-bottom: 20px;height:50px;overflow:hidden;}
.baodian .search{width: 60%;margin: 70px auto;position: relative;}
.baodian .ser{box-sizing: border-box; border: 1px solid #0044af;border-radius: 30px;padding: 20px;width: 100%;}
.baodian .sub{cursor: pointer; background-size: contain; background:#0044af url(../uploadfiles/image/搜索.png) center no-repeat; border-radius: 0px 30px 30px 0px;width: 80px; position: absolute;right: 0px;top: 0px;bottom: 0px;}
@media(max-width:1198px){
    .baodian .search{width: 100%;height: 50px;}
    .baodian .search input{height: 50px;}
    .baodian .ques li{width: 100%;height: auto;margin: 10px 0px;float: none;padding: 0px;border-right: 0px;}
    .baodian .ques .item{border-bottom: 1px solid #dadada;}
    .baodian .ques .item h3{width: 80%;line-height: 24px;}
}

/* 联系我们 */
.sub{-webkit-appearance:none;}
.contact form{box-sizing: border-box;padding: 80px; width:70%;margin: 0px auto;background:url(../uploadfiles/image/contact-bg.png) center no-repeat;height: 550px;}
.contact input{margin-right: 6%; padding-left: 50px;  border: 1px solid #e6e6e6;width: 47%;float: left;box-sizing: border-box;height: 48px;}
.contact .rows input:nth-child(2){margin-right: 0px;}
.contact .rows{margin-bottom: 30px;}
.contact .name{background: url(../uploadfiles/image/m1.png)10px center no-repeat;}
.contact .tel{background: url(../uploadfiles/image/m2.png)10px center no-repeat;}
.contact .email{background: url(../uploadfiles/image/m3.png)10px center no-repeat;}
.contact .address{background: url(../uploadfiles/image/m4.png)10px center no-repeat;}
.contact .message{background: url(../uploadfiles/image/m5.png)10px 10px no-repeat;padding-left: 50px;}
.contact .sub{-webkit-appearance:none; cursor: pointer;float: none; padding-left: 0px; margin: 0px auto; width: 100px;text-align: center;background-color: #007bc7;border: none;color: white;}
.contact textarea{box-sizing: border-box;padding-top: 10px; width: 100%;border: 1px solid #e6e6e6;line-height: 24px;}
.contact .btn{text-align: center;}
@media(max-width:768px){
    .contact form{background:none;width: 100%;height: auto;padding: 0px;}
    .contact input{width: 100%;float: none;margin: 20px 0px;}
    .contact .rows{margin: 0px;}
}


/* 联系方式 */
.location .img-box{width: 45%;float: left;margin-right: 5%;}
.location-info{width: 50%;float: left; box-sizing: border-box;}
.location-info h3{margin-bottom: 20px;font-weight: 600;font-size: 24px;}
.location-info li p{padding-left: 60px;line-height: 40px;margin: 10px 0px;}
.location-info li:nth-child(1){background: url(../images/icon1.png) left center no-repeat;}
.location-info li:nth-child(2){background: url(../images/icon2.png) left center no-repeat;}
.location-info li:nth-child(3){background: url(../images/icon3.png) left center no-repeat;}
.location-info li:nth-child(4){background: url(../images/icon4.png) left center no-repeat;}
@media(max-width:1198px){
    .location .location-info{float: none;width: 100%;margin: 10px 0px;}
    .location .img-box{width: 100%;float: none;}
}



/* 人力资源 */
.zhaoping{width: 100%;position: relative;}
.zhaoping table{width: 100%; border-collapse: collapse;margin-bottom: 50px;}
.Hire-table tr{height: 60px; border-bottom: 1px solid #efefef;background-color: #efefef;}
.Hire-table tr:first-child{background-color: #535353;color: white;border-bottom: 0px;}
.Hire-table td{padding: 0px;text-align: center;}
.Hire-table button{border: 0px; background-color: #f3f3f3;color: black;border-radius: 20px;padding: 10px 20px;}
.Hire-table button:hover{background-color: #ce3f30;color: white;}
.Hire-content-box{padding: 30px;background-color: #fffcfd;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
.Hire-content{text-align: left; font-size: 14px;color: #666666;font-weight: 300;line-height: 30px;}
.Hire-content p{ color: #666666;margin: 0px;}
.Hire-content-item{display: none;}
.Hire-active{color: #ce3f30;}
.Hire-item{cursor: pointer;}
.Hire-item .add{width: 300px;text-align: right;padding-right: 30px;box-sizing: border-box;font-weight: bold;font-size: 30px;line-height: 60px;  color: #0044af;}
.Hire-item-on{}
.Hire-content .sub{-webkit-appearance:none; background-color: #0044af;color: white;width: 100px;line-height: 40px;height: 40px;text-align: center;cursor: pointer;}
.job-tit{color: black !important; font-weight: 600;margin-top: 30px !important;}
.job-address{color: black !important; margin: 30px 0px !important;}


/* 提交表格 */
.sub-form{display:none; overflow: hidden; border-radius: 10px; background-color: white; z-index: 2; width: 40%;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sub-form .cl{cursor: pointer; width: 30px;height: 30px;position: absolute;right: 10px;top: 10px;background:url(../uploadfiles/image/cl.png)center no-repeat;}
.sub-form .sub-tit{position: relative; width: 100%;height: 50px;background-color: #007bc7;}
.sub-form input{padding: 10px;box-sizing: border-box; display:block; width: 80%;margin: 30px auto;border: 1px solid #d1d1d1;height: 50px;border-radius: 10px;}
.sub-form .sub{-webkit-appearance:none; cursor: pointer;width: 100px;background-color: #007bc7;color: white;}
.overlay{display:none; z-index: 1; position: fixed;;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.466)}
@media(max-width:1198px){
    .sub-form{width: 95%;}
}



@media(max-width:1198px){
    .Hire-item .add{width: 50px;}
}
@media(max-width:600px){
    .Hire-table tr th:nth-child(n+3):nth-child(-n+5){display:none;}
    .Hire-table tr td:nth-child(n+3):nth-child(-n+5){display:none;}
}



/* 品牌招商 */

/* .h300{height: 300px;} */
.youshi ul li{margin-bottom: 30px; padding-top: 20px; position: relative; width: 100%;padding-left: 200px;box-sizing: border-box;height: 265px;}
.youshi ul li h3{color: #0044af;font-size: 20px;}
.youshi ul li p{line-height: 30px;}
.youshi ul li:nth-child(1){background:url(../uploadfiles/image/num1.png) center no-repeat;}
.youshi ul li:nth-child(2){background:url(../uploadfiles/image/num2.png) center no-repeat;}
.youshi ul li:nth-child(3){background:url(../uploadfiles/image/num3.png) center no-repeat;}
.youshi ul li:nth-child(4){background:url(../uploadfiles/image/num4.png) center no-repeat;}
.youshi ul li:nth-child(5){background:url(../uploadfiles/image/num5.png) center no-repeat;}
.youshi .img-box{width: 100%;overflow: hidden;}
.youshi img{width: 100%;}
.youshi .owl-youshi1{margin: 30px 0px;}
.youshi .owl-youshi1 .img-box{width: 100%;overflow: hidden;}
.youshi .owl-youshi1 img{transition: all ease .5s;}
.youshi .owl-youshi1 .item:hover img{transform: scale(1.5,1.5);}
.youshi .owl-youshi1 .item{margin: 0px 20px;text-align: center;}
.youshi .owl-youshi1 .item p{height: 48px;}
.youshi-ti{width: 100%;text-align: center;font-size: 30px;font-weight: 500;margin: 30px 0px;}
.youshi .owl-youshi2 .item{margin: 0px 20px;box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, .2)}
.youshi .owl-youshi2 .img-box{width: 45%;float: left;line-height: 0px;}
.youshi .owl-youshi2 .msg{padding-left: 30px;box-sizing: border-box;margin-top: 60px; width: 55%;background-color: white;float: left;}
.youshi .owl-youshi2 h4{margin: 20px 0px; font-size: 50px;letter-spacing: 5px;color: #0044af;font-style: italic;}
.youshi .owl-youshi2 {padding: 20px 0px;overflow: hidden;}
.youshi .owl-youshi2 .owl-wrapper-outer{overflow: visible;}
.youshi .owl-youshi3 .item{background: url(../uploadfiles/image/jiameng_1.jpg)center no-repeat;height: 262px;}
.youshi .owl-youshi3 .msg{width: 262px;float: left;margin-right: 50px;height: 262px;text-align: center;box-sizing: border-box;padding-top: 80px;}
.youshi .owl-youshi3 .msg:nth-child(4){margin-right: 0px;}
.youshi .owl-youshi3 .msg h3{font-size: 20px;color: #0044af;margin: 0px;}
.youshi .owl-youshi3 .msg span{font-size: 60px;color: #0044af;font-weight: 500;}
@media(max-width:1198px){
    .youshi ul li{background: none !important;margin: 30px 0px;padding:0px;border-bottom: 1px solid #c2c2c2;}
    .youshi ul li h3{margin: 10px 0px;}
    .youshi-ti{font-size: 22px;}
    .youshi .owl-youshi2 .img-box{width: 100%;float: none;}
    .youshi .owl-youshi2 .msg{padding: 10px;width: 100%;float: none;margin: 10px 0px;}
    .youshi .owl-youshi3 .item{background:none;height: auto;}
    .youshi .owl-youshi3 .item .msg{height: auto;padding: 10px;margin: 10px 0px;width: 100%;border-bottom: 1px solid #c2c2c2;}
    .youshi .owl-youshi3 .item .msg span{font-size:20px;font-weight: bold;}
}

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}










.slide_wrapper{position:relative;width:100%; min-width:1200px;/*height:100%;*/height:640px;overflow:hidden; margin-bottom:51px;}
.gallery_slide_wrapper{position:relative;width:100%;/*height:100%;*/height:640px;transition:all .7s ease-in-out}
.gallery_item{display:block;position:absolute;left:0;top:0;z-index:1;overflow:hidden;width:100%;/*height:100%;*/height:640px;color:#333;will-change:transform;transition:all .7s ease-in-out;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.gallery_item[data-idx="0"]{background-color:#000}
.gallery_item[data-idx="1"]{background-color:#000}
.gallery_item[data-idx="2"]{background-color:#000}
.gallery_item[data-idx="3"]{background-color:#000}
.gallery_item.zIndex{z-index:0}
.gallery_item.zIndexTop{z-index:3}
.gallery_item .gallery_image{position:absolute;z-index:1;width:100%;/*height:100%;*/height:640px;background-repeat:no-repeat;background-size:contain;background-position:bottom center}
.gallery_item_content{position:absolute;z-index:1000;top:0;height:100%;width:100%;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.gallery_item_lockup_wrapper{position:absolute;top:14%;width:100%;text-align:center;z-index:2}
.gallery_item_lockup_wrapper span{font-size:30px;color:#000}
.gallery_item[data-idx="0"] .gallery_item_lockup_wrapper span{color:#fff}
.nav_btn{opacity:0;top:0;position:absolute;cursor:pointer;width:20%;height:100%;z-index:3}
.nav_btn:hover{opacity:.5}
.nav_btn.left{left:0;}
.nav_btn.left .btn_left{position: absolute;top:50%;left:50px;width: 100px;height: 100px;margin-left: -30px;margin-top: -50px; background:url(../images/btn_left.png);}
.nav_btn.right{right:0;}
.nav_btn.right .btn_right{position: absolute;top:50%;right:50px;width: 100px;height: 100px;margin-left: -30px;margin-top: -50px; background:url(../images/btn_right.png);}
.slide_wrapper .nav{position:absolute;bottom:36px;left:50%; width:197px; margin-left:400px; text-align:right;z-index:12;}
.slide_wrapper .nav_slide{position:relative;display:inline-block;width:35px;height:7px;background:#999c9e;margin-left:5px;cursor:pointer}
.slide_wrapper .nav_slide:before{content:'';position:absolute;left:0;top:0;width:0;height:7px;background:0 0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slide_wrapper .nav_slide.active:before{width:100%}
.slide_wrapper .nav_slide:after{content:'';position:absolute;left:0;top:-9px;width:100%;height:20px}
.slide_wrapper .nav_slide:first-child{margin-left:0}
.slide_wrapper .nav_slide .slide_btn{width:100%;height:7px;background-color:transparent}
.slide_wrapper .nav_slide.active .slide_btn{background:#c90302;}
.slide_wrapper .nav_slide.autoplay .slide_btn{background:#c90302;-webkit-animation:scaleX 5s linear;-webkit-animation-fill-mode:forwards;transform-origin:0;-moz-animation:scaleX 5s linear;-moz-animation-fill-mode:forwards;transform-origin:0}
@-webkit-keyframes scaleX{0%{-webkit-transform:scaleX(0)}
100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes scaleX{0%{-moz-transform:scaleX(0)}
100%{-moz-transform:scaleX(1)}
}


.HomeBan{ clear:both; max-width:100%; margin:0px auto 50px; position:relative; overflow:hidden;}
.HomeBan .hd{ width:302px; left:50%; margin-left:300px; text-align:right;position:absolute; z-index:100; bottom:50px; height:7px; line-height:7px;}
.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:35px; height:7px; margin:0px 4px; overflow:hidden; line-height:9999px; background:#999c9e;}
.HomeBan .hd ul .on{ background:#c90302;}
.HomeBan .bd li img{width:100%;height:auto;;}
@media(max-width:1198px){
    .HomeBan .hd{width: auto;margin-left: 0px;transform: translateX(-50%);bottom: 15px;}

    
}
/*banner end*/

/*快捷入口*/
.FastNav{ position:absolute; left:10px; bottom:0px; z-index:11;}
.FastNav li{ margin-right:1px; float:left; width:250px; height:80px; line-height:80px; text-align:center; background:url(../images/filter70.png);}
.FastNav li span{ width:60px; height:36px; vertical-align:middle; display:inline-block; margin-right:19px;}
.FastNav li .icon1{ background:url(../images/fasticon.png) 0px top no-repeat;}
.FastNav li .icon2{ background:url(../images/fasticon.png) -60px top no-repeat;}
.FastNav li .icon3{ background:url(../images/fasticon.png) -120px top no-repeat;}
.FastNav li .icon4{ background:url(../images/fasticon.png) -180px top no-repeat;}
.FastNav li a{ display:block; font-size:18px; color:#fff; cursor:pointer;}
.FastNav li a:hover{ color:#fff; background:#0044af;}

.HomeAbout{ margin-bottom:51px; width:689px; height:430px; float:left;}
.HomeAbout .info{ padding:21px 60px 0px 50px; color:#666666;}
.HomeAbout .Thead{ line-height:62px; font-size:24px; color:#0044af; font-weight:normal;margin:0px;}
.HomeAbout .more{ padding-top:18px;}
.HomeAbout .more a{ padding-left:38px; color:#0044af;border:1px solid #0044af;  font-size:16px; font-weight:bold; background:url(../images/more.png) 0px center no-repeat;}
.HomeAbout .more a:hover{background:url(../images/more.png) 6px center no-repeat;}

.HomeNews{ background:#f5f5f5; width:511px; float:right;}
.HomeNews .Thead{ font-weight:normal; height:110px; line-height:110px; color:#fff; font-size:22px;}
.HomeNews .Thead span{ display:block; height:117px; background:url(../uploadfiles/image/newstitle.png); padding-left:41px; position:relative; z-index:1;}
.HomeNews ul{ margin-top:-7px;}
.HomeNews li{ position:relative; height:50px; line-height:50px; margin:0px 0px 1px; background:#fff; padding-left:130px; cursor:pointer;}
.HomeNews li .date{ font-size:16px; color:#666666; text-align:center; width:130px; position:absolute; left:0px; top:0px;}
.HomeNews li .date i{ color:#000000; font-size:24px;}
.HomeNews li .tit{}
.HomeNews li p{ display:none;}
.HomeNews li .d2{ display:none;}
.HomeNews li.cur{transition:all 0s linear; -webkit-transition:all 0s linear; height:120px; background:#f5f5f5;}
.HomeNews li.cur .date {transition:all 0s linear; -webkit-transition:all 0s linear; line-height:20px; font-size:14px;}
.HomeNews li.cur .date i{transition:all 0s linear; -webkit-transition:all 0s linear; font-size:34px; line-height:58px; display:block; padding-top:14px;}
.HomeNews li.cur .tit{transition:all 0s linear; -webkit-transition:all 0s linear; padding-top:19px; line-height:33px; font-size:16px;}
.HomeNews li.cur .tit a{ color:#0044af;}
.HomeNews li.cur p{transition:all 0s linear; -webkit-transition:all 0s linear; display:block; line-height:20px; color:#666666; padding-right:28px;line-clamp: 4;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;}
.HomeNews li.cur .d1{ display:none;}
.HomeNews li.cur .d2{ display:inline-block;}

.HomeColumn{ max-width:100%; min-width:1200px; background:#f0f0f0; padding-bottom:42px; /*padding-right:11px;*/}
.HomeColumn .logo{ background:url(../images/logootherline.png) center 20px no-repeat; text-align:center; margin-right:11px; padding-top:20px; height:57px;}
.HomeColumn .logo span{ width:31px; margin:0px auto;}
.HomeColumn .logo span i{ height:26px; display:block;}

.fl{float: left;}
.fr{float: right;}
.HomeColumn .box{ margin:0px 0px 11px 0px; position:relative; line-height: 0px;}
.HomeColumn .column{ width:30.4%;}
.HomeColumn .column img{ width:100%; height:158px;}
.HomeColumn .column .infotxt{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; background:url(../images/filter60.png); position:absolute; left:0px; bottom:0px; text-align:center; width:100%; height:40px; overflow:hidden;}
.HomeColumn .column .infotxt .tit{ line-height:40px; font-size:18px; color:#fff;}
.HomeColumn .column .infotxt p{ line-height:25px; color:#fff; width:75%; margin:0px auto;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6;}
.HomeColumn .column .box.cur .infotxt .tit{ padding-top:34px;}
.HomeColumn .column .box.cur .infotxt{height: 100% !important;}

.HomeColumn .video{ width:38.4%; float:left;}
.HomeColumn .video img{ width:100%; display:block;}
.HomeColumn .video i{ background:url(../images/play.png); width:80px; height:79px; position:absolute; left:50%; top:50%; margin:-40px 0px 0px -40px; display:block;filter:alpha(opacity=69);-moz-opacity: 0.69;opacity:0.69;}
.HomeColumn .video .bg{ /*background:url(../images/filter60.png);*/ width:100%; height:105%; position:absolute; left:0px; top:0px;}
.HomeColumn .video a:hover i{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.HomeColumn .video .box{ background:#000; min-height:277px; max-height:327px;}
.HomeColumn .video a.play{ width:100%; height:308px; position:absolute; left:0px; top:0px; z-index:1;}

@media ( max-width:1200px){
.HomeColumn .column .box.cur .infotxt .tit{ padding-top:18px;}
}
@media(max-width:1198px){
    .HomeAbout{width: 100%;float: none;}
    .HomeNews{width: 100%;float: none;}
}

.FloatRight{ position:fixed; right:0px; top:50%; z-index:999; width:47px; margin-top:-120px;}
.FloatRight li{ color:#fff; position:relative; margin-bottom:1px; line-height:47px; height:47px;background:url(../images/filter80_red.png); text-align:center; cursor:pointer;}
.FloatRight li div{ position:absolute; left:0px; right:0px; top:0px; z-index:15; width:47px; height:47px; overflow:hidden;}
.FloatRight li i{ display:inline-block; width:24px; height:27px; vertical-align:middle;}
.FloatRight li i.qq{ background:url(../images/floaticon.png) 0px top no-repeat;}
.FloatRight li i.tm{ background:url(../images/floaticon.png) -24px top no-repeat;}
.FloatRight li i.car{ background:url(../images/floaticon.png) -48px top no-repeat;}
.FloatRight li i.ewm{ background:url(../images/floaticon.png) -72px top no-repeat;}
.FloatRight li i.tel{ background:url(../images/floaticon.png) -96px top no-repeat;}
.FloatRight li a{ color:#fff; display:block;}
.FloatRight li:hover{ background:#0044af;}
.FloatRight li .txt{ display:none;}
.FloatRight li.on div{ width:110px;background:url(../images/filter80_red.png); text-align:right; margin-left:-63px; text-align:left;}
.FloatRight li.on i{ margin:0px 11px 0px 11px;}
.FloatRight li.on .txt{ display:inline-block; vertical-align:middle;}
.FloatRight li .ewmimg .img{ display:none;}
.FloatRight li.on .ewmimg{ width:118px; height:auto; padding:10px; margin-left:-138px;}
.FloatRight li.on .ewmimg i{ position:absolute; right:0px; top:0px;}
.FloatRight li.on .ewmimg .img{ display:block;}
.FloatRight li.on .hotline{ width:220px;background:url(../images/filter80_red.png); text-align:right; z-index:14; margin-left:-173px; text-align:left;}
.FloatRight li.on .hotline .txt{ display:inline-block; vertical-align:middle;}
.FloatRight li.on .hotline i{ margin:0px 11px 0px 11px;}
.FloatRight li.gotop{line-height:17px; height:35px; padding:5px 0px;}

@media(max-width:1198px){
    .FloatRight{display:none;}
    .fr{float: none;}
    .fl{float: none;}
    .HomeColumn{width: 100%;min-width: 300px;}
    .HomeColumn .column{width: 100%;}
    .HomeColumn .video{width: 100%;float: none;}
    .HomeColumn .video .box{margin-left: 0px !important;}
    .HomeAbout .info{padding: 20px;background-color: rgba(255, 255, 255, .5)}
    .FastNav{display:none;}
    .HomeBan{width: 100%;height: 200;}
    .HomeBan .bd li a{height: 200px;}

}



/*Top*/
.Topheader{height:80px;}
.Header{background-color: white; position:fixed; left:0px; top:0px; width:100%; min-width:1200px; margin:0px auto; height:80px; box-shadow:0px 0px 8px #333; z-index:10; z-index:12;}
.Header .Logo{ position:absolute; left:50px; top:0px;margin: 15px 0px;}
.Header .Search{ text-align:right;width:18px; display:inline-block; *display:inline; zoom:1; position:relative; vertical-align:top;}
.Header .Search .icon{ cursor:pointer;}
.Header .Search .icon.on img{ display:none;}
.Header .searchbox .i2{ position:absolute; top:-46px; right:0px; cursor:pointer;}
.Header .searchbox{ display:none; position:absolute; height:35px; right:18px; top:-6px; padding:5px 0px 0px 10px; background:#000; width:295px; z-index:99;}
.Header .searchbox .input{ float:left; width:260px; height:28px; line-height:28px; text-indent:1em; background:#fff; border:0px;}
.Header .searchbox .btn{ background:#000000; float:left; line-height:23px; padding:5px 0px 0px 8px;}
.NotLogin{position:relative;}
.NotLogin a{position:absolute; display:none; width:50px; top:4px;}
.NotLogin .logclick{right:60px;}
.NotLogin .regclick{right:20px;}
.NotLogin:hover a{display:inline-block;}


.Topheader .MainNav{ padding:0px 0px 0px 40%;}
.Topheader .MainNav li{ float:left; padding-left:2.8%; font-size:16px; position:relative; z-index:888;}
.Topheader .MainNav li span{color:#c90202; display:block; line-height:80px;}
.Topheader .MainNav li span a{display:block; height:80px;}
.Topheader .MainNav li.onnav span a,.MainNav li span .sele{color:#0044af; font-weight:bold;}

.SubNav{ display:none; position:absolute; margin-left:-38px;top:80px;width:140px; background:#fff; box-shadow:0px 5px 8px #333;line-height:35px; font-size:14px;}
.SubNav dd a{ color:#333; display:block; text-align:center; border-bottom:1px solid #cccccc; border-top:0px;}
.SubNav dd a:hover{ background:url(../images/filter80_red.png); color:#fff;}
.SubNav dd:last-child a{ border-bottom:0px;}
/* .SubNav dd:hover{background-color: #0044af !important;} */


@media ( max-width:1200px){
  .Topheader .MainNav{ padding:0px 0px 0px 9%;}
  .Topheader .MainNav li{ padding-left:1.8%;}
}

/*新闻详情*/
.Atit{text-align:center; line-height:28px; position:relative;}
.Atit h2{font-size:20px; color:#333333;}
.Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 2%; border-bottom:1px dashed #e8e8e8;}
.Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0;}
.ContentAbout img{max-width:100%;margin-left:-28px;}
.PrevNextBox{padding-top:2%; border-top:1px solid #e7e7e7;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

.HomeAbout .info p{background:rgba(255,255,255,0.4);padding:20px;margin:0px;}
@media(max-width:768px){
    .HomeAbout .info p{height: 200px;; line-clamp: 9;-webkit-line-clamp:9;display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
    video{width: 100%;}
    img{max-width: 100%;}
    
}

@media ( max-width:480px){
.Atit h2{font-size:16px;}
}