@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#333; text-decoration:none}



h2,h3,h4,b,strong { font-weight: normal; }

em,i { font-style: normal; }



.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}



.header{position: fixed;width: 100%;z-index: 100;  top: 0;left: 0;background: #fff; height: 80px;box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.headerbox{width: 1440px; margin: 0 auto; max-width: 94%;}

.logo{width: 164px; padding-top: 14px;float: left;}

.logo img{width: 100%;}

.nav{float: right;}

.nav li{float: left; padding:0 34px;position: relative;}

.nav li h3 a{font-size: 14px; color: #333; font-weight: bold;transition: All 0.4s ease-in-out;line-height: 80px; }



.nav h3 a:hover{color: #326FB2; }

.sub{position: absolute; width: 100%;top: 80px;left: 0; background: rgba(255,255,255,.8);z-index: 10;display: none;}

.sub a{display: block;text-align: center; font-size: 12px; color: #333 !important;line-height: 45px;border-bottom: 1px solid #fff;transition: All 0.4s ease-in-out;}

.sub a:hover{background: #326FB2; color: #fff !important;}

.fgt{height: 80px;}

.banner{overflow: hidden;position: relative;}

.banner img{width: 100%;}

.banner img.bg{transform: scale(1.2); transition: 4s; width: 100%; height: auto; display: block;}

.banner .swiper-slide.swiper-slide-active img.bg{ transform: scale(1);}

.banner .swiper-slide{ width: 100%; height: auto; overflow: hidden;}

.banner .swiper-pagination-bullet{width: 30px;height: 5px; opacity: 1;background: #fff;border-radius: 0;}

.banner .swiper-pagination-bullet-active{background: #52ab9c;}

.banner_text{position: absolute; width: 1440px; z-index: 10;left:50%; top:50%; transform:translate(-50%,-50%);max-width: 94%;}

.banner_text h2{width: 481px; max-width: 100%;font-size: 45px; font-weight: bold; line-height: 60px; color: #326fb2;}

.banner_text p{display: inline-block; line-height: 46px; padding: 0 25px; color: #fff;background: #326fb2;font-weight: bold; margin-top: 30px;}



.news{background: url(../images/bj1.png) no-repeat center center;background-size: cover;padding: 180px 0 175px;}

.newsbox{width: 1440px; margin: 0 auto;max-width: 94%;}

.news_title{padding-bottom: 55px;}

.news_title a{display: block; width: 200px; line-height: 50px; background: #326fb2;text-align: center;position: relative;}

.news_title a:before{position: absolute; content: "";height: 100%; top: 0; left: 0;width: 0;background: #50ab9a;transition: All 0.4s ease-in-out;}

.news_title a:hover:before{width: 100%;}

.news_title a b{font-size: 14px; color: #fff; display: block; position: relative;z-index: 10;}

.news_title a b img{display: inline-block; width: 20px;height: 20px; margin: -3px 0 0 23px;vertical-align: middle;}

.news_title h2{font-size: 32px; color: #fff;line-height: 50px;}

.news_title h2 span{opacity: 0.6;padding-left: 14px;}

.news_nr{overflow: hidden;}

.news_left{float: left; width: 627px;border: 4px solid #326fb2;background: #326fb2;}

.news_left img{width: 100%;}

.img1 {transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.img1:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }

.news_left span{display: block; overflow: hidden;}

.news_text{padding: 45px 35px 60px 35px;}

.news_text h2{color: #fff;font-size: 18px; margin-bottom: 25px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.news_text p{font-size: 14px;color: rgba(255,255,255,0.60);line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news_right{float: right;width: calc(100% - 700px);}

.news_right li{border-bottom: 1px dashed #5fb2ca;}

.news_right a{display: block; overflow: hidden; border: 1px solid transparent;transition: All 0.4s ease-in-out; padding: 42px 0 35px;}

.xw_right{float: right;width: 50px;}

.xw_right h2{color: #fff; font-size: 18px; margin-bottom: 10px;}

.xw_right p{height: 27px;border-left: 1px solid rgba(255,255,255,.6);background: url(../images/a2.png) no-repeat right center;background-size: 20px 18px;}

.xwleft{float: left; width: calc(100% - 185px);}

.xwleft h2{color: #fff;font-size: 18px; margin-bottom: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.xwleft p{font-size: 14px;color: #e0e0e0;line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news_right a:hover {border: 1px solid rgba(255,255,255,.6); padding: 42px 35px 35px 35px;background: rgba(255,255,255,0.10);backdrop-filter: blur(25px);}

.news_right a:hover .xwleft{width: calc(100% - 100px);}

.news_right a:hover .xwleft h2 {font-weight: bold;}

.business{background: url(../images/bj2.png) no-repeat center center;background-size: cover;}

.business_box{width: 1440px; margin: 0 auto; max-width: 94%; padding-bottom: 195px;}

.business_title{padding: 160px 0 45px;}

.business_title h2{font-size: 32px; color: #fff;line-height: 50px;}

.business_title h2 span{opacity: 0.6;padding-left: 14px;}

.business_nr{width: 1060px; max-width: 100%;}

.business_nr p{font-size: 16px; color: #fff; line-height: 2;text-align:justify; word-break: break-all;}

.business_lb ul{ margin-left: -30px;overflow: hidden;}

.business_lb li{float: left; width: 25%; padding-left: 30px;}

.bus_box {position: relative;height: 480px;}

.usxq{ width: 100%;padding: 40px;background: rgba(255,255,255,0.10);border: 1px solid rgba(255,255,255,0.30);position: absolute;left: 0; bottom: 0;}

.bus_title{position: relative;}

.bus_title h2{color: #fff; font-size: 20px;font-weight: bold; margin-bottom: 18px;}

.bus_title p{font-size: 16px;color: rgba(255,255,255,0.60);}

.bus_title span{position: absolute;right: 0; top: -18px;width: 68px;border-radius: 50%; border: 1px dashed transparent;padding: 9px;}

.bus_title span img{width: 100%;}

.bus_nr p{color: #fff;color: #FFFFFF;font-size: 14px; line-height: 2;}

.bus_nr{height:0;overflow: hidden;transition: All 0.4s ease-in-out;}

.bus_nr h3{margin-top: 65px;font-size: 14px; }

.bus_nr h3 a{color: #fff;font-weight: bold;transition: All 0.4s ease-in-out;}

.bus_nr h3 a img{float: right;width: 25px; margin-top: -5px;}

.usxq:hover .bus_nr{height: 200px; padding-top: 40px;}

.usxq:hover span{border: 1px dashed rgba(255,255,255,.3);}

.bus_nr h3 a:hover{color: #50ab9b;}



.project{background: #326fb2;}

.project_box{overflow: hidden;}

.project_left{width: 480px;float: left;padding: 180px 0 0 80px;}

.project_title{padding-bottom: 70px;}

.project_title h2{color: #fff;font-size: 32px; margin-bottom: 40px;}

.project_title p{font-size: 24px;color: rgba(255,255,255,0.60);}

.project_nr p{color: #fff;font-size: 20px;line-height: 1.6;}

.project_nr a{display: block; text-align: center; width: 200px; line-height: 48px;border: 1px solid #fff; color: #fff; font-size: 14px;transition: All 0.4s ease-in-out;margin-top: 100px;}

.project_nr a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 23px;}

.project_nr a:hover{background: #50ab9a;border: 1px solid #50ab9a; }

.project_right{float: right;width: calc(100% - 480px);overflow: hidden;}

.pro_left{float: left; width: 50%; overflow: hidden;}
.pro_left:hover .pro_text1 {bottom: 0;}

.pro_left a{display: block;position: relative;}

.pro_left img{width: 100%;}

.pro_text{position: absolute; left: 0;width: 100%;background: rgba(0,0,0,0.50); padding: 40px 55px 70px 55px;bottom: -170px;transition: All 0.4s ease-in-out;}

.pro_text h2{color: #fff; font-size: 16px;font-weight: bold; margin-bottom: 40px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.pro_text p{font-size: 14px; line-height: 30px; color: #fff;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.pro_text span{width: 20px;}

.pro_text span img{width: 100%;}

.pro_left a:hover .pro_text{bottom: 0;}



.pro_right{float: right;width: 50%;}

.probox{position: relative;}

.probox img{width: 100%;}

.pro_text1{position: absolute; padding: 0 55px 20px 55px;background: rgba(0,0,0,0.50); width: 100%; left: 0; bottom: -110px;transition: All 0.4s ease-in-out;}

.pro_text1 h2{color: #fff; font-size: 16px;line-height: 60px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.pro_text1 h2 span{width: 20px;padding-top: 20px;}

.pro_text1 p{font-size: 14px; line-height: 30px; color: #fff; height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.probox a:hover .pro_text1{bottom: 0;}



.footer{ border-top:1px solid rgba(0, 0, 0, 0.08)}

.footerbox{width: 1440px; margin: 0 auto;max-width: 94%;overflow: hidden; padding: 40px 0 30px;}

.foot_right{float: right;width: 120px;overflow: hidden;}

.foot_right span{float: right;width: 92px;}

.foot_right img{width: 100%;}

.foot_right p{width: 20px;float: left;}

.foot_left{float: left; width: calc(100% - 120px);}

.foot_left ul{overflow: hidden;}

.foot_left li{width: 33.33%;float: left;}

.foot_left h2{font-weight: bold; font-size: 14px;color: #333333;margin-bottom: 24px;}

.foot_left dl{overflow: hidden; margin-left: -10px;}

.foot_left dt{float: left; padding-left: 10px;}

.foot_left dt img{width: 45px;}

.foot_left p{clear: #666666;line-height: 2;}

.btn1{width: 160px; line-height: 40px;text-align: center; color: #fff;background: #326fb2;transition: All 0.4s ease-in-out;display: block;}

.btn1:hover{background: #50ab9a;}

.bqxx{background: #eeeeee;}

.bqxx p{width: 1440px; margin: 0 auto; max-width: 94%;line-height: 50px;color: #999;}



/*introduction*/

.banner1{position: relative;}

.banner1 img{width: 100%;}

.intr{width: 100%; position: absolute;left: 0; bottom: 0;background: rgba(0,0,0,0.10);backdrop-filter: blur(25px);}

.intrbox{width: 1440px; margin: 0 auto; overflow: hidden; max-width: 94%; }

.intrbox h2{float: left;font-weight: bold; font-size: 20px; color: #fff;line-height: 80px; padding-right: 20px;}

.intrbox ul{float: left; overflow: hidden;}

.intrbox li{float: left;line-height: 80px; padding-left: 60px;}

.intrbox a{display: block; position: relative; color: #fff;font-size: 14px;}

.intrbox a:before{border-bottom: 1px solid #a6a8a3;bottom: 25px; left: 50%;transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out;position: absolute; content: "";}

.intrbox li.cur a:before{width: 100%;}

.intrbox a:hover:before{width: 100%;}



.fzlc{width: 1440px; margin: 0 auto;max-width: 94%;}

.fzlc_title{padding: 85px 0 60px;}

.fzlc_title h2{font-size: 32px;color: #333333;margin-bottom: 20px;}

.fzlc_title p{position: relative; font-weight: bold; font-size: 48px;color: #333333;padding-bottom: 58px;}

.fzlc_title p:before{position: absolute;content: "";border-bottom: 3px solid #326fb2;width: 65px;bottom: 0;left: 0;}

.fzlc_nr{padding-bottom: 80px;}

.fzlc_nr p{font-size: 16px; line-height: 2;color: #333;padding-bottom: 20px;text-align:justify; word-break: break-all;}

.fzlc_nr ul{padding-top: 45px;display: flex;justify-content : space-between;}

.fzlc_nr li{position: relative; padding: 10px 0;}

.fzlc_nr li:before{position: absolute;content: "";border-right:1px solid #e6e6e6;height: 100%; top: 0;right: -8vw;}

.fzlc_nr h2{font-size: 14px;color: #326FB2;}

.fzlc_nr h2  span{font-weight: bold; font-size: 48px;}

.fzlc_nr h3{font-size: 14px; color: #666;margin-top: 20px;}



.pzsh{background: url(../images/a5.jpg) no-repeat center center;background-size: cover;}

.pzsh_box{width: 1440px; margin: 0 auto;max-width: 94%;padding: 130px 0 195px;}

.pzsh_box h2{font-weight: bold;font-size: 30px; line-height: 54px;color: #326FB2;}



.qywh{width: 1440px; margin: 0 auto;max-width: 94%;padding-bottom: 100px;}

.wyqh_title{padding: 80px 0 60px;}

.wyqh_title h2{font-size: 32px;color: #333333;margin-bottom: 20px;}

.wyqh_title p{position: relative; font-weight: bold; font-size: 48px;color: #333333;padding-bottom: 58px;}

.wyqh_title p:before{position: absolute;content: "";border-bottom: 3px solid #326fb2;width: 65px;bottom: 0;left: 0;}

.qywh_nr{border-left: 1px solid #e0e0e0;}

.qywh_nr ul{overflow: hidden;}

.qywh_nr li{float: left; width: 20%;text-align: center; border-right: 1px solid #e0e0e0; padding:20px 20px;}
.qywh_nr li:first-child p{text-align: center;}
.qywh_nr li:nth-child(3) p{text-align: center;}
.qywh_nr h2{font-weight: bold; color: #333; font-size: 16px; padding: 25px 0 40px; position: relative;}

.qywh_nr h2:before{position: absolute;content: "";border-bottom: 3px solid #326fb2;width: 20px;left: 50%; margin-left: -10px;bottom: 20px;}

.qywh_nr p{font-size: 12px; line-height: 1.6; color: #666666;text-align: left;}

.qywh_nr img{margin: 0 auto;width: 105px;transition: all 0.9s;}

.qywhbox:hover img{transform: rotateY(360deg);}



.fzgj{background: url(../images/a6.jpg) no-repeat center center;background-size: cover;}

.fzgjbox{width: 1630px; margin: 0 auto;max-width: 94%;padding-bottom: 120px;}

.fzgj_title{padding: 140px 95px 70px 95px;}

.fzgj_title h2{font-size: 32px;color: #fff;margin-bottom: 20px;}

.fzgj_title p{font-weight: bold; font-size: 48px;color: #fff;}



.fzgj_nr{overflow: hidden; padding: 0 95px;position: relative;}

.fzgj_right{width: 504px;float: right;}

.fzgj_right img{width: 100%;}

.fzgj_left{float: left;width: calc(100% - 710px); padding-left: 70px;border-left: 3px solid #fff;}

.fzgj_left h2{font-weight: bold; color: #fff;font-size: 36px;}

.fzgj_left h3{font-size: 18px;color: #fff; padding: 20px 0 40px;}

.fzgj_left p{color: #fff; font-size: 14px; line-height: 28px;text-align:justify; word-break: break-all;}

.fzgj_nr .swiper-button-next{background: url(../images/a9.png); width: 48px;height: 48px; background-size: 100%;}

.fzgj_nr .swiper-button-prev{background: url(../images/a8.png); width: 48px;height: 48px; background-size: 100%;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 0;}

.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;}

.fgt1{border-bottom: 1px solid #7fb4db;width: 100%;margin: 60px 0 25px;}

.fzgj_nr .swiper-slide h4{cursor: pointer; color: #fff; font-size: 16px; font-weight: bold;}

.fzgj_nr .swiper-slide-thumb-active h4{ color: #eb5757;}



.qyry{width: 1560px; margin: 0 auto;max-width: 94%;}

.qyry_title{padding: 80px 60px 70px 60px;}

.qyry_title h2{font-size: 32px;color: #333;margin-bottom: 20px;}

.qyry_title p{font-weight: bold; font-size: 48px;color: #333;}

.qyry_nr{padding: 0 60px;position: relative;}

.zsbox li{padding-bottom: 40px;}

.zsbox a{display: block; border: 1px solid #bdbdbd; }

.zsbox span{display: block; padding: 20px 24px;}

.zsbox img{width: 100%;}

.zsbox p{font-size: 12px;color: #333333;text-align: center; line-height: 55px;border-top: 1px solid #bdbdbd;transition: All 0.4s ease-in-out;}

.zsbox a:hover p{color: #fff;background: #326fb2;}

.qyry_nr .swiper-button-next{background: url(../images/a11.png); width: 40px;height: 40px; margin-top:-20px;right: 0;}

.qyry_nr .swiper-button-prev{background: url(../images/a10.png); width: 40px;height: 40px; margin-top:-20px;left: 0;}



@media(max-width:1440px){

.project_left{padding-top:60px ;}

.fzgj_left{width: calc(100% - 550px);}

}

@media(max-width:1360px){

.nav li{padding-left: 50px;}

.xwleft{width: calc(100% - 85px);}

.fzgj_left{padding-left: 35px;}

.zsbox span{padding: 20px 30px;}

}

@media(max-width:1200px){

.nav li{padding-left: 30px;}

.news_left{width: 100%; float: none;}

.news_right{width: 100%; float: none;}



.project_left{float: none; width: 100%; padding: 50px 3%;position: relative;}

.project_nr a{position: absolute; right: 3%; top: 0px;}

.project_title h2{margin-bottom: 20px;}

.project_title{padding-bottom: 40px;}

.project_right{float: none; width: 100%;}

.fzgj_right{float: none; width: 100%;}

.fzgj_left{float: none; width: 100%; padding-top: 40px;}

.zsbox span{padding: 15px 20px;}

}

@media(max-width:1000px){

.header{height: 60px;}

.fgt{height: 60px;}

.logo{width: 120px;}

.dhbtn{width: 30px;height: 30px; right: 3%; top: 15px;border-radius: 4px;background: url(../images/d1.png) no-repeat center center #50aa99;background-size: 20px 20px;position: absolute;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center center #50aa99;background-size: 20px 20px;}

.dhbj{width: 100%; height: 100%; position: fixed;z-index: 15;background: rgba(0,0,0,.7);top: 0;left: 0;display: none;}

.nav{position: fixed;width: 200px; z-index: 100;top: 60px;left: -200px;background: #fff;height: calc(100% - 60px); overflow: auto;}

.nav ul{margin-left: 0;}

.nav li{float: none; padding: 0 15px; border-bottom: 1px solid #eee;}

.nav h3 a{line-height: 50px !important;}

.banner_text h2{font-size: 20px;line-height: 1.5;}

.banner_text p{padding: 10px; line-height: 1.4; margin-top: 15px;zoom: 0.8;}

.sub{position: static;}

.sub a{text-align: left; line-height: 35px; padding-left: 15px;font-size: 12px;}



.news{padding: 50px 0;}

.news_title h2{font-size: 22px;}

.news_title a{width: 110px;}

.news_title a b img{margin-left: 10px;}

.news_title{padding-bottom: 30px;}

.news_text{padding: 20px;}

.business_title{padding: 50px 0 30px;}

.business_title h2{font-size: 22px;}

.business_lb li{float: none; width: 100%; padding-bottom: 10px;}

.bus_box{height: auto;}

.usxq{position: static;}

.business_box{padding-bottom: 50px;}

.project_title h2{font-size: 24px;}

.project_title p{font-size: 12px;}

.project_title{padding-bottom: 20px;}

.project_nr p{font-size: 16px;}

.project_nr a{margin-top: 50px;width: 120px;line-height: 40px;}

.project_nr a img{margin-left: 10px;}

.pro_left{width: 100%;}

.pro_text{padding: 20px;bottom: -130px;}

.pro_right{float: none; width: 100%;}

.pro_text1{padding-left: 20px; padding-right: 20px;}

.foot_left{display: none;}

.foot_right{float: none; margin: 0 auto;}

.intrbox li.cur a:before{bottom: 0;}

.bqxx p{padding: 15px 0; line-height: 1.6;text-align: center;}



.intrbox ul{margin-left: -10px;}

.intrbox li{padding-left: 10px;font-size: 12px;line-height: 40px;}

.intrbox h2{font-size: 16px;line-height: 40px;}

.fzlc_title{padding: 50px 0 30px;}

.fzlc_title h2{font-size: 18px;}

.fzlc_title p{font-size: 24px;padding-bottom: 20px;}

.fzlc_nr ul{display: block; padding-top: 20px;overflow: hidden;}

.fzlc_nr li{float: left; width: 50%;text-align: center; margin-bottom: 20px;}

.fzlc_nr h2 span{font-size: 24px;}

.fzlc_nr li:before{right: 0;}

.fzlc_nr ul li:nth-child(2n):before{ height: 0;}

.pzsh_box{padding: 80px 0;}

.pzsh_box h2{font-size: 24px; line-height: 2;}

.wyqh_title{padding: 50px 0 30px;}

.wyqh_title h2{font-size: 18px;}

.wyqh_title p{font-size: 24px; padding-bottom: 20px;}

.qywh_nr li{width: 50%; margin-bottom: 20px; padding: 0 20px;}

.qywh_nr{border: none;}

.qywh_nr ul li:nth-child(2n){ border: none;}

.qywh_nr img{width: 70px;}

.qywh{padding-bottom: 50px;}

.qywh_nr p{font-size: 12px; line-height: 22px;height: 44px;}

.fzgj_nr{padding: 0 50px;}

.fzgj_nr .swiper-button-next{width: 30px;height: 30px; right: 0; margin-top: -15px;}

.fzgj_nr .swiper-button-prev{width: 30px;height: 30px; left: 0; margin-top: -15px;}

.fzgj_left{padding: 20px 0 0 20px;}

.fzgj_left h2{font-size: 24px;}

.fzgj_left h3{font-size: 14px;padding: 15px 0;}

.fzgj_title{padding: 50px 0 30px 0;}

.fzgj_title h2{font-size: 18px;}

.fzgj_title p{font-size: 24px;}

.fzgj_left p {font-size: 12px; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.fgt1{margin: 15px 0;}

.fzgjbox{padding-bottom: 50px;}



.qyry_nr{padding: 0 50px;}

.qyry_nr .swiper-button-next{width: 30px;height: 30px; right: 0; margin-top: -15px;background-size: 100%;}

.qyry_nr .swiper-button-prev{width: 30px;height: 30px; left: 0; margin-top: -15px;background-size: 100%;}

.qyry_title{padding: 50px 0 30px 0;}

.qyry_title h2{font-size: 18px;}

.qyry_title p{font-size: 24px;}



}



.navGation{ max-width:1440px; width:96%;height:49px;border-bottom:1px solid #e0e0e0;line-height: 49px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:20px auto 45px auto;}

.navGation ul{ overflow: hidden;color: #828282;}

.navGation a{ color: #828282;}

.ab1{max-width:1440px; width:96%; margin:70px auto;}

.ab1_title{ width:100%; height:50px;color: #333333; font-size:24px;}

.ab1_d{ width:100%; margin-top:50px; }

.ab1_d li{ width:23.5%; height:auto; float:left; border:1px solid #326FB2; margin-right:2%; padding:40px;margin-bottom:20px;}

.ab1_d li:nth-child(4n) { margin-right:0px;}

.ab1_d li h2{ width:100%; line-height:55px; font-size:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; color: #333333;}

.ab1_d li span{ width:100%;height:53px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}

.ab1_d li p{ width:100%; line-height:28px; height:112px; margin-top:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;}

.ab1_d li:hover{ background:#326FB2;}

.ab1_d li:hover h2{ color:#fff}

.ab1_d li:hover span{ color:#fff;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

.ab1_d li:hover p{ color:#fff}

.ab12{overflow: hidden;position: relative; width:100%; height:auto; width:100%; margin:60px auto; }

.ab12 img{width: 100%;}

.ab12 .swiper-button-next{background: url(../images/b2.png); width:48px;height: 48px; margin-top: -24px;}

.ab12 .swiper-button-prev{background: url(../images/b1.png); width: 48px;height:48px; margin-top: -24px;}





@media(max-width:1300px){

.navGation{ max-width:1440px; width:96%;height:45px;border-bottom:1px solid #e0e0e0;line-height: 45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:10px auto 25px auto;}

.ab1{max-width:1440px; width:96%; margin:50px auto;}

.ab1_title{ width:100%; height:40px;color: #333333; font-size:24px;}

.ab1_d{ width:100%; margin-top:30px; }

.ab1_d li{ width:23.5%; height:auto; float:left; border:1px solid #326FB2; margin-right:2%; padding:20px 20px 40px 20px;;}

.ab1_d li h2{ width:100%; line-height:40px;}

.ab1_d li span{ font-size:12px;height:40px; line-height:40px;}

.ab1_d li p{ width:100%; line-height:25px; height:100px; margin-top:20px;}

}

@media(max-width:1000px){

.ab1{max-width:1440px; width:96%; margin:50px auto;}

.ab1_title{ width:100%; height:40px;color: #333333; font-size:24px;}

.ab1_d{ width:100%; margin-top:30px; }

.ab1_d li{ width:49%; height:auto; float:left; border:1px solid #326FB2; margin-right:2%; padding:15px 5px 20px 10px; margin-bottom:28px;;}

.ab1_d li:nth-child(2n) { margin-right:0px;}

.ab1_d li h2{ width:100%; line-height:30px; font-size:16px}

.ab1_d li span{ font-size:12px;height:40px; line-height:40px;}

.ab1_d li p{ width:100%; line-height:25px; height:100px; margin-top:20px;}




	

}



.ab13{ width:100%; margin:50px auto 10px auto;}

.ab13t{ width:100%; height:auto;}

.ab13t h2{ width:auto; float:left; line-height:50px; font-size:24px; color:#333;}

.ab13t a{ width:200px; height:50px; display:block; text-align:center; border:1px solid #999; color:#333; float:right; overflow:hidden; line-height:50px;}

.ab13t a img{ display:inline-block; vertical-align:-8px; margin-left:10px;}

.ab13t a:hover{ text-decoration:underline;}



.ab13d{ width:100%; margin-top:35px;}

.ab13d ul{overflow: hidden; margin-left: -40px; padding-bottom:0px;}

.ab13d li{float: left; width: 33.33%; padding-left: 40px;box-sizing: border-box;}

.ab13dz{position: relative;overflow: hidden; height: 280px;}

.ab13dz img{width: 100%; height: 100%; object-fit: cover;}

.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }

.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }

.ab13d p{font-size: 14px;  width: 100%; line-height: 26px; text-align:left;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.ab13d h2{position: relative;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; line-height: 62px; color: #333;}

.ab13d ul li a:hover h2{font-weight: bold; color: #326FB2;;}



@media(max-width:1300px){

.ab13{ width:100%; margin:40px auto 10px auto;}	

.ab13t h2{ width:auto; float:left; line-height:50px; font-size:22px; color:#333;}

ab13t a{ width:160px; height:50px;}

.ab13d{ width:100%; margin-top:30px;}

.ab13d ul{overflow: hidden; margin-left: -20px;}

.ab13d li{float: left; width: 33.33%; padding-left: 20px;box-sizing: border-box;}

.ab13dz{position: relative;overflow: hidden; height: 200px;}

.ab13d h2{position: relative;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; line-height: 42px; color: #333;}

.ab13d p{font-size: 14px; width: 100%; line-height:25px; text-align: left;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

}

@media(max-width:1000px){

	.ab13t h2{ width:auto; float:left; line-height:40px; font-size:20px; color:#333;}

	.ab13t a{ width:120px; height:40px; line-height:40px;}

	.ab13t a img{ display:inline-block; vertical-align:-6px; margin-left:5px;}

	.ab13d ul{overflow: hidden; margin-left: -10px;}

.ab13d li:nth-child(3) { display:none;}

.ab13d li{float: left; width: 50%; padding-left:10px;box-sizing: border-box;}

.ab13dz{position: relative;overflow: hidden; height: 200px;}

.ab13d h2{ line-height:36px;}

}


.artile{ width:96%; max-width:1440px; height:auto; margin:70px auto 75px auto;}
.artile ul{}
.artile li{ width:100%; margin:0 auto;; height:285px; background:#fff;  padding:30px 0px;transition:all 0.5s;border-bottom: 1px solid #E0E0E0;;}
.xman{ width:100%; margin:0 auto; }
.art1{ width:430px; height:225px; float:left; margin-right:38px;}
.art1 img{width:430px; height:225px;}
.art2{ height:225px;overflow: hidden; }
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:10px; font-weight: bold; line-height:30px; height:30px; margin-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 h3{ width:100%; height:20px;font-size: 12px; color:#666; margin-bottom:10px;}
.art2 .art_p{ width:100%; height:60px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:204px; height:42px; border:1px solid #333; float:right; color:#333; text-align:center; line-height:42px;font-size:14px; margin-top:35px;}
.artile li:hover .art2 h2{ color:#326FB2;;;}
.artile li:hover .art2 .art2_1{background: #326FB2; color:#fff; border:1px solid #326FB2;}
@media(max-width:1000px){
.artile{ width:96%; max-width:1440px; height:auto; margin:50px auto 45px auto;}
.artile li{ width:100%; margin:0 auto;; height:130px;padding:20px 0px;}
.art1{ width:170px; height:90px; float:left; margin-right:18px;}
.art1 img{width:170px; height:90px;}
.art2 h2{ width:100%; font-size:16px; color:#333333;transition:all 0.5s; height: auto; margin-top:3px; font-weight: bold; line-height:30px; height:30px; margin-bottom:3px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 h3{ width:100%; height:20px;font-size: 12px; color:#666; margin-bottom:10px; display:none;}
.art2 .art_p{ width:100%; height:50px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:204px; height:42px; border:1px solid #333; display:none; float:right; color:#333; text-align:center; line-height:42px;font-size:14px; margin-top:35px;}

}


/*分页*/
.nx_pg{width:100%; height: auto ; padding:30px 0px 10px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#326FB2;; color:#fff;border:1px solid #326FB2;;}
.nx_pg .on{ background:#326FB2;; color:#fff;border:1px solid #326FB2;;}

.navGation{ width:1440px; width:96%;height:49px;border-bottom:1px solid #e0e0e0;line-height: 49px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:20px auto 45px auto;}
.navGation ul{ overflow: hidden;color: #828282;}
.navGation a{ color: #828282;}

.ar1{max-width:1440px; width:96%; height:auto; margin:0 auto; padding:0px 0px 60px 0px;}
.ar1 img{ max-width:100%; display:inline-block;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

@media(max-width:1000px){
.navGation{ width:1440px; width:96%;height:49px;border-bottom:1px solid #e0e0e0;line-height: 49px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:12px auto 25px auto;}
.ar1{max-width:1440px; width:96%; height:auto; margin:0 auto; padding:0px 0px 40px 0px;}
}

.photo1{ max-width:1440px; width:96%; height:auto; padding:65px 0px; margin:0 auto;;}
.photo1 li{ width:48%; float:left; margin-right:4%; margin-bottom:50px; position:relative;}
.photo1 li:nth-child(2n){ margin-right:0px;}
.photo1 li .t_img{ width:100%; height:auto; position:relative;}
.photo1 li .t_img img{ width:100%; height:auto;}
.photo1 li .t_img .timg_tex{ width:100%; height:100%; background:rgba(2, 62, 86, 0.8);opacity:0; top:0px; left:0px; position: absolute;transition: All 0.4s ease-in-out;}
.photo1 li .t_img .timg_tex h2{ width:100%; height:50px; font-size:24px; color:#fff; text-align:center; margin-top:140px;}
.photo1 li .t_img .timg_tex h3{ width:100%; height:40px; color:#fff; text-align:center; font-size:14px;}
.photo1 li p{ width:100%; height:80px; line-height:80px; font-size:20px; text-align:left; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.photo1 li p img{ display:inline-block; width:24px; height:24px; float:right; margin-top:25px;}
.photo1 li:hover .t_img .timg_tex{opacity:0;}
.photo1 li .t_img .timg_tex h2:hover{ text-decoration:underline;}
.photo1 li .t_img .timg_tex h3:hover{text-decoration:underline;}
.photo1 li:after{position: absolute; content: ""; border-bottom: 1px solid #326FB2;;; width:0; left: 0; bottom: 0;transition: All 0.4s ease-in-out;}
.photo1 li:hover:after{ width:100%;}
.photo1 li:hover p{ color:#326FB2; font-weight:bold;;}
@media(max-width:1000px){
.photo1{ max-width:1440px; width:96%; height:auto; padding:45px 0px; margin:0 auto;;}
.photo1 li{ width:49%; float:left; margin-right:2%; margin-bottom:15px; position:relative;}	
.photo1 li p{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:left; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.photo1 li p img{ display:inline-block; width:24px; height:24px; float:right; margin-top:10px;}
		
}

.sp_slide{ width:100%; }
.ba1{max-width:1440px; width:96%; margin:70px auto;}
.ba11{ width:100%; height:auto;}
.ba11 h2{ width:100%;font-size: 32px; color:#333; height:65px; text-align:center;}
.ba11 p{ width:100%; height:auto; margin-bottom:35px;}
.ba11 img{ width:100%; height:auto;}
.ba12{ width:100%; height:auto; margin:60px auto;}
.ba12 li{ width:100%; height:auto; margin-bottom:40px;}
.ba12 li .ba121{ width:43%; height:auto; float:left;}
.ba12 li .ba121 h2{ width:100%; height:40px; font-size:24px; margin-top:40px;}
.ba12 li .ba121 p{font-size: 16px; line-height:34px;}
.ba12 li .ba122{ width:44%; height:auto; float:right;}
.ba12 li .ba122 img{ width:100%;}
.ba12 li:nth-child(2n) .ba121{ float:right;}
.ba12 li:nth-child(2n) .ba122{float:left;}
.ba1 img{ width:100%;}
.baxz{ width:100%; height:auto; margin:60px auto;}
.baxz li{ width:33.3%;padding:30px; height:auto; float:left;}
.baxz li:nth-child(3){margin-right:0px;}
@media(max-width:1300px){
.ba1{max-width:1440px; width:96%; margin:60px auto;}
.ba11 h2{ width:100%;font-size:26px; color:#333; height:45px;}
.ba11 p{ width:100%; height:auto; margin-bottom:22px;}	
.ba12{ width:100%; height:auto; margin:30px auto;}
.ba12 li .ba121{ width:47%; height:auto; float:left;}
.ba12 li .ba122{ width:47%; height:auto; float:right;}
}

@media(max-width:1000px){
.ba1{max-width:1440px; width:96%; margin:40px auto;}
.ba11 h2{ width:100%;font-size:20px; color:#333; height:38px;}
.ba11 p{ width:100%; height:auto; margin-bottom:18px;}
.ba12 li .ba121 h2{ width:100%; height:30px; font-size:16px; margin-top:20px;}	
.ba12 li .ba121 p{font-size: 14px; line-height:25px;}
}
@media(max-width:756px){
	.ba12 li{ margin-bottom:10px;}
.ba12 li .ba121{ width:100%; height:auto; margin-bottom:15px;}	
.ba12 li .ba122{ width:100%; height:auto;}
}


.batext{position: absolute;width: 1440px; max-width: 94%; top: 25%;left: 50%; transform: translateX(-50%);}
.batext h2{color: #fff; font-size: 40px; line-height: 1.6;}
.ba_bottom{overflow: hidden;padding-top: 6%;}
.ba_right{float: right;width: 145px;text-align: center;}
.ba_right img{width: 100%;}
.ba_right p{color: #fff;font-size: 14px; margin-top: 15px;}
.ba_left{float: left;width: calc(100% - 300px);}
.babox{border: 1px solid rgba(255,255,255,.3);height: 173px; padding: 30px 55px 0 55px;background: rgba(0,0,0,.1);backdrop-filter: blur(25px);}
.babox img{width: 28px;}
.babox  p{font-size: 14px;color: #fff; line-height: 50px;}
.babox h3{color: #fff; font-size: 32px;font-weight: bold;font-family: arial;}
.ba_left ul{overflow: hidden; margin-left: -60px;}
.ba_left li{float: left; width: 33.33%; padding-left: 60px;}
.ba_left h4{font-size: 14px; line-height: 1.5;color: #fff;}

.cont_nr{width: 1440px; margin: 0 auto; max-width: 94%;padding: 75px 0 50px 0;}
.cont_nr ul{overflow: hidden; margin-left: -30px;}
.cont_nr li{float: left;width: 50%; padding: 0 0 30px 30px;}
.nont_nr{background: #fff;height: 260px;padding: 40px 60px 0 60px;overflow: hidden;}
.nont_nr img{float: right;width: 144px;}
.cont_box{float: left;width: calc(100% - 145px);}
.cont_box h3{font-size: 16px;color: #666666; margin-bottom: 28px;}
.cont_box h2{font-weight: bold;color: #333;font-size: 20px; margin-bottom: 20px;}
.cont_box p{font-size: 14px;color: #666666;line-height: 35px;}
.dtbox{height:  auto; width:100%;background-size: cover;}
.dtbox img{ width:100%;}


/*project*/
.projectbox{padding:80px 5vw 50px 5vw;}
.pronr ul{overflow: hidden; margin-left: -30px;}
.pronr li{float: left; width: 33.33%; padding: 0 0 60px 30px;}
.probxo{position: relative; overflow: hidden; cursor: pointer;}
.probxo img{width: 100%;}
.pro_text{position: absolute; top: 0;left: 0;width: 100%; height: 100%; background: rgba(50,111,178,0.9);opacity: 0;transition: All 0.4s ease-in-out;}
.pro_z{position: absolute; width: 100%; padding: 0 55px;left:50%; top:50%; transform:translate(-50%,-50%);}
.pro_z h3{color: #fff; font-size: 20px;margin-bottom: 45px;}
.pro_z p{color: #fff; font-size: 14px; line-height: 2;}
.pro_z a{display: block; background: #fff;text-align: center; width: 160px; line-height: 40px;color: #326FB2;transition: All 0.4s ease-in-out; margin-top: 55px;}
.pro_z a:hover{background:#50ab9a;color: #fff;}
.probxo:hover .pro_text{opacity: 1;}
.wbtext p{font-size: 14px; line-height: 2;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wbtext h2{font-size: 16px;color: #333333; margin: 33px 0 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.fynr{text-align: center; padding-bottom: 80px;}
.fynr li{display: inline-block;}
.fynr li a{display: block;line-height: 28px;width: 37px;text-align: center;font-size: 18px;color: #606266;transition: All 0.4s ease-in-out;}
.fynr li.cur a{color: #fff;background: #326fb2;}
.fynr a:hover{color: #fff;background: #326fb2;}
/*recruit*/
.cpyc{width: 1440px; margin:80px auto 50px auto; max-width: 96%;border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.cpyc_title{background: #326fb2;}
.cpyc_title ul{overflow: hidden;border-bottom: 1px solid #e0e0e0;}
.cpyc_title li{float: left;width: 20%; padding-left: 60px; line-height: 57px;font-size: 14px;font-weight: bold;color: #fff;}
.cpyc_xq{background: #e9edf0;}
.cpyc_top ul{overflow: hidden;background: #fff;border-bottom:1px solid #e0e0e0;cursor: pointer;}
.cpyc_top li{float: left;width: 20%; padding-left: 60px; line-height: 57px;font-size: 14px;color: #333333;}
.ddgw{padding: 0 60px;display: none;}
.ddgw_top{padding: 30px 0;border-bottom:1px solid #e0e0e0;}
.ddgw_top ul{overflow: hidden;}
.ddgw_top li{float: left; width: 25%; font-size: 14px;color: #333;line-height: 38px;}
.gwzz{overflow: hidden; padding: 20px 0 35px;border-bottom:1px solid #e0e0e0;}
.gwzzbox{float: left; width: 50%;}
.gwzzbox h2{font-size: 16px;color: #333333;margin-bottom: 20px;}
.gwzzbox li{font-size: 14px;color: #333333; line-height: 25px;}
.dhnr p{color: #326FB2;font-size: 14px; line-height: 70px;padding-bottom: 15px;}

@media(max-width:1000px){
.ba_left{float: none; width: 100%;display: none;}
.ba_right{display: none;}
.cont_nr{padding: 50px 0;}
.cont_nr li{width: 100%; float: none;}
.nont_nr{padding: 15px;height: auto;}
.nont_nr img {float: none; margin: 0 auto;}
.cont_box{width: 100%;float: none;text-align: center;}
.pronr li{width: 50%;}	
.fynr{padding-bottom: 0;}	
.cpyc_title li{padding: 0;text-align: center;}	
.cpyc_top li{padding: 0;text-align: center;font-size: 12px;text-align: center;}	
.ddgw{padding: 0 15px;}
.ddgw_top li{width: 50%;font-size: 12px;}
.gwzzbox{float: none; width: 100%;}
.batext h2{font-size: 20px; line-height: 1.8;}
.batext{top: 30px;}
.wbtext p{font-size: 14px; line-height:22px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wbtext h2{font-size: 16px;color: #333333; margin: 6px 0 0px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.projectbox{padding:40px 5vw 50px 5vw;}
.pronr ul{overflow: hidden; margin-left: -10px;}
.pronr li{float: left; width:50%; padding: 0 0 40px 10px;}
.pro_text{position: absolute; top: 0;left: 0;width: 100%; height: 100%; background: rgba(50,111,178,0.9);opacity: 0;transition: All 0.4s ease-in-out;}
.pro_z{position: absolute; width: 100%; padding: 0 8px;left:50%; top:50%; transform:translate(-50%,-50%);}
.pro_z h3{color: #fff; font-size:14px;margin-bottom:5px; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.pro_z p{color: #fff; font-size: 14px; line-height: 20px; height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pro_z a{display: block; background: #fff;text-align: center; width: 120px; line-height: 30px;color: #326FB2;transition: All 0.4s ease-in-out; margin-top:15px;}
.pro_z a:hover{background:#50ab9a;color: #fff;}
.cpyc{margin:45px auto 40px auto;}
}
@media(max-width:756px){
.batext h2{font-size: 16px; line-height: 1.6;}
}