@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: arial, helvetica, sans-serif,microsoft yahei; cursor:default; }
*{padding:0px; margin:0px;-moz-box-sizing: border-box; /*firefox3.5 */-webkit-box-sizing: border-box; /*safari3.2 */-o-box-sizing: border-box; /*opera9.6*/-ms-box-sizing: border-box; /*ie8*/box-sizing: border-box; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: arial, helvetica, sans-serif,microsoft yahei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: arial, helvetica, sans-serif,microsoft yahei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;}
a:hover{color:#005caf;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}
.con{width:100%; margin:0 auto;max-width: 1600px;padding: 0 40px;}
.container { width:1200px; margin:0 auto}
.header{width:100%; position:fixed; top:0; left:0; z-index:100;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;height: 166px;background: #fff;}
.header.on{height: 85px;}
.header.ny{height: 65px;}
.header.ny2{height: 108px;}
.header .container{position:relative;display: flex;align-items: center;-webkit-box-align: center;-ms-flex-align: center;height: 166px;justify-content: space-between;padding: 0 25px;width: 100%;}
.search{width:100%; padding:30px 5%; background-color:#f7f7f7; position:fixed;height: 166px; top:0; left:0; z-index:999; display:none;box-sizing: border-box;}
.search .an_sj {width: 5%;line-height: 100px;color: #555;float: right;text-align: right;}
.search input.w_z1{width:90%; height:100px; border-radius:0; font-size:18px; line-height:100px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:5%; height:100px;font-size:18px; line-height:100px; text-align:center; float:left; -webkit-appearance:none;font-weight: bold;}
.search i {font-size: 18px;}
.header.on .container {
height: 85px;
}
.header.ny .container{height: 65px;}
.header.ny .an{position: relative;top: 15%;}
.header.ny2 .container{height: 108px;}
.header .logo{width:126px;position: relative;z-index: 99;margin-left: 60px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{width: 106px;margin-left: 30px;}
.header.on .an {display: none;}
.header.ny2 .an {
display: block;
}
.header.ny2.on .logo{margin-left:60px;}
.header .logo img{width:100%; height:auto; display:block;}
.header .an{position:absolute; top:50%; left:25px; height:14px; width:20px;z-index: 999;
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 .an span{width:20px; height:2px; background-color:#363636; 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:6px; left:0;}
.header .an span.a3{top:12px; left:0;}
.header .an.n span{display:none;}
.header .an.n {background: url(/uploads/image/images/gb.png) center no-repeat;}
.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 .w_z {font-size: 20px;color: #363636;text-decoration: underline;letter-spacing: 10px;font-family: "黑体";}
.header.ny .w_z {color: #666666;text-decoration: none;position: absolute;width:calc(100% - 50px);text-align: center;left: 25px;z-index: 1}
.header.ny.on .an {
display: block;
}
.header.on .w_z {display: none;}
.header .right {font-size: 20px;color: #363636;position: relative;z-index: 5;}
.header .dl {width: 425px;right: 0;top: 0;background: #eae9e6;position: absolute;padding-top: 68px;}
.header .dl .an_dl{}
.header .right a {line-height: 166px;padding: 0 10px;font-size: 20px;color: #363636;}
.header.ny .right a {
line-height: 65px;
}
.head_hny {
height: 65px;
}
.head_hny2 { height: 108px;}
.header .right a i {font-size: 20px;}
.header .right a:hover{color: #000;}
.header .nav{ position:fixed;width: 100%;background: rgba(0,0,0,0.6);width: 100%;z-index: 939;top: 0;left: -100%;height: 100%;transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
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.on{ left: 0;}
.header .nav ul {width: 45%;position: absolute;height: 100%;background: #eae9e7;padding-right: 80px;padding-top: 220px;}
.header .nav .gb{width: 55%;position: absolute;height: 100%;right: 0;top: 0;}
.header .nav ul li{line-height:68px; position:relative;text-align: right;}
.header .nav ul li a{display:block; font-size:20px; color:#6d6d6c; text-transform:capitalize;
-webkit-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
-o-transition:all 0s;
transition:all 0s;}
.header .nav ul li em {display: inline-block;width: 0px;}
.header .nav ul li:hover em {width: 10px;}
.header .nav ul li:hover a{color: #fff;font-weight: bold;}
.page-content-menu{line-height: 80px;text-align: center;border-top: 1px solid #555;width: 100%;background: #fff;position: fixed;
top: 85px;z-index: 10; opacity:0px;}
.page-content-menu ul li{width: 150px;text-align: center;display: inline-block;}
.page-content-menu ul li .y_j {position: relative;}
.page-content-menu ul li .ej{position: absolute;left: 0;top: 80px;background: #fff;line-height: 80px;text-align: center;display: none;width: 100%;border-top: 1px solid #555;}
.page-content-menu ul li:hover .ej{display: block;}
.page-content-menu ul li .ej a{padding: 0 30px;display: inline-block;text-align: center;}
.page-content-menu ul li .ej a:hover{color: #888;text-decoration: underline;}
.page-content-menu ul li a {font-size: 14px;color: #888;font-weight: bold;}
.page-content-menu ul li a:hover{color: #000;}
.page-content-menu ul li i {position: absolute;right: 0;}
.slideup {
/* -webkit-transform: translatey(-100px);
transform: translatey(-100px);*/
-webkit-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
/*transition: transform .5s ease-out;*/
-webkit-transition: transform .5s ease-out;
-o-transition: transform .5s ease-out;
transition: transform .5s ease-out;opacity: 1;
}
.slidedown {opacity: 0;display: none;
-webkit-transform: translatey(-100px);
-ms-transform: translatey(-100px);
-o-transform: translatey(-100px);
transform: translatey(-100px);
/*-webkit-transform: translatey(0);
transform: translatey(0);*/
/*transition: transform .5s ease-out;*/
-webkit-transition: transform .5s ease-out;
-o-transition: transform .5s ease-out;
transition: transform .5s ease-out;
}
.nav .y_j{position:relative;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:45px; left:50%; margin-left:-75px; display:none; z-index:9999;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.5); text-align:center }
.nav .e_j .ejy { position:relative}
.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:0px; left:150px; display:none; z-index:9999;}
.header .nav .e_j a:hover{background-color:#e77817; color:#fff;}
@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 166px;}
}
@media only screen and (max-width:1024px){
.head_h { height:80px; display:block}
.header {
height: 80px;
}
.header .container{height: 80px;}
.header .an{display:block; right:10px;}
.header .an span { background-color:#363636}
.header .logo {
width: 86px;
}
.header.on .logo {
width:86px;
}
}
.ban img{width: 100%;display: block;}
.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000}
.tit {text-align: center;}
.tit h1 {width: 200px;margin: 0 auto;display: flex;justify-content: space-between;margin-bottom: 40px;font-family: "黑体";color: #363636;font-size: 28px;}
.sy_al {padding: 90px 0px;overflow: hidden;}
.sy_al .po {position: relative;}
.sy_al .zjt {position: absolute;left: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;font-size: 20px !important;}
.sy_al .zjt i {font-size: 20px;color: #333;}
.sy_al .yjt i {font-size: 20px;color: #333;}
.sy_al .yjt {position: absolute;right: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.sy_al ul{position: relative;}
.sy_al ul li {width: calc((100% - 80px) / 3);float: left;position: relative;margin-right: 40px;}
.sy_al ul li.last {margin-right: 0;}
.sy_al ul li .tp {position: relative;overflow: hidden;}
.sy_al ul li .mb {position: absolute;width: 100%;top: 0;height: 100%;background: rgba(255,255,255,0.2);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;z-index: 5;}
.sy_al ul li img {width: 100%;display: block;filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.sy_al ul li:hover img {filter:grayscale(0%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.sy_al ul li:hover .mb {opacity: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_al ul li h3 {font-size: 16px;font-weight: 200;color: #000;margin: 15px 0;text-align: center;}
.sy_cp {padding: 90px 0;}
.sy_cp .box {border-top: #838383 1px solid;border-bottom: #838383 1px solid;overflow: hidden;position: relative;}
.sy_cp .box::after{height: 1px;background: #838383;content: "";position: absolute;left: 0;bottom: 115px;width: 100%;}
.sy_cp ul {position: relative;}
.sy_cp .zjt {position: absolute;left: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;font-size: 20px !important;}
.sy_cp .zjt i {font-size: 20px;color: #333;}
.sy_cp .yjt i {font-size: 20px;color: #333;}
.sy_cp .yjt {position: absolute;right: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.sy_cp ul li {width: calc((100% - 90px) / 4);float: left;position: relative;margin-right: 30px;border-left:#838383 1px solid;border-right: #838383 1px solid; }
.sy_cp ul li.last{margin-right: 0;}
.sy_cp ul li .tp {position: relative;}
.sy_cp ul li .tp img {width: 100%;display: block;}
.sy_cp ul li .tp .mb {width: 100%;height: 100%;z-index: 9;position: absolute;top: 0;left: 0;opacity: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_cp ul li:hover .tp .mb{opacity: 1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_cp ul li .w_z {text-align: center;padding-bottom: 10px;}
.sy_cp ul li .w_z h3 {font-size: 17px;color: #000;font-family: "黑体";line-height: 45px;}
.sy_cp ul li .w_z h4 {font-size: 16px;color: #999;line-height: 30px;font-weight: 100}
.sy_cp ul li .w_z p {font-size: 18px;color: #999;line-height: 30px;font-weight: 100}
.sy_tdyzs .tit {padding-bottom: 40px;}
.sy_tdyzs{padding: 90px 0 350px;overflow: hidden;}
.sy_tdyzs img {width: 100%;display: block;}
.sy_xw {padding: 230px 0;overflow: hidden;background: #eae9e6;}
.sy_xw ul {display: flex;justify-content: space-between;}
.sy_xw ul li {width: calc((100% - 210px) / 4);}
.sy_xw ul li img {width: 100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_xw ul li:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_xw ul li .tp {overflow: hidden;}
.sy_xw ul li .w_z {padding: 15px 0;}
.sy_xw ul li .w_z h3 {font-size: 16px;color: #666666;margin-bottom: 30px;}
.sy_xw ul li .w_z h4 {font-size: 16px;color: #666666;line-height: 1.8}
.footer {padding: 200px 0 60px}
.footer .dh {line-height: 45px;border-bottom: #838383 1px solid;overflow: hidden;}
.footer .nav {float: left}
.footer .nav ul li {padding: 0 25px;float: left;}
.footer .nav ul li a{color: #666;font-size: 16px;}
.footer .right {float: right;}
.footer .right a {padding: 0 10px;font-size: 20px;color: #666;}
.footer .right a:hover {color: #000;}
.footer .bq {line-height: 44px;text-align: center;font-size: 16px;color: #363636;}
.nban {position: relative;}
.nban img {width: 100%;display: block;}
.nban .mb {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.nban .mb h1 {font-size: 50px;color: #fff;font-family: 微軟正黑體;}
.ny_menu{padding: 50px 0 10px;background: #fff;position: relative;top: 0;z-index: 9;}
.ny_menu ul li {float: left;line-height: 30px;color: #666;margin-right: 80px;font-family: 微軟正黑體;}
.ny_menu ul li a {font-size: 20px;font-weight: 200;color: #666;}
.ny_menu ul li a:hover {color: #111;font-weight: bold;}
.ny_menu ul li .y_j {position: relative;}
.ny_menu ul li .y_j i {position: absolute;width: 55px;height: 30px;text-align: right;font-size: 20px;}
.ny_menu ul {padding-bottom: 40px;border-bottom: #666666 2px solid;height: 70px;}
.ny_menu ul li .e_j {position: absolute;width:100%;top: 80px;left: 0;text-align: left;display: none;padding-top: 50px;}
.ny_menu ul li .e_j a {padding: 0 30px;}
.ny_menu ul li:hover .e_j{display: block;}
.ny_menu .ym {line-height: 58px;font-size: 17px;color: #666;text-align: right;font-family: 微軟正黑體;}
.ny_menu .ym span {padding-right: 36px;}
.ny_xmlb {padding: 75px 0;}
.ny_xmlb ul li {margin-bottom: 95px;float: left;width: calc((100% - 60px) / 4);margin-right: 20px;}
.ny_xmlb ul li:nth-child(4n){margin-right: 0;}
.ny_xmlb ul li .tp {overflow: hidden;}
.ny_xmlb ul li img {width: 100%;display: block;filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.ny_xmlb ul li:hover img {filter:grayscale(0%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.ny_xmlb ul li h3 {font-size: 29px;color: #363636;margin-top: 15px;}
.ny_xmlb ul li h4 {font-size: 16px;color: #666;margin-top: 44px;}
.xqhead {height: 65px;line-height: 65px;background: #eae9e6;position: fixed;width: 100%;left: 0;top: 0;z-index: 999;}
.xqhead .container {
position: relative;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
height: 65px;
justify-content: space-between;
padding: 0 25px;
width: 100%;
}
.xqhead .jt {width: 40px;font-size: 30px;color: #666;}
.xqhead .jt a {color: #666; z-index: 9999999999; position: relative}
.xqhead .w_z {font-size: 24px;color: #666;letter-spacing: 10px;position: absolute;width:calc(100% - 50px);left: 25px;text-align: center;}
.xqhead .right {}
.xqhead .right a {
padding: 0 10px;
font-size: 20px;
color: #666666;
}
.xqhead .right a i{font-size: 20px;}
.xqcon {padding: 0 0px;}
.xqtop {padding: 190px 70px 60px;display: flex;align-items: stretch;justify-content: space-between;}
.xqtop .w_z {width:280px;position: relative;}
.xqtop .w_z h3{font-size: 30px;color: #363636;margin-bottom: 10px;}
.xqtop .w_z h4{font-size: 17px;color: #666;margin-top: 40px;}
.xqtop .w_z .jb {position: absolute;left: 0;bottom: 0;font-size: 12px;}
.xqtop .w_z .jb ul li {margin-top: 40px;}
.xqtop .w_z .jb ul li p{margin-bottom: 10px;color: #666;}
.xqtop .w_z .jb ul li p span{width: 180px;display: inline-block;float: left;}
.xqtop .t_p {width: 70%;}
.xqtop .t_p img{width: 100%;display: block;}
.xq_p3 {width: 1230px;margin: 0 auto;padding: 115px 0;}
.xq_p3 .w_z {width: 570px;height: calc(97vh - 100px);position: sticky;top: 100px;float: left;}
.xq_p3 .w_z h3 {font-size: 18px;color: #000;line-height: 29px;margin-bottom: 40px;}
.xq_p3 .w_z p{font-size: 14px;line-height: 21px;color: #666;margin-bottom: 20px;}
.xq_p3 .w_z .jb {position: absolute;left: 0;bottom: 0;color: #9fa0a0;font-size: 14px;line-height: 21px;}
.xq_p3 .t_p{width: 570px;float: right;}
.xq_p3 .t_p img{width: 100%;display: block;margin-bottom: 60px;}
.xq_p4 {width: 1230px;margin: 0 auto;position: relative;}
.xq_p4 .zjt {position: absolute;left: -85px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;font-size: 20px !important;}
.xq_p4 .zjt i {font-size: 20px;color: #333;}
.xq_p4 .yjt i {font-size: 20px;color: #333;}
.xq_p4 .yjt {position: absolute;right: -85px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.xq_p5 {width: 1230px;margin: 0 auto;position: relative;padding: 120px 0 130px;}
.xq_p5 h1 {font-size: 14px;margin-bottom: 60px;color: #666;text-align: center;}
.xq_p5 .zjt {position: absolute;left: -85px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;font-size: 20px !important;}
.xq_p5 .zjt i {font-size: 20px;color: #333;}
.xq_p5 .yjt i {font-size: 20px;color: #333;}
.xq_p5 .yjt {position: absolute;right: -85px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.xq_p5 ul {display: flex;justify-content: space-between;}
.xq_p5 ul li {width: 200px;text-align: center;}
.xq_p5 ul li img {width: 100%;display: block;}
.xq_p5 ul li h3 {font-size: 16px;color: #000000;line-height: 28px;margin-top: 20px;}
.xq_p5 ul li h4 {font-size: 17px;color: #666666;line-height: 32px;}
.xq_p5 ul li h5 {font-size: 19px;color: #666666;line-height: 32px;}
.ny_cp{padding: 70px 0 115px;background: #fff;}
.ny_cp ul{border:#666 1px solid;overflow: hidden;background: #fff;}
.ny_cp ul li {width: 20%;float: left;position: relative;border:#666 1px solid;padding-top: 0px;padding-bottom: 0px;}
.ny_cp ul li:nth-child(4){margin-right: 0;}
.ny_cp ul li .tp {overflow: hidden;text-align: center;}
.ny_cp ul li .tp img {max-width: 100%;display: block;margin: 0 auto;}
.ny_cp ul li .mb {width: 100%;height: 100%;z-index:4;position: absolute;top: 0;left: 0;opacity: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp ul li:hover .mb{opacity: 1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp ul li .mb img {width: 100%;height: 100%;object-fit: cover;}
.ny_cp ul li .w_z {text-align: center;padding-bottom: 10px;}
.ny_cp ul li .w_z h3 {font-size: 16px;color: #000;line-height: 28px;}
.ny_cp ul li .w_z h4 {font-size: 16px;color: #666666;line-height: 28px;font-weight: 100;}
.ny_cp ul li .w_z h5 {font-size: 17px;color: #666666;line-height: 32px;}
.ny_cp ul li .w_z h6 {font-size: 19px;color: #666666;line-height: 32px;}
.page {padding: 105px 0 0;overflow: hidden;text-align: center;line-height: 20px;}
.page a {font-size: 16px;padding: 0 5px;color: #666;}
.page a:hover{color: #fff;}
.page a.on{color: #fff;}
.nbanzx {background: #eae9e6;line-height: 260px;text-align: center;font-size: 49px;color: #fff;}
.ny_xw {padding: 60px 0px 150px;overflow: hidden;background: #fff;}
.ny_xw ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.ny_xw ul li {width: calc((100% - 210px) / 4);}
.ny_xw ul li img {width: 100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_xw ul li:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_xw ul li .tp {overflow: hidden;}
.ny_xw ul li .w_z {padding: 15px 0 30px;}
.ny_xw ul li .w_z h3 {font-size: 16px;color: #666666;margin-bottom: 30px;}
.ny_xw ul li .w_z h4 {font-size: 16px;color: #666666;line-height: 1.8}
.ny_cpxq1 {padding: 55px 0 150px;background: #eae9e6;}
.slidebox{ height:812px; overflow:hidden; position:relative;display: flex;align-items: stretch;}
.ny_cpxq1 .right {width:440px;float: left;border-left: #c6c5c2 1px solid;margin-left: 85px;position: relative;padding-left: 35px;}
.slidebox .hd{ overflow:hidden; border-top: #c6c5c2 1px solid;padding-top: 25px;padding-bottom: 25px;border-bottom: #c6c5c2 1px solid;background: #eae9e6;position: relative;z-index: 9;}
.slidebox h3 {font-size: 17px;line-height: 36px;color: #363636;margin-bottom: 20px;font-family: 微軟正黑體;font-weight: bold;}
.slidebox h4{font-size: 17px;line-height: 36px;color: #363636;margin-bottom: 10px;}
.slidebox .hd ul{ overflow:hidden; zoom:1; display: flex;}
.slidebox .hd ul li{width:50px; height:50px; margin-right:10px;}
.slidebox .hd ul li img{ width:50px; height:50px;display: block;}
.slidebox .hd ul li.on{ }
.slidebox .bd{ width:860px; position:relative; height:100%; z-index:0; float: left;}
.slidebox .bd li{ zoom:1; vertical-align:middle; }
.slidebox .bd img{ width:860px; height:812px; display:block; }
.ny_cpxq1 .xqmenu{position: absolute;right: 0;bottom: 0;width: calc(100% - 35px);border-bottom:#c6c5c2 1px solid;padding-top: 365px;}
.ny_cpxq1 .xqmenu ul li{font-size: 12px;color: #666;width: 100%;line-height: 48px;height: 48px;}
.ny_cpxq1 .xqmenu ul li .box{background: url(/uploads/image/images/xjt.png) right 16px / 16px no-repeat;width: 100%;}
.ny_cpxq1 .xqmenu ul li .box.on{position: absolute;top: 0;color: #363636;height: 340px;background: right 16px / 16px no-repeat}
.ny_cpxq1 .xqmenu ul li .y_j{line-height: 48px;border-top:#c6c5c2 1px solid;position: relative;}
.ny_cpxq1 .xqmenu ul li i{position: absolute;width: 80%;height: 48px;right: 0;top: 0;}
.ny_cpxq1 .xqmenu ul li .e_j{padding: 15px 0;line-height: 28px;font-size: 12px;color: #363636;display: none;border-top:#c6c5c2 1px solid;}
.ny_cpxq1 .xqmenu ul li .e_j .zw {margin-bottom: 10px;}
.ny_cpxq1 .xqmenu ul li .e_j .yw {line-height: 24px;}
.ny_cpxq1 .xqmenu ul li .e_j .yw a{color: #666;}
.ny_cpxq1 .xqmenu ul li .e_j img{width: 23px;display: inline-block;}
.xqlb {position: absolute;right: 0;bottom: 0;width: calc(100% - 35px);padding-top: 360px;z-index: 2;}
.xqlb ul li { width:100%;line-height: 48px;border-bottom:#c6c5c2 1px solid; }
.xqlb ul li.n{position: absolute;bottom: 245px;color: #363636;height: 360px;}
.xqlb ul li .bt {}
.xqlb ul li .bt .yj {line-height: 48px;position: relative;color: #363636;font-size: 14px;}
.xqlb ul li .bt .e_j {width: 100%;position:relative;left: 0;top:0px;padding: 10px;box-sizing: border-box;display: none;z-index: 99}
.xqlb ul li .bt .e_j a {font-size: 14px;color: #666; line-height:3;display: block}
.xqlb ul li .e_j{padding: 15px 0;line-height: 28px;font-size: 12px;color: #363636;display: none;border-top:#c6c5c2 1px solid;}
.xqlb ul li .e_j .zw {margin-bottom: 10px;}
.xqlb ul li .e_j .yw {line-height: 24px;}
.xqlb ul li .e_j .yw a{color: #666;}
.xqlb ul li .e_j img{width: 23px;display: inline-block;}
.xqlb ul li .bt .yj i{font-size:12px;background: url(/uploads/image/images/xjt.png) right 16px / 20px no-repeat; line-height:48px; text-align:right; position:absolute; width:80%; height:48px; right:0px; top:50%;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.xqlb ul li .bt .yj i.on{background: right 16px / 20px no-repeat;}
.ny_cpxq2 {padding: 60px 0px;}
.ny_cpxq2 .con{position: relative;}
.ny_cpxq2 h1{font-size: 17px;color: #666;margin-bottom: 60px;text-align: center;letter-spacing: 2px;}
.ny_cpxq2 .zjt {position: absolute;left: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;font-size: 20px !important;}
.ny_cpxq2 .zjt i {font-size: 20px;color: #333;}
.ny_cpxq2 .yjt i {font-size: 20px;color: #333;}
.ny_cpxq2 .yjt {position: absolute;right: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.ny_cpxq3 {padding: 0 0px 80px;position: relative;}
.ny_cpxq3 .t_p{width: 50%;}
.ny_cpxq3 .zjt {position: absolute;left: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;font-size: 20px !important;}
.ny_cpxq3 .con{position: relative;display: flex;justify-content: space-between;align-items: stretch;}
.ny_cpxq3 .zjt i {font-size: 20px;color: #333;}
.ny_cpxq3 .yjt i {font-size: 20px;color: #333;}
.ny_cpxq3 .yjt {position: absolute;right: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.ny_cpxq3 .w_z{width: 47%;display: flex;flex-direction: column;justify-content: center;}
.ny_cpxq3 .w_z h3{font-size: 17px;color: #666;margin-bottom: 45px;letter-spacing: 2px;}
.ny_cpxq3 .w_z p{font-size: 12px;color: #666;line-height: 25px;}
.xqlb2{width:100%; position:relative;}
.xqlb2 .swiper-slide img{width:100%; height:auto; display:block;}
.xqlb3{width:100%; position:relative;}
.xqlb3 .swiper-slide img{width:100%; height:auto; display:block;}
.ny_xqbj {background: #eae9e6;}
.ny_xwxq{padding: 0px 40 110px ;position: relative;margin-bottom: 110px;}
.ny_xwxq .zjt {position: absolute;left: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.ny_xwxq .zjt i {font-size: 20px;color: #333;}
.ny_xwxq .yjt i {font-size: 20px;color: #333;}
.ny_xwxq .yjt {position: absolute;right: -35px;width: 20px;line-height: 20px;text-align: center;top: 50%;margin-top: -10px;}
.ny_xw_wz {padding: 0 0 110px;text-align: center;}
.ny_xw_wz h3 {font-size: 18px;color: #000;margin-bottom: 25px;letter-spacing: 2px;}
.ny_xw_wz p {font-size: 14px;line-height: 24px;color: #666;letter-spacing: 1px;}
.ny_xqtp {width: 1250px;margin: 0 auto;padding: 0 0 118px;display: flex;align-items: stretch;justify-content: space-between;}
.ny_xqtp .t_p{width: 608px;}
.ny_xqtp .w_z{width: 608px;font-size: 14px;line-height: 24px;color: #666;position: relative;letter-spacing: 1px;}
.ny_xqtp .w_z p{margin-bottom: 15px;}
.ny_xqtp .w_z .jb {position: absolute;left: 0;bottom: 0;}
.ny_xqtp .t_p img{width: 100%;display: block;}
.ny_yzbt{line-height: 110px;font-size: 24px;color: #666;text-align: center;border-top: #666 2px solid;position: relative;background: #fff;}
.ny_yzstp{padding: 0 80px 0;}
.ny_yzstp img{width: 100%;display: block;}
.ny_yzswz {padding: 110px 0 110px;font-size: 17px;color: #666;text-align: center;min-height:45px;}
.ny_yzswz span {padding: 0 24px;}
.ny_jj {padding: 110px 0;overflow: hidden;}
.ny_jj .left {float: left;text-align: right;}
.ny_jj h3 {font-size: 20px;color: #666;margin-bottom: 20px;letter-spacing: 3px;}
.ny_jj h4 {font-size: 20px;color: #666;letter-spacing: 3px;}
.ny_jj .right {width: 820px;float: right;}
.ny_jj .right .w_z {width: 368px;float: left;margin-right: 20px;font-size: 17px;line-height: 26px;color: #666;letter-spacing: 1px;overflow-y:auto; height:1000px;}
.ny_jj .right .w_z p {margin-bottom: 20px;}
.ny_jj .right .w_z p.p2{margin-bottom: 0;}
.ny_lx {margin: 155px auto 0px;padding-bottom: 180px !important; background:#eae9e6;overflow: hidden;}
.ny_lx .left {font-size: 16px;color: #666;line-height: 26px;float: left;letter-spacing: 1px;}
.ny_lx .left a {color: #666;}
@media only screen and (max-width:1600px) {
.con {width: 90%;}
.sy_cp ul {
width: 90%;
}
}
@media only screen and (max-width:1440px) {
.sy_xw {
padding: 200px 40px;
}
.sy_xw ul li {
width: calc((100% - 120px) / 4);
}
}
@media only screen and (max-width:1024px) {
.header.ny .right a {
line-height: 60px;
}
.header.ny .container {
height: 60px;
}
.header.ny {
height: 60px;
}
.page-content-menu {
line-height: 60px;
}
.page-content-menu ul li {
width: auto;padding: 0 20px;
}
.page-content-menu ul li .y_j {padding-right: 20px;}
.sy_al {
padding: 60px 30px;
}
.tit h1 {
width: 160px;
}
.sy_al ul li {
width: 100%;margin-bottom: 30px;
margin-right: 0px;
}
.sy_cp {
padding: 60px 0;
}
.sy_cp ul li {
width: calc((100% - 30px) / 2);
margin-right: 30px;margin-bottom: 30px;border-bottom: #838383 1px solid;
}
.sy_cp ul li:nth-child(2n){margin-right: 0;}
.sy_cp .box::after {display: none
}
.sy_tdyzs {
padding: 60px 20px 100px;
}
.sy_xw {
padding: 60px 20px;
}
.sy_xw ul li {
width: calc((100% - 20px) / 2);
}
.sy_xw ul li:nth-child(2n){margin-right: 0;}
.sy_xw ul {flex-wrap: wrap;
}
.footer {
padding: 60px 0 30px;
}
.footer .nav {width: 100%;
}
.footer .nav ul li {
padding: 0 10px;
}
.footer .nav ul li a {
font-size: 14px;
}
.footer .right {width: 100%;text-align: center;
}
.nban .mb h1 {
font-size: 30px;
}
.ny_menu {
padding: 30px 0 0px;
}
.ny_menu ul {
padding-bottom: 20px;
border-bottom: #666666 2px solid;
height: 50px;
}
.con {padding: 0 25px;width: 100%;
}
.ny_menu ul li {
margin-right: 30px;
}
.ny_menu ul li .y_j {
padding-right: 25px;
}
.ny_menu ul li .y_j i {
width: 25px;
font-size: 16px;
}
.ny_menu ul li a {
font-size: 16px;font-weight: normal;
}
.ny_menu .ym span {
padding-right: 25px;
}
.ny_cp {
padding: 30px 0 45px;
}
.ny_menu .ym {
line-height: 40px;
}
.ny_cp ul li {
width: 50%;
padding-top: 20px;
padding-bottom: 20px;
}
.page {
padding: 50px 0 0;
}
.header .nav .gb {
width: 40%;
}
.xqhead .w_z {
font-size: 20px;
letter-spacing:5px;
}
.ny_cpxq1 {
padding: 35px 0 80px;
}
.slidebox {
height: auto;flex-wrap: wrap;
display: flex;
}
.slidebox .bd {
width: 100%;
}
.ny_cpxq1 .right {
width: 100%;
margin-left: 0;margin-top: 20px;
padding-left: 0;border-left: #c6c5c2 0 solid;
}
.slidebox h3 {
margin-bottom: 10px;
}
.ny_cpxq1 .xqmenu {
position: relative;margin-top: 25px;
width: calc(100% - 35px);
padding-top: 25px;
}
.ny_cpxq1 .xqmenu ul li.on {
position: relative;
height: auto;
}
.ny_yzstp {
padding: 0 5% 0;
}
.ny_jj {
padding:60px 0;
}
.ny_jj .left {width: 100%;margin-bottom: 20px;
}
.ny_jj h3 {
margin-bottom: 10px;
letter-spacing: 2px;
}
.ny_jj .right {
width: 100%;
}
.ny_jj .right .w_z {
width: 100%;
margin-right: 0px;
height: auto;
}
.xqlb {
position: relative;
width: 100%;
padding-top: 0px;
}
.xqlb ul li.n {
position: relative;
height: auto;
}
.ny_cpxq2 .zjt {
left: 2px;
font-size: 20px !important;
}
.ny_cpxq2 .yjt {
right: 2px;
}
.ny_cpxq3 .zjt {
left: 2px;
}
.ny_cpxq3 .yjt {
right: 2px;
}
.ny_cpxq2 h1 {
margin-bottom: 30px;
}
.slidebox .bd img{ width:100%; height:auto; display:block; }
.ny_lx {
margin: 65px auto 0px;
padding-bottom: 60px !important;
}
.head_hny {
height: 60px;
}
.ny_yzbt {
line-height: 80px;
font-size: 20px;
}
.ny_yzswz {
padding: 60px 0 80px;
min-height: 255px;
}
.ny_xmlb ul li {
margin-bottom: 55px;
width: calc((100% - 20px) / 2);
}
.ny_xmlb ul li:nth-child(2n) {
margin-right: 0;
}
.ny_xmlb {
padding: 30px 0;
}
.ny_xmlb ul li h3 {
font-size: 24px;
margin-top: 10px;
}
.ny_xmlb ul li h4 {
margin-top: 20px;
}
.xqtop {
padding: 50px 25px 60px;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.xqtop .w_z h3 {
font-size: 24px;
}
.xqtop .w_z h4 {
margin-top: 20px;
}
.xqtop .w_z .jb ul li p {
margin-bottom: 5px;
}
.xq_p3 {
width: 100%;
padding: 65px 25px;
}
.xq_p3 .w_z h3 {
margin-bottom: 20px;
}
.xq_p3 .w_z {
width: 100%;
height: auto;
position: relative;
top: auto;padding-bottom: 50px;
}
.xq_p3 .t_p {
width: 100%;margin-top: 20px;
}
}
@media only screen and (max-width:600px){
.header .w_z {
font-size: 16px;
letter-spacing: 1px;
}
.header .logo {
width: 66px;margin-left: 50px;
}
.header .container {padding: 0 10px;
}
.header .right a {
line-height: 80px;
padding: 0 3px;
font-size: 18px;
}
.header.on .logo {
width: 66px;
}
.header .nav ul {
width: 60%;
padding-right: 40px;
padding-top: 120px;
}
.page-content-menu {
line-height: 30px;
}
.sy_xw ul li .w_z h3 {
font-size: 14px;
margin-bottom: 20px;
}
.sy_xw ul li .w_z h4 {
font-size: 14px;
}
.footer .dh {
line-height: 30px;
}
.ny_menu ul li {
margin-right: 20px;
}
.ny_menu ul li .y_j i {
width:18px;
font-size: 14px;
}
.ny_menu ul li .y_j {
padding-right: 18px;
}
.ny_cp ul li {
width: 100%;
}
.ny_cpxq3 .w_z {
width: 100%;margin-top: 20px;
}
.ny_cpxq3 .con {flex-wrap: wrap;
}
.ny_cpxq3 .w_z h3 {
margin-bottom: 15px;
}
.ny_cpxq3 .t_p {
width: 100%;
}
.ny_cpxq3 {
padding: 0 0px 30px;
}
.ny_cpxq2 {
padding: 30px 0px;
}
.ny_menu ul {
padding-bottom: 10px;
height: auto;overflow: hidden;
}
.ny_xmlb ul li {
margin-bottom: 35px;
width:100%;margin-right: 0;
}
.ny_xmlb ul li h3 {
font-size: 20px;
}
}