@charset "utf-8";



body{margin:0px; font-size:14px; color:#444; font-family:"微软雅黑", Arial, Helvetica, sans-serif; background:#ffffff;}
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;width: 100%;}
li{list-style:none;}
a{color:#444; text-decoration:none;}
a:hover{color:#ffdd33;}
.clear{overflow:hidden; clear:both; height:0px;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#ffdd33;}
::-webkit-scrollbar-thumb:active{background-color:#ffdd33;}

.con { width:75%; margin:0px auto;}
@media only screen and (max-width:1360px){
.con { width:90%; margin:0px auto;}	

}
@media only screen and (max-width:995px){
.con { width:94%; margin:0px auto;flex-wrap: wrap;}	

}



.yfd {position: fixed; bottom:20px; right:10px; width: 50px; line-height: 40px; background: #ffc633; border-radius: 100%; text-align: center; color: #000; z-index: 999999999999999; padding-top: 3px;}
.yfd i {font-size:30px;}
.zfd {position: fixed; bottom:50px; width: 50px; line-height: 40px; background: #ffc633; border-radius: 100%; text-align: center; color: #000; z-index: 999999999999999; padding-top: 3px;}
.zfd i {font-size:26px;}
.zfd .wx{ width: 100%; text-align: center; position: relative; cursor: pointer;}
.zfd .wx .ewm{ position:absolute; left:100%; top:-10px; width:80px; height:80px;  display:none;}
.zfd .wx .ewm img{ width:100%; float:left; border: 1px solid #ddd;}
.zfd .wx:hover .ewm{ display:block;-webkit-animation:fadeInUp1 0.5s 0s ease both;-moz-animation:fadeInUp1 0.5s 0s ease both;}
@media only screen and (max-width:995px){
.yfd { width: 30px; line-height: 24px; right:5px;}
.yfd i {font-size:18px;}
.zfd { width: 30px; line-height: 24px; bottom:80px;right:0;}
.zfd i {font-size:18px;}
}


.bannerimgcon{
    width: 100%;
    height: auto;
}

.bannerimgitem{
    
}


.header{width:100%; position:fixed; top:0; left:0; z-index:99;background: rgba(0, 0, 0, 0.9); height: 80px; overflow: hidden;}
.header .con { width:94%; margin: 0px auto;}
.header.on{ background: rgba(0, 0, 0, 0.9);}

.header .logo{width:170px; float:left; margin-top: 10px;}
.header .logo img{width:100%; height:auto; display:block;}


.header .s_ch{height:32px; font-weight:bold; line-height:32px; text-align:center; color:#fff; margin-top:24px; margin-left:40px; float:right; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .s_ch i{font-size:24px; font-weight: bold;}





.header .dl { color: #fff; float: right; padding-left: 40px; vertical-align: middle; line-height: 80px;}
.header .dl a{color: #fff; font-size: 18px;}
.header .dl a:hover { color: #ffdd33;}
.header .dl i { font-size: 28px; float: left; padding-right:10px;}
.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:22px; }
.header .an span{width:30px; height:2px; background:#fff; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}




.header .nav{float:right; }
.header .nav i{font-size:18px; line-height:60px; text-align:right; position:absolute; width:50%; height:60px; right:0px; top:50%; display:none; color:#ffdd33; font-weight: bold;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .nav ul li{height:80px; font-size:18px; margin:0px 0px 0px 60px; float:left; position:relative;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li span{width:0; height:2px; background-color:#ffdd33; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li a.o_lm{line-height:80px; color:#fff; display:block; font-size: 18px;} 
.header .nav ul li.on a.o_lm{color:#ffdd33;} 
.header .nav ul li:hover a.o_lm{color:#ffdd33;}
@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
}

@media (min-width:1024px) and (max-width:1440px ) {
.header .con {width:90%; margin: 0px auto;}
.header .logo{width:170px; float:left; padding-top:0px;}
.header .s_ch i{font-size:22px; color:#fff;}
}

@media only screen and (max-width:995px){
.header { display: none;}
.header .logo{width:140px; float:left; margin-top: 5px; }
.header .logo img { width:100%; height:auto;}
.header .an{display:block;}
.header .dl {  padding-left:0px; line-height: 60px; padding-right: 50px;}
.header .s_ch{margin-top:15px; margin-right:40px; float:right;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:rgba(255,255,255,.99); top:0; right:0; margin:0; margin-top:60px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav i{display:block;}
.header .nav ul{margin-bottom:100px;}
.header .nav ul li{width:90%; height:auto; text-align:left; font-size:16px; display:block; margin:0px 0px 0px 20px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li span{ display:none;}
.header .nav ul li a.o_lm{line-height:50px; color:#333;}
.header .nav ul li:hover a.o_lm{color:#ffdd33; background:none;}
.header .nav .y_j{border-bottom:1px solid #e4dbcd;}
}

.sjdl { width: 100%; margin: 0px auto; display: none; background: #000000; padding: 10px 0px; text-align: center; }
.sjdl ul li { width: 20%; float: left; text-align: center; }
.sjdl ul li i { font-size: 14px; color: #fbd721;}
.sjdl ul li p { font-size: 12px;  color: #fbd721;margin: 0 0 0 0}
.sjdl .logo { text-align: center;}

.head_h{width:100%; height:0px;}
@media only screen and (max-width:1023px) {
.head_h{width:100%; height:60px;}
.sjdl { display: block; display: flex;
    justify-content: space-between;}
}


.search{width:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:101; display:none;}
.search .container{ position: relative;}
.search .sc_gb{position:absolute; top:50%; margin-top:-25px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);}
.search .sc_gb i{font-size:26px; line-height:50px; color:#fff;}
.search .sc_nr{width:700px; margin:20px auto; }
.search input{width:430px; height:60px; font-size:16px; line-height:60px; color:#fff; float:left;}
.search input::placeholder{color:#fff;}
.search button{width:70px; height:60px; line-height:60px; text-align:center; color:#fff; float:right; outline:none;}
.search button i{font-size:30px;}
@media only screen and (max-width:992px){
.search{top:59px;}
.search .sc_gb i{font-size:20px;}
.search .sc_nr{width:80%; margin:10px auto;}
.search input{width:85%; font-size:15px;}
.search button{width:15%;}
.search button i{font-size:26px;}
}


.sy_bb { width:100%; margin: 0px auto; position: relative;}
.sy_bb .zc { width: 63%; float: left; position: relative;}
.sy_bb .zc .an img { width: 500px; height: auto;}
.sy_bb .zc .an { position: absolute; left:9%; bottom: 100px;}
.sy_bb .yc { position: absolute; width: 63%; right:0; top:0;} 
.sy_bb .yc .an1 img {width: 500px; height: auto;}
.sy_bb .yc .an1 { position: absolute; right:0; bottom: 100px; margin-right:20%;}
@media only screen and (max-width:1440px){
.sy_bb .zc .an img { width: 60%; height: auto;}	
.sy_bb .zc .an { position: absolute; left:9%; bottom: 50px;}
.sy_bb .yc .an1 img {width: 60%; height: auto; float: right;}
.sy_bb .yc .an1 { position: absolute; right:0; bottom:50px; margin-right:10%;}
}
@media only screen and (max-width:992px){
.sy_bb .zc .an { position: absolute; left:9%; bottom: 10px;}	
.sy_bb .yc .an1 { position: absolute; right:0; bottom:10px; margin-right:10%;}
}



.gallery-top{width:100%; position:relative; z-index: 2; margin-top: 80px; }
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .tan { position: absolute; left: 15%; bottom: 28%; width: 70%; z-index: 9;}
.gallery-top .tan ul li { width:50%; float: left; text-align: center; color: #ffdd33; }
.gallery-top .tan ul li .bk { padding: 40px; border: 2px solid #ffdd33; width: 30%; margin: 0px auto; background: rgba(0,0,0,.5);}
.gallery-top .tan ul li p {font-size:28px; color: #ffdd33;}
.gallery-top .tan ul li i { display: block; font-size: 50px; margin-bottom: 30px;}
.gallery-top .tan ul li a { width: 160px; height: 40px; line-height: 40px; font-size: 16px; background-image: linear-gradient(to left, #ffc333 , #ffdd33); border-radius: 30px; color: #000; text-align: center; margin: 30px auto 0px auto; display: block;}
.gallery-top .tan ul li:hover {transform:translateY(-10%); transition: all 0.5s; }
@media only screen and (max-width:1440px){
.gallery-top{width:100%; position:relative; height: auto;}
.gallery-top .tan { bottom: 21%; }
.gallery-top .tan ul li .bk { padding: 30px; width: 30%;}  
}
@media only screen and (max-width:992px){
.gallery-top{width:100%; position:relative; height: 150px; margin-top: 0; }
.gallery-top .swiper-slide {overflow: hidden;}
.gallery-top .swiper-slide img{width:auto; position: absolute; height: 350px; left:50%; transform:translateX(-50%);}
.gallery-top .tan { bottom: 28%; width: 100%; left: 0; }
.gallery-top .tan ul li .bk { padding:10% 5%;  width: 60%; border: none;}
.gallery-top .tan ul li p {font-size:18px; color: #ffdd33;}
.gallery-top .tan ul li i { display: block; font-size: 36px; margin-bottom: 10px;}
.gallery-top .tan ul li a { width: 90px; height: 30px; line-height: 30px; font-size: 14px; margin: 10px auto 0px auto;}
.gallery-top .swiper-button-prev { display:none;}
.gallery-top .swiper-button-next { display:none;}
}


.gy_bt{width:100%; text-transform:uppercase;  margin-bottom:40px;}
.gy_bt h2{font-family: Times New Roman; font-size:50px; line-height:60px;  font-weight:800; color:rgba(153,153,153,0.1);  float: left;}
.gy_bt h3{font-size:36px; line-height:60px; font-weight: bold;  text-align: center;}
.gy_bt h3 font {font-family: Arial; color: #ffdb33; padding: 0px 15px;}
.gy_bt span { border: 1px solid #ddd; padding: 8px 10px;}
.gy_bt p { font-size:18px; color:#666; padding-top:5px;}
.gy_bt .gd { float: right; color: #333; margin:20px auto; }
.gy_bt .gd a {font-size: 16px;  background-image: linear-gradient(to left, #ffc333 , #ffdd33); color: #000; padding: 8px 30px;}
@media only screen and (max-width:992px){
.gy_bt{ margin:20px 0px;}
.gy_bt h2{ display: none;}
.gy_bt h3{font-size:22px; line-height:50px; font-weight: bold;}
.gy_bt span { border: 1px solid #ddd; padding: 5px 8px;}
.gy_bt p { font-size:14px; color:#999; }	
.gy_bt .gd { margin:10px auto 0px auto; width: 100%;
    text-align: center;}
.gy_bt .gd a {color: #333; font-size: 14px; line-height:30px; padding: 5px 20px;}
}



.ny_bt{width:100%; text-transform:uppercase;  margin-bottom:40px;}
.ny_bt h3{font-size:36px; line-height:60px; font-weight: bold;  text-align: center;}
.ny_bt span { width: 100px; height: 3px; background: #ddd; margin: 15px auto; display: block;}
@media only screen and (max-width:992px){
.ny_bt{ margin:20px 0px;}
.ny_bt h3{font-size:22px; line-height:50px; font-weight: bold;}
.ny_bt span { width:70px; height: 3px; background: #ddd; margin: 5px auto 15px auto; display: block;}
}





.sy_tjj {width: 75%; margin: 70px auto 30px auto;}
.sy_tjj ul li { width: 50%; margin: 0 0 4% 0; float: left; position: relative; padding-bottom: 50px;display: flex;
    align-items: center;
    justify-content: center;}
.sy_tjj ul li:nth-child(2n) { margin-right: 0;}
.sy_tjj ul li .tp { width: 90%; height: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.3); }
.sy_tjj ul li .tp img { width: 100%; height: auto;}
.sy_tjj ul li .wz { position: absolute; bottom: 0; left: 25%; width: 50%; padding: 10px 0px; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,.2);background: #fff; text-align: center;}
.sy_tjj ul li .wz h4{ font-size: 18px; color: #333; font-weight: bold; line-height: 45px;}
.sy_tjj ul li .wz p { line-height: 30px;}
@media only screen and (max-width:1440px){
.sy_tjj {width: 90%;}    
}
@media only screen and (max-width:992px){
.sy_tjj {width: 94%;margin:30px auto;}  
.sy_tjj ul li { width: 100%; margin: 0 0% 4% 0; float: none; }
.sy_tjj ul li .wz {  width: 50%; padding: 5px 0px;}
}





.ry_zz { width: 75%; margin: 70px auto;}
.lib_Contentbox{clear:both; border-top:none;height:auto; text-align:center; position:relative; width:100%; margin: 0px auto;}
.ziyuan1{width:97%; margin:40px auto; }
.lib_Contentbox .swiper-slide{ padding: 20px 0px;}
.lib_Contentbox .swiper-slide i{ display:block; width:100%; padding-bottom:100%; position:relative;}
.lib_Contentbox .swiper-slide img{  width:100%; height:auto;  background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,.3); border-radius: 10px; }
.lib_Contentbox .swiper-button-next{
width:48px; height:48px; background:url(../images/right.png) no-repeat #fff; border-radius: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,.3);right:0;  margin-top:-50px;background-size:48px 48px;}
.lib_Contentbox .swiper-button-prev{
width:48px; height:48px; background:url(../images/left.png) no-repeat #fff; border-radius: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,.3);left:0; margin-top:-50px; background-size:48px 48px;}
.lib_Contentbox .more{ float:none; margin:0 auto}

.more{width:200px;height:40px; line-height:40px; background-image:linear-gradient(to left, #ffc333 , #ffdd33); color:#fff; font-size:16px; text-align:center; margin-top:20px; height:auto; transition:all 0.6s; border-radius:30px;}
.more a{ color:#fff;}
.more:hover{ transform:translateY(-10px); color:#fff;transition:all 0.6s}
@media only screen and (max-width:1360px) {
.ry_zz { width: 90%; margin: 70px auto;}
.ziyuan1{width:96%; margin:0px auto; }
.lib_Contentbox .swiper-button-next{ margin-top:-40px;background-size:48px 48px;}
.lib_Contentbox .swiper-button-prev{ margin-top:-40px; background-size:48px 48px;}
}
@media only screen and (max-width:992px) {
.ry_zz { width: 94%; margin: 30px auto;}
.lib_Contentbox .swiper-button-next{ display: none;}
.lib_Contentbox .swiper-button-prev{display: none;}
.lib_Contentbox .lib_Contentbox{ margin-top:0px;}
.lib_Contentbox .lib_Contentbox .swiper-slide h1{}
.ziyuan1{width:100%; margin:0px auto;}
}




.gallery-topp{width:100%; position:relative; height: auto; z-index: 2; padding-top: 20px;}
.gallery-topp .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-topp .tan { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; text-align: center; /*background: rgba(0,0,0,.3);*/}
.gallery-topp .tan p {font-size:46px; color: #fff; letter-spacing: 5px; margin-top: 10%; text-shadow: 1px 2px 3px rgba(0,0,0,.99);}
.gallery-topp .tan a { width: 160px; height: 40px; line-height: 40px; font-size: 16px; background-image: linear-gradient(to left, #ffc333 , #ffdd33); border-radius: 30px; color: #000; text-align: center; margin: 30px auto 0px auto; display: block;}
.gallery-topp .tan:hover {transform:translateY(-10%); transition: all 0.5s; }
@media only screen and (max-width:1440px){
.gallery-topp{width:100%; position:relative; height: auto;}
}
@media only screen and (max-width:992px){
.gallery-topp{width:100%; position:relative; height:128px; padding-top: 15px;}
.gallery-topp .swiper-slide {overflow: hidden;}
.gallery-topp .swiper-slide img{width:auto; position: absolute; height: 200px; left:50%; transform:translateX(-50%);}
.gallery-topp .tan {  bottom:35%;}
.gallery-topp .tan p {font-size:32px;}
.gallery-topp .tan a { width: 120px; height: 30px; line-height: 30px; font-size: 14px; margin: 10px auto 0px auto; display: block;}
.gallery-topp .swiper-button-prev { display:none;}
.gallery-topp .swiper-button-next { display:none;}
}



.mr { width:160px; height:40px; background:#ffdd33; text-align:center; line-height:40px; color:#fff; margin:25px 0px 0px 0px; }
.mr a {color:#fff; font-size:14px;}
.mr:hover a { background:#ce171c; color:#fff; font-size:14px; display:block;}


.sy_pp { width: 75%; margin: 0px auto 50px auto;background: #fff; }
.sy_pp ul li { width: 15.5%; margin: 0 1.4% 1.4% 0; float: left;}
.sy_pp ul li img { width: 100%; height: auto; border:1px solid #ddd}
.sy_pp ul li:nth-child(6n) { margin-right: 0;}
@media only screen and (max-width:1440px){
.sy_pp { width: 90%;}   
}
@media only screen and (max-width:992px){
.sy_pp { width: 94%; margin: 0px auto 20px auto;}
.sy_pp ul li { width: 31.333%; margin: 0 2.6% 2.6% 0; float: left;}  
.sy_pp ul li:nth-child(3n) { margin-right: 0;}
}


.foot { width:100%; margin: 0px auto;  padding: 80px 0px; background: #f7f5f6;}
.foot .zc { width: 55%; float: left;}
.foot .zc h1 { font-size: 24px; font-weight: bold; height:50px; color: #ffdd33;}
.foot .zc p { color: #fff; font-size: 16px; line-height: 32px; padding: 20px 0px;}
.foot .zc .tp { margin-top: 0px; width:30%; float: left;}
.foot .zc .tp img { width:100%;}
.foot .zc ul { width:67%; float: left; margin-left: 3%; margin-top:0%; }
.foot .zc ul li { width: 100%; color: #fff;}
.foot .zc ul li i {font-size: 16px; line-height: 40px;  margin-bottom: 10px; margin-right: 8px; }
.foot .zc ul li p { font-size: 16px; line-height: 40px; padding: 0px; }
.foot .yc { width: 30%; float: right; background: rgba(255,255,255,.7); padding: 3%;}
.foot .yc .txt { width: 100%; height: 42px; border-bottom: 1px solid #999; color: #000; font-size: 14px;}
.foot .yc .txt1 { width: 100%; height: 80px; border: none; border-bottom: 1px solid #999; font-size: 14px;color: #000; background: none; padding: 10px 0; outline: none;}
.foot .yc .an {width:140px;height:35px; line-height:35px; background-image:linear-gradient(to left, #ffc333 , #ffdd33); color:#000; font-size:14px; text-align:center; margin-top:10px;}
.foot1 { width: 100%; background:#e8e6e7; padding: 25px 0px;} 
@media only screen and (max-width:992px){
.foot { padding: 30px 0px; background: #f7f5f6;}
.foot .zc { width:100%; float: none; padding: 0;}
.foot .zc h1 { font-size: 24px; font-weight: bold; height:50px;color: #ffffff;}
.foot .zc p { color: #fff; font-size: 14px; line-height: 26px; padding:0px 0px 10px 0px;}
.foot .zc .tp { margin-top: 10px; width: 100%; float: none;}
.foot .zc .tp img { width: 200px;}
.foot .zc ul { width:100%; float: none; margin-left: 0%; margin-top:4%; }	
.foot .zc ul li { width: 100%; float: none; } 
.foot .zc ul li p { font-size: 16px; line-height: 30px; padding: 0px; }
.foot .zc ul li:nth-child(3n) { width: 100%;}
.foot .yc { width:90%; float: none; margin-top: 20px; padding: 5%;}
}


/*内页banner*/
.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative; margin:0 auto; z-index: 1;margin-top:80px}
.nban img{ width:100%; height:auto;}
.nban .bj {position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 2;}
.nban .wz { position: absolute; top:38%; left:12.5%;  text-align:left; width: 75%; z-index: 3; color: #fff; } 
.nban .wz h1{ font-size: 32px; height: 70px; }
.nban .wz h3{ font-size:16px; line-height: 26px; letter-spacing:0px;}
.nban .wzz { position: absolute; left:7.5%; bottom: 0; width: 150px; background: rgba(44,86,122,.5); padding:1.5% 2%; color: #fff; z-index: 5; font-size: 22px;  }
.nban .wzz span { font-size: 30px; line-height: 45px; padding-left: 20px; font-weight: bold;}
@media screen and (max-width:1440px) {
.nban .wz { top:38%; left:5%;  width: 90%; z-index: 3; color: #fff; }  
.nban .wzz { position: absolute; left:5%;}
}
@media screen and (max-width:992px) {
.nban{  height:128px; margin-top:0}
.nban img{ position:absolute; height:auto; width:100%; top:0; left:50%; transform:translateX(-50%); z-index:1}
.nban .wz {  top:22%; left:3%; width:94%;} 
.nban .wz h1{ font-size: 24px; height: 40px;}
.nban .wz h3{ font-size:14px; line-height: 24px; letter-spacing:0px; height: 96px; overflow: auto;}
.nban .wzz { position: absolute; left:3%; bottom: 0; width: 150px; background: rgba(44,86,122,.5); padding:2% 3%; color: #fff; z-index: 5; font-size: 18px;  }
.nban .wzz span { font-size:20px; line-height:25px; padding-left:0px;}    
}


/*内页banner*/
.nbann{ width:100%; height:52vh; font-size:0; overflow:hidden; position:relative; margin:0 auto; z-index: 1; margin-bottom: 30px;}
.nbann img{ width:100%; height:auto;}
.nbann .bj {position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 2;}
.nbann .wz { position: absolute; top:8%; left:30%; width: 40%; z-index: 3; text-align: center; color: #fff;  } 
.nbann .wz i { font-size: 20px; margin: 10px 15px;}
.nbann .wz img { width: 100%; height: auto; margin-bottom: 10px;}
@media screen and (max-width:1440px) {
.nbann .wz { top:8%; left:30%; width: 40%; z-index: 3; color: #fff; }  

}
@media screen and (max-width:992px) {
.nbann{  height:40vh; }
.nbann img{ position:absolute; height:40vh; width:auto; top:0; left:50%; transform:translateX(-50%); z-index:1}
.nbann .wz {  top:20%; left:10%; width:80%;} 

}





.gallery-toppp{width:100%; position:relative; height: auto; z-index: 2;overflow:hidden;padding-top:80px;}
.gallery-toppp .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-toppp .bj {position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 2;}
.gallery-toppp .wz { position: absolute; top:38%; left:12.5%;  text-align:left; width: 75%; z-index: 3; color: #fff; } 
.gallery-toppp .wz h1{ font-size: 32px; height: 70px; }
.gallery-toppp .wz h3{ font-size:16px; line-height: 26px; letter-spacing:0px;}
.gallery-toppp .wzz { position: absolute; left:7.5%; bottom: 0; width: 150px; background: rgba(44,86,122,.5); padding:1.5% 2%; color: #fff; z-index: 5; font-size: 22px;  }
.gallery-toppp .wzz span { font-size: 30px; line-height: 45px; padding-left: 20px; font-weight: bold;}
@media only screen and (max-width:1440px){
.gallery-toppp{width:100%; position:relative; height: auto;padding-top:80px;}
.gallery-toppp .wz { top:38%; left:5%;  width: 90%; z-index: 3; color: #fff; }  
.gallery-toppp .wzz { position: absolute; left:5%;}
}
@media only screen and (max-width:992px){
.gallery-toppp{width:100%; position:relative; height: 128px; padding-top:0px;}
.gallery-toppp .swiper-slide {overflow: hidden;}
.gallery-toppp .swiper-slide img{width:auto; position: absolute; height: 350px; left:50%; transform:translateX(-50%);}
.gallery-toppp .swiper-slide img img{ position:absolute; height:240px; width:auto; top:0; left:50%; transform:translateX(-50%); z-index:1}
.gallery-toppp .wz {  top:22%; left:3%; width:94%;} 
.gallery-toppp .wz h1{ font-size: 24px; height: 40px;}
.gallery-toppp .wz h3{ font-size:14px; line-height: 24px; letter-spacing:0px; height: 96px; overflow: auto;}
.gallery-toppp .wzz { position: absolute; left:3%; bottom: 0; width: 150px; background: rgba(44,86,122,.5); padding:2% 3%; color: #fff; z-index: 5; font-size: 18px;  }
.gallery-toppp .wzz span { font-size:20px; line-height:25px; padding-left:0px;}  
.gallery-toppp .swiper-button-prev { display:none;}
.gallery-toppp .swiper-button-next { display:none;}
}


.ny_ts { width: 75%; margin: 70px auto 30px auto;}
.ny_ts p { font-size: 18px; line-height: 36px;}
@media only screen and (max-width:1440px){
.ny_ts {width: 90%;}   
.ny_ts p { font-size: 16px; line-height: 36px;}
}
@media only screen and (max-width:992px){
.ny_ts { width: 94%; margin:30px auto;}
.ny_ts p { font-size: 14px; line-height: 26px;}
}


.ny_bz {width: 75%; margin: 40px auto 30px auto;}
.ny_bz ul{padding-left:0;margin-top:0;margin:0 0 0 0;}
.ny_bz ul li { width: 33.3333%; float: left;}
.ny_bz ul li img { width: 100%; height: auto;}
.ny_bz ul li .wz { background: #f2f2f2; padding: 30px;}
.ny_bz ul li .wz h1 { font-size: 24px; height: 50px; font-weight: bold;}
.ny_bz ul li .wz p { font-size: 18px; line-height: 30px; height: 120px;}
.ny_bzmoble{display:none}
.ny_bzpc{display:block}
@media only screen and (max-width:1440px){
.ny_bz {width: 90%; }
.ny_bz ul li .wz p { font-size: 16px; line-height: 30px; height: 120px;}
}
@media only screen and (max-width:992px){
    .ny_bzmoble{display:block}
.ny_bzpc{display:none}
.ny_bz { width: 94%; margin:30px auto;}
.ny_bz ul li { width:100%; float: none;}
.ny_bz ul li .wz h1 { font-size: 18px; height: 40px; font-weight: bold;}
.ny_bz ul li .wz p { font-size: 16px; line-height: 28px; height: auto;}
}





.ny_tj {width: 75%; margin: 70px auto 30px auto;}
.ny_tj ul li { width: 100%; margin: 0 0 4% 0; float: left;  }
.ny_tj ul li:nth-child(2n) { margin-right: 0;}
.ny_tj ul li .tp { width: 100%; height: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.3); }
.ny_tj ul li .tp img { width: 100%; height: auto;}
.ny_tj ul li .wz { position: absolute; top: 0; left: 0; width: 100%; height: 90%; padding:0px; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,.2);background:rgba(0,0,0,.2); text-align: center;}
.ny_tj ul li .wz h4{ font-size: 30px; color: #ffdd33;  line-height: 45px; margin-top: 18%; letter-spacing: 5px; }
.ny_tj ul li .wz p {}
.ny_tj ul li .wz p a{width: 120px; height: 35px; line-height: 35px; font-size: 14px; background-image: linear-gradient(to left, #ffc333 , #ffdd33); border-radius: 30px; color: #000; text-align: center; margin: 20px auto 0px auto; display: block;}

.ny_tj ul li .wz11 { position: absolute; bottom: 0; left: 15%; width: 70%; padding: 10px 0px; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,.2);background: #fff; text-align: center;}
.ny_tj ul li .wz11 h4{ font-size: 18px; color: #333; font-weight: bold; line-height: 45px;}
.ny_tj ul li .wz11 p { line-height: 30px; padding: 0px 15px;}
.ny_tj ul li .zc { width: 40%; float: left; position: relative; padding-bottom: 3%;}
.ny_tj ul li .yc { width: 56%; float: right; padding-top: 50px;}
.ny_tj ul li .yc p { font-size: 16px; line-height: 28px;}
.ny_tj ul li .yc a{width: 140px; height: 35px; line-height: 35px; font-size: 14px; background-image: linear-gradient(to left, #ffc333 , #ffdd33); border-radius: 30px; color: #000; text-align: center; margin: 20px 0px 0px 0px; display: block;  box-shadow: 0px 5px 5px rgba(0,0,0,.3); float: right;}
@media only screen and (max-width:1440px){
.ny_tj {width: 90%;}    
}
@media only screen and (max-width:992px){
.ny_tj {width: 94%;margin:30px auto;}  
.ny_tj ul li { width: 100%; margin: 0 0% 8% 0; float: none; }
.ny_tj ul li .wz h4{ margin-top: 15%; letter-spacing: 5px; }
.ny_tj ul li .wz11 { left:20%; width: 60%; padding: 5px 0px;bottom: -5%;}
.ny_tj ul li .zc { width: 100%; float: none; padding-bottom: 3%;}
.ny_tj ul li .yc { width: 100%; float: none; padding-top: 20px;}
.ny_tj ul li .yc p { font-size: 14px; line-height: 24px;}
.ny_tj ul li .yc a{ margin:0px 0px 0px 0px; }
}


.ny_pj {width: 75%; margin:0px auto 50px auto;}
.ny_pj ul li{ border-bottom: 1px solid #ddd; padding: 15px 0px; margin-bottom: 20px;}
.ny_pj ul li .tp { width:80px; height: 80px; border-radius: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,.3); float: left; overflow: hidden;}
.ny_pj ul li .tp img { width: 100%; height: auto;}
.ny_pj ul li .z1 { width: 70%; float: left; padding-left: 3%;}
.ny_pj ul li .z1 h1{ font-size: 18px; font-weight: bold; height: 40px; line-height: 40px;}
.ny_pj ul li .z2 { float: right; font-size: 36px; line-height: 80px; color: #666;}
.ny_pj ul li .z2 font { color: #ffdd33;}
.ny_pj ul li p { padding-top: 15px; font-size: 16px; line-height: 32px;}
@media only screen and (max-width:1440px){
.ny_pj {width: 90%;}    
}
@media only screen and (max-width:992px){
.ny_pj {width: 94%; margin:0px auto 30px auto;} 
.ny_pj ul li .tp { width:70px; height: 70px; }
.ny_pj ul li .z1 { width: 40%; float: left; padding-left: 7%;}
.ny_pj ul li .z2 { float: right; font-size: 22px; line-height: 70px; color: #666;}
.ny_pj ul li p { padding-top: 15px; font-size: 14px; line-height:26px;}
}


.ny_pjj {width: 75%; margin:0px auto 50px auto;}
.ny_pjj .zc { width: 48%; float: left;  border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.3); overflow: hidden;}
.ny_pjj .zc img { width: 100%; height: auto;}
.ny_pjj .yc { width: 48%; float: right;}
.ny_pjj  p { font-size: 16px; line-height: 31px;}
@media only screen and (max-width:1440px){
.ny_pjj {width: 90%;}    
.ny_pjj img{width:100%}
}
@media only screen and (max-width:992px){
.ny_pjj {width: 94%; margin:0px auto 30px auto;} 
.ny_pjj img{width:100%}
.ny_pjj .zc { width: 100%; float: none; }
.ny_pjj .yc { width: 100%; float: none; margin-top: 15px;}
}








.ny_dz {width: 75%; margin:0px auto 80px auto;}
.ny_dz .bd1 { width: 48%; margin-bottom: 20px;}
.ny_dz .bd1 .z1 { width: 20.8%; float: left; line-height: 40px; font-size: 16px;}
.ny_dz .bd1 .txt { width: 78.5%; height: 42px; line-height: 42px; border: 1px solid #ddd; padding: 0 1%; color: #333;}
.ny_dz .bd1 .z3{text-align: center; } 
.ny_dz .bd { width: 100%; margin-bottom: 20px;display:flex;justify-content:flex-end;}
.ny_dz .bd .z1s{font-weight:normal; font-size: 8px;padding-top:5%}
.ny_dz .bd .z1 { width: 10%; float: left;   
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;}
.ny_dz .bd .z2 { width: 10%; font-size: 18px; font-weight: bold; text-align:right}
.ny_dz .bd .z3 { width: 50%; height: 40px;}
.ny_dz .bd .z3 ul li { width: 18.5%; margin:0% 1.5% 1.5% 0;  height: 40px; line-height: 40px;  float: left;}
.ny_dz .bd .z3 ul li .xk{ padding-right: 5px;}

.ny_dz .bd .z4 { width: 50%; height: 40px;}
.ny_dz .bd .z4 ul li { width: 18.5%; margin:0% 1.5% 1.5% 0;  height: 40px; line-height: 40px;  float: left; background: #f6f6f6; text-align: center;}
.ny_dz .bd .z4 ul li.off {background: #ffdd33; color: #000000;}


.ny_dz .bd .txt { width: 90%; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 1%; color: #333;}

.ny_dz .bd .txt4 { width: 27.7%; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 1%; color: #333;}
.ny_dz .bd .txt1 { width: 27.7%; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 1%; color: #333;}
.ny_dz .bd .txt6 { width: 26.8%; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 1%; color: #333;}
.ny_dz .bd .xzz { margin-left: 1.2%;}
.ny_dz .bd .txtt { width: 90%; height: 120px; line-height: 26px; border: 1px solid #ddd;  color: #333; background: none; outline: none; padding: 1%;}
.ny_dz .bd .an { width: 200px; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #f6f6f6; text-align: center; font-size: 16px; }
.ny_dz .ann {width: 200px; height: 40px; line-height: 40px;  background-image:linear-gradient(to left, #ffc333 , #ffdd33); text-align: center; font-size: 16px; }

.ny_dz .zx_ly{margin-left: 9.8%; }

.ny_dz .op{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        
}

.ny_dz .opi{
    width: 28%;
    display: flex;
    align-items: center;
    justify-content: right;
    background-color: #f2f2f2;
    margin: 0.5%;
    padding: 1% 2% 1% 2%;
}

.ny_dz .opigap{
    width: 32%;
    height: 0px;
    margin: 0.5%;
   
}
.ny_dz .fp{
    width:100%;
}
.ny_dz .fpt{
     margin-left: 5%;
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;
    width:100px;
}
@media only screen and (max-width:1440px){

}
@media only screen and (max-width:992px){
.ny_dz .op{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
        
}

.ny_dz .opi{
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin: 0.5%;
    padding: 1% 2% 1% 2%;
}

.ny_dz .opigap{
    width: 100%;
    height: 0px;
    margin: 0.5%;
   
}
.ny_dz .fp{
    width:100%;
}
.ny_dz .fpt{
     margin-left: 5%;
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;
    width:35%;
}
}






.ny_dz .tt{
    background-color: #ffdd33;
}


.ny_dz .opicon{
    width: 22px;
    height: 20px;
    
}

.ny_dz img{
    width: 100%;
    height: 100%;
}


.ny_dz .opt{
    margin-left: 10px;
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;
    width: 100px;
    
}

.ny_dz .opinput{
  
    width:65%;
    text-align: left;
     margin-left: 10px;
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;

}



.ny_dz .vzi{
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 1%;
    width: 100%;
    display: flex;
    align-items: center;
}


.tj_yy{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}

.tj_yy .b_j{width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0;}
.tj_yy .n_r{width:40%; padding:30px 5%; background-color:#fff; position:absolute;  margin-top:-180px;}
.tj_yy .n_r .bt{text-align:center; color:#555; margin-bottom:15px;}
.tj_yy .n_r .bt h3{font-size:32px; color:#333; margin-bottom:30px;}
.tj_yy .n_r .bt p{font-size:18px; line-height: 40px;}
.tj_yy .n_r a{width:200px; height:40px; background:#ffdd33; margin: 20px auto 0px auto; font-size:18px; color:#000; line-height:40px; cursor:pointer; display: block;}


.tj_yyxz{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tj_yyxz textarea{
    width: 100%;
    height: 300px;
}
.tj_yyxz .b_j{width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0;}
.tj_yyxz .n_r{width:40%; padding:30px 5%; background-color:#fff; position:absolute;  margin-top:-180px;}
.tj_yyxz .n_r .bt{text-align:center; color:#555; margin-bottom:15px;}
.tj_yyxz .n_r .bt h3{font-size:32px; color:#333; margin-bottom:30px;}
.tj_yyxz .n_r .bt p{font-size:18px; line-height: 40px;}
.tj_yyxz .n_r a{width:200px; height:40px; background:#ffdd33; margin: 20px auto 0px auto; font-size:18px; color:#000; line-height:40px; cursor:pointer; display: block;}

.priceitemt{
    width: 20%;
}

.priceitemp{
    width: 20%;
}

.inputgap{
    display: block;
}

.inputdouble{
    width: 26.7%;
}

@media only screen and (max-width:1440px){
.ny_dz {width: 90%;}  
.ny_dz .bd .txt1 { width: 27.7%; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 1%; color: #333;}
}
@media only screen and (max-width:992px){
    .inputdouble{
    width: 50%;
}
    .inputgap{
    display: none;
}
    .ny_dz .opinput{
  
    width:65%;
    text-align: right;
     margin-left: 10px;
    color: #4e4e4e;
    font-weight: bold;
    font-size: 18px;

}
    
    .priceitemt{
    width: 70%;
}

.priceitemp{
    width: 30%;
}
    .tj_yyxz .n_r{width:100%; padding:30px 5%; background-color:#fff; position:absolute;  margin-top:-180px;}
.ny_dz {width: 94%; margin:0px auto 40px auto;}  
    
.ny_dz .bd1 { width: 100%; margin-bottom: 10px;}
.ny_dz .bd1 .z1 { width: 28%; float: left; line-height: 30px; font-size: 16px;}
.ny_dz .bd1 .txt { width:68.4%; height: 34px; line-height: 34px; border: 1px solid #ddd; padding: 0 1%; color: #333;} 
.ny_dz .bd1 .z3{text-align: left; } 
.ny_dz .bd { margin-bottom: 10px;}
.ny_dz .bd .z1 { width: 25%; float: left;  font-size: 14px;}
.ny_dz .bd .z2 { width: 20%; }  
.ny_dz .bd .z3 { width: 100%; height: 30px;}
.ny_dz .bd .z3 ul li { width: 20.5%;   height: 30px; line-height: 30px;}
.ny_dz .bd .z4 { width: 100%; height: 30px;}    
.ny_dz .bd .z4 ul li { width: 20.5%;   height: 30px; line-height: 30px;}
.ny_dz .bd .txt { width : 100%; height: 30px; line-height: 30px; }
.ny_dz .bd .txt4 { width: 48%; height: 34px; line-height: 34px;}
.ny_dz .bd .txt1 { width: 30.3%; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 1%; color: #333;}
.ny_dz .bd .txt6 { width: 66%; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 1%; color: #333; margin:2% 0 0  28%; }
.ny_dz .bd .an { width: 100px; height: 30px; line-height: 30px;  font-size: 14px;}
.ny_dz .bd .txtt { width: 97%; height: 60px; line-height: 24px; padding: 10px;}
.ny_dz .ann {width: 100px; height: 30px; line-height: 30px;  font-size: 14px; margin-left: 0;}
    
.ny_dz .zx_ly{margin-left: 0%; cursor: pointer;}


.tj_yy{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tj_yy .b_j{width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0;}
.tj_yy .n_r{width:80%; padding:20px 5%; background-color:#fff; position:absolute; top:30%; left:5%; margin-top:-50px;}
.tj_yy .n_r .bt{text-align:center; color:#555; margin-bottom:15px;}
.tj_yy .n_r .bt h3{font-size:28px; color:#333; margin-bottom:30px;}
.tj_yy .n_r .bt p{font-size:14px; line-height: 26px;}
.tj_yy .n_r a{width:160px; height:40px; background:#ffdd33; margin: 20px auto 0px auto; font-size:16px; color:#000; line-height:40px; cursor:pointer; display: block;}
    
}


.xx_tj {width: 75%; margin: 40px auto 30px auto;}
.xx_tj ul li { width: 30%; margin: 0 1% 0 1%; float: left; position: relative;}
/*.xx_tj ul li:nth-child(3n) { margin-right: 0;}*/
.xx_tj ul li .tp { width: 100%; height: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.3); }
.xx_tj ul li .tp img { width: 100%; height: auto;}
.xx_tj ul li p {font-size: 18px; color: #333;  line-height: 45px; text-align: center; padding:10% 0px 10% 0px;}
.xx_tj ul li p span { width: 50%; margin: 0px auto; box-shadow: 2px 2px 4px 0px rgb(0,0,0,.3); display: block; border-radius: 10px;}
@media only screen and (max-width:1440px){
.xx_tj {width: 90%;}    
}
@media only screen and (max-width:992px){
.xx_tj {width: 98%;margin:30px auto;}  
.xx_tj ul li { width: 46%; margin: 0 2% 2% 2%; float:left; }
/*.xx_tj ul li:nth-child(2n) { margin-right: 0;}*/
/*.xx_tj ul li:nth-child(3n) { margin-right: 0%;}*/
.xx_tj ul li p {font-size: 16px;}
.xx_tj ul li p span { width: 60%;}
}


.ndh { width:75%; text-align:center; margin:0px auto; overflow:hidden; }
.ndh ul li { display:inline-block; width:auto; line-height:40px; font-size:16px; margin:0 10px 0px 0px; color:#333; float: left; border-radius: 3px; overflow: hidden; }
.ndh ul li a {font-size:18px; padding:0px 30px; color:#333; background: #ddd; line-height:40px;display:block; }
.ndh ul li:hover a { background:#ffdd33; display:block; color:#000;}
.ndh ul li .on {background:#ffdd33; display:block; color:#000; }
@media screen and (max-width:1440px) {
.ndh { width:80%;}    
}
@media screen and (max-width:992px) {
.ndh { width:94%; margin:20px auto;}
.ndh ul li { display:inline-block; width:31.333%; float: left; line-height:40px; font-size:16px; margin:0 1% 2% 1%; color:#333; }	
.ndh ul li a {font-size:16px; padding:0px 0px;}
}


.tj_tj {width: 75%; margin: 20px auto;}
.tj_tj ul li { width: 18.5%; margin: 0 1.5% 2% 0; float: left; position: relative;}
.tj_tj ul li:nth-child(5n) { margin-right: 0;}
.tj_tj ul li .tp { width: 100%; height: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.3); position: relative; }
.tj_tj ul li .tp img { width: 100%; height: auto;}
.tj_tj ul li p {font-size: 18px; color: #333;  line-height: 45px; text-align: center;}
.tj_tj ul li h1 { position: absolute; left: 0; bottom:0; width: 100%; height:40px; line-height: 40px; text-align: center; font-size: 18px; background:rgba(0,0,0,.5); color: #ffdd33;}
.tj_tj ul li h2 { width: 120px; height: 30px; line-height: 30px; background: #f0f0f0; margin: 20px auto 0 auto; text-align: center; font-size: 16px; border: 1px solid #ddd;}
@media only screen and (max-width:1440px){
.tj_tj {width: 80%;}    
}
@media only screen and (max-width:992px){
.tj_tj {width:98%;margin:30px auto; margin-left: 2%;}  
.tj_tj ul li { width: 46%; margin: 0 2% 6% 2%; float:left; }
.tj_tj ul li:nth-child(2n) { margin-right: 0;}
.tj_tj ul li:nth-child(5n) { margin-right: 2%;}
.tj_tj ul li h2 { margin: 10px auto 15px auto;}
}








.tj_tjj {width: 75%; margin: 0px auto 20px auto;}
.tj_tjj ul li { width: 18.5%; margin: 0 1.5% 2% 0; float: left; position: relative;}
.tj_tjj ul li:nth-child(5n) { margin-right: 0;}
.tj_tjj ul li .tp { width: 100%; height: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.3); position: relative; }
.tj_tjj ul li .tp img { width: 100%; height: auto;}
.tj_tjj ul li p {font-size: 18px; color: #333;  line-height: 45px; text-align: center;}
.tj_tjj ul li h1 { position: absolute; left: 0; bottom:0; width: 100%; height:40px; line-height: 40px; text-align: center; font-size: 18px; background:rgba(0,0,0,.5); color: #ffdd33;}
.tj_tjj ul li h2 { width: 120px; height: 30px; line-height: 30px; background: #f0f0f0; margin: 20px auto 0 auto; text-align: center; font-size: 16px; border: 1px solid #ddd;}
@media only screen and (max-width:1440px){
.tj_tjj {width: 80%;}    
}
@media only screen and (max-width:992px){
.tj_tjj {width:98%;margin:30px auto; margin-left: 2%;}  
.tj_tjj ul li { width: 46%; margin: 0 2% 6% 2%; float:left; }
.tj_tjj ul li:nth-child(2n) { margin-right: 0;}
.tj_tjj ul li:nth-child(5n) { margin-right: 2%;}
.tj_tjj ul li h2 { margin: 10px auto 15px auto;}
}


.swiper-js{width: 100%; margin: 0px auto 0px auto;}
.swiper-js .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-js .swiper-slide .tp { width: 100%; height: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.3); position: relative; }
.swiper-js .swiper-slide p {font-size: 18px; color: #333;  line-height: 45px; text-align: center;}
.swiper-js .swiper-slide h1 { position: absolute; left: 0; bottom:0; width: 100%; height:40px; line-height: 40px; text-align: center; font-size: 18px; background:rgba(0,0,0,.5); color: #ffdd33;}
.swiper-js .swiper-slide h2 { width: 120px; height: 30px; line-height: 30px; background: #f0f0f0; margin: 20px auto 0 auto; text-align: center; font-size: 16px; border: 1px solid #ddd;}
.swiper-js .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; margin:0 3px !important; background: #666;}
.swiper-js .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:0;}

.swiper-js .swiper-pagination-bullet-active {
	opacity: 1;
	background: #ffdd33;
}





.cp_gm { width: 75%; margin: 40px auto 40px auto;}
.cp_gm ul li { width: 20%; float: left; text-align: center;}
.cp_gm ul li:nth-child(2n){ width: 20%; height: 2px; background: #ddd; margin-top: 58px; }
.cp_gm ul li .tp { width: 120px; height: 120px; background:#ffdd33; border-radius: 100%; box-shadow: 0px 0px 15px rgba(0,0,0,.3); margin: 0px auto; font-size: 30px; line-height:120px; text-align: center;}
.cp_gm ul li p { font-size: 16px; padding-top: 20px;}





.cp_gm .st{
    color: #484848;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 5%;
    background-color: rgb(255,221,51);
}

.cp_gm .sc{
    color: #898989;
    font-size: 18px;
    padding: 5% 10%;
}

.cp_gm {}   
.cp_gm .os{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cp_gm .sp{
    width: 30%;
    height: auto;
    background-color: #f2f2f2;
    /*margin: 1%;*/
  
}

@media only screen and (max-width:1440px){
.cp_gm {width:90%} 
}
@media only screen and (max-width:992px){
.cp_gm {width: 94%;margin:30px auto;}  
.cp_gm ul li .tp { width: 60px; height: 60px; font-size:16px; line-height:60px; }
.cp_gm ul li:nth-child(2n){ margin-top: 28px; }
.cp_gm ul li p { font-size: 14px; padding-top: 10px;}

.cp_gm .sp{
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    margin: 1%;
   
}
.cp_gm .os{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}


.cp_gmm { width: 50%; margin: 30px auto 30px auto;}
.cp_gmm ul li { width: 14.28%; float: left; text-align: center;}
.cp_gmm ul li:nth-child(2n){ width: 14.28%; height: 2px; background: #ddd; margin-top: 58px; }
.cp_gmm ul li .tp { width: 60px; height: 60px; background:#ffdd33; border-radius: 100%; box-shadow: 0px 0px 15px rgba(0,0,0,.3); margin: 0px auto; font-size: 30px; line-height:60px; text-align: center;}
.cp_gmm ul li p { font-size: 18px; padding-top: 20px;font-weight: bold;}
@media only screen and (max-width:1440px){
.cp_gmm {width: 80%;}    
}
@media only screen and (max-width:992px){
.cp_gmm {width: 94%;margin:30px auto;}  
.cp_gmm ul li .tp { width: 50px; height: 50px; line-height:50px; }
.cp_gmm ul li:nth-child(2n){ margin-top: 28px; }
.cp_gmm ul li p { font-size: 18px; padding-top: 10px;}
}





.xz_rq {width: 69%; margin:0px auto 50px auto; background: #f6f6f6; padding: 3%;}
.xz_rq ul li{ width: 46%; margin: 0 8% 0 0; float: left; text-align: center;}
.xz_rq ul li:nth-child(2n) { margin-right: 0;}
.xz_rq ul li h2 { font-size: 20px; height: 45px; font-weight: bold;}
.xz_rq ul li .txt {width: 90%; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 1%; color: #333; background: #fff;}
@media only screen and (max-width:1440px){
.xz_rq {width: 84%;}    
}
@media only screen and (max-width:992px){
.xz_rq {width: 89%; padding:5% 3%;}  
.xz_rq ul li{ width: 100%; margin: 0 0% 2% 0; float: none;}
.xz_rq ul li h2 { font-size: 18px; height: 35px; }
}


.jl_kz { width: 75%; margin: 120px auto 60px auto;}
.jl_kz .bd { width: 100%; border: 1px solid #ddd; border-collapse:collapse; border-color: #ddd; line-height: 50px;}
.jl_kz .z1 { font-size: 18px; font-weight: bold; text-align: center;}
.jl_kz .z2 { text-align: center;}
.jl_kz .an {width: 200px; height: 40px; line-height: 40px; margin: 30px auto; background-image:linear-gradient(to left, #ffc333 , #ffdd33); text-align: center; font-size: 16px;}
@media only screen and (max-width:1440px){
.jl_kz {width: 84%;}    
}
@media only screen and (max-width:992px){
.jl_kz { width: 94%; margin: 30px auto;}  
.jl_kz .z1 { font-size: 14px; line-height: 24px; padding: 10px 0px; }
.jl_kz .z2 { text-align: center; line-height: 24px; padding: 10px 0px;}
}

.hd_lc { width: 75%; margin: 20px auto; }
.hd_lc .gy_bt { margin-bottom: 15px;}
.hd_lc .zc { width: 20%; float: left; border-radius: 10px; overflow: hidden;}
.hd_lc .zc img { width: 100%; height: auto;}
.hd_lc .yc { width: 75%; float: right; margin-top:50px;}
.hd_lc .yc .txt { width: 50%; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0px 10px; color: #333;}
.hd_lc .yc .an { width: 100px; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #f6f6f6; text-align: center; font-size: 16px;}
@media only screen and (max-width:1440px){
.hd_lc {width:80%;}   
.hd_lc .yc { width: 75%; float: right; margin-top:30px;}
}
@media only screen and (max-width:992px){
.hd_lc {width:94%;margin: 20px auto;}  
.hd_lc .zc { width: 100%; float: none;} 
.hd_lc .yc { width: 100%; float: none; margin-top: 40px;}
.hd_lc .yc .txt { width: 70%;}
.hd_lc .yc .an { width: 20%;}
}


.abinput{
    display: flex;
    align-items: center;
}

.abinput .abinputtitle{
    text-align: left;
    width:30%;
}