@charset "utf-8";
.banner .picBox {
    overflow: hidden;
}

.banner .picBox img {
    width: 100%;
    -webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}


/* 二级、三级菜单 */
.sideBar {
    border-bottom: 1px solid rgb(238, 238, 238);
}

.sideBar .cont {
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sideBar .a1 {
    font-size: 16px;
    color: rgba(49, 49, 49, 0.4);
}

.sideBar .a1 a {
    margin: 0px 11px;
    font-size: 16px;
    color: rgba(49, 49, 49, 0.4);
}

.sideBar .a1 a:hover {
    color: rgb(51, 51, 51);
}

.sideBar .a1 a:nth-child(1) {
    margin: 0px;
}

.sideBar .a1 a:nth-child(1) img {
    vertical-align: -2px;
}

.sideBar .a2 {
    display: flex;
    width: 72%;
    position: relative;
    box-sizing: border-box;
}

.sideBar .a2 .left-swiper {
    margin: 0;
    margin-left: auto;
}

.sideBar .a2 .left-prev,
.sideBar .a2 .left-next {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    cursor: pointer;
}

.sideBar .a2 .left-prev {
    left: -40px;
    transform: translateY(-50%) rotate(135deg);
}
.sideBar .a2 .left-next {
    right: -40px;
    transform: translateY(-50%) rotate(-45deg);
}

.sideBar .a2 .swiper-button-disabled {
    opacity: 0.3;
}

.sideBar .a2 .left-swiper .swiper-slide {
    width: auto;
}

.sideBar .a2 .item {
    margin-right: 70px;
}

.sideBar .a2 .swiper-slide:last-child .item {
    margin-right: 0;
}

.sideBar .a2 .item a {
    position: relative;
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    color: rgb(49, 49, 49);
    padding: 0px 6px;
}

.sideBar .a2 .item a::before {
    content: " ";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background: rgb(48, 151, 202);
    transition: all 0.4s ease 0s;
}

.sideBar .a2 .item.on a, .sideBar .a2 .item a:hover {
    color: rgb(33, 110, 170);
}

.sideBar .a2 .item.on a::before, .sideBar .a2 .item a:hover::before {
    width: 100%;
}

.third-menu {
    margin-top: 70px;
}

.third-menu .cont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.third-menu .item {
    margin: 0px 7px;
}

.third-menu .item a {
    display: block;
    font-size: 16px;
    color: rgb(36, 112, 171);
    border-radius: 30px;
    border: 2px solid rgb(36, 112, 171);
    min-width: 178px;
    height: 56px;
    padding: 0px 20px;
    box-sizing: border-box;
    line-height: 56px;
    text-align: center;
}

.third-menu .item.on a, .third-menu .item a:hover {
    color: rgb(255, 255, 255);
    background: url("pic_17.png") left center no-repeat rgb(36, 112, 171);
}

@media screen and (max-width: 1200px) {
    .sideBar .a1 {
        display: none;
    }

    .sideBar .cont {
        height: 60px;
    }

    .sideBar .a2 {
        width: 100%;
    }

    .sideBar .a2 .left-swiper {
        width: 100%;
    }

    .sideBar .a2 .item {
        margin-right: 30px;
    }

    .sideBar .a2 .item a {
        font-size: 15px;
        height: 60px;
        line-height: 60px;
    }

    .third-menu {
        margin-top: 26px;
    }

    .third-menu .item {
        margin: 0 4px;
    }

    .third-menu .item a {
        min-width: unset;
        padding: 6px 12px;
        height: auto;
        line-height: 1.5;
        border-width: 1px;
    }
}

/* 面包屑 */
.location { position:relative; height:24px; width:1002px; margin:0 auto 30px; padding:11px 0; border-bottom:1px solid #eaeaea; line-height:24px; display:none; }
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article{padding: 60px 0 40px;line-height: 30px; word-wrap:break-word;}
.article .hd{padding:0 0 20px; text-align:center;}
.article .hd h1{color:#000; font-size:20px;}
.article .hd .titBar{color:#797979; font-size:12px;}
.article .bd{padding-bottom:40px;}
.article .ft{padding:20px 0 0; border-top:1px solid #ddd;margin-top: 20px;}
.article img{max-width: 100%;}
@media screen and (max-width: 1200px) {
	.article{padding: 40px 0;}
}
/* 新闻列表*/
.newsList{padding-top: 4.1667vw;}
.newsList .topNews .item-wrap{display: flex;justify-content: space-between;}
.newsList .topNews .item-wrap .item{width: 31.736%;box-sizing: border-box;padding: 24px 22px;background: #f9fafc;}
.newsList .topNews .b1{overflow: hidden;}
.newsList .topNews .b1 img{width: 100%;-o-object-fit: cover;object-fit: cover;transition: all 0.3s;}
.newsList .topNews .b2{margin-top: 25px;font-size: 20px;font-weight: bold;color: #333333;line-height: 32px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.3s;}
.newsList .topNews .b3{margin-top: 18px;font-size: 14px;color: #777777;line-height: 26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newsList .topNews .b4{display: flex;justify-content: space-between;margin-top: 30px;}
.newsList .topNews .b4 .c1{font-size: 14px;color: #bbbbbb;}
.newsList .topNews .b4 .c2{font-size: 14px;color: #999999;}
.newsList .topNews .item-wrap.sjBox{display: none;}
.newsList .topNews .item a:hover .b1 img{transform: scale(1.1);}
.newsList .topNews .item a:hover .b2{color: #005eac;}
.newsList .newsItem{margin-top: 2.083333vw;margin-bottom: 4.1667vw;}
.newsList .newsItem .item{margin-bottom: 20px;}
.newsList .newsItem .item:last-child{margin-bottom: 0;}
.newsList .newsItem .item a{background: #f9fafc;transition: all 0.3s;display: flex;justify-content: space-between;align-items: center;padding: 39px 67px 37px 30px;}
.newsList .newsItem .item .textBox{width: 80%;}
.newsList .newsItem .item .textBox .tit{font-size: 20px;font-weight: bold;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s;}
.newsList .newsItem .item .textBox .tip{margin-top: 15px;font-size: 14px;color: #666666;line-height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newsList .newsItem .item .timeBox{text-align: center;}
.newsList .newsItem .item .timeBox .time1{font-family: Arial;font-size: 46px;font-weight: bold;color: #333333;line-height: 1;transition: all 0.3s;}
.newsList .newsItem .item .timeBox .time2{font-size: 14px;color: #666666;}
.newsList .newsItem .item a:hover .textBox .tit{color: #005eac;}
.newsList .newsItem .item a:hover .timeBox .time1{color: #005eac;}
@media screen and (max-width: 700px){.newsList .topNews .item-wrap.pcBox{display: none;}.newsList .topNews .item-wrap.sjBox{display: block;}.newsList .topNews .item-wrap .item{width: 100%;}.newsList .topNews .b2{margin-top: 18px;font-size: 16px;line-height: 28px;}.newsList .newsItem{margin-top: 30px;}.newsList .newsItem .item a{padding: 15px;}.newsList .newsItem .item .textBox{width: 100%;}.newsList .newsItem .item .textBox .tit{font-size: 16px;white-space: inherit;overflow: auto;text-overflow: inherit;}.newsList .newsItem .item .timeBox{display: none;}}
/* 图文新闻 */
.col-txt{padding: 70px 0 50px 0;background: #fafafa;}
.col-txt .txt-wrap{padding: 0 0 54px 0;}
.col-txt .item{float: left;width: 31%;margin-bottom: 3.5%;margin-right: 3.5%;}
.col-txt .item:nth-child(3n){margin-right: 0;}
.col-txt .item a{display: block;padding: 44px 42px;background: #fafafa;box-shadow: 0 0 18px rgba(0, 0, 0, .1);transition: all 0.4s;}
.col-txt .item .picBox{margin-bottom: 30px;overflow: hidden;}
.col-txt .item .picBox img{transition: all 0.4s; width: 100%;}
.col-txt .item .textBox .tit{font-size: 20px;font-weight: bold;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-txt .item .textBox .tip{margin: 14px 0;font-size: 14px;color: #777777;line-height: 26px;text-indent: 2em; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.col-txt .item .textBox .d{margin-bottom: 31px;font-size: 14px;color: #bbbbbb;}
.col-txt .item .more{padding-top: 25px;border-top: 2px solid #d8d8d8;}
.col-txt .item .more .b{float: left;font-size: 14px;color: #999999;}
.col-txt .item .more .c{float: right;width: 26px;height: 26px;border-radius: 50%;background: url(pic_19.png) no-repeat center center;border: 1px dashed #898989;}
.col-txt .item a:hover{background: #008cd6;}
.col-txt .item a:hover .picBox img{transform: scale(1.1);}
.col-txt .item a:hover .textBox .tit{color: #ffffff;}
.col-txt .item a:hover .textBox .tip{color: #ffffff;}
.col-txt .item a:hover .textBox .d{color: #ffffff;}
.col-txt .item a:hover .more .b{color: #ffffff;}
.col-txt .item a:hover .more .c{background-image: url(pic_20.png);border-color: #c5e5f6;}
@media screen and (max-width: 1400px){.col-txt .item a{padding: 24px;}.col-txt .item .picBox{margin-bottom: 20px;}.col-txt .item .textBox .tip{margin: 10px 0;}.col-txt .item .textBox .d{margin-bottom: 18px;}.col-txt .item .more{padding-top: 20px;}}
@media screen and (max-width: 700px){.col-txt{padding: 40px 0 25px 0;}.col-txt .txt-wrap{padding: 0 0 30px 0;}.col-txt .item{width: 100%; margin-right: 0; margin-bottom: 25px;}}
/* 图片列表 */
.hzArea{padding: 60px 0 0 0;}
.hzArea ul li{position:relative; float:left; width:32%; margin:0 2% 3% 0; font-size:18px; border: 2px solid #f8f8f8; box-sizing: border-box;}
.hzArea ul li:nth-child(3n){margin-right:0;}
.hzArea ul li .pic{position:relative; overflow:hidden;}
.hzArea ul li .pic img{transition: all 0.6s;}
.hzArea ul li .pic p{position:absolute;left:0;top:0;right:0;bottom:0;background: url(d03.png) no-repeat center;background-size:cover;z-index:2;display:none; background: rgba(36,112,171,.9);}
.hzArea ul li .txt01{position:absolute; left:10px; right:10px; top:50%; color:#fff; text-align:center; transform: translateY(-50%); z-index:2; display:none;}
.hzArea ul li .txt{position:absolute; left:10px; right:10px; top:50%; color:#fff; text-align:center; transform: translateY(-50%); transition: all 0.6s; z-index:3;}
.hzArea ul li .txt .p1{position:relative; opacity:0; transition: all 0.6s;}
.hzArea ul li .txt .p2{margin-top:0; position:relative; opacity:0; transition: all 0.6s;}
.hzArea ul li:hover .pic p{display:block;}
.hzArea ul li:hover .pic img{transform: scale(1.1)!important;}
.hzArea ul li:hover .txt01{display:none;}
.hzArea ul li:hover .txt .p1{margin-top:-10px; opacity:1;}
.hzArea ul li:hover .txt .p2{margin-top:40px; opacity:1;}
@media all and (max-width:1680px){.hzArea ul li{font-size:16px;}}
@media all and (max-width:1000px){.hzArea ul li{width:49%; margin:0 2% 3% 0;}.hzArea ul li:nth-child(3n){margin-right:2%;}.hzArea ul li:nth-child(2n){margin-right:0;}.hzArea ul li:hover .txt01{display:block;}.hzArea ul li:hover .txt{display:none;}}
@media all and (max-width:750px){.hzArea{
    padding: 40px 0 20px 0;
}}
/* 分页 */
.page{padding-bottom: 40px;line-height:30px;text-align:center;font-size:14px;}
.page a{display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #f5f5f5; background:#f5f5f5; color:#333; vertical-align:top;}
.page a:hover,.page .current{border:1px solid #055896; background:#055896; color:#fff;}
@media all and (max-width:1200px){.page{line-height:24px; font-size:12px;}}

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }



.disArea { padding:70px 0; background:#f6f6f6; }
.disArea .pic { float:left; width:43.75%;border: 1px solid #eee;box-sizing: border-box; }
.disArea .pic .gallery-top .picBox img{width: 100%;}
.disArea .pic .gallery-thumbs{margin-top: 30px;border-top: 1px solid #eee;height: auto;box-sizing: border-box;padding: 10px 37px;}
.disArea .pic .gallery-thumbs .picBox img{width: 100%; cursor: pointer; border: 2px solid #a2a2a2; box-sizing: border-box; display: block;}
.disArea .pic .gallery-thumbs .swiper-slide-thumb-active .picBox img{border-color: rgb(33, 110, 170);}
.disArea .pic .thumbs-prev{position: absolute; left: 0; top: 0; width: 27px; height: 100%; background: #a2a2a2; cursor: pointer; margin: 0;}
.disArea .pic .thumbs-next{position: absolute; right: 0; top: 0; width: 27px; height: 100%; background: #a2a2a2; cursor: pointer; margin: 0;}
.disArea .pic .thumbs-prev::before{content: '\20';position: absolute;top: 50%;left: 10px;transform: translateY(-50%) rotate(135deg);width: 14px;height: 14px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.disArea .pic .thumbs-next::after{content: '\20';position: absolute;top: 50%;right: 10px;transform: translateY(-50%) rotate(-45deg);width: 14px;height: 14px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.disArea .txt { float:right; width:55%; padding-top:10px; }
.disArea .txt .p1 {font-size:24px;color: rgb(33, 110, 170);font-weight:bold;padding-left:3.5%;padding-bottom:25px;border-bottom:1px solid #dcdcdc;}
.disArea .txt .p2 { font-size:20px; color:#000; font-weight:bold; padding-left:3.5%; margin-top:25px; }
.disArea .txt .p3 { font-size:16px; color:#3b3b3b; line-height:2; padding-left:3.5%; padding-bottom:60px; margin-top:25px; border-bottom:1px solid #dcdcdc; }
.disArea .txt .p4 { margin-top:80px; padding-left:3.5%; }
.disArea .txt .p4 a {display:inline-block;padding:0 30px;height:45px;text-align:center;line-height:45px;color:#d50e25;font-size:18px;border: 1px solid rgb(33, 110, 170);background:#fff;margin-right:15px;}
.disArea .txt .p4 a.a1 {background: rgb(33, 110, 170);color:#fff;}

.disArea .txt .p4 a.a3 { background:#d50e25; color:#fff; display:none; }
.disArea .txt .p4 a.a4 { display:none; }


.disArea01 { padding:50px 0; }
.disArea01 .hd { border-bottom:2px solid #efefef; }
.disArea01 .hd i {position:relative;display:inline-block;font-size:24px;color: rgb(33, 110, 170);font-weight:bold;padding-bottom:25px;}
.disArea01 .hd i:before {position:absolute;display:block;content:"";left:0;right:0;bottom:-2px;height:2px;background: rgb(33, 110, 170);z-index:2;}
 
.disArea01 .bd { margin-top:30px; font-size:16px; line-height:2; }
.disArea01 .bd img { max-width:100%; }

@media all and (max-width:1680px){
	.disArea .pic { float:left; width:43.75%; }
	.disArea .txt { float:right; width:52%; padding-top:0; }
	.disArea .txt .p1 { font-size:18px; padding-bottom:10px; padding-left:0; }
	.disArea .txt .p2 { font-size:14px; margin-top:15px; padding-left:0; }
	.disArea .txt .p3 { font-size:14px; line-height:1.7; padding-bottom:20px; margin-top:15px; padding-left:0; }
	.disArea .txt .p4 { margin-top:50px; padding-left:0; }
	.disArea .txt .p4 a {  padding:0 20px; height:35px; line-height:35px; font-size:14px; }
	
	.disArea01 .hd i { font-size:18px; padding-bottom:15px; }
	.disArea01 .bd { margin-top:30px; font-size:14px; line-height:2; }
}
@media all and (max-width:900px){
	.disArea { padding:30px 0; }
	.disArea .pic { float:none; width:100%; }
	.disArea .txt { float:none; width:100%; padding-top:25px; }
	.disArea .txt .p4 { margin-top:30px; padding-left:0; }
	.disArea .txt .p4 a {  padding:0 15px; display:none; }
	
	.disArea .txt .p4 a.a3 { display:inline-block; }
	.disArea .txt .p4 a.a4 { display:inline-block; }
	
	.disArea01 { padding:30px 0; }
	.disArea01 .hd i { font-size:18px; padding-bottom:10px; }
}