@charset "utf-8";
/* header&foot */
.box{width: 1350px; margin: 0 auto; max-width: 92%;}
header{ width: 100%; position: relative;}
a,img{color: #333; transition: 0.3s;}
a:hover{ color: #0155aa;}
.head{ width: 100%;}
.headtop{ width: 100%; background-color: #181878; height: 44px; color: #fff; font-size: 14px;}
.headtop .box{ height: 100%;}
.headtop a{ color: #ff0000; padding: 0 3px;}
.headtop span a{ color: #fff;}
.headtop span{ padding: 0 15px;}
.headtop a:hover{ text-decoration: underline;}
.headbox{ height: 110px;} 
.logo{ height: 65px;}
.logo img{ display: block; height: 100%;}

nav{ height: 100%; display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; flex: 1; margin-left: 10%;}
.nav-item{position: relative;height: 100%;}
.nav-box{display: flex;align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; height: 100%;}
.mc{display: none}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{ color: #333; font-size:18px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s;  padding: 0 20px;}
.first-nav a i{display: none; margin-left: 10px; transition: 0.3s;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav.on a{font-weight: bold;}
.second-nav{position: absolute; left: 50%; top: 110px; background: #fff;  box-sizing: border-box;  border-radius: 0 0 6px 6px; box-shadow: 0 0 10px rgba(0,0,0,.2); z-index: 99; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; min-width: 100%; transform: translateX(-50%);}
.second-nav a{color: #333; display: block; width: 100%;text-align: center; font-size: 16px; line-height: 2; transition: 0.3s;}
.second-nav a:hover{ color: #181878;}
.nav-item:hover .first-nav a{ font-weight: bold;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1; padding: 10px 0;}
.mBtn{ width: 40px; height: 40px; border-radius: 4px;cursor: pointer; box-sizing: border-box;display: none;}
.mBtn span{ display: block;  width: 26px;}
.mBtn span i{width: 100%; height: 2px; background: #181878; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color:transparent;}
.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;}

.banner,.swiper,.bannerbox,.swiper-slide{ width: 100%; overflow: hidden; height: auto;}
.swiper-slide img{display: block;width: 100%; object-fit: cover; image-rendering: pixelated;}
.swiper-pagination-bullet{ opacity: 0.9; width: 12px; height: 12px; background-color: #fff; border-radius: 100%; border: 3px solid #fff;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;border: 3px solid #fff; background-color: transparent;}
.swiper-pagination{ bottom: 20px!important;}

footer{ width: 100%; color: #ebebeb; background-color: #181878; overflow: hidden; margin-top: 0.3rem;}
.foot{ flex-wrap: wrap; padding: 30px 0; box-sizing: border-box;}
.ft0{ width: 346px; max-width: 100%;}
.ft0 img{ display: block; width: 100%;}
.ft1{ width: 320px;}
.ft1 img{ display: block; margin-right: 28px;}
.ft1 p{ font-size: 16px; color: #efefef;}
.ft1 h3{ font-size: 32px; font-family: Arial; font-weight: bold; color: #cecece; margin-top: 6px;}
.ft2 a{ display: block; background-color: #f7b20d; height: 40px; padding: 0 20px; color: #fff; line-height: 40px; font-size: 16px; margin-left: 8px;}
.ft2 a:hover{ background-color: #8282fe;}
.xian{ width: 100%; height: 1px; background-color: #3d3d8e;}
.ftdi{ padding: 20px 0; line-height: 2;display: flex; justify-content: center; flex-wrap: wrap; text-align: center; font-size: 16px;}
.ftdi i{ padding:0 5px;}
#toTop{ background-color:rgba(0,0,0,0.4); right: 20px; bottom: 90px; 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(1,85,170,0.8); }
#toTop img{ width: 60%;}
.tu{ position: relative; overflow: hidden;}
.tu::before{ content: ""; display: block; padding-top: 70%;}
.tu img{ position: absolute; left: 0; top: 0; z-index: 4; width: 100%; height: 100%; display: block;/*object-fit: contain*/}
.tu:hover img{ transform: scale(1.05);}

section{position: relative; padding: 0.35rem 0;}
main{width: 1350px; margin: 0 auto; max-width: 92%; }
.con1{ width: 100%; height: 88px; background-color: #f7f7f7;}
.con1 h1{ font-size: 22px; font-weight: bold; color: #fff; width: 93px; height: 100%; background: url(../img/bj1.png) center center no-repeat; display: flex; justify-content: center; align-items: center; border-radius: 3px;}
.con1 span{ display: block; width: calc(100% - 93px); box-sizing: border-box; padding: 0 30px; text-align: center;}
.con1 span h2{ font-size: 18px; color: #020202; font-weight: bold;}
.con1 span p{ font-size: 16px; color: #858585; margin-top: 5px;}
.con1 span:hover h2{ color: #181878;}
.con2{ width: 100%;}
.con2le{ width: 480px; max-width: 100%; background: url(../img/bj2.jpg) center top no-repeat; height: 480px;background-size: cover;}
.con2letu{ position: relative; width: 75px; background-color:#fff;}
.con2letu .tu::before{ padding-top: 140%;}
.con2letu p{ text-align: center; width: 100%; height: 28px; line-height: 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.7); z-index: 10;}
.con2letubox{  flex-wrap: wrap; width: calc(100% - 120px);}
.xing img{ display: block; width: 18px; margin-right: 2px;}
.con2lek .xing{ width: 110px;}
.con2lek{ width: 430px; margin: 0 auto; margin-top: 16px;}
.con2leti{ width: 100%;}
.con2leti img{ display: block; max-width: 90%;margin: 0 auto;}
.title{ width: 100%; border-bottom: 1px solid #dadada; height: 44px; align-items: flex-start;}
.title h1{ position: relative; font-size: 22px; color: #020202; margin-top: -5px; height: 50px; font-weight: bold;}
.title h1 i{ display: block; width: 100%; height: 3px; background-color: #181878; position: absolute; left: 0; bottom: -1px;}
.more img{ margin-left: 10px;}
.more{ font-size: 16px;}
.con2con{ width: calc(100% - 850px);}
.con2conbox{ width: 100%; margin-top: 0.05rem;}
.newlist{ width: 100%; height: 47px; line-height: 47px; border-bottom: 1px dashed #e0e0e0;}
.newlist h1{ font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width: calc(100% - 7em); box-sizing: border-box; background: url(../img/b1.png) 2px center no-repeat; padding-left: 30px;}
.newlist p{ font-size: 16px; color: #999;}
.newlist:hover h1{ background: url(../img/b.png) 2px center no-repeat;}
.con2 .newlist:last-child{border-bottom: none;}
.con2top{ margin-top: 0.2rem;}
.con2top img{ display: block; width: 180px; height: 120px;}
.con2top a{ width: 100%;}
.con2top span{ width: calc(100% - 200px); line-height: 28px;}
.con2top span h1{ font-size: 16px; font-weight: bold;}
.con2top span p{ color: #999; margin-top: 5px;}
.con2ri{ width: 310px; box-sizing: border-box; border: 1px solid #181878; height: 480px; background: url(../img/bj4.png) bottom center no-repeat;}
.con2ritop{ width: 100%; height: 90px; display: flex;justify-content:center; align-items: center; color: #fff; flex-direction: column;background: url(../img/bj3.png) center top no-repeat #1d2783;}
.con2ritop h1{font-size: 22px; font-weight: bold;}
.con2ritop img{ display: block;}
.con2ricon{ width: calc(100% - 0.6rem); margin: 0 auto; margin-top: 30px;}
.dlbox{ height: 38px; font-size: 16px; margin-top: 0.21rem; }
.dlbox p{ margin-right: 0.5em; text-align: right; width: 4em;}
.dlri{ width: calc( 100% - 4.5em); box-sizing: border-box; height: 38px; border: 1px solid #cdcdcd;display: flex; align-items: center;}
.dlri .intex{ border: none; height: 100%; width: 100%;padding: 0 10px; display: block; box-sizing: border-box;}
.dlri.yzm .intex{ width: calc(100% - 78px);}
.dlri.yzm img{ display: block; width: 68px; height: 100%; margin-right: 10px;}
.dlri select{ background: url(../img/xia.png) center right 10px no-repeat; color: #666;}
.dlri select option:checked,.dlri select option,.dlri select:checked{ color: #000;}
.dlri .intex,.dlbox p,.dlri{ font-size: 16px;}
.anniu{ width: 110px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 16px; background-color: #181878; color: #fff; transition: 0.3s;}
.anniu:hover{ background-color: #bf0000; cursor: pointer;}
.anniu.zhuce{ color: #333; background-color: #e0e0e0;}
.dlanniu{ margin-top: 0.26rem;}
.con3{ background-color: #fff6f6;}
.con3le{ width: 138px; display: flex; justify-content: center; align-items: center; color: #fff; background: url(../img/bj5.png) center bottom no-repeat #dc1e16; text-align: center;}
.con3le p{ font-size: 22px; font-weight: bold;}
.con3le a{ font-size: 16px; color: #fff; width: 96px; height: 36px; display: flex; justify-content: center; align-items: center;  border-radius: 36px; border: 1px solid #fff; margin: 0 auto;margin-top: 30px;}
.con3ri{ width: calc(100% - 198px); overflow: hidden; box-sizing: border-box; margin-top: 30px; margin-right: 30px; padding-bottom:30px; }
.con3ri .tu::before{ padding-top: 140%;}
.con3ri .tu img{background:#fff;}
.xinglist{ width: 180px; display: block; }
.xingtex{ font-size: 16px; margin-top:12px;}
.xingtex p{ margin-right: 12px;}
.gundong{flex-wrap: wrap;}
.gdlist{ padding-right: 30px;}
.con4{ align-items: flex-start; flex-wrap: wrap;}
.leftnav{ width: 225px;}
.con4con{ width: 660px;}
.con4ri{ width: calc(100% - 945px); height: 444px; overflow: hidden;}
.leftnav{background:linear-gradient(to bottom,#2a2ac2,#8d8df5);}
.leftnav a{ display: block; height: 52px; display: flex; justify-content: center; align-items: center; font-size: 18px; width: 100%; border-bottom: 4px solid #fff; color: #fff;}
.leftnav a:hover{ background-color: rgba(0,0,0,0.2);}
.leftnav a:last-child{ border-bottom: 0;}
.con4tu{ display: flex; flex-wrap: wrap;}
.con4tuk{ display: block; overflow: hidden; margin-right: 13px; margin-top: 15px;width: 155px;}
.con4tu:nth-child(1) img:hover{ transform: scale(1.05);}
.con4tuk:nth-child(4n){ margin-right: 0;}
.con4tuk .tu::before{ padding-top: 70%;}
.con4tuk .tu{width: 155px; max-width: 100%;}
.con4conbox{ margin-top: 5px;}
.con4tuk p{ width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; text-align: center; margin-top: 10px; font-size: 16px;}
.con4ribox{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; margin-top: 10px;}
.con4ribox .tu{ width: 100%;}
.con4ribox .tu::before{ padding-top: 75%;}
.con4ribox a{ margin: 0 5px; margin-top: 10px; display: block;width: 115px;}
.con5{ width: 100%; background-color: #f8f8f8;}
.con5box img{ width: 100%; display: block;}
.con5box img.sj{ display: none;}
.con6{ width: 100%; }
.con6box{ display: flex; flex-wrap: wrap;overflow: hidden;}
.con6box .swiper-button-next:after,.con6box .swiper-button-prev:after{ color: #fff; font-size: 26px;}
.splist{ width: 100%; position: relative; display: block;}
.splist span{ display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4;}
.splist span img{ display: block; width: 44px;}
.splist:hover span img{transform: scale(1.1);}
.con7box{ flex-wrap: wrap; margin-top: 13px;}
.con7boxcon{ width:calc(50% - 20px);}
.yjlistri{ width: calc(100% - 178px);}
.yjlist .tu{ width:156px;}
.yjlist .tu::before{ padding-top: 138%;}
.xylist{ margin: 0 5px; max-width: calc(100% - 10px);}
.xylist .tu::before{ padding-top: 134%;}
.xylist .tu{ width: 128px; max-width: 100%; margin: 0 auto;}
.yjlist{ margin-top: 15px; align-items: flex-start;}
.yjlist:hover .yjti{ background-color: #181878;}
.yjti{ width: 100%; background-color: #f7b20d; color: #fff; display: flex; flex-wrap: wrap; padding: 5px 0; font-size: 16px; transition: 0.3s;}
.yjti p{ margin-left: 28px; min-width: 12em;}
.yjtex{ font-size: 16px; line-height: 1.8; color: #6a6868; margin-top: 0.2rem;}
.xylistbox{ width: 25%; display: flex; justify-content: center;margin-top: 15px;}
.xylist span{ display: block; width: 100%; margin-top: 0.15rem; text-align: center;}
.xylist span p{ line-height: 1.4;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width: 100%;}
.con7ri{ display: flex; flex-wrap: wrap;}
.con8{ background-color: #f8f8f8;}
.con8box{ width: 100%; flex-wrap: wrap;margin-top: 0.1rem;}
.con8box .tulist{ width: calc(25% - 15px); margin-top: 0.2rem; display: block;}
.tulist p{ font-size: 16px; width: 100%; text-align: center; margin-top: 0.18rem;}
.con8new{ margin-top: 0.2rem; flex-wrap: wrap;}
.con8newcon{ width: calc(50% - 15px);}
.con9box{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.con9box a{ font-size: 16px;margin: 8px 0; margin-right: 0.3rem;}

/* 弹窗 */
.tkceng{ position: fixed; width: 100%; height: 100%; z-index: 9995; left: 0; top: 0; background: rgba(0,0,0,0.8); display: none; }
.tkbox{ position: fixed; width: 400px;z-index: 9996; left: 50%;top:50%;transform: translate(-50%,-50%);  border-radius: 20px; background-color: #fff;background: rgba(255,255,255,1);box-sizing: border-box; padding:30px 0px;display: none; max-width: 92%; padding-top: 0px;}
.tkbox .dlbox p{ width: 5em;}
.tkbox .dlri{width: calc( 100% - 5.5em);}
.tkbox .dlanniu{ justify-content: center; flex-wrap: nowrap;}
.tkbox .dlanniu .anniu{ width: 100%; margin: 0;}
.dlxia{ border-top: 1px solid #eaeaea;  margin-top: 20px; display: flex; align-items: center; width: 100%; justify-content: space-between; padding-top: 20px;}
.dlxia p{ color: #888; font-weight: bold;}
.dlxia p a{ color: #dd3333;font-weight: bold; cursor: pointer;}
.tantit{ font-size: 18px; font-weight: normal; width: 100%; overflow: hidden;}
.tantit a{ font-size: 14px;}

/* 二级分页 */
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin:0 8px;}  
ul.yiiPager li a{ width: 36px; height: 36px; border-radius:100%; 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:#181878;border:#181878 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:#181878;border:#181878 solid 1px;color:#FFF;}
ul.yiiPager li.shouye a{ width: 60px; border-radius: 36px;}

.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: #181878; 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;}
.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;}
.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;}

.show_title{text-align: center;  border-bottom: 1px #e1e1e1 solid; padding-bottom: 30px;}
.show_title h1{font-size: 28px; font-weight: bold;}
.show_title h2{margin-top: 20px; font-size: 16px;color: #999; display: flex;align-items: center; justify-content: center;}
.danye{line-height: 2;font-size: 16px; width: 100%;}
.danye img{max-width: 100%!important;}
.erbox{ width: 100%; align-items: flex-start; flex-wrap: wrap;}
.erright{ width: calc(100% - 250px);}
.tulistbox{ display: flex; flex-wrap: wrap; width: 100%;}
.tulist{ margin-top: 0.2rem;}
.newlistbox{ width: 100%;}
.lxmap{ box-sizing: border-box;width: 100%; height: 300px;}
.lxlist{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lxlist span{ margin-top: 0.2rem; background-color: #f9f9f9; display: flex; flex-direction: column; padding: 30px; box-sizing: border-box; width:32%; font-weight: bold;}
.lxlist span img{ width: 20px; height: 24px;}
.lxlist span p{  line-height: 1.8; font-size: 18px; margin-top: 20px;}
.pxbox{ display: flex; flex-wrap: wrap; width: 100%;}
.newtulist{ padding: 0.3rem 0; border-bottom: 1px solid #ececec;}
.newtulist .tu{ width: 200px;}
.newturi{ width: calc(100% - 220px);}
.newturi span{ width: 100%; align-items: center; }
.newturi span h2{ font-weight: bold; width: calc(100% - 8em); font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newturi span h4{ font-size: 16px; color: #858585;}
.newturi p{margin-top: 20px; font-size: 16px; line-height: 2;color: #858585;}
.tulistbox .xinglist{ margin-top: 0.2rem; display: block;}
.tulistbox .xinglist .tu::before{ padding-top:140%;}
.tulistbox .xinglist .xing img{ width: 16px;}
.shipinxq{ max-width: 1000px; margin: 0 auto;}
video{ display: block; width: 100%;}
.tulistbox .splist{ margin-top: 0.2rem;display: block;}

.chaxun{ width: 550px; margin: 0 auto; height: 42px; border: 1px solid #e2e2e2; max-width: 100%;}
.chaxun input{ display: block; border: none; background: transparent; width: calc(100% - 110px); box-sizing: border-box; padding: 0 15px; font-size: 16px;}
.cx_con{ width: 800px; margin: 0 auto; max-width: 100%;}
.cx_con img{ display: block; width: 100%;}
.cx_tu p{ width: 100%; text-align: center; font-weight: bold;font-size: 16px; margin-top: 15px;}
.cx_tu{ margin-top: 20px;}

select::-ms-expand { display: none;} 
select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input::placeholder{color:#999;}
.kuai4{ width: calc(25% - 15px)!important; margin-right: 20px;}
.kuai6{ width: calc(16.66% - 10px)!important; margin: 0 5px; margin-top: 0.1rem;}
.kuai4:nth-child(4n){ margin-right: 0;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.dianji{ cursor: pointer;}
.mtop40{ margin-top: 40px;}
.mtop30{ margin-top: 30px;}
.mtop20{ margin-top: 20px;}
.mtop10{ margin-top: 10px;}


/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 4; /* 限制最大行数为4行 */
        -webkit-line-clamp: 4; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov5{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 5; /* 限制最大行数为5行 */
        -webkit-line-clamp: 5; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
		
.banner img,.lctubox img{
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-optimize-contrast; /* Webkit (Safari/Chrome) */
	image-rendering: pixelated; /* Standards */
	}