@charset "utf-8";
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0;padding: 0;}

LI, UL { list-style-type:none;}
body {  background:#fff; font-size:14px; color:#000; font-family:"微软雅黑"}
IMG {BORDER - TOP - WIDTH: 0;BORDER - LEFT - WIDTH: 0;BORDER - BOTTOM - WIDTH: 0;BORDER - RIGHT - WIDTH: 0}
figure{padding:0; margin:0}
@font-face {
  font-family:impact;
  src: url("../fonts/impact.ttf")  format(".ttf"),

}
@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('../fonts/iconfont.ttf') format('truetype');
}
@font-face {
  font-family: "SourceHanSansCN-Light"; /* Project id  */
  src: url('../fonts/SourceHanSansCN-Light.ttf') format('truetype');
}
@font-face {
  font-family: "SourceHanSansCN-ExtraLight"; /* Project id  */
  src: url('../fonts/SourceHanSansCN-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: "dincond-regular"; /* Project id  */
  src: url('../fonts/dincond-regular.otf') format('truetype');
}

 /* 引用字体 */
 @font-face {
	font-family: 'DIN'; 
  src: url("../fonts/DIN-Medium.eot"); /* IE9 */
  src: url("../fonts/DIN-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  
  url("../fonts/DIN-Medium.woff") format("woff"), /* chrome、firefox */
  url("../fonts/DIN-Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  
  url("../fonts/DIN-Medium.svg#DIN-Medium") format("svg"); /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;

}

.fz { margin:0 auto; width:95%; max-width:1600px;}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
a { text-decoration:none;color:#da251d;}
a:hover{ color:#333333;}
img { border:0;}
.index_height { width:100%; height:1000px;}
.index_heightz_z { margin:50px auto 0; height:300px; background:#CCC}
.iconfont::before { font-family: "iconfont" !important;  font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:block; position:absolute; display:block;}

#goTopBtn {
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT:70px; background:#da251d; color:#fff;WIDTH: 50px; BOTTOM: 20px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto; z-index:999999;}
#goTopBtn:hover{  background:#333333 ; } 
#goTopBtn::before {   content: "\f0117"; right:0; top:20px; line-height:20px; color:#fff; font-size:25px; width:30px; height:30px; text-align:center; position:absolute; left:10px; top:5px;  } 


.top1 { padding-top:100px; text-align:center}
.top2 { padding-top:80px;}
.t1 { font-size:40px; color:#333333; font-weight:500;} 
.p1{font-size: 16px;  color: #888888;margin-top: 20px;}

 
/* ===================导航========================== */
.yapiskan{ z-index:900000000; 

  position: fixed; 
  left:0; 
  top:0; 
  width:100%; 
  transition: top .8s;
}
.gizle {
  top:-100px;height: 80px; -webkit-transition: 0.6s;-moz-transition:0.6s;transition: 0.6s;box-shadow: 1px 0 3px 0 rgba(0,0,0,.2);
}
.sabit {
  top:0;
	z-index: 999999;
}
.gizle .logo a span p { color:#000}
.gizle .index_head { background:#fff; height:80px;}
.gizle .top_head{   height:80px;}
.gizle .head_nav{   height:80px;}
.gizle .nav_z .nav ul li .f_a {line-height: 80px;color: #000;}
.gizle .logo img {   margin-top: 17px;}
.gizle .logo a span {  margin-top: 17px; font-size: 17px;}
.gizle .nav_z .nav ul .t_sort span em i {   background: #333333;}
.gizle .nav_z .nav ul .t_sort::before {  background:#ececec; height:80px;    top: -46px;}

.logo02{ display:none;}
.gizle .logo01{ display:none;}
.gizle .logo02{ display:block;}

.header { width:100%; height:100vh;}
.header .down{position:absolute;bottom:60px;margin:auto;z-index:60;padding:15px 0;width:100%;text-align:center;cursor:pointer; z-index:2} 
.header .down .bounce-up{display:inline-block;width:21px;height:36px;-webkit-animation: bounce-up 1.8s linear infinite;animation: bounce-up 1.8s linear infinite;background:url(../images/icon1.png) no-repeat;}
   @-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(10px);opacity:0.5}
         50%, 100% {-webkit-transform: translateY(0);}
         75% {-webkit-transform: translateY(-10px); opacity:0.1}
        }
 
        @keyframes bounce-up {
         25% {transform: translateY(10px);opacity:0.5}
         50%, 100% {transform: translateY(0);}
         75% {transform: translateY(-10px);opacity:0.1}
        }
 

.index_head { width:100%;  z-index:99; height:100px;    position: absolute; z-index: 99;left: 0; top: 0;}
#header_i .index_head {   position:inherit; }
#header_i .nav_z .nav ul li .f_a { color:#666666}
#header_i .nav_z .nav ul li:hover .f_a { color:#da251d}
#header_i .nav_z .nav ul li .f_a::after { background: #da251d; bottom:0;}
#header_i .fixed .nav_z .nav ul li .f_a::after {   bottom:-4px;}
#header_i .logo span p:first-child { color:#333333;}
#header_i .logo span p:last-child { color:#666666;}
#header_i .nav_z .nav ul .t_tel  { color:#666666}
#header_i .nav_z .nav ul .t_sort span {border: 1px solid #a7a7a7;}
#header_i .nav_z .nav ul .t_sort span em i{ background:#a7a7a7;}
#header_i .nav_z .nav ul .t_sort:hover span em i{ background:#fff;}

#header_i .nav_z .nav #on1 li:nth-child(2) .f_a { color:#da251d}
#header_i .nav_z .nav #on1 li:nth-child(2) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on25 li:nth-child(2) .f_a { color:#da251d}
#header_i .nav_z .nav #on25 li:nth-child(2) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on26 li:nth-child(2) .f_a { color:#da251d}
#header_i .nav_z .nav #on26 li:nth-child(2) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on27 li:nth-child(2) .f_a { color:#da251d}
#header_i .nav_z .nav #on27 li:nth-child(2) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on28 li:nth-child(2) .f_a { color:#da251d}
#header_i .nav_z .nav #on28 li:nth-child(2) .f_a::after{transform: scale(1);}


#header_i .nav_z .nav #on2 li:nth-child(3) .f_a { color:#da251d}
#header_i .nav_z .nav #on2 li:nth-child(3) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on23 li:nth-child(3) .f_a { color:#da251d}
#header_i .nav_z .nav #on23 li:nth-child(3) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on24 li:nth-child(3) .f_a { color:#da251d}
#header_i .nav_z .nav #on24 li:nth-child(3) .f_a::after{transform: scale(1);}

#header_i .nav_z .nav #on3 li:nth-child(4) .f_a { color:#da251d}
#header_i .nav_z .nav #on3 li:nth-child(4) .f_a::after{transform: scale(1);}

#header_i .nav_z .nav #on4 li:nth-child(5) .f_a { color:#da251d}
#header_i .nav_z .nav #on4 li:nth-child(5) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on29 li:nth-child(5) .f_a { color:#da251d}
#header_i .nav_z .nav #on29 li:nth-child(5) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on30 li:nth-child(5) .f_a { color:#da251d}
#header_i .nav_z .nav #on30 li:nth-child(5) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on31 li:nth-child(5) .f_a { color:#da251d}
#header_i .nav_z .nav #on31 li:nth-child(5) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on32 li:nth-child(5) .f_a { color:#da251d}
#header_i .nav_z .nav #on32 li:nth-child(5) .f_a::after{transform: scale(1);}


#header_i .nav_z .nav #on17 li:nth-child(6) .f_a { color:#da251d}
#header_i .nav_z .nav #on17 li:nth-child(6) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on18 li:nth-child(6) .f_a { color:#da251d}
#header_i .nav_z .nav #on18 li:nth-child(6) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on19 li:nth-child(6) .f_a { color:#da251d}
#header_i .nav_z .nav #on19 li:nth-child(6) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on120 li:nth-child(6) .f_a { color:#da251d}
#header_i .nav_z .nav #on120 li:nth-child(6) .f_a::after{transform: scale(1);}

#header_i .nav_z .nav #on5 li:nth-child(6) .f_a { color:#da251d}
#header_i .nav_z .nav #on5 li:nth-child(6) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on6 li:nth-child(7) .f_a { color:#da251d}
#header_i .nav_z .nav #on6 li:nth-child(7) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on7 li:nth-child(8) .f_a { color:#da251d}
#header_i .nav_z .nav #on7 li:nth-child(8) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on22 li:nth-child(8) .f_a { color:#da251d}
#header_i .nav_z .nav #on22 li:nth-child(8) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on21 li:nth-child(8) .f_a { color:#da251d}
#header_i .nav_z .nav #on21 li:nth-child(8) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on15 li:nth-child(8) .f_a { color:#da251d}
#header_i .nav_z .nav #on15 li:nth-child(8) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on9 li:nth-child(8) .f_a { color:#da251d}
#header_i .nav_z .nav #on9 li:nth-child(8) .f_a::after{transform: scale(1);}
#header_i .nav_z .nav #on8 li:nth-child(9) .f_a { color:#da251d}
#header_i .nav_z .nav #on8 li:nth-child(9) .f_a::after{transform: scale(1);}










.logo { width:25%; margin-left:4%; }
.logo img {float:left; height:50px; margin-top:20px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.logo a span { display:block; width:200px; margin-top:21px; font-size:18px; float:left; margin-left:10px;}
.logo a span p { color:#fff;}
.logo a span p{ letter-spacing:6px;}
 
 
.top_head { width:100%; height:100px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  border-bottom:1px solid rgba(255,255,255,0.1); z-index:999; }
.head_nav { width:100%; height:100px; }
.headlf { display:none;}


.top_head { width:100%; height:100px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   z-index:999; }
.fixed .top_head { background:#fff;   }
.headlf { display:none;}
.nav_z{z-index: 9999; position:relative;     }
.nav_z .nav{display: block; width:67%; margin-right:2%; text-align:right;     transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
 
.nav_z .nav .nav_pc{ width:100%;  }
.nav_z .nav ul li{ display:inline-table; margin-left:2%; text-align:center;z-index: 999;  position:relative; width:auto !important  } 
.nav_z .nav ul li:first-child{ margin-left:0} 
.nav_z .nav ul li .f_a{     line-height: 100px;position:relative;  display:block;font-size:14px;color:#fff;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; } 
.nav_z .nav ul li .f_a:hover{  color:#da251d;  } 

.nav_z .nav ul .language .f_a{ text-indent:2em;   font-family:"Arail";  } 
.nav_z .nav ul .language { position:relative; width:8% !important;   text-align:right;}
.nav_z .nav ul .search { position:relative; width:6% !important;}


 
.nav_z .nav ul li .s_navbox{     top:100px;display:none;position: absolute;left: 0;width: 140%; background:#fff;background:rgba(0,0,0,0.7);z-index: 9999;box-sizing: border-box; }
#header_i .nav_z .nav ul li .s_navbox{     top:106px;}
.fixed .nav_z .nav ul li .s_navbox{     top: 77px;}
.nav_z .nav ul li .s_navbox .s_a a{ padding:0 10px;}
.nav_z .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;padding:12px 0; border-TOP:1px solid #5c5c5c; text-align:center;} 
.nav_z .nav ul li .s_navbox .s_a a:first-child{  border-TOP:0} 
.nav_z .nav ul li .s_navbox .s_a a:last-child{ border-BOTTOM:0 }
.nav_z .nav ul li .s_navbox .s_a a:hover{color: #fff; background:#da251d;} 
.nav_z .nav ul .t_tel { color:#fff; font-size:16px; padding-left:3%;}
.fixed .nav_z .nav ul .t_tel { color:#000;  }
.nav_z .nav ul .t_sort { color:#fff; font-size:16px; position:relative; padding:0 18px; margin-left:88px;}
.nav_z .nav ul .t_sort::before{ content:""; display:block; height:100px; width:1px; background:rgba(255,255,255,0.1); position:absolute; left:-41px; top:-57px;}
.nav_z .nav ul .t_sort span { display:block; width:35px; height:35px;   border-radius:60px; position:absolute; right:0; top:-23px;}
.nav_z .nav ul .t_sort span em { display:block; width:35px; height:35px; position:relative;}
.nav_z .nav ul .t_sort span em i { display:block; width:20px; height:1px; background:#fff; position:absolute; left:9px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_z .nav ul .t_sort span em i:first-child{ top:11px;}
.nav_z .nav ul .t_sort span em i:first-child+i{ top:18px;}
.nav_z .nav ul .t_sort span em i:first-child+i+i{ top:24px;} 
 
 
 
 
 .m_nav{display:none} 
.headrg .m_menuimg{display: none}
.active{background-color: #fff}
.activ2{background-color: #fff}
.head_search{ display:block; position:absolute; right:5%; top:10px; width:444px; height:30px; line-height:30px; color:#fff; text-align:right; overflow:hidden; z-index:99999999999999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.fixed .top_head{ width: 100%;  height:80px; left: 0;  top: 0;   z-index: 5000; background:rgba(255,255,255,1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; border-bottom:1px solid #f4f4f4; }
.fixed .head_nav{   height:80px; }
.fixed .nav_z .nav ul li .f_a {  color: #000;} 
.fixed .nav_z .nav ul .t_sort span em i {     background: #000;}
 .headrg { display:none;}
 
 
.kefu { position:fixed; width:65px; height:300px; right:0; top:300px; z-index:99;}
.kefu ul li  { width:65px; height:65px; margin-bottom:1px;} 
.kefu ul li a { width:65px; height:65px; display:block; background:#da251d; color:#fff;} 
.kefu ul li a:hover {  background:#333333; } 
.kefu ul li a:hover {  background:#333333; } 
.kefu ul li a #goTopBtnb{ width:65px; height:65px; cursor:pointer;background:#da251d; display:block !important;}
.kefu ul li:hover a #goTopBtnb{ background:#333333;  }
.kefu ul li:last-child a {    background:none; color:#fff;} 
.kefu ul li a p { text-align:center; display:block; }
.kefu ul li a .kp1 {  padding-top:8px;}
.kefu ul li a .kp2 { font-size:12px;}
.kefu ul li:last-child a .kp1 {  padding-top:10px;} 
.kefu ul li:first-child+li { position:relative; overflow:hidden}
.kefu ul li:first-child+li:hover {  overflow:inherit}
.kefu ul li:first-child+li a span { position:absolute; left:-161px; top:0;  width:160px; height:160px; opacity:0; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.kefu ul li:first-child+li:hover a span {   opacity:1; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.kefu ul li:first-child+li a span img { width:100%; border:1px solid #e3e3e3}
.kefu ul li:first-child+li+li { position:relative; overflow:hidden}
.kefu ul li:first-child+li+li:hover {  overflow:inherit}
.kefu ul li:first-child+li+li a span {  opacity:0; position:absolute; left:-191px; top:0;  width:190px; height:65px; background:#da251d; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  font-size:25px; color:#fff; font-weight:bold; text-align:center; line-height:65px; display:block; }
.kefu ul li:first-child+li+li:hover a span {  opacity:1;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }



 
/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer; width:14%;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;} 
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px; vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;} 

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
  
} 
 
 



/*移动端导航*/
.closeicon a { display:block; width:60px; height:60px; position:relative;font-family: "iconfont";}
.closeicon a::before { content: "\e97d"; left:8px; top:20px; color:#fff; font-size:30px; width:60px; height:60px;   } 

.m_navList ul li:first-child{ text-align:center; padding:15% 0 15%;}
.m_navList ul li .c_logo{ width:12%;}
@media screen and (max-width: 1100px) and (min-width: 0px){
	 .headrg { display:block;}
	.top_head { height:90px;}
	.headlf {  display: block;} 
   .msgNum{display: none;}
   .head{display:none}
   .index_head { height: 90px;} 
   #header_i .a_js{margin:30px 0 0 0;  }
    #header_i .a_js span{  background:#da251d }
    .a_js{ display:block; width:40px; height:40px; margin:35px 0 0 0; white-space:nowrap;color:transparent;z-index:20;cursor:pointer;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
	 .fixed  .a_js{  margin:28px 0 0 0;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
	.a_js span{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
	.a_js span:nth-child(1){ width:30px; }
	.a_js span:nth-child(2){ width:45px;}
	.a_js span:nth-child(3){margin-bottom:0;width:30px;}
	.a_js:hover span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
	.a_js:hover span:nth-child(2){opacity:0; width:45px !important;}
	.a_js:hover span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}

   .m_img{display:block;height:90px; width:100%;z-index:9999;overflow: hidden; position:relative;}
   .m_img .headlf{height:90px; width:100%;  }
   .m_img .headlf .m_logo{      height: 63px;  margin-top: 13px; padding-left:3%;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .fixed .m_img .headlf .m_logo { height: 55px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .m_img .headlf a p { display:inline-block;     color:#da251d; height:90px; position:absolute; right:25px; top:0; font-size:18px;}
   .m_img .headlf a p em { display:block; font-style:normal;color:#333333; margin-top:25px;}
   
   .m_img .headrg{ position:absolute; right:3%;  height:90px; top:0; z-index:66666; width:140px}
   .m_img .headrg .m_em{ width:60px; display:block; float:left; line-height:90px; text-align:right; font-size:25px; height:90px; background:url(../images/en.png) no-repeat left center}
   .m_img .headrg .a_js{ width:40px; display:block; float:right; }
   .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li:first-child{border-bottom:0}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; position:relative;}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 100%; position:absolute; left:0; text-align:right; line-height:45px; font-style:normal; top:0;height:35px;box-sizing: border-box; padding:0 5px; display: block;font-family: "iconfont";}
   .m_nav .m_navList ul li .m_f_a i::before {   content: "\eb78"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } 
   .m_nav .m_navList ul li .m_f_a .icon_on::before {   content: "\eb79"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } 
   .icon{ background:url(../images/plus.png) no-repeat right center ; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.png) no-repeat right center ;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}





/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
  
} 
 
/*右侧分类*/
.h_sort_z { padding-top:200px;}
.h_sort_l { width:30%; margin-left:-200px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.m_nav_sort .on .h_sort_l {    transition-delay: 1s;    visibility: visible;
    transform: translateX(0px);  margin-left:0; transition:all 1s; -transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.h_sort_r { width:40%; height:550px;    overflow-y: scroll; overflow-x: hidden;}
.h_sort_r::-webkit-scrollbar {

  /*滚动条整体样式*/

  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/

  height: 5px;

  }

.h_sort_r::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 10px;

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  background   : #da251d;

  }

.h_sort_r::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  background:rgba(211,211,211,0.2);

  }
.h_sort_l dl dd:first-child img{ height:85px; display:block; margin:0 auto;}
.h_sort_l dl dd:first-child+dd p { text-align:center; font-size:18px; color:#000; margin-top:10px;}
.h_sort_l dl dd:first-child+dd+dd { margin-top:60px; padding:40px 0;     border-bottom: 1px solid #f4f4f4;    border-top: 1px solid #f4f4f4; overflow:hidden; }
.h_sort_l dl dd:first-child+dd+dd p { width:100%;}
.h_sort_l dl dd:first-child+dd+dd p span { display:inline-block; float:left; margin-left:20px;}
.h_sort_l dl dd:first-child+dd+dd p .icon { float:left;    padding-top: 10px;}
.h_sort_l dl dd:first-child+dd+dd p span i { display:block; font-style:normal; color:#999999;}
.h_sort_l dl dd:first-child+dd+dd p span em { display:block; font-style:normal; font-size:30px; color:#000;}
.h_sort_l dl dd:first-child+dd+dd p:last-child span em { display:block; font-style:normal; font-size:30px; color:#000;}
.h_sort_l dl dd:first-child+dd+dd p:last-child { margin-top:30px;}


.h_sort_l dl dd:last-child { margin-top:40px;}
.h_sort_l dl dd:last-child p:first-child { width:20%; float:left; margin-right:20px; text-align:center;}
.h_sort_l dl dd:last-child p:last-child { width:20%; float:left;text-align:center;}
.h_sort_l dl dd:last-child p i { display:block; color:#999999; font-style:normal; margin-top:10px;}
.h_sort_l dl dd:last-child p img { display:block; width:100%;}


.closeicon_sort a {  font-family: "iconfont";display:block; width:60px; height:60px; line-height:60px; text-align:center; position:relative;    z-index: 9999999;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.closeicon_sort a:hover{    transform: translateX(0) translateY(0px) rotate(90deg);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.closeicon_sort a::before { content: "\e97d"; left:0; top:0; color:#000; font-size:30px; width:60px; height:60px;   z-index: 9999999; position:absolute; } 
.closeicon_sort a:hover::before {   color:#da251d;  } 
.m_navList_sort ul {  }
.m_navList_sort ul li {   margin:0 0 50px 0; width:100%; clear:both; overflow: hidden;   }
 

 .m_navList_sort ul li:first-child+li+li dl dd:first-child a{ display:block; width:100%;   font-size:35px; color:#000;   }
 .m_navList_sort ul li:first-child+li+li dl dd:first-child a:hover{  color:#da251d;   }
 
.m_navList_sort ul li dl dd:first-child { overflow: hidden;display:block; width:100%; margin-bottom:30px; padding-bottom:20px; font-size:35px;    border-bottom: 1px solid #f4f4f4; }
.m_navList_sort ul li dl dd { display:block; margin:0 2.5% 20px ;  width:100%;  
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(90px);} 
	
.m_navList_sort ul li:first-child dl dd {width:45%; float:left; } 	
.m_navList_sort ul li:first-child dl dd:first-child {width:100%; float:none; } 	

.m_nav_sort .on ul li dl dd{ opacity: 1;transition: 0.4s; visibility: visible; transform: translateX(0px);}
.m_navList_sort ul li dl dd a { position:relative;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.m_navList_sort ul li dl dd a:hover { padding-left:30px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.m_navList_sort ul li dl dd a::before { position:absolute; left:0; top:10px; width:0; content:""; display:block; height:1px; background:#da251d;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.m_navList_sort ul li dl dd a:hover::before {   width:20px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}


	
.m_nav_sort .on ul li dl dd:first-child	{transition-delay: 0.6s;}
.m_nav_sort .on ul li dl dd:first-child+dd	{transition-delay: 0.8s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd	{transition-delay: 0.8s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd	{transition-delay: 1s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd+dd	{transition-delay: 1s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd+dd+dd{transition-delay: 1.2s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd+dd+dd+dd{transition-delay: 1.2s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd+dd+dd+dd+dd{transition-delay: 1.4s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd+dd+dd+dd+dd+dd{transition-delay: 1.4s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd+dd+dd+dd+dd+dd+dd{transition-delay: 1.6s;}
.m_nav_sort .on ul li dl dd:first-child+dd+dd+dd+dd+dd+dd+dd+dd+dd+dd{transition-delay: 1.6s;}

.m_navList_sort ul li dl dd a{  color:#999999; }
.m_navList_sort ul li dl dd a:hover { color:#da251d;}
 
.index_head .nav_z .nav ul li .a_js_sort{ cursor:pointer; }
.index_head .nav_z .nav ul li .a_js_sort span { background:none}
 
#header_i .nav_z .nav ul .t_sort:hover span { border: 1px solid #da251d;}

.index_head .nav_z .nav ul li .a_js_sort:hover span em i:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:25px !important;top: 15px; left:1px}
.index_head .nav_z .nav ul li .a_js_sort:hover span em i:nth-child(2){opacity:0; width:0 !important;}
.index_head .nav_z .nav ul li .a_js_sort:hover span em i:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:25px !important;top:4px; left:2px}

.index_head .nav_z .nav ul li .a_js_sort span:nth-child(1){ width:35px !important;}
.index_head .nav_z .nav ul li .a_js_sort:hover span:nth-child(1){transform: translateX(0) translateY(0px) rotate(0); width:35px !important;}
	.a_js_sort span{display:block;height:3px;background:#da251d;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
	.a_js_sort span:nth-child(1){ width:30px; }
	.a_js_sort span:nth-child(2){ width:45px;}
	.a_js_sort span:nth-child(3){margin-bottom:0;width:30px;}
	.a_js_sort:hover span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
	.a_js_sort:hover span:nth-child(2){opacity:0; width:45px !important;}
	.a_js_sort:hover span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}

   .m_img{display:none;height:90px; width:100%;z-index:9999;overflow: hidden; position:relative;}
   .m_img .headlf{height:90px; width:100%;  }
   .m_img .headlf .m_logo{      height: 63px;  margin-top: 13px; padding-left:3%;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .m_img .headlf .mlogo2  { display:none;}
   #header_i .m_img .headlf .mlogo2  { display:block;height: 65px; margin:15px 0 0 3%;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   #header_i .m_img .headlf .m_logo  { display:none;}
   #header_i   .fixed .m_img .headlf .mlogo2 {    padding-left: 0; margin-top:15px; display:block; height: 52px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
   .fixed .m_img .headlf .m_logo { display:none;height: 55px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .fixed .m_img .headlf .mlogo2 {    padding-left: 3%; margin-top:15px; display:block; height: 52px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .m_img .headlf a p { display:inline-block;     color:#da251d; height:90px; position:absolute; right:25px; top:0; font-size:18px;}
   .m_img .headlf a p em { display:block; font-style:normal;color:#333333; margin-top:25px;}
   
   .m_img .headrg{ position:absolute; right:3%;  height:90px; top:0; z-index:66666; width:140px}
   .m_img .headrg .m_em{ width:60px; display:block; float:left; line-height:90px; text-align:right; font-size:25px; height:90px; background:url(../images/en.png) no-repeat left center}
   .m_img .headrg .a_js{ width:40px; display:block; float:right; }
   .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block}
   .m_nav_sort {display:block; width:0px;height:0px;overflow:hidden;z-index:100000000; position:fixed; left:0; top:0;}
   .m_nav_sort .closecover_sort{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav_sort .closeicon_sort{ z-index: 9999999999;position:absolute;width:60px; height:60px;right:35px;top:20px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav_sort .m_navList_sort{position:absolute;width:100%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:10;right:0;overflow-y: scroll;}
   .m_nav_sort .m_navList_sort ul{padding-left:5%;padding-right:5%}
  
   .m_nav .m_navList ul li:first-child{border-bottom:0}
  
   .m_nav_sort .m_navList_sort ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; position:relative;}
   .m_nav_sort .m_navList_sort ul li .m_f_a a{flex: 1;}
   .m_nav_sort .m_navList_sort ul li .m_f_a i{width: 100%; position:absolute; left:0; top:0;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .m_nav_sort .m_navList_sort ul li .m_f_a i::before {   content: "\eb78"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } 
   .m_nav_sort .m_navList_sort ul li .m_f_a .icon_on::before {   content: "\eb79"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } 
   .icon{ background:url(../images/plus.png) no-repeat right center ; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.png) no-repeat right center ;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav_sort .m_navList_sort ul li .m_s_nav_sort{display:none;width: 100%;}
   .m_nav_sort .m_navList_sort ul li .m_s_nav_sort a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
 
#h_sort { background:rgba(255,255,255,1); width:100%;}
.m_navList_sort ul li dl dd i { display:inline-block; float:left; margin-right:15px;}
.m_navList_sort ul li dl dd span { display:inline-block; float:left; font-size:25px; color:#000; line-height:42px;}
 
/* banner */
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; height:100vh;}
.slides{position:relative;z-index:1;}

.flex-control-nav{position:absolute;bottom:20px;z-index:2; left:7%;    width: 90%; }
.flex-control-nav li{display:inline-block;width:44px;height:44px;margin:0 2px;*display:inline;zoom:1;} 
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.flexslider ul li .flexslider_content{ width:100%; min-height:200px; top:30%; left:0; position:absolute; color:#fff;}
.flexslider ul li .flexslider_content dl dt  { font-size:55px; font-weight:100; margin-bottom:20px;}
.flexslider ul li .flexslider_content dl dd { font-size:25px;}
.flexslider ul li .flexslider_content dl dd a{ font-size:16px; color:#fff; display:inline-block; position:relative}
.flexslider ul li .flexslider_content dl dd a::before { position:absolute; bottom:0; left:0; width:0; height:1px; background:#da251d; display:block; content:"";transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.flexslider ul li .flexslider_content dl dd a:hover::before {   width:100%; transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;-webkit-transition:all 0.6s; }



.flexslider ul li img { display:block; width:100%;}
.flexslider ul li .mcimg{ display:none;} 
.flexslider ul .flex-active-slide .pcimg{animation: animate-cloud 12s; }

@-webkit-keyframes animate-cloud {
  from {
    transform: translateY(0); 
  }
  to {
   transform: translateY(-300px);}
 
}


 
 


.flexslider ul #slides_img { width:100%; height:100vh; overflow:hidden;webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.flexslider ul #banner2 { text-align:center;} 


/*旋转样式*/
.flex-control-nav li a { position:relative; }
.flex-control-nav li .flex-active {opacity: 1;}
.flex-control-nav li a::before{ opacity: 1;width:5px;height:5px; border-radius:50px; display:block; position:absolute; left:12px ; top:12px; content:""; background:rgba(255,255,255,0.5)}
.flex-control-nav li .flex-active::before{   background:#da251d}
 
.flex-control-nav li a { display:block;
    background-color: transparent;
 
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    width: 30px;
    height: 30px;
 
    border-radius: 50%;
    margin-right: 50px;
    cursor: pointer;
    margin: 0 6px;
}
 
.flex-control-nav li .flex-active {    border: 1px solid rgba(255,255,255,0.3);}
  
.flex-control-nav li a .eml{ display:block;
  
    width: 15px;
    height: 30px;
    position: absolute;
    left: -1px;
    top: -3px;
    overflow: hidden;
}

.flex-control-nav li a .emr:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 0 15px 15px 0;
    border: 1px solid #da251d;
    border-left: 0;
}

.flex-control-nav li a .eml:after, .flex-control-nav li a .emr:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 15px;
    height: 30px;
    border: 1px solid #da251d;
    border-radius: 15px 0 0 15px;
    border-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; z-index:55;}
	
.flex-control-nav li a .eml, .flex-control-nav li a .emr { display:block;
   opacity: 0;
    width: 15px;
    height: 30px;
    position: absolute;
    left: -1px;
    top: -1px;
    overflow: hidden;}	
.flex-control-nav li .flex-active .eml, .flex-control-nav li .flex-active .emr { opacity:1;}	
.flex-control-nav li .flex-active .emr  { opacity:1;}	
.flex-control-nav li a .emr {
    left: auto;
    right:-1px;}

.flex-control-nav li a .emr:after {display:block;
    content: "";
    position: absolute;
    display: block; width: 15px;
    height: 30px;
    border-radius: 0 15px 15px 0;
    border: 1px solid #da251d;
    border-left: 0; 
 
}
	
 

.flex-control-nav li .flex-active .emr:after {
    transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; -webkit-transform-origin: left center;
    animation-fill-mode: forwards;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-name: spinright;	
 
 
}
.flex-control-nav li .flex-active .eml:after {
    transform-origin: right center;-moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; -webkit-transform-origin: right center;
    animation-fill-mode: forwards;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-name: spinleft;
 
 
}

.flexslider .slides .flexslider_content dl dt { margin-top:50px;opacity:0}
.flexslider .slides .flexslider_content dl dd { margin-top:50px;opacity:0}
.flexslider .slides .flex-active-slide .flexslider_content dl dt { margin-top:0;transition:all 1s;opacity:1}
.flexslider .slides .flex-active-slide .flexslider_content dl dd { margin-top:0;transition:all 2s;opacity:1}
.flexslider .slides .flexslider_content dl dd:last-child { margin-top:20px;}
.flexslider .slides .flexslider_content dl dd:last-child span { display:inline-block; padding-bottom:15px; border-bottom:1px solid #fff;}
.flexslider .slides .flexslider_content dl dd:last-child a { color:#fff;}
.flexslider .slides .flexslider_content dl dd:last-child a:hover { color:#da251d;}


.flexslider .slides li .value_title p { margin-top:50px;opacity:0}
.flexslider .slides .flex-active-slide .value_title p:first-child { margin-top:0;transition:all 1s;opacity:1}
.flexslider .slides .flex-active-slide .value_title p:last-child { margin-top:0;transition:all 2s;opacity:1}





/* 数字*/
.value_content{width: 100%; min-height: 200px; top: 30%; left: 0; position: absolute; color: #fff;}
.value_info { width:100%; margin-top:50px; }
.value_info dl dd {width:25%;  float:left; }
.value_info dl dd:last-child {  }
 
.htmleaf-container { height:130px;}
.buttonBox{ position:relative;outline:none;transition:all 1s; text-align:center; }
#seventh span{ color:#fff;   position:relative;text-transform:uppercase;  letter-spacing:1px; border:none; font-family:"DIN";    font-size:70px;outline:none;transition:all 1s; }
#seventh em{ color:#91c421;    font-weight: bold; font-style:normal;}
.value_info ul li .value_t { font-size:20px; color:#333333;}
#seventh i { font-style:normal; font-size:70px;color: #fff; display:inline-block; }
.buttonBox p { font-size:14px;color: #fff;    margin-top:10px;}
.value_info dl { width:70%; margin:0 auto;}	
.value_title { text-align:center;}
.value_title p:first-child  { font-size:55px; margin-bottom:10px;}
.value_title p:last-child  { font-size:25px;  }



@keyframes spinleft{
		0%{transform:rotate(180deg);}
		50%{transform:rotate(180deg);}
		100%{transform:rotate(360deg);}
		
		}
@keyframes spinright{
		0%{transform:rotate(180deg);}
		50%{transform:rotate(360deg);}
		100%{transform:rotate(360deg);}
	
}
/*旋转样式*/

.huadong{position:absolute;bottom:60px;margin:auto;z-index:60;padding:15px 0;width:100%;text-align:center;cursor:pointer; z-index:2} 
.huadong .bounce-up{display:inline-block;width:21px;height:36px;-webkit-animation: bounce-up 1.8s linear infinite;animation: bounce-up 1.8s linear infinite;}
   @-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(10px);opacity:0.5}
         50%, 100% {-webkit-transform: translateY(0);}
         75% {-webkit-transform: translateY(-10px); opacity:0.1}
        }
 
        @keyframes bounce-up {
         25% {transform: translateY(10px);opacity:0.5}
         50%, 100% {transform: translateY(0);}
         75% {transform: translateY(-10px);opacity:0.1}
        }



/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.pc{display: block;min-height: 580px;}
.banner-img img.mb{display: none;min-height: 300px;}
.banner-prev, .banner-next{position: absolute;z-index: 4;width: 60px;height: 60px;top: 50%;margin-top: -30px;background: rgba(0, 0, 0, .6) ;cursor: pointer;transition: all .4s ease;font-family: "iconfont" !important;  font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:block; border-radius:5px;}
.banner-prev::before { font-weight:100;  content: "\e660"; left:0; top:0; color:#fff; font-size:30px; width:60px; height:60px;  position:relative; line-height:60px; text-align:center; display:block;  } 
.banner-next::before { font-weight:100;  content: "\e660"; left:0; top:0; color:#fff; font-size:30px; width:60px; height:60px;  position:relative; line-height:60px; text-align:center; display:block;     transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); } 
.banner-prev{left: 0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; opacity:0;}
.banner:hover .banner-prev{left: 4%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;opacity:1;}
.banner-next{right: 0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;opacity:0;}
.banner:hover .banner-next{right: 4%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;opacity:1;}
.banner-prev:hover, .banner-next:hover{background-color: #0062b2;}
.banner-dot{position: absolute;z-index: 4;left: 0;width: 100%;bottom:30px; text-align:center;}
.banner .swiper-pagination{ bottom: 0;}


.banner .swiper-pagination-bullet {width:8px;height:8px;border-radius:50px;background: #fff;opacity: 1;margin: 0 10px!important; display:inline-block; position:relative; }
.banner .swiper-pagination-bullet-active {opacity: 1;}
.banner .swiper-pagination-bullet-active::before{ opacity: 1;width:22px;height:22px; border-radius:50px; display:block; position:absolute; left:-7px ; top:-7px; content:""; background:rgba(255,255,255,0.5)}
 
/*
.banner .swiper-pagination-bullet {width:60px;height:6px;border-radius:5px;background: #fff;opacity: 1;margin: 0 10px!important; display:inline-block; position:relative; overflow:hidden;}
.banner .swiper-pagination-bullet-active {opacity: 1;}
.banner .swiper-pagination-bullet::before{ opacity: 1;width:60px;height:6px; display:block; position:absolute; left:-60px ; top:0; content:""; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.banner .swiper-pagination-bullet-active::before { width:60px; background:#da251d; left:0; transition:all 4s;   -webkit-transition: 4s; -o-transition: 4s; -moz-transition: 4s; transition:4s;  }

*/


 
 
/* ===================我们能做什么========================= */ 
.index1 { width:100%;   }  
.index1_content dl dd { float:left; min-height:500px;  background:#f4f4f4; width:23.5%; margin-left:2%; border-radius:5px; padding-bottom:20px;}
.index1_content dl dd a { display:block;}
.index1_content dl dd .index1_t { padding:30px 20px; }
.index1_content dl dd  .index1_t h3 { color:#333333; font-size:20px;}
.index1_content dl dd  .index1_t p { color:#888888; font-size:14px; margin-top:10px;}
.index1_content dl dd:first-child {  margin-left:0}
.index1_content dl dd  .index1_i { margin:20px auto; width:100px; height:120px; overflow:hidden;}
.index1_content dl dd  .index1_i span{ margin:0 auto;   display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index1_content dl dd:hover .index1_i span {-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08); }
 
 
.index1_content dl dd:first-child  .index1_i span{ width:100px; height:100px; background-image:url(../fonts/wzjs.svg); background-position:center; background-repeat:no-repeat; background-size:cover;}

.index1_content dl dd:first-child:hover .index1_i span{   background-image:url(../fonts/wzjsh.svg);  }

.index1_content dl dd:first-child+dd .index1_i span{ width:75px; height:75px; background-image:url(../fonts/yhtg.svg); margin:20px auto 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index1_content dl dd:first-child+dd:hover .index1_i span{   background-image:url(../fonts/yhtgh.svg);  }

.index1_content dl dd:first-child+dd+dd .index1_i span{ width:100px; height:100px; background-image:url(../fonts/jcfw.svg); margin:10px auto 0;background-position:center; background-repeat:no-repeat; background-size:cover;}
.index1_content dl dd:first-child+dd+dd:hover .index1_i span{   background-image:url(../fonts/jcfwh.svg);  }
.index1_content dl dd:last-child .index1_i span { width:90px; height:90px; background-image:url(../fonts/wxyy.svg); margin:12px auto 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index1_content dl dd:last-child:hover .index1_i span{   background-image:url(../fonts/wxyyh.svg);  }

.index1_content dl dd .index1_c {width:80%;margin:30px auto 0; }
.index1_content dl dd .index1_c ul li { margin-bottom:10px; position:relative;}
.index1_content dl dd .index1_c ul li p{ padding-left:25px;}
.index1_content dl dd .index1_c ul li span { display:block;height:0; overflow:hidden; padding-left:25px;   color: #888888;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.index1_content dl dd .index1_c ul li:hover span { padding-top:10px; height:auto;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.index1_content dl dd .index1_c ul li::before{ position:absolute; left:0; top:10px; width:8px; height:1px; content:""; display:block; background:#333333;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.index1_content dl dd .index1_c ul li:hover::before{  background:#da251d;width:13px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.index1_content dl dd { position:relative;}
.index1_content dl dd .index1_m { width:100%; position:absolute; left:0; bottom:20px; } 
.index1_content dl dd .index1_m a { opacity:0; display:block; width:50%; text-align:center; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.index1_content dl dd:hover .index1_m a { opacity:1; margin-left:25%; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;} 
.index1_content dl dd .index1_m a:hover .svg-path {  fill: #da251d;}




 
.Productlist14 ul li a dl dd:first-child{ min-height:100px; overflow:hidden; margin-bottom:10px; padding-left:100px;}
.Productlist14 ul li a dl dd:first-child+dd { font-size:30px; color:#000;padding-left:100px;}
.Productlist14 ul li a dl dd:first-child+dd+dd { line-height:2; margin-top:30px; color:#000; font-size:16px; padding-top:30px; border-top:1px solid #dbdbdb}
#IndexBlock14 { margin-top:50px;}
.Productlist14 ul li a dl dd:last-child { position:absolute; left:89px; font-size:160px; top:70px;  font-family:"impact"; color:#000; opacity:0.04}
.Productlist14 .Point { height:16px; margin-top:50px;}
.Productlist14 .Point span{ position:relative;background: #f4f4f4; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}

#IndexBlock14{ position: relative; }
 
#IndexBlock14 .container{ position: relative; z-index: 2; }
#IndexBlock14 .Productlist2{ overflow:hidden; }
#IndexBlock14 .Productlist{ margin:0; }
#IndexBlock14 .Productlist li{ padding:0; }
#IndexBlock14 .PBox{ position: relative; margin-bottom: 6.66%; }

#IndexBlock14 .PNBtn span{  position:absolute; top:45%;  z-index:33333; display:block; height:50px; width:50px; border-radius:50%; z-index: 2; }
#IndexBlock14 .PNBtn span i{   height:50px; width:50px; display:block; position:relative; border-radius:50%; cursor:pointer;}

#IndexBlock14 .PNBtn .prev{  left:0; }
#IndexBlock14 .PNBtn .next{ right:0; transform: rotate(180deg); }
#IndexBlock14 .PNBtn span i .icon { position:absolute;  }
#IndexBlock14 .PNBtn span:hover i .icon path{ fill:#da251d} 
#IndexBlock14 .PNBtn .prev i .icon {  left:9px; top:10px;}
#IndexBlock14 .PNBtn .next i .icon {  left:9px; top:10px;}  
#IndexBlock14 .Productlist14 { overflow: hidden;}

#IndexBlock14 .swiper-pagination-bullet { margin:0 10px; width:7px;  height: 7px; border-radius:20px;}
#IndexBlock14 .Point  { text-align:center;}
#IndexBlock14 .Point  span{ background: #cccccc;}
#IndexBlock14 .Point  .swiper-pagination-bullet-active{ background: #da251d;}
.Productlist14 ul li { min-height: 500px; background: #f4f4f4; border-radius: 5px;  padding-bottom: 20px; position:relative;}  
.Productlist14 ul li a { display:block;}
.Productlist14 ul li .index1_t { padding:30px 20px; }
.Productlist14 ul li  .index1_t h3 { color:#333333; font-size:20px;}
.Productlist14 ul li  .index1_t p { color:#888888; font-size:14px; margin-top:10px;}
.Productlist14 ul li:first-child {  margin-left:0}
.Productlist14 ul li  .index1_i { margin:20px auto; width:100px; height:120px; overflow:hidden;}
.Productlist14 ul li  .index1_i span{ margin:0 auto;   display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.Productlist14 ul li:hover .index1_i span {-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08); }
#IndexBlock14  { display:none;}
 
.Productlist14 ul li:first-child  .index1_i span{ width:100px; height:100px; background-image:url(../fonts/wzjs.svg); background-position:center; background-repeat:no-repeat; background-size:cover;}

.Productlist14 ul li:first-child:hover .index1_i span{   background-image:url(../fonts/wzjsh.svg);  }

.Productlist14 ul li:first-child+li .index1_i span{ width:75px; height:75px; background-image:url(../fonts/yhtg.svg); margin:20px auto 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.Productlist14 ul li:first-child+li:hover .index1_i span{   background-image:url(../fonts/yhtgh.svg);  }

.Productlist14 ul li:first-child+li+li .index1_i span{ width:100px; height:100px; background-image:url(../fonts/jcfw.svg); margin:10px auto 0;background-position:center; background-repeat:no-repeat; background-size:cover;}
.Productlist14 ul li:first-child+li+li:hover .index1_i span{   background-image:url(../fonts/jcfwh.svg);  }
.Productlist14 ul li:last-child .index1_i span { width:90px; height:90px; background-image:url(../fonts/wxyy.svg); margin:12px auto 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.Productlist14 ul li:last-child:hover .index1_i span{   background-image:url(../fonts/wxyyh.svg);  }

.Productlist14 ul li .index1_c {width:80%;margin:30px auto 0; }
.Productlist14 ul li .index1_c dl dd { margin-bottom:10px; position:relative;}
.Productlist14 ul li .index1_c dl dd p{ padding-left:25px;}
.Productlist14 ul li .index1_c dl dd span { display:block;height:0; overflow:hidden; padding-left:25px;   color: #888888;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.Productlist14 ul li .index1_c dl dd:hover span { padding-top:10px; height:auto;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.Productlist14 ul li .index1_c dl dd::before{ position:absolute; left:0; top:10px; width:8px; height:1px; content:""; display:block; background:#333333;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.Productlist14 ul li .index1_c dl dd:hover::before{  background:#da251d;width:13px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.Productlist14 ul li { position:relative;}
.Productlist14 ul li .index1_m { width:100%; position:absolute; left:0; bottom:20px; } 
.Productlist14 ul li .index1_m a { opacity:0; display:block; width:50%; text-align:center; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.Productlist14 ul li:hover .index1_m a { opacity:1; margin-left:25%; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;} 
.Productlist14 ul li .index1_m a:hover .svg-path {  fill: #da251d;}

 







/*主要样式*/
.subNavBox{width:80%;margin:30px auto 0;}
.subNav{ cursor:pointer;  color:#333333;line-height:30px;padding-left:20px; position:relative;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.subNav::before{ position:absolute; left:0; top:14px; width:8px; height:1px; content:""; display:block; background:#333333;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.subNav:hover::before{  background:#da251d;width:13px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.subNav:hover{color:#da251d;padding-left:25px; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.currentDd{color:#da251d;padding-left:25px; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.currentDd::before{background:#da251d ;width:13px; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; }
.currentDt{ }
.navContent{display: none; padding:0 10px 10px 20px; color:#888888}
.navContent li a{display:block;width:200px;heighr:28px;text-align:center;font-size:14px;line-height:28px;color:#333}
.navContent li a:hover{color:#fff;background-color:#277fc2}






/* ===================服务案例========================= */ 

.index2_content {margin-left:-1.5%;}
.index2 #IndexBlock5 { display:none;}
.index2_content ul li { float:left; margin-left:1.5%; width:23.5%; margin-bottom:16px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.index2_content ul li:hover { transform: translateY(-10px);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.index2_content ul li:nth-child(1) { width:48.5%; }
.index2_content ul li:nth-child(6) { float: right;width:48.5%; }
.index2_content ul li:nth-child(1) a .index2_content_img  {max-height:inherit;}
.index2_content ul li:nth-child(6) a .index2_content_img  {max-height:inherit;}
.index2_content ul li a .index2_content_img  { position:relative;width:100%; display:block; overflow:hidden; max-height:259px;}
.index2_content ul li a .index2_content_img img { width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index2_content ul li:hover a .index2_content_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.index2_content ul li a { display:block; position:relative;}
.index2_content ul li a .index2_content_img::after{ display:block; content:"";  width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; opacity:0;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; z-index:1;}
.index2_content ul li:hover a .index2_content_img::after{  opacity:1;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.index2_content ul li a .index2_info {  position:absolute; left:15%; top:0; z-index:3;display: flex;   align-items: center; width:70%; height:80%;}
.index2_content ul li:nth-child(1) a .index2_info {   height:100%;}
.index2_content ul li:nth-child(6) a .index2_info {  height:100%;}
.index2_content ul li a .index2_info dl dd{ display:inline-block; width:100%;   color:#fff; opacity:0; transform: translateY(10px);transition: all .4s ease;}

.index2_content ul li:nth-child(1) a .index2_info dl dd{   transform: translateY(20px); }
.index2_content ul li:nth-child(6) a .index2_info dl dd{   transform: translateY(20px); }
.index2_content ul li a .index2_info dl dd:first-child { font-size:23px; margin-bottom:10px;  display:inline-block; margin-right:10px; color:#fff; opacity: 0; transform: translateY(20px);transition: all .4s ease;}
.index2_content ul li a .index2_info dl dd:first-child img{ display:block; height:33px;  -webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1); -moz-filter:brightness(0) invert(1); -ms-filter:brightness(0) invert(1); -o-filter:brightness(0) invert(1);}
.index2_content ul li a .index2_info dl dd:first-child span { display:inline-block; border-radius:5px; background:#fff; padding:5px;}
.index2_content ul li:hover a .index2_info dl dd:first-child{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.2s;}	
.index2_content ul li a .index2_info dl dd:first-child+dd { margin-bottom:10px;  color:#fff;   }
.index2_content ul li:hover a .index2_info dl dd:first-child+dd{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.3s;}	
.index2_content ul li:hover a .index2_info dl dd:first-child+dd+dd{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.4s;}	
.index2_content ul li:hover a .index2_info dl dd:last-child{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.6s;}	
.index2_content ul li a .index2_info dl dd:first-child+dd { margin-bottom:30px;}

.index2_content ul li:nth-child(1) a .index2_info dl dd:first-child+dd {margin-bottom:70px;}
.index2_content ul li:nth-child(6) a .index2_info dl dd:first-child+dd  {margin-bottom:70px;}


.index2_content ul li a .index2_info dl dd:last-child { width:100%; display:none;}
.index2_content ul li:nth-child(1) a .index2_info dl dd:last-child { display:block;}
.index2_content ul li:nth-child(6) a .index2_info dl dd:last-child { display:block;}
.index2_content ul li a .index2_info dl dd i{ font-style:normal; display:inline-block ; margin-right:10px; float:left; height:30px; line-height:30px;}
.index2_content ul li a .index2_info dl dd:last-child span{ display:block; width:100px; height:100px; margin:30px auto 0; text-align:center; position:relative; }
.index2_content ul li a .index2_info dl dd:last-child span::after { z-index:2;    position:absolute; left:15px; top:0;isplay:block; content:""; border-radius:100px; width:70px; height:70px; margin:20px auto 0; border:1px dashed #fff;}
.index2_content ul li a .index2_info dl dd:last-child span:hover::after { background:#da251d}
.index2_content ul li a .index2_info dl dd:last-child span .icon { position:absolute; left:35px; top:39px; z-index:999 }

.index2_content ul li a .index2_info dl dd:last-child span::after{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}

.index2_content ul li a .index2_dese dl dd:first-child { margin-top:17px;}
.index2_content ul li a .index2_dese dl dd:first-child p { width:50%; float:left; color:#333; font-size:20px;} 
.index2_content ul li a .index2_dese dl dd:first-child p:last-child { text-align:right;}
.index2_content ul li a .index2_dese dl dd:first-child p:last-child i { display:inline-block; font-style:normal; margin-left:10px;}
.index2_content ul li a .index2_dese dl dd:first-child+dd i {font-style:normal; display:inline-block ; margin-right:10px; float:left; color:#666; margin-top:5px;}
.index2_content ul li a .index2_dese dl dd:last-child i { display:inline-block; float:left; font-style:normal; color:#888; line-height:22px; margin-right:10px;}


.index2_more{  position:relative;overflow:hidden; z-index:1;width:48px;height:48px;border:1px solid #d1d1d1;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:40px auto 0;
  font-size: 12px;
    -o-transition: all 1.7s ease;
    -moz-transition: all 1.7s ease;
    transition: all 1.7s ease;
    -webkit-mask-image: radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
}
.index2_more:focus{outline:none;}
.index2_more:hover {
    background: #e00012;
    color: #fff;
    border: 1px solid #e00012;
}
.index2_more i {
  display: block;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  width: 100%;
  height: 100%;
    background: -moz-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: -o-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    opacity: 0;
    -o-transition: 1.2s, opacity 1.8s;
    -moz-transition: 1.2s, opacity 1.8s;
    transition: 1.2s, opacity 1.8s;
    -moz-border-radius: 50%;
         border-radius: 50%;
}
.index2_more:hover i {
  -webkit-transform: scale(10);
     -moz-transform: scale(10);
       -o-transform: scale(10);
          transform: scale(10);
    opacity: 1;
    -o-transition: 3s, opacity .3s;
    -moz-transition: 3s, opacity .3s;
    transition: 3s, opacity .3s;
}
.dot2 span,.dot1 span{position:absolute;color:#d1d1d1;left:50%;top:50%;
  -webkit-transform: translateX(-50%)translateY(-50%);
    -moz-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
  -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
       animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
}
/*dot1*/
.dot1 span{
  color: #d1d1d1;
}
.dot1 span:nth-child(1){
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  left:30%;
}
.dot1 span:nth-child(2){
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  left:50%;
}
.dot1 span:nth-child(3){
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  left:70%;
}
.index2_more:hover .dot1 span:nth-child(1){
  left: 120%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
  color: #fff;
}
.index2_more:hover .dot1 span:nth-child(2){
  left: 120%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
  color: #fff;
}
.index2_more:hover .dot1 span:nth-child(3){
  left: 120%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
  color: #fff;
}

/*dot2*/
.dot2 span:nth-child(1){
  left:-20%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(2){
  left:-20%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(3){
  left:-20%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
    color:#d1d1d1
}
.index2_more:hover .dot2 span:nth-child(1){
  left:30%;
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  color: #fff;
}
.index2_more:hover .dot2 span:nth-child(2){
  left:50%;
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  color: #fff;
}
.index2_more:hover .dot2 span:nth-child(3){
  left:70%;
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  color: #fff;
}
















/* ===================合作伙伴========================= */ 
.partner{ margin-top:140px;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform; z-index: 2; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.partner::after { display:block; content:""; background:rgba(0,0,0,0.7); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
	
.posi {
    position: relative;height: 100%;
}	
	
 
 
/*#wonder{ z-index: 2; background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,0.2));opacity: .4;}*/
 

.z_slide .content{ height: calc(100vh - 80px);  }
 
.idxproItem .txt{ position: absolute; top: 8%; left: 20px; z-index: 5;}
.idxproItem .img  { height: 340px;}
.idxproItem .img img{ width: 100%; position: absolute; left: 0; top: 0;}
.idxproItem .b1-a1{ width: 60px; height: 60px;}
.idxproItem:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.idxproItem:hover .b1-a1{ transform:translateX(-15px) ; box-shadow: 0 0 10px rgba(24,90 ,178, 0.3); -webkit-transform:translateX(-15px) ; -moz-transform:translateX(-15px) ; -ms-transform:translateX(-15px) ; -o-transform:translateX(-15px) ; }

.idxPartners{ background-image: linear-gradient(to bottom,#2573d4,#124fa3);}
.idxPartners .title{ position: absolute; left: 0; top:5vh;}
.idxPartners .idxProDian{filter: grayscale(100%) brightness(500%);}
.idxPartnersTit{ position: absolute; width: 40vw; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.idxPartnersTit:hover{ box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);}
.idxCoopreImg{ z-index: 5;}
 .idxCoopreImg img{ max-width: 300px; max-height: 120px; position:absolute; z-index:5; opacity:0; animation: ani2_img 12s linear infinite 0s; -webkit-animation: ani2_img 12s linear infinite 0s;-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
 }
 /* */
.idxCoopreImg img:nth-child(1){ left: 15.7%; top: 30%;  animation-delay: 0s;}
.idxCoopreImg img:nth-child(2){  left:17.6%; top: 68%; animation-delay: 2s;}
.idxCoopreImg img:nth-child(3){  right: 0; top:55%; animation-delay: 0s;}
.idxCoopreImg img:nth-child(4){  left: 70%; top: 66%;animation-delay: 6s;}
.idxCoopreImg img:nth-child(5){  left: 23.2%; top:10%;animation-delay: 6s;}
.idxCoopreImg img:nth-child(6){  left: 50%; top:10%;animation-delay: 6s; }
.idxCoopreImg img:nth-child(7){  left: 22%; top: 85%; animation-delay: 4s;}
.idxCoopreImg img:nth-child(8){  left:38%; top:24%; animation-delay: 0s;}
.idxCoopreImg img:nth-child(9){   left: 0; top: 30%; animation-delay: 2s;}
.idxCoopreImg img:nth-child(10){   left: 10%; bottom:47%;animation-delay: 6s;}
.idxCoopreImg img:nth-child(11){  left:82.4%; top:30%; animation-delay: 6s;}
.idxCoopreImg img:nth-child(12){  left: 76.1%; top: 10%;animation-delay: 0s; }
.idxCoopreImg img:nth-child(13){  left: 60%; top: 86.4%; animation-delay: 4s;}
.idxCoopreImg img:nth-child(14){  right: 0; top:80%;  animation-delay: 2s;}
.idxCoopreImg img:nth-child(15){  left: 64%; top: 28% ;animation-delay: 6s;}
.idxCoopreImg img:nth-child(16){  left: 0; top:50%; animation-delay: 2s; }
.idxCoopreImg img:nth-child(17){  left:48%; top:68%; animation-delay: 4s; }
.idxCoopreImg img:nth-child(18){  right: 0; top: 15%; animation-delay: 2s; }
.idxCoopreImg img:nth-child(19){   left: 0; top: 70%; animation-delay: 4s;}

.idxCoopreImg img:nth-child(n + 20){   display: none; }
@keyframes ani2_img{
	0%{transform:scale(0.5); -moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5); -webkit-transform:scale(0.5); opacity: 0;}
	33%{transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); opacity: 1;}
	50%{transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); opacity: 0;}
	100%{transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); opacity: 0;}
} 


.idxCoopre{ background-image: linear-gradient(to bottom,#2573d4,#124fa3);}
.idxCoopre .title{ position: absolute; left: 0; top:5vh;}
.idxCoopre .idxProDian{filter: grayscale(100%) brightness(500%);}

.idxCoopreTit{ position: absolute; width:50%; left:25%; top: 45%;   z-index: 10; text-align:center; color:#fff; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.idxCoopreTit .t1 { color:#fff;}
.idxCoopreTit p {font-size: 16px;  margin-top: 20px; }


 
.idxPartnersImg{ z-index: 5;}
.idxPartnersImg img{ width:100%; height:auto; position:absolute; left:0; top:50px; opacity:0; animation: ani2_img 12s linear infinite 0s; -webkit-animation: ani2_img 12s linear infinite 0s; }
.idxPartnersImg img:nth-child(1){animation-delay: 0s;}
.idxPartnersImg img:nth-child(2){animation-delay: 4s;}
.idxPartnersImg img:nth-child(3){animation-delay: 8s;}

  
 
 
 
 /* ===================关于百年========================= */ 
.index3 { padding:90px; width:100%; background:#f4f4f4; margin-top:140px; overflow:hidden;}
.index3_desc { margin:40px auto 0; width:70%; line-height:2; font-size:16px; text-align:center}
.index3_title { text-align:center;}
.index3 .value_info {   height: 160px;}
.index3 #seventh span { color: #da251d;display: flex;justify-content: center;}
.index3 .buttonBox p { color:#888888}
.index3 .buttonBox .tp { font-size:18px; color:#000}
.index3 .value_info dl dd { width: 25%;}
 
.h-ban{ position:relative; height:75vh;}
.bd .ul { height:75vh !important} 
.h-ban .bd li{  height:100% !important; width:100%; position:relative; overflow:hidden;}
.h-ban .bd li:hover .bd_info{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.1);transform:scale(1.03); transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.h-ban .bd li .bd_info{ -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;position:absolute; left:0; top:0;background-position:center; background-size:cover; background-repeat:no-repeat; height:100% !important; width:100%;}
 .h-ban .bd li .bd_info dl { opacity:0}



.h-ban .bd li a{ display:block;}
.h-ban .hd{ height:75vh;  position:absolute; left:0; top:0; width:100%; z-index:10;  }
.h-ban .hd span{ width:25%;  height:75vh; position:relative;  display:block; float:left;  cursor:pointer; color:#fff; font-size:20px;}
.h-ban .hd span::before { width:1px; height:100%; display:block; background:rgba(255,255,255,0.2); content:""; position:absolute; left:0; top:0;}
.h-ban .hd span:first-child::before { display:none;}
.h-ban .hd span:last-child{ border-bottom:0;}
.h-ban .hd span.on{  } 
.h-ban .hd span dl { margin:0 auto; width:65%;} 
.h-ban .hd span dl dd:first-child { margin-top:250px; margin-bottom:20px;  transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;} 
.h-ban .hd span.on dl dd:first-child { margin-top:200px;   transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;} 
.h-ban .hd span dl dd:first-child+dd { font-size:25px; margin-bottom:20px;}
.h-ban .hd span dl dd:first-child+dd+dd{  transform: translateX(50PX); overflow:hidden; line-height:2; font-size:14px;margin-bottom:80px; opacity:0;transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.h-ban .hd span.on dl dd:first-child+dd+dd {  transform: translateX(0); opacity:1;  transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.h-ban .hd span dl dd:last-child{ opacity:0; transform: translateY(0); transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s; }
.h-ban .hd span.on dl dd:last-child{ opacity:1; transform: translateY(-20px); transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s; }
.h-ban .hd span dl dd:last-child a { color:#fff;}
.h-ban .hd span dl dd:last-child:hover a { color:#da251d;}
.h-ban .hd span dl dd:last-child a i { font-size:14px; font-style:normal; display:inline-block; float:left; margin-right:5px; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.h-ban .hd span dl dd:last-child a:hover i {   margin-right:15px; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.h-ban .hd span dl dd:last-child a .icon_path { float:left;}
.h-ban .hd span dl dd:last-child a:hover .icon_path path {fill:#da251d;}
.h-ban .bd { width:100%; height:75vh; position:relative; overflow:hidden;}
.h-ban .bd::before { width:100%; height:100%; display:block;  content:""; position:absolute; left:0; top:0; z-index:2;background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(24, 109, 224, 0.5) 100%); transform:skew(-25deg) translateX(-50px);
-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06);

}
.h-ban .bd::after { width:100%; height:100%; display:block;  content:""; position:absolute; left:0; top:0; z-index:1;background:rgba(0,0,0,0.3)}








 /* ===================百年动态========================= */ 
.index4_z .top1 { text-align:left;}
.index4_title_l { width:50%;}
.index4_title_r { width:50%;} 
.index4_title_r .index2_more{ margin:30px 0 0 0; float:right; } 
.index4_info{ margin-top:40px;}
.index4_info .h-ban2 { width:35%;  position:relative; height:630px;}
.index4_info .h-ban2.bd .ul { height:630px !important} 
.h-ban2 .bd li{  height:100% !important; width:100%; position:relative;}
.h-ban2 .bd li .bd2_img { width:100%; overflow:hidden; height:320px;}
.h-ban2 .bd li .bd2_img img { display:block; width:100%;  }
.h-ban2 .bd li .bd2_info { margin-top:20px;}
.h-ban2 .bd li a .bd2_info p:first-child { color:#000; font-size:18px; margin-bottom:5px;}
.h-ban2 .bd li:hover a .bd2_info p:first-child { color:#da251d;  }
.h-ban2 .bd li a .bd2_info p:last-child { color:#888888; line-height:1.5;     display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
.h-ban2 .bd li a .bd2_more { padding:20px 0 0 0; margin-top:25px; border-top:1px solid #ededed }	
.h-ban2 .bd li a .bd2_more dl dd { width:50%; float:left;    font-family: "DIN";}
.h-ban2 .bd li a .bd2_more dl dd:first-child span{ display:block; color:#333333; font-size:50px;}
.h-ban2 .bd li:hover a .bd2_more dl dd:first-child span{   color:#da251d;  }
.h-ban2 .bd li a .bd2_more dl dd:first-child p{ color:#888888;}	
.h-ban2 .hd{ height:20px;  position:absolute; left:0; bottom:20px; width:100%; z-index:10;  } 
.h-ban2 .hd span{ width:8px; height:8px; display:block; position:relative; border-radius:20px; margin-right:10px;  display:block; float:left;  cursor:pointer;  background:#c7c7c7}
.h-ban2 .hd span.on{  background:#da251d } 
.h-ban2 .bd li a .bd2_more dl dd:last-child {transform: rotateX(180deg); margin-top:20px; }
.h-ban2 .bd li a .bd2_more dl dd:last-child SPAN { display:block; }
.h-ban2 .bd li a .bd2_more dl dd:last-child .icon { float:right; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.h-ban2 .bd li:hover a .bd2_more dl dd:last-child .icon { margin-right:20px;transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s; }
.h-ban2 .bd { width:100%; height:75vh; position:relative; overflow:hidden;}

.index4_right { width:65%} 
.index4_right ul li { float:left; margin-left:7%; width:43%; margin-bottom:34px;    }
.index4_right ul li a dl dd:first-child { color: #000; font-size: 18px;margin-bottom:10px; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.index4_right ul li:hover a dl dd:first-child { color: #da251d;  }	
 .index4_right ul li a dl dd:first-child+dd {    color: #888888;
    line-height: 1.6;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.index4_right ul li { padding-bottom:20px; border-bottom:1px solid #ededed}
.index4_right ul li a dl span { display:block; width:100%;  font-family: "DIN"; text-align:left;}
.index4_right ul li a dl span:first-child i{ font-style:normal; display:block; color:#333333; font-size:50px; margin-left:-5px;}
.index4_right ul li a:hover dl:first-child  span:first-child i{   color:#da251d;  }
.index4_right ul li a dl span:first-child  em{ color:#888888;font-style:normal; }	
 .index4_right ul li a dl dd:last-child span:first-child  {color:#888888;}
 .index4_right ul li a dl dd:last-child span:last-child  { text-align:left;   transform: translateY(-5px) }
 .index4_right ul li a dl dd:last-child span:last-child .icon { float:right;    transform: rotateX(180deg);  transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
 .index4_right ul li:hover a dl dd:last-child span:last-child .icon { margin-right:10px; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
  .index4_right ul li:hover a dl dd:last-child span:last-child .icon path { fill: #da251d;}
 .index4_right ul li a dl dd:last-child span { display:block; float:left; width:50%;}
.index4_right ul li a dl dd:last-child { margin-top:10px;}




 /* ===================底部========================= */ 
.hon_foot .footer  { margin-top:0}
.jz_foot .footer  { margin-top:0}
.footer { width:100%; margin-top:70px;}
.footer_bj { width:100%; padding:70px 0; background:#f4f4f4; height:330px; position:relative;}
.jz_foot{ width:100%; background:#fff; position:relative; padding-top:70px;}
.footer_a img{ width:35px; display:block;float:left; margin-left:2px;}
.footer_a { height:35px; font-size:18px; line-height:35px;}
.footer_a span { display:inline-block; float:left}
.footer_a span i{ display:inline-block; font-style:normal; padding:0 10px; font-size:18px;}
.footer_b { font-family: "DIN"; font-size:45px; color:#000; margin-top:40px; }
.footer_c { margin-top:5px; color:#888888} 
.footer_c dl dd:last-child { color:#333333; margin-top:5px;}
.footer_l { width:50%;}
.footer_r { width:50%;}
.copyright { width:100%; height:70px;   line-height:70px; text-align:center; background:#232323 ; color:#999;}
.copyright a{  color:#999;}
.copyright a:hover{  color:#fff;}
.footer_ra dl dd {display: inline-block;
    border: 1px solid #d1d1d1;
    margin-left: 4%;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    vertical-align: top;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.5s;
    position: relative;
}
.footer_ra dl dd:first-child:hover {  border: 1px solid #0abc64;}
.footer_ra dl dd:first-child+dd:hover {  border: 1px solid #f79115;}
.footer_ra dl dd:first-child+dd+dd:hover {  border: 1px solid #211043;}
.footer_ra dl dd:last-child:hover {  border: 1px solid #da251d;}

.footer_ra{ text-align:right;}
.footer_ra dl dd span {    display: block; width: 100%; height: 100%; position:relative;}
.footer_ra dl dd img {transition:all 1s; position:absolute; top:-110px; left:-80%;filter:alpha(opacity:0); opacity:0; width:120px;}
.footer_ra dl dd:hover img {transition:all 1s;filter:alpha(opacity:100); opacity:1;top:-130px; left:-80%;}
.footer_ra dl dd span .icon { position:absolute;}
.footer_ra dl dd:first-child span .icon { left:9px; top:9px;}
.footer_ra dl dd:first-child+dd span .icon { left:2px; top:7px;}
.footer_ra dl dd:first-child+dd+dd span .icon { left:9px; top:9px;}
.footer_ra dl dd:last-child span .icon { left:7px; top:7px;}
.footer_rb { margin-top:50px; text-align:right;}
.footer_rb dl dd { margin-bottom:5px; color: #888888;}


/* search */
.reveal-modal-bg{position:fixed !important;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0; opacity:0.7 !important;}
.reveal-modal{visibility:hidden;top:300px !important;left:0;width:100%;position:fixed;z-index:101; }
.header_pro .reveal-modal{ top:-10px !important; }
.fixed .reveal-modal { position:fixed;    top: 81px !important; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.nav_z .nav ul .search a{display:block;width:100%; height:110px;margin:0 auto;text-align:center;font-size:18px;color:#5e5e5e;text-decoration:none;}
.search_modal_r { margin:0 auto; position:relative; width:600px; height:70px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4); background:#f4f4f4;}
.search_modal_r .text_search { width:410px; padding:0 10px; float:right; margin-right:90px; border:0; background:#fff;height:40px; line-height:40px; margin-top:15px;}
.search_modal_r .search_btn { text-align:center; line-height:10px; width:60px; margin-left:15px; float:left; position:relative; background:#da251d; height:40px; margin-top:15px;}
.search_modal_r .search_btn:hover {  background:#333333;  }
.search_modal_r .close-reveal-modal { width:70px; height:70px; line-height:60px; text-align:center; color:#000; font-size:50px; position:absolute; right:10px; top:0; font-weight:100; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.search_modal_r .close-reveal-modal:hover { color:#da251d;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;     transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}
.search_modal_r .search_btn::before {  content: "\e86e"; left:12px; top:0; color:#fff; font-size:25px; width:40px; height:40px; text-align:center; line-height:40px;  } 
 
	




 /* ===================内页关于我们========================= */ 
 #inner_header { height:auto;}
.inner_banner { width:100%;height:75vh;   position:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; } 
.news_banner { width:100%;height:75vh; position:relative;background-position:center; background-repeat:no-repeat; background-size:cover; } 
.b_height{ width:100%;height:75vh;}
.news_banner img { width:100%; display:block}
.i_banner_title {  position:absolute; left:0; top:0; width:100%; z-index:2; color:#fff; height:75vh;}
.i_banner_z  { height:100%;-ms-flex-align: center; 
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.i_banner_z img { display:block; width:100%;}
.i_banner_z dl{ text-align:center;    width: 100%;}	
.i_banner_z dl dd { color:#fff;  font-family: "SourceHanSansCN-ExtraLight"; /* Project id  */}
.i_banner_z dl dd:first-child  { font-size:45px; margin-bottom:20px;}
.i_banner_z dl dd:last-child p{  font-size:16px; margin-bottom:5px;}

#ba_yx .i_banner_z dl dd i { display:inline-block; color:#fff; font-style:normal;  font-family: "微软雅黑"}
#ba_yx .i_banner_z dl dd i em { display:inline-block; color:#fff; font-style:normal; padding:0 20px;}

.inner_banner_info { width:100%; position:absolute; left:0; top:350px; z-index:1}
.inner_banner_z dl dd { color:#fff;  font-family: "SourceHanSansCN-ExtraLight"; /* Project id  */}
.inner_banner_z dl dd p:first-child  { font-size:65px; margin-bottom:20px;}
.inner_banner_z dl dd p:last-child { padding-left:120px;font-size:35px;  }
.current {  width:100%; position:absolute; left:0; bottom:0; height:80px; z-index:99; }
.current_z ul li:hover {    opacity:1}
.current_z ul { width:50%; float:left}
.current_z dl { width:50%; float:right}
.current_z ul li i { display:inline-block; padding:0 10px;}
.current_z ul li { height:80px; line-height:80px; float:left; margin-right:5px;opacity:0.7}
.current_z ul li a { color:#cfcfcf; display:inline-block;}
.current_z ul li a:hover { color:#fff; }
.current_z ul li a .icon { display:inline-block; position:absolute; left:0; top:22px;}
 .current_z ul li a .icon path{fill:#cfcfcf;}
.current_z ul li:first-child { width:35px; position:relative;}
 .current_z ul li:last-child a i { display:none;}
.n_contact dl dt{ display:inline-block; width:100%; font-family: "SourceHanSansCN-ExtraLight"; color:#fff;}
.n_contact dl dt h2{  font-size:65px; margin-bottom:20px;font-weight:100;} 
.n_contact dl dt h4{ padding-left:120px;font-size:35px;  font-weight:100;}

.about1 {   width:100%; background:#f4f4f4; z-index:99999; min-height:240px; margin-top:200px;position: relative; z-index:1 } 
.about1_z { width:100%; position:absolute; top:-312px; left:0; z-index:2}
.about1 .value_content { margin-top:150px;}
.about1_title { text-align:center;}
.about1_title h3 { font-size:40px; color:#000; font-weight:100;}
.about1_title h3::after { display:block; width:60px; height:1px; background: #000;opacity: 0.3; margin:20px auto; content:""}
.about1_title p { font-size:17px; color:#000;  }
.about1_content { line-height:2.2; text-align:center; margin-top:80px;}
.about1_content  span { display:block;}
.about1_img { margin-top:80px;}
.about1_img img { width:55%; margin:0 auto; display:block; }


.about2 {height:324px; width:100%;background:#f4f4f4;   padding-top: 88px; }
.about2 .value_content { position: relative; z-index:111 }
.about2 .value_info { margin:0}
.about2 #seventh span { color:#da251d}
.about2 #seventh i {  color: #000; font-size:14px;}
.about2 #seventh p {  color: #000; font-size:16px;}

.about3 { width:100%; background:#000; height:700px;background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;     background: fixed;}
.about3::after{ display:block; width:100%; height:100%; content:""; position:absolute; left:0; top:0; z-index:1; background:rgba(0,0,0,0.6)}
.about3_title dl dt { color:#fff; font-size:50px; font-family: "SourceHanSansCN-ExtraLight"; margin-bottom:10px;}
.about3_title dl dd { color:#fff; font-size:20px; font-family: "SourceHanSansCN-ExtraLight";}
.about3_title { position:absolute; left:0; top:250px; z-index:66; width:100%}
.about3_z dl{ width:75%; float:right;}

.about4 {display: table;  position: relative; width: 100%;  background: #8d8d8d; z-index:99}
.about4_info {     float: right; position: relative; margin-top: -281px; width: 1524px;}
.about4_info ul li { overflow:hidden;background: #1d1f24;}
.about4_info ul li img { width:100%; display:block;}
.about4_info ul li dl dd { width:50%; float:left;}
.about4_info ul li:first-child+li dl dd:first-child { float:right !important}
.about4_info ul li:first-child+li dl dd:last-child { float:left !important}
.about4_info ul li dl .con_a { padding:5% 10% 0} 
.about4_info ul li dl .con_a .about4_info_t { color:#fff; font-size:25px; margin-bottom:20px;}
.about4_info ul li dl .con_a .about4_info_i {     position: relative;
    margin-bottom: 0;
    /* height: 84px; */
    line-height: 28px;

    color: #898989;}
.about4_info ul li dl .con_a .about4_info_i::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -28px;
    width: 28px;
    height: 3px;
    background: #d51b32;}

 
.Productlist2 ul li a { display:block; border-radius:10px; background:#f4f4f4; padding:90px 90px; min-height:490px; position:relative;}
.Productlist2 ul li a dl dd:first-child{ min-height:100px; overflow:hidden; margin-bottom:10px; padding-left:100px;}
.Productlist2 ul li a dl dd:first-child+dd { font-size:30px; color:#000;padding-left:100px;}
.Productlist2 ul li a dl dd:first-child+dd+dd { line-height:2; margin-top:30px; color:#000; font-size:16px; padding-top:30px; border-top:1px solid #dbdbdb}
#IndexBlock2 { margin-top:80px;}
.Productlist2 ul li a dl dd:last-child { position:absolute; left:89px; font-size:160px; top:70px;  font-family:"impact"; color:#000; opacity:0.04}
.Productlist2 .Point { height:16px; margin-top:50px;}
.Productlist2 .Point span{ position:relative;background: #f4f4f4; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}



.abo_bj { width:100%;  height:169vh;  }
 




/**产品**/
.Productlist{ margin:0 -0.1rem; }
.Productlist li{ padding:0.1rem; }
.Productlist .Box{ display: block; background-color: #fff; border:0.01rem solid #f2cf00; padding:0.2rem; }
.Productlist .Box img{ display: block; margin:0 auto; }
.Productlist .cont{ border-top:0.01rem solid #eeeeee; margin-top: 0.2rem; margin-bottom: 0.1rem; }
.Productlist .title{ font-size: 0.16rem; font-weight: bold; color:#000000; line-height: 1.5em; margin:0.2rem 0 0.1rem; text-transform: uppercase; }
.Productlist .Box:hover{ border-color:#da251d; }
.Productlist .Box:hover .title{ color:#da251d; }
.Productlist .Box:hover .more{ background-color:#da251d; }
 
/**首页**/

#IndexBlock2{ position: relative; }
 
#IndexBlock2 .container{ position: relative; z-index: 2; }
#IndexBlock2 .Productlist2{ overflow:hidden; }
#IndexBlock2 .Productlist{ margin:0; }
#IndexBlock2 .Productlist li{ padding:0; }
#IndexBlock2 .PBox{ position: relative; margin-bottom: 6.66%; }

#IndexBlock2 .PNBtn span{  position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:50px; width:50px; border-radius:50%; z-index: 2; }
#IndexBlock2 .PNBtn span i{   height:50px; width:50px; display:block; position:relative; border-radius:50%; cursor:pointer;}
#IndexBlock2 .PNBtn span:hover i{ background:#da251d}
#IndexBlock2 .PNBtn .prev{  left:-70px; }
#IndexBlock2 .PNBtn .next{ right:-70px; transform: rotate(180deg); }
#IndexBlock2 .PNBtn span i .icon { position:absolute;  }
#IndexBlock2 .PNBtn span:hover i .icon path{ fill:#ffffff} 
#IndexBlock2 .PNBtn .prev i .icon {  left:9px; top:10px;}
#IndexBlock2 .PNBtn .next i .icon {  left:9px; top:10px;}  

 
  
.about6 { width:100%; overflow:hidden; background:#000; margin-top:60px;}
.about6_content ul li { width:20%; float:left}
.about6_content ul li a .about6_img { width:100%; position:relative;}
.about6_content ul li a .about6_img img{ display:block; width:100%;}
.about6_content ul li a .about6_img::before { display:block; content:""; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:hover a .about6_img::before {   background:rgba(0,0,0,0); transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  }
.about6_content ul li a { display:block; width:100%; height:100%; position:relative;}
.about6_content ul li a .about6_info {width:100%; height:100%; position:absolute;   top:0; background:#333333 }
.about6_content ul li:first-child{ margin-right:20%;}
.about6_content ul li a .about6_info dl { padding:80px;}

.about6_content ul li:first-child a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about6_content ul li:first-child:hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }

.about6_content ul li a .about6_info dl dd:first-child{ color:#fff; font-size:20px; margin-bottom:10px;transform: translateX(-50px);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about6_content ul li:hover a .about6_info dl dd:first-child{ transform: translateX(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about6_content ul li a .about6_info dl dd:first-child+dd{ color:#fff; font-size:14px; margin-bottom:25px; padding-left:30px; position:relative;transform: translateX(-50px);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about6_content ul li:hover a .about6_info dl dd:first-child+dd{  transform: translateX(0);transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.about6_content ul li a .about6_info dl dd:first-child+dd::before { position:absolute; left:0; top:10px; width:20px; background:#fff; height:1px; content:""; display:block;}
.about6_content ul li a .about6_info dl dd:first-child+dd+dd{ color:#666666; font-size:12px; line-height:1.7;transform: translateX(-50px);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about6_content ul li:hover a .about6_info dl dd:first-child+dd+dd{  transform: translateX(0);transition:all 1.2s; -moz-transition:all 1.2s; -ms-transition:all  1.2s; -o-transition:all  1.2s; -webkit-transition:all  1.2s;}
.about6_content ul li a .about6_info::after{ content: '';  position: absolute;   z-index: 66;   top:50%; border-color:  transparent transparent transparent #333; margin-top: -15px; border-width: 15px;  border-style: solid; }
.about6_content ul li:first-child a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:first-child:hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

/*2*/
.about6_content ul li:first-child+li { margin-right:20%;}
.about6_content ul li:first-child+li a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about6_content ul li:first-child+li:hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about6_content ul li:first-child+li a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:first-child+li:hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }


/*3*/
.about6_content ul li:first-child+li+li a .about6_info {  left:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about6_content ul li:first-child+li+li:hover a .about6_info {    opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about6_content ul li:first-child+li+li a .about6_info::after{ right:-20px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:first-child+li+li:hover a .about6_info::after{ right:-29px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }


/*4*/
.about6_content ul li:first-child+li+li+li { margin-left:20%;}
.about6_content ul li:first-child+li+li+li a .about6_info {  left:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about6_content ul li:first-child+li+li+li:hover a .about6_info {    opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about6_content ul li:first-child+li+li+li a .about6_info::after{ right:-20px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:first-child+li+li+li:hover a .about6_info::after{ right:-29px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

.about6_content ul .t_logo { text-align:center; color:#fff;  }
.about6_content ul .t_logo dl dt { margin-top:120px; width:100%;}
.about6_content ul .t_logo dl dt img { width:50px; display:block; margin:0 auto;-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul .t_logo:hover dl dt img { -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
    -moz-filter: brightness(1) invert(0);
    -ms-filter: brightness(1) invert(0);
    -o-filter: brightness(1) invert(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }	
.about6_content ul .t_logo dl dd { font-size:16px; margin-top:20px;}

/*5*/
.about6_content ul li:first-child+li+li+li+li+li { margin-right:20%;}
.about6_content ul li:first-child+li+li+li+li+li a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about6_content ul li:first-child+li+li+li+li+li:hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about6_content ul li:first-child+li+li+li+li+li a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:first-child+li+li+li+li+li:hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

/*6*/
.about6_content ul li:first-child+li+li+li+li+li+li{ margin-right:20%;}
.about6_content ul li:first-child+li+li+li+li+li+li a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:first-child:first-child+li+li+li+li+li+li:hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:first-child+li+li+li+li+li+li a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about6_content ul li:first-child+li+li+li+li+li+li:hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }

/*7*/
.about6_content ul li:nth-child(8) { margin-right:20%;}
.about6_content ul li:nth-child(8) a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about6_content ul li:nth-child(8):hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about6_content ul li:nth-child(8) a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:nth-child(8):hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }



/*8*/
.about6_content ul li:nth-child(9) a .about6_info {  left:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about6_content ul li:nth-child(9):hover a .about6_info {    opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about6_content ul li:nth-child(9) a .about6_info::after{ right:-20px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:nth-child(9):hover a .about6_info::after{ right:-29px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }


/*9*/
.about6_content ul li:nth-child(10){ margin-left:20%;}
.about6_content ul li:nth-child(10) a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:nth-child(10):hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about6_content ul li:nth-child(10) a .about6_info {  left:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about6_content ul li:nth-child(10):hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
 



 

.about7_desc { width:100%; height:0; overflow:hidden;  background:#000;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about7 .about7on { height:auto; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}


.about7_desc ul li { width:20%; float:left}
.about7_desc ul li a .about6_img { width:100%; position:relative;}
.about7_desc ul li a .about6_img img{ display:block; width:100%;}
.about7_desc ul li a .about6_img::before { display:block; content:""; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; transition:all 0.6s; -moz-about7_desc:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about7_desc ul li:hover a .about6_img::before {   background:rgba(0,0,0,0); transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  }
.about7_desc ul li a { display:block; width:100%; height:100%; position:relative;}
.about7_desc ul li a .about6_info {width:100%; height:100%; position:absolute;   top:0; background:#333333 }
.about7_desc ul li:first-child{ margin-left:20%;}
.about7_desc ul li a .about6_info dl { padding:80px;}

.about7_desc ul li:first-child a .about6_info {  left:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about7_desc ul li:first-child:hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }

.about7_desc ul li a .about6_info dl dd:first-child{ color:#fff; font-size:20px; margin-bottom:10px;transform: translateX(-50px);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about7_desc ul li:hover a .about6_info dl dd:first-child{ transform: translateX(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about7_desc ul li a .about6_info dl dd:first-child+dd{ color:#fff; font-size:14px; margin-bottom:25px; padding-left:30px; position:relative;transform: translateX(-50px);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about7_desc ul li:hover a .about6_info dl dd:first-child+dd{  transform: translateX(0);transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.about7_desc ul li a .about6_info dl dd:first-child+dd::before { position:absolute; left:0; top:10px; width:20px; background:#fff; height:1px; content:""; display:block;}
.about7_desc ul li a .about6_info dl dd:first-child+dd+dd{ color:#666666; font-size:12px; line-height:1.7;transform: translateX(-50px);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about7_desc ul li:hover a .about6_info dl dd:first-child+dd+dd{  transform: translateX(0);transition:all 1.2s; -moz-transition:all 1.2s; -ms-transition:all  1.2s; -o-transition:all  1.2s; -webkit-transition:all  1.2s;}
.about7_desc ul li a .about6_info::after{ content: '';  position: absolute;   z-index: 66;   top:50%; border-color:  transparent transparent transparent #333; margin-top: -15px; border-width: 15px;  border-style: solid; }

.about7_desc ul li:first-child{ margin-right:20%;}
.about7_desc ul li:first-child .about6_info::after{ right:-20px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about7_desc ul li:first-child:hover a .about6_info::after{ right:-29px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }



.about7_desc ul li:nth-child(2){ margin-right:20%;}
.about7_desc ul li:nth-child(2) a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about7_desc ul li:nth-child(2):hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about7_desc ul li:nth-child(2) a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about7_desc ul li:nth-child(2):hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }




.about7_desc ul li:nth-child(3) { margin-right:20%;}
.about7_desc ul li:nth-child(3) a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about7_desc ul li:nth-child(3):hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about7_desc ul li:nth-child(3) a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about7_desc ul li:nth-child(3):hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }


/*2*/
.about7_desc ul li:nth-child(4) { margin-right:20%;}
.about7_desc ul li:nth-child(4) a .about6_info {  right:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.about7_desc ul li:nth-child(4):hover a .about6_info {   opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about7_desc ul li:nth-child(4) a .about6_info::after{ left:-20px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about7_desc ul li:nth-child(4):hover a .about6_info::after{ left:-29px;   transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }


/*3*/
.about7_desc ul li:nth-child(5) a .about6_info {  left:-100%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about7_desc ul li:nth-child(5):hover a .about6_info {    opacity:1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   } 
.about7_desc ul li:nth-child(5) a .about6_info::after{ right:-20px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about7_desc ul li:nth-child(5):hover a .about6_info::after{ right:-29px;   transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0);transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

/*品牌客户*/
.IndexBlock1 { padding-top:110px;   position: relative; }
#IndexBlock1:before{ position: absolute; left:0; top:0.1rem; height: 100%; width: 100%; content: ""; display: block; background:url(../images/back.png) no-repeat right bottom; position: absolute; }
#IndexBlock1 .container{ position: relative; z-index: 2; }
#IndexBlock1 .PBoxs{ overflow:hidden; }
#IndexBlock1 .Productlist{ margin:0; }
#IndexBlock1 .Productlist1{ padding:1px; margin-right:-1px}
#IndexBlock1 .Productlist li{ padding:0; }
#IndexBlock1 .Points{ display: block; font-size: 0; line-height: 0; padding:4.16% 0; text-align: center; }
#IndexBlock1 .Points span{ opacity: 1; background: #d2d2d2; height:5px; width:5px; margin:0 10px;  border-radius:50px; }
#IndexBlock1 .Points span.swiper-pagination-bullet-active{ background: #da251d;width:30px; }
.Productlist1 ul li a .imgBox{ width:100%; position:relative; min-height:160px;}
.Productlist1 ul li a .imgBox img{background-color: white; /* 背景色为白色 */ position:absolute; left:0; top:0; z-index:99; width:100%; display:block; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.Productlist1 ul li:hover a .imgBox img{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);    opacity:1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);}
.Productlist1 ul li a:hover {background: #f2f2f2;} 
.Productlist1 ul li a:hover .imgBox{background: #fff;} 
.Productlist1 ul li a .imgBox::after{ padding:1px;content: '';position: absolute;display: block;left:-1px;top:-1px;width: 101%;height: 101%;background: #f2f2f2; z-index:58; opacity:0}
.Productlist1 ul li a:hover .imgBox::after{ opacity:1}
.Productlist1 ul li a .imgBox p { position:absolute; left:0; top:0; width:100%; z-index:2; opacity:0}
#IndexBlock1 .PBoxs { padding-top:50px;}
.Productlist1 ul li { position:relative; margin-top:-1px !important;}
.Productlist1 ul li a { position:relative;display:block; border:1px solid #f2f2f2; margin-left:-1px; }
.Productlist1 ul li::after{content: '';position: absolute;display: block;left:-20px;top:-20px;width: 41px;height: 41px;background: #fff; z-index:5}
.Productlist1 ul li::before{content: '';position: absolute;display: block;left:-20px;bottom:-20px;width: 41px;height: 41px;background: #fff; z-index:5}
.Productlist1 ul li a::after{content: '';position: absolute;display: block;right:-20px;top:-20px;width: 41px;height: 41px;background: #fff; z-index:5}
.Productlist1 ul li a::before{content: '';position: absolute;display: block;right:-20px;bottom:-20px;width: 41px;height: 41px;background: #fff; z-index:5}

/*.Productlist1 ul li:after{content: '';position: absolute;display: block;right: 0;top: 5%;width: 1px;height: 90%;background: #f2f2f2;}
.Productlist1 ul li:before{content: '';position: absolute;display: block;left: 5%;bottom: 0;width: 90%;height: 1px;background: #f2f2f2;}

.Productlist1 ul li a:after{content: '';position: absolute;display: block;left: 0;top: 5%;width: 1px;height: 90%;background: #f2f2f2;}
.Productlist1 ul li a:before{content: '';position: absolute;display: block;left: 5%;top: 0;width: 90%;height: 1px;background: #f2f2f2;}

.Productlist1 ul li:nth-child(3)::before{ display:none;}
.Productlist1 ul li:nth-child(6)::before{ display:none;}
.Productlist1 ul li:nth-child(9)::before{ display:none;}
.Productlist1 ul li:nth-child(12)::before{ display:none;}
.Productlist1 ul li:nth-child(15)::before{ display:none;}
.Productlist1 ul li:nth-child(18)::before{ display:none;}
.Productlist1 ul li:nth-child(21)::before{ display:none;}
.Productlist1 ul li:nth-child(24)::before{ display:none;}
.Productlist1 ul li:nth-child(27)::before{ display:none;}
.Productlist1 ul li:nth-child(30)::before{ display:none;}
.Productlist1 ul li:nth-child(33)::before{ display:none;}
.Productlist1 ul li:nth-child(36)::before{ display:none;}
.Productlist1 ul li:nth-child(39)::before{ display:none;}
.Productlist1 ul li:nth-child(42)::before{ display:none;}*/
#IndexBlock1 .PNBtn  { display:none;}
#IndexBlock1 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; }
#IndexBlock1 .PNBtn .prev{ background:rgba(242,207,0,1) url(../images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; }
#IndexBlock1 .PNBtn .next{ background:rgba(242,207,0,1) url(../images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; }
#IndexBlock1 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }
 
 /*最新案例动态*/
.inner_title { width:100%; padding:70px 0 70px; overflow:hidden; text-align:center; font-size:45px;    border-bottom: 1px solid #ededed;}
.zx_info { padding-top:80px;}
#IndexBlock4{  position: relative; }
#IndexBlock4 .container{   border: 1px solid #ededed; }
#IndexBlock4 .Productlist4{ overflow:hidden; }
#IndexBlock4 .Productlist{ margin:0; }
#IndexBlock4 .Points{ font-size: 0; display:none; line-height: 0; padding:40px 0 60px; text-align: center; }
#IndexBlock4 .Points span{ opacity: 1; background: #da251d; height: 8px; width:8px; display:block;   }
#IndexBlock4 .Points span .icon {fill:#ffffff;}
#IndexBlock4 .Points span.swiper-pagination-bullet-active{ background-color: #da251d; }
#IndexBlock4 .Productlist li .PBoxs_nl{ width:50%; }
#IndexBlock4 .Productlist li .PBoxs_nl img{ width:100%; display:block; }
#IndexBlock4 .Productlist li .PBoxs_nr{ width:50%; height:100%;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
#IndexBlock4 .Productlist li { padding:0}	
#IndexBlock4 .container { margin:0 auto; width:93%;    }
#IndexBlock4 .Productlist li .PBoxs_nr img { height:35px; display:block;} 
.inner_news { padding-top:80px;}
.inner_news_t { font-size:35px; }
 
#IndexBlock4 .Productlist li a { width:100%;   overflow:hidden;  }
#IndexBlock4 .Productlist li a .PBoxs_nr dl {  padding: 10% 10% 0; height:100%; }
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child { color:#da251d; margin-bottom:20px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd { color:#000; font-size:25px; margin-bottom:25px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd { color:#000; margin-bottom:35px; height:29px; line-height:29px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd em { float:left; position:relative; font-style:normal;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd em i { display:inline-block; padding:0 7px; margin-right:10px; position:relative;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd em .icon { position:absolute; left:0; top:5px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd .emn3 .icon {  top:3px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd .emn1 { display:inline-block; padding-right:20px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd .emn2 { display:inline-block; padding-right:10px; padding-left:33px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd .emn3 { display:inline-block; padding:0 20px 0 35px; margin-left:20px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd+dd { color:#6b7280; line-height:2; margin-bottom:80px;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:last-child span{ display:block; width:152px; height:47px; line-height:47px; text-indent:2em; position:relative; background:#da251d; color:#fff;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:last-child span:hover{  background:#232323; color:#fff;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:last-child span .icon { position:absolute; right:30px; top:20px; fill:#fff;}
#IndexBlock4 .PNBtn .next {left:0;}
#IndexBlock4 .PNBtn .prev { right:0px; }
#IndexBlock4 .PNBtn span{ cursor:pointer; opacity: 1;  height: 55px; width:55px; position:absolute; top:50%; display:block; z-index:9999999;  }
#IndexBlock4 .PNBtn span:hover{     }
#IndexBlock4 .PNBtn span i { display:block; position:relative;height: 55px; width:55px;}
#IndexBlock4 .PNBtn span i::before{ opacity:0;display:block; width:30px; height:2px; background:#333333; position:absolute; top:32px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; content:""; display:block;} 

#IndexBlock4 .PNBtn span i:hover::before{ opacity:1; background:#da251d;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
#IndexBlock4 .PNBtn .prev i::before { left:-10px;}
#IndexBlock4 .PNBtn .prev:hover i::before { left:15px;}
#IndexBlock4 .PNBtn .next i::before { right:-10px;}
#IndexBlock4 .PNBtn .next:hover i::before { right:15px;}

#IndexBlock4 .PNBtn span i .icon { position:absolute; top:16px; width:35px !important;}
#IndexBlock4 .PNBtn .next i .icon { left:0;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
#IndexBlock4 .PNBtn .next i:hover .icon { left:-15px;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
#IndexBlock4 .PNBtn .prev i .icon { right:0; transform: rotate(180deg);  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
#IndexBlock4 .PNBtn .prev i:hover .icon { right:-15px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
#IndexBlock4 .PNBtn span i .icon path{  fill:#333333; }
#IndexBlock4 .PNBtn span i:hover .icon path{  fill:#da251d; }
#IndexBlock4 .swiper-notification { display:none;}
.tjnews1 { padding-top:40px;}
.tjnews1_z { margin:0 auto; width:93%;    }
.tjnews1_z ul li { float:left; margin-left:3%;  width:22.7%;}
.tjnews1_z ul li:first-child {  margin-left:0}
.tjnews1_z ul li a  img{   width:100%; display:block}
.tjnews1_z ul li a .tjnews1_l{ width:40%;}
.tjnews1_z ul li a .tjnews1_r{ width:55%;}
.tjnews1_z ul li a dl dd:first-child { font-size:18px; color:#333333; margin-bottom:10px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.tjnews1_z ul li a  dl dd:last-child { margin-top:10px;font-size:14px;color: #6b7280;line-height:1.2;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.tjnews1_z ul li a .tjnews1_r i { font-style:normal; display:inline-block; margin-right:5px;}

.tjnews2 { padding:120px 0 0 0; }
.tjnews2_t h3 { font-size:35px; font-weight:500; float:left; width:50%;}
.tjnews2_t a {   float:right; margin-top:0 }

zx_news { width:100%; padding:65px 0; margin-top:50px; overflow: hidden; background: #f9fafb;}
.zx_news_t {font-size:35px; }
.zx_news_i { margin-top:40px;}
.zx_news_i ul li { padding-bottom:25px; float:left; width:23.5%; margin-left:2%; background:#fff;    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 7%);}
.zx_news_i ul li:first-child {   margin-left:0;}
.newslist .zx_news_i ul li:nth-child(4n+1){  margin-left:0;}
.newslist .zx_news_i ul li{  margin-bottom:2%;}
.zx_news_i ul li a dl { }
.zx_news_i ul li a dl dd:first-child { width:100%; overflow:hidden; }
.zx_news_i ul li a dl dd:first-child img{   width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.zx_news_i ul li:hover a dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.zx_news_i ul li a dl dd:first-child+dd{ padding:0 25px;margin-top:25px; }
.zx_news_i ul li a dl dd:first-child+dd span{  color:#000; }
.zx_news_i ul li a dl dd:first-child+dd p{  font-size:18px; color:#000; margin-top:20px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.zx_news_i ul li:hover a dl dd:first-child+dd p{  color:#da251d; text-decoration:underline;} 
.zx_news_i ul li a dl dd:first-child+dd+dd{   color:#6b7280; margin-top:20px; line-height:1.6;padding:0 25px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.zx_news_i ul li a dl dd:last-child { margin-top:50px;padding:0 25px;}
.zx_news_i ul li a dl dd:last-child p { width:50%; float:left; color:#000;}
.zx_news_i ul li a dl dd:last-child p:last-child { text-align:right; position:relative; padding-right:30px;}
.zx_news_i ul li a dl dd:last-child p:last-child .icon path{  fill:#000000;}
.zx_news_i ul li a dl dd:last-child p:last-child .icon { position:absolute; bottom:0; right:0;transform: rotateX(180deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;}
.zx_news_i ul li:hover a dl dd:last-child p:last-child .icon { right:-10px;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;}
#zx_news_b { background:#fff; margin-top:60px; padding:0 0 10px}


.tjnews3{ width:100%; padding:120px 0; overflow:hidden; background:#f4f4f4; margin-top:120px;}

.news_body { background:#f4f4f4}
.newlist { padding-top:170px;}
.header_news { width:100%; background:#232323; height:350px; position:relative;}
.header_news_t { width:100%; text-align:center; font-size:40px; line-height:400px; z-index:999;    font-family: "SourceHanSansCN-ExtraLight";color:#fff; position:absolute;left:0; top:0;  }
#inner_sy .header_news_t { line-height:inherit; top:45%;}

#inner_sy .header_news_t dl dd:last-child a { margin:20px auto; display:block; border:1px solid #fff; width:55px; height:55px; line-height:45px; border-radius:100px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
#inner_sy .header_news_t dl dd:last-child a svg { margin-top:10px;}
#inner_sy .header_news_t dl dd:last-child a:hover  {border:1px solid #da251d; background:#da251d;

 transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}


/*
.header_news #inner_header .logo a span p { color:#000;}
.header_news #inner_header .top_head  {    border-bottom: 1px solid #ededed; background:#fff;}
.header_news #inner_header .nav_z .nav ul li .f_a {   color: #000;}
.header_news #inner_header .nav_z .nav ul li .f_a:hover{   color: #da251d;}
.header_news #inner_header .nav_z .nav ul .t_sort::before {  background:#ededed;}
.header_news #inner_header .nav_z .nav ul .t_sort span em i {    background: #000;}

*/
.newlist_sort ul li { float:left; margin-right:20px;    position:relative;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist_sort ul li:hover { padding-left:40px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist_sort ul li::before { content:""; display:block; width:0; height:1px ; position:absolute; left:0; top:10px; background:#000;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist_sort ul .cur::before { width:30px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.newlist_sort ul li:hover::before { width:30px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.newlist_sort ul li a { color:#6b7280;   }
.newlist_sort ul .cur a { color:#000;   }

.newlist_sort ul li a:hover { color:#000;}
.newlist_sort ul .cur  {padding-left:40px; }

.newlist_content { margin-top:40px;}
.newlist_content ul li { float:left;     width: 32%;  margin-left:2%;  margin-bottom: 2%; overflow:hidden; background:#fff;}
 
.newlist_content ul li:nth-child(3n+1) { margin-left:0;}
.newlist_content ul li a dl dd:first-child { width:100%; overflow:hidden; height:310px; position:relative }
.newlist_content ul li a dl dd:first-child img{ display:block;width:100%;   -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist_content ul li:hover a dl dd:first-child img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06);}
.newlist_content ul li a dl dd:last-child {   padding:20px 30px 30px;   }
.newlist_content ul li a dl dd:last-child .newlist_s span:first-child { display:block; width:50%; float:left;font-family: "DIN";}
 
.newlist_content ul li a dl dd:last-child .newlist_s span:last-child { display:block; width:50%; float:right;}
.newlist_content ul li a dl dd:last-child .newlist_s span:last-child svg { float:right; margin-top:25px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
.newlist_content ul li:hover a dl dd:last-child .newlist_s span:last-child svg { margin-right:20px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
.newlist_content ul li:hover a dl dd:last-child .newlist_s span:last-child svg path{ fill:#da251d}
.newlist_content ul li a dl dd:last-child .newlist_s span em { display:block; font-style:normal; }
.newlist_content ul li a dl dd:last-child .newlist_s span em:first-child { color:#000; font-size:50px;} 
.newlist_content ul li a dl dd:last-child .newlist_s span em:last-child { color:#6b7280;  }  


.newlist_content ul li a dl dd:last-child .newlist_t { font-size:18px; color:#000; padding-top:20px; margin-top:20px;    border-top: 1px solid #ededed; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1; }
.newlist_content ul li:hover a dl dd:last-child .newlist_t {   color:#da251d;     }
.newlist_content ul li a dl dd:last-child .newlist_d {  color: #6b7280;
    margin-top: 20px;
    line-height: 1.6;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
 
.page { text-align:right; margin-top:50px;}
.page a { position:relative; display:inline-block; height:30px; width:30px; line-height:30px; text-align:center; margin-left:10px; background:#fff; color:#000}
.page a:hover {  background:#da251d; color:#fff}
.page .selected{  background:#da251d; color:#fff}
.page .prev {  font-family: "iconfont";}
.page .prev::before{ display:block; width:30px; height:30px; font-size:20px; color:#000;content: "\e660"; position:absolute; left:0; top:0;}
.page .prev:hover::before{   color:#fff;}
.page .next {  font-family: "iconfont";}
.page .next::before{ display:block; width:30px; height:30px; font-size:20px; color:#000;content: "\e660"; position:absolute; left:0; top:0;     transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}
.page .next:hover::before{   color:#fff;}
.news_line { height:1px; background:#d9d9d9; margin:100px auto 0;}

.news_title { font-size:30px; text-align:center; width:100%}
.inner_news { margin:0 auto; max-width:1200px;}
.news_desc { text-align:center; margin-top:5px;}
.news_desc dl dd { display:inline-block; padding-right:20px; color:#6b7280}
.news_desc dl dd i { display:inline-block; position:relative; padding:15px;}
.news_desc dl dd i svg { position:absolute; left:0; top:10px;}
.news_desc dl dd:last-child i svg { position:absolute; left:0; top:13px;}
.news_content { color:#000; line-height:2; margin-top:40px;}
.news_content img{ max-width:100%;}
.in_next { padding-top:30px; margin-top:30px;    border-top: 1px solid #ededed;}
.in_next ul li { float:left; color:#000}
.in_next ul li a { color:#000; display:block; width:100%;}
.in_next ul li a:hover { color:#da251d}
.in_next ul li:first-child{ width:45%;}
.in_next ul li:first-child+li{ width:10%; position:relative; } 
.in_next ul li:first-child+li svg { display:block; margin:0 auto;}
.in_next ul li:first-child+li a:hover svg path { fill:#da251d}
.in_next ul li:last-child{ width:45%; text-align:right;}
.news_bq { margin-top:50px;}
.news_bq dl dd { display:inline-block; margin-right:10px; }
.news_bq dl dd a{ display:inline-block;   background: #f4f4f4; color:#000; padding:5px 8px;}
.news_bq dl dd a:hover{  background: #da251d; color:#fff}
.news_bq dl dd:first-child {    margin-right:5px; padding:5px 0;}

/* 联系我们*/
.contact1 { width:100%; height:100vh; position:relative;  overflow:hidden }
.contact1::before { display:block; content:""; width:100%; height:100%; position:absolute; left:0; top:0;  background:rgba(0,0,0,0.7); z-index:1;} 
.contact1_map #map { width:100%;height:100vh; } 
.contact1_map #map .map_c { position:relative; z-index:555;opacity:1}
.contact_body #inner_header  .index_head { background:rgba(255,255,255,0.9)}
.contact_body #inner_header .logo a span p {  color: #000;}
.contact_body #inner_header .nav_z .nav ul li .f_a {  color: #000;}
.contact_body #inner_header .nav_z .nav ul .t_sort span em i { background: #333333;}
.contact_body #inner_header .nav_z .nav ul .t_sort::before { background: #ececec;} 

.contact1_info { width:100%;  position:absolute; left:0; top:30vh; z-index:666}
.contact1_info ul li h3{ font-weight:500; font-size:40px; color:#000}
.contact1_info ul li p{   font-size:18px; color:#6b7280}
.contact1_info ul li { margin-bottom:20px; padding-left:40px; position:relative; }
.contact1_info ul li::before{ display:block; width:30px; height:30px; font-size:25px; position:absolute; color:#000; left:0; top:0; font-family: "iconfont"; }
.contact1_info ul li:first-child+li::before {content:"\e621";font-size:30px; top:-5px;}
.contact1_info ul li:first-child+li+li::before {content:"\e96d";font-size:22px;}  
.contact1_info ul li:first-child+li+li+li::before {content:"\e635";top:-2px;}  
.contact1_info ul li:first-child+li+li+li+li::before {content:"\e63e";top:-2px;}  
  
.contact1_info ul li:first-child { margin-bottom:40px;padding-left:0;}
.contact1_info ul li:last-child { margin-top:30px; padding-left:0} 
.contact1_info ul li:last-child dl dd { float:left; width:25%; margin-right:5%; text-align:center;}
.contact1_info ul li:last-child dl dd img { width:100%;}
.contact1_info ul li:last-child dl dd i { display:inline-block; margin-top:5px; font-style:normal;} 
.contact1_info ul li:last-child dl dd:first-child  { margin-left:22%;}

.contact1_map img{ width:100%; display:block;}
.contact1_l  {max-width:35%; background:rgba(255,255,255,1); padding:30px; border-radius:5px;}
.contact1_r { width:40%; position:relative; min-height:400px;}
.contact1_r .contact1_logo { position:absolute; right:150px; top:15%;padding:10px; width:250px; min-height:150px; padding:10px 0; background:#fff; border-radius:5px; z-index:55}
.contact1_r .contact1_logo  img { height:100px; display:block; margin:0 auto 20px; }
.contact1_r .contact1_logo p { text-align:center; font-weight:bold; font-size:16px;}

.contact1_r .mark-box {
  --sw: 30px;
  display: block;
  position: absolute;
  left: 45.5%;
  top: 70%;
  transform: translate(-50%, -50%);
  width: var(--sw);
  height: var(--sw);
}
.contact1_r .mark-box .mark {
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1);
  background-image: linear-gradient(0deg, #da251d 0%, #da251d 100%);
  opacity: 0.2;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: contact1_r-cycle-animate 5s ease-in-out infinite;
}
.contact1_r .mark-box .mark1 {
  animation-delay: 1s;
}
.contact1_r .mark-box .mark2 {
  animation-delay: 2s;
}
.contact1_r .mark-box .mark3 {
  animation-delay: 3s;
}
.contact1_r .mark-box .mark4 {
  animation-delay: 4s;
}
.contact1_r .mark-box .mark5 {
  animation-delay: 5s;
}

@keyframes contact1_r-cycle-animate {
  0% {
    transform: scale(1);
    background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    opacity: 0.2;
  }
  90% {
    transform: scale(10);
    background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    opacity: 0.05;
  }
  100% {
    transform: scale(15);
    background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    opacity: 0;
  }
}

.contact1_r::after{  position:absolute; right:285px; top:45%;display:block; content:""; width: 0;   height: 0;   border-top: 100px solid #fff;border-right:15px solid transparent;  border-left: 15px solid transparent; transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }




.contact2 { padding-top:50px;}
.contact2_l { width:35%;}
.contact2_lt h3 {     font-weight: 500; font-size: 40px;  color: #000;     border-bottom: 1px solid #ededed; padding-bottom:20px; margin-bottom:40px;} 
.contact2_li dl dd { margin-bottom:10px;}
.contact2_li dl dd:first-child { color:#000; font-weight:bold; font-size:24px;font-family: "DIN";}
.contact2_li dl dd:last-child {    color: #6b7280; }

.contact2_r { width:50%;}
.contact2_lt { margin-top:200px;}
.inner_message_info { margin-top:60px;}
.inner_message_info ul li { float:left; width:47%; margin-bottom:22px; margin-left:6%;}
.inner_message_info ul li .form-row {  }
.inner_message_info ul li:nth-child(2n+1) {  margin-left:0;}
.inner_message_info ul li:last-child  { width:100%;}
.inner_message_info ul li:first-child+li+li+li+li { width:100%;  margin-left:0;}
.inner_message_info ul li .label  { width:100%;   color:#6f7276; margin-bottom:5px; display:block;}
.inner_message_info ul li .row-controls  { width:100%; }
.inner_message_info ul li .row-controls  .text { width:100%; height:48px; line-height:48px; padding:0 2%;border: 1px solid #ededed; background:#fff;}
.inner_message_info ul li:first-child+li+li+li+li .row-controls  .textarea   { width:100%; height:130px; line-height:1.5; padding:1%; font-family:"微软雅黑"; color:#6f7276;border: 1px solid #ededed; background:#fff;}
.inner_message_info ul li:first-child+li+li+li+li .row-controls  .textarea placeholder{ color:#6f7276;}
  textarea::-webkit-input-placeholder { color: #6f7276; }
  textarea:-moz-placeholder { color: #6f7276;  }
  textarea::-moz-placeholder {  color: #6f7276; }
  textarea::-ms-input-placeholder {    color: #6f7276; }
  
  input::-webkit-input-placeholder { color: #6f7276; }
  input:-moz-placeholder { color: #6f7276;  }
  input::-moz-placeholder {  color: #6f7276; }
  input::-ms-input-placeholder {    color: #6f7276; }
.inner_message_info ul .sf {  width:100%;  margin-left:0;  }
.inner_message_info ul .sf i { font-style:normal;}
.inner_message_info ul .sf label { margin-right:20px;}
.inner_message_info ul .sf .sf_text { -webkit-appearance:auto; padding-right:10px; display:inline-block;  }
.inner_message_info ul .yq .sf_text { -webkit-appearance:auto; margin-right:10px; display:inline-block; }
.inner_message_info ul .yq {  width:100%;  margin-left:0;  }
.inner_message_info ul .yq i { font-style:normal;}
.inner_message_info ul .yq label { margin-right:20px;}
.inner_message_info ul .xz {  width:100%;  margin-left:0;  }
.inner_message_info ul .xz .select {    border: 1px solid #dddddd; width:100%; height:50px; line-height:50px; padding:0 10px;}
.inner_message_info ul .xz .select .option { padding:10px;}
.inner_message_info ul .xz .xz_l { width:47%; margin-left:6%;float:left}
.inner_message_info ul .xz #xz_l {  margin-left:0}
.inner_message_info ul .fs_img #mail_image {width:200px; height:50px; line-height:50px;  border: 1px solid #dddddd; padding:0 10px; float:left;} 	
.inner_message_info ul .fs_img .btn { width:50px; line-height:50px; text-align:center; width:100px; cursor:pointer; background:#dddddd; color:#036db9; font-size:30px; float:left; margin-left:10px;}
.inner_message_info ul .fs_img .btn:hover {  background:#036db9; color:#fff; }
.ly_body .up_wrap .tab_head span:last-child { display:none;}	
.inner_message_info ul .fs_img .label { padding:0}	

.inner_message_info ul li .btn { border:0; font-size:16px; cursor:pointer; width:200px; height:50px; text-align:center; line-height:50px; background:#232323; color:#fff}
.inner_message_info ul li .btn:hover {  background:#da251d; color:#fff}
.inner_message_info ul li:last-child { margin-left:0;}












/*荣誉资质*/
.hon_foot .foot {  margin-top: 0;}
.honor_bj .page {  margin: 30px auto 60px;}
#honor .pro-list ul li {   width:23.5%; float:left; margin-left:2%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,0);  }
#honor .pro-list ul li:nth-child(4n+1) { margin-left:0} 
#honor .pro-list ul li img{ border:1px solid #e5e7eb; width:100%;}
#honor .pro-list ul li .pic .zoom { padding:0 !important; height:auto;}
#honor .pro-list ul li .text {   padding: 10px 0 0;}
#honor .pro-list ul li .text::after { display:none;}
#honor .pro-list ul li .text h3 { font-weight:500;  }

#cfsb .pro-list ul li {   width:23.5%; float:left; margin-left:2%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,0);  }
#cfsb .pro-list ul li:nth-child(4n+1) { margin-left:0} 
#cfsb .pro-list ul li img{ border:1px solid #e5e7eb; width:100%;}
#cfsb .pro-list ul li .pic .zoom { padding:0 !important; height:auto;}
#cfsb .pro-list ul li .text {   padding: 10px 0 0;}
#cfsb .pro-list ul li .text::after { display:none;}
#cfsb .pro-list ul li .text h3 { font-weight:500; font-size:18px;}

#padter .pro-list ul li {   width:15.3%; float:left; margin-left:1.5%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,0);  }
#padter .pro-list ul li:nth-child(5n+1)  { margin-left:1.5%}
#padter .pro-list ul li:nth-child(6n+1)  { margin-left:0 }

#padter .pro-list ul li img{ width:100%;}
#padter .pro-list ul li .pic .zoom { padding:0 !important; height:auto;}
#padter .pro-list ul li .text {   padding: 10px 0 0;}
#padter .pro-list ul li .text::after { display:none;}
#padter .pro-list ul li .text h3 { font-weight:500; font-size:16px;}


.honor_bj { width:100%;overflow:hidden;}
.honor{ padding-top:80px;margin-bottom: 50px;} 
.honor .pro-list ul li img { width:100%; display:block;  }
.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  -ms-touch-action: none;
  touch-action: none; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #333;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-container--ready .fancybox-bg {
  opacity: 0.97;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr; }

.fancybox-show-controls .fancybox-controls {
  opacity: 1; }

.fancybox-infobar {
  display: none; }

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #000;
/*  background-color: rgba(30, 30, 30, 0.7);*/
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }


@media (min-width: 768px){
	.fancybox-infobar__body{
		position: fixed;
		left: 15%;
		top:35%;
		
		width:100px;
		height: 200px;
		z-index: 9999;
		
	}
	.fancybox-infobar__body .js-fancybox-index{
		font-size: 30px;
		line-height: 200px;
	}
}




.fancybox-buttons {
  position: absolute;
  top: 32px;

  right: 7%;
  display: none;
  pointer-events: all; }

.fancybox-show-buttons .fancybox-buttons {
  display: block; }

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr; }

.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-slide {
  position: absolute;
  top: 50px;
  left: 7%;
  width: 86%;
  height: 80%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent; }



@media (min-width: 768px){
	.fancybox-slide {
	  position: absolute;
	  top: 0px;
	  left: 0%;
	  width: 100%;
	  height: 100%;
	  margin: 0;
	  padding: 0;
	  overflow: auto;
	  outline: none;
	  white-space: normal;
	  box-sizing: border-box;
	  text-align: center;
	  z-index: 99994;
	  -webkit-overflow-scrolling: touch;
	  -webkit-tap-highlight-color: transparent; }


}



.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide--image {
  overflow: hidden; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent; }

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border:10px solid #fff;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  font: 21px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  cursor: pointer;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus {
  outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent; }

.fancybox-close-small:hover {
  color: #555;
  background: #eee; }

/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1; }

.fancybox-caption {
  padding: 30px 0 50px 0;
  text-align:center;
/*  border-top: 1px solid rgba(255, 255, 255, 0.4);*/
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all; }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
/*  color: #000;*/

	color:rgba(209, 209, 209, 0.8);
  box-sizing: border-box;
  vertical-align: top;
  outline: none; }

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
/*  background: rgba(30, 30, 30, 0.6); */
}

.fancybox-button:hover {
/*  background: rgba(0, 0, 0, 0.8); */
}

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5; }

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 0px;
	position: fixed;
	left: 5%;
	top:35%;
	background-image: url("../images/arr_left.png");
	width:200px;
	height: 200px;
	z-index: 9999;
	color:rgba(255,255,255,0);
}

.fancybox-button--right {
  border-bottom-right-radius: 0px;
	position: fixed;
	right: 5%;
	top:35%;
	background-image: url("../images/arr_right.png");
	width:200px;
	height: 200px;
	z-index: 9999;
	color:rgba(255,255,255,0);
}

.fancybox-button--close {
  float: right; }

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left; }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent; }

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent; }

/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px; }

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px; }

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important; }
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0; } }

.tmpbtn_left{
border-bottom-left-radius: 0px;
position: absolute;
left: 3.7%;
top:38%;
/*	background-image: url(imgs/arr_left.png);*/
width:200px;
height: 200px;
z-index: 99999;
color:rgba(255,255,255,0);
cursor: pointer;
}

.tmpbtn_right{
border-bottom-left-radius: 0px;
position: absolute;
right: 3.7%;
top:38%;
/*	background-image: url(imgs/arr_right.png);*/
width:200px;
height: 200px;
z-index: 99999;
color:rgba(255,255,255,0);
cursor: pointer;
}



.tmpbtn_close{
position: absolute;
right: 10px;
top:10px;
/*	background-image: url(imgs/arr_right.png);*/
width:35px;
height: 35px;
z-index: 99999;
cursor: pointer;
}

@media (min-width: 769px) {
.tmpbtn_close{
position: absolute;
right: 40px;
top:35px;
/*	background-image: url(imgs/arr_right.png);*/
width:35px;
height: 35px;
z-index: 99999;
cursor: pointer;
}
}
.tmp_shownumber{
position: absolute;
left: 14%;
top:38%;
/*	background-image: url(imgs/arr_right.png);*/
width:200px;
height: 200px;
line-height: 200px;
z-index: 99999; 
font-size: 14px;
color: #717275;
letter-spacing: 2px;
}
.tmp_shownumber .tmp_shownumber_left{font-size:46px;}
.tmp_shownumber .tmp_shownumber_right{font-size:18px;}



.quick-view-bullets {
list-style: none;
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 0;

z-index: 99999;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.quick-view-bullets li {
display: inline-block;
vertical-align: top;
}

.quick-view-bullets li a {
display: block;
height: 30px;
width: 10px;
position: relative;
}

.quick-view-bullets li a span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 5px;
height: 5px;
border-radius: 10px;
text-indent: -99999px;
overflow: hidden;
background: #dcdddd;

}

.quick-view-bullets li.active a span {
background: #595757;
}
 
 
.zoom { position: relative; display:block; overflow:hidden; width: 100%; height:auto; padding-bottom:0 !important; }

    
.pro-list ul li { position:relative; width:31.33%; float:left; margin-left:3%; margin-bottom:3%; background:#fff;  overflow:hidden; position:relative;}
.pro-list ul li::before{ position: absolute; left:0; top:0; width:0; height:1px; background:#da251d; z-index:1; display:block; content:""; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li:hover::before{ width:30%;  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li::after{ position: absolute; left:0; top:0; width:1px; height:0; background:#da251d; z-index:1;display:block; content:"";transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li:hover::after{   height:30%;  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}

.pro-list ul li:nth-child(3n+1) { margin-left:0 }
.pro-list ul li .clearfix { position:relative;}

.pro-list ul li .clearfix::before{ position: absolute; right:0; bottom:0; width:0; height:1px; background:#da251d; z-index:1; display:block; content:""; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li:hover .clearfix::before{ width:30%;  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li .clearfix::after{ position: absolute; right:0; bottom:0; width:1px; height:0; background:#da251d; z-index:1;display:block; content:"";transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li:hover .clearfix::after{   height:30%;  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}

.pro-list ul li .pic { position:relative;  padding: 15px; border: 1px solid #ededed; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}

.pro-list ul li .pic .zoom { padding-bottom:110%; }
.honor .pro-list ul li img{ width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.honor .pro-list ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.honor .pro-list ul li a { display:block;}
.pro-list ul li .text { z-index:1 ;position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; background:rgba(0,0,0,0); color:#fff; font-size:18px;
 -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li:hover .text { background:rgba(0,0,0,0.5);  position:absolute; left:3.5%; top:5%; width:93%; height:90%; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;  }	
.pro-list ul li .text i { width:40px; display:block; margin:30px auto 0;}	
.pro-list ul li .text span { display:block; width:100%;text-align:center; height:auto;  }	

.pro-list ul li .text p{ opacity:0;font-size:18px; margin-bottom:40px; transform: translateY(30px);transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.pro-list ul li:hover .text p{ opacity:1;   transform: translateY(0);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li i {  opacity:0; transform: translateY(40px);transition:all 0.6s; -moz-transition:all 00.6s;-ms-transition:all 06s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.pro-list ul li:hover i  { opacity:1;  transform: translateY(0);transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.body_padter .fancybox-controls--canGrab .fancybox-placeholder {  background: #ffff;}

.pro-list ul li .text p { margin:5px auto; min-height:24px; }
.pro-list ul li:hover .text a { background:#0194E8; color:#fff }
.pro-list ul li:hover .text a.more { background:#0194E8; color:#fff }
.pro-box { margin:2% auto; background:#fff; padding:2% 0 }
.pro-pic { float:left; width:48%; padding-right:4%; }
.pro-info { float: right; width:45%; font-size:16px; color:#666 }
.pro-info .pro-cat {}
.pro-info .pro-cat span{ display: inline-block;
    border-radius: 30px;
    padding: 6px 20px;
    font-size: 14px;
    background: #dbeaf3;
    color: #20a4f0;
	border:1px solid #20a4f0;
}
 
.honor_img { text-align:center;    padding-top: 30px;
    border-top: 1px solid #e5e7eb;
    margin-top: 30px;}
.honor_img img { max-width:100%;}




/*荣誉资质分类*/
 
.inner_sort { text-align:center; padding:100px 0 20px; }
.inner_sort ul li { display:inline-block;}
.inner_sort ul li a{ display:inline-block; color: #666666; margin:0 15px; position:relative;}
.inner_sort ul li a::before { content: ""; display:block;  position: absolute;  left: 0;   bottom:-10px;   width: 100%;  height:1px;   background: #da251d;   transition: transform .3s;    z-index: 1;  transform: scale(0,1);  transform-origin: right;}
.inner_sort ul li:hover a::before{transform: scale(1);transform-origin:left;}
.inner_sort ul .cur a::before {  transform: scale(1); transform-origin: left;   }
.inner_sort .cur31 li:first-child a::before {  transform: scale(1); transform-origin: left;   }
.inner_sort .cur32 li:last-child a::before {  transform: scale(1); transform-origin: left;   }

/*公司环境*/
 
.custom .con{ padding-top:80px;} 
.custom { overflow: hidden;   position:relative; z-index:55; background:#fff}
.custom .con .swiper-container .swiper-button-next {
  background-image: url(' ');
  height: 100%;
  top: 0;
  right: 0;
  width: 70px;
}
.custom .con .swiper-container .swiper-button-prev {
  background-image: url(' ');
  height: 100%;
  top: 0;
  left: 0;
  width: 70px;
}
.custom .con .swiper-container .swiper-slide {
  width: 60rem;
  overflow: hidden;
}
.custom .con .swiper-container .swiper-slide a {
  display: block;
}
.custom .con .swiper-container .swiper-slide a img {
  width: 100%;
}
.custom .con .swiper-container .swiper-slide a .text {
  position: absolute;
  width: 60%;
  left: 2.5rem;
  bottom: 2.5rem;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.custom .con .swiper-container .swiper-slide a .text .tu {
  width: 6.8rem;
  margin-bottom: 1.6rem;
}
.custom .con .swiper-container .swiper-slide a .text .tu img {
  width: 100%;
}
.custom .con .swiper-container .swiper-slide a .text p {
  font-size: 0.8rem;
  color: #fff;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  /*line-height: 1.5;*/
  /*height: 4.5em;*/
  line-height: 1.8;
  /*height: 5.4em;*/
  text-align: justify;
}
.custom .con .swiper-container .swiper-slide:hover a .text {
  left: 3.5rem;
}
.custom .con .swiper-container .swiper-slide-active a .text {
  opacity: 1;
}
.custom .con .swiper-container .swiper-pagination {
  bottom:80px;
  text-align:center;
  left: auto;
  right: 0;
  display: inline-block;
}
.custom .con .swiper-container .swiper-pagination-bullet {
  width: 2rem; margin:0 10px;
  height: 4px;
  background: #f4f4f4;
  border-radius: 0;
  opacity: 1;
}
.custom .con .swiper-container .swiper-pagination-bullet-active {
  width: 2rem;
  height: 4px;
  background: #da251d;
  border-radius: 0;
}
.custom  .swiper-container { padding-bottom:170px;}
 
@media screen and (max-width: 768px) {
  
 
  .custom .con .swiper-container .swiper-slide {
    width: 100%;
  }
  .custom .con .swiper-container .swiper-slide a img {
    width: 130%;
    margin-left: -15%;
  }
  .custom .con .swiper-container .swiper-slide a .text p {
    line-height: 1.5;
  }
  .custom .con .swiper-container .swiper-pagination {
    bottom: 10px;
  }
 
}
.news_img { text-align:center; width:100%; margin-top:30px;}
.news_img img{  max-width:100%; }

 

/*案例*/

.p_sort ul li { float:left; margin-right:20px;    position:relative;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.p_sort ul li:hover { padding-left:40px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.p_sort ul li::before { content:""; display:block; width:0; height:1px ; position:absolute; left:0; top:10px; background:#000;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.p_sort ul li:hover::before { width:30px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.p_sort ul li a { color:#6b7280;   }
.p_sort ul li a:hover { color:#000;}

.p_sort {  padding-top: 90px;}
.product_catnnme { margin-top:50px; position:relative; padding-left:60px; color:#000; font-size:20px; font-weight:bold;}
.product_catnnme::before { display:block; content:""; width:40px; height:1px; background:#000; position:absolute; left:0; top:15px;}


 .productlist{ padding-top:30px;}
 .productlist ul {display: flex;flex-wrap: wrap;}
.productlist ul li { float:left; margin-left:1.5%; width:32%; margin-bottom:20px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.productlist ul li:nth-child(3n+1) {   margin-left:0; }
.productlist ul li:hover { transform: translateY(-10px);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}

.productlist ul li a .index2_content_img  { position:relative;width:100%; display:block; overflow:hidden;  }
.productlist ul li a .index2_content_img img { width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.productlist ul li:hover a .index2_content_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.productlist ul li a { display:block; position:relative;}
.productlist ul li a .index2_content_img::after{ display:block; content:"";  width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; opacity:0;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; z-index:1;}
.productlist ul li:hover a .index2_content_img::after{  opacity:1;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.productlist ul li a .index2_info {  position:absolute; left:15%; top:0; z-index:3;display: flex;   align-items: center; width:70%; height:80%;}

.productlist ul li a .index2_info dl dd{ display:inline-block; width:100%;   color:#fff; opacity:0; transform: translateY(10px);transition: all .4s ease;}

.productlist ul li a .index2_info dl dd:first-child { font-size:23px; margin-bottom:10px;  display:inline-block; margin-right:10px; color:#fff; opacity: 0; transform: translateY(20px);transition: all .4s ease;}
.productlist ul li a .index2_info dl dd:first-child img{ display:block; height:33px;  -webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1); -moz-filter:brightness(0) invert(1); -ms-filter:brightness(0) invert(1); -o-filter:brightness(0) invert(1);}
.productlist ul li a .index2_info dl dd:first-child span { display:inline-block; border-radius:5px; background:#fff; padding:5px;}
.productlist ul li:hover a .index2_info dl dd:first-child{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.2s;}	
.productlist ul li a .index2_info dl dd:first-child+dd { margin-bottom:10px;  color:#fff;   }
.productlist ul li:hover a .index2_info dl dd:first-child+dd{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.3s;}	
.productlist ul li:hover a .index2_info dl dd:first-child+dd+dd{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.4s;}	
.productlist ul li:hover a .index2_info dl dd:last-child{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.6s;}	
.productlist ul li a .index2_info dl dd:first-child+dd { margin-bottom:30px;}
 

.productlist ul li a .index2_info dl dd:last-child { width:100%;}
.productlist ul li a .index2_info dl dd i{ font-style:normal; display:inline-block ; margin-right:10px; float:left; height:30px; line-height:30px;}
.productlist ul li a .index2_info dl dd:last-child span{ display:block; width:100px; height:100px; margin:30px auto 0; text-align:center; position:relative; }
.productlist ul li a .index2_info dl dd:last-child span::after { z-index:2;    position:absolute; left:15px; top:0;isplay:block; content:""; border-radius:100px; width:70px; height:70px; margin:20px auto 0; border:1px dashed #fff;}
.productlist ul li a .index2_info dl dd:last-child span:hover::after { background:#da251d}
.productlist ul li a .index2_info dl dd:last-child span .icon { position:absolute; left:35px; top:39px; z-index:999 }

.productlist ul li a .index2_info dl dd:last-child span::after{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}

.productlist ul li a .index2_dese dl dd:first-child { margin-top:17px;}
.productlist ul li a .index2_dese dl dd:first-child p { width:50%; float:left; color:#333; font-size:20px;} 
.productlist ul li a .index2_dese dl dd:first-child p:last-child { text-align:right;}
.productlist ul li a .index2_dese dl dd:first-child p:last-child i { display:inline-block; font-style:normal; margin-left:10px;}
.productlist ul li a .index2_dese dl dd:first-child+dd i {font-style:normal; display:inline-block ; margin-right:10px; float:left; color:#666; margin-top:5px;}
.productlist ul li a .index2_dese dl dd:last-child i { display:inline-block; float:left; font-style:normal; color:#888; line-height:22px; margin-right:10px;}




/*案例详情*/
.product_banner { position:relative; width:100%; overflow:hidden;  }
.product_banner::after { display:block; width:100%; position:absolute; left:0; top:0; height:100%; background:rgba(0,0,0,0.5); z-index:1; content:"";}
.p_banner_z { height:90vh;  -ms-flex-align: center;  align-items: center; display: -webkit-box; display: -ms-flexbox;display: flex;}
.p_banner_z dl { width:100%;text-align:center;  }
.p_banner_z dl dd{ color:#fff;}
.p_banner_z dl dd:first-child { font-size:40px; margin-bottom:10px; }
.p_banner_z dl dd:first-child+dd { margin-top:10px;}
.p_banner_z dl dd i { font-style:normal; display:inline-block; }
.p_banner_z dl dd i em { font-style:normal; display:inline-block; padding:0 10px;}
.p_banner_z dl dd i:last-child em { display:none;}
.p_banner_z dl dd:first-child+dd+dd { font-size:35px; margin-top:30px;  font-family: "SourceHanSansCN-ExtraLight"; }
.p_banner_z dl dd:first-child+dd+dd+dd{ margin-top:30px;}
.p_banner_z dl dd:first-child+dd+dd+dd span { margin:0 10px; display:inline-block; border:1px solid #fff; width:55px; height:55px; line-height:45px; border-radius:100px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.p_banner_z dl dd:first-child+dd+dd+dd span svg { margin-top:10px;}
.p_banner_z dl dd:first-child+dd+dd+dd span:last-child:hover  {border:1px solid #da251d; background:#da251d;

 transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}

.product_banner img { display:block;
  width: 100%;
    -webkit-animation: banner_inside 20s ease 1 forwards;
       -moz-animation: banner_inside 20s ease 1 forwards;
         -o-animation: banner_inside 20s ease 1 forwards;
            animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.p_banner { position:absolute; left:0; height:100%; width:100%; top:0; z-index:55}
#prod_sort { padding-top:70px;}
.product1 { padding-top:70px;}
.product1_l { width:50%; min-height:400px; -ms-flex-align: center;  align-items: center; display: -webkit-box; display: -ms-flexbox;display: flex;}
.product1_r { width:50%;}
.product1_l img { height:70px;}
.product1_rt h1{ color:#000; display:inline-block; position:relative; font-weight:bold; font-size:20px; }
.product1_rt h1::after { position:absolute; left:0; bottom:-10px; height:2px; width:50%; background:#000; display:block; content:"";}
.product1_rd dl dd{  line-height:1.5;color: #666;}
.product1_rd { margin-top:30px;}
.product1_rd dl dd i { display:inline-block; font-style:normal;}
.product1_rd dl dd i:last-child em { display:none;}
.product1_ri { margin-top:30px;line-height:1.5;color: #666;}
.product1_ri P { margin-bottom:15px;}
.product1_rm { margin-top:30px;}
.product1_rm a { display:block; width:212px; height:46px; border:1px solid #999999; font-weight:bold; color:#777777; text-align:center; line-height:46px;}
.product1_rm a:hover { border:1px solid #000; color:#fff; background:#000  }
.product1_rm a i { display:inline-block; padding:0 14px; position:relative}
.product1_rm a i svg { font-size:20px; position:absolute; left:0; top:10px;}
.product1_rm a:hover i svg path{ fill:#ffffff;}


.product2 { padding-top:70px; position:relative;overflow:hidden;}
.product2_l { width:75%; overflow:hidden; position:relative;}
.product2_l img { width:100%;  display:block;}
.product2_l .sb1 { position:relative; z-index:55; }
.product2_l .product2_limg { width:80%; margin:0 auto;position:absolute; z-index:l; left:10%; top:4%; }

.product2_r img { width:100%; display:block}
.product2_ri { position:relative;}
.product2_r .sb2 { position:relative; z-index:55; }
.product2_ri { width:100% ; overflow:hidden;  border-radius:30px; }
.product2_r .product2_rimg { position:absolute; left:6%; top:1%; width:89%; margin:0 auto;  z-index:l; border-radius:10px;   max-height:394px; overflow:hidden;}
.product2_r { width:13%; position:absolute; right:0; bottom:0;}
.product3_info {  width:70%; margin:70px auto 0; border:5px solid #000; border-radius:20px; overflow:hidden;}
.product3 img{ width:100%; display:block;}
.product3_z {  width:100%; border:10px solid #353535; border-radius:5px; overflow:hidden;}
.p_prev { position:fixed; left:8%; bottom:10vh; width:45px; height:45px; z-index:999;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;  border-radius:70px; opacity:0;}
#pro_header { height:auto; position:relative;}
.gizle .p_prev { opacity:1; left:3%;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.p_prev a { overflow:hidden;   display:block;width:45px; height:45px; border-radius:100px; position:relative;    }
.p_prev a::after{ position:absolute; left:-1px; top:-1px;display:block;width:47px; height:47px; text-align:center; line-height:45px; border-radius:70px; font-family: "iconfont"; background:#e3e3e3;   content: "\e660";  color:#fff; font-size:25px;  }
.p_prev:hover a::after{ background:#da251d;  color:#fff;  }
.p_prev:hover {background:#000; width:140px;  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.p_prev a dl dd{ color:#fff; line-height:45px; text-indent:2em; width:45px; position:absolute; left:0; top:0;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.p_prev:hover a dl dd{  width:140px; left:26px;transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.p_prev:hover a { overflow:inherit; width:140px; }

.p_next { width:45spx; opacity:0; position:fixed; right:8%; bottom:10vh; height:45px; z-index:999;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;  border-radius:70px;}
.gizle .p_next {opacity:1; right:3%;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.p_next a { float:right; overflow:hidden;   display:block;width:45px; height:45px; border-radius:100px; position:relative;    }
.p_next a::after{ position:absolute; right:-1px; top:-1px;display:block;width:47px; height:47px; text-align:center; line-height:45px; border-radius:70px; font-family: "iconfont"; background:#e3e3e3;   content: "\e660";  color:#fff; font-size:25px;     transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
 }
.p_next:hover a::after{ background:#da251d;  color:#fff;  }
.p_next:hover {background:#000; width:140px;  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.p_next a dl dd{ color:#fff; line-height:45px; text-indent:3em; width:45px; position:absolute; right:0; top:0;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.p_next:hover a dl dd{  width:140px; right:26px;transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.p_next:hover a { overflow:inherit; width:140px; }



.product4 { padding-top:90px; text-align:center;}
.product4 dl dd:first-child { font-size:45px; color:#000; margin-bottom:40px;}
.product4 dl dd img { height:150px; display:block; margin:0 auto;}
.product4 dl dd:last-child {   color:#666; margin-top:10px;}


.IndexBlock5 { padding-top:110px;   position: relative; }
#IndexBlock5 .container{ position: relative; z-index: 2; }
#IndexBlock5 .PBoxs{ overflow:hidden; }
#IndexBlock5 .Productlist{ margin:0; }
#IndexBlock5 .Productlist5{ padding:1px; margin-right:-1px}
#IndexBlock5 .Productlist li{ padding:0; }
#IndexBlock5 .Points{ display: block; font-size: 0; line-height: 0; padding:4.16% 0; text-align: center; }
#IndexBlock5 .Points span{ opacity: 1; background: #d2d2d2; height:5px; width:5px; margin:0 10px;  border-radius:50px; }
#IndexBlock5 .Points span.swiper-pagination-bullet-active{ background: #da251d;width:30px; }



#IndexBlock5 .PBoxs { padding-top:50px;}

#IndexBlock5 .PNBtn  { display:none;}
#IndexBlock5 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; }
#IndexBlock5 .PNBtn .prev{ background:rgba(242,207,0,1) url(../images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; }
#IndexBlock5 .PNBtn .next{ background:rgba(242,207,0,1) url(../images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; }
#IndexBlock5 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }
 


.productlist{ padding-top:30px;}
.Productlist5 ul li {  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}

.Productlist5 ul li:hover { transform: translateY(-10px);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}

.Productlist5 ul li a .index2_content_img  { position:relative;width:100%; display:block; overflow:hidden;  }
.Productlist5 ul li a .index2_content_img img { width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.Productlist5 ul li:hover a .index2_content_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.Productlist5 ul li a { display:block; position:relative;}
.Productlist5 ul li a .index2_content_img::after{ display:block; content:"";  width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; opacity:0;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; z-index:1;}
.Productlist5 ul li:hover a .index2_content_img::after{  opacity:1;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.Productlist5 ul li a .index2_info {  position:absolute; left:15%; top:0; z-index:3;display: flex;   align-items: center; width:70%; height:80%;}

.Productlist5 ul li a .index2_info dl dd{ display:inline-block; width:100%;   color:#fff; opacity:0; transform: translateY(10px);transition: all .4s ease;}

.Productlist5 ul li a .index2_info dl dd:first-child { font-size:23px; margin-bottom:10px;  display:inline-block; margin-right:10px; color:#fff; opacity: 0; transform: translateY(20px);transition: all .4s ease;}
.Productlist5 ul li a .index2_info dl dd:first-child img{ display:block; height:33px;  -webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1); -moz-filter:brightness(0) invert(1); -ms-filter:brightness(0) invert(1); -o-filter:brightness(0) invert(1);}
.Productlist5 ul li a .index2_info dl dd:first-child span { display:inline-block; border-radius:5px; background:#fff; padding:5px;}
.Productlist5 ul li:hover a .index2_info dl dd:first-child{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.2s;}	
.Productlist5 ul li a .index2_info dl dd:first-child+dd { margin-bottom:10px;  color:#fff;   }
.Productlist5 ul li:hover a .index2_info dl dd:first-child+dd{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.3s;}	
.Productlist5 ul li:hover a .index2_info dl dd:first-child+dd+dd{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.4s;}	
.Productlist5 ul li:hover a .index2_info dl dd:last-child{ opacity: 1;transform: translateY(0);transition: all .4s ease 0.6s;}	
.Productlist5 ul li a .index2_info dl dd:first-child+dd { margin-bottom:30px;}
 

.Productlist5 ul li a .index2_info dl dd:last-child { width:100%;}
.Productlist5 ul li a .index2_info dl dd i{ font-style:normal; display:inline-block ; margin-right:10px; float:left; height:30px; line-height:30px;}
.Productlist5 ul li a .index2_info dl dd:last-child span{ display:block; width:100px; height:100px; margin:30px auto 0; text-align:center; position:relative; }
.Productlist5 ul li a .index2_info dl dd:last-child span::after { z-index:2;    position:absolute; left:15px; top:0;isplay:block; content:""; border-radius:100px; width:70px; height:70px; margin:20px auto 0; border:1px dashed #fff;}
.Productlist5 ul li a .index2_info dl dd:last-child span:hover::after { background:#da251d}
.Productlist5 ul li a .index2_info dl dd:last-child span .icon { position:absolute; left:35px; top:39px; z-index:999 }

.Productlist5 ul li a .index2_info dl dd:last-child span::after{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}

.Productlist5 ul li a .index2_dese dl dd:first-child { margin-top:17px;}
.Productlist5 ul li a .index2_dese dl dd:first-child p { width:50%; float:left; color:#333; font-size:20px;} 
.Productlist5 ul li a .index2_dese dl dd:first-child p:last-child { text-align:right;}
.Productlist5 ul li a .index2_dese dl dd:first-child p:last-child i { display:inline-block; font-style:normal; margin-left:10px;}
.Productlist5 ul li a .index2_dese dl dd:first-child+dd i {font-style:normal; display:inline-block ; margin-right:10px; float:left; color:#666; margin-top:5px;}
.productlist5 ul li a .index2_dese dl dd:last-child i { display:inline-block; float:left; font-style:normal; color:#888; line-height:22px; margin-right:10px;}



.p_tag { padding-top:100px;}
.p_line { width:100%; background:#ededed; height:1px; margin-top:20px;}
.p_tag dl dd:first-child { color:#666;}
.p_tag dl dd:first-child span { display:inline-block; margin-right:10px;}
.p_tag dl dd:first-child span a { color:#000000; padding:4px 8px; background:#f4f4f4}
.p_tag dl dd:first-child span a:hover { color:#fff; background:#da251d}
.p_tag dl dd:last-child { margin-top:10px; color:#666;}
.p_tag dl dd:last-child i {display: inline-block;  position: relative;  padding: 15px;}
.p_tag dl dd:last-child i svg { position:absolute; left:0; top:10px;}
.p_tag dl dd:last-child span { display:inline-block; margin-right:10px;}

/*公司视频*/

.videolist { padding-top:50px;}

.view-content .left {
	position: relative;
	width: 225px;
}

.view-content .animated {
	width: 100%;
	box-sizing: border-box;
}

.category_mod {
    width: 100%;
}

.category_mod>.leftTitle {
    width: 100%;
    height: 66px;
    background: #01b0ef;
    line-height: 66px;
    text-indent: 16px;
    font-size: 20px;
    color: #ffffff;
}

.category_mod>.leftTitle span {
    font-size: 12px;
    color: #fff;
    padding-left: 6px;
}

.category_mod .content {
    width: 100%;
    border: solid 1px #e5e5e5;
    border-top: none;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 5px 8px #dbdbdb;
}

.category_mod .content ul li {
    position: relative;
    border-bottom: dotted 1px #DDDDDD;
}

.category_mod .content ul li:last-child {
    border-bottom: none
}

.category_mod .content ul li a {
    color: #444444;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-indent: 10px;
    padding-right: 40px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_mod .content ul li a:hover {
    color: #0dd1cf;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-indent: 10px;
    padding-right: 40px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_mod .content ul li .more {
    cursor: pointer;
    position: absolute;
    color: #0dd1cf;
    font-size: 1.6rem;
    text-align: right;
    width: 40px;
    height: 50px;
    line-height: 50px;
    right: 5px;
    top: 0px;
}

.category_mod .content ul li .subclass {
    padding: 0px 15px 15px;
    display: none;
}

.category_mod .content ul li .subclass ul li {
    border-bottom: none;
    position: static;
    width: 100%;
    height: 30px;
    color: #777777;
}

.category_mod .content ul li .subclass ul li a {
    height: 30px;
    line-height: 30px;
    color: #777777;
    display: block;
    font-size: 14px;
    padding-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_mod .content ul li .subclass ul li a:hover {
    color: #0dd1cf;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    padding-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-content .animated ul li {float: left;}


.view-content .animated ul li a {
	display: block;
}

.view-content .animated ul li .case-imgWrapper {

    position: relative;
	width: 100%; min-height:300px;   border: 1px solid #eaebeb;
	vertical-align: middle;
}
.view-content .animated ul li .case-imgWrapper::after { display:block; width:100%; height:100%; background: radial-gradient(circle, rgba(2,41,213,0.4 ), rgba(0,0,0,0.9));content:""; position:absolute; z-index:1; left:0; top:0; transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.view-content .animated ul li:hover .case-imgWrapper::after {  background:rgba(0,0,0,0 );   transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.view-content .animated ul li .video_t { width:100%; color:#fff; line-height:1.5; position:absolute; left:0; top:50px; z-index:9; text-align:center;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; opacity:1}
.view-content .animated ul li:hover .video_t {  transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s; opacity:0}
.view-content .animated ul li .video_t dl dd:first-child { font-size:45px;    font-family: "SourceHanSansCN-ExtraLight";  }
.view-content .animated ul li .video_t dl dd:first-child+dd { font-size:16px;   }
 .view-content .animated ul li .video_t dl dd:last-child  { margin-top:30px;  }
.view-content .animated ul li .case-imgWrapper img {
	display:none;

    width: 100%;
    height: 100%;
	
	
}

.view-content .animated ul li span { text-align:center;
	display: block;
	width: 100%;
	line-height: 40px;
	color: #444;
	font-size: 18px; font-weight:bold;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.view-content .animated ul li .index_video { position:inherit !important; display:block !important; }



.view-content .animated ul li {    margin-left:2%;margin-bottom: 2%;width: 49%; float:left   }
.view-content .animated ul li:nth-child(2n+1) {margin-left:0;}

.view-content .animated ul li .play {
    width: 63px;
    height: 63px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    background: url(../images/play.png) no-repeat 0px -4px;
    z-index: 10;
}
.view-content .animated ul li:hover .play {
    background: url(../images/play.png) no-repeat 0px -73px;
}

/*视频*/
.video-box video {
	display: block;
	width: 100%;
}

.video-box img {
	display: block;
	width: 100%;
}

.video-box span {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	font-size: 14px;
}




.playbox { background:rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    display:none;
}
.playbox .inner {
    width: 1344px;
    height: 756px;
    position: fixed;
    background: rgba(255,255,255,0.1);
    z-index: 999;
    left: 10%;
    top: 50px;
    border: solid 1px #f9f9f9;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.playbox .close {
    width: 30px;
    height: 30px;
    background:rgba(255,255,255,0.5) url(../images/close.png) no-repeat center center;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 110px;
    z-index: 9999;
}
.playbox .cover {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.1);
    z-index: 99;
}
.playbox .inner .vdo_zoom {
    width: 1324px;
    height: 736px;
    margin: 30px 30px 0px 30px;
    color: #fff;
    background: rgba(0,0,0,0.8);
}



/*公司活动*/
.activitylist { padding-top:60px;}
.activitylist ul li { width:24.775%; float:left; margin-left:0.3%; margin-bottom:0.3%;}
.activitylist ul li:nth-child(4n+1) {  margin-left:0;}
.activitylist ul li img{ width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.activitylist ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.activitylist ul li a { display:block; height:100%; width:100%; position:relative; overflow:hidden;}
.activitylist ul li a::after{ opacity:0; display:block; content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(0,0,0,0.5);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.activitylist ul li:hover a::after{ opacity:1; width:92%; height:88%; position:absolute; left:4%; top:7%;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.activitylist ul li a .activitylist_title{ text-align:center; display:block; content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:66; color:#fff;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;
-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.activitylist ul li a .activitylist_title span { font-size:12px; display:inline-block; padding:5px 10px; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.activitylist ul li a .activitylist_title dl { width:100%;    }
.activitylist ul li a .activitylist_title dl dd{ width:100%; display:block}
.activitylist ul li a .activitylist_title dl dd:first-child { opacity:0;font-size:18px; margin-bottom:40px; transform: translateY(30px);transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.activitylist ul li:hover a .activitylist_title dl dd:first-child { opacity:1;   transform: translateY(0);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.activitylist ul li a .activitylist_title dl dd:last-child {  opacity:0; transform: translateY(40px);transition:all 0.6s; -moz-transition:all 00.6s;-ms-transition:all 06s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.activitylist ul li:hover a .activitylist_title dl dd:last-child { opacity:1;  transform: translateY(0);transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}

.huodong { padding-top:70px; width:100%; position:relative;}

#activitylist_cp ul li { margin:-1px 0 0 -1px;  }
#activitylist_cp ul a {  border: 1px solid #ededed;}
#activitylist_cp ul { margin-right:-1px;}
.cp_banner { width:100%;}
.cp_banner { background-image:none; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cp_banner img { width:100%; display:block;}
 .cp_banner { 
			animation:myfirst 15s;
			-moz-animation:myfirst 15s;
			-webkit-animation:myfirst 15s;
		   iteration-count:20;
		  -moz-animation-iteration-count:20;
          -webkit-animation-iteration-count:20;
		   transition: all 2000s;
		 -moz-transition: all 2000s;
		 -webkit-transition: all 2000s;
		  transform: scale(1);
			}
			 
		@keyframes myfirst
           {
			90% { transform: scale(1.08);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			110% { transform: scale(1.2);}
			120% { transform: scale(2.1);
			transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;
	       }
			130% { transform: scale(1.2);transition: all 10s;}
		   140% { transform: scale(1.08); transition: all 10s;}
		   
			}
	  -moz-@keyframes myfirst
           {
			90% { transform: scale(1.08);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			110% { transform: scale(1.2);}
			120% { transform: scale(2.1);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;
		 }
			130% { transform: scale(1.2);transition: all 10s;}
		   140% { transform: scale(1.08);transition: all 10s;}
		   
			}
	  -webkit-@keyframes myfirst
           {
			90% { transform: scale(1.08);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			110% { transform: scale(1.2);}
			120% { transform: scale(2.1); transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;
		 }
			130% { transform: scale(1.2);transition: all 10s;}
		   140% { transform: scale(1.08);transition: all 10s;}
		   
			}
			



#inner_sy { height:auto; overflow:hidden;}
#inner_sy::after{ display:block; width:100%; position:absolute; left:0; top:0; height:100%; content:""; background:rgba(0,0,0,0.6); z-index:1;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
#inner_sy:hover::after{   background:rgba(0,0,0,0.4); transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
#teamlist ul li a .activitylist_title dl dd:first-child+dd { opacity:0;font-size:16px; margin-bottom:40px; transform: translateY(30px);transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
#teamlist ul li:hover a .activitylist_title dl dd:first-child+dd { opacity:1;   transform: translateY(0);transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 0.6s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
#teamlist ul li a .activitylist_title dl dd:last-child { width:80%; margin:0 auto;}
#teamlist ul li a .activitylist_title dl dd:first-child  { font-size:30px; margin-bottom:10px;}


@charset "UTF-8";
img{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#333;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;}

body{font-size: 14px;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}
input,textarea{outline:none;border:none;*border:0;background:none;}
::-moz-placeholder{color:#939495;}
::-webkit-input-placeholder{color:#939495;}
:-ms-input-placeholder{color:#939495;}

.lycasems_video { width:100%; margin-top:40px;}
.lycasems_video video { width:100%;}
.cb_title {  font-family: "SourceHanSansCN-ExtraLight";  font-size: 40px;color: #fff; text-align:center; width:100%; position:absolute; left:0; top:40%; display:block; text-align:center;}
.cb_title p {  font-family: "SourceHanSansCN-ExtraLight";  font-size: 20px;color: #fff; text-align:center; margin-top:10px; }
.cb_title p em { display:inline-block; position:relative; font-style:normal; }
.cb_title p em::before{ display:block; width:30px; height:1px; background:#fff; position:absolute; left:-50px; top:15px; content:"";}
.cb_title p em::after{ display:block; width:30px; height:1px; background:#fff; position:absolute; right:-50px; top:15px; content:"";}
#co_sort { padding-top:40px;}

/*营销型网站*/
.smcx1 { position:relative; width:100%; margin-top:50px; padding:150px 0; background:#fff; overflow:hidden; }
.marketing1 { position:relative; width:100%; background:#fff; overflow:hidden; padding-bottom:50px;}
.marketing1_r { width:50%; }
.marketing1_r img { width:100%; display:block; }
.marketing1_l { position:absolute; left:0; top:0; width:100%;}
.marketing1_z { min-height:700px;  -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.marketing1_i  { width:35%;     }
.marketing1_i dl dd:first-child h3 { font-size:20px; font-weight:800; margin-bottom:10px;}
.marketing1_i dl dd:first-child p { padding-left:60px; position:relative;}
.marketing1_i dl dd:first-child p::after{ position:absolute; left:0; top:10px; width:40px; z-index:55; height:1px; display:block; content:""; background:#000;}
.marketing1_i dl dd:first-child+dd { line-height:2; margin-top:50px;  color:#6b7280; font-size:16px;}
.marketing1_i dl dd:last-child { margin-top:100px;}
.marketing1_i dl dd:last-child a { display:block; float:left; width:31.3%; margin-left:3%; height:45px; color:#6b7280; line-height:45px; text-align:center;    background:#ededed;  border: 1px solid #ededed;}
.marketing1_i dl dd:last-child a:hover {  color:#fff; background:#da251d;     border: 1px solid #da251d;}
.marketing1_i dl dd:last-child a:first-child { margin-left:0;}



.marketing2 {    width: 100%;padding:140px 0;  background: #f4f4f4;   overflow:hidden; position:relative;}
.marketing2_title {  font-size: 40px; color:#000; text-align:center; }
.marketing2_title::after { display:block; width:80px; height:1px; background:#000; margin:30px auto; content:"";}
.marketing2_info ul li { margin-left:3%; width:17.5%; float:left; background:#fff; border-radius:5px; min-height:300px; text-align:center;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.marketing2_info { margin-top:80px;}
.marketing2_info ul li:first-child { margin-left:0}
.marketing2_info ul li span { display:block; font-size:18px}
.marketing2_info ul li dl { width:100%}
.marketing2_info ul li dl dd { width:100%; display:block;}
.marketing2_info ul li dl dd:first-child  { margin-bottom:20px;}


.marketing3 { position:absolute; left:0; top:0;    width: 100%;padding:140px 0 70px 0;    overflow:hidden; z-index:66}
.marketing3_l { width:40%; min-height:500px; -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.marketing3_r { width:50%}
.marketing3_l dl dd:first-child { position:relative;     color: #fff; font-size:45px;  font-family: "SourceHanSansCN-ExtraLight";}
.marketing3_l dl dd:first-child::after{ display:block; width:85px; height:1px; background:#fff;  content:""; margin-top:20px;}
.marketing3_l dl dd:last-child  { font-size:18px; margin-top:40px; color:#fff}

.menu_head{ cursor:pointer;position:relative; padding-left:80px;background:#fff; color:#000; height:75px; line-height:75px; font-size:20px; margin-bottom:10px;}
.menu_head .icon { position:absolute; top:20px; left:20px;}
.menu_head i { position:absolute; top:10px; left:10px; width:60px; line-height:60px; text-align:center; font-size:40px; font-style:normal;font-family: "DIN";}
.menu_list .current{background:#fff;margin-bottom:0; color:#da251d;}
.menu_list .current .icon path { fill:#da251d}
.menu_body{display:none; background:#fff; line-height:2; padding:0 80px; margin-bottom:10px; padding-bottom:20px;}
.menu_body .menu_info { padding-top:10px; border-top:1px solid #000;} 


.main4 {
  background: #f9f9f9; position:relative;
}
.main4 .main_container .explain_content {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  text-align: center;
}
 .main4 .main_container .more_link {
  margin: 60px auto 0;
}
 .main4 .canvas_animation {
  position: relative;
}
 .main4 .canvas_animation #particles-js {
  width: 100%;
  height:840px;
  background-size: cover;
  background-image: url('');
  background-color: #232323;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

 .main4  .particles-js-canvas-el { opacity:0.3;}
 .main4 .canvas_animation .center {
 
  margin: auto;
  bottom: 128px; 
  background: #ffffff;
  box-shadow: 0px 7px 21px 0px rgba(143, 143, 143, 0.07);
}
 
.marketing4 { padding:140px 0; background: #f4f4f4;  overflow:hidden; position:relative;}
.marketing4_t span { display:block;font-size: 40px;color: #000;text-align: center;} 
.marketing4_t p { display:block;font-size: 16px; margin-top:20px;color: #000;text-align: center;} 
.marketing4_i { margin-top:80px;}
.marketing4_i ul li { float:left; margin-left:2%; width:23.5%; border-radius:5px; background:#fff; overflow:hidden; min-height:35px;}
.marketing4_i ul li:first-child{  margin-left:0}
.marketing4_i ul li dl dd:first-child { width:100%; min-height:80px; padding:0 30px 35px; color:#fff; font-size:20px; overflow:hidden;}
.marketing4_i ul li:first-child dl dd:first-child { width:100%; background:#f49f45}
.marketing4_i ul li:first-child+li dl dd:first-child { width:100%; background:#6e7dfe}
.marketing4_i ul li:first-child+li+li dl dd:first-child { width:100%; background:#13ccc7}
.marketing4_i ul li:last-child dl dd:first-child { width:100%; background:#ed5f49}
.marketing4_i ul li dl dd:last-child { padding:40px; line-height:2;}
.marketing4_i ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.marketing4_iul li { flex: auto;}
.marketing4_i ul li:first-child  { border-bottom:3px solid #f49f45}
.marketing4_i ul li:first-child+li  { border-bottom:3px solid #6e7dfe}
.marketing4_i ul li:first-child+li+li  { border-bottom:3px solid #13ccc7}
.marketing4_i ul li:last-child  { border-bottom:3px solid #ed5f49}
.marketing4_i ul li dl dd i{ display:block; margin:40px 0 10px}



/*营销案例*/

.imarketing6_l { width:45%;}
.imarketing6_d { margin:50px auto 30px; width:425px; height:38px; border:1px solid #464646; line-height:39px; text-align:center;}
.imarketing6_d a { display:block; font-size:18px;}
.imarketing6_d a p:first-child { width:70%;color:#000; float:left;}
.imarketing6_d a p:last-child { width:30%; background:#20448E; color:#fff; float:right; cursor:pointer;}
.imarketing6_t { font-size:45px; margin-top:105px;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.flex .imarketing6_t {  margin-top:250px;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.imarketing6_e { margin-top:20px;  line-height:2; font-size:16px;} 
.marketing6_m  { margin-top:60px;}
.marketing6_m a { display:inline-block; padding-left:50px; height:40px; line-height:40px; color:#000; position:relative;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.marketing6_m a:hover {  color:#fff; background:#da251d; border-radius:8px; padding:0 60px 0 30px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.marketing6_m a::before{ display:block; content:""; position:absolute; left:0; top:3px; width:35px; height:35px; background:#da251d url(../images/icon9.png) no-repeat center center; border-radius:60px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.marketing6_m a:hover::before{   left:135px;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

.solute-wrap ul li .marketing3_img { width:100%; overflow:hidden; position:relative;}
.solute-wrap ul li a .marketing3_desc { position:absolute; left:0; bottom:0; padding:40px; width:100%; overflow:hidden; background:rgba(0,0,0,0.5)}
.solute-wrap ul li a .marketing3_desc dl dd:first-child { width:20%; float:left;}
.solute-wrap ul li a .marketing3_desc dl dd:first-child img{ width:100%; display:block;    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);}
.solute-wrap ul li a .marketing3_desc dl dd:last-child { position:relative; width:65%; margin-left:10%; float:left; line-height:2; color:#fff}
 .solute-wrap ul li a .marketing3_desc dl dd:last-child::before { position:absolute; left:-7%; background:#fff; top:0; width:1px; height:50px; display:block; content:"";}
 .solute-wrap ul li .marketing3_img img{ display:block; width:100%;}
.solute-wrap ul li a .marketing3_info { margin-top:20px; position:relative;   }
.solute-wrap ul li a .marketing3_info .marketing3_tb { width:50%; text-align:right; position:absolute; right:3%; top:0;}
.solute-wrap ul li a .marketing3_info .marketing3_tb i { display:inline-block; margin-left:15px;}
.solute-wrap ul li a .marketing3_info span { font-size:20px; margin-bottom:5px; display:block; color:#000;}
.solute-wrap ul li:hover a .marketing3_info span {   color:#da251d;}
.solute-wrap ul li a .marketing3_info .marketing3_info_p { color:#999999;  margin-top:10px; line-height:1.5;}
.solute-wrap ul li a .marketing3_info .marketing3_info_p i { display:inline-block; margin-right:20px; font-style:normal;}

.solute { position: relative;   z-index:1; background:#fff;}
.solute_info {   display: block;   width: 100%;height: 100vh; -o-object-fit: cover; object-fit: cover;  }
 .solute_bj { width:100%; position:absolute; bottom:0; left:0;}
.solute_bj img{ width:100%;  }
.solute_bj.flex3 { 
  position: fixed;

  bottom:-2px;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;
}
.solute_bj.flex4 { 
  position: absolute;
  top: auto;
  bottom: 0;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;
}	

.solute-video { z-index:1;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width:100%;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;
}
.solute-video.flex { 
  position: fixed;
  top: 0;
  bottom: 0; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;
}
.solute-video.flex1 { 
  position: absolute;
  top: auto;
  bottom: 0;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;
}
.solute-video .solute-v {
  display: block;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}
.solute-wrap { 
  margin-left:50%;
  width:50%;
  position: relative;
  z-index: 3;
    transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;
  
}

.flex  .solute-wrap {margin-top: 80px;   transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;
  
}

 
.solute-top {
  padding: 175px 0 130px;
}
.series-title1 {
  color: #fff;
}
.series-title1:before {
  background: #fff;
}
.solute-hide .common-hide strong { color: #fff;}
.solute-list li {  padding-bottom:20px;position: relative; z-index: 3;} 
.solute-list li:hover .solute-ico span,
.solute-list li.active .solute-ico span {
  color: #fff;
  border-color: transparent;
}
.solute-list li:hover .solute-ico span:before,
.solute-list li.active .solute-ico span:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.solute-list li:hover .solute-ico strong,
.solute-list li.active .solute-ico strong {
  color: #fff;
}
.solute-list li:before {
  position: absolute;
  left: 0;
  bottom: 1px;
  z-index: -1;
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.solute-list li:last-child:before {
  display: none;
}
.solute-title {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 28px 0;
  cursor: pointer;
}
.solute-ico {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.solute-ico span {
  display: block;
  position: relative;
  width: 58px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  font-size: 22px;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  -moz-transition: 0.35s;
  transition: 0.35s;
}
.solute-ico span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -72px;
  margin-top: -72px;
  z-index: -1;
  content: "";
  width: 143px;
  height: 144px;
  background: url(../images/shadow3.png) center no-repeat;
  opacity: 1;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.solute-ico strong {
  display: block;
  margin-left: 18px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
  font-weight: normal;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  -moz-transition: 0.35s;
  transition: 0.35s;
}
.solute-in {
  padding-top: 12px;
  width: 53.25%;
}
.soluet-in-wr {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.soluet-in-wr p {
  color: #fff;
  font-size: 16px;
}
.soluet-in-wr a {
  display: block;
  position: relative;
  z-index: 2;
  margin-top: 12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.soluet-in-wr a:hover .bsvg .circle_bar {
  stroke-dashoffset: 100px;
  stroke-dasharray: 300px;
}
.soluet-in-wr a .bsvg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.soluet-in-wr a .bsvg .circle_bar {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
.soluet-in-wr a:hover i {
  text-indent: 6px;
}
.soluet-in-wr a i {
  display: block;
  color: #fff;
  font-style: normal;
  font-size: 12px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  font-weight: normal;
  line-height: 50px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.solute-swipers {
  position: relative;
  text-align: left;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  margin-top: 12px;
}
.solute-swipers .swiper-scrollbar {
  position: relative;
  margin-top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
}
.solute-swipers .swiper-scrollbar-drag {
  height: 0px;
  background: #20448E;
}
.solute-slide {
  width: 25%;
}
.solute-slide figure {
  display: block;
  position: relative;
  padding-bottom: 100%;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
}
.solute-slide figure:hover img {
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.solute-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.solute_infol { width:40%;}
.solute_infolt { margin-top:200px;}
/*营销案例*/
.marketing7_bj{ width:100% ; background:#fff; overflow:hidden;padding-top: 100px; position:relative;}
.marketing7 { margin:0 auto ; background-image:url(../images/img6.jpg); height:640px; background-position:center; background-size:cover; position:relative;}
.marketing7::after { background:rgba(0,0,0,0.8); width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:11; content:"";}
.marketing7_l {-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; height:640px;}
.marketing7_l dl{ margin-left:10%;}
.marketing7_l dl dd:first-child {  font-size: 40px;  color: #fff;  }
.marketing7_l dl dd:first-child+dd { font-size: 16px;    margin-top:8px;  color: #fff;  }
.marketing7_l dl dd:last-child  { line-height:2; margin-top:50px; color:#fff; }
.marketing7_z { position:absolute; left:0; top:0; z-index:66; width:100%}
.marketing7_l { width:35%}
.marketing7_r { width:50%}
.marketing7_r ul { margin-right:10%; margin-top:100px;}
.marketing7_r ul li{ float:left; width:49%; min-height:200px; background:rgba(255,255,255,0.2);margin-left:1px;margin-top:1px;}
.marketing7_r ul li p { text-align:center; color:#fff; font-size:20px; margin-bottom:20px;}
.marketing7_r ul li p:first-child { margin-top:50px;} 



/*服务*/
.services1 { margin-top:100px;}
.services1 ul li { width:49%; margin-bottom:1%; margin-left:1%; position:relative; float:left; border-radius:10px; overflow:hidden;}
.services1 ul li::before { display:block; width:100%; height:100%; position:absolute; left:0; top:0;  background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5), rgba(0,0,0,1));    content:"";   transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.services1 ul li:hover::before {  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5), rgba(0,0,0,0.8));   transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;   }
.services1 ul li span { display:block; width:100%;}
.services1 ul li span dl { position:absolute; width:100%; top:0; left:0; color:#fff; text-align:center;}
.services1 ul li span dl dd:first-child { font-size:30px; margin-bottom:10px; margin-top:200px; }
.services1 ul li span dl dd:first-child+dd {  margin-bottom:10px; font-size:18px; }
.services1 ul li span dl dd:first-child+dd+dd a{ color:#fff;}
.services1 ul li span dl dd:first-child+dd+dd a:hover{ text-decoration:underline;}
.services1 ul li span dl dd:first-child+dd+dd a i { display:inline-block; padding:0 10px;}
.services1 ul li span dl dd:first-child+dd+dd a:last-child i { display:none; }
.services1 ul li span dl dd:last-child { margin-top:60px;}
.services1 ul li span dl dd:last-child a { color:#fff;}
.services1 ul li span dl dd:last-child a:hover{ text-decoration:underline;}
.services1 ul li:nth-child(2n+1) {  margin-left:0;}
.services1 ul li span img { width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
/*.services1 ul li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
*/
.services2 { width:100%; padding-top:150px; }
.services2_t {text-align:center}
.services2_t span{  display:block; font-size:40px;}
.services2_t p{  display:block; margin-top:10px; font-size:14px;}


.z-list2 .inner:hover .txt .more span {
	text-decoration: underline;
}

.index-row4 {
	padding: 100px 0 100px;
	overflow: hidden
}

.oclean-swiper {
	position: relative
}
.wp .swiper-wrapper .swiper-slide {-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06);}
.wp .swiper-wrapper .swiper-slide-active { transform: scaleY(0.95) scaleX(0.95); margin-right:0 !important;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.wp .swiper-wrapper .swiper-slide-active:hover { transform: scaleY(1.05) scaleX(1.05);   transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.oclean-swiper .pic {   
	position: relative; 
 
}
.oclean-swiper .pic p { text-align:center; font-size:20px;   text-align:center; margin-top:20px; opacity:0;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.swiper-wrapper .swiper-slide-active .pic p {   opacity:1;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}



.pop-con img{ width:100%; display:block;}
.wp .oclean-swiper .swiper-slide-prev   {    -webkit-transform: perspective(1000px) rotateY(20deg); margin-left:30px; margin-right:0px !important;
    transform: perspective(1000px) rotateY(20deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
 
 
}
.wp .oclean-swiper .swiper-slide-next   {     -webkit-transform: perspective(1000px) rotateY(-20deg); margin-right:60px !important;
    transform: perspective(1000px) rotateY(-20deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
 
 
}
 
.oclean-swiper .pic img { width: 100%; border-radius:20px;      
 display:block; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
 
}

.oclean-swiper .swiper-slide-active:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 218px;
	background: url(../images/mask.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover
}

.oclean-swiper .swiper-slide-active:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05); transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
	
	
	
}

.oclean-swiper .tit {
	position: absolute;
	top: 62px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 60px;
	color: #fff;
	z-index: 2
}

.oclean-swiper .swiper-arrow {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	z-index: 3
}

.oclean-swiper .swiper-arrow.swiper-prev {
	left: 50%;
	margin-left: -670px;
	background-image: url(../images/prev.png)
}

.oclean-swiper .swiper-arrow.swiper-next {
	right: 50%;
	margin-right: -670px;
	background-image: url(../images/next.png)
}

.oclean-swiper .swiper-dots {
	position: absolute;
	bottom: -100px !important;
	z-index: 3;
	text-align: center
}

.oclean-swiper .swiper-dots .swiper-pagination-bullet {
	width: 40px;
	height: 4px;
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
	border-radius: 0;
	margin: 0 10px !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.oclean-swiper .swiper-dots .swiper-pagination-bullet-active {
	background: #f5343f
}

 

 
.f-language .at span {text-decoration: underline}

.f-language .con {
	position: absolute;
	bottom: 36px;
	right: 0;
	background: #fff;
	width: 140px;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 4px;
	display: none;
	z-index: 10;
	text-align: center;
}

.f-language .con a:hover {
	color: #f4313f
}

.fd-share {
	background: #eaeaea;
}

.fd-share .wp {
	display: flex;
}

.fd-share a {
	position: relative;
	width: 30px;
	height: 30px;
	margin-right: 20px;
	background-image: url(../images/share.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.fd-share a:hover {
	background-image: url(../images/share-on.png)
}

.fd-share .con {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 160%;
	width: 150px;
	height: 150px;
}

.fd-share .con img {
	display: block;
	width: 100%;
	height: 100%;
}

.fd-share a.share-weixin {
	background-position: 0 0
}

.fd-share a.share-weibo {
	background-position: right 0
}
   

.wx-qr {
	position: absolute;
	bottom: 120%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	overflow: hidden;
	padding: 10px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.wx-qr img {
	display: block;
	width: 100%;
	height: 100%;
}

.media a:hover .wx-qr {
	opacity: 1;
}

.pop-mask {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .65);
	z-index: 800;
}

.pop-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url(../images/z-close.png) no-repeat center;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
	border-radius: 50%;
}

.pop-close:hover {
	background-image: url(../images/z-close-on.png);
	background-color: #E53935;
}

.pop-win {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 801;
	width: 1000px;
}
.pop-win .pop-con .i_video {  }
.pop-win .pop-tit {
	font-size: 18px;
	color: #424242;
	height: 60px;
	line-height: 60px;
	padding: 0 24px;
	background: #ffffff;
}

.pop-win .pop-con video {
	display: block;
	width: 100%;
	background: #000;
}

.wp {
	padding: 0 50px;
	max-width:1200px;
	margin: 0 auto
}

 
 
 
.services3{ padding-top:150px;} 
.services3_content { padding-top:50px;}
.services3_content ul li { width:48%; margin-left:4%; float:left; margin-bottom:4%;flex: auto;}
.services3_content ul { display: flex;flex-direction: row;flex-wrap: wrap;} 
.services3_content ul li:nth-child(2n+1) {  margin-left:0;}
.services3_content ul li a .services3_l {width:35%; display:block; overflow:hidden;}
.services3_content ul li a .services3_l img { width:100%; display:block;  width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.services3_content ul li:hover a .services3_l img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.services3_content ul li a .services3_r { width:60%;} 
.services3_content ul li a .services3_r dl{ width:100%;} 
.services3_content ul li a .services3_r dl dd:first-child{ color:#6b7280; margin-bottom:5px;} 
.services3_content ul li a .services3_r dl dd:first-child+dd{ font-size:18px; color:#000; margin-bottom:15px;   display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;} 
.services3_content ul li a .services3_r dl dd:first-child+dd+dd{  color: #6b7280; line-height:1.5; margin-bottom:5px;   display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;}  
.services3_content ul li a .services3_r dl dd:last-child { margin-top:20px; color:#888888} 
.services3_content ul li a .services3_r dl dd:last-child i{ display:inline-block;     display: inline-block;position: relative;padding: 15px;} 
.services3_content ul li a .services3_r dl dd:last-child i svg{position: absolute; left: 0; top: 10px;}
.services3_content ul li a .services3_r dl dd:last-child .dti{ margin-left:20px;}










/*=====品牌型网站建设=====*/ 
.brand1 {    width: 100%;padding:140px 0;  background: #f4f4f4;   overflow:hidden;  position:relative;}
.brand1_title span{ display:block;  font-size: 40px; color:#000; text-align:center; }
.brand1_title p{ display:block;  color:#000; margin-top:10px; text-align:center;}
.brand1_info ul li { margin-left:3%; width:22.6%; float:left; background:#fff; border-radius:5px; min-height:300px; text-align:center;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.brand1_info { margin-top:80px;}
.brand1_info ul li:first-child { margin-left:0}
.brand1_info ul li span { display:block; font-size:18px}
.brand1_info ul li dl { width:100%}
.brand1_info ul li dl dd { width:100%; display:block;}
.brand1_info ul li dl dd:first-child  { margin-bottom:20px;}
.brand1_info ul li dl dd p{width:80%; margin:20px auto 0; }

#h5_info .brand1_info ul li  { width:31.33%; margin-left:3%; margin-bottom:3%;}
#h5_info .brand1_info ul li:nth-child(3n+1)  {   margin-left:0;}
#h5_info .brand1_info ul li:nth-child(5) dl dd svg{   transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    -ms-transform: rotate(-28deg);
    -o-transform: rotate(-28deg);
    -webkit-transform: rotate(-28deg);}









.brand1_t span{ font-size:40px;  text-align: center; }
.brand1_t p {  line-height: 1.5;    text-align: center; margin-top:10px; font-weight: lighter;}
.brand1_i ul li{ width:33.33%; float:left; position:relative; overflow:hidden;}
.brand1_i ul li::before{    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5), rgba(0,0,0,1));
    content: "";  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; z-index:1}
.brand1_i ul li:hover::before{    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.2), rgba(0,0,0,1)); transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  z-index:1}	
.brand1_i ul li img { width:100%; display:block;  width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.brand1_i ul li:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.brand1_i ul li .brand1_desc { width:100%; display:block; position:absolute; left:0; bottom:5%; text-align:center; color:#fff; z-index:88;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.brand1_i ul li:hover .brand1_desc {  bottom:8%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

.brand1_i ul li .brand1_desc h4{ font-weight:500; font-size:20px;}
.brand1_i ul li .brand1_desc p { line-height:1.5; margin-top:10px;}
.brand2 { position:relative; width:100%;}
.brand1_t { position:absolute; left:0; top:60px; z-index:5; color:#ffff; text-align:center; width:100%;  }

#brand3 .marketing7_r ul li p:first-child { height:40px; line-height:40px; text-align:left;}
#brand3 .marketing7_r ul li p em { display:inline-block; padding-right:40px; position:relative;}
#brand3 .marketing7_r ul li p { padding:0 20px;}
#brand3 .marketing7_r ul li p em svg{ position:absolute; left:0; top:0;}
#brand3 .marketing7_r ul li p:last-child { font-size:14px;text-align:left;}
#brand3 .marketing7_r ul li p:last-child i { display:inline-block; padding-right:20px; font-style:normal; position:relative;}
#brand3 .marketing7_r ul li:first-child+li+li p em svg{ top:-1px;}
#brand3 .marketing7_r { width:60%;}
#brand3 .marketing7_r ul li p:last-child i::after{ display:block; content:""; position:absolute; right:10px; top:3px; height:15px; background:rgba(255,255,255,0.6); width:1px;}
#brand3 .marketing7_r ul li p:last-child i:last-child::after{ display:none; }


.brand6 { width:100%; height:75vh; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.brand6::after{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; z-index:1}
.brand6_info{ position:absolute; left:0; top:0; width:100%; height:100%;   z-index:3}
.brand6_t { width:100%; text-align:center; font-size:40px; color:#fff; margin-top:100px;}
.brand6_d { width:100%; text-align:center;   color:#fff; margin-top:40px; line-height:2}
.brand6_img {position:absolute; left:0; bottom:0; width:100%; z-index:66 }
.brand6_img img { width:40%; display:block; margin:0 auto; opacity:0.2;transform: translateY(40px); }


/*=====SEO=====*/ 
.seoBox1  { padding:150px 0; position:relative; overflow:hidden; background:#fff;     }
.seoBox1_title span{display: block;color:#000;font-size:40px;position:relative; margin-bottom:10px; font-weight:500;text-align: center;} 
.seoBox1_title p {   color:#6b7280; text-align:center;  }
.contai { margin-bottom: 40px;  }
.contai ul {  margin-top:50px;}
.contai li { float: left; width: 30.3%;margin: 0 1.5%;box-shadow: 0 1px 3px 2px rgba(0,0,0,.1);}
.contai li .pImg {   overflow:hidden; width:100%; display:block;}
.pImg img { display:block; width: 100%;  transition: all 0.5s;}
.contai li .txt {  background: #fff; padding:30px;   min-height: 160px; } 
.contai li .txt p{margin-top:15px; padding:15px 0 0 0; border-top: 1px solid #ededed; line-height:1.6}
.contai li h4 { font-size: 1.5em;  color: #333; margin-bottom: 10px;}
.contai li:hover img{transform: scale(1.1);}
.listTie2, .listTie2 span { color: #fff;}

.seoBox2{background:#f4f4f4;color:#000000;position:relative;padding:100px 0;  position:relative; overflow:hidden;}
.seoBox2 ul{max-width:420px;margin-top:110px;}
.seoBox2 .contai1{width:35%;}
.seoBox2 .contai2{width:35%;}
.seoBox2 li{background:#fff;margin-bottom:55px;height:60px;line-height:60px;border-radius:5px;padding:0 5%;}
.seoBox2 li i{float:left;font-style:normal;color:#e62129;font-weight:700;font-size:1.25em;margin-right:15px;}
.seoBox2 .pic{ width:47%; display:block;}
.seoBox2 .pic img {  width: 90%; margin:0 auto; display:block}

.bdseo3{ overflow:hidden; padding:150px 0; background:#232323; position:relative}
.bdseo3 li{float:left;width:33.3%;text-align:center;padding:4%;min-height:260px;transition:all .4s;}
.bdseo3 .seoBox1_title span { color:#fff;}
.bdseo3 .seoBox1_title p { color:#fff;}
.seoBox3 ul { padding-top:50px;}
.seoBox3 ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.seoBox3 ul li { flex: auto; background:#fff; margin-left:3%; margin-bottom:3%;width:31.33%; float:left; border-radius:5px;}
.seoBox3 ul li:nth-child(3n+1) {  margin-left:0;}
.seoBox3 li span{display: block;font-size:1.429em;color:#333;margin:10px 0;}
.seoBox3 li i{display: inline-block;background: url('../images/icon78.png') no-repeat;width:66px;height:66px;position: relative;top:0;transition:all .4s;}
.seoBox3 li:nth-child(2) i{background-position: -66px 0;}
.seoBox3 li:nth-child(3) i{background-position: -132px 0;}
.seoBox3 li:nth-child(4) i{background-position: -198px 0;}
.seoBox3 li:nth-child(5) i{background-position: -264px 0;}
.seoBox3 li:nth-child(6) i{background-position: -330px 0;}
.seoBox3 li:nth-child(7) i{background-position: -396px 0;}
.seoBox3 li:hover i{top:-15px;}

.bdseo4{background:#f4f4f4;color:#000000;position:relative;padding:100px 0;    overflow:hidden;}
.seoBox4  { padding-top:30px;}
.seoBox4 li{float:left;width:25%;text-align:center;margin:40px 0;}
.seoBox4 li i{display:inline-block;width:80px;height:80px;background: url('../images/icon80.png') no-repeat;margin-bottom:15px;position: relative;top:0;transition:all .5s;}
.seoBox4 li:nth-child(2) i{background-position: -80px 0;}
.seoBox4 li:nth-child(3) i{background-position: -160px 0;}
.seoBox4 li:nth-child(4) i{background-position: -240px 0;}
.seoBox4 li:nth-child(5) i{background-position: -320px 0;}
.seoBox4 li:nth-child(6) i{background-position: -400px 0;}
.seoBox4 li:nth-child(7) i{background-position: -480px 0;}
.seoBox4 li:nth-child(8) i{background-position: -560px 0;}
.seoBox4 li:hover i{top:-8px;}


.bdseo5{padding:150px 0 100px; position:relative; overflow:hidden; background:#fff;   }
.seoBox5{background: url() no-repeat center;background-size:cover;}
.seoBox5 .contai { padding-top:50px;}
.seoBox5 ul{margin:0 -1%;  display: flex;flex-direction: row;flex-wrap: wrap;} 
.seoBox5 li{ flex: auto;float:left;width:23.9%;margin:0 1%;background:#fff;box-shadow:0 2px 10px #ddd;margin-bottom:40px;padding:30px 15px 15px 85px;min-height:170px;border-radius:10px;transition:all .5s;animation-fill-mode:inherit;}
.seoBox5 li h4{font-size:1.429em;color:#191919;margin-bottom:10px;}
.seoBox5 li i{float:left;margin-left:-65px;width:48px;height:48px;background: url('../images/icon79.png') no-repeat;}
.seoBox5 li:nth-child(2) i{background-position: -48px 0;}
.seoBox5 li:nth-child(3) i{background-position: -96px 0;}
.seoBox5 li:nth-child(4) i{background-position: -144px 0;}
.seoBox5 li:nth-child(5) i{background-position: -192px 0;}
.seoBox5 li:nth-child(6) i{background-position: -240px 0;}
.seoBox5 li:hover{transform: scale(1.2);}


#bdseo9{  position:relative; overflow:hidden; background:#fff;   }
.bdseo8 {background: url(../images/seoBox6_bg.jpg) no-repeat center; background-size: cover;  background-attachment: fixed;  position: relative; padding-bottom:150px;}
.Productlist10 ul li{ background:#fff; color:#000; position:relative;  }
.Productlist10 ul li a{ padding:30px; display:block;  }
.bdseo8 .about1_title h3{font-size: 40px;color: #fff; font-weight: 100; height:50px; line-height:50px;}
.bdseo8 .about1_title p { font-size: 14px;   color: #fff; margin-top:10px; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid rgba(255,255,255,.3);}
.bdseo8 .about1_title h3::after { display:none;} 
.Productlist10 ul li h4 { font-size:30px; color:#da251d; font-weight:500;}
.Productlist10 ul li i { display:inline-block; font-size:100px; color:#d4d4d4; font-style:normal;    font-family: "DIN";; position:absolute; right:30px; bottom:20px; z-index:10;}
.Productlist10 ul li p { width:100%; position:relative; height:100%;min-height:300px; overflow:hidden; }
.Productlist10 ul li p::after { width:100px; position:absolute; right:-95px; bottom:-60px; height:200px; z-index:55; background:#fff; content:"";     transform: rotate(38deg);
    -moz-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    -o-transform: rotate(38deg);
    -webkit-transform: rotate(38deg); }
.Productlist10 ul li p span { display:block; width:100%; margin-top:10px;}
.Productlist10 ul li p span:first-child { margin-top:30px;}
.Productlist10 ul li::after { width:22px; position:absolute; left:50%; top:-62px; height:22px; z-index:55; background:#fff; border-radius:50px; content:""; border:7px solid #656565; } 
.Productlist10 ul li:hover::after {   border: 7px solid #da251d;  }

#qwtg1 .brand1_info ul li { width:18.4%; padding-bottom:30px; margin-left:2%}
#qwtg1 .brand1_info ul li:first-child { margin-left:0;}
#qwtg1 .brand1_info ul li dl dd:first-child img { margin:0 auto; width:75%; padding-top:30px; display:block; }
#qwtg1 .brand1_info ul li dl dd:last-child {  margin-top:30px;}
.brand11{padding:150px 0 100px; position:relative; overflow:hidden; background:#232323; color:#ffff;  }
.brand11 .brand11_info{ padding-top:50px; }
.brand11 .brand11_info ul { margin-right:-1px;}
.brand11 .brand11_info ul li { float:left; width:33.33%; margin-left:-1px; margin-bottom:-1px; text-align:center;}
.brand11 .brand11_info ul li:nth-child(3n+1) {  margin-left:0;}
.brand11 .brand11_info ul li p { margin-bottom:30px; font-size:20px;}
.brand11 .brand11_info ul li span { display:block; border:1px solid rgba(255,255,255,0.1); padding:60px 0;}
.brand11 .brand11_info ul li p:last-child { margin-bottom:0}

.brand13 {width: 100%; padding: 140px 0;   background: #fff;  overflow: hidden;  position: relative;}
.brand13_info ul li { width:33.33%; float:left; padding:50px 0;}
.brand13_info ul li:nth-child(4) { margin-left:16%;}
.brand13_info ul li img { display:block; width:30%; margin:0 auto 30px;}
.brand13_info { padding:50px; 0}
.brand13_info ul li:first-child { border-bottom:1px solid rgba(0,0,0,0.1);}
.brand13_info ul li:first-child+li { border-bottom:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);}
.brand13_info ul li:first-child+li+li { border-bottom:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);}
.brand13_info ul li:last-child { border-left:1px solid rgba(0,0,0,0.1);}
.brand13_info ul li dl dd:last-child { padding:10px 80px; text-align:center;}
.brand13_info ul li dl dd:last-child span { display:block; font-size:25px; margin-bottom:20px;}
.brand13_info ul li dl dd:last-child p { line-height:1.5}
.brand13_info ul li dl dd:first-child { min-height:150px;}


.brand14 {width: 100%; padding: 140px 0;   background: #f4f4f4;  overflow: hidden;  position: relative;}
#qwtg1 #dpfw ul li { width:22%; padding-bottom:30px; margin-left:2%}
#qwtg1 #dpfw ul li:first-child { margin-left:0;}
#qwtg1 #dpfw ul li dl dd:first-child img { margin:0 auto; width:45%; padding-top:30px; display:block; }
#qwtg1 #dpfw ul li dl dd:last-child {  margin-top:30px; text-align:left;}
#qwtg1 #dpfw ul li dl dd:last-child p:first-child { font-size:20px; margin-bottom:10px;}
#qwtg1 #dpfw ul { display: flex;flex-direction: row;flex-wrap: wrap;}
#qwtg1 #dpfw ul li { flex: auto;}



























/*=====企业邮箱=====*/ 
.youxiang1_bj {     position: relative;width: 100%;  margin-top: 50px; background: #fff;overflow: hidden; padding-bottom: 50px;}
.youxiang1_t { padding-top:160px;} 
.youxiang1_t h3{    font-size: 20px; font-weight: 800; margin-bottom: 10px;}
.youxiang1_t p {padding-left: 60px;position: relative;}
.youxiang1_t p::after { position: absolute; left: 0;top: 10px;  width: 40px; z-index: 55; height: 1px; display: block;content: "";  background: #000;}
#yxtab{ margin-top:80px; }
.yxlist { width:30%; float:left;}
#listCon { width:65%; float:right;}
.yxlist ul{  overflow: hidden;  }
.yxlist li{ text-align:center;  float: left;   cursor: pointer; width:49%; min-height:200px; background:#f4f4f4; margin-right:1px; margin-bottom:1px;}
.yxlist li p:last-child { font-size:18px; color:#000}
.yxlist .cur p:last-child {  color:#fff}
.yxlist li p:first-child { margin:40px 0 20px;}
.yxlist li p .icon path{fill:#a4a4a4}
.yxlist .cur p .icon path{fill:#ffffff}
#listCon div{ display:none; width:100%  }
#listCon div .fo_info{ width:100%;  }
#listCon div dl dd{ display:block; width:100%}
.yxlist li:hover{background: #da251d; color:#fff;border-bottom: none;}
.yxlist .cur{background: #da251d; color:#fff;border-bottom: none;}
 #listCon div.infocur{display:block;}
#focur1 img { width:80%; display:block; margin:10% auto 0;}
#focur2 img { width:50%; display:block; margin:0 auto;}
#focur3 img { width:50%; display:block; margin:0 auto;}
#focur4 img { width:50%; display:block; margin:0 auto;}
#focur5 img { width:50%; display:block; margin:0 auto;}
#focur6 img { width:50%; display:block; margin:0 auto;}

#listCon div dl dd:first-child+dd{font-size: 20px;font-weight: 800; padding-bottom:20px;    border-bottom: 1px solid #ededed; position:relative;}
#listCon div dl dd:first-child+dd::before{ position:absolute; left:0; bottom:-2px; width:40px; height:3px; background:#da251d; content:""; display:block;}
#listCon div dl dd:first-child+dd+dd{ margin-top:30px; line-height:1.8}




.free.active{color: #fff;background:#006bd3;  border-color: #006bd3;}
.industry-bot{width: 50.78%; margin:30px auto 60px;font-size: 0;opacity: 1; text-align:center;}
.industry-style a{display: inline-block;color: #000;margin-right: 40px;position: relative;font-size: 14px;}
.industry-style a:hover{color: #da251d;}
.industry-style a.active{color: #da251d;}
.img100 img { width:100%; display:block;}
.industry-style a:after{content: '';position: absolute;right: -20px;top:50%;height:16px;margin-top:-8px;border-right:1px solid #d8d8d8;}
.industry-style a:last-child{margin-right: 0;}
.industry-style a:last-child:after{display: none;}
.industry-top{position: relative;}
.industry-top .swiper-container{overflow: visible;}
.industry-top .swiper-slide{transform: scale(0.85);}
.industry-top .swiper-slide a{display: block;margin:0 20px\0; position: relative;}
.industry-top .swiper-slide.ready{transition: all .4s;}
.industry-top .swiper-slide.swiper-slide-prev{transform-origin: right center;}
.industry-top .swiper-slide.swiper-slide-next{transform-origin: left center;}
.industry-top .swiper-slide-active{transform: scale(0.95);z-index: 5;}
.industry-top .swiper-slide:hover .xz89{margin-left: 20px;}
.industry-top .img100{position: relative;z-index: 1;}
.industry-top .img100:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);}
.ins-con{position: absolute;left: 80px;top:110px;opacity: 0;filter: alpha(opacity=0); transition: all .4s;z-index: 5;}
.industry-top .swiper-slide.swiper-slide-active .img100:before{opacity: 0;filter: alpha(opacity=0);}
.industry-top .swiper-slide.swiper-slide-active .ins-con{opacity:1;filter: alpha(opacity=100);}
.ins-warp h2{font-size: 30px;color: #fff;margin-bottom: 20px;}
.ins-bot p{font-size: 16px;color: #fff;}
.industry-top .newBtn{position: absolute;width: 50%;left: 25%;top:0;height: 100%;margin-left: -9px;}
.industry-top .newBtn div{position: absolute;top:50%;margin-top: -18px;z-index: 9;}
.industry-top .newBtn1{left: 50%;left: 48%\0;}
.industry-top .newBtn2{right:-6%;left: 52%\0;transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.roundabout-holder{list-style: none;width: 100%;margin: 0 auto}
.roundabout-moveable-item{font-size: 14px; width: 50%;cursor: pointer;background: #f9f9f9}
.roundabout-in-focus{cursor: auto}
.argih{position: absolute;right: 0;bottom:-40px;}
.cus{margin-right: 155px;}
.cus-l{width: 28%;position: relative;}
.cus-m{width: 48%;}
.cus-r{width: 24%;position: absolute;right: 0;top:0;height: 100%;}
.cus-page{position: relative;}
.cus-con{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: #e9e9e9;}
.cus-m .img100{width: 50%;position: relative;}
.cus-r .img100{position: absolute;width: 100%;left: 0;top:50%;bottom:0;overflow: hidden;background: #006bd3;}
.cus-con h3{font-size: 24px;line-height: 1.6em;}
.cus-con p{font-size: 16px;color: #858585;}
.cus-con .i{display: inline-block;width: 38px;border-top: 1px solid #3b3b3b;margin: 10px auto;transition: all .3s;}
.cus-page .iconfont{font-size: 40px;}
.cus-l .cus-con{background: none;height: 50%;}
.cus-l .cus-con h3{color: #fff;}
.cus-l .cus-con p{color: #e6e6e6;}
.cus-l .cus-con .i{border-color: #fff;}
.cus-m .cus-con{width: 50%;}
.cus-m .cus-page1 .i2{width: 20px;height: 32px;position: absolute;left: -11px;top:25px;z-index: 9;}
.cus-m .cus-page1 .i2 span{color: #e9e9e9;}
.cus-m .cus-page1 .img100{float: right;}
.cus-m .cus-page2 .cus-con{right: 0;left: auto;background: #006bd3;}
.cus-m .cus-page2 h3{color: #fff;}
.cus-m .cus-page2 .i{border-color: #fff;}
.cus-m .cus-page2 p{color: #9fcaf7;}
.cus-m .cus-page2 .i2{width: 20px;height: 32px;position: absolute;right: 10px;top:25px;z-index: 9;}
.cus-m .cus-page2 .i2 span{color: #006bd3;}
.cus-r .i{max-width: 72px;}
.cus-r .i2{width: 32px;height: 20px;position: absolute;top: -14px;right:34px;z-index: 9;}
.cus-r .i2 span{color: #6ab1f5;}
.cus-r:hover .imgcd{transform: scale(1.05);}
.cus-r .cus-con{position: relative;height: 50%;background: #6ab1f5;}
.cus-r .cus-page{height: 100%;}
.cus-r h3{color: #fff;}
.cus-r .cus-con .i{border-color: #fff;}
.cus-r p{color: #fff;}
.cus-page:hover .i{width: 96px;}
.cus-l .cus-page:hover .i{width: 120px;}
.cus-more{position: absolute;right: 0;width: 155px;height: 100%;top:0;background: #006bd3;text-align: center;color: #fff;overflow: hidden;}
.cus-more .i{width: 34px;height: 17px;margin: 0 auto 20px;}
.cus-more .i .iconfont{font-size: 34px;}
.cus-more .middle-box{transition: all .4s;}
.cus-more:hover .middle-box{transform: scale(1.1); }
.swiper-slide{position: relative;}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.newBtn div{cursor: pointer;width: 50px;height: 50px; line-height:50px;position: absolute;top:50%;transform: translateY(-50%);z-index: 9;color: #006bd3; border-radius:100px; text-align:center;}
.newBtn div:hover{background: #da251d;color: #fff;}
.newBtn div:hover svg path { fill:#ffffff;}
.newBtn .iconfont{font-size: 24px;margin: 4px;display: block;}
.newBtn1{left: -60px;}
.newBtn2{right: -60px;}
.more-box{transition: all .3s;position: relative;z-index: 12;}
.more{display: inline-block;position: relative;text-transform: uppercase;font-size: 12px;color: #b9b9b9;}
.more .iconfont{display: inline-block;content: '';vertical-align: middle;margin-top: -4px;}
.more-box .shijian{font-size: 16px;margin-right: 5px;}
.more-box .mainjiantou{margin-left: 5px;transition:none;}
.more img{position: absolute;right: 22px;top:50%;margin-top: -5px;}
.zxzx-1600{background: #fff;position: relative;z-index: 2;}
.new-hide{position: absolute;bottom:-54px;left: 0;width: 100%;height: 54px;background: #006bd3;z-index: 9;transition: all .4s;line-height: 54px;}
.new-hide .more{color: #fff;position: absolute;right: 30px;}

.overhide { overflow:hidden; background:#fff; position:relative; z-index:12; width:100%}
.overhide_title { padding-top:100px;    display: block; color: #000; font-size: 40px; position: relative; margin-bottom: 10px; font-weight: 500; text-align: center;}





/* ===============================================================
摄影
================================================================*/

.inner_sy { position:relative; width:100%; z-index:444; background:#fff; overflow:hidden;}
















































@media screen and (max-width:4804px) and (min-width:1920px) {
  
  
}



@media screen and (max-width: 1920px) and (min-width:1600px) {
   
}


@media only screen and (max-width: 1700px){	 
 
  #IndexBlock2 .PNBtn .prev {left: 0;}
  #IndexBlock2 .PNBtn .next {right: 0;}
  #IndexBlock2 .PNBtn span {  top: 45%;  margin-top:0;}
  
}
@media only screen and (max-width: 1650px){	  
    
	.seoBox2 .pic {   width: 43%;}
	
	
}
@media only screen and (max-width: 1600px){	 
   .nav_z .nav ul .t_sort span {  right: 3px;} 
   .about4_info { width:100%}
   .about4_info ul li { width:100%} 
   .about4_info ul li dl { width:100%}    
   .about6_content ul li a .about6_info dl {  padding:40px;}
   .newlist_content ul li a dl dd:first-child { height: 300px;}
  .seoBox2 .pic {   width: 40%;} 
   
   
}

@media only screen and (max-width: 1550px){	  
   .newlist_content ul li a dl dd:first-child { height:280px;}
   .seoBox2 .pic img {  margin:80px auto 0;}
   
   
}


@media only screen and (max-width: 1500px){	
  .h_sort_l dl dd:last-child p:first-child { width:40%;}
  .h_sort_l dl dd:last-child p:last-child { width:40%;} 
  .newlist_content ul li a dl dd:first-child { height:270px;}
  .p_banner_z {   height:70vh;}
  .product2_ri {  border-radius: 20px;}
  .seoBox2 .pic {   width: 35%;} 
  
}
@media only screen and (max-width: 1450px){	 
    .about4_info ul li dl .con_a {  padding: 5% 5% 0; width:50%}  
    .newlist_content ul li a dl dd:first-child {   height: 260px;}
	.product_banner { height: auto;}
	.services1 ul li span dl dd:first-child { margin-top: 180px;}
	.seoBox2 .pic img {  margin:100px auto 0;}
	  
}
@media only screen and (max-width: 1350px){	
     .about6_content ul .t_logo dl dt {  margin-top: 80px;}
      .newlist_content ul li a dl dd:first-child {   height: 250px;}
	.index2_content  {display:none;}
	.index2 #IndexBlock5 { display:block;}
	.marketing1_z { min-height: auto;   display:block; margin-top:60px;}
	.marketing1_i { width: 45%;}
	.marketing1_i dl dd:last-child {  margin-top:50px;}
	.seoBox2 .pic { width: 33%;}
	.seoBox2 .contai1 { width: 33%;}
	.seoBox2 .contai2 { width: 33%;}
	

}
@media only screen and (max-width: 1330px){	
    .nav_z .nav ul .t_sort span {  right: 8px;}
	.value_info dl { width: 100%;} 
	 
    
}
@media only screen and (max-width: 1300px){	
    .index3_z  { width:100%;max-width:100%;}
    .index3 { padding: 60px 0;}  
    .about6_content ul li a .about6_info dl {  padding:20px;}
    .newlist_content ul li a dl dd:first-child {   height: 240px;}	
    .productlist ul li a .index2_info dl dd:first-child+dd { margin-bottom: 0;}   
    .services1 ul li span dl dd:first-child { margin-top: 160px;}
		.industry-bot { width:100% !important} 
}
@media only screen and (max-width: 1250px){	
  
   .newlist_content ul li a dl dd:first-child {   height: 230px;}
   
	 
}
@media only screen and (max-width: 1200px){	
 
      .about6_content ul .t_logo dl dt {  margin-top: 50px;}
	  .newlist {  padding-top: 130px;}
	  .inner_news { max-width:95%;}
	  .newlist_content ul li a dl dd:first-child {   height: 220px;}
	  .productlist ul li a .index2_info dl dd:last-child span {   margin: 20px auto 0;} 
	 .productlist ul li a .index2_info {  left:5%;  width:90%;  height: 80%;}  
	 .productlist5 ul li a .index2_info dl dd:last-child span {   margin: 20px auto 0;} 
	 .productlist5 ul li a .index2_info {  left:5%;  width:90%;  height: 80%;}
	 .services1 ul li span dl dd:first-child+dd {   font-size: 16px;}  
	 .brand13_info ul li dl dd:last-child {  padding: 10px 30px;}
	 
	 
	 
	 
	 
}

@media only screen and (max-width: 1100px){	
     .nav_z .nav ul .t_sort::before { height:90px;top:-50px;}      
	 .nav_z .nav ul li .f_a {line-height: 90px;}  
	 .newlist_content ul li a dl dd:first-child {   height: 200px;} 
	 .productlist ul li a .index2_info dl dd:last-child span {  width:80px; height: 80px;}
	 .productlist5 ul li a .index2_info dl dd:last-child span {  width:80px; height: 80px;}
	 .services1 ul li span dl dd:first-child { margin-top: 130px;} 
	 .services1 ul li span dl dd:last-child {  margin-top: 40px;}
	 
	 
	 
}

 
@media only screen and (max-width: 1050px){	
    .logo a span {  width: 150px;} 
	.marketing1_i dl dd:first-child+dd {  font-size: 14px;}
	
	
	 
}

@media only screen and (max-width: 1024px){	
     .h_sort_l { width:40%}  
     .h_sort_l dl dd:last-child p:first-child { width:47.5%; margin-right:5%}
     .h_sort_l dl dd:last-child p:last-child { width:47.5%;} 
	 .nav_z .nav ul .t_sort span { right: 11px;}
     .value_title p:first-child {  font-size: 40px;}
	 .value_title p:last-child { font-size: 20px;}
	 .flexslider ul li .flexslider_content dl dt {  font-size: 40px;}
	 .flexslider ul li .flexslider_content dl dd {font-size: 20px;}
	 .flexslider ul li .flexslider_content dl dd a { font-size: 14px;}
	 #seventh span {  font-size: 45px;}
	 #seventh i {  font-size: 45px;} 
	 .value_info dl {  width:95%;}
	 .flexslider {   height:auto;}
	 .header{   height:auto;}
	 .flexslider ul #slides_img  {   height:auto;}
	 .flexslider ul li .pcimg{ display:none;} 
	 .flexslider ul li .mcimg{ display:block;} 
     .flexslider ul li .pc2img{ display:none;} 
	 #IndexBlock14  { display:block;}
	 .index1_content  { display:none;}
	 .top1 {padding-top: 100px;}
	 .partner {  margin-top: 240px; position:relative}
	 .posi { position:inherit;}
	 .idxCoopreTit {  width: 100%;  left: 0%; top: -140px;}
	 .idxCoopreTit .t1{ color:#000}
	 .idxCoopreTit p{ color:#000; margin-top:15px;} 
	 .idxCoopreImg img:nth-child(7) { left: 22%; top: 50%;}
	 .idxCoopreImg img:nth-child(14) {  right: 50;  top: 40%;}
	 .idxCoopreImg img:nth-child(10) {  left: 10%;   bottom: 60%;}
	 .idxCoopreImg img:nth-child(11) { left: 5%; top: 5%;}
	 .idxCoopreImg img:nth-child(18) { right: 10;  top: 15%;}
	 .content .posi { width:80%;}
	 .idxCoopreImg  { position:relative;height: 100%; width:100%}
	 .t1 {  font-size:35px;}
	 .p1 {  margin-top: 15px;}
	  .idxCoopreImg img{ animation: ani2_img 12s linear infinite 0s; -webkit-animation: ani2_img 12s linear infinite 0s;-webkit-filter: brightness(0) invert(0.8);
    filter: brightness(0) invert(0.8);
    -moz-filter: brightness(0) invert(0.8);
    -ms-filter: brightness(0) invert(0.8);
    -o-filter: brightness(0) invert(0.8);}
	.idxCoopreImg img:nth-child(12) { left: 43.1%;  top:5%;}
	.index3 {  margin-top: 100px;}
	.p1 {  font-size: 14px;}
	.h-ban .hd span dl dd:first-child { margin-top:150px;}
	.h-ban .hd span.on dl dd:first-child { margin-top:50px;} 
	.n_contact dl dt h2 { font-size: 35px;}
	.n_contact dl dt h4 { font-size: 18px;}
	.inner_banner_info { top: 45%;}
	/*.abBan .banner { height: auto !important;}
	.abBan-sticky {  position: inherit;}
	
	
	.abBan {  height: auto !important;}*/
	.about3_z dl {  width: 100%; float: none; text-align:center;}
	.about3_title dl dt {    font-size: 50px;}
	.about3_title dl dd {    font-size:16px;}
	.about3_title {  top: 70px;}
	.about4_info { margin-top:0;}
    .about3 {  height: 250px;}
	.about4_info ul li dl dd {  width: 100%; float: none;} 
	.about4_info ul li dl .con_a {   padding: 2% 5% 0;  width: 100%; float: none;}
	.about4_info ul li { padding-bottom:40px; }
	.about4_info ul li dl .con_a .about4_info_i::after {  bottom: 35px;}
	.about1_title h3 { font-size:35px;}
	.about1_title p { font-size: 16px;}
	.Productlist2 ul li a {  padding:30px 30px;min-height:400px;}
	.Productlist2 ul li a dl dd:last-child {  left: 28px;   top: 33px;}
	.Productlist2 ul li a dl dd:first-child+dd { font-size: 25px;}
    #IndexBlock2 .PNBtn span { top:35%;}
	.Productlist2 ul li a dl dd:first-child+dd+dd { font-size:14px;}
	.about6_content ul li { width: 50%;}
	
	.about6_content ul li:first-child {  margin-right:0;}
	.about6_content ul li:first-child+li {  margin-right:0;}
	.about6_content ul li:first-child+li+li {  margin-right:0;}
	.about6_content ul li:first-child+li+li+li {  margin-left:0;}
	.about6_content ul .t_logo { width:100%; padding:100px 0;}
	.about6_content ul .t_logo dl dt {  margin-top: 50px;}
	.about6_content ul li:first-child+li+li+li+li+li {margin-right: 0;}
	.about6_content ul li:first-child+li+li+li+li+li+li {margin-right: 0;}
	.about6_content ul li:nth-child(8) { margin-right:0;}
	.about7_desc ul li:first-child { margin-left:0;margin-right: 0;}
	.about7_desc ul li { width:50%; margin:0; float:left}
	.about7_desc ul li:nth-child(2){ margin-right:0;}
	.about7_desc ul li:nth-child(3) { margin-right:0;}
	.about7_desc ul li:nth-child(4) { margin-right:0;}
	.about6_content ul li:first-child a .about6_info { right: 0;}
	.about6_content ul li:hover a .about6_info {background: rgba(0,0,0,0.5);}
	.about6_content ul li a .about6_info dl { padding: 30px;}
	.about6_content ul li:hover a .about6_info dl dd:first-child+dd+dd { color:#fff;}
	.about6_content ul li:first-child+li a .about6_info {  right: 0;} 
	.about6_content ul li a .about6_info::after { display:none !important}
	.about6_content ul li:first-child+li+li a .about6_info{ left:0;}
	.about6_content ul li:first-child+li+li+li a .about6_info{ left:0;}
	.about6_content ul li:first-child+li+li+li+li+li a .about6_info{  right: 0;} 
	.about6_content ul li:first-child+li+li+li+li+li+li a .about6_info { right:0;}
	.about6_content ul li:nth-child(8) a .about6_info { right:0;}
	.about6_content ul li:nth-child(9) a .about6_info { left:0;}
	.about7_desc ul li:first-child a .about6_info {left:0;}
	.about7_desc ul li:nth-child(2) a .about6_info { right: 0;}
	.about7_desc ul li:nth-child(3) a .about6_info { left: 0;}
	
	.about7_desc ul li:hover a .about6_info {background: rgba(0,0,0,0.5);}
	.about7_desc ul li a .about6_info dl dd:first-child+dd+dd { color:#fff;}
	.about7_desc ul li a .about6_info::after{ display:none !important}
	.about7_desc ul li a .about6_info dl {  padding: 30px;}
	.about7_desc ul li:nth-child(4) a .about6_info {  right: 0;}
	.about7_desc ul li:nth-child(5) a .about6_info { left:0;}
	.news_banner { height: 60vh;}
	.i_banner_title{ height: 60vh;}
	.i_banner_z dl dd:first-child {  font-size: 35px;}
	.activitylist ul li { width:49.775%;}
	.activitylist ul li:nth-child(4n+1) { margin-left: 0.3%;}
	.activitylist ul li:nth-child(2n+1) { margin-left: 0;}
	.activitylist ul li:first-child  { margin-left: 0;}
	.activitylist { padding-top:20px;}
	.honor { padding-top: 40px;}
	.inner_sort { padding:50px 0 0}
	.custom { padding-top: 0;}
	.custom .swiper-container { padding-bottom: 120px;}
	.custom .con { padding-top:40px;}
    .b_height {   height: 60vh;}
    .newlist {  padding-top: 100px;}
    .playbox .inner .vdo_zoom { width:94% !important;margin: 3% 3% 0px 3%;height:auto !important}
    .playbox .inner .vdo_zoom #player-container-id{ width:100% !important; height:auto !important}
    .playbox .inner{ width:100% !important; height:auto !important; top:150px !important}
    .playbox .close{ top:110px !important}
    .i_banner_z dl dd:first-child {font-size:35px;}
    .inner_title {  font-size:35px;padding: 40px 0 40px;} 
     .zx_info { padding-top: 40px;}
     #IndexBlock4 .Productlist li .PBoxs_nl { width: 100%; float:none;}
     #IndexBlock4 .Productlist li .PBoxs_nr { width: 100%; float:none; }
	 #IndexBlock4 .Productlist li a .PBoxs_nr dl { padding:5% 5% 0;}
	 .tjnews1_z ul li { margin-bottom: 3%;  width: 48.5%;}
	 .tjnews1_z ul li:nth-child(2n+1) { margin-left:0;}
	 .tjnews2 {  padding:40px 0 0 0;}
	 .tjnews2_t h3 {font-size: 30px;}
	 .zx_news_i { margin-top: 20px;}
	 .zx_news_i ul li {  width:48.5%;  margin-left: 3%; margin-bottom:3%;}
	 .zx_news_i ul li:nth-child(2n+1) { margin-left:0;}
	 .tjnews3 { padding: 40px 0;  margin-top: 40px;}
	 .zx_news_i ul { display: flex;flex-direction: row;flex-wrap: wrap;}
     .zx_news_i ul li { flex: auto;}
	 .header_news_t {  font-size:35px;}
	 .news_title {font-size:25px;}
	.inner_news { padding-top:40px;}
	 .newlist_content ul li a dl dd:last-child {  padding: 20px 0 20px;}
	 .newlist_content ul li a dl dd:first-child { height:180px;}
	 .productlist ul li:nth-child(3n+1) {  margin-left: 3%;}
	 .productlist ul li:nth-child(2n+1) {  margin-left: 0;}
	 .productlist ul li:first-child {  margin-left: 0;}
	 .productlist ul li { width:48.5%; margin-left:3%;}
	 .p_banner_z { height: 60vh;}
	 .p_banner_z dl dd:first-child+dd+dd { font-size:25px;  margin-top:10px;}
	 .p_banner_z dl dd:first-child+dd+dd+dd span {  width:40px;  height: 40px;  line-height:35px;}
	 .p_banner_z dl dd:first-child+dd+dd+dd span svg { height:20px;}
	 .p_banner_z dl dd:first-child { font-size:30px;}
	 .product4 dl dd:first-child { font-size:30px;}
	  .inner_banner {  height: 60vh;}
	  .marketing2_title { font-size: 30px;}
	 .marketing2 { padding: 70px 0;  }
	 .marketing1 { padding-bottom:60px;}
	 .marketing2_info {  margin-top: 40px;}
	 .marketing2_info ul li {  margin-bottom: 3%; width: 31.3%;}
	 .marketing2_info ul li:first-child+li+li+li{ margin-left:17%;}
	 .menu_body .menu_info { border:0}
	 .marketing3_l { width: 100%; min-height: auto; float:none; margin-bottom:30px;}
	 .marketing3_r { width: 100%;  float:none;}
	 .marketing3_l dl dd:first-child {  font-size:35px;}
	 .marketing3 {  padding: 70px 0 70px}
	 .marketing3_l dl dd:last-child {font-size:14px;margin-top:20px;}
	 .marketing4_i ul li {  margin-left:3%; margin-bottom:3%;   width:48.5%;}
	 .marketing4_i ul li:nth-child(2n+1) {  margin-left:0;}
	 .marketing4_i ul li dl dd:first-child {  font-size: 18px;}
	 .marketing6_l  { width:45%}
	 .imarketing6_t { font-size:35px;}
     .marketing7_l dl dd:first-child { font-size: 35px;}
	 .services1 ul li span dl dd:first-child { margin-top: 100px;} 
	 .brand1 {  padding: 70px 0;}
	 .brand1_title span {  font-size: 35px;}
	 .brand6_d p{ display:contents;}
	 .brand6_d { margin:40px auto 0; width:95%}
	 .brand6_t {  font-size:35px;}
	 .brand6_img img {  width: 60%;}
	 .seoBox1 { padding: 70px 0;}
	 .seoBox1_title span {  font-size: 35px;}
	 .seoBox2 .pic { width: 100%; float:none; display:block;}
	 .seoBox2 .contai1 { width: 100%; float:none; display:block;}
	 .seoBox2 .contai2 { width: 100%; float:none; display:block;}
	 .seoBox2 li { width:100%; display:block;}
	 .seoBox2 ul { max-width:inherit;margin-top: 40px;} 
	 .seoBox1_title  { margin:0 auto; width:95%;}
	 .seoBox2 li {  margin-bottom:20px;    height: auto;   line-height: 1.5; padding:20px 3%;}
	 .seoBox2 .pic img {  margin: 0 auto 0px;}
	 .seoBox2 {  padding:70px 0;}
	 .bdseo3 {  padding:70px 0;}
	 .bdseo4 {  padding:70px 0;}
	 .bdseo5{  padding:70px 0;}
	 .contai { margin-bottom:0}
	 .bdseo8 {   padding-bottom: 70px;}
	 .jz_foot {  padding-top: 0;}
	 .youxiang1_t {padding-top:80px;}
	 #yxtab {  margin-top:40px;}
	 .yxlist .icon { height:45px;}
	 .yxlist li {    min-height: 168px;}
	 .overhide_title { font-size:30px;}
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
}
@media only screen and (max-width: 950px){	
     .newlist_content ul li a dl dd:first-child { height:170px;}
	 .marketing1_l { position:inherit;}
	 .marketing1_r { width:100%;}
	 .marketing1_i { width:100%;}
	 .marketing1_i dl dd:last-child a { font-size:12px;}
	.qyhj #inner_header { position:inherit !important}
	 
}
@media only screen and (max-width: 850px){	
    .logo a span { width: 120px;}
	.index3 .value_info dl dd { padding:0 20px;}
	.index4_info .h-ban2 {   width: 100%;  height: auto; float:none; padding-bottom:30px;   }
	.index4_right {   width: 100%;  height: auto; float:none; margin-top:30px;}
	.index4_info { margin-top:40px;}
	.h-ban2 .bd li a .bd2_more { padding:20px 0 0 0; margin-top: 20px;}
	.index4_info .h-ban2 .hd { text-align:center;}
	.index4_info .h-ban2 .hd span { display:inline-block; float:none;}
	.index4_info .bd .ul {  height: auto !important;}
	.index4_info .h-ban2 .bd li .bd2_img {  height: auto;}
	.index4_info .h-ban2 .bd{  height: 686px;}
	.index4_right ul li {   margin-left: 7%;   width: 46.5%;}
	.index4_right ul li:nth-child(2n+1) {   margin-left:0;   }
	.abBan-title .a_title {    font-size:25px !important;}
	.abBan-text .a_text span { display:contents !important;}
	.abBan-logo .pc { display:none !important;}
	.abBan-logo .mb { display:block !important; width:250px; height:auto; display:block; z-index:99999999;   position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;}
	.abBan-logo { background:#fff;}
	.abBan-logo {  height: 85vh !important;}
	.about1_img { margin-top:30px;}
	.about1 {   margin-top: 0; min-height: 50px;}
	.about1_z {   top: -163px;}
     .value_info dl dd { width: 50%; margin-bottom:20px;}
    .value_content {  min-height: auto;}
	.about2 {  height: auto; overflow:hidden; padding-bottom:50px;}
	.value_info dl { display: flex;flex-direction: row;flex-wrap: wrap;}
    .value_info dl dd { flex: auto;}
	.about2 #seventh p { font-size:14px;}
	 .newlist_content ul li a dl dd:first-child { height:auto;}
	.newlist_content ul li { width:48.5%; margin-left:3%;}
	.newlist_content ul li:nth-child(2n+1) {   margin-left:0;}
	.newlist_content ul li:nth-child(3n+1) {   margin-left:3%;}
	.newlist_content ul li:first-child {   margin-left:0;}
	.newlist_content ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .newlist_content ul li { flex: auto;}
	.p_banner_z { height:50vh;}
	.product_banner img {height:50vh; width:auto; margin-left:-10vh}
	.product2_ri {  border-radius:10px;}
	.services1 ul li { width: 100%; margin-bottom: 3%; margin-left: 0; }
	.brand13_info ul li {  width:100%;     border: 1px solid rgba(0,0,0,0.1);margin-top:-1px}
	.brand13_info ul li:last-child {  width:100%;}
    .brand13_info ul li:nth-child(4) { margin-left:0}
    #qwtg1 #dpfw ul li {  width: 48.5%;  padding-bottom: 3%;   margin-left: 3%;}
	#qwtg1 #dpfw ul li:nth-child(2n+1) { margin-left:0}
	.yxlist {  width: 100%;  float: none;}
	#listCon {  width: 100%;  float: none; margin-top:30px;}
	#focur1 img { width:100%}
	.contact1_l { max-width: 100%; float:none;overflow: hidden;}
	.contact1_r { max-width: 100%; float:none; display:none;}
	.contact1_info ul li h3 {  font-size: 35px;}
	.contact1_info {  top:20vh;}
	.contact2_l { width: 100%; float:none;}
	.contact2_r { width: 100%; float:none; margin-top:30px;}
	.contact2_lt {  margin-top: 0;}
	.contact2_lt h3 {  font-size: 35px;}
	.inner_message_info ul li {  width: 100%; margin-left:0}
	.inner_message_info ul .xz .xz_l { width:100%; margin-left:0; margin-bottom:20px;}
	.marketing4_i ul li dl dd:first-child {   padding: 0 10px 35px;}
	#ba_yx .i_banner_z dl dd i em { padding: 0 8px;}
	.current_z ul li i{ padding: 0 8px;}
}

@media only screen and (max-width: 768px){	
     .nav_z .nav {  width: 60%;}
	 .logo { width:31%;}
	 .h_sort_l {  width: 50%;}
     .nav_z .nav ul .t_sort span { right: 13px;}
	 .flexslider .value_info { display:none;}
	 .value_title p:first-child {  font-size: 30px;}
	 .value_title p:last-child { font-size: 16px;}
	 .flexslider ul li .flexslider_content dl dt {  font-size: 30px; font-weight:500;}
	 .flexslider ul li .flexslider_content dl dd {font-size: 16px;}
	 .flexslider ul li .flexslider_content dl dd a { font-size: 14px;}
	 .h-ban .hd span { width: 25%;  height: 80px;  float:left; display:block;}
	 .h-ban .hd span dl {  width: 100%;}
	 .h-ban .hd span { border-bottom:1px solid rgba(255,255,255,0.2)}
     .h-ban .hd span dl dd:first-child {  margin-top:10px; text-align:center; margin-bottom:0;}
	 .h-ban .hd span.on{ background:rgba(255,255,255,0.5)}
	 .h-ban .hd span.on dl dd:first-child {  margin-top: 10px;}
	 .h-ban .hd span .icon { width:30px !important; margin:0 auto;}
	 .h-ban .hd span dl dd:first-child+dd {  font-size: 18px; text-align:center;}
	 .h-ban .hd span:last-child{ border-bottom:1px solid rgba(255,255,255,0.2)}
	 .h-ban .hd span dl dd:first-child+dd+dd { display:none;}
	 .h-ban .hd span dl dd:first-child+dd+dd+dd { display:none;}
	 .bd ul li .bd_info { width:100%; margin:0 auto;-ms-flex-align: center; 
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75vh;  }
	 .bd ul li dl dd{ color:#fff;} 
	 .bd ul li .bd_info dl{ width:70%; text-align:center; margin:0 auto;position:relative; z-index:999999;}
	 .bd ul li .bd_info dl dd:last-child a { color:#fff;}
	.bd ul li .bd_info dl dd:last-child:hover a { color:#da251d;}
	.bd ul li .bd_info dl dd:last-child a i { font-size:14px; font-style:normal; display:inline-block; float:left; margin-right:5px; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
	.bd ul li .bd_info dl dd:last-child a:hover i {   margin-right:15px; transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
	.bd ul li .bd_info dl dd:last-child a .icon_path { float:left;}
	.bd ul li .bd_info dl dd:last-child a:hover .icon_path path {fill:#da251d;}
	.h-ban .bd li a { display: inline-block; margin-top:40px;}	 
	.bd ul li .bd_info dl dd:first-child { line-height:2; }
	.bd ul li .bd_info dl dd { transition:all 1s; }
	.index4_info .h-ban2 .bd{  height: 656px;}
	.index4_title_l {  width: 70%;}
	.index4_title_r {  width: 25%;}
	.footer_l { width: 100%; float:none; text-align:center;}
	.footer_r { width: 100%; float:none; text-align:center;}
	.footer_a span {   float: none;}
	.footer_b { margin-top: 20px;}
	.footer_bj { padding:50px 0;   height: auto;}
	.footer_ra { text-align:center; margin-top:40px;}
	.footer_rb { text-align:center; margin-top:20px;}
	.copyright {  height: auto;  line-height: 1.5; padding:30px 0; overflow:hidden;  text-align: center;}
	.z_slide .content { height: calc(80vh - 80px);}
	.idxCoopreImg img { display:none;}
	.idxCoopreImg img:nth-child(1){ display:block; left:20%; top:5%} 
	.idxCoopreImg img:nth-child(2){ display:block; left:17%; top:50%}  
	.idxCoopreImg img:nth-child(3){ display:block;top: 15%;top:40%} 
	.idxCoopreImg img:nth-child(4){ display:block;  left: 20%;  top: 66%;}
	.idxCoopreImg img:nth-child(5){ display:block;left: 23.2%; top: 31%;} 
	.idxCoopreImg img:nth-child(6){ display:block;left: -7%;} 
	.idxCoopreImg img:nth-child(7){ display:block;left: -7%;top:40%} 
	.idxCoopreImg img:nth-child(8){ display:block;} 
	.pro-list ul li:nth-child(3n+1) { margin-left:3%;}
	.pro-list ul li:nth-child(2n+1) { margin-left: 0;}
	.pro-list ul li:first-child { margin-left: 0;}
	.pro-list ul li { width:48.5%;}
	.pro-list ul li .text p {  font-size: 14px;}
	#padter .pro-list ul li:nth-child(6n+1){ margin-left:3%;}
	#padter .pro-list ul li:nth-child(2n+1) { margin-left: 0;}
	#padter .pro-list ul li:first-child { margin-left: 0;}
	#padter .pro-list ul li { width:48.5%;}
	#padter .pro-list ul li .text p {  font-size: 14px;}
	.custom .con .swiper-container .swiper-pagination {   bottom:50px;}
	.custom .con .swiper-container .swiper-pagination-bullet { width:8px;}
	.activitylist ul li a .activitylist_title dl dd:first-child { font-size: 14px;}
	.header_hd_t dl dd:first-child {  font-size: 30px;}
	#first_img {  margin-top:0 !important;}
	#mCSB_1_container .case_con_edit:first-child { margin-top:0 !important;}
	.newlist {  padding-top: 60px;}
    .view-content .animated ul li .video_t dl dd:first-child {font-size:35px;}
	.view-content .animated ul li  { width:100%;  margin:0}
	.i_banner_z dl dd:last-child p {  font-size: 14px;    display: contents;}
	.newlist_content ul li a dl dd:last-child .newlist_s span em:first-child { font-size: 40px;}
	.newlist_content ul li a dl dd:last-child { padding:10px 0 10px;}
    .newlist_content ul li a dl dd:last-child .newlist_d {  margin-top: 15px;}
	.newlist_content {  margin-top:20px;}
	.productlist ul li a .index2_info dl dd:last-child span::after {  width:50px;  height: 50px;}
	.productlist ul li a .index2_info dl dd:last-child span .icon {  left: 25px; top: 36px;  height: 20px;}
	.productlist ul li a .index2_info dl dd:first-child img {  height:28px;}
	.productlist ul li:hover a .index2_info dl dd:first-child+dd { font-size:12px;}
	.productlist ul li a .index2_dese dl dd:first-child p:first-child  {  width:70%;   font-size: 18px;}
	.productlist ul li a .index2_dese dl dd:last-child  { font-size:12px;}
	.productlist ul li a .index2_dese dl dd:first-child p:last-child  {   width: 30%;}
	
	.productlist5 ul li a .index2_info dl dd:last-child span::after {  width:50px;  height: 50px;}
	.productlist5 ul li a .index2_info dl dd:last-child span .icon {  left: 25px; top: 36px;  height: 20px;}
	.productlist5 ul li a .index2_info dl dd:first-child img {  height:28px;}
	.productlist5 ul li:hover a .index2_info dl dd:first-child+dd { font-size:12px;}
	.productlist5 ul li a .index2_dese dl dd:first-child p:first-child  {  width:70%;   font-size: 18px;}
	.productlist5 ul li a .index2_dese dl dd:last-child  { font-size:12px;}
	.productlist5 ul li a .index2_dese dl dd:first-child p:last-child  {   width: 30%;}
	.Productlist5 ul li a .index2_info { left:0; width: 100%; display:block;}
	.Productlist5 ul li a .index2_info dl dd:first-child { margin-top:30px;   margin-bottom: 0;}
	.Productlist5 ul li a .index2_info dl dd:first-child img { margin:0 auto;}
	.Productlist5 ul li a .index2_info dl dd:last-child span { width: 40px;  height: 40px;}
	.Productlist5 ul li a .index2_info dl dd:last-child span::after { width: 40px; left:0;  height: 40px;}
	.Productlist5 ul li a .index2_info dl dd:last-child span .icon { left: 5px; top: 30px; height: 20px;}
	.p_sort {  padding-top: 50px;}
	.product1_l{ width:100%; float:none;min-height: auto;}
	.product1_r{ width:100%; float:none; margin-top:30px;}
	.product3_info {  width: 100%;}
	.marketing4 {  padding: 70px 0;}
	.marketing7_l { width: 45%;}
	.marketing7_r ul li p {  font-size: 16px;}
	.brand1 {  padding: 70px 0;}
	.brand1_title span {  font-size: 35px;}
	.brand1_info {   margin-top: 40px;}
	.brand1_info ul li {   margin-left: 3%; width: 48.5%; margin-bottom:3%;}
	.brand1_info ul li:nth-child(2n+1) {   margin-left: 0}
	.services1 { margin-top:50px;}
	.services2_t span {  font-size: 35px;}
	.services2 {   padding-top:50px;}
	.wp .swiper-wrapper .swiper-slide-active {  transform: scaleY(1) scaleX(1);}
	.wp .swiper-wrapper .swiper-slide {  
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
	.index-row4 {  padding: 50px 0 50px;}
	.services3 {   padding-top:50px;}
	.services3_content ul li {   width:100%;   margin-left: 0;  margin-bottom: 4%;}
	.brand2 { padding-top:150px; position:relative; z-index:555; background:#fff;}
	.brand1_t {   top: 30px;  color: #000;}
	.brand11 .brand1_t {    color: #fff;}
	.brand11 .brand11_info {  padding-top: 0;}
	.brand1_t span { font-size: 35px;}
	.brand1_i ul li { width:100%; margin-bottom:1px;}
	.brand1_i ul li .brand1_desc {  bottom: 50%;}
	.marketing4_i ul li dl dd:last-child {   padding: 30px;}
	#brand3 .marketing7_r {  width: 100%;}
	.brand6 {  height: 60vh;}
	 .brand6_img img {  width:70%;}
	.seoBox1_title span {  font-size: 30px;}
	.seoBox3 ul li {  width: 48.5%;}
	.seoBox3 ul li:nth-child(3n+1) { margin-left: 3%;}
	.seoBox3 ul li:nth-child(2n+1) { margin-left: 0;}
	.seoBox3 ul li:first-child { margin-left: 0;}
	#qwtg1 .brand1_info ul li {   width:48.5%;  padding-bottom: 3%;  margin-left: 3%;}
	#qwtg1 .brand1_info ul li:nth-child(2n+1) { margin-left: 0;}
	#qwtg1 .brand1_info ul{ display: flex;flex-direction: row;flex-wrap: wrap;}
    #qwtg1 .brand1_info ul li  { flex: auto;}
	.brand11 .brand11_info ul li p {  font-size: 16px;}
	.brand11 .brand11_info ul li span {  padding:30px 0;}
	.brand11_info ul li .icon { height:50px !important;}
	.brand11 {   padding:130px 0 70px;}
	.industry-style a { margin-bottom:10px;}
    #inner_sy .header_news_t dl dd:last-child a {   width: 35px;   height: 35px;   line-height:24px;}
	#inner_sy .header_news_t dl dd:last-child a .icon { width:20px;}
	#inner_sy .header_news_t dl dd:last-child a svg {  margin-top: 0px;}
	#inner_sy .header_news_t {  top: 33%; font-size:30px;}
	.cp_banner { background-image:inherit; height:70vh; }
	.cp_banner img { display:none;}
	.about4_info ul li:first-child dl .con_a .about4_info_i::after { bottom: 91px;}
	.about1_title h3 { font-weight:500;}
	.about6_content ul li a .about6_info dl {  padding: 10px;}
	.case_con_edit .case_text .xg_case h3 { font-weight:500; font-size:25px;}
	.cb_title {  font-size: 30px;  top: 24%;}
	.case_con_edit .case_text h3::after {  top: -2px;}
	.case_con_edit .case_text .xqzs h3::after {  top:15px;}
	.p_banner_z dl dd:first-child+dd+dd {   margin-top: 0; font-size:20px;}
	.p_banner_z dl dd:first-child+dd{ margin-top:5px;}
	.p_banner_z dl dd:first-child+dd+dd+dd {  margin-top:10px;}
	.Productlist5 ul li a .index2_info dl dd:last-child span {  margin: 0 auto 0;}
	.newlist_sort ul .cur::before { width: 20px;}
	.newlist_content ul li:last-child { flex: none;}
	
	
}



@media only screen and (max-width: 700px){	
    .nav_z .nav ul li{ display:none;}
	.nav_z .nav ul .t_sort{ display:inline-table; height:90px;}
	.nav_z .nav ul .t_sort::before {  top: -16px;}
	.index_head .nav_z .nav ul li .a_js_sort span:nth-child(1) {  margin: 30px 15px 0 0;}
	 .nav_z .nav {  width: 30%;}
	 .logo { width:60%;}
	 .h_sort_l {  width: 100%; float:none; margin-top:30px;}
	 .h_sort_r {  width: 100%; float:none;}
	 .m_navList_sort ul li:first-child dl dd { width: 100%; float: none;}
	 .h_sort_r {  height: auto;overflow-y: inherit; overflow-x: initial;}
	 .h_sort_z {  padding-top: 130px;}
	 .nav_z .nav ul .t_sort span { right: 0;}
	 .header { position:relative;}
	 .huadong { right:2%;  width:60px;}
	 .flex-control-nav {  text-align: center;}
	 .gizle .nav_z .nav ul .t_sort::before {  top: 0;}
	 .about1_z { top: -134px;}
	 .about1_img img {  width: 65%;}
	 .Productlist2 ul li a {   min-height:auto;}
	 .Productlist2 ul li a dl dd:first-child+dd { font-size: 20px;}
	 #IndexBlock2 { margin-top: 40px;}
	 .Productlist2 .Point { margin-top:20px;}
	 .inner_sort ul li { margin-bottom:20px;}
	 .inner_sort { padding: 60px 0 0;}
	 .current_z ul {  width: 100%;}
     .tjnews1_z ul li a dl dd:last-child { display:none;}
	 .productlist ul li a .index2_info { width:100%; left:0; display:block; }
	 .productlist ul li a .index2_info dl dd:first-child { margin-right:0; width:100%; margin-top:30px;} 
	 .product4 dl dd:first-child { font-size:20px;}
	 .top1 {  padding-top: 50px;}
	 #IndexBlock5 .PBoxs {padding-top:30px;}
	 .Productlist5 ul li a .index2_info dl dd:first-child+dd { display:none}
	 .solute-wrap ul li a .marketing3_desc { display:none;}
	 .marketing7_l { width: 100%; float:none; height:auto}
	 .marketing7_r { width: 100%; float:none; margin-top:30px;}
	 .marketing7_l dl {  margin:50px 5% 0;}
	 .marketing7_r ul {  margin-right:0; margin-top:50px;}
	 .marketing7_r ul li { width:49.7%;}
	 .marketing7{ height:751px;  }
	 #h5_info .brand1_info ul li:nth-child(3n+1) {  margin-left: 3%;}
	 #h5_info .brand1_info ul li:nth-child(2n+1) {  margin-left: 0;}
	 #h5_info .brand1_info ul li:first-child {  margin-left: 0;}
	 #h5_info .brand1_info ul li { width:48.5%;}
	 .contai li {   width: 100%; margin: 0 0 3%;} 
	 .Productlist1 ul li a .imgBox {   min-height: 115px;}
	 .hon_foot { margin-top:40px;}
	 .productlist  ul { display: flex;flex-direction: row;flex-wrap: wrap;}
     .productlist  ul li { flex: auto;}
     .productlist  ul li:last-child { flex: none;}
}
 



@media only screen and (max-width: 600px){	
    .index3 .value_info dl dd { width: 50%;}
    .index4_info .h-ban2 .bd{  height: 600px;}
     .news_banner { height: 60vh;}
	.i_banner_title{ height: 60vh;}
	.newlist_sort ul li { margin-bottom:20px;}
	.videolist {padding-top: 20px;}
	.zx_news_i ul li a dl dd:last-child p {  width: 100%; float:none; }
	.zx_news_i ul li a dl dd:first-child p {  width: 100%; float:none; margin-bottom:10px;}
    .zx_news_i ul li a dl dd:last-child p:last-child {text-align:left}
    .zx_news_i ul li a dl dd:last-child {  margin-top:20px;}
	.zx_news_i ul li a dl dd:first-child+dd p {  margin-top:10px;}
	.news_desc dl dd { font-size:12px;}
	.news_desc dl dd i svg { height:20px !important;}
	.productlist ul li a .index2_info dl dd:first-child+dd { display:none;}
	.productlist ul li a .index2_info dl dd:first-child img { margin:0 auto;}
	.productlist ul li a .index2_info dl dd:first-child { margin-bottom:0}
	.productlist ul li a .index2_info dl dd:last-child span {margin: 0 auto 0;}
	.index3 .value_info { height:auto;}
	.marketing2_info ul li {  margin-bottom: 3%; width: 48.5%;}
	.marketing2_info ul li:first-child+li+li+li{ margin-left:3%;}
	.marketing2_info ul li:first-child+li+li{ margin-left:0;}
	.marketing2_info ul li:last-child { width:100%;margin-left:0;}
	.services3_content ul li a .services3_r dl dd:first-child+dd+dd { display:none;}
	.services3_content ul li a .services3_r dl dd:last-child { margin-top: 0;}
	
    .marketing7_r ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .marketing7_r ul li { flex: auto;}
	.nav_z .nav ul .t_sort::before {top: -16px;}
	#teamlist ul li a .activitylist_title dl dd:first-child { font-size:18px; margin-bottom:5px;}
	#teamlist ul li a .activitylist_title dl dd:first-child+dd {  font-size: 15px; margin-bottom: 20px;}
	 .abBan-logo .mb {  top: -35%;}
	.abBan-text {  top:40vh !important;}
	
	
}



@media only screen and (max-width:530px){.index4_info .h-ban2 .bd{height:550px}
.about1_img img{width:70%}
}
@media only screen and (max-width:500px){#IndexBlock14 .PNBtn .next{right:0}
#IndexBlock14 .PNBtn .prev{left:0}
#IndexBlock5 .Points{padding:60px 0 0}
.index4_info .h-ban2 .bd{height:500px}
.about1_z{top:-93px}
.abBan-title .title-bg{font-size:97px!important}
.abBan-title .a_title{font-size:18px!important}
.abBan-logo .mb{width:200px}
.abBan-text{top:50vh}
.productlist ul li a .index2_info dl dd:last-child span::after{width:40px;height:40px}
.productlist ul li a .index2_info dl dd:last-child span .icon{left:20px;top:31px;height:18px}
.productlist ul li a .index2_info dl dd:last-child span{width:40px;height:40px}
.productlist ul li a .index2_info dl dd:last-child span::after{left:0}
.productlist ul li a .index2_info dl dd:last-child span .icon{left:5px}
.marketing4_i ul li dl dd:last-child{padding:20px}
.brand1_t span{font-size:25px}
.brand1_title span{font-size:25px}
.seoBox4 li{width:50%}
.marketing7{height:781px}
}
@media only screen and (max-width:450px){.index4_info .h-ban2 .bd{height:520px}
.marketing7{height:800px}
}
@media only screen and (max-width:400px){.nav_z .nav ul .t_sort span{right:6px}
.index4_info .h-ban2 .bd{height:500px}
}
@media only screen and (max-width:390px){.marketing7{height:850px}
}
.kuaiche{padding:6em 0;position:relative;background:#fff}
.kuaiche_ctn{display:flex;flex-wrap:wrap;gap:20px}
.kuaiche_item{position:relative;width:calc(25% - 15px);overflow:hidden;border-radius:12px;display:block;overflow:hidden}
.kuaiche_item01 img{display:block;width:100%;height:260px;object-fit:cover;transition:all 1s}
.kuaiche_item02{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;display:flex;flex-direction:row;align-items:center;gap:14px;background-color:rgba(0,0,0,.45);padding:30px;box-sizing:border-box}
.kuaiche .kuaiche_item:hover .kuaiche_item01 img{transform:scale(1.1)}
.it01{font-size:50px;font-weight:700;line-height:1;opacity:.9;flex-shrink:0}
.it02{text-align:left;display:flex;flex-direction:column;gap:6px}
.kuaiche_item02 h3{margin:0;font-size:28px;font-weight:700}
.kuaiche_item02 h3 a{color:#fff;text-decoration:none}
.kuaiche_item02 .desc{margin:0;font-size:18px;opacity:.85}
@media screen and (max-width:1200px){.kuaiche_item{width:calc(33.333% - 14px)}
.it01{font-size:42px}
.kuaiche_item02 h3{font-size:22px}
}
@media screen and (max-width:768px){.kuaiche_item{width:calc(50% - 10px)}
.it01{font-size:30px}
.kuaiche_item02 h3{font-size:20px}
}
@media screen and (max-width:480px){.kuaiche_item{width:100%}
.kuaiche_item02{flex-direction:column;align-items:flex-start;justify-content:center}
.it01{font-size:36px}
.kuaiche_item02 h3{font-size:18px}
.kuaiche_item01 img{height:220px}
}
.znzz_n{position:relative;padding:80px 0;height:100%;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.znzz_nr{padding:0 3%}
.znzz_nrtt{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.znzz_nrtt01{background:linear-gradient(90deg,#6fc2ff,#3d91ff);width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.znzz_nrtt01 img{width:40px;height:40px}
.znzz_nrtt02 .tt01{font-size:32px;font-weight:700;color:#fff}
.znzz_nrtt02 .tt02{font-size:14px;color:#cce0ff;margin-top:4px}
.znzz_nrxq{display:flex;gap:40px;align-items:center;background:#fff;border:4px solid #42a0ff;padding:40px 35px;border-radius:30px;overflow:hidden}
.znzz_nrxq01{flex:1 1 420px}
.tiemnr01{display:flex;gap:10px;color:#0052cc;font-size:20px;padding:10px 0;align-items:center}
.znzz_nrxq01 .tiemnr{padding:10px}
.znzz_nrxq01 .tiemnr:hover{box-shadow:rgba(174,186,207,.27) 0 5px 17px 1px;background:linear-gradient(0deg,#e5edff,#fff);border-radius:10px}
.tiemnr02 p{color:#333;margin:4px 0;padding-left:20px}
.znzz_nrxq02{flex:0 0 44%;display:flex}
.znzz_nrxq02 img{width:100%;height:auto;display:block}
@keyframes scaleBreath{0%{transform:scale(1)}
50%{transform:scale(1.06)}
100%{transform:scale(1)}
}
.animate-scale{animation:scaleBreath 8s ease-in-out infinite}
.kuaiche02 .znzz_n:nth-child(2n) .znzz_nrxq{flex-direction:row-reverse}
@media(max-width:768px){.znzz_nr{padding:0 16px}
.znzz_nrtt01{width:60px;height:60px}
.znzz_nrxq{padding:24px 18px;gap:26px;flex-direction:column}
.znzz_nrxq02{flex:none;width:100%}
.kuaiche02 .znzz_n:nth-child(2n) .znzz_nrxq{flex-direction:column}
}

.kuaiche03{background:#fff;position:relative}
.znzz_03_a{font-size:48px;text-align:center;font-weight:700;margin-bottom:24px}
.znzz_03_b0{max-height:600px;overflow-y:auto;overflow-x:auto;width:100%;font-size:16px}
.znzz_03_b0 .firstRow{font-size:24px}
.znzz_03_b table{width:100%;border:1px solid #e5e7eb;border-collapse:collapse;min-width:900px}
.znzz_03_b table thead th{position:sticky;top:0;z-index:20;background:#f7f8fa!important}
.znzz_03_b td,.znzz_03_b th{border:1px solid #e5e7eb;padding:16px 8px;text-align:center;vertical-align:middle}
.znzz_03_b tbody tr:nth-child(2n){background-color:#f5f7fa}
.znzz_03_b th.tongpai{background:#b8babc!important;color:#fff!important}
.znzz_03_b th.jinpai{background:#ffb72b!important;color:#fff!important}
.znzz_03_b th.zuanshi{background:#3a2f2f!important;color:#fff!important}
.znzz_03_b th.zhizun{background:#2c2454!important;color:#fff!important}
.znzz_03_b img{width:20px;height:20px}
@media (max-width:1200px){.znzz_03_b0{ max-height:none;}}
@media (max-width:768px){.znzz_03{padding:20px 0}
.znzz_03_b td,.znzz_03_b th{padding:10px 6px}
.znzz_03_a{font-size:24px}
}


.kuaiche04{background:#122272;position:relative;padding:40px 15px}
.kuaiche04 .znzz_03_a{font-size:28px;color:#fff;text-align:center;font-weight:700;margin-bottom:24px}
.znzz_04{display:flex;justify-content:center;align-items:flex-start;border-radius:20px;background:#f0f2fc;padding:35px;gap:30px;max-width:1200px;margin:0 auto}
.znzz_04_a{width:50%;text-align:right}
.znzz_04_a img{max-height:500px;max-width:100%;width:auto;object-fit:contain}
.znzz_04_b{width:50%;padding-top:20px}
.znzz_04_b01{margin-bottom:30px;line-height:1.85;font-size:15px;color:#333}
.znzz_04_b02{margin-top:40px}
.znzz_04_b02 a{display:inline-flex;align-items:center;gap:8px;background:#1b58e8;color:#fff;padding:12px 26px;border-radius:4px;text-decoration:none;transition:background .2s}
.znzz_04_b02 a:hover{background:#1447c2}
.znzz_04_b02 img{width:16px;height:16px}
@media (max-width:1200px){.znzz_04_a{ display:none;}
.znzz_04_a, .znzz_04_b{text-align: center;padding: 50px 0;}}
@media (max-width:768px){.kuaiche04{padding:25px 12px}
.kuaiche04 .znzz_03_a{font-size:22px}
.znzz_04{flex-direction:column;padding:20px;gap:24px}
.znzz_04_a,.znzz_04_b{width:100%;}
.znzz_04_a{text-align:center}
.znzz_04_a img{max-height:360px}
.znzz_04_b02{text-align:center}
}


.kuaiche05{background:#0f2070;}
.kuaiche05_title{text-align:center;color:#fff;margin-bottom:30px}
.kuaiche05_title h2{font-size:36px;margin:0 0 12px;font-weight:700}
.kuaiche05_title p{font-size:16px;opacity:.9;margin:0}
.kuaiche05 .znzz_03{color:#fff}
.kuaiche05 .znzz_03_b{margin-bottom:30px;font-size:18px;text-align:center}
.kuaiche05_tab_wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:35px;padding:0 15px}
.kuaiche05_tab{background:rgba(255,255,255,.15);color:#fff;padding:10px 22px;border-radius:30px;cursor:pointer;transition:all .25s;font-size:18px;border:none}
.kuaiche05_tab.active{background:#fff;color:#0f2070}
.kuaiche05_item{display:none;position:relative;width:100%;padding:0 15px}
.kuaiche05_item.show{display:block}
.frame-out{width:100%}
.frame-out img{width:100%;display:block}
.frame-content{position:absolute;top:8%;left:6%;right:6%;bottom:0%;overflow:hidden}
.frame-content img{width:100%;height:100%;display:block}
@media (max-width:768px){
.kuaiche05_tab{padding:8px 16px}
.frame-content{top:8%;left:5%;right:5%;bottom:0%}
.kuaiche05_item{ padding:0}
}

.kuaiche06nr{ margin-top:100px;}
.kuaiche06a{background:#122272;color:#fff;padding:48px 24px 150px;}
.kuaiche06a_a{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;}
.kuaiche06a_anr{flex:1}
.kuaiche06a_a1{font-size:34px;font-weight:700;margin-bottom:18px}
.kuaiche06a_a2{font-size:22px;color:#38c3ff;margin-bottom:14px}
.kuaiche06a_a3{opacity:.82;font-size:16px;line-height:1.75}
.kuaiche06a_a3 p{margin:0}
.kuaiche06a_b{flex-shrink:0}
.kuaiche06a_b img{width:230px;display:block}
.kuaiche06b{background:#fff; margin-top:-100px; border-radius:20px; overflow:hidden;}
.kuaiche06b img{width:100%;display:block}
@media (max-width:768px){.kuaiche06a_a{flex-direction:column;align-items:center}
.kuaiche06a_a1{font-size:24px}
.kuaiche06a_a2{font-size:18px}
.kuaiche06a_b img{width:100%}
}