@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;}
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;max-width: 100%;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}
.con{width:1200px; margin:0 auto;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.con{width:1200px; margin:0 auto;}
.container { width:1200px; margin:0 auto}
.header{width:100%; position:fixed; top:0; left:0; z-index:1000;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{box-shadow:0 0 10px #aaa; background:rgba(255,255,255,0.95)}
.header.ny{box-shadow:0 0 10px #aaa; background:rgba(255,255,255,0.95)}
.header:hover{box-shadow:0 0 10px #aaa; background:rgba(255,255,255,0.95)}
.header .container{position:relative;}
.header .logo{float:right; margin:18px 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{margin:18px 0 0;float: right;}
.header .logo img{width:auto; height:25px; display:block;}
.header .logo .img2 { display: none}
.header.on .logo .img1{ display:none}
.header.on .logo .img2 { display:block}
.header.ny .logo .img1{ display:none}
.header.ny .logo .img2 { display:block}
.header:hover .logo .img1{ display:none}
.header:hover .logo .img2 { display:block}
.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; 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 .an span{width:30px; height:2px; background-color:#555; 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 .dl {padding: 0 30px;line-height: 32px;background: #d0855d;border-radius: 5px;float: right;font-size: 16px;margin-top: 15px;margin-right: 50px;}
.header .dl a {color: #fff;}
.header .nav{  float:left;}
.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 ul li{margin:0 20px; line-height:60px; float:left; position:relative; padding:0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}


.header.on .nav ul li{line-height:60px;}
.header .nav ul li a{display:block; font-size:16px; color:#fff; text-transform:capitalize}
.header:hover .nav ul li a{color:#333;}
.header.on .nav ul li a{color:#333;}
.header.ny .nav ul li a{color:#333;}
.header .nav ul li span{width:0; height:2px; background-color:#d0855d; 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%;}

.nav .y_j{position:relative;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:60px; 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:#d0855d; 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: 60px; display: none}
}

@media only screen and (max-width:1024px){
.head_h { height: 60px; display:block}
.header{border:0; height:60px; width:100%}
.header .container{ padding:0; width:94%;height: 60px;}
.header .logo{width:230px; margin:20px auto;float: left;}
.header.on .logo{width:220px; margin:20px auto;float: left;}
	.header.nwap .logo img {
  display: none;
}
	.header.nwap .logo .img2 {
  display: block;
}
.header .an{display:block; right:10px;}
.header .an span { background-color:#fff}
	.header:hover .an span {
  background-color: #999;
}
	.header.ny .an span {
  background-color: #999;
}
	.header.on .an span {
  background-color: #999;
}
.header .nav ul { width: 100%;}
	.header .dl {
  padding: 0 20px;
  line-height: 30px;
  font-size: 16px;
  margin-top: 15px;
  margin-right: 55px;
}
.header.on .nav {width:60%}
.header .nav{width:60%; padding:15px 5%; background-color:#000; height:100%; position:fixed; top:60px; right:-70%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #fff;}
	.header.ny .nav ul li a {
  color: #fff;
}
	.header:hover .nav ul li a{color:#fff;}
.header .nav i{display:block;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid #444; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#aaa;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:15px; color:#fff;}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:375px){
.header .container{ padding:0}
.header .logo{width:200px; margin:15px auto;}
.header.on .logo{width:200px; margin:15px auto;}
}


.banner{ height:100vh; width:100%; position:relative;}
.banner video{ width:100%; height:100%; position:absolute; left:0; bottom:0;object-fit: cover !important;
object-fit: fill;
display: block;}

.biaoyu{ position:absolute; width:100%; text-align:center; z-index:999; color:#fff; top:40%;opacity: 0;}
.active .biaoyu{animation:fadeInUp 1.5s 0.8s forwards;}

.biaoyu p{ font-size:55px; letter-spacing: 10px;font-weight: bold;margin-bottom: 35px;}
.biaoyu  span{}



  @media screen and (max-width: 1600px) {
.banner video{ width:100%; height:100%; position:absolute; bottom:0}

  }


  @media screen and (max-width: 992px) {
.biaoyu{  top:46%}
.biaoyu p{ font-size:36px; letter-spacing: 5px; line-height:1.8; margin-bottom:0}
.biaoyu  span{display: block;}

  }
.tit {margin-bottom: 50px;text-align: center;opacity: 0;}
.tit h1 {font-size: 40px;color: #333;font-weight: bold;}
.tit h3 {font-size: 20px;color: #ccc;letter-spacing: 2px;}
.active .tit{animation:fadeInUp 1.5s 0.8s forwards;}
.page2 .about {padding: 60px 0;position: relative;z-index: 5;}
.page2 .about .w_z {margin-bottom: 50px;opacity: 0;}
.active .about .w_z{animation:fadeInUp 1.5s 0.8s forwards;}
.page2 .about p {font-size: 18px;color: #333;line-height: 1.8;}
.page2 .about p span {color: #c89761;font-weight: bold;}
.page2 .about ul {display: flex;justify-content: space-between;}
.page2 .about ul li {width: 340px;opacity: 0;text-align: center; }
.active .l1{animation:fadeInUp 1.5s 0.8s forwards;}
.active .l2{animation:fadeInUp 1.5s 1s forwards;}
.active .l3{animation:fadeInUp 1.5s 1.2s forwards;}
.page2 .about ul li i {font-style: normal;}
.page2 .about ul li .box {background: #fff;border-top: 6px solid #000;padding: 20px 20px 50px;transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.page2 .about ul li:hover .box{border-top: 6px solid #c89761;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.page2 .about ul li .tb {width: 70px;margin: 30px auto 50px;}
.page2 .about ul li .tb img {width: 100%;display: block;}
.page2 .about ul li h3 {font-size:40px;color: #c89761;margin-bottom: 10px; }
.page2 .about ul li h3 b {display: inline-block;position: relative;}
.page2 .about ul li b sup {
    position: absolute;
    font-size: 24px;
    right: -15px;font-weight: normal;
    top: -3px;
}
.page2 .about ul li em {
    font-style: normal;
    font-size: 20px;
    font-weight: 100;
    padding-left: 15px;
    position: relative;color: #333;
    top: -4px;
}
.page2 .about ul li p {font-size: 20px;color: #222;}
.page2 .hbj {position: absolute;;width: 100%;height: 35%;background: #000;left: 0;bottom: 0;}

.page3 .hbj {position: absolute;width: 100%;height: 40%;left:0 ;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%);background: #0c0d00;z-index: 1;}
.page3 .tp {width: 50%;float: right;position: relative;z-index: 2;margin-right: 5%;opacity: 0; }
.page3 .tp img {width: 100%;display: block;position: relative;z-index: 2;-webkit-transform:scale(0.2); -moz-transform:scale(0.2); -o-transform:scale(0.2); -ms-transform:scale(0.2); transform:scale(0.2); -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s;}
.page3 .w_z {position: absolute;font-size: 65px;color: #fff;z-index: 5;top: 50%;margin-top: -50px;opacity: 0;height: 100px;line-height: 100px;width: 45%;left: 0;}
.page3 .w_z span{position: absolute;right: -280px;}
.active .w_z{animation:fadeIn 2.5s 2s forwards;}
.active .tp{animation:fadeIn 1.5s .5s forwards; }
.active .tp img { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }

.page4 .hbj {position: absolute;width: 100%;height: 40%;left:0 ;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%);background: #0c0d00;z-index: 1;}
.page4 .tp {width: 50%;float: right;position: relative;z-index: 2;margin-right: 5%;opacity: 0;}
.page4 .tp img {width: 100%;display: block;position: relative;z-index: 2;-webkit-transform:scale(0.2); -moz-transform:scale(0.2); -o-transform:scale(0.2); -ms-transform:scale(0.2); transform:scale(0.2); -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s;}
.page4 .w_z {position: absolute;font-size: 65px;color: #fff;z-index: 5;top: 50%;margin-top: -50px;opacity: 0;height: 100px;line-height: 100px;width: 45%;left: 0;}
.page4 .w_z span{position: absolute;right: -280px;}
.page4 .w_z em {font-style: normal;color: #0c0d00;}
.page4.active .tp img { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }

.page5 .hbj {position: absolute;width: 100%;height: 40%;left:0 ;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%);background: #0c0d00;z-index: 1;}
.page5 .tp {width: 50%;float: right;position: relative;z-index: 2;margin-right: 5%;opacity: 0;}
.page5 .tp img {width: 100%;display: block;position: relative;z-index: 2;-webkit-transform:scale(0.2); -moz-transform:scale(0.2); -o-transform:scale(0.2); -ms-transform:scale(0.2); transform:scale(0.2); -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s;}
.page5 .w_z {position: absolute;font-size: 65px;color: #fff;z-index: 5;top: 50%;margin-top: -50px;opacity: 0;height: 100px;line-height: 100px;width: 45%;left: 0;}
.page5 .w_z span{position: absolute;right: -280px;}
.page5.active .tp img { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }

.nban {position: relative;height: 100vh;}
.nban .w_z {width: 100%;position: absolute;left: 0;bottom: 30px;}
.nban .w_z h1 {font-weight: bold;color: #fff;margin-bottom: 30px;font-size: 65px;}

.nban .w_z2 {width: 100%;position: absolute;left: 0;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%);}
.nban .w_z2 h1 {font-weight: bold;color: #fff;margin-bottom: 30px;font-size: 65px;text-align: center;}

.ny_cpfw {padding: 60px 0;overflow: hidden;position: relative;}
.ny_cpfw ul li {width: 340px;}
.ny_cpfw ul li h3 {font-size: 32px;color: #fff;margin-bottom: 20px;font-weight: bold;letter-spacing: 2px;background: #090909;text-align: center;padding: 30px;}
.ny_cpfw ul li p {font-size: 24px;color: #111;text-align: center;}
.ny_cpfw ul li p span {color: #d9ac75;font-weight: bold;}
.ny_cpfw ul {display: flex;justify-content: space-between;}
.ny_cpfw2 {position: relative;}
.ny_cpfw2 .hd {width: 60px;position: absolute;height: 100%;left: 45%;}
.ny_cpfw2 .hd ul {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.ny_cpfw2 .hd ul li{ display:inline-block;width: 60px;height: 60px;line-height: 60px;font-size: 25px;text-align: center;background: #d9d9d9;color: #000;border-radius: 30px;margin: 25px 0;}
.ny_cpfw2 .hd ul li a {color: #222;}
.ny_cpfw2 .hd ul li:hover{background: #222;}
.ny_cpfw2 .hd ul li:hover a {color: #fff;}
.ny_cpfw2 .hd ul li.on{background: #222;}
.ny_cpfw2 .hd ul li.on a {color: #fff;}
.ny_cpfw2 .bd{background: url(../images/cpfw2.jpg) center bottom / cover no-repeat;}
.ny_cpfw2 .bd .nr {padding: 60px 0;overflow: hidden;display: flex;align-items: center;justify-content: space-between;height: 530px;}
.ny_cpfw2 .bd .nr .left {width: 35%;float: left;}
.ny_cpfw2 .bd .nr .left h1 {font-size: 40px;color: #222;font-weight: bold;padding-bottom: 40px;border-bottom: #666 1px solid;margin-bottom: 40px;}
.ny_cpfw2 .bd .nr .left h2 {font-size: 40px;color: #222;font-weight: bold;}
.ny_cpfw2 .bd .nr .right {width: 45%;float: right;}
.ny_cpfw2 .bd .nr .right p {font-size: 28px;color: #222;line-height: 1.5;margin-bottom: 40px;}
.ny_cpfw2 .bd .nr .right p:last-child{margin-bottom: 0;}
.ny_cpfw2 .bd .nr .right p span {color: #caa075;font-weight: bold;}

.ny_cpfw3 {padding: 80px 0;overflow: hidden;}
.ny_cpfw3 .tp {width: 55%;float: left;}
.ny_cpfw3 .tp img {width: 100%;display: block;}
.ny_cpfw3 .wz {width: 40%;float: right;}
.ny_cpfw3 .wz h1 {font-size: 34px;color: #222;padding-bottom: 25px;border-bottom: #222 1px solid;margin-bottom: 20px;font-weight: bold;}
.ny_cpfw3 .wz h2 {font-size: 34px;color: #7f7f7f;margin-bottom: 30px;font-weight: bold;}
.ny_cpfw3 .wz h2 span{color: #d9ac74;}
.ny_cpfw3 .wz ul li {font-size: 18px;color: #fff;line-height: 35px;margin-bottom: 10px;background: #000000;padding: 0 20px;}

.ny_cpfw4 {padding: 60px 0 80px;overflow: hidden;}
.ny_yjjc {}
.ny_yjjc .hd {position: relative;}
.ny_yjjc .hd li {width: 50%;border-right: #fff 1px solid;background: #E7E6E6;box-sizing: border-box;padding: 25px;box-sizing: border-box;float: left;}
.ny_yjjc .hd li .kd {width: 245px;margin: 0 auto;}
.ny_yjjc .hd li h3 {text-align: center;font-size: 36px;font-weight:bold;margin-bottom: 25px;}
.ny_yjjc .hd li h3 img {width: 60px;margin-right: 15px;vertical-align: middle;}
.ny_yjjc .hd li .box {width: 50%;float: left;}
.ny_yjjc .hd li .ty{line-height: 34px;background: #ccc;border-radius: 8px;color: #000;font-size: 18px;padding: 3px 10px;}

.ny_yjjc .hd li.on .ty{background: #000;color: #fff;}
.ny_yjjc .hd li .hz{font-size: 16px;line-height:32px;color: #000;margin: 5px 0;height: 32px;}
.ny_yjjc .hd li .hz span {margin:0 5px;}
.ny_yjjc .bd .hov {background: #fff;box-sizing: border-box;}
.ny_yjjc .bd .hov.cpjc {background: #fff url(../images/cpjcbjx1.png) right bottom no-repeat;padding: 50px;min-height: 580px;}
.ny_yjjc .bd .hov.cpjc h1 {color: #333;font-size: 42px;font-weight: bold;margin-bottom: 15px; }
.ny_yjjc .bd .hov.cpjc h3{color: #555;font-size: 18px;}
.ny_yjjc .bd .hov.cpjc .nr {margin-top: 80px;}
.ny_yjjc .bd .hov.cpjc .nr .box1{width: 250px;float: left;}
.ny_yjjc .bd .hov .tb {width: 55px;margin: 0 auto 20px;}
.ny_yjjc .bd .hov .nr h3 {font-size: 24px;color: #000;text-align: center !important;margin-bottom: 25px;}
.ny_yjjc .bd .hov.cpjc .nr .box1 p {font-size: 18px;text-align: center;color: #333;line-height: 2.2;}
.ny_yjjc .bd .hov.cpjc .nr .box2{width: 260px;float: left;position: relative;margin: 0 150px;}
.ny_yjjc .bd .hov.cpjc .nr .box2 span {display: block;position: absolute;width: 380px;height: 1px;background: #ccc;left: 50%;margin-left: -190px; }
.ny_yjjc .bd .hov.cpjc .nr .box2 span.a1{top: 35px; transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-moz-transform: rotate(10deg);}
.ny_yjjc .bd .hov.cpjc .nr .box2 span.a2{top:35px;transform: rotate(170deg);
-o-transform: rotate(170deg);
-ms-transform: rotate(170deg);
-moz-transform: rotate(170deg);
-webkit-transform: rotate(170deg);}
.ny_yjjc .bd .hov.cpjc .nr .box2 .logo{background: #fff;position: relative;z-index: 2;padding: 15px 20px;}
.ny_yjjc .bd .hov.cpjc .nr .box2 .w_z {background: #eee;font-size: 18px;color: #333;text-align: center;padding: 10px;}
.ny_yjjc .bd .hov.cpjc .nr .box3{width: 200px;float: left;position: relative;}
.ny_yjjc .bd .hov.cpjc .nr .box3 p {}
.ny_yjjc .bd .hov.cpjc .nr .box3 .l1{position: absolute;width: 120px;height: 120px;right: -150px;top: 0;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #333;background: #eee;border-radius: 50%;}
.ny_yjjc .bd .hov.cpjc .nr .box3 .l2{position: absolute;width: 104px;height: 104px;right: -230px;top:130px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #333;background: #eee;border-radius: 50%;}
.ny_yjjc .bd .hov.cpjc .nr .box3 .l3{position: absolute;width: 35px;height: 35px;right: -110px;top:166px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #333;background: #eee;border-radius: 50%;}
.ny_yjjc .bd .hov.cpjc .nr .box3 .l4{position: absolute;width: 92px;height: 92px;right: -109px;top:235px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #333;background: #eee;border-radius: 50%;}
.ny_yjjc .bd .hov.cpjc .nr .box3 .l5{position: absolute;width: 115px;height: 115px;right:0px;top:133px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #333;background: #eee;border-radius: 50%;}
.ny_yjjc .bd .hov.cpjc .nr .box3 .l6{position: absolute;width: 35px;height: 35px;left: 0px;top:250px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #333;background: #eee;border-radius: 50%;}
.ny_yjjc .bd .hov.zkjc {background: #fff;padding: 50px;min-height: 580px;}
.ny_yjjc .bd .hov.zkjc h1 {color: #333;font-size: 42px;font-weight: bold;margin-bottom: 15px;text-align: right;}
.ny_yjjc .bd .hov.zkjc h3{color: #555;font-size: 18px;text-align: right;}
.ny_yjjc .bd .hov.zkjc .nr {margin-top: 80px;}
.ny_yjjc .bd .hov.zkjc .nr .left {width: 27%;float: left;position: relative;margin-top: 6px;}
.ny_yjjc .bd .hov.zkjc .nr .left ul li {width: 48%;float: left;border: #eee 1px solid;margin-bottom: 10px;padding: 10px;}
.ny_yjjc .bd .hov.zkjc .nr .left ul li:nth-child(2n){float: right;}
.ny_yjjc .bd .hov.zkjc .nr .left ul li h5{font-size: 20px;color: #111;}
.ny_yjjc .bd .hov.zkjc .nr .left ul li h4{font-size: 16px;color: #666;}
.ny_yjjc .bd .hov.zkjc .nr .center {
  width:37%;
  float: left;
  margin-left: 3%;
  text-align: center;
  position: relative;
}
.ny_yjjc .bd .hov.zkjc .nr .center .triangle-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-left: 15px solid #c89761;
  border-bottom: 60px solid transparent;
  position: absolute;
  box-sizing: inherit;
  top: 105px;
  right: -25px;
}
.ny_yjjc .bd .hov.zkjc .nr .center .bj { background: #e7e6e6;}
.ny_yjjc .bd .hov.zkjc .nr .center .box{width: 46%;float: left;margin: 0 2%;}
.ny_yjjc .bd .hov.zkjc .nr .center h2 {font-size: 18px;color: #555;text-align: center;margin: 0px auto 20px;display: inline-block;padding: 5px 20px;}
.ny_yjjc .bd .hov.zkjc .nr .center h2 img{margin-bottom: 20px;}
.ny_yjjc .bd .hov.zkjc .nr .center .ty {padding: 0 20px;display: inline-block;line-height: 34px;text-align: center;background: #c89761;border-radius: 8px;color: #fff;font-size: 16px;font-weight: bold;margin: 0 auto;}
.ny_yjjc .bd .hov.zkjc .nr .center .hz {font-size: 16px;line-height: 2;text-align: center;color: #333;margin: 5px 0;}
.ny_yjjc .bd .hov.zkjc .nr .top{width:29%;float: right;margin-top: 0px;margin-left: 3%}
.ny_yjjc .bd .hov.zkjc .nr .top ul{padding-bottom: 50px;overflow: hidden;}
.ny_yjjc .bd .hov.zkjc .nr .top li {text-align: center;float: left;height: 102px;display: flex;flex-direction: column;justify-content: center;margin-right: 10px;margin-left: 10px;}
.ny_yjjc .bd .hov.zkjc .nr .top .jh {width: 30px;float: left;}
.ny_yjjc .bd .hov.zkjc .nr .top .jh img {width: 100%;display: block;}
.ny_yjjc .bd .hov.zkjc .nr .top li img {width: 60px;margin: 0 auto; }
.ny_yjjc .bd .hov.zkjc .nr .top li:hover img{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.ny_yjjc .bd .hov.zkjc .nr .top li:hover img.lo{-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.ny_yjjc .bd .hov.zkjc .nr .top .jcfw {float: left;position: relative;width: 160px;}
.ny_yjjc .bd .hov.zkjc .nr .top .jcfw .zi {position: absolute;width: 100%;left: 0;top:15px;line-height: 1.8;font-size: 18px;color: #cba075;text-align: center;font-weight: bold;}
.ny_yjjc .bd .hov.zkjc .nr .top li img.lo{width: 200px;display: block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
.ny_yjjc .bd .hov.zkjc .nr .top li p{font-size: 18px;text-align: center;color: #333;margin: 10px 0 0;}
.ny_yjjc .bd .hov.zkjc .nr .top h2{color: #c89761;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.ny_yjjc .bd .hov.zkjc .nr .top h2 span {color: #7f7f7f}
.ny_yjjc .bd .hov.zkjc .nr .top h2::before{content: "☑";margin-right: 10px;}






.ny_cpfw4 .con {width: 80%;max-width: 1536px;}

.ny_cpfw4 .con .left .triangle-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-left: 15px solid #c89761;
  border-bottom: 60px solid transparent;
  position: absolute;
  box-sizing: inherit;
  top: 105px;
  right: -35px;
}


.ny_cpfw4 .center .triangle-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-left: 15px solid #c89761;
  border-bottom: 60px solid transparent;
  position: absolute;
  box-sizing: inherit;
  top: 30%;
  right: -25px;
}




.bt1{text-align: center;}
.bt1 h3{ color:#fff; font-size:42px;font-weight: bold;margin-bottom: 15px;}
.bt1 p{ font-size:16px; color:#fff;}

.bt11 { color:#fff; font-size:30px; text-align:center; margin-top:50px;letter-spacing: 5px; position:relative; z-index:2}


.mainbox{ width:96%; margin:0 auto; max-width:1400px}

.cpcp{ width:100%; max-width:1200px; margin:0 auto;transform:translateY(100px); 
-webkit-transform:translateY(100px); 
transition:all 0.6s ease-out 0.2s; 
-webkit-transition:all 0.6s ease-out 0.2s;}
.active .cpcp{ transform:translateX(0); -webkit-transform:translateX(0);}
.cpcp  ul { position:relative;}
.cpcp  ul li{ float:left; width:48%; text-align:center; background:#347ac9;  color:#fff; box-sizing:border-box; margin-right:4%; position:relative;  transition:all 0.6s; overflow:hidden}
.cpcp  ul li:nth-child(2){margin-right:0;}

.cpcp  ul li a>img{ width:100%; height:auto; transition:all 0.6s; opacity:0.4}
.cpcp  ul li i { display:block; height:100px; width:auto; transition:all 0.6s}
.cpcp  ul li i img{ height:100%; width:auto}

.cpcp  ul li h3{ display:block; line-height:45px; font-size:23px; color:#fff;transition:all 0.6s}
.cpcp  ul li h1{ display:block; line-height:25px; font-size:20px; color:#fff; text-align:left; height:0; transform:translateY(200px); transition:all 0.6s}
.cpcp  ul li p{ display:block; font-size:16px; line-height:30px; margin:15px 0; max-height:120px;  overflow:hidden; color:#fff; text-align:left;height:0; transform:translateY(200px); transition:all 0.6s}

.cpcp ul li:hover>img{ opacity:0.1; transform:scale(1.1,1.1); transition:all 0.6s}

.cpcp ul li .fdzi2{ position:absolute; z-index:3; width:90%; top:50%; left:50%; transform:translate(-50%,-50%);}

.cpcp ul li:hover h1{ height:auto; transform:translateY(0); transition:all 0.6s}
.cpcp ul li:hover i{ display:none; transition:all 0.6s}
.cpcp ul li:hover p{ height:auto; transform:translateY(0); transition:all 0.6s}

.cpcp ul li:hover h3{ display:none;transition:all 0.6s}
.mBox3bg {position: relative;padding: 100px 0;width: 100%;height: 900px;}






.cpcp2{ width:100%; max-width:1200px; margin:0 auto;
transform:translateY(100px); 
-webkit-transform:translateY(100px); 
transition:all 0.6s ease-out 0.2s; 
-webkit-transition:all 0.6s ease-out 0.2s;}
.mainbox{position: relative;z-index: 99;}
.active .cpcp2{ transform:translateX(0); -webkit-transform:translateX(0);}
.bjsb {position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;}
#container, #water {
  background-image: url("../images/hsbj.jpg");
  background-position: center bottom;
}

#container {
  height: 100%;position: relative;
  width: 100%;overflow: hidden;
}

#container #water {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 66%;
  -webkit-filter: url("#turbulence");
          filter: url("#turbulence");
  overflow: hidden;z-index: 1
}
.cpcp2  ul { position:relative;z-index: 99999;}
.cpcp2  ul li{ float:left; width:31.3333%; background:#000; padding-bottom:35%; text-align:center;  color:#fff; box-sizing:border-box; margin-right:2.66%;  transition:all 0.6s; position:relative; overflow:hidden; transition:all 0.6s}

.cpcp2  ul li:nth-child(3){margin-right:0;}
.cpcp2  ul li img{ position:absolute; top:0; left:0; width:auto; height:100%; min-width:100%; z-index:0; opacity:0.7; transition:all 0.6s}
.cpcp2  ul li .fdzi{ position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
.cpcp2  ul li .fdzi i img{ position:inherit; height:50px; width:auto; opacity:1;transition:all 0.6s; min-width:inherit}
.cpcp2  ul li h3{ display:block; line-height:45px; font-size:23px; color:#fff; transition:all 0.6s}
.cpcp2  ul li h4 {font-size: 18px;color: #fff;overflow:hidden; height:0;transform:translateY(300px);transition:all 0.6s;margin-top: 20px;margin-bottom: 25px;}
.cpcp2  ul li p{ display:block; font-size:14px; line-height:1.6; color:#fff; max-height:120px; margin:0 0 10px; overflow:hidden; height:0;transform:translateY(300px);transition:all 0.6s;position: relative;text-align: left;}
.cpcp2  ul li p::before{content: "●";margin-right: 6px;}
.cpcp2  ul li span{ display:block; width:160px; line-height:40px; text-align:center;margin:30px auto 0;  height:0;transform:translateY(300px);transition:all 0.6s}
.cpcp2  ul li a span { display:block; margin:30px auto 0; background:#fff; color:#9f6138; text-decoration:none; font-size:16px; border-radius:30px}
.cpcp2  ul li:hover img{ opacity:0.1; transform:scale(1.1,1.1);  transition:all 0.6s}
.cpcp2  ul li:hover i img{ display:none; transition:all 0.6s}
.cpcp2  ul li:hover{ background:#9f6138; transition:all 0.6s }
.cpcp2  ul li:hover h4{height:auto;  transform:translateY(0); transition:all 0.6s}

.cpcp2  ul li:hover p{ height:auto;  transform:translateY(0); transition:all 0.6s}
.cpcp2  ul li:hover span{ height:auto;  transform:translateY(0);transition:all 0.6s}

.cpcp2  ul li em{ display:block; width:60px; height:2px; background:#fff; margin:0 auto}









  @media screen and (max-width: 992px) {
 .cpcp { transform:none;}
 .bt1{transform:none; margin-bottom:20px}

.bt1 h3{ color:#fff; font-size:20px;}
.cpcp  ul li{ float:none; width:100%;  margin-right:0; margin-bottom:20px; }

.cpcp  ul li h3{  line-height:35px; font-size:18px; margin:0 }
.cpcp  ul li i {  height:50px; }

.cpcp  ul li h1{ display:block; line-height:25px; font-size:14px; margin:0; margin-top:15px; height:auto; transform:translateY(0px); transition:all 0.6s}
.cpcp  ul li p{ display:block; font-size:12px; line-height:20px; margin:15px 0; max-height:120px;  overflow:hidden; color:#fff; text-align:left;height:auto; transform:translateY(0px); transition:all 0.6s}

.cpcp  ul li a>img{ opacity:0.1}




.bt11 { font-size:16px; margin-top:20px;}
.section{ padding:0}



.cpcp2{ transform:none;}
.cpcp2  ul li{ width:47%; margin-left:2%; padding-bottom:75%; margin-right:0; margin-bottom:10px; }

.cpcp2  ul li .fdzi i img{ position:inherit; height:30px; }

.cpcp2  ul li h3{ font-size:16px; line-height:40px; margin:0}
.cpcp2  ul li p{ display:block; margin:10px 0; transform:none; height:auto; font-size:12px; line-height:23px; height:46px; overflow:hidden}
.cpcp2  ul li span{ height:auto; width:80px; line-height:25px; display:block; transform:none;}
.cpcp2  ul li img{ opacity:0.4}


.cpcp2  ul li a span {  font-size:12px; border-radius:30px}


  }











.more{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	
	color: #fff;
	padding:0;
	font-weight: 400;
	overflow: hidden;
	border-radius:0px;
	background-color: #4588c7;
	text-transform: uppercase;
	z-index: 2;
	width:145px;
	text-align:center;
	margin-top:20px
}
.more a{ color:#fff; display:block; text-decoration:none}
.more a:hover{ color:#fff;text-decoration:none}
.more:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #1e4da1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}
.more:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}




.sy_about { padding:60px 0; overflow:hidden}



.sy_about .nr { font-size:14px; text-align:center}
.sy_about .nr p { margin-bottom:30px; line-height:30px}
.sy_about .nr .lb { width:1200px; margin:0 auto}

/* start footer */

.footer{ background:#1c1d21; margin-top:0px; font-size:14px; color:#a8a8a8; line-height:24px;  overflow:hidden; }
.footer a{ color:#a8a8a8;}
.footer a:hover{ color:#ad8b67;}



.footeraddress{ float:left; width:80%; font-size:14px;  position:relative;padding:30px 0;}

.footerRig{ float:right;  width:20%; font-size:12px; text-align:center; max-width:130px;padding:30px 0;}
.footerRig img{ width:100%; height:auto}

.media-list{ margin:20px 0;}
.media-list p{ display:inline-block;margin:0;  line-height:30px; margin-right:40px;}
.media-list p i{ width:20px}

.ddh{ position:relative; margin-left:-15px}
.ddh a{  color:#fff; font-size:14px; padding:0 15px;}

.copyright{ font-size:14px; color:#fff;}

.nban2 {}
.nban2 img {width: 100%;display: block;}
.nytit{text-align: center;margin-bottom: 50px;}
.nytit h3 {
  color: #333;
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 15px;
}
.nytit p {
  color: #555;
  font-size: 18px;
}
.ny_cp1 {padding: 60px 0;min-height: 750px;}
.ny_cp1 .con {width: 1200px;margin: 0 auto;position: relative;}
.ny_cp1 .left {width: 580px;position: absolute;left: 50%;margin-left: -280px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;background: url(../images/jtbj.png) center no-repeat;}
.ny_cp1 .left.on {left: 0;margin-left: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp1 .left .ltqy {border: #c89761 1px solid;border-radius: 10px;background: #fff;box-shadow: 0 0 15px #eee;position: relative;margin-bottom: 32px;}
.ny_cp1 .left .ltqy h3 {font-size: 20px;color: #333;margin-bottom: 20px;text-align: center;font-weight: bold;letter-spacing: 2px;margin-top: 20px;}
.ny_cp1 .left .ltqy ul{display: flex;justify-content: space-around;}
.ny_cp1 .left .ltqy ul li {width: 80px;text-align: center;}
.ny_cp1 .left .ltqy ul li img {width: 50px;margin: 0 auto;}
.ny_cp1 .left .ltqy ul li p {font-size: 14px;text-align: center;color: #333;margin: 10px 0}
.ny_cp1 .left .cen {}
.ny_cp1 .left .cen .cszy {width: 90px;float: left;margin-right: 55px;}
.ny_cp1 .left .cen .cszy ul li {width: 80px;text-align: center;margin-bottom: 30px;border: #c89761 1px solid;border-radius: 6px;padding: 10px 0;box-shadow: 0 0 15px #eee;}
.ny_cp1 .left .cen .cszy ul li img {width: 40px;margin: 0 auto;}
.ny_cp1 .left .cen .cszy ul li p {font-size: 14px;text-align: center;color: #333;margin: 10px 0 0}
.ny_cp1 .left .cen .zjsk {padding: 44px 0;width: 290px;float: left;}
.ny_cp1 .left .cen .zjsk ul li {height: 125px;border:#c89761 1px solid;background: #fff;color: #c89761;font-size: 30px;font-weight: bold;display: flex;align-items: center;justify-content: center; margin-bottom: 8px;text-align: center;}
.ny_cp1 .left .cen .zjsk ul li:hover{background: #c89761;color: #fff;}
.ny_cp1 .left .cen .zjsk ul li .e_j {width: 820px;left:390px;padding-left: 310px;display: none;position: absolute;top:0px;}
.ny_cp1 .left .cen .zjsk ul li:hover .e_j{display: block;}
.ny_cp1 .left .cen .zjsk ul li .e_j h2{font-size: 26px;font-weight: bold;color: #333;margin-bottom: 10px;text-align: left;line-height: 1.1;}
.ny_cp1 .left .cen .zjsk ul li .e_j h3 {font-size: 26px;font-weight: bold;color: #666;margin-bottom: 35px;text-align: left;margin-top: 20px;line-height: 1.5;}
.ny_cp1 .left .cen .zjsk ul li .e_j .box1 {}
.h_100{height: 60px;}
.ny_cp1 .left .cen .zjsk ul li .e_j .bq {display: flex;justify-content: space-between;flex-wrap: wrap;}
.ny_cp1 .left .cen .zjsk ul li .e_j .bq a {font-size: 22px;font-weight: bold;color: #c89761;border: #c89761 1px solid;line-height: 50px;border-radius: 6px;background: #eee;display: inline-block;margin: 0 10px 20px;float: left;padding: 0 30px;}
.ny_cp1 .left .cen .zjsk ul li .e_j .bq a.xiao {width: 30.3333%;margin: 0 0 20px;padding: 0;}
.ny_cp1 .left .cen .zjsk ul li .e_j .bq a.da{width: 47%;padding: 0 0;text-align: center;margin: 0 0 20px;}
.ny_cp1 .left .cen .zjsk ul li .e_j .bq a:hover{background: #c89761;color: #fff;}
.ny_cp1 .left .cen .right {width: 80px;float: right;margin-left: 55px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: #c89761 1px solid;height: 325px;box-shadow: 0 0 15px #eee;border-radius: 10px;}
.ny_cp1 .left .cen .right img {width: 40px;}
.ny_cp1 .left .cen .right p {font-size: 14px;text-align: center;color: #333;margin: 10px 0;}
.ny_cp2 {background: #f5f5f5;padding-bottom: 20px;}
.main_box{
	width: 100%;
	position: relative;
	padding:80px 0 0px;background:#f5f5f5;
}
.main_box .box{
	width:1200px;max-width: 90%;
	margin: 10px auto;
}
.main_box .box ul li{
	width: 20%; 
	height: 380px;
	overflow: hidden;
	float: left;
	text-align: center;
	position: relative;
	transition: all .6s ease-out;position: relative;box-sizing: border-box;background: #eee;
}
.main_box .box ul li .mb {position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 30px 25px;box-sizing: border-box;}
.main_box .box ul li.on .mb{padding: 30px 40px;}
.main_box .box ul li .tb {width: 70px;border-radius: 50%;margin: 70px auto 20px;opacity: 0.6;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;border: #fff 1px solid;padding: 13px;box-sizing: border-box;}
.main_box .box ul li.on .tb{margin: 30px auto 20px;opacity:1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;width: 80px;border: #fff 1px solid;}
.main_box .box ul li .tb img {width: 100%;display: block;}
.main_box .box ul li.on .tb img {filter:brightness(100%);}
.main_box .box ul li h3{
	padding-top: 18px;
	color: #fff;font-weight: bold;
	font-size: 22px;line-height: 40px;margin-bottom: 30px;
}
.main_box .box ul li p{
	color: #fff;
	font-size: 16px;line-height: 1.8;display: none;width: 388px;margin: 7px auto 0
}
.main_box .box ul li.on p{display: block;}
.main_box .box ul li .more {line-height: 38px;padding: 0 15px;border-radius: 3px;border: #fff 1px solid;font-size: 14px;background: #182188;width: 110px;position: absolute;left: 30px;bottom: 30px;color: #fff;}



.main_box .box ul .on{
	width: 40%;
	text-align: center;
}
.main_box .box ul .on .mb {background: rgba(200,151,97,1);}
.main_box .box ul .on h3{
	padding-left:0px;
	color: #FFF;
}
.main_box .box ul .on p{
	color: #FFF;
}
.main_box .box ul .on .more {border: #ccc 1px solid;background: rgba(0,0,0,0.2);text-align: center;}
.jrfwys {padding: 50px 0;overflow: hidden;}
.jrfwys ul {display: flex;justify-content: space-between;align-items: stretch;}
.jrfwys ul li {width: 280px;background: #fff;padding: 20px;}
.jrfwys ul li h3 {font-size: 32px;color: #000;margin-bottom: 15px;font-weight: bold;}
.jrfwys ul li h3 span {color: #caa075;font-size: 26px;}
.jrfwys ul li p {font-size: 18px;color: #222;line-height: 1.6;}


.ny_cp3 {padding: 60px 0 80px;}
.ny_cp3 .cplj {position: absolute;left: 270px;top:-30px;}
.ny_cp3 .nr {width: 1200px;margin: 0 auto;height: 560px;background: url(../images/cpjcbj.png) center no-repeat;position: relative;}
.ny_cp3 .nr .cpjc {width: 300px;float: left;margin-top:80px;}
.ny_cp3 .nr .cpjc h2 {font-size: 40px;color: #7f7f7f;font-weight: bold;margin-bottom: 50px;text-align: right;}
.ny_cp3 .nr .cpjc p {font-size: 20px;color: #7f7f7f;line-height: 1.8;}
.ny_cp3 .nr .xycp {width: 450px;left: 0;position: absolute;bottom: 110px;font-size: 30px;font-weight: bold;color: #c79864;line-height: 1.5;}
.ny_cp3 .nr .jch {width: 186px;height: 186px;border: 6px solid #eee;background: #fff;border-radius: 50%;overflow: hidden;top: 47px;left: 357px;position: absolute;display: flex;align-items: center;}
.ny_cp3 .nr .jch .tb {width: 160px;margin: 0 auto;height: 160px;background: #afabab;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.ny_cp3 .nr .jch .tb img {width: 80%;display: block;}
.ny_cp3 .nr .zkjc{width: 186px;height: 186px;border: 6px solid #f9e1b3;background: #fff;border-radius: 50%;bottom: 39px;right: 290px;position: absolute;display: flex;align-items: center;}
.ny_cp3 .nr .zkjc .tb {width: 160px;margin: 0 auto;height: 160px;background: #cba075;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.ny_cp3 .nr .zkjc .tb img {width: 80%;display: block;}
.ny_cp3 .nr .zkjc p {font-size: 40px;color: #cba075;font-weight: bold;left: 180px;bottom: -50px;position: absolute;width: 170px;}
.ny_cp3 .nr .d1{left: 344px;bottom: 185px;width: 37px;height: 37px;position: absolute;background: #bfbfbf;border-radius: 50%;}
.ny_cp3 .nr .d2{right: 330px;top: 58px;width: 37px;height: 37px;position: absolute;background: #e4c08c;border-radius: 50%;}
.ny_cp3 .nr .d2 p{font-size: 30px;color: #cba075;position: absolute;top: -40px;left:80px;width: 170px;font-weight: bold;}
.ny_cp3 .nr .d3{right: 160px;top: 174px;width: 37px;height: 37px;position: absolute;background: #e4c08c;border-radius: 50%;}
.ny_cp3 .nr .d3 p{font-size: 30px;color: #cba075;position: absolute;top: 0px;left:80px;width: 170px;font-weight: bold;}
.ny_cp3 .nr .d4{right: 155px;bottom: 170px;width: 37px;height: 37px;position: absolute;background: #e4c08c;border-radius: 50%;}
.ny_cp3 .nr .d4 p{font-size: 30px;color: #cba075;position: absolute;top: 0px;left:80px;width: 170px;font-weight: bold;}
   @keyframes scale {
            0% {
                transform: scale(1)
            }
 
            50%,
            75% {
                transform: scale(3)
            }
 
            78%,
            100% {
                opacity: 0
            }
        }
 
        @keyframes scales {
            0% {
                transform: scale(1)
            }
 
            50%,
            75% {
                transform: scale(2)
            }
 
            78%,
            100% {
                opacity: 0
            }
        }
 
 .smallcircle2 {
            position: absolute;
            width: 37px;
            height: 37px;
            background-color: #e4c08c;
            border-radius: 50%;
            top: 0px;
            left: 0px;
        }
 
        .smallcircle2:before {
            content: '';
            display: block;
            width: 37px;
            height: 37px;
            border-radius: 50%;
            opacity: .4;
            background-color: #e4c08c;
            animation: scale 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        .bigcircle2 {
            position: absolute;
            width: 37px;
            height: 37px;
            border-radius: 50%;
            opacity: .4;
            background-color: #e4c08c;
            top: 0px;
            left: 0px;
            animation: scales 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        @keyframes scaless {
            0% {
                transform: scale(1)
            }
 
            50%,
            75% {
                transform: scale(3)
            }
 
            78%,
            100% {
                opacity: 0
            }
        }

.ny_cp4 {padding: 0 0 60px;overflow: hidden;}
.ny_cp4 .top{display: flex;align-items: center;justify-content: space-between;padding: 30px;background: #f5f5f5;border-radius: 8px;}
.ny_cp4 .top li {text-align: center;float: left;height: 102px;display: flex;flex-direction: column;justify-content: center;}
.ny_cp4 .top .jh {width: 30px;float: left;}
.ny_cp4 .top .jh img {width: 100%;display: block;}
.ny_cp4 .top li img {width: 80px;margin: 0 auto; }
.ny_cp4 .top li:hover img{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.ny_cp4 .top li:hover img.lo{-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.ny_cp4 .top .jcfw {float: left;position: relative;}
.ny_cp4 .top .jcfw .zi {position: absolute;width: 100%;left: 0;top:15px;line-height: 1.8;font-size: 18px;color: #cba075;text-align: center;font-weight: bold;}
.ny_cp4 .top li img.lo{width: 200px;display: block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
.ny_cp4 .top li p{font-size: 18px;text-align: center;color: #333;margin: 10px 0 0;}
.ny_cp4 .zy {margin-top: 25px;}
.ny_cp4 .zy h2 {font-size: 30px;font-weight: bold;color: #666;margin-bottom: 25px;line-height: 1.5;text-align: center;}
.ny_cp4 .zy .left {width: 40%;float: left;margin-right: 4%;position: relative;}
.ny_cp4 .zy .left .triangle-right {width: 0;height: 0;border-top:60px solid transparent;border-left: 30px solid #faf1e1;border-bottom: 60px solid transparent;position: absolute;box-sizing: inherit;top: 50%;right: -35px;}
.ny_cp4 .zy .left ul {background: #faf1e1;overflow: hidden;padding: 10px;}
.ny_cp4 .zy .left ul li {width: 46%;float: left;margin: 2%;height: 100px;display: flex;justify-content: center;align-items: center; font-size: 22px;color: #333;line-height: 26px;border: #c89761 1px solid;border-radius: 6px;background: #fff;text-align: center;}
.ny_cp4 .zy .center {width:26%;float: left;}
.ny_cp4 .zy .center .ty {width: 170px;line-height: 36px;text-align: center;background: #c89761;border-radius: 8px;color: #fff;font-size: 16px;font-weight: bold;margin: 0 auto;}
.ny_cp4 .zy .center .hz {font-size: 20px;line-height: 2;text-align: center;color: #333;margin: 5px 0;}
.ny_cp4 .zy .center .triangle-up {width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-bottom: 30px solid #d0cece;margin: 0 auto 10px;}
.ny_cp4 .zy .right {width:28%;float: right;}
.ny_cp4 .zy .right ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ny_cp4 .zy .right ul li {width: 46%;line-height: 55px;border-radius: 6px;font-size: 22px;color: #333;text-align: center;margin-bottom: 15px;background: #faf1e1;}



.ny_gyjj {padding-top: 80px;padding-bottom: 20px;}
.us-title {
  font-size: 40px;color: #333;
  font-weight: bold;
  margin-bottom: 60px;
  line-height: normal;
}
.ny_gyjj .nr {font-size: 20px;color: #000000;line-height: 34px;}
.qedge-com-vision-mission {
  margin-top: 60px;
  padding-bottom: 80px;
}
.qedge-com-vision-mission-content {
  position: relative;
  height: 400px;
}
.qedge-com-vision-mission-content .bg-title {
  font-family: PingFangSC-Regular,source-han-sans-simplified-c, sans-serif;
  font-size: 200px;
  color: #f7f5f5;
  letter-spacing: 0;
  line-height: 200px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 92%;
  height: 100%;
  background: url("../images/vm.png") no-repeat;
  background-size: contain;
}
.qedge-com-vision-mission-content .title {
  font-size: 24px;
  color: #000000;
  line-height: 65px;
  position: absolute;
  z-index: 2;
  top: 100px;font-weight: normal;
}
.qedge-com-vision-mission-content .xz {font-size: 20px;color: #000000;line-height: 34px;position: absolute;top: 240px;z-index: 9}





.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide{width:100%; height:100vh; }
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:35px; height:2px; display:inline-block;opacity:0.3;border-radius: 0;background: #fff;margin: 0 !important;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#cba075;opacity: 1;}
.gallery-top .mb {position: absolute;left: 15%;top: 20%;}
.gallery-top h1{font-size: 65px;color: #fff;font-weight: bold;margin-bottom: 50px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.gallery-top h4 {line-height: 1.8; font-size:30px;font-weight: bold;color:#eee; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.gallery-top .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.gallery-top .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.news02{width: 100%;overflow: hidden;}
.news02 .content{  display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;}
.news02 .content .main{position: relative;position: relative;width: 1200px;margin: 0 auto;}
.news02 .content .main .imgbox{width: 28%;overflow: hidden;}
.news02 .content .main .imgbox img{display: block;width: 100%;transition: all .6s;}
.news02 .content:hover .main .imgbox img{transform: scale(1.1);}
.news02 .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 67%;}
.news02 .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news02 .content .main .textbox h3{font-size: 22px;color:#222;font-weight: bold;margin: 26px 0;}
.news02 .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;}
.news02 .content:hover .main .textbox h3{color: #4588c7;}

.ny_zp {padding: 60px 0;width: 1280px;margin: 0 auto}
.ny_zp h1{font-size: 45px;color: #333;font-weight: bold;margin-bottom: 50px;letter-spacing: 2px;}
.ny_zp ul li{display: flex;margin-bottom: 140px;}
.image-content{
                  transition: all linear .5s;
                  width: 50%;
                  height: auto;
	z-index: 10;}
.content{
                        overflow: hidden;
                        height: 100%;
                  }

.ny_zp ul li img{
                        transition: all linear .5s;
                        max-width: none;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                  }

.ny_zp ul li:hover img{
                              transition: all linear .5s;
                              transform: scale(1.1);
                        } 

.text-container{
                  width: 50%;
                  transition: all linear .5s;
                  display: flex;
                  flex-grow: 1;
                  margin-left: -139px;background: #eee;
	margin-right: 0;}

 .text-content{
                        padding: 70px 0;
                        margin-left: 219px;
                        max-width: 460px;
                        letter-spacing: 0;
                        display: flex;
                        flex-direction: column;
					  justify-content: center;}
.ny_zp ul li:nth-child(2n) .text-container {
  margin-left: 0;
  margin-right: -139px;
}
.ny_zp ul li:nth-child(2n) .text-content{text-align: right;margin-right: 219px;
margin-left: auto;}
.text-content h3 {font-size: 30px;color: #333;margin-bottom: 35px;font-weight: bold;}
.text-content p {font-size: 20px;
color: #666666;
line-height: 34px;}
.text-content .more1 a {width: 200px;line-height: 50px;background: #4588c7;font-size: 20px;text-align: center;display: block;margin-top: 60px;}

.ny_zp ul li:hover .text-container{
                  transition: all linear .5s;
                  background-color: #dbf1fd;
                  transform: translateY(40px);
            }

.ny_zp ul li:hover .image-content{
                  transition: all linear .5s;
                  transform: translateY(-40px);
            }
.lx_wm{padding: 70px 0; } 
.lx_wm .rc_zp .ts{font-size:14px; line-height:26px; color:#888; margin-top:20px;}
.lx_wm .rc_zp .ts a{color:#005caf;}
.lx_wm .rc_zp .jr_lm{border:1px solid #e7e7e7; overflow:hidden; margin-bottom:10px;}
.lx_wm .rc_zp .jr_lm.jt{border: 1px solid #005caf;}
.lx_wm .rc_zp .jr_bt{padding:0px 40px; height:40px; font-size:14px; line-height:40px; color:#555; overflow:hidden; cursor:pointer;}
.lx_wm .rc_zp .jr_bt:hover{background-color:#e7e7e7;}
.lx_wm .rc_zp .jr_bt.on{background-color:#e7e7e7;}
.lx_wm .rc_zp .jr_lm.jt .jr_bt{background-color:#005caf; color:#fff; padding:0px 40px; line-height:40px;}
.lx_wm .rc_zp .jr_bt span{float:left; width:18%; text-align:center;}
.lx_wm .rc_zp .jr_bt span.s_40{float:left; width:28%; text-align:left;}
.lx_wm .rc_zp .jr_nr{background-color:#fff; padding:30px 40px 10px; font-size:14px; line-height:32px; margin-bottom:3px; display:none;}
.lx_wm .rc_zp .jr_nr .gw{width:80px; float:left;}
.lx_wm .rc_zp .jr_nr .js{width:1020px; float:right; margin-bottom:20px;}

.ny_zp2 {padding: 60px 0;width: 1200px;margin: 0 auto;}
.ny_zp2 ul li {padding: 30px;overflow: hidden;background: #fff;border-bottom: #ccc 1px solid;}
.ny_zp2 ul li:hover{ -webkit-box-shadow:0 10px 40px 0 rgba(0,0,0,0.2);
 box-shadow:0 10px 40px 0 rgba(0,0,0,0.2);position: relative;z-index: 9;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_zp2 ul li h4 {font-size: 14px;color: #666;margin-bottom: 6px;}
.ny_zp2 ul li h2 {font-size: 25px;color: #333;margin-bottom: 10px;font-weight: bold;}
.ny_zp2 ul li p {font-size: 14px;line-height: 1.8;color: #555;margin-bottom: 25px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.ny_zp2 ul li h3 {font-size: 14px;color: #999;}
.ny_zp2 ul li h3 i {margin-right: 10px;}
.ny_zp2 ul li h3 i img {vertical-align: middle;width: 15px;}
.ny_zp2 ul li h3 span {position: relative;}
.ny_zp2 ul li h3 span::after {
    content: '';
    margin: 0 8px;
}

.ny_zpcq {padding: 60px 0 80px;}
.ny_zpcq h1 {font-size: 32px;color: #222;margin-bottom: 20px;}
.ny_zpcq h4 {font-size: 16px;color: #555;}
.ny_zpcq .nr {margin-top: 60px;}
.ny_zpcq .nr h3 {font-size: 24px;color: #333;margin-bottom: 30px;}
.ny_zpcq .nr p {font-size: 14px;color: #555;line-height: 2;}
.ny_zpcq .sqzw {margin-top: 35px;width: 200px;line-height: 45px;text-align: center;background: #cba075;border-radius: 5px;}
.ny_zpcq .sqzw a {font-size: 16px;color: #fff;}
.ny_zpcq .sqzw:hover{background: #946d45;}



@media only screen and (max-width:1600px) {
	.ny_cpfw4 .con {
  width: 90%;
}
	
}
@media only screen and (max-width:1440px) {
	.ny_cpfw4 .con .left .yp {
  width: 150px;
  height: 150px;
  margin: 150px auto;
}
	.ny_cpfw4 .con .left ul li {
  width: 140px;
  font-size: 22px;
  top: -70px;
}
	.ny_cpfw4 .con .left ul li:nth-child(2) {
  right: -150px;
  top: -80px;
}
	.ny_cpfw4 .con .left ul li:nth-child(3) {
  top: 50px;
}
	.ny_cpfw4 .con .left ul li:nth-child(4) {
  top: 50px;
}
	.ny_cpfw4 .con .left ul li:nth-child(5) {
  top: auto;
  bottom: -100px;
}
	.ny_cpfw4 .con .left ul li:nth-child(6) {
  bottom: -100px;
  width: 160px;
}
	.ny_cpfw4 .top .jcfw {
  width: 130px;
}
	
}
@media only screen and (max-width: 1600px){
.ny_cpfw4 .con {
  width: 1240px;
}
	.ny_cpfw4 .con .left .yp {
  width: 120px;
  height: 120px;
}
	.ny_cpfw4 .con .left .yq {
  width: 220px;
  height: 220px;
  margin-top: -110px;
  margin-left: -110px;
}
	.ny_cpfw4 .center {
  width: 18%;margin-left: 5%;
}
}




/**/

  @media screen and (max-width: 992px) {
	.pingtai{ padding:50px 0}  
.pingtai h3{  font-size:20px;transform:translateY(0px); 
-webkit-transform:translateY(0px); 
transition:all 0.6s ease-out 0.2s; 
-webkit-transition:all 0.6s ease-out 0.2s; text-align:center; margin-bottom:50px}


.pingtai p{ display:block; color:#fff; font-size:14px; line-height:25px; text-align:left; margin:15px 0;
transform:translateY(0px); 
-webkit-transform:translateY(0px); 
transition:all 0.6s ease-out 0.2s; 
-webkit-transition:all 0.6s ease-out 0.2s; }
.ddh{ margin:0; text-align:center}
.ddh a{  font-size:12px; padding:0 5px;}



.footeraddress{ float:none; width:100%; padding-bottom:20px; padding-top:20px;}
.media-list{ font-size:12px}
.footerRig{ float:none;  width:100%; padding:0 ;margin: 0 auto 30px;}

	  
	  
  }















@media only screen and (max-width:1024px) {

.container { width: 94%; margin: 0 auto;-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;}

	.page2 .about ul li {
  width: 30.3333%;margin: 0 1.5%;
}
	.con {
  width: 90%;
}
	.page2 .about ul li h3 {
  font-size: 35px;
}
	.page2 .about ul li p {
  font-size: 16px;
}
	.page3 .w_z {
  font-size:45px;
  margin-top: -50px;
  opacity: 0;
  height: 100px;
  line-height: 100px;
  width: 45%;
  left: 0;
}
	.page3 .w_z span {
  position: absolute;
  right: -190px;
}
	.page4 .w_z {
  font-size: 45px;
}
	.page4 .w_z span {
  right: -190px;
}
	.page5 .w_z {
  font-size: 45px;
}
	.page5 .w_z span {
  right: -190px;
}
	.ny_cpfw ul li {
  width: 30.3333%;margin: 0 1.5%
}
	.ny_cpfw ul li h3 {
  font-size: 28px;
  padding: 25px;
}
	.ny_cpfw ul li p {
  font-size: 20px;
}
	.ny_cpfw2 .bd .nr .left {
  width: 100%;
}
	.ny_cpfw2 .bd .nr .right {
  width: 100%;margin-top: 30px;
}
	.ny_cpfw2 .bd .nr {
  padding: 30px 0;
  display: flex;flex-wrap: wrap;
  height: auto;
}
	.ny_cpfw2 .bd .nr .left h1 {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
	.ny_cpfw2 .bd .nr .left h2 {
  font-size:30px;
}
	.ny_cpfw2 .bd .nr .right p {
  font-size: 24px;
  margin-bottom: 20px;
}
	.ny_cpfw2 .hd {
  width: 50%;right: 0;top: 20px;
  height: 60px;
  left: auto;
}
	.ny_cpfw2 .hd ul {display: block;text-align: right;
}
	.ny_cpfw2 .hd ul li {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  margin: 5px 10px;
}
	.ny_cpfw3 {
  padding: 30px 0;
}
	.ny_cpfw3 .tp {
  width: 100%;
}
	.ny_cpfw3 .wz {
  width: 100%;margin-top: 20px;
}
	.ny_cpfw3 .wz h2 {
  font-size:30px;
}
	.main_box {
  padding: 60px 0 0px;
}
	.main_box .box ul li.on .mb {
  padding: 20px 20px;
}
	.main_box .box ul li h3 {
  padding-top: 10px;
  font-size: 20px;
  margin-bottom: 20px;
}
	.main_box .box ul li p {
  width: 100%;
}
	.jrfwys {
  padding: 30px 0;
}
	.jrfwys ul {flex-wrap: wrap;
}
	.jrfwys ul li {
  width: 48%;margin-bottom: 2%
}
	.ny_cpfw4 {
  padding: 30px 0 40px;
}
	.ny_cpfw4 .con {
  width: 90%;
}
	.ny_yjjc .bd .hov.cpjc .nr {
  margin-top:60px;
}
	.ny_yjjc .bd .hov.cpjc .nr .box1 {
  width: 100%;float: none
}
	.ny_yjjc .bd .hov.cpjc .nr .box2 {
  width: 260px;float: none;
  margin: 20px auto;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3{text-align: center;width: 100%;}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l1 {
  position: static;width: 104px;display: inline-block;margin: 0 10px;
  height: 104px;font-size: 16px;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l2 {
  position: static;display: inline-block;margin: 0 10px;
  width: 104px;
  height: 104px;font-size: 16px;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l5 {
  position: static;display: inline-block;margin: 0 10px;
  width: 104px;
  height: 104px;font-size: 16px;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l4 {
  position: static;display: inline-block;margin: 0 10px;
  width: 104px;
  height: 104px;font-size: 16px;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l3 {display: none;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 p {width: 100%; text-align: center;height: 104px;display: flex;justify-content: center;align-items: center;}
	.ny_yjjc .bd .hov.zkjc {
  padding: 30px 0;
}
	.ny_yjjc .bd .hov.cpjc {
  background: #fff url(../images/cpjcbjx1.png) right bottom no-repeat;
  padding: 30px 0;
  min-height: 580px;
}
	.ny_yjjc .bd .hov.zkjc .nr {
  margin-top: 60px;
}
	.ny_yjjc .bd .hov.zkjc .nr .left {
  width: 100%;
}
	.ny_yjjc .bd .hov.zkjc .nr .center {
  width: 100%;
  margin-left: 0;margin-top: 50px;
}
	.ny_cpfw4 .con .left .triangle-right {
  width: 0;
  height: 0;
  top: auto;
  right: auto;bottom: -75px;left: 50%;margin-left: -60px;

    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 15px solid #c89761;
}
	.ny_yjjc .bd .hov.zkjc .nr .center .triangle-right {
  top: auto;
  right: auto;bottom: -75px;left: 50%;margin-left: -60px;

    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 15px solid #c89761;
}
	.ny_yjjc .bd .hov.zkjc .nr .top {
  width: 100%;
  margin-left:0;margin-top: 50px;text-align: center;
}
	.ny_yjjc .bd .hov.zkjc .nr .top ul {text-align: center;display: flex;justify-content: center;
}
	.nban {
  height: 20rem;
}
	.nban .w_z h1 {
  margin-bottom: 10px;
  font-size: 35px;
}
	.ny_gyjj {
  padding-top: 50px;
  padding-bottom: 20px;
}
	.qedge-com-vision-mission {
  margin-top: 30px;
  padding-bottom: 40px;
}
	.qedge-com-vision-mission-content {margin-top: 10px;
  height: 360px;
}
	.news02 .content {
  padding: 30px 0;
}
	.news02 .content .main {
  width: 90%;
}
	.news02 .content .main .imgbox {
  width: 30%;
}
	.news02 .content .main .textbox h3 {
  font-size: 20px;
  margin: 20px 0;
}
	.nban .w_z2 h1 {
  margin-bottom:10px;
  font-size: 35px;
}
	.ny_zp {
  padding: 40px 0 0;
  width: 90%;
}
	.text-content {
  padding: 30px 0;
  margin-left: 180px;
  max-width: 460px;
}
	.text-content h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
	.text-content p {
  font-size: 16px;
  line-height: 28px;
}
	.ny_zp ul li {
  margin-bottom: 70px;
}
	.ny_zp ul li:hover .text-container{
                  transform: translateY(20px);
            }

.ny_zp ul li:hover .image-content{
                  transform: translateY(-20px);
            }
	.ny_zp ul li:nth-child(2n) .text-content {
  margin-right: 180px;
}
	.ny_zp2 {
  padding: 30px 0;
  width: 90%;
}
	.ny_zp2 ul li {
  padding: 20px 0;
}
	.ny_zp2 ul li h2 {
  font-size: 24px;
}
	.ny_zpcq {
  padding: 30px 0 40px;
}
	.ny_zpcq h1 {
  font-size: 28px;margin-bottom: 10px;
}
	.ny_zpcq .nr {
  margin-top: 30px;
}
	.ny_zpcq .nr h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
	
	
	
	
	
	
	
	
	
  }

@media only screen and (max-width:600px){

.tit {margin-bottom:20px;}
.tit h1 {font-size:2.5rem;}
	.biaoyu p {
  font-size: 2.6rem;
  letter-spacing: 5px;
}
	.tit h3 {
  font-size: 1.6rem;
  letter-spacing: 1px;
}
	.page2 .about p {
  font-size: 1.4rem;
}
	.page2 .about ul {flex-wrap: wrap;
}
	.page2 .about .w_z {
  margin-bottom: 20px;
}
	.page2 .about ul li {
  width: 100%;
  margin: 0 0 10px;
}
	.page2 .about ul li .tb {
  width: 50px;float: left;margin: 0 20px 0 0;
}
	.page2 .about ul li .box {
  padding: 10px 15px 10px;display: flex;justify-content: center;
}
	.page2 .about ul li .wz {float: right;}
	.page2 .about ul li h3 {
  font-size: 2.4rem;margin-bottom: 0;
}
	.page2 .about ul li em {
  font-size: 1.5rem;
  padding-left: 17px;
}
	.page3 .hbj {
  height: 30%;
  top: 40%;
}
	.page3 .tp {
  width: 90%;
  margin-right: 5%;
}
	.page3 .w_z {
  font-size: 3rem;position: relative;margin-top: auto;top: auto;text-align: center;margin-bottom: 2rem;height: 6rem;line-height: 6rem;
  width: 100%;
}
	.page3 .w_z span {
  position: static;
}
	.page4 .hbj {
  height: 30%;
  top: 40%;
}
	.page4 .w_z {
  font-size: 3rem;position: relative;margin-top: auto;top: auto;text-align: center;margin-bottom: 2rem;width: 100%;text-align: center;height: 6rem;line-height: 6rem;
}
.page4 .w_z span {
  position: static;
}	
	.page4 .w_z em {
  color: #fff;
}
	.page4 .tp {
  width: 90%;
  margin-right: 5%;
}
		.page5 .w_z {
  font-size: 3rem;position: relative;margin-top: auto;top: auto;text-align: center;margin-bottom: 2rem;width: 100%;text-align: center;height: 6rem;line-height: 6rem;
}
	.page5 .hbj {
  height: 30%;
  top: 40%;
}
.page5 .w_z span {
  position: static;
}
	.page5 .tp {
  width: 90%;
  margin-right: 5%;
}
	.header.ny .nav ul li a {
  color: #fff;
}
	.ny_cpfw {
  padding: 30px 0;
}
	.nytit h3 {
  font-size: 2.4rem;
}
	.nytit {
  margin-bottom: 30px;
}
	.ny_cpfw ul {flex-wrap: wrap;
}
	.ny_cpfw ul li{width: 100%;margin-bottom: 15px;}
	.ny_cpfw ul li h3 {
  font-size:1.8rem;
  padding: 15px;margin-bottom: 10px;
}
	.ny_cpfw ul li p {
  font-size: 1.5rem;
}
	.ny_cpfw2 .bd .nr .left h1 {
  padding-bottom: 15px;font-size: 2.4rem;
  margin-bottom: 15px;
}
	.ny_cpfw2 .hd ul li {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.6rem;margin: 0 5px;
}
	.ny_cpfw2 .hd {
  width: 60%;
  right: 0;
  top: 30px;
  height: 3rem;
}
	.ny_cpfw2 .bd .nr .left h2 {
  font-size: 2rem;
}
	.ny_cpfw2 .bd .nr .right p {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
	.ny_cpfw3 .wz h1 {
  font-size: 2rem;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
	.ny_cpfw3 .wz h2 {
  font-size: 2rem;margin-bottom: 20px;
}
	.ny_cpfw3 .wz ul li {
  font-size: 1.4rem;line-height:2;
}
	.main_box {
  padding: 30px 0 0px;
}
	.nytit p {
  font-size: 1.2rem;padding: 0 10px;
}
	.main_box .box ul .on {
  width: 50%;
}
	.main_box .box ul li.on .tb {
  margin: 0px auto 10px;
  width:55px;padding: 10px;
}
	.main_box .box ul li h3 {
  padding-top: 0px;line-height: 1.4;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
	.main_box .box ul li p {
  font-size: 1.2rem;
  margin: 0 auto 0;
}
	.main_box .box ul li {
  width: 50%;
  height: 22rem;
}
	.main_box .box ul li .tb {
  width: 55px;
  margin: 40px auto 10px;
  padding: 10px;
}
	.jrfwys ul li h3 span {
  font-size: 1.7rem;
}
	.jrfwys ul li {
  margin-bottom: 4%;padding: 10px;
}
	.jrfwys ul li h3 {
  font-size: 2rem;
  margin-bottom: 5px;
}
	.jrfwys ul li p {
  font-size: 1.3rem;
}
	.ny_cp2 {
  padding-bottom: 0px;
}
	.ny_yjjc .hd li {
  padding: 15px 10px;
}
	.ny_yjjc .hd li .kd {
  width: 100%;
}
	.ny_yjjc .hd li h3 img {
  width: 3rem;
  margin-right: 10px;
}
	.ny_yjjc .hd li h3 {
  font-size: 2rem;
  margin-bottom: 15px;
}
	.ny_yjjc .hd li .ty {
  line-height: 2;
  font-size: 1.4rem;
  padding: 3px 6px;
}
	.ny_yjjc .hd li .hz {
  font-size: 1.2rem;
  line-height: 2;
  height: 2.4rem;
}
	.ny_yjjc .hd li .hz span {
  margin: 0 3px;
}
	.ny_yjjc .bd .hov.zkjc h1 {
  font-size: 2.4rem;
  margin-bottom: 10px;
}
	.ny_yjjc .bd .hov.cpjc h1 {
  font-size: 2.4rem;
  margin-bottom: 10px;
}
	.ny_yjjc .bd .hov.cpjc h3 {
  font-size: 1.4rem;
}
	.ny_yjjc .bd .hov.cpjc .nr {
  margin-top: 30px;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l2 {
  margin: 0 1%;display: block;float: left;
  width: 23%;
  height: 8rem;
  font-size: 1.4rem;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 p {
  height: 8rem;padding: 0 10px;box-sizing: border-box;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l1 {
  margin: 0 0.8%;display: block;float: left;
  width: 23%;
  height: 8rem;
  font-size: 1.4rem;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l4 {
   margin: 0 0.8%;display: block;float: left;
  width: 23%;
  height: 8rem;
  font-size: 1.4rem;
}
	.ny_yjjc .bd .hov.cpjc .nr .box3 .l5 {
  margin: 0 0.8%;display: block;float: left;
  width: 23%;
  height: 8rem;
  font-size: 1.4rem;
}
	.ny_yjjc .bd .hov.zkjc h3 {
  font-size: 1.4rem;
}
	.ny_yjjc .bd .hov.zkjc .nr .left ul li h5 {text-align: center;
  font-size: 1.6rem;
}
	.ny_yjjc .bd .hov.zkjc .nr .left ul li h4 {
  font-size: 1.3rem;text-align: center;
}
	.ny_yjjc .bd .hov.zkjc .nr .center .hz {
  font-size: 1.3rem;
}
	.ny_yjjc .bd .hov.zkjc .nr .top li p {
  font-size: 1.5rem;
}
	.ny_yjjc .bd .hov.zkjc .nr .top .jcfw {
  width: 130px;
}
	.ny_yjjc .bd .hov.zkjc .nr .top ul {
  padding-bottom: 30px;
}
	.nban .w_z h1 {
  font-size: 2.4rem;
}
	.nban .w_z {
  bottom: 10px !important;
}
	.ny_gyjj {
  padding-top: 30px;
}
	.ny_gyjj .nr {
  font-size: 1.4rem;
  line-height: 1.8;
}
	.qedge-com-vision-mission-content .title {
  font-size: 1.8rem;
  line-height: 1.6;
  top: 4rem;
}
	.qedge-com-vision-mission-content .xz {
  font-size: 1.6rem;
  line-height: 1.8;
  top:14rem;
}
	.qedge-com-vision-mission > .container > .content {
  padding: 0px 0px;
}
	.qedge-com-vision-mission {
  margin-top: 0px;
  padding-bottom: 40px;
}
	.qedge-com-vision-mission-content {
  height: 20rem;
}
	.container {
  width: 90%;}
	.news02 .content {
  padding: 15px 0;
}
	.news02 .content .main .imgbox {
  width: 100%;
}
	.news02 .content .main .textbox {
  position: static;
  transform: translateY(0%);
  width: 100%;margin-top: 20px;
}
	.news02 .content .main .textbox h3 {
  font-size: 1.5rem;
  margin: 10px 0;
}
	.news02 .content .main .textbox p {
  font-size: 1.3rem;
  line-height: 1.8;
}
	.nban .w_z2 h1 {
  font-size: 2.4rem;
}
	.image-content {
  width: 100%;
}
	.ny_zp .content {
  height:15rem;
}
	.text-container {
  width: 100%;
  display: flex;
  flex-grow: 1;
  margin-left:0;
}
	.ny_zp ul li {
  margin-bottom: 40px;display: block;
}
	.ny_zp ul li:hover .text-container{
                  transform: translateY(0px);
            }

.ny_zp ul li:hover .image-content{
                  transform: translateY(0px);
            }
	.text-content {
  padding: 20px 0;margin: 0 auto;
  max-width: 90%;width: 100%;
}
	.text-content p {
  font-size: 1.3rem;
  line-height: 1.8;
}
	.text-content h3 {
  font-size: 1.8rem;
  margin-bottom:15px;
}
	.ny_zp ul li:nth-child(2n) .text-content {
  margin-right: auto;text-align: left;
}
	.ny_zp2 ul li h2 {
  font-size: 1.8rem;
}
	.ny_zp2 ul li p {
  margin-bottom: 20px;
}
	.ny_zpcq h1 {
  font-size: 2rem;
}
	.ny_zpcq h4 {
  font-size: 1.3rem;
}
	.ny_zpcq .nr h3 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
	
	.ny_zpcq .sqzw {
  margin-top: 25px;
  width: 180px;
  line-height: 35px;
}
	
	
	
	
	
	
	
	.qqqxxx{ display:none}
	
	
	
	
	.ny_yjjc .bd .hov.cpjc{ min-height:120px; background:none}
	
	.ny_yjjc .bd .hov.zkjc{ min-height:120px; background:none}
	
	

}



/*新加*/


.ny_cplb {padding: 60px 0;}
.ny_cplb h1 {font-size: 40px;color: #000;margin-bottom: 30px;font-weight: bold;}
.product-title {
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  line-height: 36px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;margin-bottom: 40px;
}
.ny_cplb ul li {width: 33.3333%;padding: 12px;box-sizing: border-box;float: left; }
.ny_cplb ul li .box {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cplb ul li h3 {font-size: 20px;line-height: 36px;padding-top: 20px;padding-bottom: 20px;color: #000000;letter-spacing: 0;margin-bottom: 0;text-align: center;}
.ny_cplb ul li:hover .box{box-shadow: 0 0 15px rgba(0,0,0,0.15); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cplb ul li .tp {height: 270px;}
.ny_cplb ul li img {width: 100%;height: 100%;object-fit: cover;}


.cpxq {padding: 50px 0;}
.cpxq .left {width: 50%;float: left;}
.cpxqlb{width:100%; position:relative;}
.cpxqlb .swiper-slide img{width:100%; height:auto; display:block;}
.cpxqlb .swiper-pagination{bottom:10px !important;width: 100%;height: 10px;text-align: center;}
.cpxqlb .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #eee;}
.cpxqlb .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#003a8f;}
.cpxqlb .swiper-button-prev{background:rgba(0,0,0,0.3 )url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:0px;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.cpxqlb .swiper-button-next{background:rgba(0,0,0,0.3) url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:0px;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.cpxq .right {width:45%;float: right;}
.cpxq .right h3 {font-size: 20px;color: #222;margin-bottom: 20px;font-weight: bold;}
.cpxq .right p {font-size: 16px;line-height:32px;color: #555;position: relative;padding-left: 15px;margin-bottom: 10px;}
.cpxq .right p::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  left: 0;
  top: 12px;
  background: #7f7f7f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cpxq .cptd {padding-top: 50px;}
.cpxq .cptd .bt {font-size: 22px;color: #222;margin-bottom: 20px;font-weight: bold;padding-bottom: 15px;border-bottom: #ccc 1px solid;position: relative;}
.cpxq .cptd .bt span {position: absolute;bottom: 0;left: 0;background: #d0855d;width: 85px;height: 3px;}
.cpxq .cptd h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 15px;}
.cpxq .cptd p {font-size: 14px;line-height: 1.8;color: #333;margin-bottom: 15px;}
.morecp.wap {display: none;}
.morecp{
	position: relative;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding:0;
	font-weight: 400;
	overflow: hidden;
	border-radius:0px;
	background-color: #4588c7;
	text-transform: uppercase;
	z-index: 2;
	width:145px;
	text-align:center;margin: 30px auto 0;
}
.morecp a{ color:#fff; display:block; text-decoration:none}
.morecp a:hover{ color:#fff;text-decoration:none}
.morecp:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #1e4da1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}
.morecp:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}



@media only screen and (max-width:1024px){
	
	.ny_cplb ul li {
  width: 50%;
}
.morecp.pc {display: none;}	
	.morecp.wap {display: block;}
	
}


@media only screen and (max-width:600px){

.ny_cplb {
  padding: 30px 0;
}
	.ny_cplb h1 {
  font-size: 2.4rem;
  margin-bottom: 20px;
}
	.product-title {
  font-size: 1.6rem;
  margin-bottom: 20px;padding-bottom: 0;
}
	.ny_cplb ul li {
  width: 100%;
}
	.ny_cplb ul li h3 {
  font-size: 16px;
  line-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cpxq {
  padding: 30px 0;
}
	.cpxq .left {
  width: 100%;
}
	.cpxq .right {
  width: 100%;margin-top: 30px;
}
	
	
	
	

}