@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width: 1200px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: none}
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
/*限制文字,文字超出显示冒号*/
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.text-center{text-align: center}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 30px 0 0;line-height: 2;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wengzhengfanye a:hover{font-weight: bold}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink {text-align:center;padding: 30px 0}
.pagelink span,.pagelink a
{ display:inline-block;text-align:center; padding:6px 11px; border:solid 1px #ddd; color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on
{ background:#F8B62D; color:#fff; border:solid 1px #F8B62D;}
.pagelink span{display:inline-block; color:#fff; background:#F8B62D; border:solid 1px #F8B62D;}

/*========================================= 首页 =====================================*/
.container { width:1200px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.top{background: #F5F5F5;line-height: 30px;font-size: 12px;color: #888}
.head{display: flex;justify-content: space-between;align-items:center;}
.nav{align-items: center}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{position:relative;transition: all .3s ease;text-align: center;padding:0 20px;line-height: 90px;}
.nav li a{position:relative;font-size: 16px;z-index: 2;display: block;color: #6d6c6c}
.nav li:after{content: '';width: 0;height:2px;background: #F8B62D;position: absolute;bottom: 15px;left: 0;right: 0;margin: auto;
    transition: all .3s ease;z-index: 1;opacity: 0}
.nav ul li:hover:after{width: 100%;opacity: 1}
.nav ul li:hover a,.nav ul li.active a{color: #F8B62D}

.head .tel a{display: inline-block;width: 160px;line-height: 35px;background: #F8B62D;color: #FFF;font-size: 16px;text-align: center;margin-left: 20px}
.head .tel a:hover{background: #2057AA}

.xlnav{display:none;z-index: 100;width: 100%;position: absolute;top: 90px;left: 50%;margin-left:-50%;animation: fadeInUp 0.5s .1s ease both;
    background-color: #fff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);}
.xlnav dd{width: 100%;line-height: 37px;transition: all .3s ease 0s;}
.xlnav dd a{padding: 0 10px;display: block;color: #333!important;font-size: 14px;}
.xlnav dd:hover a{color: #fff!important;background: #0c347c!important;}
/*.nav li:hover .xlnav{display: block}*/

/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;height: 720px;display:flex;justify-content:center;align-items:center;text-align: center}
.banner li a{display: inline-block;color: #fff;;line-height: 50px;font-size: 18px;
    width: 280px;height: 50px;border-radius: 38px;background-color: #F8B62D;margin-top: 37%;}
.banner li a:hover{background: #2057AA}
.banner .swiper-button-prev{width: 15px;height: 26px;margin-top: -13px; background: url("../img/prev.png");
    opacity: .5;left: 50%;margin-left: -600px;z-index: 999;opacity: 0}
.banner .swiper-button-next { width: 15px;height: 26px;margin-top: -13px; background: url("../img/next.png");
    opacity: .5;right: 50%;margin-right: -600px;z-index: 999;opacity: 0}
.banner .swiper-pagination{ position: absolute; bottom:40px!important; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:8px;height:8px;margin:0 8px!important;cursor: pointer;background-color:rgba(255,255,255,0.7);position: relative;border-radius: 10px;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity: 1}
.banner:hover .swiper-button-prev{opacity: 1}
.banner:hover .swiper-button-next{opacity: 1}

.bg{background: #f7f7f7;padding-bottom: 60px}
.title{text-align: center;padding-top: 60px;overflow: hidden}
.title h2{font-size: 34px;}
.title h2 span{color: #F8B62D}
.title p{color: #999;font-size: 16px;margin-top: 18px}

.oneA{}
.oneA ul{padding: 40px 0 0;}
.oneA ul li{width:224px;float:left;background-color:#fff;margin:0 20px 20px 0;text-align:center;padding:20px;box-shadow:rgba(23,14,7,.04) 0 0 10px;}
.oneA ul li:nth-child(5n){margin-right: 0}
.oneA ul li h3{font-size: 20px;margin-top: 15px}
.oneA ul li dd img{transition:all .6s;-webkit-transition:all .6s;}
.oneA ul li .ljzx{display:inline-block;width:130px;line-height:33px;border-radius:100px;border:1px solid #F8B62D;margin-top: 15px;}
.oneA ul li:hover dd img{transform:scale(1.2);-webkit-transform:scale(1.2);}
.oneA ul li:hover h3{color:#F8B62D;}
.oneA ul li:hover .ljzx{border-color:#F8B62D;background-color:#F8B62D;color:#fff;}
.oneA_btn{text-align: center}
.oneA_btn a{width: 500px;height: 55px;border-radius: 27px;background-color: #F8B62D; line-height: 55px; text-align: center;font-size: 20px;color: #ffffff; display: inline-block;margin-top: 30px;}
.oneA_btn a img {width: 24px;height: 19px;vertical-align: sub;margin-right: 24px;}
.oneA_btn a:hover{background: #2057AA}

.oneB{margin: 80px auto}
.oneB ul li{width: 175px;height: 138px;box-shadow: 0 0 0.15rem rgb(0 0 0);padding: 0 10px;text-align: center;position: relative;float: left}
.oneB ul li h3{font-size: 16px;font-weight: normal;padding: 50px 0 10px}
.oneB ul li p{color: #999;font-size: 12px;line-height: 1.8;}
.oneB ul li dd{width:76px;height:76px;position: absolute;top:-38px;left: 50%;margin-left: -38px;background: #FFF;}
.oneB ul li dd img{max-width: 100%}
.oneB ul li:hover dd img{animation: swing 1s .1s ease both;}
.oneB ul li:hover h3{color: #F8B62D}
/*.oneB ul li:hover{box-shadow: 0 0 0.15rem rgb(248 182 45);}*/

.oneC{margin-top: 40px;position: relative;width: 1320px;}
.oneC ul li{width: 200px;background: #fff;text-align: center}
.oneC ul li dd{height: 200px;width: 100%;overflow: hidden}
.oneC ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneC ul li h3{font-size: 18px;margin: 15px 0}
.oneC ul li p{color: #666;margin: 15px 0}
.oneC ul li .ljzx{display: block;line-height: 35px;background: #F8B62D;color: #fff}
.oneC ul li .ljzx:hover{background: #2057AA}
.oneC ul li:hover h3{color: #F8B62D}
.oneC ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}
.oneC .swiper-button-prev{width: 15px;height: 22px;background: url("../img/ocl.png");}
.oneC .swiper-button-next {width: 15px;height: 22px;background: url("../img/ocr.png");}


.oneD{box-shadow: 0 4px 10px #d8d8d8;overflow: hidden;padding: 14px;margin-top: 40px}
.oneDl{width: 560px;height: 365px;position: relative;overflow: hidden}
.oneDl img{max-width: 100%;transition: all 0.5s;}
.oneDl p{position: absolute;bottom: 0;width: 100%;line-height: 60px;text-indent: 20px;text-align: left;color: white;font-size: 18px;background-color: rgba(0,0,0,0.5);}
.oneDl:hover img{transition: all 0.5s;transform: scale(1.1)}

.oneDr{width: 578px;margin-top: 20px}
.oneDr ul li{margin-bottom: 30px}
.oneDr ul li h3{font-size: 18px;}
.oneDr ul li p {color: #666666;margin-top: 10px;line-height: 24px;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.oneDr ul li:hover h3{color: #F8B62D}


.oneD_btn{text-align: center;margin-top: 60px}
.oneD_btn a{ display: inline-block; width: 500px;line-height: 55px;text-align: center;border-radius: 27px;color: #FFFFFF;font-size: 20px;background: #F8B62D}
.oneD_btn a:hover{background: #2057AA}

footer{width:100%;background: #333333;margin-top: 70px;color: #fff;padding: 40px 0 30px}
.footl{width: 31%;}
.footl img{width: 130px;float: left}
.footl h3{font-weight: normal;float: right;margin-top: 55px;}
.footc{text-align: center}
.footc img{width: 130px;height: 130px;border: 8px solid #fff}
.footc p{font-size: 26px;margin-top: 10px}
.foot2{width: 48%}
.footr{line-height: 2;}
.copy{text-align: center;margin-top: 35px;}


/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 350px;display:flex;justify-content:center;align-items:center;position: relative}

.ny_title{margin-top: 50px;text-align: center;overflow: hidden}
.ny_title h2{font-size: 32px}
.ny_title p{font-size: 16px;color: #999999;text-transform: uppercase;margin-top: 5px}

.aboutA{margin-top: 40px;line-height: 2;font-size: 16px;color: #666;padding-bottom: 60px}

.aboutB{margin-top: 40px;}
.aboutB ul li{text-align: center;width: 142px;}
.aboutB ul li dd img{border-radius: 100%}
.aboutB ul li h3{font-size: 18px;margin: 20px 0 10px}
.aboutB ul li p{color: #333;line-height: 1.8}
.aboutB ul li:hover h3{color: #F8B62D}
.aboutB ul li:hover dd img{animation: zoomIn 1s .1s ease both;}

.yewu{overflow: hidden}
.yewu ul li{width: 31%;border: 1px solid #ccc;line-height: 110px;font-size: 18px;text-align: center;float: left;margin-right: 3.5%;margin-top: 3.5%;transition: all 0.3s ease}
.yewu ul li a{display: block}
.yewu ul li:nth-child(3n){margin-right: 0}
.yewu ul li:hover{background: #F8B62D;transition: all 0.3s ease;border-color: #F8B62D}
.yewu ul li:hover a{color: #fff}

.team{overflow: hidden;margin-top: 30px}
.team ul{}
.team ul li{width: 23%;position: relative;float: left;margin-right: 2.6%}
.team ul li dl{padding: 30px 0;position: relative;overflow: hidden}
.team ul li dl dd{position: relative}
.team ul li dl dd::before {background-color: rgba(55, 55, 55, 0.7);content: "";position: absolute;top: -30px;left: 0;width: 100%;height: calc(100% + 60px);opacity: 0;z-index: 1;transform: scaleY(0);transition: all 0.3s linear;}
.team ul li dl img{max-width: 100%;transition: all 0.3s ease;}
.team ul li:hover dl img{transform: scale(1.15);}
.team ul li:hover dl dd::before{opacity: 1;transform: scaleY(1);}
.team ul li .text{left: 50%;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%);opacity: 0;width: 100%;z-index: 1;transition: all 0.3s ease;}
.team ul li .text p {color: #F8B62D;font-size: 18px;font-weight: 500;position: relative;bottom: -10px;margin-bottom: 20px;transition: all 0.3s ease;}
.team ul li .text h3{color: #fff;font-size: 28px;position: relative;top: -10px;transition: all 0.3s ease;}
.team ul li:hover .text{opacity: 1;}
.team ul li:hover .text p{bottom: 0}
.team ul li:hover .text h3{top: 0}
.team ul li:nth-child(4n){margin-right: 0}

.case{margin-top: 20px;overflow: hidden}
.case ul li{width: 100%;border: #ecf0f6 solid 2px;background: #f8f8f8;position: relative; transition: all 0.4s ease;margin-top: 20px}
.case ul li dd{position: absolute;z-index: 10;left: 0;right: auto;top: 50%;bottom: auto;width: 114px;margin-top: -30px;line-height: 60px;text-align: center;color: #b4b4b4;opacity: .5;}
.case ul li dl{width: 90%;padding: 25px 25px 25px 134px;transition: all 0.4s ease}
.case ul li dl h3{font-size: 18px;font-weight: normal;}
.case ul li dl p{color: #999;margin-top: 10px}
.case ul li:after {content: "";display: block;position: absolute;right: 0;top: 0;width: 75px;height: 100%;background: #F8B62D url(../img/nimg35.png) center no-repeat;opacity: 0;}
.case ul li:hover dd{opacity: 0}
.case ul li:hover dl{padding-left: 25px}
.case ul li:hover{box-shadow: 0 0.05rem 0.18rem rgb(41 73 162 / 7%);background: #fff;}
.case ul li:hover:after{opacity: 1}


/*=======================================联系我们============================================*/
.contact{margin-top: 40px;border-top: 2px solid #333;padding-top: 60px;overflow: hidden}
.contactl{width: 60%}
.contactl h3{font-size: 20px;margin-bottom: 30px}
.contactl p{color: #999;font-size: 16px;line-height: 34px}
.contactr{margin-top: 20px}
.contactr img{width: 120px;}

#dituContent{height: 450px;margin-top: 50px}


.location{line-height: 70px;background: #f5f5f5;}
.local{display: flex;align-items: center;color: #999;}
.local img{margin-right: 12px}
.local a{color: #999;}


/*=======================================新闻详情页============================================*/
.content{margin-top: 40px}
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:26px;font-weight: normal}
.info_laiyuan{text-align:center; color: #666;padding-top: 20px}
.info_text{padding:30px 0;margin-top:20px;line-height:2;min-height: 300px;font-size: 16px;color: #666;border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}
.info_text img{max-width:100%;}
.info_text table{width: 100%;border: 0;border-collapse: collapse;border-spacing: 0;}
.info_text table td{border: 1px solid #000;text-align: center;line-height: 40px;}