@charset "utf-8";


/* header&foot */
@font-face { font-family:"din";src: url(‘../font/din.ttf’);}
.box{width: 1550px; margin: 0 auto; max-width: 100%;}
header{ width: 100%; position: relative;}
a,img{ transition: 0.3s;}
a:hover{ color: #0082CC;}
.head{ width: 100%;transition: 0.3s; height: 114px;  color: #505050; /* position: fixed; z-index: 9999; left: 0; top:0 */}
.head.active{ background-color:rgba(255,255,255,1);}
.head .box{display: flex; align-items: center; justify-content: space-between; height: 100%; position: relative;}

.logo{ height:56px; transition: 0s;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}

nav{ height: 100%;font-weight: 400;display: flex; width: calc(100% - 580px);}
.nav-box{display: flex;align-items: center; flex-wrap: wrap; justify-content:space-between; width: 100%; height: 100%;}
.nav-item{position: relative;height: 100%; transition: 0.3s; }
.mc{display: none;}

.first-nav{ height: 100%; width: 100%;}
.first-nav a{display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; padding: 0 26px; font-size: 18px; color: #333; min-width: 4em;}
.first-nav a i{display: block; margin-left: 10px; transition: 0.3s; display: none;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav.on a{color: #fff; background-color: #0082cc;}
.second-nav{position: absolute; left: 0; top: 114px; background: rgba(0,130,204,0.8); box-sizing: border-box;  z-index: 999; max-height: 0; overflow: hidden;transition: 0.6s; min-width: 100%;}
.second-nav a{color: #fff; display: block;font-size: 16px; line-height: 3; transition: 0.3s; padding:0 20px; white-space: nowrap; border-bottom: 1px solid rgba(255,255,255,0.3); text-align: center;}
.second-nav a:last-child{ border-bottom: none;}
.second-nav a:hover{ color: #fff;background:#e84139;}
.nav-item:hover .first-nav a{color: #fff; background-color: #0082cc;}
.first-nav em img{ width:12px;}
.first-nav em{ margin-left: 15px;}
/* .nav-item:hover i{transform: rotate(180deg);} */
.nav-item:hover .second-nav{ max-height: 1000px;}


.mBtn{ width: 40px; height: 40px; border-radius: 4px; display: none;  cursor: pointer;   box-sizing: border-box;  background: #0082cc; margin-left:10px;  display: none;}
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color: #0082cc;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 4px;}
.head_right{display: flex;  align-items: center; height: 100%; position: relative; display: none;}
.hedri{ display: flex; align-items:center;}



.banner{ width:100%;/* margin-top: 124px; */}
.banner_swiper{width: 100%;height: 100%;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.ban_bg{width: 100%; height: 100%;}
.ban_bg img{ display: block; width: 100%;}


.banner_swiper .swiper-slide-active .bn_tx h1{transform: translateY(0); opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx h2{transform: translateY(0);opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx a{transform: translateY(0);opacity: 1;}


.banner_swiper .swiper-pagination{ width: 1550px; left: 50%;  top: auto; height: 18px!important;  bottom: 40px; text-align: left;  display: flex; justify-content: center;transform: translateX(-50%);}
.banner_swiper .swiper-pagination-bullet{ width:18px;height:18px; box-sizing: border-box; border-radius:50%;  background:#fff; opacity: 0.5; margin: 0 6px!important;}
.banner_swiper .swiper-pagination-bullet-active{opacity: 1; display: flex; align-items: center;width:18px;height:18px; box-sizing: border-box; border-radius:50%;  background:#00589c; }

.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ border: 1px solid #dddcdb; width: 100%; box-sizing:border-box; height: 54px; line-height: 54px; text-align: center; color: #dddcdb; font-size: 20px; border-radius: 50%; transition: 0.3s;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 54px!important;}
.banner .swiper-button-next:hover:after,.banner .swiper-button-prev:hover:after{border: 1px solid #fff; color: #fff;}
.banner .swiper-button-next{ right: 36px;}
.banner .swiper-button-prev{ left: 36px;}

.more{ display: flex; align-items: center; height: 52px;width: 180px; justify-content: center; font-size: 16px; color: #fff;background: #0082CC; border-radius: 5px; transition: 0.3s;}
.more img{ width: 20px; margin-left: 16px;}
.more:hover{transform: translateY(-4px);box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.40); color: #fff;}

.title{ text-align: center; justify-content: center; display: flex; align-items: center;flex-direction: column;text-transform: uppercase;line-height: 1;}
.title h1{ font-size: 68px; font-weight: bold;background: linear-gradient(to bottom, rgba(150,150,150,0.2), rgba(255,255,255,0));-webkit-background-clip: text; color: transparent; }
.title h2{ font-size: 42px; color: #0082CC; font-weight: bold; position: relative; top: -10px;}

footer{ width: 100%;  border-top: 1px solid #e1e1e1; }
.foot{ background: url(../img/ftbj.jpg) center bottom repeat-x;background-size: cover; width: 100%; padding: 50px 0;}
.foot a{ color: #666;}
.foot a:hover{ color: #0082CC;}
.foot .box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftdi{ background-color: #0082cc;}
.ftdi .box{text-align: center; color: #fff; font-size: 15px; padding: 15px 0; flex-wrap: wrap;  line-height: 1.8;display: flex; align-items: center; margin:0 auto; text-align: center; justify-content: center;}
.ftdi i{ padding: 0 10px;}
.ftdi .box a{ color: #fff;}
.ftdi .box a:hover{ text-decoration: underline;}
.ft1{ width: 280px;}
.ft1 img{ max-width: 208px; display: block;}
.ft1 p{ line-height: 2; font-size: 16px;color: #666; margin-top: 22px;}
.ft1 p b{ font-weight: normal; color: #000;}
.ft2{ display: flex; width: calc( 100% - 590px); margin: 0 80px; justify-content: space-between; flex-wrap:wrap;}
.ft2 span{ margin-top: 10px;}
.ft3{  border: 1px solid #e1e1e1;}
.ft3 img{ display: block; width: 134px; padding: 7px;}
.ft3 p{ background-color: #0082CC; color: #fff; width: 100%; text-align: center; height: 40px; line-height: 40px; font-size: 14px;}
.ft2 h1{ color: #0082CC; font-size: 18px; font-weight: bold; margin-bottom: 25px;}
.ft2 p{ font-size: 16px; line-height: 2;}


#toTop{ background-color:rgba(0,130,204,0.7); right: 50px; bottom: 80px; width: 64px; height: 64px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 966; }
#toTop:hover{background-color:rgba(232,65,75,0.8); }
#toTop img{ width: 60%;}

section{padding: 70px 0; position: relative;}
main{width: 1550px; margin: 0 auto; max-width: 92%;}
.con1box{ background-color: #e6f3fa;}
.con1 .swiper-button-prev{cursor: pointer;  display: flex; align-items: center; justify-content: center;  top: 50%; bottom: auto;  color: #fff; font-weight: bold; left:0; right: auto; transition: 0.3s;position: absolute; background-color: rgba(0,130,204,0.5); width: 64px; height: 64px;}
.con1 .swiper-button-next{  cursor: pointer;  display: flex; align-items: center; justify-content: center;  top: 50%; bottom: auto;  color: #fff;font-weight: bold;  right:0; left: auto; transition: 0.3s;position: absolute;background-color: rgba(0,130,204,0.5);width: 64px; height: 64px;}
.con1 .swiper-button-next:hover,.con1 .swiper-button-prev:hover{background-color: rgba(237,11,0,0.5); }
.newsitem h1{ width: 100%; overflow: hidden;}
.newsitem h1 img{ width: 100%; transition: 0.3s; display: block;}
.newsitem:hover img{transition:all .3s ease;transform:scale(1.1)}
.con1{ width: 100%; box-sizing: border-box; position: relative; height: auto; padding: 0 104px;}
.swiper-button-prev:after,.swiper-button-next:after{ font-size: 30px;}
.newsitem{ background-color: #fff; display: block; transition: 0.3s;}
.newsitem span{ box-sizing: border-box; width: 100%; padding: 26px; padding-top: 35px; padding-bottom: 45px; display: block;}
.newsitem span>h2{ font-size: 18px; color: #333; font-weight: bold; overflow: hidden; line-height: 1.2rem; height: 1.2rem;}
.newsitem span>p{ font-size: 16px; line-height: 2rem; color: #666; margin-top: 16px; overflow: hidden;}
/*.con1tex{font-size: 16px; line-height: 2rem; color: #666; margin-top: 16px;}*/
.con1tex{font-size: 16px;line-height: 2;color: #666;margin-top: 16px;height: 8em;overflow: hidden;}
.con2{ display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;}
.con2le{ width: 40%; position: relative; height: auto; display: flex; align-items: center; z-index: 3;}
.con2le img{ width: 100%; display: block;}
.spbox video{ display: block; width: 100%;}
.spbox span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spbox span h1{ display: flex; flex-direction: column; text-align: center; color: #fff; cursor: pointer;}
.spbox span h1 img{ width:92px; height: 92px; transition: 0.3s;}
.spbox span h1:hover img{transform: scale(1.1);}
.con2ri{ width: calc(60% - 80px); display: flex; flex-direction: column;}
.con2ri .contex{font-size: 16px; color: #666; line-height: 2; margin-top: 30px;}
.con2ri h1 img{ display: block; max-width: 70%;}
.con2more{ margin-top: 80px;}
.con2ri h2{ width: 60px; height: 5px; background-color: #ed0b00; margin-top: 22px;}

.con3box{ background: url(../img/bj.jpg) center center no-repeat; background-size: cover;}
.con1more .more{ margin: 0 auto;}
.con3box .newsitem span p{ height: 4rem ;}


.mtop50{ margin-top: 50px;}
/*分页样式*/ 


/*分页样式*/ 
.erbox{ padding:60px 0;}
.erbanner{ width: 100%; overflow: hidden; position: relative;}
.erbanner>img{ display: block; width: 100%;}
.fubanner{ position: absolute; left: 50%; top: 0; width:1550px; height: 100%; z-index: 3; display: flex; align-items: center; transform: translateX(-50%); max-width: 92%;}
.fubanner img{ display: block; max-width: 45%;}
.ertop{ display: flex; justify-content: space-between; position: relative; z-index: 6; height: 46px; align-items: flex-end;}
.ertop span{ min-width: 290px; height: 136px;line-height: 1; background-color: rgba(12,110,185,0.9); color: #fff; padding: 23px; position: absolute; bottom: 0; left: 0; z-index: 94; box-sizing: border-box;}
.ertop span h1{ font-size: 28px;}
.ertop span h2{ font-size: 20px;text-transform: uppercase; margin-top: 10px;}
.ertop p{ font-size: 16px;}
.ertop p a{ color: #666;}
.ertop p a:hover,.ertop p i{ color: #0082CC;}
.ertop p b{ padding: 0 10px;color: #666; font-weight: normal;}
.ertop span h3{ position:absolute; left: 23px; bottom: 0; width: 1px; height: 32px; background-color: #fff; z-index:95;}

.ernav{ width: 100%; border-bottom: 1px solid #e6e6e6; margin-top: 20px;}
.ernav span{ display: flex; flex-wrap: wrap;}
.ernav a{ display: flex; height: 90px; align-items: center; margin: 0 60px; position: relative; font-size: 18px; color: #666;}
.ernav a i{ width: 0;  position: absolute; height: 1px; background-color: #0082cc; transition: 0.3s; left: 50%; bottom: 0; transform: translateX(-50%);}
.ernav a:hover i,.ernav a.on i{width: 26px;}
.ernav a:hover,.ernav a.on{color: #0082cc;}
/* 新闻 */
.tulist a{ background-color: #f5f6f8; margin-top: 40px;}
.tulist a h1{ width: 100%; overflow: hidden;}
.tulist a h1 img{ width: 100%; display: block;}
.tulist a h1 img:hover,.tulist1 a img:hover{transform: scale(1.1);}
.tulist a span{ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px 20px 30px 20px;}
.tulist a span h2{ font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; font-weight: bold;}
.tulist a span h3{ width: 36px; background-color: #999; height: 2px; margin-top: 13px;}
.tulist a span>p{ font-size: 16px; color: #666; line-height: 32px; overflow: hidden; height: 96px; margin-top: 30px;}
.tulist a span h4{ font-size: 18px; color: #666; margin-top: 36px;}


.tulist.cplist a span h2{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; font-weight: bold;}
.tulisttex{ font-size: 16px; color: #666; line-height: 32px; overflow: hidden; margin-top: 20px;}


.tulist.newlist p{height: 64px;}

.ershipin{ width: 100%; position: relative;}



.pages{margin-top: 70px;}
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin: 2px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#0c6eb9;border:#0c6eb9 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#0c6eb9;border:#0c6eb9 solid 1px;color:#FFF;}

.show_title{text-align: center;  border-bottom: 1px #e1e1e1 solid; padding-bottom: 30px;}
.show_title h1{font-size: 32px; font-weight: bold; color: #0082CC;}
.show_title h2{margin-top: 30px; font-size: 18px;color: #666; display: flex;align-items: center; justify-content: center;}
.show_title h2 i{ padding: 0 10px;}
.show_title h2 span{ color: #0082CC;}

.danye{color: #666; line-height: 2.5; margin-top:30px; font-size: 16px;}
.danye img{max-width: 100%!important;height: auto!important;}


.bar{margin-top: 50px; display: flex; justify-content: space-between;}
.bar a{font-size: 16px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #0c6eb9; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;line-height: 1; height: 1em;}
.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right; line-height: 1; height: 1em;}
.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}

.ertitle{ margin-top:40px;}
.ertitle h1{ font-size: 22px; line-height: 3; position: relative; width: 100%; text-align: center;}
.ertitle i{ position: absolute; width: 60px; height: 4px; background-color: #0082cc; left: 50%; transform: translateX(-50%); bottom: 0;}

.lxbox h1{ width: 100px; height: 100px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.lxbox h1 img{ display: block; width: 60%;}
.lxbox h2{ font-size: 26px; font-weight: bold; margin:16px 0;}
.lxbox p{ font-size: 20px; line-height: 1.7;}
.lxbox>div{ background-color: #299fd1; color: #fff; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; padding: 35px 20px; border: 2px solid #3aa8e6;}
.lxbox>div:hover img{ transform: scaleX(-1);}
.lxbox p i{ padding: 0 0.2em;}

.cpbox{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.cple{ width: 670px; overflow: hidden;}
.cple img{ display: block; width: 100%;}
.cple img:hover{ transform: scale(1.05);}
.cpri{ width: calc(100% - 720px);}
.cpri span{ display: flex; width: 100%; font-size: 20px; display: flex; padding:20px 0; border-bottom: 1px solid #e6e6e6;}
.cpri span h1{ font-weight: bold; font-size: 20px; width: 5em;}
.cpri span p{ width: calc(100% - 6em); font-size: 20px; margin-left: 1em;}
.cpri span h1 i{ padding: 0 1em;}
.cpxq{ margin-top: 40px; width: 100%; padding-bottom: 35px; border-bottom: 1px solid #e6e6e6;}
.cpxq .tit{ font-size: 26px; font-weight: bold; color: #0082CC;}
.cpxqlist{ margin-top: 20px; font-size: 18px; width: 100%;}
.cpxqlist span{ display: flex; width: 100%; line-height: 2.2;}
.cpxqlist span h1{ width: 6em;}
.cpxqlist span p{ width: calc(100% - 8em); margin-left: 2em;}
.cpxq .cptex{line-height: 2.2; font-size: 18px; margin-top: 20px;} 
.cpxq:last-child{ border-bottom: none; padding-bottom: 0;}

.lxlist .kuai2box{ background-color: #f5f6f8; box-sizing: border-box; padding: 40px 45px; display: flex; justify-content: space-between; align-items: center;}
.lxlist h1{ color: #fff; font-size: 36px; font-weight: bold; border-radius: 50%; width: 115px; height: 115px; background-color: #0082CC; display: flex; justify-content: center; align-items: center; border: 5px solid #c5def1;}
.lxlist span{ width: calc(100% - 160px);}
.lxlist span h2{ font-size: 28px; font-weight: bold;}
.lxlist span p{ font-size: 22px; color: #666; margin-top: 15px;}
.lxlist{ margin-top: 10px;}

.zzlist .kuai3box{ background-color: #f5f6f8; box-sizing: border-box; padding: 20px; margin-top: 40px;}
.zzlist p{ font-size: 24px; font-weight: bold; text-align: center; overflow: hidden; line-height: 2em; height: 2em; margin-top: 20px;}
.zzlist h1{ width: 100%;}
.zzlist h1 img{ display: block; width: 100%;}

.fglist .kuai3box{ background-color: #f5f6f8; box-sizing: border-box; padding: 40px; margin-top: 40px; }
.fglist p{line-height: 32px; font-size: 16px; color: #666;}
.fglist h2{ font-size: 18px;margin-bottom: 20px; font-weight: bold;}

.lxmap{ width: 100%; height: 50vh; overflow: hidden;}

.ywtu{ width: 100%;}
.ywtu img{ display: block; width: 100%;}
/* .ywbox{ width: 1350px; margin: 0 auto; max-width: 100%;} */

.lybox{width: 100%;border-radius: 10px;box-sizing: border-box;padding: 40px;display: flex; background-color: #f5f6f8;}
.lybox form{ display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.lybox span{ width: calc(50% - 15px); margin-bottom: 20px;}
.lybox span h1{ font-size: 16px; color: #666; margin-bottom: 12px;}
.lybox span input,.lybox span textarea{ height: 50px; padding: 0 15px; border-radius: 5px; border: 1px solid #DCDFE6; box-sizing: border-box; width: 100%; transition: 0.3s; font-size: 16px; }
.lybox span input:hover,.lybox span textarea:hover{ border: 1px solid #0082CC;}
.lybox span input::-webkit-input-placeholder,.lybox textarea::-webkit-input-placeholder{color:#999;}
.lybox span textarea{ line-height: 50px; height: 150px;resize:none;}
.lybox span.beizhu{ width: 100%;}
.naniu{ width: 100%; margin-top: 10px;}
.naniu input{ width: 100%; background-color: #0082CC; border: none; height: 70px; color: #fff; text-align: center; transition: 0.3s; border-radius: 5px; font-size: 22px;}
.naniu input:hover{ background-color: #167bb4; cursor: pointer;}

.scbox{ display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.scbox>div{ margin-top: 70px;}
.scle{ width: calc(33.3% - 45px); }
.scri{ width:66.6%;}
.fglist>div{background-color: #f5f6f8; box-sizing: border-box; padding: 40px; margin-top: 40px; width: calc(50% - 22.5px); }
.sctit{ width: 100%; text-align: center; font-weight: bold; font-size: 28px;color: #0082cc;}
.sctex{ background-color: #f5f6f8;box-sizing: border-box; padding: 40px; width: 100%; margin-top: 40px; font-size: 16px ;line-height: 2.5; min-height: 416px;}
.fglist{ width: 100%;display: flex; flex-wrap: wrap;justify-content: space-between;}

.kuai3{ display: flex; flex-wrap: wrap;}
.kuai3 .kuai3box{ width: calc(33.3% - 30px); margin-right: 45px;}
.kuai3 .kuai3box:nth-child(3n){ margin-right: 0;}

.kuai2{ display: flex; flex-wrap: wrap;}
.kuai2 .kuai2box{ width: calc(50% - 20px); margin-right: 40px; margin-top: 40px;}
.kuai2 .kuai2box:nth-child(2n){ margin-right: 0;}