@charset "UTF-8";

ul,
ol,
li,
dl,
dd,
dt {
  list-style-type: none;
  line-height: normal;
}
address,
caption,
cite,
code,
dfn,
i,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  cursor: pointer;
}
img {
  border: 0;
  max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
input,
table,
tr,
td {
  margin: 0;
  padding: 0;
  border: none;
}
p {
  margin: 0;
  padding: 0;
}
button,
table {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
select {
  margin: 0;
  padding: 0;
  outline: none;
}
textarea {
  border: 0;
  background: none;
  resize: none;
  outline: 0;
}
input {
  outline: 0;
  border: 0;
  background: none;
}
button {
  outline: none;
  border: 0;
  background: none;
}
body {
  text-align: justify;
}

.w_center{ display: block; position:relative; z-index:6;  max-width: 1570px;  margin-right: auto;  margin-left: auto; }
.ctext { float:left; width: 100%;padding-left: 90px;padding-right: 90px;}
@media screen and (max-width:1024px) {
 .ctext {padding-left: 15px;padding-right: 15px;}
}

.head{width: 100%;position: fixed; background:rgba(18,18,18,0.28);left: 0;top: 0;z-index: 18;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.head.Active{ background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.head .logo{ float:left; }
.head .logo a{ float:left; line-height: 0; height:100px;display: flex; align-items: center; }
.head .logo img {max-width: none;height:28px;}
.head .fun{ float:right; position:relative; line-height:0; height:100px;display: flex; align-items: center; cursor:pointer;}
.head .fun img{ max-width:none; height:26px;}
.so_but{display: none;float: left;width: 280px;position: absolute;right:-15px;top: 100%;}
.so_but .so{float: left;width: 100%;background: #fff;position: relative;}
.so_but .so .Search{float: left;width: 100%;height:40px;background: none;border: 1px solid #cc0000;line-height:28px;padding:5px 50px 5px 15px;color: #414141;font-size: 16px;}
.so_but .so .sear_sub{float: right;width: 50px;height:100%;border: none;background:url(../_im_g/Search.png) center no-repeat;position: absolute;right: 0;top: 0;}


.menu { float:right;}
.menu .ul { float:left;}
.menu .nli { float:left; position:relative; margin:0 56px 0 14px;}
.menu .nli span a { float:left;position: relative;color: #fff;font-size:20px;line-height: 1.5; height:100px; text-align:center;flex-direction:column; display: flex; align-items: center;  justify-content:center;}
.menu .nli span a font{ display:block; font-size:16px; text-transform:uppercase;}
.menu .nli.active span a{ color:#df0000;}
.menu .nli:hover span a{ color:#df0000;}
.head.Active .menu .nli span a{color: #333;}
.head.Active .menu .nli.active span a{ color:#df0000;}
.head.Active .menu .nli:hover span a{ color:#df0000;}
.menu .sub{
  display:none; box-shadow:0 5px 10px rgba(0,0,0,0.2);
  position: absolute; float:left; transform:translateX(-50%); -ms-transform:translateX(-50%);
  left:50%;
  top:100%;
  background: #fff;
  z-index: 6; padding:4px 0;
  border-radius:4px;
}
.menu .sub li{
 float:left; width:100%;
}
.menu .sub li a { text-align:center; white-space:nowrap;
 float:left; width:100%; min-width:118px;
  color: #666666;
  font-size: 16px;
  line-height:24px;
  padding:6px 20px; position:relative;
}
.menu .sub li a:hover {
 color:#cc0000;
}

.menuph {
  display: none;
  float: right;
  width: 28px;
  height: 22px;
  cursor: pointer;
  text-align: center;
  margin:17px 0;
}
.menuph .point {
  float: left;
  width: 28px;
  height: 22px;
  position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
  width: 28px;
}
.menuph .navbtn{
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #cc0000;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after,
.menuph .navbtn::before {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 2px;
  content: "";
  background: #cc0000;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after {
  top: -10px;
}
.menuph .navbtn::before {
  top: 10px;
}
.menuph .point.active .navbtn {
  background: transparent !important;
}
.menuph .point.active .navbtn::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}
.menuph .point.active .navbtn::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0px;
}


 .xialaph{ display:none; position:fixed; left: 0; top:56px; float: left; width: 100%; height:-webkit-calc(100% - 56px); height:-moz-calc(100% - 56px); height:calc(100% - 56px); overflow:auto; padding:0 15px 56px 15px; display: none; z-index:7; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.xialaph .ul2,
.xialaph .ul3,
.xialaph .ul4{ display: none;}
.xialaph li{ float: left; width:100%;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height:50px;}
.xialaph h4 a font{ font-size:14px; text-transform:uppercase; margin-left:6px;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i{ float:left; width:8px; height:8px; position:absolute; right:5px; top:50%; border-top:1px solid #333; border-right:1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #cc0000; border-right:1px solid #cc0000; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #cc0000;}
.xialaph h5:hover a{ color: #cc0000;}
.xialaph h4::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph h5 a{ float: left; width:100%; color: #666666; font-size:14px; line-height:40px; position:relative; text-transform: uppercase;}
.xialaph h5 a img{ position:absolute; left:0; top:8px; max-width:none; height:25px;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#ccc;}
.xialaph h5 i{ float:left; width:8px; height:8px; position:absolute; right:12px; top:50%; border-top:1px solid #111111; border-right:1px solid #111111; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #133a9c; border-right:1px solid #133a9c; opacity:1}
.xialaph .ul2{ float: left; width: 100%; padding:0 15px;}

@media screen and (max-width:1440px) {
.menu .nli{ margin:0 40px 0 0;}
}
@media screen and (max-width:1300px) {
.menu .nli{ margin:0 26px 0 0;}
.menu .nli span a{ font-size:16px;}
.menu .nli span a font{ font-size:12px;}
}
@media screen and (max-width:1024px) {
  .menuph {display: block;}
  .menu{ display:none;}
  .head .fun{ display:none;}
  .so_but{display: block; position:static; width:100%; margin-top:30px;}
  .head .logo a{ height:56px;}
}


.footerT{ position:relative; overflow:hidden;}
.footerT .bg{ float:left; position:absolute; z-index:1; line-height:0; width:1317px;top:115px; left:50%; transform:translateX(-54%); -ms-transform:translateX(-54%); }
.foot1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding:61px 0 4.26% 0;
  border-bottom: 1px solid rgba(102, 102, 102, 0.28);
}
.foot1 .left {
  display: flex;
  flex-direction: column;
}
.foot1 .logo {
  display: flex;
  line-height: 0;
  margin-bottom:10px;
}
.foot1 .addr { float:left;flex-wrap:wrap; display: flex; flex-direction:column; margin-top:50px;}
.foot1 .addr h5{ float:left;color: #333333; font-weight:bold;font-size:18px;line-height:28px;}
.foot1 .addr h6{ float:left; color:#333; position:relative; padding-left:20px; color:rgba(51,51,51,0.76); font-size:16px; line-height:26px; margin-top:10px;}
.foot1 .addr img { position:absolute; left:0; top:4px;max-width: none;height: 18px;}
.foot1 .right { float:right; width:70%;}
.foot1 .down{ float:left; width:100%;flex-wrap:wrap; display: flex;justify-content: space-between; padding-top:6.91%; border-top:1px solid rgba(51,51,51,0.25);}
.foot1 .down .li{ float:left;flex-wrap:wrap; display: flex; flex-direction:column; max-width:250px; }
.foot1 .down .li i{ float:left; line-height:0;}
.foot1 .down .li i img{ max-width:none; height:51px;}
.foot1 .down .li h5{ float:left;color: #333333;font-size:16px;line-height:26px; margin-top:6px;}
.foot1 .down .li h6{ float:left; color:#333333; font-weight:bold; font-size:16px; line-height:30px; margin-top:8px;}

.foot1 .top { float:left; width:100%;flex-wrap:wrap; display: flex;justify-content: space-between; padding-bottom:6.55%; }
.foot1 .nav { float:left;
  display: flex;
  flex-direction: column;
}
.foot1 .nav h5 {
  display: flex;
}
.foot1 .nav h5 a {display: flex; position:relative; padding-bottom:22px; margin-bottom:18px;
  color: #333333;
  font-size:18px;
  line-height:1;
}
.foot1 .nav h5 a::after{ float:left; width:14px; height:1px; content:''; position:absolute; left:0; bottom:0; background:#eb3323;}
.foot1 .nav ul {
  display: flex;
  flex-wrap: wrap; flex-direction:column;
}
.foot1 .nav ul li {
  display: flex;
}
.foot1 .nav ul li a {
  display: flex;
  color: #333333;
  font-size:16px;
  line-height:36px;
}
.foot1 .nav ul li a:hover { color: #cc0000;}
.foot1 .er{ float:left; width:194px; line-height:0; position:relative;}
.foot1 .er::after,
.foot1 .er::before{ float:left; width:17px; height:17px; content:''; position:absolute; left:0; top:0; border-left:1px solid #eb3323; border-top:1px solid #eb3323;}
.foot1 .er::before{ left:auto; right:0; top:0; border-left:none; border-right:1px solid #eb3323;}
.foot1 .er i{ float:left; width:100%; padding:16px; border:1px solid rgba(235,50,35,0.23); position:relative;}
.foot1 .er i::after,
.foot1 .er i::before{ float:left; width:17px; height:17px; content:''; position:absolute; left:-1px; bottom:-1px; border-left:1px solid #eb3323; border-bottom:1px solid #eb3323;}
.foot1 .er i::before{ left:auto; right:-1px; bottom:-1px; border-left:none; border-right:1px solid #eb3323;}
.foot2 {
  width: 100%;
  padding:38px 0 52px 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.foot2 .nav {
  display: flex;
}
.foot2 .nav ul {
  display: flex;
  color: #333333;
  font-size: 14px;
  line-height: 1.7;
  align-items: center;
}
.foot2 .nav ul li {
  display: flex;
  position: relative;
  line-height:26px;
}
.foot2 .nav ul li a {
  display: flex;
  position: relative;
  color: #333333;
  font-size: 16px;
}
.foot2 .nav ul li a:hover {
  color: #cc0000;
}
.foot2 .nav .links {
  padding-right: 35px;
}
.foot2 .nav .links:after {
  float: left;
  width:8px;
  height: 8px;
  content: "";
  position: absolute;
  right: 0;
  top: 50%; margin-top:-1px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);
 border-right:1px solid #333333; border-bottom: 1px solid #333333;
}
.foot2 .nav .links.active:after { transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-top:2px;}
.foot2 .nav dl {
  display: none;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 100%;
  background: #fff;
  flex-direction: column;
  padding: 8px 0;
}
.foot2 .nav dl dd {
  display: flex;
  width: 100%;
}
.foot2 .nav dl dd a {
  display: flex;
  color: #333;
  font-size: 14px;
  line-height: 1.7;
  padding: 0 12px;
}
.Copyright { float:left;
  color: #333333;
  font-size: 16px;
  line-height:26px;
}
.Copyright a {
  color: #333333;
}
.Copyright a:hover {
  color: #cc0000;
}
@media screen and (max-width:1440px) {
.footerT .bg{ width:80%;top:10%; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%);}
}
@media screen and (max-width:1300px) {
.foot1 .nav h5 a{ font-size:16px;}
.foot1 .nav ul li a{ font-size:14px; line-height:34px;}
.foot1 .er{ width:120px;}
.foot1 .er i{ padding:8px;}
.foot1 .addr h5{ font-size:16px; line-height:26px;}
.foot1 .addr h6{ font-size:14px; line-height:24px;}
.foot1 .down .li{max-width: 200px;}
.foot1 .down .li h5{ font-size:14px; line-height:24px;}
.foot1 .down .li h6{ font-size:14px; line-height:28px;}
}
@media screen and (max-width: 1024px) {
.foot1{flex-wrap:wrap; padding:15px 0 25px 0;}
.foot1 .left{ width:100%;}
.foot1 .logo{ display:none; margin-bottom:5px;}
.foot1 .addr{ margin-top:12px;}
.foot1 .addr h6{ margin-top:2px;}
.foot1 .right{ display:none; width:100%; margin-top:30px;}
.foot1 .top{ padding-bottom:20px;}
.foot1 .down{ padding-top:30px;}
.foot1 .down .li h5{ margin-top:4px;}
.foot1 .down .li h6{ line-height:24px; margin-top:4px;}
.foot2{ width:100%; text-align:center; padding:18px 0 75px 0;}
.Copyright{ font-size:14px; line-height:24px;}
.foot2 .nav ul{ font-size:12px;}
.foot2 .nav ul li{ line-height:24px;}
.foot2 .nav ul li a{ font-size:14px;}
.footerT .bg{ width:80%;top:10%; left:50%; transform:translateX(-40%); -ms-transform:translateX(-40%);}
}
@media screen and (max-width: 767px) {
.foot1 .nav{ display:none;}
.foot1 .down{ padding-top:15px;}
.foot1 .down .li{ margin-top:15px;}
.foot1 .down .li{ max-width:49%; width:49%;}
.foot1 .down .li h6{ font-size:12px; line-height:22px;}
.foot1 .left{ width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); width:calc(100% - 130px);}
.foot1 .right{ width:100%; position:relative;}
.foot1 .right .top{ width:120px; position:absolute; right:0; bottom:100%; margin-bottom:15px;}
.foot2{ justify-content: center; }

}



.RightP{ position:fixed; right:10px; top:50%; z-index:20; width:70px; background:#fff; box-shadow:0 0 8px rgba(196,196,196,0.31); padding:3px 0; }
.RightP ul{ float:left; width:100%;}
.RightP ul li{ float:left; width:100%; position:relative; text-align:center;}
.RightP ul li:first-child{ display:none;}
.RightP ul li a{ float:left; width:100%; padding:12px 0; }
.RightP ul li a img{ margin:0 auto; max-width:none; width:36px; height:30px;}
.RightP ul li a .show{ display:block;}
.RightP ul li a .hide{ display:none;}
.RightP ul li:hover a .show{ display:none;}
.RightP ul li:hover a .hide{ display:block;}
.RightP ul li a span{ display:block; color:#999999; font-size:14px; line-height:16px; margin-top:6px;}
.RightP ul li:hover a span{ color:#cc0000;}
.RightP ul li h6{ float:left; background:#cc0000; color:#fff; font-size:18px; line-height:50px; padding:0 20px; white-space:nowrap; position:absolute; right:100%; top:50%; margin-top:-25px;}
.RightP ul li i{ float:left; background:#cc0000; width:110px; line-height:0; padding:5px; border-radius:3px; white-space:nowrap; position:absolute; right:100%; top:50%; margin-top:-50px;}
.RightP ul li h6,
.RightP ul li i{-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:95% 50%;
	-moz-transform-origin:95% 50%;
	-ms-transform-origin:95% 50%;
	-o-transform-origin:95% 50%;
	transform-origin:95% 50%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.RightP ul li:hover h6,
.RightP ul li:hover i{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}

@media screen and (max-width: 1024px) {
.RightP{ right:0; width:100%; padding:0; top:auto; bottom:0;}
.RightP ul li:first-child{ display:block;}
.RightP ul li:nth-child(2){ display:none;}
.RightP ul li{ width:25%;}
.RightP ul li a{ padding:6px 0;}
.RightP ul li a span{ margin-top:0; font-size:12px;}
.RightP ul li:hover h6,
.RightP ul li:hover i{ display:none;}
}


@keyframes mouse0 {
    0% { width:0; height:2px; background:url(../_im_g/01.png) left top no-repeat;}
    50% { width:100%; height:2px;}
    100% { width:100%; height:100%; background:url(../_im_g/02.png) right top no-repeat;}
}
@-webkit-keyframes mouse0 {
    0% { width:0; height:2px; background:url(../_im_g/01.png) left top no-repeat;}
    50% { width:100%; height:2px;}
    100% { width:100%; height:100%; background:url(../_im_g/02.png) right top no-repeat;}
}

@keyframes Active {
    0% { width:0;}
    100% { width:100%;}
}
@-webkit-keyframes Active {
     0% { width:0;}
    100% { width:100%;}
}


.Abanner{ float:left; width:100%; position:relative; line-height:0;}
.Abanner .btn{ float:left; width:60px; height:60px; z-index:6; position:absolute; left:50%; bottom:7.3%; transform:translateX(-50%); -ms-transform:translateX(-50%);cursor:pointer;}
.Abanner .btn i:after,
.Abanner .btn i:before{ float:left; content:'';border-radius:0; position:absolute;-webkit-animation: mouse0 4s infinite;animation:mouse0 4s infinite;animation-fill-mode:forwards;}
.Abanner .btn i:after{  left:0; top:0;}
.Abanner .btn i:before{ right:0; bottom:0; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.Abanner .btn::after{ float:left; width:6px; height:6px; content:''; position:absolute; left:50%; top:50%; background:#fe0000; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.Abanner .btn::before{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; border:1px solid rgba(255,255,255,0.6); }
.Abanner .number{ float:left; position:absolute; left:50%; bottom:7.3%; color:#fff; font-size:18px; line-height:20px; z-index:6; margin:0 0 20px -785px;}
.Abanner .number font{ position:absolute; bottom:0; left:250px;}
._banner{ float:left; width:100%; position:relative; line-height:0;}
._banner .slick-dots{ display: flex; bottom:7.3%; width:200px; left:50%; margin:0 0 20px -750px;}
._banner .slick-dots li{ width:65px; height:20px; margin:0;transition: all .5s ease; position:relative;}
._banner .slick-dots li:after{ float:left; width:100%; height:1px;  content:''; position:absolute; left:0; bottom:50%; z-index:5; background:rgba(255,255,255,0.25);}
._banner .slick-dots li:before{ float:left; width:0; height:2px;  content:''; position:absolute; left:0; bottom:50%; z-index:5; background:#cc0000;}
._banner .slick-dots li.slick-active:before{-webkit-animation: Active 4s cubic-bezier(0.23, 1, 0.32, 1);animation:Active 4s cubic-bezier(0.23, 1, 0.32, 1);}


._banner .slick-arrow{ height: 20px;width: 20px;top:auto; bottom:7.3%;-webkit-transform:none;-ms-transform:none;transform:none; z-index:5; right:50%; margin:0 -785px 20px 0;}
._banner .slick-prev{ left:auto; right:50%; margin:0 -695px 20px 0;}
._banner .slick-arrow::after{content: "";height:14px;width: 14px;border-top: 2px solid #fff;border-right: 2px solid #fff;margin-left: -2px; position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%)rotate(45deg); -ms-transform: translate(-50%,-50%)rotate(45deg);}
._banner .slick-arrow:hover::after{border-top: 2px solid #cc0303;border-right: 2px solid #cc0303;}
._banner .slick-prev::after{ transform: translate(-50%,-50%)rotate(225deg); -ms-transform: translate(-50%,-50%)rotate(225deg);}
@media  screen and (max-width:1750px){
.Abanner .number{ left:90px; margin:0 0 20px 0;}
._banner .slick-dots{ left:90px; margin:0 0 20px 35px;}
._banner .slick-arrow{ right:90px; margin:0 0 20px 0;}
._banner .slick-prev{ left:auto; right:90px; margin:0 85px 20px 0;}
}
@media  screen and (max-width:1024px){
.Abanner .btn{ width:30px; height:30px;}
.Abanner .number{ left:15px; margin:0 0 5px 0; font-size:16px;}
.Abanner .number font{left:110px;}
._banner .slick-dots{ width:80px; left:15px; margin:0 0 5px 25px;}
._banner .slick-arrow{ right:15px; margin:0 0 5px 0;}
._banner .slick-prev{ left:auto; right:15px; margin:0 15px 5px 0;}

}


.indexZh{ float:left;width: 100%;position: relative;z-index: 6;color: #121212; font-weight:bold;  font-size:60px;line-height:1;text-transform: uppercase; letter-spacing:1px;}
.indexZh span{ font-size:24px; position:relative; margin-left:8px; bottom:4px;}
.indexZh a{ float:right; width:160px; color:#fff; background:#cc0000; text-align:center; font-size:18px; line-height:56px; font-weight:normal; margin:2px 0 0 0;
            -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.indexZh a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.titleZh{float:left;width: 100%;position: relative;z-index: 6;color: #121212; font-weight:bold; text-align:center;  font-size:36px; line-height:46px; letter-spacing:1px;}

@media  screen and (max-width:1024px){
.indexZh{ font-size:30px;}
.indexZh span{ font-size:18px; margin-left:4px;}
.indexZh a{ width:92px; font-size:14px; line-height:30px; margin:1px 0 0 0;}
.titleZh{ font-size:20px; line-height:30px;}

}

.Case{ background:#f3f3f5; padding-top:100px; padding-bottom:100px;}
.Case .list{ float:left; width:100%; line-height:0; position:relative; overflow:hidden; padding:72px 0 77px 0;}
.Case .list::after{ float:left; width:100%; height:1px; content:''; position:absolute; right:180px; bottom:8px; z-index:1; background:#c2c2c2; margin:0 7.6% 0 0;}
.Case .list ul{ margin:-13px;}
.Case .list ul li{ float:left; width:20%; padding:0 13px;}
.Case .list ul li a{ float:left; width:100%; line-height:0; overflow:hidden; margin:13px 0;}
.Case .list ul li a:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.2); transform:translateY(-6px); -ms-transform:translateY(-6px);}
.Case .list .slick-dots{ bottom:-64px; flex-wrap:wrap; display: flex; margin:0 !important; background:#f3f3f5; z-index:6; width:auto; padding-right:65px;}
.Case .list .slick-dots li{ background:#c2c2c2; width:16px; height:16px; margin:0 11px 0 13px; padding:0 !important;}
.Case .list .slick-dots li.slick-active{ background:#cc0000;}
.Case .list .slick-arrow{ z-index:6; color:#333333; font-size:16px;text-transform:Capitalize; top:100%; width:auto; line-height:36px; height:36px; margin-top:54px;}
.Case .list .slick-arrow:after{ float:left; width:11px; height:11px; content:''; position:absolute; left:0; top:50%; border-bottom:1px solid #333333; border-left:1px solid #333333; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); }
.Case .list .slick-arrow:hover{ color:#cc0000;}
.Case .list .slick-arrow:hover:after{ border-bottom:1px solid #cc0000; border-left:1px solid #cc0000;}
.Case .list .slick-prev{ left:auto; right:135px; padding-left:24px;}
.Case .list .slick-next{ right:15px; padding-right:24px;}
.Case .list .slick-next:after{ left:auto; right:0; transform:translateY(-50%) rotate(225deg); -ms-transform:translateY(-50%) rotate(225deg);}


@media  screen and (max-width:1024px){
.Case{ padding-top:35px; padding-bottom:35px;}
.Case .list{ padding:20px 0 30px 0;}
.Case .list::after{ right:135px; bottom:6px; z-index:1; background:#c2c2c2; margin:0;}
.Case .list ul{ margin:0 -6px;}
.Case .list ul li{ padding:0 6px;}
.Case .list ul li a{ margin:6px 0;}
.Case .list ul li a:hover{ box-shadow:0 0 9px rgba(0,128,255,0.2);}
.Case .list .slick-dots{ bottom:-30px; padding-right:10px;}
.Case .list .slick-dots li{ width:12px; height:12px; margin:0 4px 0 6px;}
.Case .list .slick-arrow{ font-size:14px; margin-top:24px;}
.Case .list .slick-arrow:after{ width:9px; height:9px;}
.Case .list .slick-prev{ left:auto; right:75px; padding-left:12px;}
.Case .list .slick-next{ right:8px; padding-right:12px;}
}
@media  screen and (max-width:767px){
.Case .list::after{ display:none;}
.Case .list ul li{ width:50%;}

}

.video_tc{display: none; position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;background: rgba(0,0,0,0.60);}
.video_tc i{display: none;
    float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size:24px;
    text-align: center;
    font-family: Arial;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #ba9e64 url(images/main19.png) center no-repeat;
    border-radius: 50%;
    transform: rotate(45deg); z-index:8;
}
.video_tc ._vid{float: left; width: 100%; position:relative; height:100%; z-index:6;}
.video_tc video{float: left; position: relative;width: 100%;height: 100%;object-fit: fill;}


.products{ padding-top:95px; padding-bottom:106px;}
.products .list{ float:left; width:100%; position:relative; margin-top:70px;}
.products .list::after{ float:left; height:100%; width:1px; content:''; position:absolute; left:50%; bottom:0; z-index:1; background:#cc0000;}
.products .list ul{ float:left; width:100%;flex-wrap:wrap; display: flex;justify-content: space-between;}
.products .list li{ float:left; width:40%;}
.products .list li .la{ float:left; width:100%; flex-wrap:wrap; display: flex;}
.products .list li:nth-child(2n) a{flex-wrap:wrap-reverse;}
.products .list li .img{ float:left; width:100%; position:relative; line-height:0; margin-bottom:20px; border:4px solid #fff; box-shadow:0 0 15px rgba(152,152,152,0.3);}
.products .list li .img video{ float:left; width:100%; object-fit: fill; position:relative; min-height:100%;}
.products .list li .img i{ float:left; width:100%; overflow:hidden;}
.products .list li .img i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.products .list li a:hover .img i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.products .list li .img .paly{ float:left; width:80px; height:80px; content:''; cursor:pointer;  position:absolute;left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);z-index:6;}
.products .list li .text{ float:left; width:100%; margin:26px 0 54px 0;}
.products .list li .text h4{ float:left; width:100%; color:#333333; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-size:30px; line-height:40px;}
.products .list li .text h5{ float:left; width:100%; color:#333333; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-size:18px; line-height:28px; margin:27px 0 46px 0;}
.products .list li .text h6{ float:left; width:150px; color:#333333; border:1px solid #666666; text-align:center; font-size:18px; line-height:46px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.products .list li a:hover .text h6{ color:#fff; border:1px solid #cc0000; background:#cc0000;}


@media  screen and (max-width:1024px){
.products{ padding-top:35px; padding-bottom:35px;}
.products .list{ margin-top:20px;}
.products .list li .img{ margin-bottom:10px;}
.products .list li .img .paly{ width:40px; height:40px; background-size:24px 24px;}
.products .list li .text{ margin:15px 0 25px 0;}
.products .list li .text h4{ font-size:16px; line-height:26px;}
.products .list li .text h5{ font-size:14px; line-height:24px; margin:5px 0 15px 0;}
.products .list li .text h6{ width:92px; font-size:14px; line-height:30px;}
}
@media  screen and (max-width:767px){
.products{ padding-bottom:10px;}
.products .list::after{ display:none;}
.products .list ul li{ width:48%;}
.products .list li:nth-child(2n) .la{flex-wrap:wrap;}
.products .list li .text{ margin:5px 0 25px 0;}
}


.newl{ background:#f3f3f5; padding-top:100px;padding-bottom: 100px;}
.News_l{ float:left; width:100%; margin-top:70px;}
.News_l ul{ margin:-26px;}
.News_l ul li{width: 33.3%;float: left;padding:26px;}
.News_l ul li a{width: 100%;float: left; background:#fff; position:relative; padding-bottom:68px;}
.News_l ul li a:after{ float:left; width:0; height:0; position:absolute; right:0; bottom:0; content:''; border-left:103px solid transparent; border-bottom:55px solid #adadad; z-index:1; }
.News_l ul li a:hover:after{ border-bottom:55px solid #cc0000;}
.News_l ul li a:before{ float:left; width:26px; height:26px; position:absolute; right:14px; bottom:6px; content:''; background:url(../_im_g/arrow-right.svg) center no-repeat; background-size:100% 100%;  z-index:2; }
.News_l ul li .img{float: left;position: relative;width: 100%; overflow: hidden; line-height:0; margin-bottom:34px;}
.News_l ul li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.News_l ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.News_l ul li time{ float: left; color:#666666;font-size: 16px;line-height: 26px; position:relative; margin:0 7.3%;}
.News_l ul li time:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; bottom:0; background:#666666;}
.News_l ul li h4{width: 85.4%;float: left; color:#121212;font-size: 18px;line-height: 28px; font-weight:bold;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin:26px 7.3% 20px 7.3%;}
.News_l ul li:hover h4{color: #cc0000;}
.News_l ul li h6{width:85.4%;float: left; color:#666666;font-size: 16px;line-height:30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 60px; margin:0 7.3%;}

.News_l-1{ margin-top:0 !important;}
.News_l-1 ul{ margin:-20px;}
.News_l-1 ul li{width:50%;padding:20px;}
.News_l-1 ul li a{ background:#fafafa;}
.News_l-1 ul li a:hover{ background:#fff; box-shadow:0 8px 20px rgba(173,173,173,0.42)}
.News_l-1 ul li a:hover time{ color:#cc0000;}
.News_l-1 ul li a:hover time:after{ background:#cc0000;}



@media screen and (max-width: 1024px) {
  .newl{padding-top:35px;padding-bottom: 35px;}
  .News_l{margin-top: 20px;}
  .News_l ul{margin: -6px}
  .News_l ul li{padding:6px;}
  .News_l ul li a{ padding-bottom:30px;}
  .News_l ul li a:after{ border-left:50px solid transparent; border-bottom:28px solid #adadad;  }
  .News_l ul li a:before{ width:18px; height:18px; right:3px; bottom:2px; }
  .News_l ul li a:hover:after{ border-bottom:28px solid #cc0000;}
  .News_l ul li .img{ margin-bottom:15px;}
  .News_l ul li time{ font-size:14px; line-height:24px; margin:0 5%;}
  .News_l ul li h4{ font-size:16px; line-height:26px; margin:12px 5% 6px 5%; width:90%;}
  .News_l ul li h6{ font-size:14px; line-height:24px; height:48px; margin:0 5%; width:90%;}
}
@media screen and (max-width: 1024px) {
  .News_l ul li{ width:50%;}
  .News_l ul li:last-child{ display:none;}

   .News_l-1 ul li:last-child{ display:block;}
}

.newsD{ float:left; width:100%; margin-top:26px; margin-bottom:72px;}
.newsD ul{ float:left; width:100%; }
.newsD ul li{ float:left; width:100%; }
.newsD ul li a{ float:left; width:100%; position:relative; padding:35px 26.6% 35px 0;  border-bottom:1px solid #dddddd;}
.newsD ul li a h4{ float:left; width:100%;  color:#121212; font-size:18px; line-height:32px; font-weight:bold; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.newsD ul li a h6{ float:left; width:100%;  color:#666666; font-size:16px; line-height:30px; height:60px; overflow:hidden; margin-top:16px;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsD ul li a time{ float:left; position:absolute; right:0; top:50%; text-align:center; transform:translateY(-50%); -ms-transform:translateY(-50%); color:#666666; font-size:24px; line-height:1;}
.newsD ul li a time span{ display:block; font-size:16px; margin-top:12px;}
.newsD ul li a:hover h4{ color:#cd2b1d;}
.newsD ul li a:hover time{ color:#cd2b1d;}

@media screen and (max-width: 1024px) {
.newsD{ margin-top:10px; margin-bottom:25px;}
.newsD ul li a{ padding:20px 70px 20px 0;}
.newsD ul li a h4{ font-size:16px; line-height:26px;}
.newsD ul li a h6{ font-size:14px; line-height:24px; height:48px; margin-top:5px;}
.newsD ul li a time{ font-size:18px;}
.newsD ul li a time span{ font-size:14px; margin-top:8px;}
}






.About{ padding-top:105px; padding-bottom:105px;}
.About .w_center{flex-wrap:wrap; display: flex; justify-content: space-between;}
.About .img{ float:right; width:46.5%; position:relative; line-height:0;}
.About .img img{ float:left; width:100%; position:relative; min-height:100%; overflow:hidden;}
.About .img .voide{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); min-height:100%;}
.About .img video{ float:left; width:100%; position:relative; min-height:100%;object-fit: fill;}
.About .img .paly{ float:left; width:80px; height:80px; content:''; cursor:pointer; position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:6; cursor:pointer;}
.About .text{ float:left; width:47%; position:relative; padding-top:2%;}
.About .text:after{ float:left; width:53px; height:3px; content:''; position:absolute; left:0; bottom:100%; background:#cc0000;}
.About .text h1{ float:left; width:100%; color:#cc0000; font-weight:bold;  font-size:26px; line-height:36px;padding-right:30px; margin-top:6%; }
.About .text .p{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin-top:3.6%;
padding-right:30px; 
 overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:288px;
}
.About .text .p::-webkit-scrollbar {
 width:4px
}
.About .text .p::-webkit-scrollbar-track
{
background-color:#f5f5f5;
 border-radius:4px
}
.About .text .p::-webkit-scrollbar-thumb {
 width:4px;
 height:60px;
 background-color:#cc0000;
 border-radius:4px;
}
.About .text a{ float:left; width:150px; color:#333333; border:1px solid #666666; text-align:center; font-size:18px; line-height:46px; margin-top:7.1%;
                -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.About .text a:hover{ color:#fff; border:1px solid #cc0000; background:#cc0000;}

.About1{flex-wrap:wrap; display: flex;justify-content: space-between; padding:58px 54px 120px 54px;}
.About1 .titleZh{ text-align:left;}
.About1 .text{ padding-top:0 !important;}
.About1 .text:after{ display:none;}
.About1 .text h1{ margin-top:4.4%;}
.About1 .text .p{ max-height:inherit !important;}
.About1 .img{ margin-top:2.8%;}


@media screen and (max-width:1440px) {
.About .text .p{ line-height:30px; max-height:240px;}
}
@media  screen and (max-width:1024px){
.About{ padding-top:35px; padding-bottom:35px;}
.About .img .paly{ width:40px; height:40px; background-size:24px 24px;}
.About .text h1{ font-size:18px; line-height:28px; margin-top:10px; padding-right:10px;}
.About .text .p{ font-size:14px; line-height:24px; padding-right:0; max-height:inherit; margin-top:10px;}
.About .text a{ width:102px; font-size:14px; line-height:30px; margin-top:20px;}

.About1{ padding:20px 15px 30px 15px;}
.About .text h1{ padding-right:0;}
.About .text .p{ padding-right:10px;}
}
@media  screen and (max-width:767px){
.About .img{ width:100%; margin-top:30px;}
.About .img .voide{ position:static; left:0; top:0; transform:none; -ms-transform:none; min-height:100%;}
.About .text{ width:100%;}
}


.inbanner{ position:relative; padding-top:195px; padding-bottom:72px;}
.inbanner:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.28;}
.inbanner h1{ position:relative; z-index:6; float:left; width:100%; color:#fff; font-weight:bold; font-size:30px; line-height:44px;}
.inbanner h1 span{ font-size:24px; font-weight:normal; margin-left:20px;}
.inbanner h3{ position:relative; z-index:6; float:left; max-width:100%; color:#fff; font-size:16px; line-height:22px; margin-top:12px; position:relative; padding:0 0 0 32px; margin:7px 0;  }
.inbanner h3::after{ float:left; width:16px; height:20px; content:''; position:absolute; left:0; top:2px;background:url(../_im_g/ico2.png) left center no-repeat;}
.inbanner h3 a{ color:#fff;}
.inbanner h3 a:hover{ color:#cc0000;}

@media  screen and (max-width:1024px){
.inbanner{ padding-top:60px; padding-bottom:60px;}
.inbanner h1{ font-size:24px; line-height:30px;}
.inbanner h1 span{ font-size:18px; margin-left:10px;}
.inbanner h3{ font-size:14px; padding:0 0 0 22px;}
}
@media  screen and (max-width:767px){
.inbanner .w_center{flex-wrap:wrap; display: flex; justify-content:center;}
.inbanner h1{ text-align:center;}
.inbanner h1 span{ display:block; margin-left:0;}

}

._Box{ background:#f6f6f6; padding-bottom:90px;}
._back{ float:left; width:100%; position:relative; top:0;  margin-top:-60px; background:#fff;}


@media  screen and (max-width:1024px){
._Box{ padding-bottom:35px;}
._back{ margin-top:-40px;}
}
@media  screen and (max-width:767px){

}


.history{ float:left; width:100%; background:#fafafa; padding:96px 50px 93px 50px;}
.history .list{ float:left; width:100%; position:relative; z-index:3; margin-top:75px;}
.history .list:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; top:334px; background:#999999;z-index:1;}
.history .list ul{ float:left; width:100%; position:relative; z-index:6;}
.history .list li{ float:left; width:20%;flex-wrap:wrap; display: flex;flex-wrap:wrap-reverse;}
.history .list li .text{ float:left; width:100%;flex-wrap:wrap; display: flex;}
.history .list li .text h4{ float:left; width:100%; position:relative; color:#333333; font-size:36px; line-height:46px; font-weight:bold; font-family:Arial; margin:14px 0; padding-left:46px;}
.history .list li .text h4:after{ float:left; width:28px; height:28px; content:''; position:absolute; left:0; top:50%; margin-top:-14px; background:#fafafa; z-index:1; border:1px dashed #9b9b9b; border-radius:50%;}
.history .list li .text h4:before{ float:left; width:10px; height:10px; content:''; position:absolute; left:0; top:50%; margin:-5px 0 0 9px; background:#9b9b9b; z-index:2; border-radius:50%;}
.history .list li.slick-current .text h4{ color:#cc0000;}
.history .list li.slick-current .text h4:after{ border:1px dashed #cc0000;}
.history .list li.slick-current .text h4:before{ background:#cc0000;}
.history .list li .text h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px; padding-right:6px;  padding-left:46px;
 overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:288px;
 min-height:288px;
}
.history .list li .text h6::-webkit-scrollbar {
 width:3px
}
.history .list li .text h6::-webkit-scrollbar-track
{
background-color:#dddddd;
 border-radius:3px
}
.history .list li .text h6::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#cc0000;
 border-radius:3px
}
.history .list li .line{ float:left; width:1px; height:62px; border-left:1px dashed #9b9b9b; margin:339px 0 -22px 14px; position:relative;}
.history .list li .line:after{ width:9px; height:9px; z-index:6; float:left; content:''; border-radius:50%; position:absolute; left:50%; top:-9px; background:#9b9b9b;transform:translateX(-50%); -ms-transform:translateX(-50%);}
.history .list li.slick-current .line{ border-left:1px dashed #cc0000;}
.history .list li.slick-current .line:after{ background:#cc0000;}
.history .list li:nth-child(2n){flex-wrap:wrap;}
.history .list li:nth-child(2n) .text{ flex-wrap:wrap-reverse;}
.history .list li:nth-child(2n) .text h6{flex-wrap:wrap; display: flex;align-items: flex-end; max-height:216px; min-height:216px;}
.history .list li:nth-child(2n) .line{ margin:-22px 0 339px 14px;}
.history .list li:nth-child(2n) .line:after{ top:auto; bottom:-9px;}
.history .list .slick-arrow{ width:16px; height:16px; content:''; top:335px;  border-top: 2px solid #666666; border-right:2px solid #666666; -webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}
.history .list .slick-arrow:hover{ border-top: 2px solid #cc0000; border-right:2px solid #cc0000;}
.history .list .slick-prev{ left:-30px; -webkit-transform: translate(0, -50%) rotate(225deg);-ms-transform: translate(0, -50%) rotate(225deg);transform: translate(0, -50%) rotate(225deg);}
.history .list .slick-next{ right:-30px;}

@media  screen and (max-width:1750px){
.history .list li .text h4{ padding-left:40px;}
.history .list li .text h6{ padding-left:40px; font-size:14px; line-height:26px;}

}
@media  screen and (max-width:1024px){
.history{ padding:25px 15px;}
.history .list{ margin-top:20px;}
.history .list:after{ top:181px;}
.history .list li{ width:33.33%;}
.history .list li .text h4{ padding-left:26px; font-size:24px; line-height:34px; margin:5px 0;}
.history .list li .text h4:after{ width:18px; height:18px; margin-top:-9px;}
.history .list li .text h4:before{ width:6px; height:6px; margin:-3px 0 0 6px;}
.history .list li .text h6{ padding-left:26px; font-size:14px; line-height:24px; max-height:120px; min-height:120px;}
.history .list li .line{ height:35px; margin:185px 0 -22px 9px;}
.history .list li:nth-child(2n) .line{ margin:-22px 0 185px 9px;}
.history .list li:nth-child(2n) .text h6{ max-height:120px; min-height:120px;}
.history .list .slick-arrow{ width:14px; height:14px; content:''; top:181px;}
.history .list .slick-prev{ left:-10px;}
.history .list .slick-next{ right:-10px;}
}
@media  screen and (max-width:767px){
.history .list{ margin-bottom:20px;}
.history .list:after{ top:181px;}
.history .list li{ width:50%; flex-wrap:wrap;}
.history .list li .text{flex-wrap:wrap-reverse;}
.history .list li .line{ height:35px; margin:-22px 0 12px 9px;}
.history .list li .line:after{ top:auto; bottom:-9px;}
.history .list li:nth-child(2n) .line{ margin:-22px 0 12px 9px;}
}


.ronyyu{ float:left; width:100%; line-height:0; padding:41px 38px 109px 38px;}
.ronyyu .ul{ float:left; width:100%; position:relative; overflow:hidden; padding-bottom:87px;}
.ronyyu .ul::after{ float:left; width:100%; height:1px; content:''; position:absolute; right:180px; bottom:18px; z-index:1; background:#c2c2c2; margin:0 7.6% 0 0;}
.ronyyu .ul .li{ float:left; width:25%; padding:0 12px;}
.ronyyu .ul .li .cover{ float:left; width:100%; line-height:0; background:#f8f8f8; overflow:hidden; margin:17px 0; cursor:pointer;  -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.ronyyu .ul .li .cover:hover{ background:#fff; box-shadow:0 4px 19px rgba(171,171,171,0.26); }
.ronyyu .slick-dots{ bottom:10px; flex-wrap:wrap; display: flex; margin:0 !important; background:#fff; z-index:6; width:auto; padding-right:65px;}
.ronyyu .slick-dots li{ background:#c2c2c2; width:16px; height:16px; margin:0 11px 0 13px; padding:0 !important;}
.ronyyu .slick-dots li.slick-active{ background:#cc0000;}
.ronyyu .slick-arrow{ z-index:6; color:#333333; font-size:16px;text-transform:Capitalize; top:auto; bottom:0; width:auto; line-height:36px; height:36px;-webkit-transform:none;-ms-transform:none;transform:none;}
.ronyyu .slick-arrow:after{ float:left; width:11px; height:11px; content:''; position:absolute; left:0; top:50%; border-bottom:1px solid #333333; border-left:1px solid #333333; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); }
.ronyyu .slick-arrow:hover{ color:#cc0000;}
.ronyyu .slick-arrow:hover:after{ border-bottom:1px solid #cc0000; border-left:1px solid #cc0000;}
.ronyyu .slick-prev{ left:auto; right:135px; padding-left:24px;}
.ronyyu .slick-next{ right:15px; padding-right:24px;}
.ronyyu .slick-next:after{ left:auto; right:0; transform:translateY(-50%) rotate(225deg); -ms-transform:translateY(-50%) rotate(225deg);}


@media  screen and (max-width:1024px){
.ronyyu{ padding:20px 9px;}
.ronyyu .ul{ padding-bottom:40px;}
.ronyyu .ul::after{ right:135px; margin:0;}
.ronyyu .ul .li{ padding:0 6px;}
.ronyyu .ul .li .cover{ margin:6px 0;}
.ronyyu .ul .li .cover:hover{ box-shadow:0 0 9px rgba(0,128,255,0.2);}
.ronyyu .slick-dots{ bottom:12px; padding-right:10px;}
.ronyyu .slick-dots li{ width:12px; height:12px; margin:0 4px 0 6px;}
.ronyyu .slick-arrow{ font-size:14px; margin-top:24px;}
.ronyyu .slick-arrow:after{ width:9px; height:9px;}
.ronyyu .slick-prev{ left:auto; right:75px; padding-left:12px;}
.ronyyu .slick-next{ right:8px; padding-right:12px;}
}
@media  screen and (max-width:767px){
.ronyyu .ul::after{ display:none;}
.ronyyu .ul .li{ width:50%;}

}

.wenhua{ float:left; width:100%; padding:95px 54px 100px 54px;}
.wenhua .list{ float:left; position:relative; width:100%; margin-top:110px;flex-wrap:wrap; display: flex; align-items: center; justify-content: space-between;}
.wenhua .list .img{ float:left; width:41.1%; line-height:0; position:relative; background:url(../_im_g/main29.0.png) center no-repeat; background-size:100% 100%; padding:7% 6.2% 6.3% 4.5%;}
.wenhua .list .img img{ position:relative; z-index:3; border-radius:50%;}
.wenhua .list ul{ float:right; width:58.5%;}
.wenhua .list ul li{ position:relative; float:left; width:100%; margin-top:2.9%; padding-left:6%; margin-left:-8%;}
.wenhua .list ul li:before{ float:left; width:179px; height:190px; z-index:1; position:absolute; left:6%; top:0; content:''; background:url(../_im_g/main29.3.png) right center no-repeat; background-size:auto 100%; margin-left:-55px;}
.wenhua .list ul li:nth-child(2){ margin-left:3%;}
.wenhua .list ul li span{ float:left; width:66px; line-height:56px; text-align:center; color:#fff; font-size:24px; font-weight:bold; position:absolute; right:100%; top:44px; z-index:4; }
.wenhua .list ul li span:after{ float:left; width:114px; height:112px; content:''; position:absolute; right:-4px; top:-8px; background:url(../_im_g/ico17.png) center; background-size:100% auto; z-index:-1;}
.wenhua .list ul li h5{ float:left; width:167px; height:138px; background:#fff; text-align:center; color:#fff; font-size:24px; line-height:1.6; font-weight:bold;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; position:absolute; left:6%; top:1%; z-index:4;-webkit-clip-path:polygon(21% 0%, 79% 0%,100% 50%,79% 100%,21% 100%,0% 50%); clip-path:polygon(21% 0%, 79% 0%,100% 50%,79% 100%,21% 100%,0% 50%);box-shadow:-10px 10px 30px rgba(0,0,0,0.15);}
.wenhua .list ul li h5 font{ float:left; width:122px; height:102px; background:#cc0000; -webkit-clip-path:polygon(21% 0%, 79% 0%,100% 50%,79% 100%,21% 100%,0% 50%); clip-path:polygon(21% 0%, 79% 0%,100% 50%,79% 100%,21% 100%,0% 50%);flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}
.wenhua .list ul li h6{ float:right; width:-webkit-calc(100% -118px); width:-moz-calc(100% - 118px); width:calc(100% - 118px); color:#333333; position:relative; z-index:3; font-size:18px; line-height:28px; margin:3.3% 0 8.6% 0; min-height:98px; border-radius:0 98px 98px 0; background:url(../_im_g/main29.1.png) center; background-size:100% 100%; padding:15px 28px 15px 76px; flex-wrap:wrap; display: flex; align-items: center; box-shadow:-15px 30px 15px rgba(0,0,0,0.15); }


@media  screen and (max-width:1024px){
.wenhua{ padding:20px 15px;}
.wenhua .list{ margin-top:20px;}
.wenhua .list ul li:before{ width:130px; height:120px;}
.wenhua .list ul li span{ width:50px; line-height:42px; font-size:18px; top:23px;}
.wenhua .list ul li span:after{ width:90px; height:88px; top:-6px; right:-2px;}
.wenhua .list ul li h5{ width:106px;  height:88px; font-size:18px; left:6%; top:3px; margin-left:-10px;}
.wenhua .list ul li h5 font{ width:88px; height:74px;}
.wenhua .list ul li h6{ width:-webkit-calc(100% -60px); width:-moz-calc(100% -60px); width:calc(100% - 60px); font-size:14px; line-height:20px; margin:3.3% 0 4.3% 0; min-height:74px; padding:15px 20px 15px 46px;  box-shadow:-6px 12px 6px rgba(0,0,0,0.1);}
}
@media  screen and (max-width:767px){
.wenhua .list ul{ width:100%; padding-left:40px;}
.wenhua .list ul li{ margin-left:0;}
.wenhua .list ul li:nth-child(2){ margin-left:0;}
.wenhua .list .img{ float:left; width:70%; margin:0 15%;}
.wenhua .list ul li h6{ font-size:12px; line-height:18px; padding:10px 15px 10px 44px;  }
}


.ServGreet{ padding:97px 4.2% 94px 4.2%; color:#333333; font-size:16px; line-height:30px;}
.ServGreet .tit{ float:left; width:100%; text-align:center; font-weight:bold; color:#333333; font-size:36px; line-height:46px; margin-bottom:70px; }
.ServGreet .time{ float:left; width:100%; font-weight:bold; color:#333333; font-size:18px; line-height:28px; }
.ServGreet .text{ float:left; width:100%; margin:30px 0;}

@media  screen and (max-width:1024px){
.ServGreet{ padding:30px 15px; font-size:14px; line-height:24px;}
.ServGreet .tit{ font-size:18px; line-height:28px; margin-bottom:20px;}
.ServGreet .time{ font-size:15px; line-height:26px;}
.ServGreet .text{ margin:15px 0;}
}

.boxA{ padding:75px 3.3% 86px 3.3%;}
.box_L{ float:left;width:-webkit-calc(97% - 300px); width:-moz-calc(97% - 300px); width:calc(97% - 300px);}
.box_R{ float:right; width:300px;}
.box_R h4{ float:left; width:100%; color:#333333; font-weight:bold; font-size:20px; line-height:1;}
.box_R .ul{ float:left; width:100%;border-top:1px solid #dddddd; margin-top:20px;}
.box_R .ul li{ float:left; width:100%; border-bottom:1px solid #dddddd;}
.box_R .ul li a{ float:left; width:100%; color:#333333; position:relative; font-size:18px; line-height:60px; padding-left:20px;}
.box_R .ul li a::after{ float:left; width:0; height:0; content:''; position:absolute; left:1px; top:50%; margin-top:-5px; border-top: 5px solid transparent; border-bottom:5px solid transparent;border-left:6px solid #999999; }
.box_R .ul li a::before{ float:left; width:0; height:1px; content:''; position:absolute; left:0; bottom:-1px; z-index:1; background:#cc0000; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.box_R .ul li.on a,
.box_R .ul li:hover a{ color:#cc0000;}
.box_R .ul li.on a::before,
.box_R .ul li:hover a::before{ width:100%;}
.box_R .ul li.on a::after,
.box_R .ul li:hover a::after{ border-left:6px solid #cc0000;}
.box_R h5{ float:left; width:100%; color:#fff; background:#d43935; font-size:20px; line-height:40px; padding:10px 11.3%;}
.box_R .ul1{ float:left; width:100%; background:#f5f5f5; padding:0 10% 110px 10%;}
.box_R .ul1 li{ float:left; width:100%; border-bottom:1px solid #dddddd;}
.box_R .ul1 li a{ float:left; width:100%; padding:25px 0 18px 0;}
.box_R .ul1 li a h6{ float:left; width:100%; color:#121212; font-size:18px; line-height:30px; max-height:60px; overflow:hidden; padding-left:22px; position:relative;}
.box_R .ul1 li a h6::after{ float:left; width:4px; height:16px; content:''; position:absolute; left:0; top:7px; background:#adadad;}
.box_R .ul1 li a time{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:10px; padding-left:22px; background:url(../_im_g/arrow-right-hui.svg) right center no-repeat;}
.box_R .ul1 li a:hover h6{ color:#cc0000;}
.box_R .ul1 li a:hover h6::after{ background:#cc0000;}
.box_R .ul1 li a:hover time{background:url(../_im_g/arrow-right-red.svg) right center no-repeat;}

.box_R .dl{ float:left; width:100%; background:url(../_im_g/main30.png) center bottom no-repeat #d43935; margin-top:60px; padding:27px 12% 36px 12%;}
.box_R .dl dt{ float:left; width:100%; color:#fff; font-size:20px; line-height:26px;}
.box_R .dl dd{ float:left; width:100%; margin-top:42px;}
.box_R .dl dd{ float:left; width:100%; color:#fff; position:relative; font-size:16px; line-height:26px; padding-left:60px;}
.box_R .dl dd span{ display:block;}
.box_R .dl dd img{ position:absolute; left:0; top:5px; width:42px; height:42px;}



.pz_fy{width:100%; float:left; flex-wrap:wrap; display: flex;  justify-content:center;}
.pz_fy span{ float:left; color:#999999; font-size:36px; line-height:26px; margin:0 20px;}
.pz_fy a { float:left; border: #dddddd 1px solid; width:48px; height:48px; line-height:46px; text-align:center; margin:0 5px; color:#333333; font-size:18px;}
.pz_fy a:first-child,
.pz_fy a:last-child{ width:100px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:#cd2b1d 1px solid; background-color:#cd2b1d; }


@media screen and (max-width:1500px) {
.box_L{ width:-webkit-calc(97% - 265px); width:-moz-calc(97% - 265px); width:calc(97% - 265px);}
.box_R{ width:265px;}
.box_R .dl{ padding:27px 8% 36px 8%;}
}
@media  screen and (max-width:1024px){
.boxA{ padding:30px 15px;}
.box_L{ width:100%;}
.box_R{ width:100%; margin-top:25px; display:none;}
.box_R h4{ font-size:18px;}
.box_R .ul{ margin-top:15px;}
.box_R .ul li a{ font-size:14px; line-height:40px; padding-left:15px;}
.box_R .dl{ margin-top:20px; padding:20px 15px; display:none; }
.box_R .dl dt{ font-size:18px;}
.box_R .dl dd{ margin-top:15px; padding-left:55px;}

.box_R h5{ font-size:18px; line-height:30px; padding:6px 15px;}
.box_R .ul1{ padding:0 15px 30px 15px;}
.box_R .ul1 li a{ padding:15px 0;}
.box_R .ul1 li a h6{ font-size:16px; line-height:26px; max-height:52px; padding-left:16px;}
.box_R .ul1 li a h6::after{ height:14px;}
.box_R .ul1 li a time{ margin-top:5px; padding-left:16px; background-size:20px 20px;}
.box_R .ul1 li a:hover time{ background-size:20px 20px;}

.boxA-1 .box_R{ display:block;}

.pz_fy span{  font-size:20px; line-height:10px; margin:0 3px;}
.pz_fy a { width:22px; height:24px; line-height:22px; margin:0 3px; font-size:12px;}
.pz_fy a:first-child,
.pz_fy a:last-child{ width:50px;}

}


.CaseL{ float:left; width:100%; margin-bottom:31px;}
.CaseL ul{ float:left; width:100%;}
.CaseL ul li{width: 100%;float: left; margin-bottom:28px;}
.CaseL ul li a{width: 100%;float: left; background:#fafafa; position:relative; padding:21px 140px 21px 410px; min-height:262px;}
.CaseL ul li a:after{ float:left; width:0; height:0; position:absolute; right:0; bottom:0; content:''; border-left:160px solid transparent; border-bottom:85px solid #adadad; z-index:1; }
.CaseL ul li a:hover:after{ border-bottom:85px solid #cc0000;}
.CaseL ul li a:before{ float:left; width:26px; height:26px; position:absolute; right:26px; bottom:17px; content:''; background:url(../_im_g/arrow-right.svg) center no-repeat; background-size:100% 100%;  z-index:2; }
.CaseL ul li .img{float: left;position: relative;width:330px; height:220px; position:absolute; left:20px; top:21px; overflow: hidden; line-height:0;}
.CaseL ul li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.CaseL ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.CaseL ul li h4{width:100%;float: left; color:#333333;font-size: 18px;line-height: 28px; font-weight:bold;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin:34px 0 19px 0;}
.CaseL ul li:hover h4{color: #cc0000;}
.CaseL ul li h5{width:100%;float: left; color:#333333;font-size: 16px;line-height:26px; margin-bottom:8px;}
.CaseL ul li h6{width:100%;float: left; color:#666666;font-size: 16px;line-height:30px; height:60px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media screen and (max-width:1500px) {
.CaseL ul li a{ padding:21px 70px 21px 380px;}
}
@media screen and (max-width: 1024px) {
  .CaseL{ margin-bottom:10px;}
  .CaseL ul li{ margin-bottom:15px;}
  .CaseL ul li a{ padding:15px 30px 15px 250px; min-height:176px;}
  .CaseL ul li .img{ width:220px; height:146px; left:15px; top:15px; }
  .CaseL ul li a:after{ border-left:50px solid transparent; border-bottom:32px solid #adadad;  }
  .CaseL ul li a:hover:after{ border-bottom:32px solid #cc0000;}
  .CaseL ul li a:before{ width:18px; height:18px; right:3px; bottom:2px; }
  .CaseL ul li h4{ font-size:16px; line-height:26px; margin:15px 0 5px 0;}
  .CaseL ul li h5{ font-size:14px; line-height:24px; margin-bottom:4px;}
  .CaseL ul li h6{ font-size:14px; line-height:24px; height:48px;}
}
@media screen and (max-width: 767px) {
  .CaseL{ margin-bottom:10px;}
  .CaseL ul li{ margin-bottom:15px;}
  .CaseL ul li a{ padding:15px 15px 30px 15px; min-height:inherit;}
  .CaseL ul li .img{ width:100%; height:auto; position:static; left:0; top:0; }
  .CaseL ul li a:after{ border-left:50px solid transparent; border-bottom:32px solid #adadad;  }
  .CaseL ul li a:hover:after{ border-bottom:32px solid #cc0000;}
  .CaseL ul li a:before{ width:18px; height:18px; right:3px; bottom:2px; }
  .CaseL ul li h4{ font-size:16px; line-height:26px; margin:14px 0 5px 0;}
  .CaseL ul li h5{ font-size:14px; line-height:24px; margin-bottom:4px;}
  .CaseL ul li h6{ font-size:14px; line-height:24px; height:48px;}
}

.newdl{ margin-bottom:-28px;}
.newdl .h4{ float:left; width:100%; font-size: 30px;color: #121212;text-align: center;line-height: 40px;}
.newdl .deicon{ float:left; width:100%;display: flex;align-items: center;justify-content: center;padding:54px 0 42px 0;}
.newdl .deicon .iconl{margin: 0 15px;display: flex;align-items: center;}
.newdl .deicon .iconl img{margin-right: 8px;}
.newdl .deicon .iconl p{font-size: 16px;color: #666666;}
.newdl .ndecont{ float:left; width:100%; border-top: 1px solid #dddddd; font-size: 16px;line-height: 30px;color: #666666;padding:46px 0 140px 0;}
.newdl  .ndecont.pagecon{padding-top:0; padding-bottom:0; border:0;}
.newdl .ndecont img{max-width: 100%;vertical-align: bottom;}
.newdl .ndefun .pic2{display: none;}
.newdl .ndefun{ float:left; width:100%;display: flex;justify-content: center;align-items: center;margin-bottom:55px;}
.newdl .ndefun .nfun1{display: flex;align-items: center;justify-content: center; margin:0 30px;width: 150px;height: 50px; border:1px solid #999999;transition: all .5s ease; color:#666666; font-size:16px;}
.newdl .ndefun .nfun1:hover{border: 1px solid #cc0000; color:#cc0000;}
.newdl .ndefun .nfun1 img{width:20px;}
.newdl .ndefun .nfun1:hover .pic2{display: block;}
.newdl .ndefun .nfun1:hover .pic1{display: none;}
.newdl .ndefun h6{margin-left:15px;white-space: nowrap;}

@media screen and (max-width: 1024px){
.newdl{ margin-bottom:-20px;}
.newdl .h4{font-size: 18px;line-height:28px;}
.newdl .deicon{flex-wrap: wrap;padding:15px 0}
.newdl .deicon .iconl{margin:3px 8px;}
.newdl .deicon .iconl img{margin-right:4px;}
.newdl .deicon .iconl p{font-size: 14px}
.newdl .ndecont{ padding: 20px 0;font-size: 14px;line-height: 24px;}
.newdl  .ndecont.pagecon{ padding-bottom:30px; border:0;}
.newdl .ndefun .pic2{display: none;}
.newdl .ndefun{margin-bottom:30px;}
.newdl .ndefun .nfun1{margin:0 15px;width: 120px;height: 40px;}
.newdl .ndefun h6{margin-left:10px;white-space: nowrap;}
}

.nfy{ float:left; width:100%;display: flex;align-items: center;justify-content: space-between; border-top: 1px solid #dddddd; padding:46px 0;}
.nfy .nfyl{display: flex;flex-direction: column;align-items: flex-start;}
.nfy .nfyl a{ float:left; width:100%; color:#121212;font-size: 18px;line-height: 44px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.nfy .nfyl a span{ color:#666;}
.nfy .nfyl a:hover{ color:#cc0000;}
.nfy .nfyl a:hover span{ color:#cc0000;}
.nfy .nfyr{width: 150px;height: 50px;background: #cc0000; display: flex;align-items: center;justify-content: center;}
.nfy .nfyr:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.nfy .nfyr span{font-size: 16px;color:#fff;}
.nfy .nfyr img{margin-right:16px;}
@media screen and (max-width: 1024px) {
 .nfy{ padding:20px 0;}
  .nfy .nfyl a{font-size: 14px;line-height:26px;}
  .nfy .nfyr{width: 110px;height:38px;border-radius: 20px;}
  .nfy .nfyr img{ margin-right:6px;}
  .nfy .nfyr span{font-size: 14px;}
  .nfy .nfyl{width: calc(100% - 120px);}

}


.CaseD{ margin-bottom:-59px;}
.CaseD .img{ float:left; width:100%; line-height:0;}
.CaseD .img .li{ float:left; width:100%; line-height:0; position:relative;}
.CaseD .img .slick-dots{ bottom:45px;
flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}
.CaseD .img .slick-dots li{ margin:0 10px; width:16px; height:16px; background:#c2c2c2;}
.CaseD .img .slick-dots li.slick-active{ background:#cc0000;}
.CaseD .title{ float:left; width:100%; font-size:30px; line-height:40px; color:#000000; margin:62px 0 40px 0;}
.CaseD .text{ float:left; width:100%; border:1px #dddddd solid; margin-bottom:78px; }
.CaseD .text ul{ float:left; width:100%; position:relative; padding-left:140px; }
.CaseD .text ul li{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; padding:15px 30px; border-bottom:1px solid  #dddddd; }
.CaseD .text ul li:first-child{ font-size:18px; color:#fff; width:140px; background:#cc0000; position:absolute; left:0; top:0; height:100%;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; border-bottom:1px solid  rgba(255,255,255,0.33); padding:0 !important;}
.CaseD .text ul:last-child li{ border-bottom:none !important;}

.CaseD .casecon{ float:left; width:100%; margin-bottom:78px; color:#666666; font-size:16px; line-height:30px;}

.CaseD .img .paly{ float:left; width:80px; height:80px; content:''; cursor:pointer; position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:6; cursor:pointer;}


@media screen and (max-width: 1024px) {
.CaseD{ margin-bottom:-20px;}
.CaseD .img .slick-dots{ bottom:15px;}
.CaseD .img .slick-dots li{ margin:0 5px; width:12px; height:12px;}
.CaseD .title{ font-size:18px; line-height:28px; margin:20px 0 15px 0;}
.CaseD .text{ margin-bottom:25px;}
.CaseD .text ul{ padding-left:82px;}
.CaseD .text ul li{ font-size:14px; line-height:24px; padding:12px 15px;}
.CaseD .text ul li:first-child{ font-size:15px; width:82px;}

.CaseD .casecon{ margin-bottom:25px; font-size:14px; line-height:24px;}

.About .img .paly{ width:40px; height:40px; background-size:24px 24px;}

}


.ProductA{ margin-top:-15px; margin-bottom:32px;}
.ServiceHelp{ float:left; width:100%; margin:40px 0 64px 0;}
.ServiceHelp ul{flex-wrap:wrap; display: flex; margin:-15px;}
.ServiceHelp li{ float:left; width:33.33%; padding:15px;}
.ServiceHelp li a{ float:left; width:100%; position:relative; min-height:100%; box-shadow:0 14px 21px rgba(205,205,205,0.23);}
.ServiceHelp li a .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.ServiceHelp li a .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.ServiceHelp li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ServiceHelp li a h4{ float:left; max-width:100%; position:relative; top:0; margin-top:-24px; padding:10px 22px; background:#cc0000; color:#fff; font-size:18px; line-height:28px;}
.ServiceHelp li a h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:32px; padding:27px 22px 45px 22px;}

.problem{ float:left; width:100%; margin-top:55px; }
.problem ul{ float:left; width:100%; }
.problem ul li{ float:left; width:100%; position:relative; z-index:3; border:2px solid #fff; padding:0 7.1% 0 3.3%; margin-top:-3px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.problem ul li::after,
.problem ul li::before{ opacity:0; float:left; width:41px; height:41px; position:absolute; z-index:2; content:''; 
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.problem ul li::after{ top:-2px; left:-2px;border-top:2px solid #cc0000; border-left:2px solid #cc0000;}
.problem ul li::before{ bottom:-2px; right:-2px;border-bottom:2px solid #cc0000; border-right:2px solid #cc0000;}
.problem ul li .top{ float:left; width:100%; color:#222222; cursor:pointer; font-size:20px; line-height:34px; position:relative; padding:40px 28px 40px 82px; }
.problem ul li .top::before{ float:left; width:16px; height:16px; content:''; position:absolute; right:0; top:45px; transform:rotate(45deg); -ms-transform:rotate(45deg); border-bottom:1px solid #999999; border-right:1px solid #999999;}
.problem ul li .top:after{ float:left;width:-webkit-calc(100% - 82px); width:-moz-calc(100% - 82px); width:calc(100% - 82px); height:1px; content:''; position:absolute; left:82px; bottom:0; background:#dddddd;}
.problem ul li .top span{ float:left; width:44px; line-height:44px; border-radius:50%; background:#cc0000; color:#fff; font-size:18px; font-weight:bold; position:absolute; left:0;top:37px; text-align:center;}
.problem ul li .down{ display:none;  float:left; width:100%; color:#222222; position:relative; font-size:16px; line-height:30px; padding:28px 28px 28px 82px; }
.problem ul li .down .span{ float:left; width:44px; line-height:30px; color:#333333; font-size:18px; font-weight:bold; position:absolute; left:0;top:28px; text-align:center;}

.problem ul li.active{ border:2px solid #dddddd; z-index:4;}
.problem ul li.active::after,
.problem ul li.active::before{ opacity:1;}
.problem ul li.active .top::before{ top:55px; transform:rotate(225deg); -ms-transform:rotate(225deg);}


@media screen and (max-width: 1024px) {
.ProductA{ margin-top:0; margin-bottom:10px;}
.ServiceHelp{ margin:20px 0 25px 0;}
.ServiceHelp ul{ margin:-8px;}
.ServiceHelp li{ padding:8px;}
.ServiceHelp li a{  box-shadow:0 4px 12px rgba(205,205,205,0.23);}
.ServiceHelp li a h4{ font-size:16px; line-height:26px; padding:6px 12px;}
.ServiceHelp li a h6{ font-size:14px; line-height:24px; padding:12px 12px 20px 12px;}

.problem{ margin-top:20px;}
.problem ul li{ padding:0 12px; }
.problem ul li .top{ font-size:16px; line-height:26px; padding:14px 18px 14px 36px;}
.problem ul li .top::before{ width:8px; height:8px; top:22px;}
.problem ul li .top:after{ width:-webkit-calc(100% - 36px); width:-moz-calc(100% - 36px); width:calc(100% - 36px); left:36px; }
.problem ul li .top span{ width:26px; line-height:26px; font-size:14px; top:14px;}
.problem ul li .down{ font-size:14px; line-height:24px; padding:14px 4px 14px 36px;}
.problem ul li .down .span{ width:26px; line-height:24px; font-size:14px; top:14px;}
.problem ul li.active .top::before{ top:26px;}
.problem ul li::after,
.problem ul li::before{ width:21px; height:21px;}
}
@media screen and (max-width: 767px) {
.ServiceHelp li{ width:100%;}

}


._mapbox{ float:left; width: 100%;height:394px; color:#333333;font-size: 14px;line-height:24px;}
.BMap_pop{display:none !important;}
.BMap_shadow{display:none !important;}
.BMapLabel{ display:none !important; border:none; padding:0;}
.contact{ float:left; width:100%; box-shadow:0 8px 24px rgba(196,196,196,0.31); padding:39px 4.9% 41px 4.9%; margin-bottom:76px;}
.contact ul{ float:left; width:100%; margin-bottom:41px;}
.contact ul li{ float:left; width:100%; position:relative; min-height:49px; padding-left:74px; color:#333333; font-size:16px; line-height:26px;flex-wrap:wrap; display: flex; align-items: center; margin-bottom:28px;}
.contact ul li img{ position:absolute; left:0; top:0; max-width:none; height:49px;}
.inTitle{ float:left; width:100%; position:relative; color:#121212; font-size:30px; line-height:40px; padding-bottom:29px;}
.inTitle::after{ float:left; width:40px; height:3px; position:absolute; left:0; bottom:0; content:''; background:#cc0000;}
._form{ float:left; width:100%; margin-top:16px; margin-bottom:-37px;flex-wrap:wrap; display: flex; justify-content: space-between;}
._form .lab{ float:left; width:47%; position:relative; margin-top:20px;flex-wrap:wrap; display: flex;  align-items: flex-end;}
._form .w100{ float:left; width:100%;}
._form .text{ float:left; cursor:pointer; width:100%; color:#666666; font-size:16px; line-height:30px; height:58px; padding:14px 0; border-bottom:1px solid #dcdcdc;}
/*._form .text:focus{ border-bottom:1px solid #cc0000;}*/
._form .submit{ float:left; width:100%; color:#fff; font-size:16px; line-height:44px; height:44px; margin-top:23px; border:none; background:#cc0000;}
._form .yanzhengma{ position:absolute; float:right; right:20px; bottom:1px; width:102px; height:44px;}
._form .checkbox{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:17px;  align-items: center;}
._form .checkbox a{ color:#666666;}
._form .checkbox a:hover{ color:#cc0000;}
._form .checkbox input{ margin:0 9px 0 0;}
._form .checkbox  input[type="checkbox"]{ position:relative; width:18px; height:18px; display: inline-block; text-align: center;vertical-align: top; line-height:16px;}
._form .checkbox  input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:100%;height: 100%;border: 1px solid #999999}
._form .checkbox  input[type="checkbox"]:checked::before{content: "\2713";background-color: #cc0000;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #cc0000;color:#fff;font-size:12px;font-weight: bold;}

@media screen and (max-width: 1024px) {
._mapbox{ height:350px;}
.contact{ margin-bottom:25px; box-shadow:0 4px 12px rgba(196,196,196,0.31); padding:20px 15px 20px 15px;}
.contact ul{ margin-bottom:15px;}
.contact ul li{  min-height:49px; padding-left:70px; font-size:14px; line-height:25px; margin-bottom:15px;}
.inTitle{ font-size:18px; line-height:28px; padding-bottom:12px;}
._form{ margin-bottom:5px; margin-top:10px;}
._form .lab{ margin-top:5px;}
._form .text{ font-size:14px; line-height:30px; height:44px; padding:7px 0;}
._form .submit{ font-size:14px; height:39px; line-height:39px; margin-top:10px;}
._form .checkbox{ margin-top:15px; font-size:14px;}
._form .lab1{ width:100%;}
._form .yanzhengma{ right:0;}

}
@media screen and (max-width: 767px) {
._form .submit{ width:100%;}
._form .checkbox{ justify-content:flex-start;}
}


.pordDet{ margin-bottom:39px;}
.pordDet .img{ float:left; width:100%; line-height:0; position:relative;}
.pordDet .img .li{ float:left; width:100%; line-height:0; position:relative;}
.pordDet .img video{ float:left; width:100%; position:relative; height:100%;object-fit: fill;}
.pordDet .img .paly{ cursor:pointer; float:left; width:80px; height:80px; content:''; cursor:pointer; position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:6;}
.pordDet .img .slick-dots{ bottom:66px; flex-wrap:wrap; display: flex; align-items: center;  justify-content:flex-end; padding:0 12%;}
.pordDet .img .slick-dots li{ margin:0 10px; width:16px; height:16px; background:#c2c2c2;}
.pordDet .img .slick-dots li.slick-active{ background:#cc0000;}
.pordDet .title{ float:left; width:100%; font-size:30px; line-height:40px; color:#000000; margin:60px 0 0 0;}
.pordDet .title1{ float:left; width:100%; font-size:18px; line-height:45px; color:#fff; margin-top:70px; border-bottom:1px solid #cc0000;}
.pordDet .title1 span{ float:left; position:relative; background:#cc0000; padding:0 27px 0 41px;}
.pordDet .title1 span:after{ float:left; width:4px; height:16px; background:#fff; position:absolute; left:20px; top:15px; content:'';}
.pordDet .text{ float:left; width:100%; font-size:16px; line-height:36px; color:#555555; margin-top:30px;}
.pordDet .tab{ float:left; width:100%; position:relative; font-size:16px; line-height:24px; color:#555555;text-align:center; word-break:break-all; margin-top:12px;}

.pordDet .tab ul{ float:left; width:100%; position:relative;border:1px solid #dddddd; border-top:none;flex-wrap:wrap; display: flex;align-items: center;  justify-content:center;}
.pordDet .tab ul li{ float:left; width:25%; padding:12px 5px; line-height:24px;}
.pordDet .tab::after,
.pordDet .tab::before,
.pordDet .tab dl::after,
.pordDet .tab ul::after{ float:left; width:1px; height:100%; content:''; position:absolute; top:0; background:#dddddd; z-index:4;}
.pordDet .tab:after{ left:22.2%; }
.pordDet .tab:before{ right:21.4%; }
.pordDet .tab dl::after,
.pordDet .tab ul::after{ left:48.9%;}


.pordDet .tab dl dd:first-child,
.pordDet .tab ul li:first-child{ width:22.2%; }
.pordDet .tab dl dd:nth-child(2),
.pordDet .tab ul li:nth-child(2){ width:26.7%; }
.pordDet .tab dl dd:nth-child(3),
.pordDet .tab ul li:nth-child(3){ width:29.7%; }
.pordDet .tab dl dd:nth-child(4),
.pordDet .tab ul li:nth-child(4){ width:21.4%; }


.pordDet .tab ul.dl{ float:left; width:100%; position:relative; background:#eab2b1;flex-wrap:wrap; display: flex;align-items: center;  justify-content:center;}
.pordDet .tab ul.dl li{ float:left; width:25%; color:#fff; line-height:24px; padding:8px 5px;}
.pordDet .tab ul.dl li:first-child{ width:22.2%; }
.pordDet .tab ul.dl li:nth-child(2){ width:26.7%; }
.pordDet .tab ul.dl li:nth-child(3){ width:29.7%; }
.pordDet .tab ul.dl li:nth-child(4){ width:21.4%; }

@media screen and (max-width: 1024px) {
.pordDet{ margin-bottom:10px;}
.pordDet .img .paly{ width:40px; height:40px; background-size:24px 24px;}
.pordDet .img .slick-dots{ bottom:5px; padding:0 3%;}
.pordDet .img .slick-dots li{ margin:0 5px; width:12px; height:12px;}
.pordDet .title{ font-size:18px; line-height:28px; margin:20px 0 0 0;}
.pordDet .title1{ font-size:16px; line-height:38px; margin-top:20px;}
.pordDet .title1 span{ padding:0 20px 0 30px;}
.pordDet .title1 span:after{ width:3px; height:14px; left:15px; top:12px;}
.pordDet .text{ font-size:14px; line-height:22px; margin-top:20px;}
.pordDet .tab{  font-size:13px; line-height:20px; margin-top:0px;}
.pordDet .tab dl dd{ line-height:20px;}
.pordDet .tab ul li{ line-height:20px;}

.pordDet .tab ul.dl li{ line-height:20px;}

}
@media screen and (max-width: 767px) {

}


.inTitle-1{ text-align:center; padding-bottom:19px;}
.inTitle-1::after{ width:24px; height:2px; left:50%; margin-left:-12px;}
.inTitle-2{ text-align:center; padding-bottom:0;}
.inTitle-2::after{ display:none;}
.inTitle-3{ position:relative; z-index:3; text-align:center;}
.inTitle-3::after{ left:50%; margin-left:-20px;}
.job{ margin-bottom:33px;}
.job .box1{ float:left; width:100%; background:#f7f8fa; padding:54px 4.7% 59px 4.7%; margin-bottom:79px;}
.job .box1 .text{ float:left; width:100%; margin-top:26px; color:#666666; font-size:16px; line-height:36px;}
.job .box2{ float:left; width:100%; margin-top:59px; color:#666666; font-size:16px; line-height:36px;}
.job .box2 .hd{ float:left; width:160px; margin-right:3%;}
.job .box2 .hd ul{ float:left; width:100%;}
.job .box2 .hd li{ float:left; width:100%; margin-bottom:12px; color:#fff; font-size:18px; line-height:30px; background:#adadad; padding:13px 8px; text-align:center; cursor:pointer;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.job .box2 .hd li.actve{ background:#cc0000;}
.job .box2 .bd{ float:left; width:-webkit-calc(97% - 160px); width:-moz-calc(97% - 160px); width:calc(97% - 160px); box-shadow:0 14px 35px rgba(199,199,199,0.23);}
.job .box2 .bd .li{ float:left; width:100%; display:none;}
.job .box2 .bd .li.actve{ display:block;}
.job .box2 .bd .top{ float:left; width:100%; background:#cc0000; position:relative; padding:13px 4.6%; color:#fff; font-size:18px; line-height:30px; }
.job .box2 .bd .top::after{ float:left; width:0; height:0; content:''; position:absolute; right:100%; top:50%; margin:-5px -1px 0 0; border-top:8px solid transparent; border-bottom:8px solid transparent;border-right:9px solid #cc0000; }
.job .box2 .bd .top span{ float:right;}
.job .box2 .bd .down{ float:left; width:100%; padding:13px 6.4% 48px 6.4%;}
.job .box2 .bd .t{ float:left; width:100%; color:#333333; line-height:38px; font-size:18px;}
.job .box2 .bd .p{ float:left; width:100%;}
.job .box2 .bd .btn{ float:left; width:100%; margin-top:27px; color:#333333; line-height:26px;}
.job .box2 .bd .btn a{ float:left; margin-right:3.2%; width:147px; line-height:46px; background:#cc0000; text-align:center; color:#fff;}
.job .box2 .bd .btn a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.job .box2 .bd .btn span{ float:left; margin-top:10px; word-break:break-all;}

@media screen and (max-width: 1024px) {
.inTitle-1{ padding-bottom:12px;}
.job{ margin-bottom:10px;}
.job .box1{ padding:20px 15px; margin-bottom:25px;}
.job .box1 .text{ font-size:14px; line-height:26px; margin-top:15px;}
.job .box2{ margin-top:20px; font-size:14px; line-height:26px;}
.job .box2 .hd li{ font-size:16px; line-height:28px; padding:6px 6px;}
.job .box2 .bd .top{ font-size:16px; line-height:26px; padding:7px 12px;}
.job .box2 .bd .down{ padding:13px 12px 30px 12px;}
.job .box2 .bd .li .t{ font-size:16px; line-height:28px;}
.job .box2 .bd .btn{ margin-top:15px;}
.job .box2 .bd .btn a{ width:100px; line-height:36px; margin-right:15px;}
.job .box2 .bd .btn span{ margin-top:5px;}
}
@media screen and (max-width: 767px) {
.job .box2 .hd{ width:100%; margin-right:0;}
.job .box2 .hd li{ margin-bottom:1px;}
.job .box2 .bd{ width:100%; margin-top:20px;}
.job .box2 .bd .btn{flex-wrap:wrap; display: flex;flex-wrap:wrap-reverse;}
.job .box2 .bd .btn span{ width:100%; }
.job .box2 .bd .btn font{ display:block;}
.job .box2 .bd .btn a{ margin:15px 0 0 0;}
}


.Scheme{}
.Scheme .cont{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin-top:22px;}
.Scheme .form{ float:left; width:100%; margin:0 0 80px 0;}
.Scheme .form .tit1{ float:left; width:100%;color:#333333; font-size:18px; line-height:28px; margin-top:12px;}
.Scheme .form .tab{ float:left; width:100%; margin:28px 0 14px 0; color:#333333; font-size:16px;}
.Scheme .form .tab ul{ float:left; width:100%;flex-wrap:wrap; display: flex; margin-bottom:9px;}
.Scheme .form .tab ul li{ float:left; position:relative; line-height:26px;}
.Scheme .form .tab ul .li1{ width:280px; background:#f5f5f5; border:1px solid #dddddd; border-right:none; text-align:center; padding:6px;}
.Scheme .form .tab ul .li2{width:-webkit-calc(100% - 280px); width:-moz-calc(100% - 280px); width:calc(100% - 280px);}
.Scheme .form .tab ul .li3{width:-webkit-calc(61% - 295px); width:-moz-calc(61% - 295px); width:calc(61% - 295px);}
.Scheme .form .tab ul .li4{ width:39%; margin-left:15px;}
.Scheme .form .tab ul .li4::after{ float:left; width:10px; height:10px; content:''; position:absolute;border-bottom:1px solid #a1a1a1; border-right:1px solid #a1a1a1; transform:rotate(45deg); -ms-transform:rotate(45deg); right:26px; top:12px; }
.Scheme .form .text{ float:left; cursor:pointer; width:100%; color:#999999; font-size:16px; line-height:28px; height:40px; padding:5px 26px; border:1px solid #cccccc;}
.Scheme .form .tab ul .li4 .text{ padding-right:40px;}
.Scheme .form .btn{ float:left; width:100%;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; margin-top:25px;}
.Scheme .form .submit{ float:left; width:44.6%; color:#fff; font-size:16px; line-height:44px; height:44px; border:none; background:#cc0000;}
.Scheme .form .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.Scheme .form .yanzhengma{ position:absolute; float:right; right:1px; bottom:1px; width:88px; height:38px;}
.Scheme .form .checkbox{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:17px;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}
.Scheme .form  .checkbox a{ color:#666666;}
.Scheme .form .checkbox a:hover{ color:#cc0000;}
.Scheme .form .checkbox input{ margin:0 9px 0 0;}
.Scheme .form .checkbox  input[type="checkbox"]{ position:relative; width:18px; height:18px; display: inline-block; text-align: center;vertical-align: top; line-height:16px;}
.Scheme .form .checkbox  input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:100%;height: 100%;border: 1px solid #999999}
.Scheme .form .checkbox  input[type="checkbox"]:checked::before{content: "\2713";background-color: #cc0000;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #cc0000;color:#fff;font-size:12px;font-weight: bold;}
.Scheme .form .tab dl{ display:none; float:left; width:100%; position:absolute; left:0; top:100%; z-index:5; background:#fff; border:1px solid #cccccc; box-shadow:5px 5px 10px rgba(0,0,0,0.2); margin-top:-1px; padding:10px 0;}
.Scheme .form .tab dl dd{ float:left; width:100%; color:#666; font-size:16px; line-height:28px; cursor:pointer; padding:0 26px;}
.Scheme .form .tab dl dd:hover{ color:#cc0000;}

@media screen and (max-width: 1500px) {
.Scheme .form .text{ padding:5px 15px;}
.Scheme .form .tab ul .li4::after{ right:15px;}
.Scheme .form .tab ul .li4 .text{ padding-right:30px;}
.Scheme .form .tab dl dd{ padding:0 15px;}
}
@media screen and (max-width: 1024px) {
.Scheme .cont{ margin-top:15px; font-size:14px; line-height:26px;}
.Scheme .form{ margin:0 0 25px 0;}
.Scheme .form .tit1{ font-size:16px; line-height:26px; margin-top:10px;}
.Scheme .form .tab{ margin:15px 0 0 0; font-size:14px;}
.Scheme .form .tab ul li{ line-height:24px;}
.Scheme .form .tab ul .li1{ width:240px;}
.Scheme .form .tab ul .li2{width:-webkit-calc(100% - 240px); width:-moz-calc(100% - 240px); width:calc(100% - 240px);}
.Scheme .form .tab ul .li3{width:-webkit-calc(61% - 255px); width:-moz-calc(61% - 255px); width:calc(61% - 255px);}
.Scheme .form .tab ul .li4::after{ right:12px;}
.Scheme .form .text{ font-size:14px; padding:5px 12px;}
.Scheme .form .submit{ line-height:40px; height:40px; font-size:14px;}
.Scheme .form .checkbox{ font-size:14px; line-height:24px;}
.Scheme .form .tab dl dd{ font-size:14px; line-height:26px; padding:0 12px;}

}
@media screen and (max-width: 767px) {
.Scheme .form .text{ padding:5px 15px;}
.Scheme .form .tab ul .li1{ width:100%; border-right:1px solid #dddddd;}
.Scheme .form .tab ul .li2{ width:100%;}
.Scheme .form .tab ul .li3{ width:100%;}
.Scheme .form .tab ul .li4{ width:100%; margin:-1px 0 0 0;}
}


.twoWay{ float:left; width:100%; margin:56px 0 74px 0;}
.twoWay ul{flex-wrap:wrap; display: flex; margin:-20px;}
.twoWay li{ float:left; width:50%; padding:20px;}
.twoWay li a{ float:left; width:100%; position:relative; min-height:100%;}
.twoWay li a .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.twoWay li a .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.twoWay li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.twoWay li a .text{ float:left; width:89%; position:relative; top:0; margin:-17.4% 5.5% 0 5.5%; background:#fff; z-index:3; box-shadow:0 14px 35px rgba(220,220,220,0.23); padding:32px 7.7%  30px 7.7%;}
.twoWay li a h4{ text-align:left;}
.twoWay li a h6{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; margin-top:18px;}
.inText{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin-top:20px;}
.Zone1{ float:left; width:100%; flex-wrap:wrap; display: flex; align-items: center;  justify-content:space-between;flex-direction:row-reverse; margin-top:55px;}
.Zone1 .cont{ float:left; width:47.3%;}
.Zone1 .img{ float:left; line-height:0; width:48.2%;}
.Zone2{float:left; width:100%; margin-top:27px;}
.Zone2 .li{float:left; width:100%; flex-wrap:wrap; display: flex; align-items: center;  justify-content:space-between; margin-top:31px;}
.Zone2 .li:nth-child(2n){flex-direction:row-reverse;}
.Zone2 .cont{ float:left; width:46.4%;}
.Zone2 .inText{ line-height:30px; margin-top:23px;}
.Zone2 .img{ float:left; line-height:0; width:46.4%;}
.Zone3{float:left; width:100%; position:relative; padding:56px 5% 115px 5%; margin-top:50px;}
.Zone3::after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#00000c; opacity:0.57; z-index:1;}
.Zone4{ float:left; width:92%; position:relative; top:0; margin:-84px 4% 57px 4%; background:#fff; z-index:3; box-shadow:0 14px 35px rgba(220,220,220,0.23); padding:37px 6.2%; color:#666666; font-size:16px; line-height:24px;}

@media screen and (max-width: 1500px) {
.inText{ font-size:14px; line-height:26px; margin-top:15px;}
.Zone1 .inTitle{ padding-bottom:15px;}
.Zone2 .inText{ line-height:26px; margin-top:15px;}
.Zone2 .inTitle{ padding-bottom:15px;}
.Zone2 .cont{ width:47%;}
.Zone2 .img{ width:47%;}
}

@media screen and (max-width: 1024px) {
.twoWay{ margin:20px 0 25px 0;}
.twoWay ul{ margin:-8px;}
.twoWay li{ padding:8px;}
.twoWay li a .text{  box-shadow:0 4px 12px rgba(205,205,205,0.23); padding:15px 12px;}
.twoWay li a h6{ font-size:14px; line-height:24px; margin-top:6px;}
.inText{ font-size:14px; line-height:24px; margin-top:15px;}
.Zone1{ margin-top:20px;}
.Zone2{ margin-top:0;}
.Zone2 .li{ margin-top:20px;}
.Zone2 .inText{ line-height:24px; margin-top:15px;}
.Zone3{ padding:40px 15px 80px 15px; margin-top:20px;}
.Zone4{ font-size:14px; padding:20px 15px; margin:-60px 4% 20px 4%;}

}
@media screen and (max-width: 767px) {
.twoWay li{ width:100%;}
.Zone1 .cont{ width:100%; margin-top:15px;}
.Zone1 .img{ width:100%;}

.Zone2 .cont{ width:100%; margin-top:15px;}
.Zone2 .img{ width:100%;}
}


._form1{ float:left; width:100%; margin-top:7px; margin-bottom:59px;flex-wrap:wrap; display: flex; justify-content: space-between;}
._form1 .lab{ float:left; width:48.75%; position:relative; margin-top:18px; display: flex; border-bottom:1px solid #dcdcdc;}
._form1 h5{ float:left; color:#666666; font-size:16px; line-height:58px; white-space:nowrap; margin-right:6px;}
._form1 h5 span{ color:#cc0000;}
._form1 .text{ float:left; cursor:pointer; width:100%; color:#999999; font-size:16px; line-height:30px; height:58px; padding:14px 0;}
._form1 .submit{ float:left; width:44.6%; color:#fff; font-size:16px; line-height:44px; height:44px; border:none; background:#cc0000;}
._form1 .yanzhengma{ position:absolute; float:right; right:20px; bottom:1px; width:130px; height:54px;}
._form1 .btn{ float:left; width:100%;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; margin-top:38px;}
._form1 .checkbox{ float:left; width:100%; color:#666666;flex-wrap:wrap; display: flex; align-items: center; justify-content:center; font-size:16px; line-height:26px; margin-top:17px; }
._form1 .checkbox a{ color:#666666;}
._form1 .checkbox a:hover{ color:#cc0000;}
._form1 .checkbox input{ margin:0 9px 0 0;}
._form1 .checkbox  input[type="checkbox"]{ position:relative; width:18px; height:18px; display: inline-block; text-align: center;vertical-align: top; line-height:16px;}
._form1 .checkbox  input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:100%;height: 100%;border: 1px solid #999999}
._form1 .checkbox  input[type="checkbox"]:checked::before{content: "\2713";background-color: #cc0000;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #cc0000;color:#fff;font-size:12px;font-weight: bold;}
._form1 .file{ cursor:pointer; float:left; display: flex; align-items: center; color:#999999; font-size:16px; line-height:22px; height:58px; overflow:hidden; margin:0 5.4%;}
._form1 .file input{ position:absolute; left:0; top:0; float:left; width:100%; height:100%; opacity:0; cursor:pointer;}
._form1 .file img{ max-width:none; height:34px; margin-right:10px;}
._form1 h6{ float:left; display: flex; align-items: center; color:#999999; font-size:16px; line-height:22px; height:58px;}
._form1 h6 img{ max-width:none; height:23px; margin-right:6px;}
@media screen and (max-width: 1500px) {
._form1 .file{ margin:0 3%; font-size:14px;}
._form1 .file img{ margin-right:5px;}
._form1 h6{ font-size:14px;}
._form1 h6 img{ margin-right:3px;}
}
@media screen and (max-width: 1340px) {
._form1 .lab1{ width:100%;}
}
@media screen and (max-width: 1024px) {
._form1{ margin-bottom:20px; margin-top:10px;}
._form1 .lab{ margin-top:5px;}
._form1 h5{ font-size:14px; line-height:44px;}
._form1 .text{ font-size:14px; line-height:30px; height:44px; padding:7px 0;}
._form1 .submit{ font-size:14px; height:39px; line-height:39px;}
._form1 .btn{ margin-top:20px;}
._form1 .checkbox{ margin-top:15px; font-size:14px;}
._form1 .yanzhengma{ right:0; width:96px; height:40px;}
._form1 .file{ height:44px;}
._form1 h6{ height:44px;}
}
@media screen and (max-width: 767px) {
._form1 .lab1{flex-wrap:wrap;}
._form1 .submit{ width:100%;}
._form1 .checkbox{ justify-content:flex-start;}
._form1 .file{ margin:0 15px;}
._form1 h6{ width:100%;}
}


.messageP{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:22; background:rgba(0,0,0,0.4);}
.messageP .tit{ float:left; width:100%; position:relative; z-index:3; text-align:center; color:#121212; font-size:24px; line-height:34px; padding-bottom:26px;}
.messageP .tit::after{ float:left; width:24px; height:2px; position:absolute; left:50%; margin-left:-12px; bottom:0; content:''; background:#cc0000;}
.messageP .cont{ float:left; background:url(../_im_g/ico15.png) center no-repeat #fff; background-size:cover; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:702px; padding:47px  40px;}
.messageP .cont:after{ float:left; width:-webkit-calc(100% - 44px); width:-moz-calc(100% - 44px); width:calc(100% - 44px);  height:-webkit-calc(100% - 44px); height:-moz-calc(100% - 44px); height:calc(100% - 44px); content:''; position:absolute; left:22px; top:22px; border:1px dashed #f1baba;}
.messageP .colse{ width:21px; height:21px; line-height:0; position:absolute; right:39px; top:37px; z-index:6;}
._form2{ float:left; width:100%; position:relative; z-index:3; margin-top:16px; flex-wrap:wrap; display: flex; justify-content: space-between; margin-top:-10px;}
._form2 .lab{ float:left; width:47%; position:relative; margin-top:20px;flex-wrap:wrap; display: flex;  align-items: flex-end;}
._form2 .w100{ float:left; width:100%;}
._form2 .text{ float:left; cursor:pointer; width:100%; color:#666666; font-size:16px; line-height:30px; height:58px; padding:14px 0; border-bottom:1px solid #dcdcdc;}
/*._form2 .text:focus{ border-bottom:1px solid #cc0000;}*/
._form2 .submit{ float:left; width:100%; color:#fff; font-size:16px; line-height:44px; height:44px; margin-top:23px; border:none; background:#cc0000;}
._form2 .yanzhengma{ position:absolute; float:right; right:1px; bottom:1px; width:102px; height:44px;}
._form2 .checkbox{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:26px;  align-items: center;}
._form2 .checkbox a{ color:#666666;}
._form2 .checkbox a:hover{ color:#cc0000;}
._form2 .checkbox input{ margin:0 9px 0 0;}
._form2 .checkbox  input[type="checkbox"]{ position:relative; width:18px; height:18px; display: inline-block; text-align: center;vertical-align: top; line-height:16px;}
._form2 .checkbox  input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:100%;height: 100%;border: 1px solid #999999}
._form2 .checkbox  input[type="checkbox"]:checked::before{content: "\2713";background-color: #cc0000;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #cc0000;color:#fff;font-size:12px;font-weight: bold;}

@media screen and (max-width: 1024px) {
.messageP .tit{ font-size:18px; line-height:28px; padding-bottom:12px;}
.messageP .cont{ width:90%; padding:30px 25px;}
.messageP .cont:after{ width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);  height:-webkit-calc(100% - 20px); height:-moz-calc(100% - 20px); height:calc(100% - 20px);  left:10px; top:10px; }
.messageP .colse{ right:20px; top:20px; }
._form2{ margin-top:0;}
._form2 .lab{ margin-top:5px;}
._form2 .text{ font-size:14px; line-height:30px; height:44px; padding:7px 0;}
._form2 .submit{ font-size:14px; height:39px; line-height:39px; margin-top:10px;}
._form2 .checkbox{ margin-top:15px; font-size:14px;}
._form2 .lab1{ width:100%;}
._form2 .yanzhengma{ right:0;}

}
@media screen and (max-width: 767px) {
._form2 .lab1{ width:100%;}

}


.jianliP{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:22; background:rgba(0,0,0,0.4);}
.jianliP .tit{ float:left; width:100%; position:relative; z-index:3; text-align:center; color:#121212; font-size:24px; line-height:34px; padding-bottom:26px;}
.jianliP .tit::after{ float:left; width:24px; height:2px; position:absolute; left:50%; margin-left:-12px; bottom:0; content:''; background:#cc0000;}
.jianliP .cont{ float:left; background:url(../_im_g/ico15.png) left center no-repeat #fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:386px; padding:50px  40px 59px 40px;}
.jianliP .cont:after{ float:left; width:-webkit-calc(100% - 44px); width:-moz-calc(100% - 44px); width:calc(100% - 44px);  height:-webkit-calc(100% - 44px); height:-moz-calc(100% - 44px); height:calc(100% - 44px); content:''; position:absolute; left:22px; top:22px; border:1px dashed #f1baba;}
.jianliP .colse{ width:21px; height:21px; line-height:0; position:absolute; right:33px; top:56px; z-index:6;}
._form3{ margin-top:0;}
._form3 .lab{ width:100%; margin-top:10px;}
._form3 .submit{ margin-top:18px;}
._form3 .down{ display:none; float:left; width:100%; position:absolute; left:0; top:100%; z-index:5; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.2); margin-top:-1px; padding:10px 0;}
._form3 .down dd{ float:left; width:100%; color:#666; font-size:14px; line-height:26px; cursor:pointer; padding:0 15px;}
._form3 .down dd:hover{ color:#cc0000;}
._form3 .zhiwei::after{ float:left; width:10px; height:10px; content:''; position:absolute;border-bottom:1px solid #a1a1a1; border-right:1px solid #a1a1a1; transform:rotate(45deg); -ms-transform:rotate(45deg); right:4px; top:22px; }
._form3 .file{ cursor:pointer; float:left; position:relative; border:1px solid #dddddd; color:#666666; font-size:16px; line-height:26px; text-align:center; width:74px; height:76px; overflow:hidden; margin-top:17px; padding-top:38px;}
._form3 .file::after,
._form3 .file::before{ float:left; content:''; position:absolute; background:#666666;}
._form3 .file::after{ width:14px; height:2px; left:29px; top:24px;}
._form3 .file::before{ width:2px; height:14px; left:35px; top:18px;}
._form3 .file img{ position:absolute; left:0; top:0; float:left; width:100%; height:100%; cursor:pointer;}




@media screen and (max-width: 1024px) {
.jianliP .tit{ font-size:18px; line-height:28px; padding-bottom:12px;}
.jianliP .cont{ padding:30px 25px;}
.jianliP .cont:after{ width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);  height:-webkit-calc(100% - 20px); height:-moz-calc(100% - 20px); height:calc(100% - 20px);  left:10px; top:10px; }
.jianliP .colse{ right:20px; top:20px; }
._form3 .zhiwei::after{  right:4px; top:16px; }
._form3 .file{ font-size:14px; line-height:24px; width:70px; height:64px; padding-top:30px;}
._form3 .file::after{ width:14px; height:2px; left:27px; top:18px;}
._form3 .file::before{ width:2px; height:14px; left:33px; top:12px;}

}

@media screen and (max-width: 767px) {
.jianliP .cont{ width:90%;}

}




.block1_dw{float:left; width:100%; position:relative; margin-top:-140px; z-index:-1; height:140px;}
.block2_dw{float:left; width:100%; position:relative; margin-top:-140px; z-index:-1; height:140px;}

@media screen and (max-width: 767px) {
.head{width: 100%;position: initial;background:#fff !important; box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.head.on{ position:fixed; }
}

.newdl .ndefun .nfun1{position:relative;}
.newdl .ndefun .nfun1 a.bshare-weixin{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}

.bsBox,
.bsBox *{box-sizing:content-box;}


@media screen and (max-width: 767px) {
.head{width: 100%;position: initial;background:#fff !important; box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.head.on{ position:fixed; }
}





/*20230222start*/
@media screen and (max-width: 1024px) {
.messageP .cont{ width:700px;}
}
@media screen and (max-width: 767px) {
.messageP .cont{ width:320px;}
}









/*20230222end*/