@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: 1360px;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;color: #666;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wengzhengfanye a:hover {color: #0d2355}
.wengzhengfanye .wengzhengfanyeB{}
.wengzhengfanye b{font-weight: normal;}
.wengzhengfanye a{color: #666}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink {text-align:center;margin-top: 50px}
.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:#0477a9; color:#fff; border:solid 1px #0477a9;}
.pagelink span{display:inline-block; color:#fff; background:#0477a9; border:solid 1px #0477a9;}

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

header{width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: #fff;box-shadow: 0 0 10px #ccc}
.head{display: flex;justify-content: space-between;align-items:center;}
.logo a{display: block}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{position:relative;transition: all .3s ease;text-align: center;padding:0 25px;line-height: 110px;}
.nav li a{position:relative;font-size: 18px;z-index: 2;display: block;color: #6d6c6c}
/*.nav li:after{content: '';width: 0;height:3px;background: #00baff;position: absolute;bottom: 0;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: #279ccf}


.headr{align-items: center}
/*.lang{background: url("../img/lan.png") no-repeat left;padding: 0 0 0 30px;font-size: 16px;position: relative;cursor: pointer}
.lang i{margin-left: 20px;display: inline-block}
.lang dd{position: absolute;left: 0;z-index: 9999;top: 65px;background: #fff;width: 100%;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);padding: 5px 0;display: none}
.lang dd a{display: flex;align-items: center;padding: 5px 0 5px 25px;font-size: 14px}
.lang dd a img{margin-right: 10px;width: 25px}
.lang dd a:hover{color: #279ccf}
.lang.active dd{display: block}*/


.search{margin-left: 20px}


.xlnav{display:none;z-index: 100;width: 100%;position: absolute;top: 110px;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: 40px;transition: all .3s ease 0s;}
.xlnav dd a{padding: 0 10px;display: block;color: #333!important;font-size: 16px;}
.xlnav dd:hover a{color: #fff!important;background: #279ccf!important;}
.nav li:hover .xlnav{display: block}

/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;height: 650px;display:flex;justify-content:center;align-items:center;color: #fff}
.banner li a{display:block;width:100%;height:100%}
.banner li h2{font-size: 48px;}
.banner li p{font-size: 20px;font-weight: bold;margin-top: 15px;font-family: Arial}
.banner .swiper-button-prev{width: 15px;height: 26px;margin-top: -13px; background: url("../img/prev.png");opacity: .5;left: 50%;margin-left: -750px;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: -750px;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}
/*@keyframes zoomIn3 {
    0% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.zoomIn3 {
    animation-name: zoomIn3;
}
.banner li.swiper-slide-active {
    animation: zoomIn3 7s linear both;
}*/

.title{padding-top: 65px;align-items: center}
.title h2{font-size: 32px;color: #0477a9;text-transform: uppercase;}
.title a{font-size: 16px;}

.oneA{background: url("../img/oa.png") no-repeat center;background-size: cover;padding-bottom: 60px}
.oneAa{line-height: 1.8;width: 70%;font-size: 16px;padding-top: 60px}
.oneAb{margin-top: 70px}
.oneAb ul li{text-align: center;width: 25%;background: rgb(4,119,169,0.4);color: #fff;padding: 30px 0}
.oneAb ul li h3{font-size: 18px;}
.oneAb ul li h3 b{font-family: Impact;font-weight: normal;font-size: 46px;}
.oneAb ul li p{font-size: 16px;margin-top: 10px}
.oneAb ul li:nth-child(2){background: rgb(4,119,169,0.6);}
.oneAb ul li:nth-child(3){background: rgb(4,119,169,0.8);}
.oneAb ul li:nth-child(4){background: rgb(4,119,169,1);}

.oneB{margin-top: 60px;position: relative}
.oneB ul li{position: relative;opacity: 0.25;width: 65%}
.oneB ul li a{display: flex;justify-content: center;align-items: center}
.oneB ul li dd{width: 100%;height: 480px;border-radius: 15px}
.oneB ul li dl{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;color: #fff;display: flex;justify-content: center;align-items: center;padding: 0 85px}
.oneB ul li dl h3{font-size: 40px;}
.oneB ul li dl p{font-size: 16px;padding: 25px 0 40px;line-height: 1.8}
.oneB ul li dl span{display: inline-block;width: 150px;line-height: 32px;border-radius: 30px;border: 1px solid #fff;text-align: center;font-size: 16px;transition: all 0.3s ease}
.oneB ul li:hover dl span{background: #0477a9;color: #fff;border-color: #0477a9}
.oneB ul li.swiper-slide-active{opacity: 1;}
.oneB ul li.swiper-slide-active dl{opacity: 1}
.oneB .swiper-button-prev{width: 42px;height: 42px;margin-top: -21px; background: url("../img/obl.png");left: 50%;margin-left: -680px;z-index: 999;}
.oneB .swiper-button-next {width: 42px;height: 42px;margin-top: -21px; background: url("../img/obr.png");right: 50%;margin-right: -680px;z-index: 999;}


.oneC{margin-top: 60px;overflow: hidden}
.oneC ul li{width: 249px;height: 102px;border: 1px solid #d9d9d9;float: left;margin: 10px 20px 10px 0;transition: all 0.5s ease;display: flex;justify-content: center;align-items: center}
.oneC ul li a{display: block;width: 70%;height: 90px;transition: all 0.5s ease}
.oneC ul li:hover a{transition: all 0.5s ease;transform: scale(1.1)}
.oneC ul li:hover{border-color: #0477a9;}



.oneD{overflow: hidden;margin-top: 35px;margin-bottom: 35px}
.oneDl{width: 890px;height: 422px;overflow: hidden;position: relative}
.oneDl ul li{position: relative;width: 850px;height: 422px;overflow: hidden}
.oneDl ul li dd img{width: 100%}
.oneDl ul li dl{position: absolute;bottom: 0;left: 0;padding: 20px 20px 40px;color: #fff;background: rgba(0,0,0,0.6)}
.oneDl ul li dl h3{font-size: 16px;font-weight: normal;margin-bottom: 20px}
.oneDl ul li dl p{line-height: 1.8}
.oneDl .swiper-pagination{text-align: right;width: 96%!important;bottom: 20px!important;}
.oneDl .swiper-pagination-bullet {width:8px;height:8px;margin:0 5px!important;cursor: pointer;background-color:#fff;position: relative;border-radius: 10px;opacity: 1}
.oneDl .swiper-pagination-bullet-active{background: #153072;}

.oneDr{width: 430px}
.oneDr ul li{border-bottom: 1px solid #e8e8e8;padding: 24px 0;background: url("../img/odli.png") no-repeat 0 29px;padding-left: 20px}
.oneDr ul li h3{font-size: 16px}
.oneDr ul li p{color: #666;margin-top: 15px}
.oneDr ul li:hover h3{color: #0477a9}

.oneE{}
.oneE ul li{width: 430px;}
.oneE ul li dd{width: 100%;height: 238px;overflow: hidden}
.oneE ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneE ul li dl h3{font-size: 16px;margin-top: 25px;line-height: 1.8;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.oneE ul li dl p{line-height: 1.8;color: #666;margin: 15px 0 20px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.oneE ul li dl span{color: #999;font-family: Arial}
.oneE ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.oneE ul li:hover dl h3{color: #0477a9}

footer{width:100%;background: #0477a9;margin-top: 60px;color: #fff;}
.foot{padding: 70px 0 35px;border-bottom: 1px solid rgba(255,255,255,0.3)}
.footl{width: 415px;display: flex;justify-content: space-between;}
.footl dl{text-align: center}
.footl dd img{width: 130px;height: 130px;}
.footl p{font-size: 16px;margin-top: 10px}
.footl h2{font-size: 32px;color: #f8f8f8;margin-bottom: 30px}
.footl ul li{line-height: 1.8;padding: 15px 0 0 0;display: flex;align-items: center;font-family: Impact}
.footl ul li img{margin-right: 15px;}
.footl ul li:nth-child(1){font-size: 26px;}
.footl ul li:nth-child(2){font-size: 20px;}

.footra{font-size: 16px;background: url("../img/address.png") no-repeat 0 10px;padding-left: 40px;}
.footra p{margin-top: 15px}
.link{font-size: 16px;width: 120px;background: url("../img/link.png") no-repeat 0 7px;padding-left: 45px;}
.link a{color: #fff;margin-top: 10px;display: block}

.copy{text-align: center;font-size: 16px;line-height: 68px}


/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 624px;display:flex;justify-content:center;align-items:center;position: relative;}
.ny_ban dl{color: #fff;font-size: 32px;text-align: center}
.ny_ban dl h2{text-transform: uppercase}

.ny_nav{height:74px;line-height: 74px;width: 100%;position: absolute;bottom: 0;left: 0;background: rgba(4,119,169,0.5);}
.ny_nav ul{display: flex;justify-content: flex-start}
.ny_nav ul li{width: 16.6%;float: left;font-size: 18px;text-align: center;border-right:2px solid rgba(255,255,255,0.6);}
.ny_nav ul li a{color: #fff}
.ny_nav ul li:hover,.ny_nav ul li.active{background: #be2d30}


.pro_text{font-size: 18px;line-height: 2;margin-top: 60px;}
.pro_text b,.pro_text strong{color: #0477a9}

.productA{overflow: hidden;margin-top: 60px;}
.productAl{width: 200px}
.productAl h2{font-size: 26px;}
.productAl ul{margin-top: 50px}
.productAl ul li{line-height: 85px;font-size: 20px;border-left: 3px solid #cbc8c8;margin-bottom: 4px;text-align: center;background: url("../img/projt.png") no-repeat right}
.productAl ul li:hover,.productAl ul li.active{font-weight: bold;border-color: #0477a9;background: url("../img/projth.png") no-repeat right}
.productAl ul li:hover a,.productAl ul li.active a{color: #0477a9}

.productAr{width: 1110px;}
.productAr ul{display: none}
.productAr ul:first-child{display: block}
.productAr ul li{width: 32%;height: 355px;/*border: 2px solid #0073aa;*/float: left;margin-right: 2%;margin-bottom: 25px;background: url("../img/proli.png") no-repeat center;background-size: 100% 100%}
.productAr ul li dl{line-height: 40px;/*background: url("../img/probj.png") #0477a9 no-repeat 15px;*/font-size: 12px;color: #fff;text-align: right;padding-right: 15px}
.productAr ul li dd{height: 310px;text-align: center;position: relative;overflow: hidden;width: 90%;margin: 0 auto}
.productAr ul li dd img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s ease}
.productAr ul li:nth-child(3n){margin-right: 0}
.productAr ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}


.productB{background: #e5f1f6;margin-top: 60px;overflow: hidden;padding-bottom: 80px;}
.productB ul li{width: 31%;margin-top: 50px;float: left;margin-right: 3.5%}
.productB ul li dd{overflow: hidden;height: 278px;}
.productB ul li dd img{max-width: 100%;transition: all 0.5s ease}
.productB ul li:nth-child(3n){margin-right: 0}
.productB ul li h3{background: #fff;font-size: 18px;line-height: 53px;text-align: center;font-weight: normal}
.productB ul li:hover h3{background: #0073aa;color: #fff}
.productB ul li:hover dd img{transform: scale(1.1);}

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

.aboutA{margin-top: 40px;line-height: 2;font-size: 18px;}
.aboutA img{max-width: 100%}

/*========================================= 企业文化 =====================================*/
.whA ul li{position: relative;display: flex;justify-content: flex-end;align-items: center;margin-top: 70px}
.whA ul li dd{border-radius: 15px;padding: 50px 50px 50px 0;background: url("../img/dou1.png") #fff no-repeat left 0;position: absolute;left: 0}
.whA ul li dd h3{font-size: 32px;color: #0477a9;margin-bottom: 10px}
.whA ul li dd p{font-size: 24px;line-height: 2}
.whA ul li:nth-child(2n){justify-content: flex-start}
.whA ul li:nth-child(2n) dd{right: 0;left: auto;padding: 50px 25px}
.whA ul li:nth-child(2n) dd{background: url("../img/dou2.png") #fff no-repeat right 0;}

.whB{margin-top: 60px}
.whB ul{display: flex;justify-content: space-between}
.whB ul li{width: 7%;height: 570px;position: relative;color: #fff;border-radius: 15px;transition: all 0.5s ease}
.whB ul li h2{font-size: 18px;font-weight: normal;text-align: center;padding-top: 55px}
.whB ul li dl{opacity: 0;max-width: 500px;transition: all 0.5s ease;position: absolute;bottom: 100px;left: 100px}
.whB ul li dl h3{font-size: 32px;margin-bottom: 25px}
.whB ul li dl dd{font-size: 18px;line-height: 2}
.whB ul li.active{width: 77%}
.whB ul li.active dl{opacity: 1}
.whB ul li.active h2{opacity: 0}


/*========================================= 发展历程 =====================================*/
.history{background: url("../img/time.png") no-repeat top center;overflow: hidden}
.history ul{position: relative;padding-top: 20px;margin-top: 46px}
.history ul:before{content: '';width: 3px;height: 100%;position: absolute;top: 0;left: 50%;background: #0479ae}
.history ul li{display: flex;justify-content: flex-end;height: 155px}
.history ul li div{display: flex;justify-content: space-between;align-items: center;width: 680px;padding:0 55px;position: relative}
.history ul li h2{font-size: 36px;font-family: Impact;color: #0479ae}
.history ul li h3{font-size: 18px;color: #0479ae;padding: 10px 0}
.history ul li p{font-size: 18px;}
.history ul li dd{font-size: 20px;font-weight: bold;color: #0479ae;display: flex;align-items: center}
.history ul li dd i{display: inline-block;padding: 0 15px}
.history ul li:nth-child(2n){justify-content: flex-start;}
.history ul li div:before{content: '';width: 42px;height: 14px;position: absolute;top: 45px;left: -4px;background: url("../img/lc1.png") no-repeat center}
.history ul li:nth-child(2n) div dl{text-align: right}
.history ul li:nth-child(2n) div:before{background: url("../img/lcr.png") no-repeat center;left: 647px}


/*========================================= 企业荣誉 =====================================*/
.honorA{overflow: hidden;margin-top: 60px;}
.honorA ul li{width: 49%;float: left;margin-right: 2%;margin-top: 25px;overflow: hidden}
.honorA ul li dd{overflow: hidden;width: 100%;height: 424px;position: relative;}
.honorA ul li dd img{max-width: 100%;height: 424px;/*max-height: 100%;*/position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s ease}
.honorA ul li p{text-align: center;font-size: 18px;margin-top: 20px}
.honorA ul li:hover dd img{transform: scale(1.1);transition: all 0.5s}
.honorA ul li:nth-child(2n){margin-right: 0}

.honorB{overflow: hidden;margin-top: 60px;}
.honorB ul li{width: 23.5%;float: left;margin-top: 25px;overflow: hidden;margin-right: 2%}
.honorB ul li dd{width: 100%;height: 451px;position: relative;overflow: hidden;}
.honorB ul li dd img{max-width: 100%;/*max-height:100%;*/position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s ease;}
.honorB ul li:nth-child(4n){margin-right: 0}
.honorB ul li p{text-align: center;font-size: 18px;margin-top: 20px;}
.honorB ul li:hover dd img{transform: scale(1.1);transition: all 0.5s}

#dituContent{height: 500px;margin-top: 60px}

/*========================================= 新闻中心 =====================================*/
.newsbg{background: #F6F6F6;overflow: hidden;padding: 50px 0}
.newsForm{overflow: hidden;align-items: center}
.newsForm form{width: 320px;background: #fff;height:55px;float: right;padding: 0 20px;display: flex;justify-content: space-between;align-items: center}
.newsForm form input{width: 85%}
.newsForm form button img{width: 15px;}

.newsA{margin-top: 40px;overflow: hidden}
.newsA ul{}
.newsA ul li{width: 31.5%;margin-right: 2.7%;float: left}
.newsA ul li dd{width: 100%;height: 238px;overflow: hidden}
.newsA ul li dd img{max-width: 100%;transition: all 0.5s ease;}
.newsA ul li dl{padding: 0 15px}
.newsA ul li dl h3{font-size: 16px;line-height: 1.8;margin-top: 20px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsA ul li dl p{line-height: 1.8;color: #666;margin: 15px 0 20px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsA ul li dl span{color: #999;font-family: Arial;font-size: 12px}
.newsA ul li:nth-child(3n){margin-right: 0}
.newsA ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.newsA ul li:hover dl h3{color: #0479ae}


.newsB{margin-top: 30px;overflow: hidden}
.newsB ul li{width: 49%;background: #f4f4f4;overflow: hidden;float: left;margin-top: 25px}
.newsB ul li dd{width: 250px;height: 165px;float: left;overflow: hidden}
.newsB ul li dd img{max-width: 100%;transition: all 0.5s ease;}
.newsB ul li dl{width: 62%;float: right;padding: 25px 20px}
.newsB ul li dl p{color: #999}
.newsB ul li dl h3{font-size: 16px;line-height: 1.6;padding: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsB ul li:nth-child(2n){float: right}
.newsB ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.newsB ul li:hover dl h3{color: #0479ae}


/*========================================= 公益事业 =====================================*/
.gysy{background: #f5f5f5;overflow: hidden;margin-top: 50px;padding-bottom: 50px}
.gysyA{overflow: hidden;}
.gysyA ul li{width: 48.5%;float: left;margin-top: 30px}
.gysyA ul li dd{width: 100%;height: 520px;overflow: hidden}
.gysyA ul li dd img{max-width: 100%;transition: all 0.5s ease}
.gysyA ul li p{line-height: 1.8;margin-top: 20px;overflow: hidden;color: #666;font-size: 18px;text-align: center}
.gysyA ul li:nth-child(2n){float: right}
.gysyA ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.gysyA ul li:hover h3{color: #0479ae}


/*========================================= 加入我们 =====================================*/
.rcln{overflow: hidden;margin-top: 50px}
.rcln .hd{}
.rcln .hd ul li{width: 50%;line-height: 75px;background: #f5f5f5;float: left;text-align: center;font-size: 18px;font-weight: bold;position: relative}
.rcln .hd ul li:before{content: '';width: 22px;height: 11px;background: url("../img/rcln.png") no-repeat center;background-size: cover;
    position: absolute;bottom: 0;left: 50%;margin-left: -11px;opacity: 0}
.rcln .hd ul li:hover,.rcln .hd ul li.on{background: #153072;color: #fff;cursor: pointer}
.rcln .hd ul li:hover:before,.rcln .hd ul li.on:before{opacity: 1}
.rcln .bd{}
.rcln .bd ul li img{width: 100%}

.zpxx{margin-top: 10px;}
.zpxx ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.zpxx ul li{width: 48.5%;padding: 30px;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);float: left;transition: all 0.5s ease;margin-top: 40px}
.zpxx ul li h2{font-size: 20px;font-weight: normal;margin-bottom: 20px}
.zpxx ul li .text{}
.zpxx ul li h3{font-size: 16px;margin: 15px 0;font-weight: normal}
.zpxx ul li p{line-height: 1.8;color: #999}
/*.zpxx ul li .btn a{color: #fff;font-size: 16px;display: inline-block;background: #153072;line-height: 35px;width: 120px;
text-align: center;border-radius: 5px;margin-top: 25px;}*/
.zpxx ul li .btn a{position: relative;display: inline-block;padding-left: 50px;font-size: 16px;line-height: 24px;margin-top: 25px;color: #153072;transition: .5s ease-in-out;}
.zpxx ul li .btn a:before{content: '';width: 39px;height: 24px;border-radius: 3px;background: url("../img/zpxx.png") no-repeat center #153072;background-size: cover;
    position: absolute;top: 0;left: 0}
.zpxx ul li:nth-child(2n){float: right}
.zpxx ul li:hover{transform: translateY(-5px);transition: all 0.5s ease;}
.zpxx ul li:hover .btn{transition: all .5s ease;transform: translateX(8px);}
.zpxx ul li:hover h2{color: #153072}


/*=======================================联系我们============================================*/
.contact{margin-top: 50px;}
.contact ul{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #cfcfcf;padding-top: 20px}
.contact ul li{width: 50%;display: flex;justify-content: space-between;align-items: center;padding: 25px 40px;color: #666}
.contact ul li dd{width: 45px;height: 45px;background: #153072;border-radius: 100%;position: relative}
.contact ul li dd img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.contact ul li dl{width: 88%}
.contact ul li dl h3{font-size: 14px;}
.contact ul li dl p{font-size: 16px;margin-top: 8px;font-weight: bold;line-height: 1.5}
.contact ul li:nth-child(2n){border-left: 1px solid #e2e2e2;}

/*=======================================产品中心============================================*/
.prodcut{}
.product ul li{height: 752px;display: flex;justify-content: space-between;align-items: center}
.product ul li dl{font-size: 18px;color: #fff;width: 785px;margin: 40px 0;line-height: 2}
.product ul li a{display: inline-block;line-height: 31px;width: 158px;color: #fff;text-align: center;border: 1px solid #fff;border-radius: 15px;font-size: 16px;transition: all 0.3s ease}
.product ul li .title{padding-top: 0}
.product ul li a:hover{background: #0477a9;border-color: #0477a9}


/*=======================================生产实力============================================*/
.scslA{padding-top: 60px}
.scslAl{width: 60%}
.scslAl .title{padding-top: 0}
.scslAl .text{line-height: 2;font-size: 18px;margin-top: 30px}
.scslAr{width: 394px;}
.scslAr img{max-width: 100%}
.scslAr p{color: #0477a9}


.scsl{overflow: hidden;margin-top: 25px;}
.scsl ul li{width: 31.5%;margin-right: 2.7%;float: left;margin-top: 35px}
.scsl ul li dd{width: 100%;height:240px;overflow: hidden}
.scsl ul li dd img{max-width: 100%;transition: all 0.5s ease}
.scsl ul li p{padding: 15px 20px;font-size: 18px;text-align: center}
.scsl ul li:nth-child(3n){margin-right: 0}
.scsl ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.scsl ul li:hover p{background: #0477a9;color: #fff}


.cyqy{}
.cyqy ul li{height: 450px;margin-top: 50px;padding: 80px 60px;}
.cyqy ul li dl{width: 500px;background: #fff;padding: 30px;}
.cyqy ul li dl h3{font-size: 24px;font-weight: normal}
.cyqy ul li dl dd{height: 185px;overflow-y: scroll;margin-top: 20px;line-height: 1.8;padding-right: 10px;font-size: 16px}
.cyqy ul li dl dd::-webkit-scrollbar {width: 4px;}
.cyqy ul li dl dd::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px #153072;background: #153072;}
.cyqy ul li dl dd::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: rgba(0, 0, 0, 0.1);}


/*=======================================新闻详情页============================================*/
.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:30px;line-height:2;min-height: 300px;font-size: 16px;color: #666;border-top: 1px dashed #d9d9d9;border-bottom: 1px dashed #d9d9d9;}
.info_text img{max-width: 800px}
.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;}


.showA{overflow: hidden;background: #f0f2f3;padding: 110px 0}
.showA>.container{align-items: center}
.showAl{width: 700px;}
.showAla{display: flex;align-items: center}
.showAla h3{font-size: 50px;color: #2aa6dc}
.showAla dt{background: url("../img/show1.png") no-repeat center;font-size: 18px;color: #fff;width: 138px;height: 58px;text-align: center}
.showAla dt label b{font-size: 30px;line-height: 1.2}
.showAla dt p{font-size: 14px;}

.showAr{width: 500px;text-align: right}
.showAr img{max-width: 100%}

.showAb{font-size: 18px;line-height: 2;margin-top: 35px;}
.showAb p{font-size: 16px;}
.showAb ul{margin-top: 20px;}
.showAb ul li{width: 201px;line-height: 36px;border: 1px solid #2aa6dc;text-align: center;float: left;margin-right: 12px;margin-bottom:4px}
.showAb ul li a{color: #12a2e3;display: block}
.showAb ul li:hover a,.showAb ul li.active a{color: #fff}
.showAb ul li:hover,.showAb ul li.active{background: #12a2e3}

.showB{border-bottom: 1px solid #dcdcdc;overflow: hidden;width: 100%;z-index: 999}
.showB ul li{float: left;margin-right: 50px}
.showB ul a{display: flex;align-items: center;padding: 0 10px;line-height: 90px;font-size: 18px;border-bottom: 3px solid #fff;float: left}
.showB ul a img{margin-right: 10px;}
.showB ul a:hover,.showB ul li.active a{border-bottom: 3px solid #0477a9}
.showB ul a:hover,.showB ul li.active a{color: #0477a9}
.showB ul .ljzx{background: url("../img/ljzx.png") no-repeat 10px;padding-left: 45px;}
.showB ul .ljzx:hover{background: url("../img/ljzxh.png") no-repeat 10px;}


.show_conn{padding-top: 50px;font-size: 16px;line-height: 2;}
.show_conn img{max-width: 100%}
.show_conn video{width: 100%;margin-bottom: 40px;}


.float{width: 380px;height: 165px;position: fixed;top: 40%;right: -350px;display: flex;justify-content: space-between;transition:0.5s;z-index: 9999}
.float .floatl{width: 30px;height: 100%;background: #0477a9;color: #fff;font-size: 18px;text-align: center;line-height: 42px;}
.float .floatr{background: #ffffff;border: 5px solid #b3b3b3;box-sizing: border-box;width: 350px;}
.float .floatr{padding: 10px}
.float .floatr .floatra{padding: 5px 0}
.float .floatr .floatra p{line-height: 2}
.float .floatr a{display: inline-block;width: 100px;line-height: 30px;background: #0477a9;border-radius: 30px;text-align: center;font-size: 12px;margin-top: 5px;color: #fff}
.float .floatrb{text-align: center}
.float .floatrb img{width: 90px;}
.float .floatrb i{font-size: 12px;font-style: normal;text-align: right;display: block;margin-right: 8px;cursor: pointer}
.float .floatrb i:hover{color: #0477a9}

.sszx{overflow: hidden;margin-top: 60px;}
.sszx ul li{width: 32%;border: 2px solid #0073aa;float: left;margin-right: 2%;margin-bottom: 25px}
.sszx ul li dl{width: 195px;line-height: 42px;height: 42px;background: url("../img/probj.png") #0477a9 no-repeat 15px;font-size: 12px;color: #fff;padding-left: 50px;border-bottom-right-radius: 30px}
.sszx ul li dd{height: 295px;text-align: center;position: relative;overflow: hidden}
.sszx ul li dd img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s ease}
.sszx ul li:nth-child(3n){margin-right: 0}
.sszx ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}


/*=======================================媒体查询============================================*/
@media screen and (min-width: 1920px) {
    .title h2{font-size: 40px}
    .oneB ul li{width: 46%}
}
@media screen and (min-width: 1680px) {
    .title h2{font-size: 36px}
}