@charset "utf-8";
/* header&foot */
@font-face { font-family:"din";src: url("../font/din.ttf");font-family:"fangzheng";src: url("../font/fangzheng.TTF");}
html{scroll-padding-top: 90px }
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}
.box{width: 1580px; margin: 0 auto; max-width: 92%;}
main{width: 1580px; margin: 0 auto; max-width: 92%;}
header{ width: 100%; position: relative;}
a,img{ transition: 0.3s;}
a:hover{ color: #113fab;}
.head{ width: 100%;transition: 0.3s; height: 100px;  color: #505050; position: fixed; box-sizing: border-box; z-index: 9999; left: 0; top:0 ; border-bottom: 1px solid rgba(255,255,255,0.2);}
.head.active{ background-color:rgba(17,63,171,1); height: 90px;}
.head .box{display: flex; align-items: center; justify-content: space-between; height: 100%; position: relative; margin: 0 auto; width: 92%;}
.head.active .logo{height:45px;} 
.logo{ height:48px; margin-right: 180px; transition: 0.3s;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}

nav{ height:100%;display: flex; width:100%; box-sizing: border-box;}
.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%; position: relative;}
.first-nav em{ position: absolute; z-index: 4; width: 0; height: 2px; left: 0; bottom: -1px; background-color:#fffefd; transition: 0.3;}
.first-nav a{display: flex; align-items: center; justify-content: center; height:100%; position: relative; transition: 0.3s;font-size: 16px; color: #fff; font-weight: bold;}
.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;}
.first-nav.on em{ width: 100%;}
.head.active .second-nav{ top: 90px;} 
.second-nav{position:fixed; left:0; top: 100px; background: rgba(255,255,255,1); box-sizing: border-box;  z-index: 9995; max-height: 0 ;overflow: hidden;transition: 0.3s; width: 100%;}
.second-nav .navnav{ width: 100%; box-sizing: border-box; display: flex; justify-content: center; padding: 30px;}
.second-nav .navnav a{display: block;font-size: 15px; padding: 0 20px; border-right: 1px solid #ddd; line-height: 22px;}
.second-nav .navnav a:last-child{ border-right: none;}
.nav-item:hover .first-nav a{color: #fff;}
.nav-item:hover .first-nav em{ width: 100%;}
.nav-item:hover .second-nav{ max-height: 300px;}
.second-nav.cpnav{ transition: 1.2s;}
.nav-item:hover .second-nav.cpnav{ max-height: 100vh;}
.cpnav{ display: flex; justify-content: space-between; }
.cpnavle{ width: 380px; background-color: #f3f5f7; box-sizing:border-box; padding-left: 120px; padding-right: 30px;padding-top: 40px; padding-bottom: 40px;height: calc(90vh - 100px);overflow-y: auto;}
.cpnavle h1{ font-size: 20px; font-weight: bold;}
.cpnavle ul{ width: 100%; overflow: hidden; display: flex; flex-direction: column; margin-top: 25px;}
.cpnavle ul li{ display: flex; line-height: 40px; margin: 16px 0; font-size: 18px;align-self: baseline; position: relative;}
.cpnavle ul li i{ height: 2px;width: 0; background-color:#113fab; bottom: 0; left: 0; transition: 0.3s; z-index: 9996; position: absolute;}
.cpnavle ul li:hover i,.cpnavle ul li.on i{ width: 100%;}
.cpnavle ul li.on a{ color: #113fab;}
.cpnavri{display: none; width: calc(100% - 380px); padding-bottom: 40px; box-sizing: border-box;height: calc(90vh - 100px); overflow-y: auto;}
.cpnavri.active{display:flex; flex-wrap: wrap;}
.navkuai{ margin-top:40px; margin-right:50px; margin-left: 50px; display: flex; flex-direction: column;}
.navkuai h2{ font-size: 18px; color: #113FAB;}
.navkuai>div{ display: flex;flex-direction: column; margin-top: 20px;}
.navkuai>div a{ font-size: 14px; color: #666; line-height: 38px;}
.navkuai>div a:hover{color: #113FAB;}

/* navMenu */
.navMenubox{ left: -100%;position:fixed; z-index: 995; background:rgba(0,0,0,0.8); height:auto;display:flex; width: 100%; transition: 0.3s;top: 70px;margin-left: 0; display: none;}
.navMenubox.active{left: 0%;top:70px}
.navMenu-top { padding: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1) }
.navMenu> li { display: block; margin: 0; padding: 0; border: 0px; }
.navMenu>li>a { display: block; overflow: hidden; padding-left: 0px; line-height: 50px; transition: all .3s; position: relative; text-decoration: none; font-size: 16px; color: #fff;}
.navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 20px; display: inline; font-size: 16px; font-family: "iconfont"; height: auto; content: "\e6ea"; font-weight: 300; text-shadow: none; }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 20px; display: inline; font-family: "iconfont"; height: auto; font-size: 16px; content: "\eaf5"; font-weight: 300; text-shadow: none; }
.navMenu>li .sub-menu { display: none; list-style: none; clear: both; padding: 10px 0;padding-left: 20px; box-sizing: border-box;}
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 16px; line-height: 36px;clear: both; color: #fff;}
.navMenu{ box-sizing: border-box; width: 100%; padding: 20px; padding-right: 0; overflow-y: auto;height:calc(100vh - 70px); padding-left: 4%;}

.mBtn{ width: 40px; height: 40px; border-radius: 4px; display: none;  cursor: pointer;   box-sizing: border-box;  background: #113fab; 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: #113fab;}
.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%;  height: 100vh;}
.banner_swiper{width: 100%;height: 100%;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.ban_bg{width: 100%; height: 100%;}
.bn_tx{width:1580px; max-width: 92%;  position: absolute; left:50%;top:calc(50% + 80px); transform: translate(-50%, -50%); color: #fff;}
.bn_tx h1{font-size: 62px;font-weight: bold; transform: translateY(100px); transition: 1s ease-in-out;opacity: 0; line-height: 1.1;}
.bn_tx h2{ font-size: 48px;transform: translateY(100px); transition: 1s ease-in-out 0.1s;opacity: 0; line-height: 1.1; margin-top: 18px;}
.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-pagination{width:1580px; max-width: 92%;  position: absolute; left:50%;transform: translateX(-50%);height: 3px!important;  bottom: 50px; text-align: left; }
.banner_swiper .swiper-pagination-bullet{ width:54px;height:3px; box-sizing: border-box; background-color: #fff;opacity: 1; border-radius: 0;}
.banner_swiper .swiper-pagination-bullet-active{opacity: 0.4;}
.shubiao{position: absolute; z-index: 4; bottom: 40px; left: 50%; transform: translateX(-50%);}
.shubiao img{ display: block; animation: scroll1 3s linear infinite;}
@keyframes scroll1 {
0%{transform:translateY(0px);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0px); }
}

.con1box main{ width: 92%;}
.con1{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.con1 .con1con{position: relative; transition: 0.3s; margin-top: 20px;width:35%;overflow: hidden; }
.con1 .con1con img{ display: block;height: 100%; width: 102%;}
.con1 .con1con:hover>a{ transform: scale(1.1);}
.con1 .con1con>a{ display: block; width: 100%; height: 100%;}
.con1 .con1con>span{ display: flex; position: absolute; z-index: 4; left: 0; bottom: 0; color: #fff; padding:30px 45px;box-sizing: border-box; transition: 0.3s; flex-direction: column;}
.con1 .con1con span>h1{ font-size: 18px;}
.con1 .con1con span>h2{ font-size: 22px; font-weight: bold; margin-top: 10px; margin-bottom: 12px;}
.con1 .con1con span>p{ font-size: 16px; display: flex; flex-wrap: wrap; overflow: hidden; line-height: 1.1; height: 1.1em;}
.con1 .con1con span>p a{ color: #fff; margin-right: 16px;}
.con1 .con1con span>p a:last-child{ margin-right: 0;}
.con1 .con1con span>p a:hover{ text-decoration: underline;}
.con1 .con1con:nth-child(2){ width: calc(65% - 20px);}
.con1 .con1con:nth-child(4),.con1 .con1con:nth-child(5){ width: calc(32.5% - 20px);}
.con1 .con1con:hover>span{bottom: 20px;}

.con5box{background: url(../img/bj2.png) center top; background-size: cover; padding-top: 110px; padding-bottom: 80px;}
.con5box main{ overflow: inherit;}
.con5con{ width: 100%; display: none;}
.con5con.active{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.con5nav{ width: 100%; margin-top: 35px; margin-bottom: 35px;}
.con5nav ul{ display: flex;}
.con5nav ul li{ color: #999; font-size: 16px; margin-right: 22px; cursor: pointer; border-right: 1px solid #c0c0c0; padding-right: 22px; line-height: 1.1em;}
.con5nav ul li.on{ color: #000;}
.con5nav ul li:last-child{ border: none; padding-right: 0; margin-right: 0;}
.new3box{display: flex; flex-direction: column; background-color: #fff; border-radius: 10px; overflow: hidden; width:calc(33.3% - 48px); margin-top: 30px;}
.new3box h1{ overflow: hidden;}
.new3box h1 img{ width: 100%; display: block;}
.new3box h2{ font-size: 18px; font-weight: bold;}
.new3box span{ display: block; width: 100%; box-sizing: border-box; padding: 30px 40px;}
.new3box p{font-size: 16px; color:#999; height:56px; line-height: 28px; margin-top: 30px; overflow: hidden;}
.new3box h4{ font-size: 16px; color: #999; margin-top: 22px;}
.new3box:hover img{transform: scale(1.05);}

.con4box{background: url(../img/bj1.png) left 30% center; background-size: cover; width: 100%; padding-top: 120px; padding-bottom: 160px; color: #fff;}
.con4{ width: 50%;}
.con4>h1{ font-size: 18px;}
.con4>h2{ font-size: 46px; line-height: 1.4; margin-top: 20px; font-family:"fangzheng";}
.con4tex{ font-size: 16px; line-height: 1.8; margin-top: 20px;}
.con4 .more{ color: #fff;}
.con4 .more:hover{color: #fff; border: 1px solid #fff;}
.con4 .more:hover i::before{color: #fff;}
.con4more{ margin-top: 45px;}

.con3box{margin: 85px 0;}
.con3box main{ width: 92%;}
.con3{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.con3con{ width: 25%; justify-content: center; display: flex; box-sizing: border-box; flex-direction: column; align-items: center; border-right: 1px solid #e5e5e5; padding: 16px 0;}
.con3con:last-child{border: none;}
.con3con span{ position: relative; padding-right: 22px; display: flex; padding-left: 22px;}
.con3con span h1{ font-size: 46px; color: #000;line-height: 1em;font-family:"fangzheng"}
.con3con span i{ font-size: 16px; color: #666; position: absolute; z-index: 4; right: 0; top: 0; line-height: 1em; display: flex;}
.con3con p{ color: #5d5d5d; font-size: 16px; margin-top: 12px;}

.con2{width: 100%;height: 720px;border-right: 0; overflow: hidden;}
.con2con{width: calc(100%/6 - 8.2px);height: 720px;float: left;background:url("img/tu6.jpg") no-repeat center center;transition:all .5s ease 0s; margin: 4px; position: relative; overflow: hidden; background-size: cover;}
.con2con:hover{opacity: 1;}
.con2tex{ box-sizing: border-box; padding: 45px; position: absolute; left: 0; bottom: 10px; color: #fff; width: 100%;}
.con2tex img,.con2tex p{ display: none;}
.con2tex h1{font-size: 16px; font-weight: bold; margin-top: 25px; transition: 0.3s; line-height: 1.1; height: 1.1em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.con2tex:hover{ color: #fff;}
.con2con.active img{ display:block;}
.con2con.active h1{ font-size: 24px;margin-bottom: 20px;width: 500px; box-sizing: border-box;}
.con2con.active p{ font-size: 16px; line-height: 2;display:block;width: 500px; box-sizing: border-box;}
.con2con.active{width: 590px;}
/* .con2con.on{ width: 588px!important;} */

footer{ width: 100%; color: #f7f6f9; background-color: #113fab;font-size: 14px;}
footer .box{margin: 0 auto; width: 92%;}
.foot{ display: flex;flex-wrap: wrap; justify-content: space-between;padding: 40px 0;}
footer a{ color: #f7f6f9;}
footer a:hover{  color: #fff;}
.ft1{ width: calc(50% - 20px); display: flex;flex-wrap: wrap; border-right: 1px solid #454449; box-sizing: border-box; justify-content:space-between; padding-right: 70px;}
.ft1 h1 img{ display: block; padding: 15px; border: 1px solid #48484c; border-radius: 10px;}
.ft1 span h2{ font-size: 16px; margin-top: 20px;}
.ft1 span h3{ font-weight: bold; font-size: 32px; margin-top: 10px;}
.ft1 span img{ display: block;}
.ft1 span p{ font-size: 16px; line-height: 28px;margin-top: 10px;}
.ftdz{ width: 364px;}
.ft2{  width: 50%; display: flex;flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; padding-left: 50px;}
.ft2 span{ display: flex; flex-direction: column;}
.ft2 span p{display: flex; flex-direction: column;font-size: 14px; line-height: 28px; margin-top: 10px;}
.ft2 span h1{ font-size: 16px; font-weight: bold;}
.xian{ width: 100%; height: 1px; background-color: #454449;}
.ftdi{ text-align: center; padding: 15px 0; line-height: 1.6;display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftdi i{ padding:0 8px;}

#toTop{ background-color:rgba(0,0,0,0.7); right: 10px; bottom: 40px; width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 966; }
#toTop:hover{background-color:rgba(17,63,171,0.8); }
#toTop img{ width: 60%;}

.title{ font-size: 44px; font-weight: bold; color: #222; text-align: center;}
.title1{ display: flex; justify-content: space-between; align-items: center;}
.title1 h1{font-size: 36px; font-weight: bold; color: #222; align-items: center;}

.more{ width: 162px; height: 52px; border: 1px solid #d5d5d5; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #999; border-radius: 52px;}
.more:hover{ border: 1px solid #113fab;transform: translate(0, -4px);}
.con1more .more{ margin: 0 auto;}
.more i{ margin-left: 10px;}
.more i::before{font-family: "iconfont"; font-size: 16px; content: "\e618"; font-weight: 300; text-shadow: none;}
.more:hover i::before{color: #113fab;}
section{position: relative;}
main{width: 1580px; margin: 0 auto; max-width: 92%; overflow: hidden;}

.overhei{ line-height: 1.1; height: 1.1em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.mtop50{ margin-top: 50px;}
.mtop60{ margin-top: 60px;}
.mtop80{ margin-top: 80px;}
.mtop40{ margin-top: 40px;}
.mtop20{ margin-top: 20px;}
/*分页样式*/ 


/*分页样式*/ 
.erbox{ padding:60px 0;}
.erbanner{ width: 100%; overflow: hidden; position: relative;}
.erbanner>img{ display: block; width: 100%;}
.ertex{ position: absolute; width: 1580px; max-width: 92%; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center;}
.ertex h1{ font-size: 42px; font-weight: bold;text-transform: uppercase;}
.ertex p{ font-size: 26px; margin-top: 24px;}
.ernav{ position: absolute; z-index: 4; left: 0; width: 100%; height: 80px; background: rgba(0,0,0,0.4); bottom: 0;}
.ernav .box{ display: flex;align-items: center; height: 100%;/* overflow-x: auto; */}
.ernav a::-webkit-scrollbar{ opacity: 0; height: 0;}
.ernav a i{ display: block; position: absolute; z-index: 5; left: 50%;transform: translateX(-50%); bottom: 0; width: 0; height: 2px; background-color: #fff; transition: 0.3s;}
.ernav a.on i,.ernav a:hover i{ width: 30px;} 
.ernav .swiper-slide{ height: 100%; display: flex; align-items: center;}
.ernav a{color: #fff; font-size: 20px; height: 40px; position: relative; line-height: 1.2;white-space: nowrap; display: block;}
.ernav .swiper-wrapper{ width: 100%;}
.swiper-container-free-mode>.swiper-wrapper {
            transition-timing-function: linear;
        }
.aaa{width: auto!important;}

.threnav{ display: flex;flex-wrap: wrap; box-sizing: border-box;/* padding:0 90px; */ justify-content: center;}
.threnav a{ padding: 0 20px; line-height: 50px; font-size: 18px; background-color: #ececec; border-radius: 3px; margin: 0 16px; margin-top: 26px;}
.threnav a:hover,.threnav a.on{ color: #fff; background-color: #113fab;}
/* 新闻 */
.tulist h1 img{ width: 100%; display: block;}
.tulist h1{ width: calc(33.3% - 48px); overflow: hidden;}
.tulist h1 img:hover{transform: scale(1.05);}
.tulist p{ font-size: 18px;margin-top:35px; line-height:2.2; height: 4.4em; overflow: hidden; color: #666;}
.tulist h4{font-size: 16px; color:#999999;}
.tulist h2{ font-size: 22px; margin-top: 22px; font-weight: bold;}
.xinwen{ padding: 50px 0; border-bottom: 1px solid #f1f1f1;}
.xinwen>span{ box-sizing: border-box; width: calc(66.6% - 24px);}
.xinwen{ display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap;}
.xinwen .more{ margin-top: 76px; color: #333; transition: 0.3s; width: 138px; height: 48px; font-size: 16px;}
.xinwen .more:hover{ color: #fff; background-color: #3b59b3;}
.xinwen .more:hover i::before{color: #fff;}
.newtop{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding-bottom: 55px;}
.newtop .new3box>h2{ margin-top: 26px;}
.newtop .new3box{ border-radius: 0;}
.newss{ width: 100%; background-color: #f1f1f1; padding: 22px 0;}
.newss main{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.newss span{ display: flex; align-items: center; flex-wrap: wrap;}
.newss span h1{ font-size: 30px; font-weight: bold; color: #113fab; margin-right: 50px;}
.newss span p{ color: #7a7a7a; font-size: 20px;}
.sousou{ width: 358px; background-color: #fff; height: 48px; border: 1px solid #e1e1e1; display: flex; transition: 0.3s; justify-content: space-between; align-items: center; max-width: 100%; box-sizing: border-box; padding: 0 20px;}
.souk{ width: calc(100% - 30px); font-size: 14px; font-weight: bold; border: none;}
input.souk::-webkit-input-placeholder{ color: #cccfda;}
.sous img{ display: block; cursor: pointer;}
.sousou:hover{ border: 1px solid #113fab;}


.cplist .kuai3box{ background-color: #f7f7f7; border-radius: 10px; margin-top: 30px; box-sizing: border-box; padding: 45px 40px; text-align: center;}
.cplist h1{ width: 268px; margin:0 auto; max-width: 100%;} 
.cplist h1 img{ width: 100%; display: block;}
.cplist h2{ line-height: 60px; height: 62px; position: relative; font-weight: bold; font-size: 20px; overflow: hidden; margin: 40px 0;color: #113FAB;}
.cplist h2 i{ position: absolute; left: 50%; bottom: 0; z-index: 4; width: 40px; height: 1px; background-color: #113FAB; transform: translateX(-50%);}
.cplist p{ font-size: 18px; line-height: 2; height: 4em; overflow: hidden; color: #666;}
.cplist .kuai3box:hover{ background-color: #113FAB;}
.cplist .kuai3box:hover h2,.cplist .kuai3box:hover p{ color: #fff;}
.cplist .kuai3box:hover h2 i{ background-color: #fff;}

.cpxq1{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.cpxq1>h1{ width: 376px;}
.cpxq1>h1 img{ display: block; border-radius: 10px; width: 100%; box-sizing: border-box; padding: 20px 30px; background-color: #f7f7f7;}
.cpxq1 .cpxq1ri{ width: calc(100% - 430px);}
.cpxq1ri>h2{ font-size: 24px; line-height: 1.5; color: #113fab; font-weight: bold; padding-bottom: 35px; border-bottom: 1px solid #d9d9d9; margin-bottom: 35px; margin-top: 20px;}
.cpxq2{ width: 100%; background-color: #f7f7f7; padding: 50px 0;}

.fwzcbox1{ background: url(../img/zc01.jpg) center top no-repeat #eef1f9; overflow: hidden; background-size: 100%; padding-bottom: 100px;}
.zccon1{ display: flex; box-sizing: border-box; border: 1px solid #e4e4e4; background-color: #fff; flex-wrap: wrap;}
.zccon1 span{ width: 50%; box-sizing: border-box; border-right: 1px solid #e4e4e4; padding: 80px 40px; text-align: center; transition: 0.3s;}
.zccon1 span:nth-child(2){ border: none;}
.zccon1 span h1{ font-size: 28px; font-weight: bold; transition: 0.3s;}
.zccon1 span p{ color: #666; min-height: 4em; font-size: 22px; line-height: 2em; margin-top: 40px; transition: 0.3s;}
.zccon1 span:hover{ background: url(../img/zc02.png) center center no-repeat; background-size: cover;}
.zccon1 span:hover h1,.zccon1 span:hover p{ color: #fff;}
.fwzcbox2{display: flex; flex-wrap: wrap;justify-content: space-between; align-items: flex-start;}
.fwzcbox2 span{ width: calc(25% - 28.5px);overflow: hidden; position: relative; transition: 0.3s;}
.fwzcbox2 span img{ display: block; width: 100%;}
.fwzcbox2 span:nth-child(2n){ margin-top:45px ;}
.fwzcbox2 span:hover img{ transform: scale(1.05);}
.fwzcbox2 span:hover{box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3);}
.fwzcbox2 span p{ position: absolute; z-index: 4; bottom: 0; left: 0; width: 100%; padding:30px 35px; box-sizing: border-box; font-weight: bold; font-size: 22px; color: #fff;}
.fwzcbox3{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.fwzcbox3 span{ background-color: #f8f8f8; width: calc(16.66% - 13px); box-sizing: border-box; transition: 0.3s; padding: 40px; margin-top: 20px;}
.fwzcbox3 span h1{ font-size: 60px; font-weight: bold; font-family: arial;background: linear-gradient(to bottom, #c6c6c6, rgba(255,255,255,0));-webkit-background-clip: text; color: transparent;}
.fwzcbox3 span p{ font-size: 18px; margin-top: 18px;}
.fwzcbox3 span:hover p{ color: #fff;}
.fwzcbox3 span:hover h1{background: linear-gradient(to bottom, #fff, rgba(255,255,255,0));-webkit-background-clip: text; color: transparent;}
.fwzcbox3 span:hover{ background-color: #113FAB;}
.fwzcbox4 .danye{ text-align: center;}
.zccon4{ margin-top: 100px;}
.zccon4 .con3con{ border: none;}
.zccon4 .con3con span h1{ font-family: arial; font-weight: bold; color: #2257d4; font-size: 62px;}
.zccon4 .con3con span i{ bottom: 10px; top: auto;}
.zccon4 .con3con span{ padding-left: 0;}
.zccon4 .con3con p{ font-size: 18px; margin: 0; background: url(../img/zc03.png) center top no-repeat; height: 72px; display: flex; align-items: center; color: #666;}
.zcmap{ margin-top: 100px;}
.zcmap img{ max-width: 100%; display: block; margin: 0 auto;}

.zxcon1{ display: flex; flex-wrap: wrap;}
.zxcon1 span{ width: 50%; display: flex; align-items: center; background-color: #2257d4; color: #fff;}
.zxcon1 span h1{ overflow: hidden; width: 100%;}
.zxcon1 span h1 img{ display: block; width: 100%;}
.zxcon1 span h1 img:hover{ transform: scale(1.05);}
.zxcon1 span p{ font-size: 24px; font-weight: bold; line-height: 2; padding: 0 60px; box-sizing: border-box;}
.zxcon2 table{ width: 100%;table-layout: fixed;}
.zxcon2 table tr{ border-bottom: 1px solid #eaeaea;}
.zxcon2 table th{ font-size: 18px; background-color: #f2f2f2;padding:22px 60px;}
.zxcon2 table td{ padding: 22px 60px; font-size: 18px; color: #666;word-break: break-all;}
.zxcon2 table th,.zxcon2 table td{ box-sizing: border-box;}
.djxq{ display: flex; align-items: center; cursor: pointer;}
.djxq:hover{ color: #113FAB;}
.djxq img{ margin-left: 10px;margin-right: 0; display: block;}
.djxqbox td{ padding: 0!important;}
.djxqcon{ background-color: #eaeaea; padding: 40px 60px;width: 100%; box-sizing: border-box; color: #333; overflow: hidden; padding-top: 0;}
.djxqcon>h1{ font-size: 16px; font-weight: bold; margin-top: 40px; margin-bottom: 12px;}
.djxqcon .danye{ font-size: 16px; color: #333; line-height: 2.2;}
.djxqbox{ opacity: 0; transition: 0.3s; display: none;}
.djxqbox.active{ opacity: 1; display: contents;}
.djxq.active img{ transform: rotate(-180deg);} 
.td1{ width: 25%;}

.gywm1top{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-bottom: 80px; border-bottom: 1px solid #e7e7e7;}
.gy1le h1{ font-size: 36px; color: #113fab; font-weight: bold;}
.gy1le p{ font-size: 22px; color: #7a7a7a; margin-top: 30px;}
.gy1le{ width: calc(100% - 800px);}
.gy1ri{ width: 726px;}
.gy1ri .con3con{ padding: 0;}
.gy1ri .con3con p{ margin-top: 8px;}
.gywm2{ position: relative; width: 100%;}
.gywm2::before{ position: absolute; left: 0; right: 0; z-index: -1; width: 100%; height: 490px; background-color: #efefef; content: "";}
.titlep{ font-size: 16px; color: #999999; text-align: center; margin-top: 25px;}
.gywm2con{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.gywm2k{ background-color: #000; width: calc(16.66% - 24px); box-sizing: border-box; transition: 0.3s; margin-top: 20px; overflow: hidden; position: relative;}
.gywm2k img{ display: block; width: 100%; opacity: 0.75;}
.gywm2k span{ z-index: 4; position: absolute; padding: 22px; box-sizing: border-box; width: 100%; left: 0; top: 0; color: #fff; font-weight: bold; font-size: 16px; line-height: 2;}
.gywm2k img:hover{ opacity: 0.5;}
/* .gywm2k:hover span{ display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; height: 100%;} */
.gywm3{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.gywm3 span{ width: calc(50% - 14.5px); background-size: cover; background-repeat: no-repeat; background-position: center center; box-sizing: border-box; padding: 50px; padding-bottom: 40px; background-color: #f7f7f7; margin-top: 30px; transition: 0.3s;}
.gywm3 span h1{ font-size: 26px; font-weight: bold; color: #113fab;font-style: italic; transition: 0.3s;}
.gywm3 span p{ width: 360px; max-width: 100%; font-size: 18px; line-height: 2; margin-top: 20px;transition: 0.3s;}
/* .gywm3 span:hover{ background-color: #113FAB; color: #fff;} */
/* .gywm3 span:hover h1,.gywm3 span:hover p{ color: #fff;} */
.gywm4{ background:url(../img/zjbj.jpg) center top repeat-y; background-size:100%; padding: 90px 0;}
.gywm4 .title1 h1{ font-size: 44px;}
.gywm4 .title1{ position: relative;}
.gywm4 .swiper-button-next,.gywm4 .swiper-button-prev{cursor: pointer; width: 38px; height: 38px; position: relative; right: auto;left: auto; top: auto; bottom: auto;border-radius: 50%; border: 1px solid #fff; display: flex; justify-content: center; align-items: center;opacity: 0.6;transition: 0.3s; margin: 0!important;}
.gywm4 img{ display: block; width: 100%;}
.gywm4 .swiper-button-next:hover,.gywm4 .swiper-button-prev:hover{opacity: 1;}
.gywm4box{ box-sizing: border-box; background-color: #fff; width: 100%; padding:60px; padding-top: 80px; padding-bottom: 50px;}
.gywm4con p{ text-align: center; font-size: 16px; margin-top: 30px; line-height: 1.5; height: 3em; overflow: hidden;}
.news_btn{ width: 108px;position: absolute; right: 0; top:0; display: flex; justify-content: space-between; align-items: center;}
.swiper-button-next:after, .swiper-button-prev:after{ color: #fff; font-size: 16px;}
.gywm6{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 5px;}
.gywm6con,.kuai4box{ width: calc(25% - 15px); margin-top: 30px;}
.gywm6tp{ width: 100%; color: #fff;line-height: 2;box-sizing: border-box; display: flex; align-items: center; padding-bottom: 68px; justify-content: center; text-align: center; background-position: center center; background-size: cover; background-color: #000;}
.gywm6tp h1{ font-size: 18px; font-weight: bold; }
.gywm6tp p{ font-size: 18px;}
.gywm6tp span{ padding: 40px;}
.gywm6bt{ width: calc(100% - 60px); margin: 0 auto; background-color: #fff; position: relative; margin-top: -68px; box-sizing: border-box; padding: 30px; box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.10); padding-top: 4px; overflow: hidden;}
.gywm6bt h1{ display: flex; line-height: 25px; font-size: 16px; color: #666; align-items: flex-start; justify-content: space-between; margin-top: 26px;}
.gywm6bt img{ display: block;}
.gywm6bt span{ width: calc(100% - 40px);}
.gywm6bt h1:nth-child(1){ font-size: 18px;}
.gywm5{ display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box;border-top: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;}
.gywm5 a{ width:16.66%; border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;box-sizing: border-box;}
.gywm5 a h1 {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px;
	height: 100%;
	width: 100%;
	border: 4px solid #fff;
	filter: grayscale(0);
	opacity: 1;
	transition: 0.3s;
}
.gywm5 a h1 img{ max-width: 100%;max-height: 100%;}
.gywm5 a:hover h1{border: 4px solid #e7e7e7; filter: grayscale(0); opacity: 1;}
/* .gywm6bt h1 p:nth-child(2){ height:50px;} */

.aljj1{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #efefef;}
.al1lle{ width: 790px; box-sizing: border-box; padding: 40px;}
.aljj1>h1{ width: calc(100% - 790px); overflow: hidden; transition: 0.3s;}
.aljj1>h1 img{ display: none;}
.aljj1>h1:hover{ opacity: 0.8;}
.aljj2{background: url(../img/al02.jpg) left 30% center; background-size: cover; width: 100%; padding-top: 100px; padding-bottom: 220px; color: #fff;}
.aljj2 .title1 h1{ color: #fff;}
.aljj2con{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; margin-top: -100px;}
.aljj2con img{ display: block; width: 100%;}
.aljj2con>span{ background-color: #000;}
.aljj2con span:hover img{ opacity: 0.7;}
.aljj4{display: flex; justify-content: space-between; flex-wrap: wrap;}
.aljj4 .kuai4box{ background-color: #f7f7f7; border-radius: 10px; box-sizing: border-box; padding: 40px; text-align: center;}
.aljj4 h1{ width: 100%; overflow: hidden; box-sizing: border-box; padding:0 10px;}
.aljj4 h1 img{ display: block;width: 100%;}
.aljj4 h2{ font-size: 20px; font-weight: bold; color: #113FAB; margin-top: 30px; line-height: 1.1; height: 1.1em; overflow: hidden;}
.aljj4 p{ font-size: 16px; color: #666; margin-top: 18px;line-height: 1.1; height: 1.1em; overflow: hidden;}
.aljj4 .kuai4box:hover{transform: translate(0, -8px);}

#certify {
	position: relative;
	width: 100%;
}

#certify .swiper-container {
	padding-bottom: 64px;
}

#certify  .swiper-slide {
	width: 55.5%;

}
#certify  .swiper-slide img{
	display:block;
	width: 100%;
	opacity: 0.5;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
	 width: 16px;
	 height: 4px;
	 border-radius: 4px;
	opacity: 1;
	background-color: #bbbdbc;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	opacity: 1;
	width: 42px;
	background-color: #113FAB;
}
#certify .aljj3box{ position: relative; border-radius: 10px; overflow: hidden; background-color: #fff;}
#certify .aljj3box>p{ position: absolute; width: 100%; box-sizing: border-box; bottom: 0; z-index: 4; color: #fff; opacity: 0; font-size: 18px; padding:30px 20px; line-height:1.5; text-align: center; background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
#certify .aljj3box.swiper-slide-active img,#certify .aljj3box.swiper-slide-active p{ opacity: 1;}


.pages{ margin-top:60px;}
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:#113fab;border:#113fab 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:#113fab;border:#113fab solid 1px;color:#FFF;}

.show_title{text-align: center;  border-bottom: 1px #ddd solid; padding-bottom: 30px;}
.show_title h1{font-size: 38px; font-weight: bold;}
.show_title h2{margin-top: 20px; font-size: 16px;color: #999; display: flex;align-items: center; justify-content: center;}
.danye{color: #666; line-height: 2.5;font-size: 18px;}
.danye img{max-width: 100%!important;height: auto!important;}
main.xqwith{ width: 1450px; margin: 0 auto; max-width: 92%;}


.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: #113fab; 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{text-align: center; }
.ertitle h1{ font-size: 30px; font-weight: bold; color: #333;}
.ertitle h2{ font-size: 16px; color: #666666; margin-top: 25px;}


.kuai3{ display: flex; flex-wrap: wrap;}
.kuai3 .kuai3box{ width: calc(33.3% - 20px); margin-right: 30px;}
.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;}