@charset "utf-8";
html.active {overflow: hidden;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {margin: 0;padding: 0;border-radius: 0;}
html,body {height: 100%}
body {font-size: 14px;font-family: "微软雅黑", Microsoft YaHei, pingfang, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;color: #333;min-width: 320px;word-wrap: break-word;margin: 0;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;appearance: none !important;-webkit-appearance: none !important;}
a {background-color: transparent;text-decoration: none !important;cursor: pointer !important;color: #000;}
a:active,a:hover {outline: 0;}
a:focus {outline: none;}
ul {margin: 0;}
ul li {list-style: none;}
.clearfix {clear: both; width: 100%; display: block;}
.clearfix30 {clear: both; width: 100%; display: block; height: 30px;}
.w_1290 { width: 1290px; margin: 0 auto;}

body {padding: 95px 0 0 0;}

.indexhead { width: 100%; position: relative;}
/* 首页大图切换 */
.fullSlide{ width:100%;  position:relative;  height:800px; background:#000;  }	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.fullSlide .bd ul{ width:100% !important;  }	
.fullSlide .bd li{ width:100% !important;  height:800px; overflow:hidden; text-align:center;background-size: cover;background-repeat:no-repeat;background-position:center center}	
.fullSlide .bd li a{ display:block; height:800px; }	
.fullSlide .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:60px; line-height:60px;text-align:center;}	
.fullSlide .hd ul{ text-align:center;  padding-top:5px;}	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline;border-radius:50%; zoom:1; width:12px; height:12px; margin:5px; background:#fff; overflow:hidden;line-height:9999px;}	
.fullSlide .hd ul .on{ background-position:0 0; background: #000;}

.indexnav {position: fixed;width:100%;top: 0;height:83px;z-index:10001}
.logo {height: 68px;width: 370px;float: left;overflow: hidden;}
.logo img {vertical-align:middle; height: 60px; margin-right: 15px;}
.logo a { color: #fff;}
.nav{ line-height:70px;position:relative; z-index:999; width:auto; float: right;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left; font-weight: normal; padding: 0 25px;}
.nav .nLi h3 a{ display:block; padding:0 5px; font-size:18px; color: #fff;}
.nav .sub{ display:none;left:0; top:85px;position:absolute; background:#fcc93f;  line-height:40px; padding:5px 0;min-width: 135px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block;color: #333; width: 100%; text-align: center; font-size: 16px;}
.nav .sub a:hover{color:#000;font-weight: bold;}
.nav .on h3 a{color:#fcc93f; border-top:3px solid #fcc93f; font-weight: bold;}
.dyy { line-height:50px; font-size: 16px;float: right;background-color: rgba(255, 255, 255, 0.3); margin: 10px 0 0 0; padding: 0 5px;}
.dyy a { color: #333; margin: 0 5px;}
.indexnav .bt { padding: 12px 1% 0 3%;width: 96%;height: 83px;}
.scrolled .bt { background: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: relative;z-index: 999;}
.scrolled .logo a {color: #333;}
.scrolled .nav .nLi h3 a { color: #333;}
.scrolled .nav .on h3 a {color: #C59104;}
.scrolled .dyy {background-color: rgba(252, 201, 63, 0.3);}

.inp1 { padding: 40px 0 90px 0; width: 100%; display: block;}
.inp1 h2 { line-height: 80px; width: 100%; display: block; font-size: 26px;}
.incpbox { width: 100%; height: 600px; overflow: hidden;display: grid;grid-template-columns: repeat(4, 1fr);}
.incpbox .x {float: left;background:no-repeat center center;transition:all .7s ease 0s; height: 600px; width: 322.5px; position: relative; overflow: hidden;}
.incpbox .x h2 { color: #fff; width: 100%; text-align: center; padding:265px 0 0 0; height: 335px; font-size: 24px;}
.incpbox .x h2 img { display:block; margin: 0 auto;}
.incpbox .x h3 { display: none;}
.incpbox .x ul { display: none;}
.incpbox .x:hover span {background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1)); width: 100%; display: block; height: 600px; position: absolute; top: 0; left: 0;z-index: 100;}
.incpbox .x:hover h2 {display: none;}
.incpbox .x:hover h3 {display: block; color: #fff; position: absolute; top: 176px; left: 45px; z-index: 101; font-size: 24px; width: 80%;}
.incpbox .x:hover h3 i {font-style: normal; float: left;}
.incpbox .x:hover h3 a {border: 1px solid #fff; color: #fff;border-radius: 30px; float: right; padding: 0 15px; font-size: 16px; font-weight: normal; margin: 5px 0 0 0; display: block;}
.incpbox .x:hover h3 a:hover {background: #fcc93f; color: #333; border: 1px solid #fcc93f;}
.incpbox .x:hover ul { display: block;height: 200px; top: 225px; left: 45px; position: absolute; z-index: 101; overflow: hidden;}
.incpbox .x:hover li { width: 200px; height: 200px; float: left; margin-right: 15px;}
.incpbox .x:hover li a {}
.incpbox .x:hover li a img {transition: transform 0.3s ease; width: 200px; height: 200px;}
.incpbox .x:hover li a img:hover {}
.inp2 { background: #fbfbfb; padding: 40px 0 76px 0; width: 100%; display: block;}
.inp2 h2 {font-size: 24px; color: #333; line-height: 80px; height: 80px; overflow: hidden;}
.inp2 .lf { width: 780px; float: left;}
.inp2 .lf li {border-bottom: 1px dotted #cccccc;margin-bottom: 20px;padding-bottom: 20px; width: 780px; height: 120px;}
.inp2 .lf li a { display: block; width:580px; height: 180px; position: relative; padding: 0 0 0 200px;}
.inp2 .lf li img { height: 120px; width: 180px; position: absolute; top: 0; left: 0;transition: transform 0.3s ease;transform-origin: center;}
.inp2 .lf li strong { width: 580px; height: 30px; overflow: hidden; display: block; font-size: 18px; color: #333e46; line-height: 30px;}
.inp2 .lf li span { font-size: 16px; color: #c59104; width: 580px; display: block; font-weight: bold; line-height: 40px;}
.inp2 .lf li p { font-size: 14px; color: #5A5A5A; line-height: 22px; width: 580px; height: 44px; overflow: hidden;}
.inp2 .lf li a:hover strong {color: #c59104;}
.inp2 .lf li a:hover img {transform: scale(1.05);}
.inp2 .rg { width: 450px; float: right;}
.slideBox{ width:450px; height:300px; overflow:hidden; position:relative; margin-bottom: 30px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width: 450px; height: 300px; position: relative;}
.slideBox .bd li span {background-color: rgba(0, 0, 0, 0.5); height:50px; line-height:50px; display: block; width:430px; padding: 0 10px;overflow: hidden; position: absolute; left: 0; bottom: 0px; color: #fff; text-align: center; font-size: 16px; font-weight: bold;}
.slideBox .bd img{height:300px; display:block;}
.txtMarquee-top { overflow:hidden; position:relative; height: 120px;}
.txtMarquee-top .bd{}
.txtMarquee-top .infoList li { height:30px;font-size: 15px;}
.txtMarquee-top .infoList li a { width: 430px;line-height:30px; height: 30px;display: block;overflow: hidden; background: url(./icon21.png) no-repeat 0px 6px; padding: 0 0 0 20px;}
.txtMarquee-top .infoList li a:hover { color: #c59104;}
.inp3 { padding: 40px 0 76px 0; width: 100%; display: block;}
.inp3 h2 {font-size: 24px; color: #333; line-height: 80px;}
.inp3 ul {display: grid;grid-template-columns: repeat(3, 1fr);gap:10px 35px;}
.inp3 li a { width: 408px; height: 269px; display: block;}
.inp3 li a p { width: 408px; height: 272px; display: block; position: relative; overflow: hidden;}
.inp3 li a p img {height:272px;object-fit: cover; width: 408px;}
.inp3 li a p span { position: absolute; width: 408px; height: 272px;background-color: rgba(252, 201, 63, 0.8); left: 0; top: 0;opacity: 0;transition: opacity 0.5s ease, transform 0.5s ease;transform: translateY(100%); text-align: center; line-height: 272px; color: #fff; font-size:90px; font-weight: normal;}
.inp3 li a strong { width: 408px; height: 60px; text-align: center; overflow: hidden; display: block; font-size: 18px; line-height: 60px; color: #333e46;}
.inp3 li a:hover p span {opacity: 1;transform: translateY(0)}
.inp3 li a:hover strong {color:#c59104;}
.inp4 { background: #fbfbfb; padding: 40px 0 76px 0; width: 100%; display: block;}
.inp4 h2 {font-size: 24px; color: #333; line-height: 80px;}
.inp4 dl {float: left;display: grid;grid-template-columns: repeat(2, 1fr);gap:20px;}
.inp4 dt { width: 310px; height: 160px; background: #fff;}
.inp4 dt a {font-weight: bold;font-size: 18px; padding:62px 0px; width:310px; height:36px; display: block; text-align: center; color: #5a5a5a;}
.inp4 dt a img { width: 36px; height: 36px; vertical-align:middle; margin-right: 14px;transition: transform 0.3s ease;transform-origin: center;}
.inp4 dt:nth-child(1),.inp4 dt:nth-child(4) {background:#fcc93f;}
.inp4 dt:nth-child(1) a,.inp4 dt:nth-child(4) a {color: #333;}
.inp4 dt a:hover img {transform: scale(1.1);}
.inp4 h5 { width: 576px; height: 300px; background: #fff; float: right; padding:40px 22px 0 22px;}
.inp4 h5 strong {font-size: 22px; width: 100%; display: block;line-height: 36px; height: 36px; overflow: hidden;}
.inp4 h5 p { color: rgb(136, 136, 136);font-size: 16px;font-weight: normal; line-height:27px; height: 216px; overflow: hidden;}
.inp4 h6 { width: 1290px; height: 360px; display: block; margin: 30px 0 0 0;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.inp4 h6 a { width: 1290px; text-align: center; height:240px; display: block; padding: 120px 0 0 0; position: relative;}
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.inp4 h6 a img { display: inline-block;animation: blink 2s infinite;}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;z-index:999;}
.popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width:800px;padding: 20px;background: white;border-radius: 5px;z-index: 1001;display: none;}
.popup h2 { margin-bottom: 20px;}
.close-btn {position: absolute;top:4px;right: 11px;cursor: pointer;font-size:36px;}

.inp5 li {border-bottom: 2px solid #c59104;}
.inp5 li a p { height: 200px;}
.inp5 li a p img {height: 200px;}
.inp5 li a p span { height: 200px; line-height: 200px;}
.inp5 li a i {font-style: normal; color: #5a5a5a; display: block; padding: 0 59px; font-size: 14px; line-height: 22px; text-align: center;height: 44px; overflow: hidden;}

.footer { width: 100%; display: block;min-height:100px; background: #333;}
.pinpai { border-bottom: 1px solid #434343; padding:20px 0 40px 0; height: 100px; overflow: hidden;}
.pinpai li { width: 200px; height: 100px; float: left; margin: 0 10px;}
.pinpai img { width: 200px; height: 100px;display: block;}
.footnav { width: 100%; display: block; padding:50px 0 50px 0;}
.footnav .n1 { width: 430px; float: left; min-height: 250px;}
.footnav .n1 dt {font-size: 22px; color: #fff; font-weight: bold; line-height:56px;overflow: hidden;margin: 20px 0 0 0px;}
.footnav .n1 dt img { height: 43px; vertical-align: middle; margin-right: 15px;}
.footnav .n1 dd { width: 294px;display: block;}
.footnav .n1 dd p {font-size: 14px; color: #ccc; line-height: 24px; max-height:96px; overflow: hidden;margin: 18px 0;}
.footnav .n1 dd strong { font-size: 27px; color: #C59104; width: 100%; display: block; line-height: 68px;margin: 0 0 22px 0;}
.footnav .n1 dd a {border: 1px solid #ccc; color: #ccc; padding:0 20px; line-height: 30px; height: 30px; display: inline-block;}
.footnav .n1 dd a:hover {border: 1px solid #C59104; color: #000; background: #C59104;}
.footnav .n2 { width: 230px; float: left;min-height: 250px;}
.footnav .n2 dt {font-size: 18px;line-height: 96px; height:88px; overflow: hidden;color: #fff;}
.footnav .n2 dd { line-height: 36px;}
.footnav .n2 dd a { color: #ccc;}
.footnav .n2 dd a:hover { color: #C59104;}
.footnav .n3 { width:300px;}
.footnav .n3 dd { color: #fff;}
.footnav .n4 { width: 270px; min-height: 154px;padding: 96px 0 0 0;float: right;display: grid;grid-template-columns: repeat(2, 1fr);gap:25px;}
.footnav .n4 dd { text-align: center; color: #fff; line-height: 40px;}
.footnav .n4 dd img { width: 100%; display: block;}
.foot {text-align: center; color: #CCCCCC; line-height: 105px; background: #3d3d3d;}
.foot a {color: #ccc;}
.foot a:hover {color: #C59104;}

.nei_banner {height: 600px;}
.nei_banner .bd li {height: 600px; background-position: center center;}
.nei_banner .hd {display: none;}
.mbx { height: 50px; line-height: 50px; background: #f7f7f7;}
.mbx h2 {float: left; font-weight: normal; font-size: 14px;}
.mbx h2 a {color: #333;}
.mbx ul {float: right;}
.mbx li {float: left;font-size: 16px;}
.mbx li a { display: block; padding: 0 50px;}
.mbx li a.on { background: #fcc93f; color: #000;}
.mbx li a.on:hover {background: #fcc93f;}
.mbx li a:hover {background: #ddd;}
/* page */
.fenye {clear:both;line-height:30px;padding:6px 0 0px;text-align:center;display:block;zoom:1; font-size: 16px;}
.fenye li {display: inline; background: none;}
.fenye a{vertical-align:middle; zoom:1; padding:6px 10px;margin:0 5px;color:#333333; background:#fff;border:#DDDDDD 1px solid;}
.fenye a.page-num-current { background: none; border: 0px solid #fff;}
.fenye a:hover{background-color:#333333;border:1px solid #333333;color:#ffffff;text-decoration: none;}
.fenye a.on:hover { background: none; color: #333; border: 0px solid #fff;}

.cplist { padding: 30px 0 0 0;}
.cplist ul {display: grid;grid-template-columns: repeat(4, 1fr);gap:35px 35px; width: 1290px}
.cplist li { text-align: center; line-height:60px; font-size: 16px; overflow: hidden;border: 1px solid #eee; height: 264px;}
.cplist li:hover {border: 1px solid #fcc93f;}
.cplist li a {display: block; width: 100%; height: 264px;}
.cplist li img { width: 100%; display: block;transition: transform 0.3s ease;transform-origin: center;height: 221px;}
.cplist li a:hover img {transform: scale(1.05);}
.cplist li span {    width: 90%;display: block;height: 43px;overflow: hidden;padding: 0 5%;line-height: 43px;background: #999;color: #fff;}

.news { padding:40px 0;}
.news .w_1290 {border: 1px solid #eee; width: 1288px; padding: 20px 0 0 0;}
.news h2 {font-size: 25px;line-height: 70px; text-align: center;}
.boxs { padding: 25px 30px;width: 1228px;clear: both; font-size:1.1rem; line-height: 2.3rem; color: #333;}
.boxs p {text-indent: 0em;}
.boxs img {max-width: 1228px; margin:20px 0 0 0;}

.newslist { padding: 40px 0;}
.newslist .w_1290 {border: 1px solid #eee; padding: 0 60px; width: 1168px;}
.newslist dl {border-bottom: 1px dashed #ddd;}
.newslist dt { line-height:45px;font-weight: bold; font-size:20px; padding: 15px 0;}
.newslist dt a {color: #333;}
.newslist dt a:hover { color: #C59104;}
.newslist dd { width: 100%; display: block;}
.newslist dd a { color: #c59104;}
.newslist dd img { width: 270px; height: 182px;object-fit: cover; float: left; margin-right: 20px;transition: transform 0.3s ease;transform-origin: center;}
.newslist dd:hover img {transform: scale(1.05);}
.newslist dd.l1 { color: #666; line-height: 30px; font-size: 16px; height: 185px; overflow: hidden;}
.newslist dd.l2 { width: 100%; text-align: right; color: #ccc; height: 40px;}

.img2list { padding:30px 0 20px 0;}
.img2list ul {display: grid;grid-template-columns: repeat(3, 1fr);gap:10px 35px;}
.img2list li a { width: 408px; height: 332px; display: block;}
.img2list li a p { width: 408px; height: 272px; display: block; position: relative; overflow: hidden;}
.img2list li a p img {height:272px;object-fit: cover; width: 408px;}
.img2list li a p span { position: absolute; width: 408px; height: 272px;background-color: rgba(252, 201, 63, 0.8); left: 0; top: 0;opacity: 0;transition: opacity 0.5s ease, transform 0.5s ease;transform: translateY(100%); text-align: center; line-height: 272px; color: #fff; font-size:90px; font-weight: normal;}
.img2list li a strong { width: 408px; height: 60px; text-align: center; overflow: hidden; display: block; font-size: 18px; line-height: 60px; color: #333e46;}
.img2list li a:hover p span {opacity: 1;transform: translateY(0)}
.img2list li a:hover strong {color:#c59104;}