@charset "utf-8";
@font-face {
  font-family:'HarmonyOS_Sans_SC_Light';
  src: url("../font/HarmonyOS_Sans_SC_Light.ttf");
  font-display:swap;
  }
@font-face {
  font-family:'HarmonyOS_Sans_SC_Regular';
  src: url("../font/HarmonyOS_Sans_SC_Regular.ttf");
  font-display:swap;
  }
@font-face {
  font-family:'HarmonyOS_Sans_SC_Medium';
  src: url("../font/HarmonyOS_Sans_SC_Medium.ttf");
  font-display:swap;
  }
@font-face {
  font-family:'HarmonyOS_Sans_SC_Bold';
  src: url("../font/HarmonyOS_Sans_SC_Bold.ttf");
  font-display:swap;
  }
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; word-break: break-word;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; }
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{max-width: 100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
li{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:hover,li:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;} 
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1200{max-width:1200px;  margin:0px auto;}
.wow{visibility: hidden;}
.owl-carousel .owl-nav{height: 0;}

.f_red{color:#e60122;}

@media ( max-width:1300px){
    .w1200{padding:0 15px;}
}



/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; display: block; width: 100%;}
.effect-img:hover img,li:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span{height: 100%;}

.mousebtn{position:absolute; width:24px; height:34px; left:50%; bottom:5%; margin-left:-12px; z-index:99; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}

@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2}
}
@keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2;}
}

.whitebg{background: #fff;}
.boxbg,.effect-img span{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.relative{position: relative;}
.ptb3{padding: 3% 0;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.ptb5{padding: 5% 0;}
.title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

.Ban img{ width:100%;}

.Menu{background: #fff; border-bottom: 1px solid #e3e3e3; padding: 11px 0;}
.Menu .title{display: none; padding: 0px 20px; background: #0c4179; line-height: 40px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu ul{line-height: 56px; text-align: center;}
.Menu li{display: inline-block; line-height: 36px; font-size: 16px; margin: 0 8px;}
.Menu li a{display: block; color: #999; border-radius: 5px; padding: 0 30px;}
.Menu li:hover a,.Menu li.on a{color: #fff; background: #0c4179;}

.Container{background: #f7f7f7; min-height: 350px; height: auto !important; height: 350px;}

/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; width: 40px; line-height:40px; font-size:18px; color:#fff; margin:0px 4px; background: #c6c6c6;}
.Pages .a_prev,.Pages .a_next{font-family: "宋体";}
.Pages a:hover,.Pages a.a_cur{background:#0c4179;}
/*pages end*/

.Ban2{width:100%;display:none;}
.Ban2 img{width:100%;}

@media ( max-width:1200px){
    .Menu li a{padding: 0 15px;}
    .Ban2{display:block;}
    .mousebtn,.Ban{display: none;}
}

@media ( max-width:768px){
    .Ban{height: 250px;}
    .Menu{background: none; border-bottom: none;}
    .Menu .title{display: block;}
    .Menu ul{display: none; line-height: 36px; padding: 15px 0px; border: 1px solid #0c4179; text-align: left;}
    .Menu li{display: block; margin: 0; line-height: 30px;}
    .Menu li a{padding: 0px 20px;}
    .Menu li:hover a,.Menu li.on a{color: #0c4179; background: none;}
}

@media ( max-width:640px){
    .Pages a{line-height: 26px; width: 26px; font-size: 16px; margin: 0 2px;}
}

@media ( max-width:480px){
    .Ban{height: 200px;}
    .Menu ul{padding: 12px 0px;}
    .ptb3{padding: 5% 0;}
    .mb3{margin-bottom: 5%;}
}

/*Top*/
.HomeBody .Header,.fixednav.Header{position: fixed; left: 0; top: 0; width: 100%; z-index: 99;}
.HomeBody .Header{background: rgba(255,255,255,0.41);}
.fixednav.Header{background: rgba(255,255,255,0.95);}
.Header{width: 100%; box-shadow: 0 3px 20px rgba(0,0,0,0.1);position: relative;z-index: 9;}
.Top{position: relative;}
.Logo{width: 255px; float: left; padding: 15px 0px;}
.Logo img{display: block;height:59px;}
.Search{position:absolute; top:100%; right:0px; text-align: left; background:#fff; border:2px solid #0c4179; width:170px; padding-right: 50px; display:none; z-index:999;}
.Search .input{display: block; width: auto; padding:0px 10px; height:28px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:28px; width:50px; text-align:center; font-size:14px; color:#fff; background:#0c4179; position:absolute; top:0px; right:0px;}

.Showbox{width: 75%; float: right; position: relative;}
.Topinfo{position: absolute; right: 0px; top: 50%; margin-top: -12px; line-height: 24px; width: 69px;}


.Topinfo li a.sbtn,.Topinfo li.t2 a.lang{display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center;}
.Topinfo li.t1{float: left;}
.Topinfo li.t2{float: left;position:relative;}
.Topinfo li.t1 a.sbtn{background-image: url(../images/btn.png);}
.Topinfo li.t2 a.lang{background-image: url(../images/icon.png);}
.Topinfo li.t2 dl{display:none;position:absolute;top:24px;right:0px;width:100px;padding:10px 0;}
.Topinfo li.t2 dl::before{content:"";display:block;width: 0;height: 0;border:10px solid;border-color: transparent transparent #0c4179;position:absolute;top:-10px;right:0px;}
.Topinfo li.t2 dl dd{line-height:32px;}
.Topinfo li.t2 dl dd a{font-size:14px;color:#fff;background:#0c4179;display:block;padding:0 10px;box-sizing:border-box;text-align:center;}
.Topinfo li.t2 dl dd a:hover{background:#fff;color:#0c4179;}
.Topinfo li.t2:hover dl{display:block;}
.Header{position: relative;}
.Header .tel{right: 0;top: 0;position: absolute;height: 50px;padding: 20px;line-height: 25px;}
.Nav{padding-right: 80px;}
.Nav li{float:left; position:relative; width: 11.111111%; text-align: center; padding: 20px 0;}
.Nav li .am{display: block; font-size: 16px; line-height: 50px; color:#0c4179;}
.Nav li i{position: absolute; display: none; width: 60px; height: 60px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
.Nav li:hover .am,.Nav li.active .am{background: url(../images/navon.png) no-repeat center bottom;}
.Nav li:hover .am i,.Nav li.active .am i{opacity: 1;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:140px; margin-left:-70px; display:none; background: #0c4179; border-radius: 0px 0px 8px 8px;}
.Nav li .SubNav a{display:block; line-height:32px; font-size:14px; color:#fff; text-align:center;}
.Nav li .SubNav a:hover{background:#fff; color: #0c4179;}
.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
.Banner{position: relative;margin-top: 90px;}
.Banner .item .box{height:calc(100vh - 90px);overflow:hidden}
.Banner .item .box video{width:100%;height:100%;object-fit: fill;}
.Banner .item .box.boxbg .play{position: absolute;left: 50%;top: 50%;width: 60px;height: 60px;margin-top: -30px;margin-left: -30px;border-radius: 50%;z-index: 999;cursor: pointer;}
.Banner .item .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.38); display: flex; align-items: center; justify-content: center; flex-direction: column;display:none}
.Banner .item .txt img{width: auto;}
.Banner .item .txt .more{display: none; width: 159px; line-height: 40px; border: 1px solid #fff; background: rgba(255,255,255,0.35); text-align: center; font-size: 16px; color: #0c4179; margin: 5% auto 0;}
.Banner .owl-dots{text-align: right; position: absolute; left: 50%; right: 18.75%; bottom: 30px; height: 10px; line-height: 10px;}
.Banner .owl-dots .owl-dot{width: 10px; height: 10px; margin: 0px 5px; border-radius: 50%; background: #f8f8f8;}
.Banner .owl-dots .owl-dot.active{background: #0c4179;}
.Banner .owl-nav{position: absolute; bottom: 47px; left: 18.75%; right: 50%; z-index: 5; height: ;}
.Banner .owl-nav span{display: inline-block; width: 9px; height: 16px; background-repeat: no-repeat; line-height: 1000px; overflow: hidden;}
.Banner .owl-nav .owl-prev span{background-image: url(../images/left.png);}
.Banner .owl-nav .owl-next span{background-image: url(../images/right.png); margin-left: 28px;}

.Banner .active .item .txt{animation: bounceInDown 2s linear;}

.Bannermob{display:none;}

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable{height: 100%;}
.video-box .ytable-cell{ text-align:center;}
.video-box video{ width:90%; max-width:900px;}

@keyframes scaleIn {
    0% {
       -webkit-transform:scale(1.5); transform:scale(1.5); transition:500ms;
    }
    100% {
       -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
}
@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform:scale(1.5); transform:scale(1.5); transition:500ms;
    }
    50% {
    -webkit-transform:scale(1.2); transform:scale(1.2); transition:500ms;
    }
    100% {
        -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
}

@media ( max-width:1600px){
.Showbox{ width:60%; margin-right:12%}
.Topinfo{ right:6%;}
.Nav{ padding-right:40px;}
.Nav li{ width:auto; margin:0 1%; padding:20px 0.5%;}
}

@media ( max-width:1440px){
.Showbox{ width:60%; margin-right:15%}
.Topinfo{ right:13%;}
}

@media ( max-width:1024px){
	.Header .tel{position: static;padding: 0 20px;}    
	.Topinfo{right: 30px;width: 54px}
    .Logo{padding: 10px 0;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; background:rgba(0,0,0,.95); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.95); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%;}
    .Nav li{float:none; width:100%; text-align:left; padding: 0; background: none;}
    .Nav li .am{padding:5px 0px; color:#fff; font-size:18px; padding-left:40px;}
    .Nav li:hover .am, .Nav li.active .am{background:none; color: #0c4179;}
    .Nav li i{display: block;}
    .Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0;}
    .Nav li .SubNav a{padding-left:60px; text-align: left; font-size: 16px;}
    .Nav li.on .foldbtn{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav{display: block;}
    .Banner{margin-top: 110px;}
    .Banner .item .box{height: 500px;}
    .Banner .item .txt img{max-width: 60%; margin: 0 auto;}
    .Banner .item .txt .more{width: 80px; line-height: 26px; font-size: 14px;}
    .Banner .owl-dots{right: 20px;}
    .Banner .owl-nav{left: 20px;}
    .Bannerpc{display:none;}
    .Bannermob{display:block;}
    .Logo img{height:40px;}


}

@media ( max-width:768px){
    .Banner .item .box{height: auto;padding-bottom: 40%;}
}

@media ( max-width:480px){
    .Showbox{width: 80%;}
    .Logo{width: 180px; padding: 10px 0px;}
}
 

/*bottom*/
.Bottom{background: #0c4179; padding: 3% 0; line-height: 18px; color: #c6d5e6;}
.Bottom .txt{width: 50%;text-align: right;position: absolute;right: 15px;bottom: -10%;}
.Bottom .txt a{color: #c6d5e6;}
.bleft{width: 43%; float: left;}
.bleft .blogo{margin-bottom: 25px;}
.bleft dl dd{line-height: 24px;}
.bleft dl dd i{width: 20px; height: 16px; display: none;}
.bleft dl dd.c1 i{background-image: url(../images/c1.png);}
.bleft dl dd.c2 i{background-image: url(../images/c2.png);}
.bleft dl dd.c3 i{background-image: url(../images/c3.png);}
.bleft dl dd.c4 i{background-image: url(../images/c4.png);}
.bleft dl dd.c5 i{background-image: url(../images/c5.png);}

.bright{width: 540px;float: right;margin-top: 15px;}
.bright .codebox{width: 25%;text-align:center;line-height:40px;float: right}
.bright img{width: 105px; }
.bright .con{border: 1px solid #7593b3; border-left: none; width: 119px; float: right; color: #fff; text-align: center; padding: 19px 0 14px;}
.bright .con i{display: block; width: 30px; height: 25px; margin: 0 auto 9px; background: url(../images/wx.png) no-repeat;}

@media ( max-width:1300px){
    .Bottom .txt{right: 15px;}
}

@media ( max-width:768px){
    .Bottom .txt{position: static; width: auto; text-align: center; border-top: 1px solid #c6d5e6; margin-top: 15px; padding-top: 15px;}
    .bleft .blogo{display: none;}
    .bleft dl dd{position: relative; padding-left: 28px; margin-bottom: 5px;}
    .bleft dl dd i{display: inline-block; position: absolute; left: 0; top: 4px;}
}

@media ( max-width:480px){
    .Bottom{padding: 20px 0;}
    .bleft{width: auto; float: none;}
    .bright{float: none; margin: 10px auto 0;}
}



/*index*/
.Greybg{background: #eee;}
.HomeTit span{display: block; font-size: 54px; color: #666; font-family: Arial; text-transform: uppercase; line-height: 52px; letter-spacing: 0.1em;}
.HomeTit p{margin-top: 14px; font-size: 36px; line-height: 42px; color: #000;}

.HomeNews .hd{text-align: right; position: absolute; right: 0; bottom: 0;}
.HomeNews .hd li{display: inline-block; width: 98px; line-height: 34px; margin-left: 20px;}
.HomeNews .hd li a{display: block; color: #666; text-align: center;}
.HomeNews .hd li.on a{color: #fff; background: #0c4179;}
.HomeNews .bd{margin-top: 4%;}

.FocusBox{width: 50.58%; float: left; position: relative;}
.FocusBox li a{display: block; height: 442px;}
.FocusBox li .name{position: absolute; width: 100%; left: 0; bottom: 0; height: 50px; line-height: 50px; background: rgba(0,0,0,.7); font-size: 16px;}
.FocusBox li .name span{display: block; padding: 0 20px; color: #fff;}
.FocusBox .owl-dots{position: absolute; right: 27px; bottom: 21px; height: 10px; line-height: 10px;}
.FocusBox .owl-dots .owl-dot{width: 10px; height: 10px; margin: 0px 3px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.FocusBox .owl-dots .owl-dot.active{background-position: left bottom;}

.NewsBox{width: 45.41%; float: right; padding-top: 20px;}
.NewsBox li.first{padding-bottom: 28px; height: auto;}
.NewsBox li.first .title{display: block; font-size: 18px; height: 24px; line-height: 24px; color: #0c4179; font-weight: bold;}
.NewsBox li.first .info{margin: 17px 0 0px; line-height: 30px; color: #a9a9a9; -webkit-line-clamp: 3; font-size: 14px;}
.NewsBox  .more{display: block; width: 98px; line-height: 34px; background: #0c4179; color: #fff; text-align: center; font-size: 14px;margin: 0 auto;margin-top: 20px}
.NewsBox li{height: 46px; line-height: 46px; overflow: hidden; border-bottom: 1px dashed #eee; font-size: 16px;}
.NewsBox li .date{display: inline-block; width: 126px; color: #0c4179;}
.NewsBox li a{color: #000;}

.HomeAbout {background:#E3EDFD;float: left;width: 100%; }
.HomeAbout .box{padding-right: 57%;}
.HomeAbout .box .pic{position: absolute; width: 50%; height: 100%; right: 0; top: 0;}
.HomeAbout .box .pic .con{padding: 14px 38px 0; text-align: right; position: absolute; right: 0; bottom: 0; width: 50%; background: #fff; z-index: 2;}
.HomeAbout .box .pic .con .name{display: block; line-height: 24px; margin-bottom: 5px; color: #666;}
.HomeAbout .box .pic .con p{font-size: 12px; color: #c9c9c9; font-family: Arial; line-height: 16px;}
.HomeAbout .box .info{font-size: 16px; line-height: 36px; color: #666; /*-webkit-line-clamp: 4; */text-indent: 2em; margin: 50px 0;}
.DataList dd{float: left; width: 33.3333%;}
.DataList dd .num{padding-right: 24px; position: relative; display: inline-block; color: #0c4179; margin-bottom: 10px;}
.DataList dd i{font-size: 16px; font-weight: bold; position: absolute; right: 0; top: 0;}
.DataList dd .counter{font-size: 25px;font-family: 'HarmonyOS_Sans_SC_Medium'; line-height: 40px; display: block;}
.DataList dd p{font-size: 16px; color: #666; line-height: 24px;}
.HomeMore{display: block; width: 140px; line-height: 40px; margin: 4% auto 0; border: 1px solid #e5e5e5; font-size: 16px; text-align: center;}
.HomeMore:hover{background: #0c4179; border: 1px solid #0c4179; color: #fff;}

.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 {
  -webkit-line-clamp: 2;
}
.dot3 {
  -webkit-line-clamp: 3;
}
.dot4 {
  -webkit-line-clamp: 4;
}
.dot5 {
  -webkit-line-clamp: 5;
}
.dot6 {
  -webkit-line-clamp: 6;
}
.ytable {
  display: table;
  width: 100%;
}
.ytable-fixed {
  table-layout: fixed;
}
.ytable-cell {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width:1024px) {
  .ytable.xy,
  .ytable.xy > .ytable-cell{display: block;}
}

/*Floor003128 */
.Floor003128{background-color: #f9f9f9; overflow: hidden;font-family: 'SourceHanSansCN-Regular';}
.Floor003128 .slider-img .Ispic{position: relative;z-index: 1;}
.Floor003128 .slider-img .Ispic:after{position: absolute;content: ''; left: 0;bottom: 0;width: 100%;height:45.834%; opacity: 0.6;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.Floor003128 .slider-img .item{position: relative;}
.Floor003128 .slider-img .txt{position: absolute; bottom: 0; opacity: 0; left: 5%;right:6.184%;color: #fff;z-index: 4;transition: 0.5s 0.5s;padding-right: 3.5em;}
.Floor003128 .slider-img .slick-current .txt{bottom: 3.75em; opacity: 1;}
.Floor003128 .slider-img .tit{font-size: 2em; margin-bottom:0.5em;line-height: 1.5;}
.Floor003128 .slider-img .txt p{line-height: 2;font-size: 0.875em; margin: 0; max-width:76%;}
.Floor003128 .slider-img .txt .more{position: absolute;right: 0; bottom: 0;width: 3.125em;height: 3.125em;border-radius: 50%; background: url(../images/Floor003128-icon-white.svg) no-repeat center #0C4179; background-size: 1em auto;}

.Floor003128 .slider-nav .inside .icon{transition: 0.3s;}
.Floor003128 .slider-nav .inside .icon img{ max-height: 2.8125em;}
.Floor003128 .slider-nav .inside .icon img.hover{display: none;}
.Floor003128 .slider-nav li{cursor: pointer;transition: 0.3s;}
.Floor003128 .slider-nav .slick-current{background-color: #0C4179;}
.Floor003128 .slider-nav .slick-current aside{color: #fff;}
.Floor003128 .slider-nav .slick-current .icon img.default{display: none;}
.Floor003128 .slider-nav .slick-current .icon img.hover{display: inline-block;}
.Ispic{background-position: center;background-repeat: no-repeat;background-size: cover;}
@media (min-width:1025px) {
.Floor003128 .auto{position: relative;min-height: 60vh;}
.Floor003128 .slider-img{position: absolute;width:75%;right: 25%; top: 0;height: 100%;z-index: 1;}
.Floor003128 .slider-img .Ispic{height: 60vh;}
.Floor003128 .slider-nav{width: 28.542%; height: 60vh;float: right;z-index: 20;position: relative;}
.Floor003128 .slider-nav .ytable{height: 100%;}    
.Floor003128 .slider-nav .inside{display: table;width: 100%; table-layout: fixed; height:7.5vh; }
.Floor003128 .slider-nav .inside > *{display: table-cell;vertical-align: middle;}
.Floor003128 .slider-nav .inside .icon{text-align: center; width: 50%;}
.Floor003128 .slider-nav .inside aside{padding-right:0; background: url(../images/Floor003128-plus.svg) no-repeat right 3.125em center; background-size: 0.5625em auto;width: 200px;}
.Floor003128 .slider-nav .slick-current aside{background-image: url(../images/Floor003128-plus-white.svg)}
.Floor003128 .slider-nav .slick-current .icon{ width: 35.75%;padding-left:0;}
}
@media (max-width:1024px) {
.Floor003128 .slider-img .Ispic{padding-bottom: 72%;background-position: center;background-repeat: no-repeat;background-size: cover;}  
.Floor003128 .slider-img .txt{left: 3%;right: 3%;}
.Floor003128 .slider-img .slick-current .txt{bottom: 2em;}
.Floor003128 .slider-nav{overflow: hidden;height: 5em;}
.Floor003128 .slider-nav .inside{display: flex;align-items: center;height: 5em;padding: 0 0.5em;}
.Floor003128 .slider-nav .inside aside{flex: 1;}
.Floor003128 .slider-nav .inside .icon{width: 25%; flex-shrink: 0; margin-right: 5%;text-align: center;}
.Floor003128 .slider-nav .inside .icon img{ max-height: 1.5em;}
}


.HomeProduct{margin-left: -12px;}
.HomeProduct li a{display: block; margin: 0 0 0 12px; padding-top: 20px;}
.HomeProduct li .box{background: #fff; padding: 20px; text-align: center; transition: 500ms;border-radius:50%}
.HomeProduct li .box .icon{display: inline-block; width: auto; margin-bottom: 15px;margin-top:22px}
.HomeProduct li .box .name h3{font-size: 20px; color: #000; line-height: 30px;}
.HomeProduct li .box .name i{display: block; width: 21px; height: 2px; background: #0c4179; margin: 20px auto 0;}
.HomeProduct li .box .info{margin: 20px 0; line-height: 30px; color: #878787; -webkit-line-clamp: 3;display:none}
.HomeProduct li .box .more{display: inline-block; font-size: 16px; color: #000; border-bottom: 2px solid #0c4179;font-size:0}
.HomeProduct li:hover .box{margin-top: -20px; box-shadow: 0 3px 20px rgba(0,0,0,0.1);}
.HomeProduct .owl-nav span{font-size:60px;color:#0C4179;}
.HomeProduct .owl-prev{width:50px;height:50px;position:absolute;left:-60px;top:50%;margin-top:-25px;}
.HomeProduct .owl-next{width:50px;height:50px;position:absolute;right:-60px;top:50%;margin-top:-25px;}
.HomeCulture .box{padding-left: 390px;}
.HomeCulture .box .pic{width: 320px; position: absolute; left: 0; top: 0; height: 100%;}
.HomeCulture .box .pic img{display: none;}
.HomeCulture .box .list li{width: 48.14%; float: left; margin: 20px 0;}
.HomeCulture .box .list li:nth-child(2n){float: right;}
.HomeCulture .box .list li .name{line-height: 45px; color: #0c4179; font-size: 20px; padding-left: 50px; position: relative;}
.HomeCulture .box .list li .name .icon{position: absolute; left: 0; top: 0; transition: 500ms;}
.HomeCulture .box .list li .info{margin: 26px 0 36px; font-size: 16px; line-height: 32px; color: #666; /*-webkit-line-clamp: 2;*/height: 64px}
.HomeCulture .box .list li .more{display: inline-block; font-size: 16px; color: #000; border-bottom: 2px solid #0c4179;}
.HomeCulture .box .list li:hover .name .icon{margin-top: -10px;}
.HomeCulture .box .list li .info span{font-size: 16px !important}
@media ( max-width:1024px){
    .HomeTit span{font-size: 40px; line-height: 40px;}
    .HomeTit p{font-size: 25px; line-height: 30px; margin-top: 0;}
    .FocusBox li a{height: 389px;}
    .FocusBox li .name span{padding: 0 10px;}
    .FocusBox .owl-dots{right: 10px;}
    .NewsBox li.first{padding-bottom: 20px;}
    .NewsBox li.first .info{margin: 10px 0 20px; line-height: 24px;}
}

@media ( max-width:768px){
    .HomeTit span{font-size: 30px; line-height: 30px;}
    .HomeTit p{font-size: 22px;}
    .FocusBox,.NewsBox{width: auto; float: none;}
    .HomeAbout .box{padding-right: 0;}
    .HomeAbout .box .pic{position: static; width: auto; height: 400px; margin-top: 20px;}
    .HomeAbout .box .pic .con{display: none;}
    .HomeAbout .box .info{margin: 20px 0;}
    .DataList dd .counter{font-size: 30px;}
    .HomeProduct li .box .icon{width: 50px;}
    .HomeProduct li .box .name h3{font-size: 18px;}
    .HomeProduct li .box .info{line-height: 24px;}

    .HomeCulture .box{padding-left: 0;}
    .HomeCulture .box .pic{position: static; width: auto; background-image: none !important;}
    .HomeCulture .box .pic img{display: block; width: 100%;}
    .HomeCulture .box .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .HomeCulture .box .list li{margin: 20px 0 0;}
    .HomeCulture .box .list li .info{font-size: 14px; line-height: 24px; margin: 15px 0;}
    .HomeAbout .box .pic{height: 260px;}
}

@media ( max-width:480px){
    .HomeTit{text-align: center;}
    .DataList dd p{font-size: 14px;}
    .HomeNews .hd{position: static; width: auto; text-align: center; margin-top: 20px;}
    .HomeNews .hd li{margin: 0; width: 80px;}
    .FocusBox li a{height: 260px;}
    .NewsBox li.first .title{font-size: 16px;}
    .NewsBox li .date{width: 90px; font-size: 14px;}
    .HomeProduct li .box{padding: 20px 15px;}
    .HomeCulture .box .list li .name{font-size: 16px; line-height: 32px; padding-left: 35px;}
    .HomeCulture .box .list li .name .icon{width: 30px;}
    .HomeCulture .box .list li .info{margin: 10px 0;}   
    .HomeCulture .box .list li:nth-child(2n){height:150px;}
}

/* 公司简介 */
.Title01 h2{font-size: 26px; line-height: 39px; color: #222;}
.Title01 p{font-size: 20px; line-height: 30px; color: #ccc; font-family: Arial;}
.AboutBox .box{text-align: center; font-size: 16px; line-height: 36px; color: #666; padding: 0 100px 52px; margin-bottom: 58px; border-bottom: 1px solid #dcdcdc;}

.CultureBox li{width: 31.3333%; margin-right: 3%; float: left;}
.CultureBox li:nth-child(3n){margin-right: 0;}
.CultureBox li .con{padding-left: 66px;}
.CultureBox li .icon{position: absolute; left: 0; top: 0; transition: 500ms;}
.CultureBox li h3{line-height: 46px; color: #333; margin-bottom: 12px; font-size: 18px;}
.CultureBox li .info{color: #666; line-height: 26px; min-height: 78px;}
.CultureBox li:hover .icon{margin-top: -5px;}

.ValueBox{background: #ededed; padding: 28px 0 0;}

.CheackBox{padding-right: 46%;}
.CheackBox .con{border: 1px solid #e5e5e5; background: #fafafa; padding: 4%; color: #666; line-height: 30px;}
.CheackBox .con h3{font-size: 26px; color: #333;}
.CheackBox .con .info{margin: 32px 0 44px;}
.CheackBox .con .list dt{font-size: 18px; color: #0c4179; margin-bottom: 12px;}
.CheackBox .con .list dd{padding-left: 25px; position: relative;}
.CheackBox .con .list dd i{position: absolute; left: 0; top: 0; color: #0c4179;}
.CheackBox .box{position: absolute; right: 0; top: 0; width: 46%; height: 100%; background: #0c4179; font-size: 18px; line-height: 36px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.CheackBox .box .pic{width: 90%; margin-bottom: 34px;}

.HonnorBox{margin-left: -45px;}
.HonnorBox li a{display: block; margin-left: 45px;}
.HonnorBox li .pic{background-color: #f7f7f7; padding: 10% 4%;}
.HonnorBox li .pic span{display: block; padding-top: 60%; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.HonnorBox li .title{font-size: 18px; height: 24px; margin-top: 15px; color: #333; text-align: center;}
.HonnorBox .owl-nav .owl-prev span,.HonnorBox .owl-nav .owl-next span{width: 35px; height: 67px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -33px; z-index: 5;}
.HonnorBox .owl-nav .owl-prev span{left: 5px; background-image: url(../images/left2.png);}
.HonnorBox .owl-nav .owl-next span{right: -40px; background-image: url(../images/right2.png);}
.HonnorBox .owl-nav .owl-prev span:hover{background-image: url(../images/left3.png);}
.HonnorBox .owl-nav .owl-next span:hover{background-image: url(../images/right3.png);}

@media ( max-width:1300px){
    .HonnorBox{margin-left: 0px;}
    .HonnorBox li a{margin: 0 10px;}
    .HonnorBox .owl-nav .owl-prev span,.HonnorBox .owl-nav .owl-next span{width: 20px; height: 38px; margin-top: -19px;}
    .HonnorBox .owl-nav .owl-prev span{left: 0;}
    .HonnorBox .owl-nav .owl-next span{right: 0;}
}

@media ( max-width:1024px){
    .Title01 h2,.CheackBox .con h3{font-size: 22px; line-height: 30px;}
    .Title01 p{font-size: 16px; line-height: 24px;}
    .HonnorBox li .title{font-size: 16px; margin-top: 10px;}
}

@media ( max-width:768px){
    .AboutBox .box{padding: 0 0 5%; margin-bottom: 5%;}
    .CultureBox li .con{padding-left: 40px;}
    .CultureBox li .icon{width: 30px;}
    .CultureBox li h3{line-height: 30px; font-size: 16px; margin-bottom: 0;}
    .CheackBox .box{font-size: 16px; line-height: 30px;}
}

@media ( max-width:640px){
    .Title01 h2,.CheackBox .con h3{font-size: 20px;}
    .Title01 p{font-size: 14px;}
    .CultureBox li{width: 48%; margin-right: 0;}
    .CultureBox li:nth-child(2n){float: right;}
    .CheackBox{padding-right: 0;}
    .CheackBox .con .info{margin: 20px 0;}
    .CheackBox .box{position: static; display: block; width: auto; height: auto; padding: 20px;}
    .CheackBox .box .pic{width: 100%; text-align: center; margin-bottom: 15px;}
}

@media ( max-width:480px){
    .CultureBox li,.CultureBox li:nth-child(2n){width: auto; float: none; margin-bottom: 10px;}
    .CultureBox li .info{min-height: auto;}
}

/* 发展发展 */
.HistoryBox{background: url(../images/line1.png) repeat-y center top;}
.HistoryBox *{transition: all 0.3s;}
.HistoryBox li{position: relative; margin-bottom: 3%;}
.HistoryBox li .time{position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; width: 80px; line-height: 80px; border-radius: 50%; background: #fff; font-size: 20px; color: #666; font-weight: bold; text-align: center;}
.HistoryBox li .box{width: 42.5%; position: relative; float: left;}
.HistoryBox li.odd .box{float: right;}
.HistoryBox li .box .arrow{position: absolute; top: 50%; margin-top: -11px; width: 20px; height: 23px; background-repeat: no-repeat; background-size: cover;}
.HistoryBox li.even .box .arrow{background-image: url(../images/arr1.png); right: -20px;}
.HistoryBox li.odd .box .arrow{background-image: url(../images/arr2.png); left: -20px;}
.HistoryBox li.even:hover .box .arrow{background-image: url(../images/arr3.png);}
.HistoryBox li.odd:hover .box .arrow{background-image: url(../images/arr4.png);}
.HistoryBox li .txt{background: #fff; color: #666;}
.HistoryBox li .txt .effect-img,.HistoryBox li .txt .con{height: 200px;}
.HistoryBox li .txt .effect-img{width: 44%; float: right;}
.HistoryBox li .txt .con{width: 46%; padding: 0 5%; float: left; font-size: 16px; display: flex; align-items: center;}
.HistoryBox li:hover .txt{background: #0c4179; color: #fff; padding: 10px;}
.HistoryBox li:hover .txt .effect-img,.HistoryBox li:hover .txt .con{height: 220px;}
.HistoryBox li:hover .time{background: #0c4179; color: #fff;}

@media ( max-width:1024px){
    .HistoryBox li .txt .con{font-size: 14px;}
    .HistoryBox li .time{width: 60px; line-height: 60px; margin: -30px 0 0 -30px; font-size: 16px;}
}

@media ( max-width:640px){
    .HistoryBox li .txt .effect-img,.HistoryBox li .txt .con{width: auto; float: none;}
    .HistoryBox li .txt .con{display: block; padding: 20px; height: auto;}
    .HistoryBox li:hover .txt{background: #0c4179; color: #fff; padding: 0px;}
    .HistoryBox li:hover .txt .effect-img{height: 150px;}
    .HistoryBox li:hover .txt .con{height: auto;}
}

@media ( max-width:480px){
    .HistoryBox{background: none;}
    .HistoryBox li .box,.HistoryBox li.odd .box{width: auto; float: none;}
    .HistoryBox li .time{position: static; display: block; width: auto; line-height: 40px; border-radius: 0; margin: 0;}
    .HistoryBox li .arrow{display: none;}
}

/* 新闻中心 */
.NewsList ul{padding-bottom: 10px;}
.NewsList li{margin-bottom: 30px;}
.NewsList li a{display: block; background: #fff; padding: 3%;}
.NewsList li .effect-img{width: 39%; height: 244px; float: left;}
.NewsList li .con{width: 57%; float: right; padding-top: 28px;}
.NewsList li .con .date{display: block; color: #999; margin-bottom: 10px;}
.NewsList li .con .title{font-size: 20px; height: 24px; color: #333;}
.NewsList li .con .info{color: #888; margin: 13px 0 24px; -webkit-line-clamp: 2;}
.NewsList li .con .more{display: block; width: 118px; line-height: 32px; border: 1px solid #dadada; text-align: center; color: #888;}
.NewsList li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.NewsList li:hover .con .more{border: 1px solid #0c4179; color: #fff; background: #0c4179;}

@media ( max-width:1024px){
    .NewsList li{margin-bottom: 15px;}
}

@media ( max-width:768px){
    .NewsList li .con{padding-top: 15px;}
    .NewsList li .con .date{margin-bottom: 5px;}
    .NewsList li .con .title{font-size: 16px;}
    .NewsList li .con .info{margin: 5px 0 10px;}
    .NewsList li .effect-img{height: 180px;}
}

@media ( max-width:480px){
    .NewsList li a{padding: 15px;}
    .NewsList li .effect-img,.NewsList li .con{width: auto; float: none;}
}


/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; line-height:28px; font-size:14px; color:#333333;}
.PrevNextBox{padding:24px 0px 0px; border-top:1px solid #e7e7e7;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
    .ActiveContent .Atit h2{font-size:18px;}
    .ActiveContent .Atit em i{padding: 0px 5px;}
    .PrevNextBox{padding-top: 15px;}
}

.ProductList ul{margin: 0 10% 2.5%;}
.ProductList li{width: 48%; margin: 0 0 2% 0; float: left;}
.ProductList li *,.ProductList li{transition:all 0.3s}
.ProductList li:nth-child(2n){float: right;}
.ProductList li .effect-img{height: 240px;}
.ProductList li .name{padding: 15px; text-align: center;}
.ProductList li .name span{display: block; font-size: 18px; color: #333;}
.ProductList li .name p{font-family: Arial; line-height: 18px; color: #999;}
.ProductList li .name{background: #0c4179;}
.ProductList li .name span{color: #fff;}
.ProductList li .name p{color: rgba(255,255,255,0.6);}
.ProductList li {border-radius:10px;overflow:hidden}
.ProductList li:hover .name{background: none;}
.ProductList li:hover{box-shadow:0 0 15px rgba(0,0,0,.2);}
.ProductList li:hover .name span,.ProductList li:hover .name p{color: #333}
.ProductList li .fsxjd{height: 40px;line-height: 40px;text-align: center;}
.ProductList li .fsxjd .tcbtn{height: 30px;line-height: 30px;display: inline-block;border-radius: 5px;border: 1px solid #dedede;margin: 4px auto;font-size: 14px;color: #333;padding: 0 20px;cursor: pointer;}
.ProductList li .fsxjd .tcbtn:hover{background:#0c4179;border-color: #0c4179;color: #fff }
@media ( max-width:768px){
    .ProductList ul{margin: 0 0 2.5%;}
    .ProductList li .name span{font-size: 16px;}
}

@media ( max-width:640px){
    .ProductList li .effect-img{height: 170px;}
}

@media ( max-width:480px){
    .ProductList li,.ProductList li:nth-child(2n){width: auto; float: none; margin-bottom: 15px;}
}

/* 公益事业 */
.PublicList ul{padding-bottom: 10px;}
.PublicList li{margin-bottom: 28px;}
.PublicList li a{display: block; padding: 3% 4%; background: #fff;}
.PublicList li .effect-img{width: 27.17%; float: right; height: 200px;}
.PublicList li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(12,65,121,0.92); background-image: url(../images/fdj.png); background-repeat: no-repeat; background-position: center center; opacity: 0;} 
.PublicList li .con{width: 50%; float: left; color: #999; padding-top: 30px;}
.PublicList li .con .zw{display: block;}
.PublicList li .con .title{font-size: 26px; line-height: 40px; color: #0c4179; margin-bottom: 18px;}
.PublicList li .con .info{-webkit-line-clamp: 2;}
.PublicList li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.PublicList li:hover .mask{opacity: 1;}

@media ( max-width:768px){
    .PublicList li{margin-bottom: 15px;}
    .PublicList li .effect-img{height: 136px;}
    .PublicList li .con{width: 70%; padding-top: 15px;}
    .PublicList li .con .title{font-size: 20px; line-height: 30px; margin-bottom: 10px;}
}

@media ( max-width:480px){
    .PublicList ul{padding-bottom: 0px;}
    .PublicList li a{padding: 15px;}
    .PublicList li .effect-img,.PublicList li .con{width: auto; float: none;}
    .PublicList li .effect-img{height: 200px;}
}

/* 投资者关系 */
.ActiveList li{padding: 22px 38px; border-bottom: 1px solid #eee;}
.ActiveList li .con{position: relative; padding: 5px 20px 5px 105px; min-height: 74px;}
.ActiveList li .con .date{position: absolute; left: 0px; top: 0px; padding: 14px 0; width: 68px; text-align: center; font-family: Arial; color: #999; background: #f0f0f0;}
.ActiveList li .con .date span{display: block; font-size: 36px; line-height: 36px; font-weight: bold;}
.ActiveList li .con .date em{display: block; line-height: 22px;}
.ActiveList li .con .txt .title{font-size: 16px; height: 24px; color: #222; margin-bottom: 6px;}
.ActiveList li .con .txt .info{color: #888; -webkit-line-clamp: 2;}
.ActiveList li:hover{background-color: #fff; box-shadow: 0px 0px 20px #e5e5e5;}
.ActiveList li:hover .con .txt .title{color: #0c4179; font-weight: bold;}
.ActiveList li:hover .con .date{background: none;}
.ActiveList li:hover .con .date span{color: #0c4179;}

@media ( max-width:1024px){
    .ActiveList li{padding: 15px;}
    .ActiveList li .con{padding: 0px 0px 0px 90px;}
    .ActiveList li .con .date{padding: 10px 0;}
    .ActiveList li .con .date span{font-size: 26px;}
}

@media ( max-width:480px){
    .ActiveList li{padding: 15px 0;}
    .ActiveList li .con{padding: 0px 0px 0px 80px;}
    .ActiveList li .con .date em{font-size: 12px;}
}

/* 人力资源 */
.JobBox li{width: 33.33333%; float: left; background: #04a3eb;}
.JobBox li.i2{background: #26ac5b;}
.JobBox li.i3{background: #ef812a;}
.JobBox li .con{padding: 30px 10px 0; height: 210px; text-align: center; color: #fff;}
.JobBox li .con .icon{display: block; width: 55px; margin: 0 auto; transition: 500ms;}
.JobBox li .con .name{display: block; margin: 17px 0 20px; font-size: 26px; line-height: 29px;}
.JobBox li .con .info{line-height: 20px;}
.JobBox li:hover .con .icon{margin-top: -5px;}

.JobList li{margin-bottom:5px; background: #fff;}
.JobList li.First{margin-bottom: 0;}
.JobList li.First .Titname{color:#0b0b0b; overflow:hidden; font-weight:bold; background:#f0f0f0;}
.JobList li .Titname{display:block; float:left; width:20%; text-align:center; color:#222; font-size:16px; overflow:hidden; line-height:52px; height:52px; background: #fff;}
.JobList li .Titname:first-child{width: 40%; text-align: left; text-indent: 2em;}
.JobList li .Titname .detail{ background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; display: inline-block; vertical-align: middle; background-image: url(../images/arr5.png);}
.JobList li.lion .Titname .detail{background-image: url(../images/arr6.png);}
.JobList li.lion{box-shadow:0px 0px 25px #f3f3f3;}
.JobList li .Con{ display:none; margin: 0 2%; border-top: 1px solid #eee; padding:2%; position:relative; color: #222; line-height: 26px;}
.JobList li .Con .list{display: none; margin-bottom: 3%;}
.JobList li .Con .list p{width: 48%; float: left;}
.JobList li .Con .list p:nth-child(2n){float: right;}
.JobList li .Con dl dt{color:#888;}
.JobList li .Con .apply{display:block; margin:6px 0 0; width:120px; line-height: 34px; background:#0c4179; color:#fff; text-align:center;}

@media ( max-width:1024px){
    .JobBox li .con .name{font-size: 20px; margin: 10px 0;}
}

@media ( max-width:480px){
    .JobBox li{width: auto; float: none;}
    .JobBox li .con{padding: 20px; height: auto;}
    .JobBox li .con .icon{width: 40px;}
    .JobBox li:hover .con .icon{margin-top: 0;}
    .JobList li .Titname:first-child{text-indent: 1em; width: 80%;}
    .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(3){display: none;}
    .JobList li .Titname:nth-child(4){width: 20%;}
    .JobList li .Con .list{display: block;}
}

/*应聘表单*/
.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:20px; position: relative; padding-left: 66px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 50px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px; background: #fff;}
.recruitform dl.noborder dd{border: none; padding: 0; background: none;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background: #0c4179;}
.recruitform dl.btn input.reset{background:#ccc;}

@media ( max-width:480px){
    .recruitform{width:100%;}
}

/* 联系我们 */
.Map{height: 400px;}
.Map.w1{width: 48%;}
.ContactBox{margin: 0 80px;}
.ContactWay li{width: 32%; float: left; margin: 0 2% 4% 0;}
.ContactWay li:nth-child(3n){margin-right: 0;}
.ContactWay li .con{position: relative; padding-left: 66px;}
.ContactWay li .con .icon{position: absolute; left: 0; top: 0; width: 46px;}
.ContactWay li .con h3{font-size: 18px; color: #222; line-height: 30px;}
.ContactWay li .con .info{font-size: 15px; color: #999; min-height: 48px; font-family: Arial;}
.ContactWay ul{display: flex;flex-wrap: wrap;}
.Contact .pic{width:31%; float:left; position:relative;}
.Contact .pic img{display:block; width:100%;}
.Contact .pic .name{position:absolute; height:58px; top:50%; left:6%; margin-top:-29px;}
.Contact .pic .name h3{font-size:18px; line-height:26px; color:#0f0f0f;}
.Contact .pic .name h2{font-size:24px; line-height:32px; color:#2069bd;}
.Contact .txt{width:67%; float:right; font-size:16px; line-height:36px; color:#515151; padding:3% 0 0;}
.Contact .txt .name{color:#a0a0a0;}
.Contact .txt i{padding:0 30px;}

@media ( max-width:1300px){
    .ContactBox{margin: 0;}
    .Contact .txt i{padding: 0 3%;}
}

@media ( max-width:768px){
    .ContactWay li .con{padding-left: 40px;}
    .ContactWay li .con .icon{width: 30px;}
    .ContactWay li .con h3{font-size: 16px;}
    .ContactWay li .con .info{font-size: 14px;}
    .Contact .txt{line-height:24px; font-size: 14px;}
    .Contact .pic .name h2{font-size:20px;}
    .Map{height: 240px;}
    .Map.w1{width: auto; float: none;}
}
    
@media ( max-width:480px){
    .ContactWay li{width: 100%; margin-right: 0;}
    .ContactWay li:nth-child(2n){float: right;}
    .Contact .pic,.Contact .txt{width:auto; float:none;}
    .Contact .txt i{display:block; padding:0;}
    .ContactWay li .con .info{height:auto;line-height:17px;min-height: unset;}
}
@media ( max-width:400px){
    .ContactWay li .con .info{line-height:17px;}
}
/*20230616*/
.GpxxCon {
    margin: 40px 0;
}

.GpxxCon .GpLeft {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.GpxxCon .GpLeft .Gpnum {}

.GpxxCon .GpLeft .Gpnum .GpName {
    margin-right: 30px;
    padding-top: 10px;
}

.GpxxCon .GpLeft .Gpnum .GpName p {
    font-size: 18px;
}

.GpxxCon .GpLeft .Gpnum .GpName strong {
    font-size: 18px;
    font-weight: bold;
}

.GpxxCon .GpLeft .Gpnum .GpTxt strong {
    font-size: 48px;
    line-height: 52px;
    font-weight: bold;
    color: #da251d;
}

.GpxxCon .GpLeft .Gpnum .GpTxt img {
    position: relative;
    top: -10px;
    display: inline-block;
    margin: 0 10px;
}

.GpxxCon .GpLeft .Gpnum .GpTxt span {
    font-weight: bold;
    color: #da251d;
}

.GpxxCon .GpLeft .Gpul {
    padding: 15px 0;
    display: none
}

.GpxxCon .GpLeft .Gpul ul li {
    float: left;
    line-height: 36px;
   width: 33.33%;
   margin-top: 10px;
}
.GpxxBox .HomeTit span{font-size: 30px;line-height: 40px;}
.HomeAbout .left{width: 70%;float: left;}
.HomeAbout .Gpxx{width: 28%;float: right;}


@media ( max-width:768px){
.HomeAbout .left{width: 100%;float: left;}
.HomeAbout .Gpxx{width: 100%;float: left;margin-top: 20px;}

}
.Header{background:#fff;}
.zpbox{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 1;}
.zpbox .txt{text-align: center; position: absolute;left: 50%;top: 30%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.zpbox .txt h1{color: #fff;font-weight: normal;font-size: 40px;line-height: 60px;margin-bottom: 60px;padding:20px;background: rgba(12,65,121,1);white-space: nowrap;border-radius: 5px;}
.zpbox .txt p a{display: inline-block;padding: 0 60px;background: rgba(255,255,255,1);border-radius: 5px;height: 40px;line-height: 40px;margin: 0 20px;font-size: 18px;}
.zpbox .txt p a:hover{background: rgba(12,65,121,1);color:#fff;}

.zpbox:before{content:'';display: block;width:100%;height:100%;background:rgba(0,0,0,0.3);position: absolute;top:0;left:0;}


.rlzytit{font-size: 40px;text-align: center;font-weight: normal;color: #333;margin-bottom: 50px;}
.ywjs,.wytd,.xzxjs,.flhsh,.cjwd {display: inline-block;width: 100%;padding: 5% 0 2%}
.ywjs .slideTxtBox .hd {text-align: center;line-height: 40px;margin-bottom: 20px;}
.ywjs .slideTxtBox .hd li{display: inline-block;padding: 0 20px;margin: 0 10px;cursor: pointer;}
.ywjs .slideTxtBox .hd li.on{color: #fff;background: #0c4179;font-weight: bold;;border-radius: 5px;}
.ywjs .slideTxtBox .bd{display: block;width: 100%;padding: 30px;background: #fff;max-width:640px;margin:0 auto;box-sizing: border-box;}

.flhsh .list li{padding: 0 10px;}
.flhsh .list li .Ispic{padding-bottom: 80%;}

.xzxjs .xzxjs_b video{max-width: 100%;object-fit: cover;min-height: 600px;}

.cjwd .list{ float:right; width:100%;}
.cjwd .list .item{ margin-bottom:10px;}
.cjwd .list .item i.icon{ display:block; position:absolute; right:20px; top:20px; background:url(../images/cjwd-icon.png) -44px -82px no-repeat; width:21px; height:11px;transition:all 0.5s ease-out 0s; overflow:hidden;}
.cjwd .list .item .Q{ margin:0; line-height:50px; padding-left:75px; padding-right:50px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; position:relative; background:#f9f9f9; cursor:pointer;transition:all 0.5s ease-out 0s;}
.cjwd .list .item .Q>a{ color:#333333; font-size:14px;}
.cjwd .list .item em.icon{ position:absolute; top:0; left:0; width:50px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#fff;}
.cjwd .list .item .Q em.icon{ background:#0C4179;transition:all 0.5s ease-out 0s;}
.cjwd .list .item .A{ position:relative;padding:25px 25px 25px 75px; background:#f1f1f1; display:none;}
.cjwd .list .item .A em.icon{ background:#f9f9f9;color:#0C4179;transition:all 0.5s ease-out 0s;}
.cjwd .list .item.active .Q em.icon{ background:#0C4179; color:#fff;}
.cjwd .list .item.active i.icon{ background-position:-44px -70px;}
.cjwd .tel{text-align: center;font-size: 18px;margin-top: 20px;height: 40px;line-height: 40px;color: #333}
.cjwd .tel strong{font-size: 24px;font-weight: normal;color:#0C4179}



@media ( max-width:1024px){
    .rlzytit{font-size: 24px;line-height: 40px;}
    .zpbox .txt{width: 100%}
.zpbox .txt h1{font-size: 30px;line-height: 40px;}
.zpbox .txt p a{padding: 0 30px}
.xzxjs .xzxjs_b video{min-height: 300px;}

}
@media ( max-width:768px){
.zpbox .txt h1{font-size: 5.4vw;line-height: 1.2;margin-bottom: 40px;}
.zpbox .txt p a{padding: 0 20px;margin: 0 10px;font-size: 4.2vw;}
}

/*20230621*/
.PopupShengm{position: fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;left:0;z-index:9999;display: none;;;}
.PopupShengm .ShengmingBox{position: relative;background:#fff;max-width:1440px;width:40%;padding: 60px;border-radius: 10px; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);top:50%;left:50%;max-height: 90vh;min-height: 30vh}
.PopupShengm .ShengmingBox .close{position: absolute;right:20px;top:20px;cursor: pointer;z-index: 999;}
.PopupShengm .ShengmingBox .Con{text-align: center;}
.PopupShengm .ShengmingBox .Con h3{font-size: 24px;text-align: center;color: #333;font-weight: normal;margin-bottom: 40px;}
.PopupShengm .ShengmingBox .Con .text{height: 50px;line-height: 50px;width: 100%;float: left;margin-bottom: 20px;text-align: left;}
.PopupShengm .ShengmingBox .Con .text2{height: auto;}
.PopupShengm .ShengmingBox .Con .text span{float: left;width: 100px;text-align: right;}
.PopupShengm .ShengmingBox .Con .text input{width: calc(100% - 122px);border: 1px solid #dedede;float: right;height: 50px;line-height: 50px;text-indent: 10px;}
.PopupShengm .ShengmingBox .Con .text textarea{width: calc(100% - 142px);border: 1px solid #dedede;float: right;line-height: 30px;padding: 10px}
.PopupShengm .ShengmingBox .Con  .btn_submit{display: inline-block;margin: 20px auto;color: #0C4179;padding: 0 40px;height: 40px;line-height: 40px;border: 1px solid #0C4179;border-radius: 5px;cursor: pointer;}
.PopupShengm .ShengmingBox .Con  .btn_submit:hover{background:#0C4179;color: #fff }

.xunjia .table {display: flex;flex-direction: column;border: 1px solid #ccc;width: 100%;}
.xunjia .row {display: flex;flex-direction: row;border-bottom: 1px solid #ccc;}
.xunjia .cell {flex: 1;padding: 10px;border-right: 1px solid #ccc;align-items: center;justify-content: center;display: flex;line-height: 20px;}
.xunjia .row .cell:last-child{border-right: none;}
.xunjia .row:last-child{border-bottom: none;}
.xunjia h1{font-size: 24px;text-align: center;color: #333;font-weight: normal;margin-bottom: 40px;}
.xunjia .row.thead{text-align: center;font-weight: normal;font-size: 18px;background:#0C4179;color: #fff }
.xunjia .cell a{cursor: pointer;}
.xunjia .cell a:hover{color: #0C4179}