@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:16px; color:#000; font-family:"微软雅黑";}
IMG {BORDER - TOP - WIDTH: 0;BORDER - LEFT - WIDTH: 0;BORDER - BOTTOM - WIDTH: 0;BORDER - RIGHT - WIDTH: 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: "remixicon"; /* Project id  */
  src: url('../fonts/remixicon.ttf') format('truetype');
}

 



.iconfont::before {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    display: block;
}

.fz { margin:0 auto; width:95%; max-width:1650px;}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
a { text-decoration:none;color:#1f4286;}
a:hover{ color:#333333;}
img { border:0;}

/* ===================导航========================== */
.header { width:100%; height:90px; background:none}
.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:90px;    position:fixed; z-index: 9999;left: 0; top: 0; }
.index_head:hover { background:#fff;}
.index_head:hover .logo .logo1 { display:none;}
.index_head:hover .logo .logo2 { display:block;}
.index_head:hover .nav_z .nav ul li .f_a {  color: #111827;}
.index_head:hover .nav_z .nav ul li .f_a:hover {  color: #1f4286; transition:all 0s;}
.index_head:hover .nav_z .nav ul .t_tel {  color: #ee2e1c;}
.index_head:hover .nav_z .nav ul .search::before {   color: #111827;}
.fixed .nav_z .nav ul .search::before {   color: #111827;}
.fixed .nav_z .nav ul .t_tel {  color: #ee2e1c;}


#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:#0e8553}
#header_i .nav_z .nav ul li .f_a::after { background: #0e8553; 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;}

.index_head .nav_z .nav #on100 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on8 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on9 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on10 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on11 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on12 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on13 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on14 li:nth-child(2) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on15 li:nth-child(2) .f_a { color:#1f4286} 


.index_head .nav_z .nav #on2 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on16 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on17 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on18 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on19 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on20 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on21 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on22 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on23 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on24 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on25 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on26 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on27 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on28 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on29 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on30 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on31 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on32 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on33 li:nth-child(3) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on34 li:nth-child(3) .f_a { color:#1f4286} 



.index_head .nav_z .nav #on3 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on35 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on36 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on37 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on38 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on39 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on40 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on41 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on42 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on43 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on44 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on45 li:nth-child(4) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on46 li:nth-child(4) .f_a { color:#1f4286} 


.index_head .nav_z .nav #on4 li:nth-child(5) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on47 li:nth-child(5) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on48 li:nth-child(5) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on49 li:nth-child(5) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on50 li:nth-child(5) .f_a { color:#1f4286} 


.index_head .nav_z .nav #on5 li:nth-child(6) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on51 li:nth-child(6) .f_a { color:#1f4286} 

.index_head .nav_z .nav #on6 li:nth-child(7) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on52 li:nth-child(7) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on53 li:nth-child(7) .f_a { color:#1f4286} 
.index_head .nav_z .nav #on54 li:nth-child(7) .f_a { color:#1f4286} 

.index_head .nav_z .nav #on7 li:nth-child(8) .f_a { color:#1f4286} 

 
 

.logo { width:15%; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
.logo img { display:block; float:left;height:50px; margin-top:19px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.logo .logo2 { display:none;}
.fixed .logo .logo1 { display:none;}
.fixed .logo .logo2 { display:block;}
.fixed .logo img { height:50px; margin-top:19px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.logo span { display:block; width:300px; color:#fff; float:right;-webkit-font-smoothing: subpixel-antialiased;font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased ; -ms-font-smoothing: subpixel-antialiased; -o-font-smoothing: subpixel-antialiased}

.fixed .logo span {  color:#000; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.logo span p:first-child {  font-size:35px; font-weight:bold; margin:13px 0 5px; letter-spacing:1px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.fixed .logo span p:first-child { font-size:30px;  margin:10px 0 0px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.fixed .logo span p:first-child {text-shadow: none !important;}
.logo span p:last-child { font-size:14px; letter-spacing:1px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.fixed .logo span p:last-child { font-size: 12px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

 
.top_head { width:100%; height:90px;   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; }
.head_nav { width:100%; height:90px; }
.headlf { display:none;}


.top_head { width:100%; height:90px;   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:78%;      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%; text-align: right; }
.nav_z .nav ul li{ display:inline-table; padding:0 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: 90px;position:relative;  display:block;font-size:17px;color:#fff;width:100%; text-shadow: none; transition:all 0s;} 
 
.nav_z .nav ul .language .f_a{    font-family:"Arail";  } 
.nav_z .nav ul .language { padding-right:0;  }
.nav_z .nav ul .search { position:relative;   padding:0; }
 


.nav_z .nav ul .search::after { position:absolute; content:""; display:block; width:1px; height: 16px; background: #d7d7d7;  left: 33px; top: 38px;}
 
.nav_z .nav ul li .f_a:hover:after{width:100%;transform: scale(1);transform-origin:left;}
.nav_z .nav ul li .s_navbox{     top:91px;display:none;position: absolute;left: 0;width: 100%; background:#fff;background:#fff;z-index: 9999;box-sizing: border-box; }
.nav_z .nav ul li:nth-child(4) .s_navbox { width: 136%;}
#header_i .nav_z .nav ul li .s_navbox{     top:106px;} 
.nav_z .nav ul li .s_navbox .s_a a{ padding:0 10px;}
.nav_z .nav ul li .s_navbox .s_a a{color:#374151; text-transform:uppercase;display:block;padding:12px 0;   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: #1f4286;  } 
.nav_z .nav ul .t_tel { color:#fff; font-size:19px; padding-left:3%;    font-weight: bolder;}
 
.nav_z .nav ul .t_sort { color:#fff; font-size:16px; position:relative; padding:0 18px;}
.nav_z .nav ul .t_sort span { display:block; width:35px; height:35px; border:1px solid #fff; 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:16px; 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:17px;}
.nav_z .nav ul .t_sort span em i:first-child+i+i{ top:22px;} 
 
 
 
 
 .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%;   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 .nav_z .nav ul li .f_a {  color: #000;}
.fixed .nav_z .nav ul .t_sort span {    border: 1px solid #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:#0e8553; 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:#0e8553; 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:#0e8553; 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;   }

/* 搜索 */
.nav_z .nav ul .search::before { position:absolute;
    content: "\e86e";
    left: 0;
    top: 37px;
    color: #fff;  font-size: 20px;
    width: 20px;
    height: 20px;
    transition: all 0.6s;
    -transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    -webkit-transition: all 0.6s;}


.reveal-modal-bg{position:fixed;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:91px !important;left:0; height:90px;width:100%;position:fixed;z-index:101; background:#fff; }
.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;} 
 
.search_modal_r { margin:25px auto 0; position:relative; width:100%; height:40px;   background:#f4f5f7;}
.search_modal_r .text_search { width:82%; padding:0 4%; height:40px;  float:left;  border:0; color:#a6acb7; background:#f4f5f7 ;line-height:40px;  }
.search_modal_r .search_btn { text-align:center; line-height:40px; width:10%;   float:right; position:relative; background:#f4f5f7; height:40px; }
.search_modal_r .search_btn:hover {   }
.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"; right:12px; top:0; color:#fff; font-size:25px; width:40px; height:40px; text-align:center; line-height:40px;  } 
.search_modal_r .search_btn:hover::before {  color:#1f4286;   } 
  
	

 
 
 
/* 下拉侧边菜单 */
.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:30%;}
@media screen and (max-width: 1100px) and (min-width: 0px){
	.index_head:hover {    background:none;}
	 .headrg { display:block;}
	.top_head { height:70px;}
	.headlf {  display: block;}
	.nav_z { display: none;}
   .msgNum{display: none;}
   .head{display:none}
   .index_head { height: 70px;}
  .header {  height: 60vh;}
   #header_i .a_js{margin:30px 0 0 0;  }
    #header_i .a_js span{  background:#0e8553 }
    .a_js{ display:block; width:40px; height:40px; margin:26px 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:26px 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%;}
	.fixed .a_js span{background:#444d58;}
	.fixed .m_img .headrg .a_en{color:#444d58;} 
	.fixed .m_img .headrg .a_ss::before{color:#444d58;}
	.fixed .m_img .headrg .a_ss::after{background:#444d58;}
	.a_js span:nth-child(1){ width:20px; }
	.a_js span:nth-child(2){ width:20px;}
	.a_js span:nth-child(3){margin-bottom:0;width:20px;}
	.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:70px; width:100%;z-index:9999;overflow: hidden; position:relative;}
   .m_img .headlf{  width:100%;  }
   .m_img .headlf .m_logo{      height: 35px;  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 {   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:#0e8553; 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:70px; 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:50%; position:absolute; right: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%}
  
} 
 
/*右侧分类*/
.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; } 
.m_navList_sort ul { margin-top:150px;}
.m_navList_sort ul li { float:left; margin:0 0 50px 10%; width:45%; flex: auto;}
.m_navList_sort ul { display: flex;flex-direction: row;flex-wrap: wrap;}

 .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:#0e8553;   }
.m_navList_sort ul li:nth-child(2n+1) {  margin:0 0 50px 0;}
.m_navList_sort ul li dl dd:first-child { display:block; width:100%; margin-bottom:30px; padding-bottom:30px; font-size:35px;    border-bottom: 1px solid #c9c9c9; }
.m_navList_sort ul li dl dd { display:block; margin:0 2.5% 20px ; width:45%; float:left;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(90px);} 
.m_nav_sort .on ul li dl dd{ opacity: 1;transition: 0.4s;
    visibility: visible;
    transform: translateY(0px);
}	
	
.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; font-size:18px;}
.m_navList_sort ul li dl dd a:hover { color:#0e8553;}
 
.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}
.index_head .nav_z .nav ul li .a_js_sort:hover span { background:#0e8553;}
#header_i .nav_z .nav ul .t_sort:hover span { border: 1px solid #0e8553;}

.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}
.fixed .nav_z .nav ul li .a_js_sort:hover span em i{ background:#fff;}
.fixed .nav_z .nav ul li .a_js_sort:hover span{ border:1px solid #fff;}
.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:#0e8553;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:70px; width:100%;z-index:9999;overflow: hidden; position:relative;}
   .m_img .headlf{  width:100%;  }
   .m_img .headlf .m_logo{      height: 40px;  margin-top: 15px; 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;  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 { height:40px;    padding-left: 3%; margin-top:15px; display:block;   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:#0e8553; 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:70px; 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:20px; display:block; float:right; }
   .m_img .headrg .a_en { display:inline-block; line-height:70px; color:#fff; float:right; margin-right:15px;}
   .m_img .headrg .a_ss {font-family: "iconfont" !important; display:inline-block; margin-right:32px;  float:right;  position:relative;}
   .m_img .headrg .a_ss::before { display:block; position:absolute; left:0; top:27px; width:25px; height:25px;    content: "\e86e";   color: #fff;   font-size: 18px;}
   .m_img .headrg .a_ss::after { display:block; position:absolute; right:-20px; top:29px; width:1px; height:13px;    content: ""; background:#fff;} 
   .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:64px;top:25px;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%;}


  
 /*====================首页banner视频=========================*/ 
.banner_video { width:100%;  position:relative;}
.banner_video #video{ width:100%;   display:block;   -o-object-fit: cover; object-fit: cover;} 
.video_title { width:100%; position:absolute; top:40%; left:0 ;} 
.video_info dl dt{ display:inline-block; width:100%;}
.video_info dl dt p{ font-size:65px; color:#fff;  height:75px; }
.video_info dl dd{ margin-top:65px;}
.video_info dl dd a{ font-size:16px; display:block; height:47px; border-radius:100px; width:175px; background:#1f4286; color:#fff; text-indent:2.5em; line-height:47px; position:relative;}
.video_info dl dd a:hover{   background:#ee2e1c; }

.video_info dl dd a .svg { position:absolute; right:33px; top:13px;}




@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样式========================== */
 
 
 
 .banner {margin: 0 auto;width: 100%;}
.pro-switch { overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; width:100%; position:relative;}
.flexslider .slides > li .img img  { width:100%; display:block;  }
.flexslider .slides > li .img .pm1 { display:none;}
.flexslider .slides img {width: 100%;display: block;}nnnn
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;} 
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px; }
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}

.flex-direction-nav .flex-next { display:none;right: 6%;}
.flex-direction-nav .flex-prev {display:none;left: 6%;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width:190px; text-align:right;position: absolute;top:40vh; }
.flex-control-nav li { display:block; }
.flex-control-paging li a { font-size:16px;color:#000; display:block; height:65px; position:relative; width:100%; cursor: pointer; text-align:right;  position:relative; }
.flex-control-paging li a.flex-active {color:#1f4286;}
.flex-control-nav li  a::before { position:absolute; top:11px; left:0; content:""; display:block; width:50px;background:#9ca3af; height:2px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.flex-control-nav li .flex-active::before{   width:120px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

.flexslider ul li .slides_info { position:absolute; left:0; top:30vh; z-index:55; width:100%} 
.flexslider ul li dl { margin-left:200px;}
.flexslider ul li dl dd:first-child { margin-bottom:35px; font-size:16px;text-shadow: none;}
.flexslider ul li dl dd:first-child+dd { font-size:45px; font-weight:bold; margin-bottom:60px; text-shadow: none;} 
.flexslider ul li dl dd:first-child+dd+dd { width:600px; line-height: 1.625;font-size:16px; color:#4b5563; margin-bottom:60px;text-shadow: none;}
.flexslider ul li dl dd:last-child a { display:block; width:160px; height:44px; color:#4b5563; text-align:center; line-height:44px; border-radius:100px; border:1px solid #4b5563;text-shadow: none;}
 .flexslider ul li dl dd:last-child a:hover{  border:1px solid #1f4286; color:#fff; background:#1f4286;}
 
 




 
 
 
 /* ===================研发========================= */ 
 
.h-ban {  position: relative; height: 85vh;}
.h-ban .bd li a{ display:block;}
.h-ban .hd{ height:85vh;  position:absolute; left:0; top:0; width:100%; z-index:10;  }
.h-ban .hd span{ width:25%;  height:85vh; 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 { height:60px; 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:85vh; position:relative; overflow:hidden;}
 .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 {
    height: 100% !important;
    width: 100%;
    position: relative;
    overflow: hidden;}
.bd .ul {
    height:85vh !important;}
.h-ban .hd span:first-child dl dd:first-child { background:url(../images/icon1.png) no-repeat left top; } 
.h-ban .hd span:first-child+span dl dd:first-child{ background:url(../images/icon2.png) no-repeat left top; } 
.h-ban .hd span:first-child+span+span dl dd:first-child { background:url(../images/icon3.png) no-repeat left top; } 
.h-ban .hd span:last-child dl dd:first-child { background:url(../images/icon4.png) no-repeat left top; } 



/* ===================行业应用========================= */ 
.index3 { width:100%; padding:85px 0;  overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;} 
.index3_title span{ display:block;  margin-bottom:10px; font-size:50px; color:#000;}
.index3_title p{ color:#4b5563; font-size:16px;}

#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; }

#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{ border-radius:100%; border:4px solid #e5e7eb;   height:50px; width:50px; display:block; position:relative; border-radius:50%; cursor:pointer;}
#IndexBlock2 .PNBtn span:hover i{  border:4px solid #1e4186; } 
#IndexBlock2 .PNBtn .prev{  left:-70px; }
#IndexBlock2 .PNBtn .next{ right:-70px; transform: rotate(180deg); }
#IndexBlock2 .PNBtn span i .icon { position:absolute;  }
#IndexBlock2 .PNBtn span i .icon path{ fill:#acb3bc} 
#IndexBlock2 .PNBtn span:hover i .icon path{ fill:#1e4186} 
#IndexBlock2 .PNBtn .prev i .icon {  left:9px; top:9px;}
#IndexBlock2 .PNBtn .next i .icon {  left:9px; top:9px;} 
#IndexBlock1 .PBoxs{ position: relative; }
#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); }
 
.Productlist2 ul li a { display:block;    position:relative;  }
.Productlist2 ul li dl dd {   position:relative;    }
.Productlist2 ul li a dl dd:first-child{ 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;}
.Productlist2 ul li a dl dd:first-child img{ width:100%; display:block;}
.Productlist2 ul li:hover a dl dd{ margin-top:-160px;transition:all 0.6s; -moz-transition:all 0.6s;-ms-transition:all 1s; -o-transition:all 0.6s;-webkit-transition:all 0.6s;}
.Productlist2 ul li a dl dd em{ font-style:normal;width:100%; display:block; position:absolute; left:0; bottom:-160px;  padding:0 20px;color:#fff; height:160px; background:#1e4186;  ;}
.Productlist2 ul li a dl dd em span { display:block; font-size:25px; margin-top:20px; } 
.Productlist2 ul li a dl dd em p { line-height:1.6; font-size:16px; margin-top:15px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }  
#IndexBlock2 { margin-top:40px;} 
.Productlist2 .Point { height:16px; margin-top:50px; display:none;}
.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;}


 /* ===================打造可持续发展的国际化公司========================= */ 
.index5{ width:100%; max-height: 850px; overflow:hidden; position:relative;}
.index5_info { width:100%; position:absolute; left:0; top:20vh; z-index:8888} 
.index5_content { color:#fff;}
.index5_content dl dt { font-size:50px; margin-bottom:35px;}
.index5_content dl dd { font-size:18px; line-height:1.7; width:810px;}
.index5 #video2{width: 100%; display: block;min-height: 400px; -o-object-fit: fill; object-fit: fill; width: 100%;}
.index5_more a{ z-index:999; margin-top:120px; font-size:16px; display:block; height:47px; border-radius:100px; width:175px; background:#1f4286; color:#fff; text-indent:2.5em; line-height:47px; position:relative;}
.index5_more a i { font-style:normal;}
.index5_more a:hover{   background:#ee2e1c; }
.index5_more a .icon_path { position: absolute; right: 33px;top: 13px;}


/* 数字*/
.value_content{width: 100%;   color: #fff;}
.value_info { width:100%; margin-top:40px; }
.value_info dl dd {width:280px;  float:left; }
.value_info dl dd:last-child {  }
 
.htmleaf-container { height:130px;}
.buttonBox{ position:relative;outline:none;transition:all 1s;  }
#seventh span{ color:#fff;   position:relative;text-transform:uppercase;  letter-spacing:1px; border:none; font-family:"DIN";    font-size:50px;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:16px;color: #fff; display:inline-block; }
.buttonBox p { font-size:16px;color: #fff;    margin-top:10px;}
.value_title {  }
.value_title p:first-child  { font-size:55px; margin-bottom:10px;}
.value_title p:last-child  { font-size:25px;  }




 /* ===================动态========================= */ 
.index6 { width:100%; margin-top:80px;}
.index6_title span { display:block; width:50%; float:left;font-size: 50px; color: #000;}
.index6_title p { display:block; width:50%; float:right; text-align:right; padding-top:10px;}
.index6_title p a{ font-size:16px; display:inline-block; position:relative; color:#000; padding-right:35px;} 
.index6_title p a:hover{  color:#ee2e1c; } 
.index6_title p a i  { display:inline-block;  font-style:normal;} 
.index6_title p a .icon_path { position:absolute; right:0; top:2px;}
 
#IndexBlock1{ margin-top:60px;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 .Productlist1{ overflow:hidden; }
#IndexBlock1 .Productlist{ margin:0; }
#IndexBlock1 .Points{ display: none; font-size: 0; line-height: 0; padding:4.16% 0; text-align: center; }
#IndexBlock1 .Points span{ opacity: 1; background-color: #fcd800; height: 0.1rem; width: 0.1rem; margin:0 0.07rem; }
#IndexBlock1 .Points span.swiper-pagination-bullet-active{ background-color: #da251d; }
#IndexBlock1 .Productlist li{ padding:0; }
#IndexBlock1 .Productlist li a{ padding:40px; border:1px solid #e5e7eb; display:block; } 
#IndexBlock1 .Productlist li a dl dd:first-child { color:#6b7280;}
#IndexBlock1 .Productlist li a dl dd:first-child span { display:inline-block; position:relative; margin-right:20px;    font-family: "remixicon" !important;}
#IndexBlock1 .Productlist li a dl dd:first-child span i { display:inline-block; font-style:normal;}
#IndexBlock1 .Productlist li a dl dd:first-child span:first-child::after {content: "\f20f";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    color: #4b5a7a;
    font-size: 20px;}
#IndexBlock1 .Productlist li a dl dd:first-child span:last-child::after {content: "\ecb5";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    color: #4b5a7a;
    font-size: 20px;}	
#IndexBlock1 .Productlist li a dl dd:first-child span .icon { position:absolute;} 
#IndexBlock1 .Productlist li a dl dd:first-child span:first-child { padding-left:24px;}
#IndexBlock1 .Productlist li a dl dd:first-child span:last-child { padding-left:24px;}
#IndexBlock1 .Productlist li a dl dd:first-child span:first-child .icon { left:0; top:0;}
#IndexBlock1 .Productlist li a dl dd:first-child span:last-child .icon { left:0; top:1px;} 

#IndexBlock1 .Productlist li a dl dd:first-child+dd { color:#000; font-size:25px; margin-top:38px;}
#IndexBlock1 .Productlist li:hover a dl dd:first-child+dd { color:#1f4286; }
#IndexBlock1 .Productlist li a dl dd:first-child+dd+dd { color:#ee2e1c; font-size:16px; margin-top:38px;}
#IndexBlock1 .Productlist li a dl dd:last-child { margin-top:45px; width:100%; overflow:hidden; max-height:290px;}
#IndexBlock1 .Productlist li a dl dd:last-child img{ width:100%}
 
 
 
 /* ===================致力成为世界级的化工泵智造领军企业========================= */ 
.index7 { width:100%; height:85vh;  overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat; margin-top:80px;}
.index7_l { width:30%; margin-top:180px;}
.index7_r { width:60%;margin-top:110px;} 
.index7_l span { display:block; color:#fff; font-size:50px; font-weight:bold;}

.index7_l .h-ban2 { width:35%;  position:relative; height:630px;}
.index7_l .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:424px; height:424px; position:relative; border:1px solid #f0f7fa; background:#4da7c9; overflow:hidden; border-radius:100%;}
.h-ban2 .bd li .bd2_img img { display:block; width:60%; position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;}
.h-ban2 .bd li .bd2_img p { color:#fff; text-align:center; width:100%; font-size:30px; width:100%; position:absolute; bottom:30px; left:0;}
.h-ban2 .bd li .bd2_info { margin-top:20px; width:45%;}
.h-ban2 .bd li .bd2_info dl dd{ color:#fff;}
.h-ban2 .bd li .bd2_info dl dd:first-child{ font-size:25px; margin:110px 0 40px; }
.h-ban2 .bd li .bd2_info dl dd:first-child+dd p:first-child{ margin-bottom:10px; font-size:16px;} 
.h-ban2 .bd li .bd2_info dl dd:first-child+dd p:last-child{  font-size:16px; line-height:1.5;} 
.h-ban2 .hd{ height:110px;  position:absolute; left:0; bottom:50px; width:100%; z-index:10;  } 
.h-ban2 .hd span{ text-align:center; margin-left:10%; width:8.333%; color:#fff; height:110px; display:block; position:relative; border-radius:20px;    display:block; float:left;  cursor:pointer; }
.h-ban2 .hd span:first-child{ margin-left:0;}
.h-ban2 .hd span.on{ } 
.h-ban2 .hd span::before{ display:block; width:70px; height:1px; background:#5abbd8; position:absolute; right:95px; top:33px; content:"";}
.h-ban2 .hd span:first-child::before{ display:none; }
.h-ban2 .bd { width:100%; height:75vh; position:relative; overflow:hidden;}
.h-ban2 .hd span p:first-child{ margin:0 auto; width:60px; height:60px; border:1px solid #f0f7fa; position:relative;}
.h-ban2 .hd span p img { height:35px;display:block;  position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;}
.h-ban2 .hd span.on p:first-child{ background:rgb(77 163 200 / 0.9); border:1px solid #f0f7fa}
.h-ban2 .hd span p:last-child{ font-size:16px;}
 

 /* ===================底部========================= */ 
.footer { width:100%; padding-top:70px;}
.footer_l { width:350px;} 
.footer_r { width:60%; position:relative; min-height:350px;} 
.footer_l span { display:block;}
.footer_l span img { display:block; height:58px;}
.footer_l p{ margin-top:40px; font-size:30px; font-weight:bold; color:#111827;}
.footer_l dl { margin-top:45px;}
.footer_l dl dd {color:#4b5563; margin-bottom:16px; font-size:16px;}
.footer_l dl dd i { display:block; width:51px; font-style:normal; float:left;}
.footer_l dl dd span { display:block; float:left; width:270px; line-height:1.5;}
.footer_r ul li { float:left; width:16.66%;}
.footer_r ul li dl dt { font-size:18px; font-weight:bold; margin-bottom:30px;}
.footer_r ul li dl dd { margin-bottom:8px;}
.footer_r ul li dl dd a{ color:#9399a1; font-size:16px;}
.footer_r ul li dl dd a:hover{ color:#ee2e1c}
.footer_r img { display:block; width:138px; border:1px solid #e5e7eb; position:absolute; right:0; bottom:10px;}
.footer_r ul { margin-right:-114px;}
.copyright { font-size:16px; width:100%; height:70px; line-height:70px; background:#1f4286; margin-top:70px ; color:#fff;}
.copyright_l { width:75%;}
.copyright_l a { color:#fff; display:inline-block; padding-right:24px; position:relative;}
.copyright_l a:hover { text-decoration:underline}
.copyright_r { width:25%; text-align:right;}
.copyright_r a { color:#fff;}
.copyright_r a:hover { text-decoration:underline}
.copyright_l a::after { position:absolute; right:10px; top:29px; width:1px; height:12px; background:#4b679e; content:"";}
.copyright_l .icp::after { display:none;} 



 





 /* ===================内页关于我们========================= */ 
.inner_banner { width:100%; position:relative;}
.inner_banner img { display:block; width:100%;}
.inner_banner .inban2 { display:none;}
.inner_current { width:100%; background:rgba(0,0,0,0.2); height:55px; line-height:55px; position:absolute; left:0; bottom:0}
.inner_current ul li{ float:left; display:inline-block;}
.inner_current ul li:first-child { padding:0 0 0 18px; position:relative;font-family: "remixicon" !important;}
.inner_current ul li:first-child::before { position:absolute; left:0; top:1px; width:20px; height:20px; content:""; display:block;content: "\ee1b"; color:#fff; font-size:18px;}
.inner_current ul li:first-child .icon { }
.inner_current ul li a { color:#fff;}
.inner_current ul li:last-child a i { display:none;}
.inner_current ul li a i { display:inline-block; font-style:normal; padding:0 5px; font-family:"宋体";}

.about1 { position:relative; z-index:22; height:70px; background:#fff;line-height:70px; width:100%;box-shadow:0px 2px 7px 0px rgb(0 0 0 / 7%); }
.about1_z ul li { position:relative;     border-right-width: 1px; text-align: center;-webkit-box-flex: 1;  -ms-flex: 1 1 auto; flex: 1 1 auto;flex: auto;}
.about1_z ul { position:relative; display: flex;flex-direction: row;flex-wrap: wrap;}
.about1_z ul li a{ color:#000; display:block; font-size:18px;} 
.about1_z ul li:hover a{ color:#1f4286} 
.about1_z ul .cur a{ color:#1f4286} 
.about1_z ul .cur a::after{ display:block; content:""; width:100%; height:3px; background:#1f4286; position:absolute; left:0; bottom:-1px;}
.about1_z ul li::before{ display:block; content:""; width:1px; height:70px; background:#e5e7eb; position:absolute; left:0; top:0;}
.about1_z ul::after{ display:block; content:""; width:1px; height:70px; background:#e5e7eb; position:absolute; right:0; top:0;}

.about2 { padding-top:55px}
.about2_content { line-height:2; color:#4b5563; font-size:16px;}
.about2_content img { max-width:100%;}

.about3 { margin-top:60px;}
.about3 #seventh span { color: #1f4286;}
.about3 #seventh i { color: #000; font-size:14px;}
.about3 #seventh p { color: #000;}
.about3 .value_info dl dd { width: 25%;}
.about3 .value_info dl dd .value_i { border:1px solid #e5e7eb; min-height:155px; padding:0 40px; margin-left:-1px;}
.about3 .value_info dl { margin-right:-1px;}
.about3 #seventh { margin-top:28px;}
.about3 .buttonBox p {  margin-top: 5px;}



.about1_z { }
.demo2 { position:relative; display:none;}
.demo2 .f_sort { position:absolute; left:0; top:0; width:150px; height:70px; display:block; font-size:20px;}
.select2{height: 70px;position:relative;float:right; width:100% ; text-align:right;}
.select2 dt{height:35px;display:inline-block; line-height:200px;font-weight:bold; margin-top:20px;  cursor:pointer;width:120px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;font-family: "iconfont";}
.select2 dt:hover,.select2 dt.cur{}
.select2 dd{position:absolute;left:0;top:70px;background:#fff;display:none; width:100%;}
.select2 dd ul{padding:8px;width:100%; overflow:auto; text-align:left; border:1px solid #f6f6f6;}
.select2 dd ul li a{line-height:45px;display:block;padding:0 8px; border-bottom:1px solid #e5e7eb; color:#000;}
.select2 dd ul li a:hover{background:#1f4286; color:#fff;}
.select2 dt::before { transform: rotate(270deg); right:0; top:0;
    text-indent: 0;
    content: "\e660";
    display: block;
    width: 35px;
    line-height: 35px;
    text-align: center;
    height: 35px;
    color: #000;
    font-size: 17px;
    position: absolute;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.select2 .cur::before { transform: rotate(90deg);transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }	
	
	




.about4 { margin-top:55px; width:100%; position:relative; overflow:hidden; height:700px;}
.about4 #video{ width:100%;   display:block;} 
.about4_info{position:absolute; height:100%; left:0; top:0;width:100%; z-index:555}
.about4_title { text-align:center;  height:100%; color:#fff;-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; width:100%;   display: -webkit-box; 
    display: -ms-flexbox;
 
}
.about4_title strong { font-size:45px;  display:block; width:100%}
.about4_title strong p { font-size:25px;margin-top:30px; text-align:center; width:100%; font-weight:500;}

.about5 { width:100%; padding:80px 0; overflow:hidden; background:#f9fafb}
.about5_title { text-align: center;}
.about5_title span { display:block; font-size:45px; color:#111827; margin-bottom:5px;}
.about5_title p {   font-size:18px; color:#6b7280; margin-bottom:15px;}
.about5_title p::after { display:block; width:40px; height:3px; background:1f4286; margin:0 auto; content:"";}
.about5_info { margin-top:30px;}
.about5_info ul li { float:left; width:18.4%; margin-left:2%; margin-bottom:20px;}
.about5_info ul li:nth-child(5n+1)  {   margin-left:0}
.about5_info ul li a .about5_img { width:100%; overflow:hidden; position:relative;}
.about5_info ul li a .about5_img img{ width:100%; display:block;}
.about5_info ul li a .about5_img::before { display:block; width:100%; height:100%; content:""; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5) url(../images/icon18.png) no-repeat center 100px; opacity:0;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.about5_info ul li:hover a .about5_img::before {   opacity:1;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; background:rgba(0,0,0,0.5) url(../images/icon18.png) no-repeat center center;}
.about5_info ul li a .about5_t { height:35px; line-height:35px; text-align:center; font-size:16px; color:#000}


 /* ===================内页视频========================= */ 

.videolist { padding-top:70px;}
.videolist ul li { float:left; width:18.4%; margin-left:2%; margin-bottom:20px;}
.videolist ul li:nth-child(5n+1)  {   margin-left:0}
.videolist ul li a .videolist_img { width:100%; overflow:hidden; position:relative;}
.videolist ul li a .videolist_img img{ width:100%; display:block;}
.videolist ul li a .videolist_img::before { display:block; width:100%; height:100%; content:""; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5) url(../images/icon18.png) no-repeat center 100px; opacity:0;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.videolist ul li:hover a .videolist_img::before {   opacity:1;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; background:rgba(0,0,0,0.5) url(../images/icon18.png) no-repeat center center;}
.videolist ul li a .videolist_title { height:35px; line-height:35px; text-align:center; font-size:16px; color:#000}
.video_bj { width:100%;overflow: hidden;background: #f9fafb; padding-bottom:70px; }
.inner_video_t h1{ font-size:30px; color:#000; font-weight:500;}
.inner_video_t dl dd {     color: #4b5a7a;display:inline-block; float:left; padding:0 25px; position:relative;font-family: "remixicon" !important;} 
.inner_video_t dl dd::before { position:absolute; left:0; top:0; width:20px; height:20px;  display:block; color:#4b5a7a; font-size:20px;}
.video_current { margin-top:180px;}
.video_bj .index_head{ background:#fff;border-bottom: 1px solid #f4f4f4;}
.video_bj .index_head .logo .logo1 { display:none;}
.video_bj .index_head .logo .logo2 { display:block;}
.video_bj .index_head .nav_z .nav ul li .f_a {color: #000;}
.video_bj .nav_z .nav ul .t_tel { color: #ee2e1c;}
.video_bj .nav_z .nav ul .search::before { color: #111827;}
.video_bj .inner_current { position:inherit; background:none;}
.video_bj .inner_current ul li a {color: #000;}
.video_bj .inner_current ul li:first-child::before {  color: #000;}
.inner_video_t { margin-top:40px;}
.inner_video_t dl dd { margin-top:35px;}
.inner_video_t dl dd:first-child::before{ content: "\f20f";}
.inner_video_t dl dd:first-child+dd::before{ content: "\f261";}
.inner_video_t dl dd:first-child+dd+dd::before{ content: "\ecb5";}
.in_video{ padding-top:30px; border-top:1px solid #e5e7eb;  margin-top:30px;}
.in_video #video { height:587px;}
.inner_video_i {  line-height:2; margin-top:30px; margin-bottom:40px; font-size:16px;}
.inner_video_i img { max-width:100%;}

.inner_news_i {  line-height:2; margin-top:30px; margin-bottom:40px; font-size:16px; padding-top:30px; border-top:1px solid #e5e7eb;}
.inner_news_i img { max-width:100%;}

.lysm { font-size:16px; border-bottom:1px solid #e5e7eb; margin-bottom:30px; color:#9ca3af; padding-bottom:30px;}
.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:#1f4286}
.in_next ul li:first-child{ width:45%;}
.in_next ul li:first-child+li{ width:10%; position:relative;font-family: "remixicon" !important;} 
.in_next ul li:first-child+li a::before { margin:0 auto; text-align:center;content: "\eeba"; width:20px; height:20px;  display:block; color:#4b5a7a; font-size:20px;}
.in_next ul li:first-child+li a:hover::before {  color:#1f4286; }
.in_next ul li:last-child{ width:45%; text-align:right;}

/*企业文化*/
.ab_culture{ padding-top:60px; }
.ab_culture_t { text-align:center;}
.ab_culture h3 { color:#000; font-size:30px; margin-bottom:5px;}
.ab_culture p { color:#6b7280; font-size:16px; }
.ab_culture_i { margin-top:55px;}
.ab_culture_i ul li { width:25%; float:left; text-align:center;}
.ab_culture_i ul li dl dd:first-child { margin-bottom:25px;}
.ab_culture_i ul li dl dd:first-child+dd{ font-size:25px; font-weight:bold; margin-bottom:5px;}
.ab_culture_i ul li dl dd:last-child{ font-size:18px; color:#4b5563; line-height:2;}
.ab_culture_i ul li dl dd:first-child .icon { fill:#1f4286;width: 46px;height:auto;}

.ab_culture2 { margin-top:65px; width:100%; overflow:hidden; background:#f9fafb;  }
#IndexBlock3{ margin-top:60px;position: relative; }
#IndexBlock3: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; }
#IndexBlock3 .container{ position: relative; z-index: 2; }
#IndexBlock3 .Productlist3{ overflow:hidden; }
#IndexBlock3 .Productlist{ margin:0; }
#IndexBlock3 .Points{ font-size: 0; line-height: 0; padding:40px 0 60px; text-align: center; }
#IndexBlock3 .Points span{ opacity: 1; background-color: #c7c8c9; height: 8px; width:8px; margin:0 10px; border-radius:100%; }
#IndexBlock3 .Points span.swiper-pagination-bullet-active{ background-color: #1f4286; }
#IndexBlock3 .Productlist li{ padding:0; }
#IndexBlock3 .Productlist li a{  display:block; }
#IndexBlock3 .Productlist li a dl dd:first-child {  width:100%; overflow:hidden; }  
#IndexBlock3 .Productlist li a dl dd:first-child img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#IndexBlock3 .Productlist 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);}
#IndexBlock3 .Productlist li a dl dd:last-child { height:35px; line-height:35px; color:#000; font-size:16px; text-align:center;}


/*发展战略*/
.strategy{ padding-top:60px;} 
.strategy_t { text-align:center;}
.strategy_t h3{ color:#000; font-size:35px; margin-bottom:15px; font-weight:500;}
.strategy_t p{ color:#6b7280; font-size:16px; }
.shijieditu { margin-top:60px; text-align:center;}

.history {width:100%; padding-bottom:80px;  overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat; margin-top:80px;}
.history_title { text-align:center; color:#000; font-size:35px; }
.history_info { margin-top:60px;}
.history_info ul { width:100%; position:relative;}
.history_info ul li { width:100%;  clear:both; overflow:hidden;}
.history_info ul li dl{ width:50%; padding-right:4%; text-align:right; float:left;padding-bottom:40px; position:relative;} 
.history_info ul::after { display: block; width:1px; height:100%; background:#d1d5db; position:absolute; top:0; right:50%; content:""; z-index:1}
.history_info ul li:nth-child(2n) dl{   text-align:left;float:right; padding-left:4%;}
.history_info ul li dl dt { font-size:45px; color:#1f4286; margin-bottom:10px;}
.history_info ul li dl dd { font-size:16px; color:#6b7280; line-height:1.5; padding-left:15px}
.history_info ul li:nth-child(2n) dl dd { padding-right:20px; padding-left:0}
.history_info ul li dl::before { z-index:5; display: block; width:12px; height:12px; border-radius:100%; background:#1f4286; position:absolute; top:26px; right:-6px; content:"";}
.history_info ul li:nth-child(2n) dl::before {  right:auto; left:-6px; }

/*荣誉资质*/
.honor{ padding-top:80px;} 
.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-family:Conv_Gotham-Light,"华文细黑",STXiHei,"微软雅黑","Microsoft Yahei","华文黑体","ST Heiti","MS黑体","MS Hei",abchanel-couture,Arial,Helvetica,sans-serif;
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: 0; padding-bottom: 65%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom:hover span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
   
.pro-list { padding:1% 0 }
.pro-list ul li { position:relative; width:18.4%; float:left; margin-left:2%; margin-bottom:1%; background:#fff; background-color: rgba(255,255,255,.5);  }
.pro-list ul li:nth-child(5n+1) { margin-left:0 }
.pro-list ul li .pic { position:relative; }
.pro-list ul li .pic .zoom { padding-bottom:110%; }
.pro-list ul li .pic .zoom span { }
.pro-list ul li .text { padding:10px 0 20px; text-align:center }
.pro-list ul li .text h3 { font-size:16px; color:#111 }
.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-list ul li .text::after { display: block;content: ""; width:0; padding:0px; height:3px; background:#1f4286; position:absolute; bottom:0; left:0; }
.pro-list ul li:hover .text::after { width:100%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }
.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%;}


#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{ border:1px solid #e5e7eb; 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:18px;}

 
#honor .pro-list ul li {   width:18.4%; float:left; margin-left:2%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,0);  }
#honor .pro-list ul li:nth-child(5n+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; font-size:18px;}


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



 /* ===================成功案例========================= */ 
.case_sort { padding-top:60px;}
.inner_case { display:none;}

.case_sort ul li { width:19.2%; margin-left:1%; float:left; margin-bottom:1%;}
.case_sort ul li:nth-child(5n+1){ margin-left:0;}
.case_sort ul li a { display:block; width:100%; background:#f3f4f6; color:#000; height:50px; line-height:50px; text-align:center;}
.case_sort ul li a:hover{ color:#fff; background:#1f4286;}
.case_sort ul .cur a{ color:#fff; background:#1f4286;}
.case_info  { padding-top:30px;}
.case_info ul li { float:left; margin:0 0 3% 3%; width:31.33%;}
.case_info ul li:nth-child(3n+1) {  margin:0 0 3% 0;}
.case_info ul li a .case_img { width:100%; overflow:hidden;    height: 340px;}
.case_info ul li a .case_img img{ width:100%; display:block}
.case_info ul li a .case_i dl dt { font-size:20px; color:#000; margin-top:15px; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.case_info ul li:hover a .case_i dl dt {   color:#1f4286;  	}
.case_info ul li a .case_i dl dd {  color:#4b5563; line-height:1.7; margin-top:10px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
#case_info { border-top: 1px solid #e5e7eb; padding-top:30px;color: #9ca3af; padding-bottom: 30px;}	
	
 /* ===================页码========================= */ 
.page {margin:65px auto;clear: both;padding-top:10px;overflow:hidden; text-align:center; width:100%}
.page .first {background:#fff url(../images/page.png) 19px -82px no-repeat !important;}
.page .last {background:#fff url(../images/page.png) 19px -140px no-repeat !important;}
.page .next {background:#fff url(../images/page.png) 19px 20px no-repeat !important;}
.page .prev {background:#fff url(../images/page.png) 19px -26px no-repeat !important;}
.page span.page_list {overflow:hidden; }
.page span.page_list a {display:inline-block; background:#fff;border:1px solid #dddddd; margin-left:-1px;padding:15px 20px; color:#000 }
.page span.page_rows {display:inline-block;background:#fff;border:1px solid #dddddd;padding:15px 20px; margin-left:-1px;color:#000}
.page span.page_list a.selected {background: #1f4286;border:1px solid #1f4286;color: #fff;}
.page span.page_list a:hover {background: #1f4286; color: #fff;}







 /* ===================页码========================= */ 
 .cxlist { padding-top:80px;}
.cxlist ul li { margin-bottom:10px; overflow:hidden; position:relative;}
.cxlist ul li a .cxlist_a { width:50%; overflow:hidden; float:left;}
.cxlist ul li a .cxlist_a img{ width:100%; display:block;}
.cxlist ul li a .cxlist_b { width:100%; position:absolute; left:0; top:0;}
.cxlist ul li a .cxlist_b dl{width:43%; float:right; margin-left:7% ; height:100%;
}
.cxlist ul li a .cxlist_b { height:100%;
    -ms-flex-align: center;
    align-items: center;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	}	
.cxlist ul li:nth-child(2n) a .cxlist_a {float:right;}
.cxlist ul li:nth-child(2n) a .cxlist_b dl{float:left;width:43%;margin-left:0; margin-right:7% }
.cxlist ul li a .cxlist_b dl dd:first-child { font-size:40px; color:#000; margin-bottom:20px;}
.cxlist ul li a .cxlist_b dl dd:first-child+dd {  color:#4b5563; margin-bottom:80px;}
.cxlist ul li a .cxlist_b dl dd:last-child { width:160px; text-align:center; height:44px; line-height:44px; background:#1f4286; color:#fff; border-radius:100px;}
.cxlist ul li a .cxlist_b dl dd:last-child:hover {  background:#ee2e1c; color:#fff;}

.fl_cxlist { padding-top:80px; color:#4b5563;}




 /* ==================客户服务========================= */ 
.service_title{ text-align:center; padding-top:80px;}
.service_title h3 { font-size:35px; margin-bottom:20px;}
.service_title p {  font-size:20px;  color:#4b5563;}
.service_sz  { padding-top:45px;   }
.service_i{ height:160px; border:1px solid #e5e7eb; 
-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.service_sz ul  { margin-right:-1px; }
.service_sz ul li { width:25%; float:left; margin-left:-1px;height:160px; }
.service_sz ul li dl { padding-left:30%; width:100%; position:relative}
.service_sz ul li dl .sdd1 { font-size:30px; color:#1f4286; margin-bottom:5px;}
.service_sz ul li dl .sdd2 { font-size:18px; color:#4b5563;  }
.service_sz ul li dl .icon{fill:#4b5563; width:55px;position:absolute; left:56px; top:-60px;}
.service_sz ul li:last-child dl .icon{    top:5px;}

.servicelist { padding-top:80px;}
.servicelist ul li {   overflow:hidden; position:relative;}
.servicelist ul li a .servicelist_a { width:50%; overflow:hidden; float:left;}
.servicelist ul li a .servicelist_a img{ width:100%; display:block;}
.servicelist ul li a .servicelist_b { width:100%; position:absolute; left:0; top:0;}
.servicelist ul li a .servicelist_b dl{width:43%; float:right; margin-left:7% ; height:100%;
}
.servicelist ul li a .servicelist_b { height:100%;
    -ms-flex-align: center;
    align-items: center;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	}	
.servicelist ul li:nth-child(2n) a .servicelist_a {float:right;}
.servicelist ul li:nth-child(2n) a .servicelist_b dl{float:left;width:43%;margin-left:0; margin-right:7% }
.servicelist ul li a .servicelist_b dl dd:first-child {  margin-bottom:20px;}
.servicelist ul li a .servicelist_b dl dd:first-child .icon{ fill:#4b5563;width:45px; height:45px;  }
.servicelist ul li a .servicelist_b dl dd:first-child+dd { font-size:45px;  color:#000; margin-bottom:20px;}
.servicelist ul li a .servicelist_b dl dd:last-child { font-size:18px;  color:#4b5563;  }




 /* ==================新闻动态========================= */ 
#IndexBlock4{ margin-top:20px;position: relative; }
#IndexBlock4 .container{ position: relative; z-index: 2;  overflow:hidden;border: 1px solid #d1d5db; }
#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: #1f4286; height: 8px; width:8px; display:block;   }
#IndexBlock4 .Points span .icon {fill:#ffffff;}
#IndexBlock4 .Points span.swiper-pagination-bullet-active{ background-color: #1f4286; }
#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;}
.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:#1f4286; 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;}
#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:#ee2e1c; color:#fff;}
#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:last-child span:hover{  background:#1f4286; 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 {right:55px;}
#IndexBlock4 .PNBtn .prev { right:0px; }
#IndexBlock4 .PNBtn span{ opacity: 1; background: #1f4286; height: 55px; width:55px; position:absolute; bottom:0; display:block; z-index:9999999;  }
#IndexBlock4 .PNBtn span:hover{   background: #ee2e1c;   }
#IndexBlock4 .PNBtn span i { display:block; position:relative;height: 55px; width:55px;}
#IndexBlock4 .PNBtn span i .icon { position:absolute; top:16px; }
#IndexBlock4 .PNBtn .next i .icon { left:15px;   }
#IndexBlock4 .PNBtn .prev i .icon { left:18px; transform: rotate(180deg);}
#IndexBlock4 .PNBtn span i .icon path{  fill:#ffffff;}

.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:20px;}
.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; height:260px; }
.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:#1f4286;}
.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:#1f4286; text-decoration:underline;} 
.zx_news_i ul li a dl dd:first-child+dd+dd{   font-size:17px;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}


.newslist { width:100%;background: #f9fafb; overflow:hidden; padding:65px 0;}



 /* ===================联系我们========================= */ 
.contact1 {     width: 100%; overflow: hidden; background: #f9fafb; padding: 70px 0;}
.contact1_title { font-size:35px; text-align:center;}
.contact1_info { padding-top:80px;}
.contact1_info ul li { min-height:180px; position:relative; float:left; width:20%; text-align:center; padding:0 30px;}
.contact1_info ul li::before { position:absolute; left:0; top:0; width:1px ; height:100%; display:block; content:""; background:#e5e7eb}
.contact1_info ul li:first-child::before { display:none;}
.contact1_info ul li dl dd:first-child { height:50px; position:relative;     font-family: "remixicon" !important;}
.contact1_info ul li:first-child dl dd:first-child::before {content: "\ef09";}
.contact1_info ul li:first-child+li dl dd:first-child::before {content: "\f029";}
.contact1_info ul li:first-child+li+li dl dd:first-child::before {content: "\ef01";}
.contact1_info ul li:first-child+li+li+li dl dd:first-child::before {content: "\eeb0";}
.contact1_info ul li:first-child+li+li+li+li dl dd:first-child::before {content:"\ec0b";}
.contact1_info ul li dl dd:first-child::before { font-size:50px; color:#1f4286}
.contact1_info ul li dl dd:first-child+dd { font-size:18px; margin-bottom:20px; margin-top:30px;}
.contact1_info ul li dl dd:first-child+dd+dd  {  line-height:1.6; color:#6b7280}
.contact1_map { margin-top:70px;}
.contact1_map #map { width:100%; height:650px;}
.map_logo { padding:10px;}
.contact3  { padding-top:80px;}
.contact3 ul li { min-height:220px; float:left;   margin-bottom:2%; margin-left:1.5%; background:#fff;    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 7%); width:31.8%}
.contact3 ul li:nth-child(3n+1) {  margin-left:0; }
.contact3 ul li dl { padding:25px;}
.contact3 ul li dl p { color:#4b5563; margin-bottom:12px}
.contact3 ul li dl p:first-child { color:#000; margin-bottom:20px; font-size:20px; font-weight:bold;}
.contact3 ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.contact3 ul li { flex: auto;}

.inner_message { padding-top:80px;}
.inner_message h3 { font-weight:500; font-size:35px; margin-bottom:45px;}
.inner_message ul li { margin-left:3%; width:31.33%; margin-bottom:44px; float:left;}
.inner_message ul li:first-child { margin-left:0}
.inner_message ul li .form-row  { margin-bottom:10px;}
.inner_message ul li .text { border-radius:5px;font-size:16px; width:100%; padding:0 20px; height:48px; line-height:48px; color:#9ca3af; background:#fff; border:1px solid #e5e7eb}
.inner_message ul li:first-child+li+li+li { width:100%; margin-left:0}
.inner_message ul li .textarea { border-radius:5px;font-size:16px; width:100%; padding:20px; min-height:160px; line-height:1.5; color:#9ca3af; background:#fff; border:1px solid #e5e7eb}
 textarea::-webkit-input-placeholder { color: #757575; font-family:"微软雅黑" }
  textarea:-moz-placeholder { color: #757575;  font-family:"微软雅黑" }
  textarea::-moz-placeholder {  color: #757575;  font-family:"微软雅黑" }
  textarea::-ms-input-placeholder {    color: #757575;  font-family:"微软雅黑" } 
.inner_message ul li:last-child { margin-left:0;}
.inner_message ul li:last-child .btn { border:0; font-size:16px; width:113px; height:48px; line-height:48px; text-align:center; color:#fff; background:#1f4286; margin-right:10px; border-radius:5px;}
.inner_message ul li:last-child .btn:hover {  background:#374151;  }
.inner_message ul li:last-child #btn_cz {  background:#374151;  }
.inner_message ul li:last-child #btn_cz:hover {  background:#1f4286;  }




 /* ===================产品列表========================= */ 
.p_sort {}
.p_sort .fixed .top_head {  background:none;   border-bottom:0;}
.p_sort .index_head{ background:#fff;}
.p_sort .index_head .logo .logo1 { display:none;}
.p_sort .index_head .logo .logo2 { display:block;}
.p_sort .index_head .nav_z .nav ul li .f_a {color: #000;}
.p_sort .nav_z .nav ul .t_tel { color: #ee2e1c;}
.p_sort .nav_z .nav ul .search::before { color: #111827;}
.p_sort .inner_current { position:inherit; background:none;}
.p_sort .inner_current ul li a {color: #000;}
.p_sort .inner_current ul li:first-child::before {  color: #000;}


/*模板头部，所有专题页面公用*/
.indexnav_wrap { width:100%; position:fixed; top:90px; line-height:75px; height:75px;  left:0; z-index:9;border-top: 1px solid #f4f4f4;}
.index_nav{width:100%; height:60px; line-height:60px; margin: 0 auto; text-align:center; background: #fff;}
.index_nav li{ display:inline-block; padding:0 24px;}
.index_nav li a{display: inline-block; height: 60px;  text-align: center; color: #000;}
.index_nav li a i{display: inline-block; font-style:normal; } 
.index_nav li a:hover{ color: #1f4286; }
.index_nav .oncur a{ color: #1f4286; }
.h15{height: 15px; overflow: hidden;} 
.mainpage{ width:100%;  margin-bottom:1.5vh}
h2{font-size: 24px; text-align: center; color: #333; font-weight: bold;}
.mainpage p{width: 650px; margin: 0 auto; color: #fff; font-size: 16px; padding: 50px 0 50px;}
.mainpage1{background: #f9fafb;height:98.5vh;    margin-top: 160px; }
.mainpage2{background: #fff;height:68.5vh;}
.mainpage3{background: #fff;height:83.5vh;  }
.mainpage4{background: #fff; height:83.5vh; }
 

 *html{background-image:url(about:blank);background-attachment:fixed;}/*低版本浏览器防止抖动的，必须有*/
#tbox{width:30px; height:200px; float:right; position:fixed; display: none;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:50px;
}/*这个只能改宽高其他的不要修改，需要滚动的内容都要放在这个div里面*/
.taoba{display:block; background:#c2c2c2; width:30px; height:30px; margin-bottom:4px;text-align: center; color: #fff; line-height: 30px; overflow: hidden;cursor:pointer}
.taoba:hover{background:#ff4200; text-decoration: none; color: #fff;}
#gotop{display:block; width:30px; height:30px; text-indent:-9999px; overflow: hidden; color: #fff; background:url(../images/top_icon.gif) no-repeat;  position:absolute; display:none; cursor:pointer} /*这个样式随便改，必须有position:absolute; */
#gotop:hover{background-position: 0 -30px;}
.mainpage1 ul li { width:50%; float:left; text-align:center;}
.mainpage1 ul li a .mainpage_info dl dd:first-child { padding-top:65px; color:#000; font-size:45px; font-weight:bold; margin-bottom:10px;}
.mainpage1 ul li a .mainpage_info dl dd:first-child+dd { color:#374151; font-size:18px;  margin-bottom:20px;}
.mainpage1 ul li a .mainpage_info dl dd:first-child+dd+dd { color:#1f4286;   margin-bottom:60px;}
.mainpage1 ul li a .mainpage_info dl dd:first-child+dd+dd:hover { color:#ee2e1c;  }
.mainpage1 ul li a .mainpage_info dl dd:last-child img { width: 600px; display:block; margin:0 auto;}
 
.mainpage2 ul li { height:70vh; width:32.66%; margin-left:1%; float:left; text-align:center;background-image: radial-gradient(#a8a8a8,#787878)}
.mainpage2 ul li:first-child { margin-left:0;}
.mainpage2 ul li a .mainpage_info dl dd:first-child { padding-top:65px; color:#fff; font-size:45px; font-weight:bold; margin-bottom:10px;}
.mainpage2 ul li a .mainpage_info dl dd:first-child+dd { color:#fff; font-size:18px;  margin-bottom:20px;}
.mainpage2 ul li a .mainpage_info dl dd:first-child+dd+dd { color:#1f4286;   margin-bottom:60px;}
.mainpage2 ul li a .mainpage_info dl dd:first-child+dd+dd:hover { color:#ee2e1c;  }
.mainpage2 ul li a .mainpage_info dl dd:last-child img { width:70%; display:block; margin:0 auto;}
 
.mainpage3 ul li { width:49.5%; float:left; margin:1% 0 0 1%; text-align:center; background:#f3f4f6;padding-bottom:60px;}
.mainpage3 ul li:first-child {  margin:1% 0 0 0; }
.mainpage3 ul li a .mainpage_info dl dd:first-child { padding-top:65px; color:#000; font-size:45px; font-weight:bold; margin-bottom:10px;}
.mainpage3 ul li a .mainpage_info dl dd:first-child+dd { color:#374151; font-size:18px;  margin-bottom:20px;}
.mainpage3 ul li a .mainpage_info dl dd:first-child+dd+dd { color:#1f4286;   margin-bottom:60px;}
.mainpage3 ul li a .mainpage_info dl dd:first-child+dd+dd:hover { color:#ee2e1c;  }
.mainpage3 ul li a .mainpage_info dl dd:last-child img { width: 600px; display:block; margin:0 auto;}
 

 
.mainpage4 ul li { width:49.5%; float:left; margin:1% 0 0 1%; text-align:center; background:#f3f4f6; padding-bottom:60px;}
.mainpage4 ul li:first-child {  margin:1% 0 0 0; }
.mainpage4 ul li a .mainpage_info dl dd:first-child { padding-top:65px; color:#000; font-size:45px; font-weight:bold; margin-bottom:10px;}
.mainpage4 ul li a .mainpage_info dl dd:first-child+dd { color:#374151; font-size:18px;  margin-bottom:20px;}
.mainpage4 ul li a .mainpage_info dl dd:first-child+dd+dd { color:#1f4286;   margin-bottom:60px;}
.mainpage4 ul li a .mainpage_info dl dd:first-child+dd+dd:hover { color:#ee2e1c;  }
.mainpage4 ul li a .mainpage_info dl dd:last-child img { width: 600px; display:block; margin:0 auto;}
 
 
 
 
  /* ===================产品详情========================= */ 
.p_h { height:90px; width:100%;}
.n_sort { height:77px; line-height:77px; width:100%;background:#fff; position:fixed; left:0; top:90px; border-top:1px solid #f7f7f7; border-bottom:1px solid #e5e7eb;z-index: 3;}  
.n_sort_l { width:50%; color:#000;  font-weight:bold;}
.n_sort_r { width:50%; text-align:right;}
.n_sort_r ul li { cursor:pointer; display:inline-block; margin-right:40px; color:#000;font-size:18px; position:relative}
.n_sort_r ul li::after{ position:absolute; left:0; bottom:20px; width:100%; height:2px; background:#fff; display:block; content:"";}
.n_sort_r ul li:hover::after{ background:#1f4286;  }
.n_sort_r ul li:hover{ color:#1f4286;  }
.product1 { padding-top:200px;}
.product1_l { width:50%;}
.product1_r { width:45%;}
.product1_r img{ width:100%;}
.n_sort_r ul .down_xz {  color:#000; font-size:18px; position:relative;}
.n_sort_r ul .down_xz:hover { color:#1f4286;  }
.n_sort_r ul .down_xz::after{ position:absolute; left:0; bottom:-4px; width:100%; height:2px; background:#fff; display:block; content:"";}
.n_sort_r ul .down_xz:hover::after{ background:#1f4286;  }
.n_sort_r ul .current{ color:#1f4286;}
.n_sort_r ul .current::after{  background:#1f4286;  }
.product1_lt { font-size:45px; font-weight:bold; margin-top:20px;}
.product1_ld { font-size:35px; margin-top:45px;}
.product1_lf {font-size:28px; margin-top:45px;}
.product1_le { margin-top:200px;}
.product1_le dl dd { display:inline-block; padding-left:20px; position:relative; margin-right:20px;font-family: "remixicon" !important;}
.product1_le dl dd a{ display:inline-block; color:#000; text-decoration:underline;}
.product1_le dl dd a:hover{  color:#1f4286 }
.product1_le dl dd::before{ display:block; width:20px; height:20px; position:absolute; left:0; top:3px;}
.product1_le dl dd:first-child::before { content: "\ea7e";}
.product1_le dl dd:last-child::before { content: "\f256";}

.product2 { line-height:2; color:#4b5563; margin-top:100px;}
.product2 img { max-width:100%;}

.product3{ width:100%; background:#f3f4f6; padding:80px 0; overflow:hidden; margin-top:80px;}
.product3_t { text-align:center; font-size:55px; color:#000; font-weight:bold;}
.product3_i { line-height:2;color:#4b5563; padding-top:30px; font-size:20px;} 
.product3_i img { max-width:100%;}


/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}
/*视频弹窗*/
.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/about_bg.png);}
.popupVideo {
  max-width: 800px;
  width:96%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 120;
  display: none;
  border-radius:4px;
  outline:none;
}
.popupVideo iframe,
.popupVideo video {
  width: 100%;
  max-height: 500px;
   background: #000;
}
.popupVideo .close { z-index:999999999;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -20px;
  right: -20px;
  background:#1f4286 url(../images/c10.png) no-repeat center;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  border-radius:50%;
}
.popupVideo .close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
   background-color:#ee2e1c;
    background-image:url(../images/c10.png);
}
.popupVideo .video_t{ height:60px; line-height:60px; overflow:hidden; background:#fff; padding-left:18px; color:##424242; font-size:18px; font-weight:400;}
@media screen and (max-width: 1440px) {
 
/*PC导航*/
.nav .m{ margin-left:25px; margin-right:25px;}
.nav .sub .sub_dl dl dd .h4{ font-size:15px;}
.nav .sub .sub_dl dl dd .link a{ width:10%; font-size:14px;}

}

 
@media screen and (max-width: 640px) {
 
/*视频弹窗*/
.popupVideo .video_t{ font-size:16px; height:50px; line-height:50px;}
.popupVideo .close{ top:13px; right:13px;}
}
 
@media screen and (max-width: 480px) {
  
/*视频弹窗*/
.popupVideo .video_t{ font-size:15px; height:44px; line-height:44px; padding-left:12px;}
.popupVideo .close{ top:10px; right:10px;}
 
 
}

@media screen and (max-width: 420px) {
 
/*视频弹窗*/
.popupVideo .video_t{ font-size:14px;}
}
.wrap_video img { width:100%; display:block;}
 
.product5 { width:100%}
.product5 img { display:block; width:100%}
.product6 { width:100%; text-align:center; padding-top:85px; text-align:center;}
.product6 img { display:block;max-width:100%; margin:45px auto 0;}
.product6 p { font-size:35px; color:#000; font-weight:bold;}
.product6 p span { display:block;}

.product7 { width:100%; padding:85px 0 75px; overflow:hidden; background:#000; margin-top:85px;}
.product7_title { color:#fff; margin-bottom:50px; }
.product7_title  h3{ font-size:45px;}
.product7_title  p{ font-size:22px;}


#IndexBlock6{ position: relative; }
#IndexBlock6 .container{ position: relative; z-index: 2; }
#IndexBlock6 .Productlist6{ overflow:hidden; }
#IndexBlock6 .Productlist{ margin:0; }
#IndexBlock6 .Productlist li{ padding:0; }
#IndexBlock6 .PBox{ position: relative; }

#IndexBlock6 .PNBtn span{ position:absolute;  top:0;   z-index:33333; display:block; height:40px; width:40px; border-radius:50%; z-index: 2; background:#393939; }
#IndexBlock6 .PNBtn span:hover{ background: #1f4286; }
#IndexBlock6 .PNBtn span i{ border-radius:100%;     height:40px; width:50px; display:block; position:relative; border-radius:50%; cursor:pointer;}

#IndexBlock6 .PNBtn .prev{  right:70px; }
#IndexBlock6 .PNBtn .next{ right:0;   }
#IndexBlock6 .PNBtn span i .icon { position:absolute;  }
#IndexBlock6 .PNBtn span i .icon path{ fill:#acb3bc} 

#IndexBlock6 .PNBtn .prev i .icon {  left:9px; top:11px;}
#IndexBlock6 .PNBtn .next i .icon {  left:9px; top:9px;} 
#IndexBlock1 .PBoxs{ position: relative; }
#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); }
 
.Productlist6 ul li a { display:block;  position:relative;   }
.Productlist6 ul li a dl dd:first-child{ width:100%; overflow:hidden; position:relative; height:450px;  }
.Productlist6 ul li a dl dd:first-child img{ display:block;width:100%;   }
.Productlist6 ul li a dl dd:first-child+dd  { background:#fff; height:90px; width:100%; overflow:hidden;}
.Productlist6 ul li a dl dd:first-child+dd span{ display:block; width:35%; line-height:90px; color:#000; font-size:25px; font-weight:bold; float:left; margin-left:25px;}  
.Productlist6 ul li a dl dd:first-child+dd p{ position:relative;display:block; width:180px; float:right;margin-right:25px;}  
.Productlist6 ul li a dl dd:first-child+dd p::before{ display:block; width:1px; height:12px; position:absolute; left:50px; top:40px;content:""; background:#dddddd;} 
.Productlist6 ul li a dl dd:first-child+dd p img { display:inline-block; width:40px; float:left; margin-top:30px;}
.Productlist6 ul li a dl dd:first-child+dd p em{ display:inline-block; position:absolute; right:0; top:25px;}
.Productlist6 ul li a dl dd:first-child+dd p em i { display:block; font-style:normal; }
.Productlist6 ul li a dl dd:first-child+dd p em i:first-child { color:#000}
.Productlist6 ul li a dl dd:first-child+dd p em i:last-child { color:#6b7280; font-size:14px;}
.Productlist6 ul li a dl dd:last-child { line-height:2; padding-top:20px; color:#a1a1a1;}
#IndexBlock6 { margin-top:40px;} 
.Productlist6 .Point { height:16px; margin-top:50px; display:none;}
.Productlist6 .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;}
#IndexBlock6 .PNBtn { position:absolute; top:-109px; left:0; width:100%;}
#IndexBlock6 .PNBtn .PNBtn_z { position:relative;}

 

.product8 { padding:80px 0; overflow:hidden; background:#f9fafb}
.product8_t { text-align:center;}
.product8_t h3 { font-size:45px; line-height:1.1}
.product8_t p { font-size:22px; margin-top:35px;}
#IndexBlock9{ margin-top:20px;position: relative; }
#IndexBlock9 .container{ position: relative; z-index: 2;  overflow:hidden; }
#IndexBlock9 .Productlist9{ overflow:hidden; position:relative; }
#IndexBlock9 .Productlist{ margin:0; }
#IndexBlock9 .Points{ font-size: 0;   line-height: 0; text-align: right; position:absolute; right:0;bottom:30px; z-index:999999; }
#IndexBlock9 .Points span{ opacity: 1; background: #c2c3c4; height: 8px; width:8px;  display:inline-block; border-radius:60px; margin-right:10px; }
#IndexBlock9 .Points span:last-child{margin-right:40px; }
#IndexBlock9 .Points .swiper-pagination-bullet-active{   background: #1f4286;  height:12px; width:12px; transform: translateY(2px) }
#IndexBlock9 .Points span .icon {fill:#ffffff;}
#IndexBlock9 .Points span.swiper-pagination-bullet-active{ background-color: #1f4286; }
#IndexBlock9 .Productlist li { width:100%; background:#f3f4f6;  }
#IndexBlock9 .Productlist li .PBoxs_nl{ width:50%; }
#IndexBlock9 .Productlist li .PBoxs_nl img{ width:100%; display:block; }
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child { height:85px; background:#fff;}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p {float:left;}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:first-child { color:#000; width:35%; padding-left:25px; font-weight:bold; font-style:30px; line-height:85px;}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:last-child { display:inline-block; padding-right:25px; float:right; position:relative;}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:last-child img { display:block; position:absolute; left:-75px; width:50px; top:22px;}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:last-child em { font-style:normal; position:relative;}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:last-child em::before { display:block; width:1px ; height:25px; position:absolute ; left:-14px; top:29px; background:#e5e7eb; content:"";}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:last-child em i{ font-style:normal; display:block;}
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:last-child em i:first-child{ color:#000; font-size:18px;margin-top:20px;  }
#IndexBlock9 .Productlist li .PBoxs_nl dl dd:last-child p:last-child em i:last-child{ color:#6b7280;   }
#IndexBlock9 .PNBtn{ display:none;}
#IndexBlock9 .Productlist li .PBoxs_nr{ width:50%;height:650px;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
 
.inner_news { padding-top:80px;}
.inner_news_t { font-size:35px; }
#IndexBlock9 { margin-top:70px;}
#IndexBlock9 .Productlist li a { width:100%; display:block;   }
#IndexBlock9 .Productlist li a .PBoxs_nr dl {  padding: 10%;  }
#IndexBlock9 .Productlist li a .PBoxs_nr dl dd:first-child { color:#000; margin-bottom:40px; font-size:35px; font-weight:bold;}
#IndexBlock9 .Productlist li a .PBoxs_nr dl dd:last-child { color:#4b5563;  font-size:20px;} 
#IndexBlock9 .PNBtn .next {right:55px;}
#IndexBlock9 .PNBtn .prev { right:0px; }
#IndexBlock9 .PNBtn span{ opacity: 1; background: #1f4286; height: 55px; width:55px; position:absolute; bottom:0; display:block; z-index:9999999;  }
#IndexBlock9 .PNBtn span:hover{   background: #ee2e1c;   }
#IndexBlock9 .PNBtn span i { display:block; position:relative;height: 55px; width:55px;}
#IndexBlock9 .PNBtn span i .icon { position:absolute; top:16px; }
#IndexBlock9 .PNBtn .next i .icon { left:15px;   }
#IndexBlock9 .PNBtn .prev i .icon { left:18px; transform: rotate(180deg);}
#IndexBlock9 .PNBtn span i .icon path{  fill:#ffffff;}


.tab{   width: 100%;    margin: 0 auto;  }
.tab_con{ width: 100%;}
.item_info { }
.item { display: none; }
.pro_cs { line-height:2; padding-top:100px;}
.pro_cs img{ max-width:100%;}
.pro_cs .text-xl{ font-size:30px; font-weight:bold; }
.pro_cs .table {width: 100% !important;
    border-collapse: collapse;
    text-align: center;
    overflow: hidden;}
.pro_cs .table tr{ background: #f9fafb;color: #4b5563;text-align: center;}
.pro_cs .table tr:nth-child(2n){ background: #fff; }
.pro_cs .table tbody tr td {padding: 0.25rem;height: 40px; border: 1px solid #cccccc !important; }







  /* ===================人才招聘========================= */ 
.job1 { padding-top:80px;}
.job1_l { width:50% }
.job1_l img { width:100% }
.job1_r { width:45% }
.job1_rt { font-size:18px; color:#4b5563; padding-top:95px;}
.job1_rt p { font-size:35px; color:#000}
.job1_ri { line-height:2; margin-top:60px; color:#4b5563}

.job2 { margin-top:70px;   width: 100%;overflow: hidden; background: #f9fafb; padding: 70px 0;}
.job2_title dl { width:60%;}
.job2_title dl p:first-child { font-size:30px; margin-bottom:10px; color:#000;}
.job2_title dl p:last-child { line-height:2; color:#4b5563;}



#IndexBlock12{ position: relative; }
 
#IndexBlock12 .container{ position: relative; z-index: 2; }
#IndexBlock12 .Productlist12{ overflow:inherit; }
#IndexBlock12 .Productlist{ margin:0; }
#IndexBlock12 .Productlist li{ padding:0; }
#IndexBlock12 .PBox{ position: relative; }

#IndexBlock12 .PNBtn{ width:100%; top:-178px; left:0; position:absolute;}
.PNBtn_z { position:relative}
#IndexBlock12 .PNBtn span{  position:absolute; top:0; z-index:33333; display:block; height:50px; width:50px; border-radius:50%; z-index: 2; }
#IndexBlock12 .PNBtn span i{ border-radius:100%; background:#636464;   height:50px; width:50px; display:block; position:relative; cursor:pointer;}
#IndexBlock12 .PNBtn span:hover i{  background:#1e4186;   } 
#IndexBlock12 .PNBtn .prev{  right:30px; }
#IndexBlock12 .PNBtn .next{ right:-42px; transform: rotate(180deg); }
#IndexBlock12 .PNBtn span i .icon { position:absolute;  }
#IndexBlock12 .PNBtn span i .icon path{ fill:#ffffff} 
#IndexBlock12 .PNBtn span:hover i .icon path{ fill:#ffffff} 
#IndexBlock12 .PNBtn .prev i .icon { left: 13px;  top: 14px;}
#IndexBlock12 .PNBtn .next i .icon {   left: 13px;  top: 14px;}
#IndexBlock1 .PBoxs{ position: relative; }
#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); }
 
.Productlist12 ul li a { display:block;   position:relative;  }
.Productlist12 ul li a dl dd:first-child{ width:100%;transition:all 1s; -moz-transition:all 1s;-ms-transition:all 1s; -o-transition:all 1s;-webkit-transition:all 1s;}
.Productlist12 ul li a dl dd:first-child img{ width:100%; display:block;}

#IndexBlock12 { margin-top:40px;} 
.Productlist12 .Point { height:16px; margin-top:50px; display:none;}
.Productlist12 .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;}


.job3 { padding-top:70px;}
.job3_title dl p:first-child { font-size:30px; margin-bottom:10px;}
.job3_title dl p:last-child  { color:#4b5563; font-size:18px;}
.job3_content { margin-top:40px;}
.job3_content ul li { float:left; margin-left:3%; width:31.33%;}
.job3_content ul li:first-child {  margin-left:0;}
.job3_content ul li a dl { border:1px solid #e5e7eb; padding-bottom:40px;}
.job3_content ul li a dl dd:first-child { width:100%;}
.job3_content ul li a dl dd:first-child img{ width:100%; display:block;}
.job3_content ul li a dl dd:first-child+dd{ padding:40px 40px 0; font-size:18px; font-weight:bold; color:#4b5563;}
.job3_content ul li a dl dd:last-child{ margin:20px 40px 0; padding-top:20px;border-top:1px solid #e5e7eb ; color:#4b5563; line-height:2;}

.job4 { padding-top:80px; width:100%; overflow:hidden; }
.job4 ul li{ width:50%; float:left; position:relative; display:block}
.job4 ul li img{ width:100%; display:block;}
.job4 ul li a dl { position:absolute; left:15%; top:35%; display:block; width:80%}
.job4 ul li a dl dd:first-child { font-size:35px; font-weight:bold; color:#fff;}
.job4 ul li a dl dd:first-child+dd { margin-top:30px; color:#fff;}
.job4 ul li a dl dd:last-child { margin-top:50px; }
.job4 ul li a dl dd:last-child span { color:#fff; display:block; width:145px; height:40px; line-height:40px; border:1px solid #fff; border-radius:100px; text-align:center;}
.job4 ul li a dl dd:last-child span:hover {   border:1px solid #ee2e1c; background:#ee2e1c}

.job5 { padding-top:60px;    width: 100%; overflow: hidden;background: #f9fafb;}
.job5_title p:first-child { font-size:35px; margin-bottom:10px;}
.job5_title p:last-child { color:#4b5563;}
.demo { padding-top:45px;}
.demo h2{font-size:14px;height:24px;line-height:24px;margin:30px 0 10px 0;padding:0 10px;}
.menu_head{ height:65px; line-height:65px;cursor:pointer;position:relative ;font-weight:bold;background:#fff; border-radius:10px; overflow:hidden; border-left:4px solid #1e4186;box-shadow:1px 8px 17px 3px rgb(0 0 0 / 3%); margin-bottom:20px;}
.menu_body{display:none; padding:45px;}
.menu_body .menu_body_a ul li{ float:left; width:25%; margin-bottom:50px;}
.menu_body .menu_body_b { margin-top:20px;}
.menu_body .menu_body_b ul li {float:left; width:47.5%; margin-left:5%}
.menu_body .menu_body_b ul li:first-child {  margin-left:0}
.menu_body .menu_body_b ul li dl dt { font-weight:bold; margin-bottom:20px;}
.menu_body .menu_body_b ul li dl dd { line-height:2; color:#4b5563}
.menu_body .menu_body_c { margin-top:45px;}
.menu_body .menu_body_c a { padding:10px 20px; background:#1e4186; color:#fff; display:inline-block;}
.menu_body .menu_body_c a:hover{ color:#ee2e1c}
#firstpane .menu_head span{ float:left; display:block;}
#firstpane .menu_head span:first-child { width:40%; padding-left:2%; }
#firstpane .menu_head span:first-child+span { width:20%; text-align:center;}
#firstpane .menu_head span:last-child { width:40%;}
#firstpane .menu_head span:last-child i { display:block; float:right; background:#1e4186 url(../images/icon20.png) no-repeat center center; width:40px; height:65px;}
#firstpane .current span:last-child i {   background:#1e4186 url(../images/icon19.png) no-repeat center center;  }




  /* ===================内页搜索========================= */ 
.h_search {  width:100%;}
.h_search .fixed .top_head {  background:none;   border-bottom:0;}
.h_search .index_head{ background:#fff;}
.h_search .index_head .logo .logo1 { display:none;}
.h_search .index_head .logo .logo2 { display:block;}
.h_search .index_head .nav_z .nav ul li .f_a {color: #000;}
.h_search .nav_z .nav ul .t_tel { color: #ee2e1c;}
.h_search .nav_z .nav ul .search::before { color: #111827;}
.i_search {overflow: hidden; background: #f9fafb; padding: 70px 0;}
.i_search1 i{ font-style:normal; color:#1e4186; font-weight:bold; display:inline-block;}

.i_search1_info { margin-top:40px;}
.i_search1_info 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 / 4%);}
.i_search1_info ul li:first-child {   margin-left:0;}
.i_search1_info ul li:nth-child(4n+1){  margin-left:0;}
.i_search1_info ul li{  margin-bottom:2%;}
.i_search1_info ul li a dl { }
.i_search1_info ul li a dl dd:first-child { width:100%; overflow:hidden;   }
.i_search1_info ul li a dl dd:first-child img{   width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.i_search1_info 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);}
.i_search1_info ul li a dl dd:first-child+dd{ padding:0 25px;margin-top:25px;}
.i_search1_info ul li a dl dd:first-child+dd span{  color:#1f4286;}
.i_search1_info 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;}
.i_search1_info ul li:hover a dl dd:first-child+dd p{  color:#1f4286; text-decoration:underline;} 
.i_search1_info ul li a dl dd:first-child+dd+dd{   font-size:18px;color:#000; margin-top:10px;  padding:0 25px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
	
.i_search1_info ul li a dl dd:first-child+dd+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; font-size:14px;}	
.i_search1_info ul li a dl dd:last-child { margin-top:50px;padding:0 25px;}
.i_search1_info ul li a dl dd:last-child p { width:50%; float:left; color:#000;}
.i_search1_info ul li a dl dd:last-child p:last-child { text-align:right; position:relative; padding-right:30px;}
.i_search1_info ul li a dl dd:last-child p:last-child .icon path{  fill:#000000;}
.i_search1_info 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;}
.i_search1_info 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;}



.zzyf { padding-top:80px;    line-height: 2; color: #4b5563;}
.zzyf img{ max-width:100%;}





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

@media screen and (max-width:4860px) and (min-width:3000px) {
  
     
}

@media screen and (max-width:3000px) and (min-width:2600px) {
  
   
	  
	  
	  
}
@media screen and (max-width:2600px) and (min-width:2500px) {
  
  
}

@media screen and (max-width:2500px) and (min-width:2400px) {
   
	  
}


@media screen and (max-width:2400px) and (min-width:2300px) {
  
 
	  
}
@media screen and (max-width:2300px) and (min-width:2200px) {
  
   
   
}

@media screen and (max-width:2200px) and (min-width:2100px) {
  
      
}

@media screen and (max-width:2100px) and (min-width:2000px) {
  
 
}

@media only screen and (max-width: 1860px){	
 
} 
@media only screen and (max-width: 1850px){	
 
	
	
	
	
}
 @media only screen and (max-width: 1800px){
	 
	 
 }
	 
	 
	 
 @media only screen and (max-width: 1760px){	
        .video_info dl dt p {  font-size: 55px;  height: 75px;}
	    .video_title { top:35%;}
		.flex-control-nav li a::before { width:70px;}
} 
 @media only screen and (max-width: 1720px){	
 
} 		
		
		
 @media only screen and (max-width: 1700px){	
    .flexslider ul li dl { margin-left: 240px;}
	.about4 { height:auto;}  
	  
	  
	  
	  
	  
	  
} 

 @media only screen and (max-width: 1670px){	
  
} 	
	
 @media only screen and (max-width: 1650px){	
       .nav_z .nav { width: 82%;} 
	   #IndexBlock4 .Productlist li a .PBoxs_nr dl {  padding: 5% 5% 0;  }
	   .Productlist6 ul li a dl dd:first-child { height: auto;}
	   .Productlist6 ul li a dl dd:last-child { line-height:1.5;}
	   .product7 {  padding: 85px 0 50px;}
} 		
	

@media only screen and (max-width: 1600px){	
       .nav_z .nav ul li { padding: 0 1.6%;}
       .flex-control-nav li a::before { width:90px;}
	 .index7_l span { font-size:40px;}
	 .h-ban2 .bd li .bd2_img { width:350px; height:350px;}
	 .h-ban2 .hd span::before { width: 50px;    right: 84px;}
	 #IndexBlock9 .Productlist li .PBoxs_nr {  height: 600px;}
	 
	 
	   
} 
@media only screen and (max-width: 1580px){	
   .service_sz ul li dl .icon { left: 38px;}

	 
	 
}
@media only screen and (max-width: 1550px){	
 
	   .flex-control-nav li a::before { width:70px;}
	   .flexslider ul li dl dd:first-child+dd+dd {  width: 48%;}
	   .flexslider ul li dl dd:first-child {   margin-bottom:20px;}
	   .flexslider ul li dl dd:first-child+dd {   font-size:35px;  margin-bottom: 30px;}
	   .flex-control-nav {  width: 150px;top: 20vh;}
	.flex-control-nav li a::before { width:35px;}
	.flex-control-nav li .flex-active::before { width: 80px;}
    .flexslider ul li .slides_info {  top:10vh;}
	   
	  
}
@media only screen and (max-width: 1520px){	
     .zx_news_i ul li a dl dd:first-child {  height: 240px;}
 
 
 
}
@media only screen and (max-width: 1500px){	
    .fz { width: 95%; max-width: 1300px;}
	 .nav_z .nav ul li { padding: 0 1%;}
	 .nav_z .nav { width: 88%;}
	 .logo { width: 12%;}
	 .nav_z .nav ul .language { padding-left:2%;}
	 .video_info dl dt p {  font-size: 45px;  height: 75px;}
	 .video_title { top:30%;}
	 .video_info dl dd {  margin-top: 45px;}
	 .footer_r ul {   margin-right:0;}
	 .case_info ul li a .case_img {  height: 300px;}
	 .service_sz ul li dl .icon { left: 30px;}
	 #IndexBlock4 .Productlist li a .PBoxs_nr dl { position:relative;}
	 #IndexBlock4 .Productlist li a .PBoxs_nr dl dd:last-child { position:absolute; left:5%; bottom:-120px;}
	 #IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd+dd { margin-bottom:0}
	 .product1_lt { font-size:35px;}
	 .product1_ld {  font-size: 20px;}
	 .product1_lf { font-size:14px;}
	 .product3_t{ font-size:35px;}
	 .product3_i{ font-size:14px;}
	 .product7_title h3{ font-size:35px;}
	 .product7_title p{ font-size:14px;}
	 .product8_t h3{ font-size:35px;}
	 .product8_t p{ font-size:16px;}
	 .Productlist6 ul li a dl dd:first-child+dd span{ font-size:18px;margin-left:10px;}
	 .Productlist6 ul li a dl dd:first-child+dd p{ margin-right:10px;width: 156px;}
	 .Productlist6 ul li a dl dd:first-child+dd p em i:last-child { font-size:12px;}
	 .Productlist6 ul li a dl dd:last-child{ font-size:14px;}
}
@media only screen and (max-width: 1450px){	
       .zx_news_i ul li a dl dd:first-child {  height: auto;}
	 .job1_rt {  padding-top:50px;}
	 
	 
	 
	 

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

}


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


	
	
}


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

	   #IndexBlock9 .Productlist li .PBoxs_nr {  height:550px;} 
	    #IndexBlock4 .Productlist li a .PBoxs_nr dl dd:last-child {bottom:-60px;}
	 
}
@media only screen and (max-width: 1300px){	
      .video_info dl dt p {  font-size: 35px;  height: 75px;}
	 .video_title { top:25%;}
	 .video_info dl dd {  margin-top:35px;}
	.index5_more a {   margin-top:60px;}
	.index5_info { top: 10vh;}
	.value_info {margin-top: 20px;}
	.index5_content dl dt {  margin-bottom:20px;}
	.index7_l span { font-size:35px;}
	.h-ban2 .bd li .bd2_img { width:300px; height:300px;}
	.h-ban2 .hd span::before { width: 40px;    right: 84px;}
	 .case_info ul li a .case_img {  height:280px;}  
	.service_sz ul li dl .icon { left: 25px;}
	.zx_news_i ul li a dl dd:last-child  {  margin-top:20px}
	.zx_news_i ul li a dl dd:last-child p { font-size:12px;}
	.zx_news_i ul li a dl dd:first-child+dd+dd{ font-size:14px;}
	 .job1_rt {  padding-top:20px;}
	.job1_ri  { margin-top:30px;} 
	.job4 ul li a dl {   left: 15%;   top: 20%;} 
	 
	
  }
@media only screen and (max-width: 1250px){	 
   
 
  } 

@media only screen and (max-width: 1200px){	
    .nav_z .nav ul .t_tel { display:none;}
	.flex-control-nav {  width: 150px;top: 20vh;}
	.flex-control-nav li a::before { width:35px;}
	.flex-control-nav li .flex-active::before { width: 80px;}
    .flexslider ul li .slides_info {  top:10vh;}
	
	.h-ban2 .hd span::before { width: 30px;    right:65px;}
	.video_current {  margin-top: 130px;}
	.inner_video_t {  margin-top: 20px;}
	.inner_video_t dl dd { margin-top:20px;}
	.in_video #video { height: auto; width:100%;}
	
	.shijieditu_z{    overflow: hidden; overflow-y: hidden; overflow-x: scroll;  white-space: nowrap;}
	.shijieditu { width:1250px;}
	#honor .pro-list ul li:nth-child(5n+1) { margin-left: 2%;}
	#honor .pro-list ul li:nth-child(4n+1) { margin-left: 0;}
	#honor .pro-list ul li:first-child{ margin-left: 0;}
	#honor .pro-list ul li { width:23.5%}
	.pro-list { padding:0}
	#padter .pro-list ul li .text h3 {   font-size: 14px;}
	.Productlist6 ul li a dl dd:first-child+dd span { font-size:20px;margin-left:15px}
	.Productlist6 ul li a dl dd:first-child+dd p { font-size:20px;margin-right:15px}
	 	   #IndexBlock9 .Productlist li .PBoxs_nr {  height:500px;} 
	.about1_z ul li a { font-size:13px;}	   
	.case_info ul li a .case_img {  height:250px;}  	   
	.service_sz ul li dl { padding-left: 37%;}
	#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd {   margin-bottom: 20px;}
	#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd+dd+dd {  line-height:1.5; font-size:14px;}
	#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child+dd {  font-size: 25px;   margin-bottom: 15px;}	
	#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:first-child {   margin-bottom: 10px;}
	.job1_ri  { font-size:14px;} 
	
	.job1_rt {  padding-top: 0;}
	
	
	
	
	   
}


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

	   .video_title { top:20%;}
	 .index7_l { width:40%;}
	 .video_bj .m_logo { display:none;}
	 .video_bj .m_img .headlf .mlogo2{ display:block; height:40px;padding-left: 3%; margin-top: 15px;}
	 .video_bj .a_js span { background: #444d58;}
	 .video_bj .m_img .headrg .a_en {color: #444d58;}
	 .video_bj .m_img .headrg .a_ss::before {color: #444d58;}	 
	.video_bj .m_img .headrg .a_ss::after{ background: #444d58;}
	
	.h_search .m_logo { display:none;}
	 .h_search .m_img .headlf .mlogo2{ display:block; height:40px;padding-left: 3%; margin-top: 15px;}
	 .h_search .a_js span { background: #444d58;}
	 .h_search .m_img .headrg .a_en {color: #444d58;}
	 .h_search .m_img .headrg .a_ss::before {color: #444d58;}	 
	.h_search .m_img .headrg .a_ss::after{ background: #444d58;}
	
	.p_sort .m_logo { display:none;}
	 .p_sort .m_img .headlf .mlogo2{ display:block; height:40px;padding-left: 3%; margin-top: 15px;}
	 .p_sort .a_js span { background: #444d58;}
	 .p_sort .m_img .headrg .a_en {color: #444d58;}
	 .p_sort .m_img .headrg .a_ss::before {color: #444d58;}	 
	.p_sort .m_img .headrg .a_ss::after{ background: #444d58;} 
	 .head_nav { height:70px;}
	 .indexnav_wrap {  top: 70px;}
	 .mainpage1 {  margin-top: 140px;}
	 	   #IndexBlock9 .Productlist li .PBoxs_nr {  height:480px;} 
	 .m_img { display:block !important;}
	 .job4 ul li a dl {   left: 10%;   top: 20%;} 
	 
	 
	 
	 
	 
	 
}

@media only screen and (max-width: 1024px){	
 
         body {  font-size:14px;}
	   .flexslider ul li dl {  margin-left: 180px;}
	   .flexslider ul li dl dd:first-child+dd+dd { font-size:14px; margin-bottom:20px;}
	   .flexslider ul li dl dd:last-child a {   width: 120px; height: 35px;font-size:14px;   line-height: 35px;}
	   .flexslider ul li .slides_info {  top:5vh;}
	   .h-ban2 .hd span::before { display:none;}
	   	.h-ban2 .bd li .bd2_img { width:250px; height:250px;    margin-top: 75px;}
	   .footer_l { width:100%; float:none; clear:both;text-align:center;}
	   .footer_r { display:none; }
	   .footer_l span img { height:60px;  margin:0 auto;}
	   .footer_l dl dd span { display:contents;}
	   .footer_l dl dd i{ display:contents;}
	   .footer { padding-top:40px;}
	   .footer_l p {   margin-top:20px;}
	   .copyright { font-size:12px; height:inherit; line-height:1.5; text-align:center; overflow:hidden; padding:20px 0; margin-top:40px;}
	   .copyright_l  { width:100%; clear:both;}
	   .copyright_l span { display:block;}
	   .copyright_r { width:100%; clear:both; float:none; text-align:center;}
	   .copyright_l a::after { display:none;}
	   .footer_l dl dd {  font-size:14px;}
	   .honor {  padding-top: 40px;}
	   #honor .pro-list ul li .text h3 {  font-size: 14px;}
	   .mainpage1 ul li a .mainpage_info dl dd:first-child {   font-size:35px;}
	   .mainpage2 ul li a .mainpage_info dl dd:first-child {   font-size:35px;}
	   .mainpage3 ul li a .mainpage_info dl dd:first-child {   font-size:35px;}
	   .mainpage4 ul li a .mainpage_info dl dd:first-child {   font-size:35px;}
	   .mainpage1 ul li a .mainpage_info dl dd:last-child img {  width: 100%;}
	   .mainpage1 {  height: 75.5vh;}
	   .mainpage2 {  height: 59.5vh;}
	   .mainpage2 ul li{  height: 59.5vh;}
	   .mainpage3 ul li a .mainpage_info dl dd:last-child img {  width: 100%;}
	   .mainpage4 ul li a .mainpage_info dl dd:last-child img {  width: 100%;}
	   .mainpage3 {  height: 77.5vh;}
	   .product1_lt {   font-size:35px;}
	   .product1_ld {   font-size:18px;}
	   .product1_lf{   font-size:14px;}
	   #IndexBlock9 .Productlist li .PBoxs_nr {  height:420px;} 
		.m_img{ display:block;}  
		.inner_case { display:block;}
		.case_sort  { display:none;}
		.case_info ul li a .case_img {  height:220px;}    
		.service_sz ul li dl { padding-left: 30%;}
		 .service_sz ul li dl .icon {  left: 4px;} 
		 .inner_news_t { font-size: 30px;}
        .inner_news {   padding-top: 40px;}
        .contact1 {  padding: 40px 0;}
		.contact1_title { font-size: 30px;}
		.contact1_info ul li {   min-height: 180px;  width: 33.33%;  padding: 0 20px; margin-bottom:30px;}
		.contact1_info ul li::before { display:none;}
		.contact1_info { padding-top:40px;}
		.i_search1_info ul li:nth-child(4n+1) { margin-left:3%;}
		.i_search1_info ul li { margin-left:3%; width:48.5%;}
		.i_search1_info ul li:nth-child(2n+1) { margin-left: 0;}
		.i_search {  padding:40px 0;}
		
		
		
		
		
		


}




@media only screen and (max-width: 950px){	
      .flexslider .slides > li .img .pm1 { display:block;}
	 .flexslider .slides > li .img .pc1 { display:none;}
	  .index5_content dl dt { font-size:40px;} 
	 .index5_content dl dd{ font-size:16px;} 
	 #seventh span{ font-size:40px;} 
	 .buttonBox p { margin-top:0}
	 .index5_more a {  margin-top:20px;}
	 .value_info dl dd { width:33.3%}
	 .index5_content dl dd { width:100%}
	 .h-ban .hd span dl dd:first-child {margin-top: 95px;} 
	 .h-ban .hd span.on dl dd:first-child{margin-top:30px;}
	 .h-ban .hd span dl dd:first-child+dd {  font-size: 20px;}
	 .h-ban .hd span dl { width:80%;}
	 .h-ban .hd span dl dd:first-child+dd+dd { font-size:12px; margin-bottom:40px;}
	 .h-ban .hd span dl dd:first-child { margin-bottom:10px;}
	 .h-ban .hd span.on dl dd:first-child+dd+dd { line-height:1.5;}
	 .index7 { position:relative;}
	 .index7 .h-ban2 { position:inherit !important;}
	 .index7 .h-ban2 .bd li .bd2_img { position:absolute; right:30px; top:5vh;}
	 .index7 .h-ban2 .bd li .bd2_info { position:absolute; left:30px; top:5vh;}
	 .index7 .h-ban2 .bd{ overflow:inherit;}
	 .index7 .index7_l span { display:inline;}
	 .index7_l { width:100%; margin-top:80px; float:none; clear:both;}
	 .index7_r { width:100%; margin-top:20px; float:none; clear:both;} 
	  .index7  .h-ban2 .bd li .bd2_info { width:50%;}
	  .h-ban2 .bd li .bd2_info dl dd:first-child {   font-size: 22px;   margin:60px 0 30px;}
	  	.h-ban2 .bd li .bd2_img { width:200px; height:200px;  }
	  .h-ban2 .hd { width:90%; left:5%;}
	  .mainpage2 { height: 50.5vh;}
	  .case_info ul li a .case_img {  height:190px;} 
	  .servicelist ul li a .servicelist_b dl dd:first-child+dd { font-size:35px; margin-bottom:10px;}
	  .servicelist ul li a .servicelist_b dl dd:last-child{ font-size:16px;}
	  .servicelist ul li a .servicelist_b dl dd:first-child{  margin-bottom:10px;}
	  .servicelist ul li a .servicelist_a { width:100%; float:none;}
	  .servicelist ul li a .servicelist_b{ position:inherit; padding:20px 0 30px;}
	  .servicelist ul li a .servicelist_b dl { width: 100%;  margin-left: 0;}
	  .servicelist ul li:nth-child(2n) a .servicelist_b dl { width: 100%;  margin-left: 0;}
	  .zx_news_i ul li {  width:48.5%; margin-left:3%; margin-bottom:30px;}
	  .zx_news_i ul li:nth-child(2n+1) {    margin-left:0;}
	  
	  
}



@media only screen and (max-width: 850px){	
 
	  .flex-control-nav { display:none;}
	  .flexslider ul li dl dd:first-child+dd+dd { display:none;}
	  .flexslider ul li dl { margin-left:0} 

	  .flexslider ul li .slides_info {  top:10vh;}  
	  .flexslider ul li dl dd:first-child+dd { font-size:30px;}
	  .flexslider ul li dl dd:first-child{  margin-bottom:0;}
	  .flex-direction-nav  { position:absolute; left:0; width:100%; bottom:10px;font-family: "iconfont"; }
	  .flex-direction-nav li { width:35px; float:left; margin-left:20px;}
	   .flex-direction-nav li a { display:block !important; position:relative;font-family: "iconfont";  width:35px; height:35px; border-radius:100px; overflow:hidden; text-indent:999em; background:#a4a4a4;}
	  .flex-direction-nav li a:hover {   background:#1f4286;}
	  .flex-direction-nav li a::before{ text-indent:0;content:"\e660"; display: block; width:35px; line-height:35px; text-align:center;height:35px; color:#fff; font-size:17px; position:absolute; }
	  .flex-direction-nav li .flex-prev::before{top:0; left:0; }
	  .flex-direction-nav li .flex-next::before{top:0; left:0;  transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
     .index3_title span {  font-size: 35px;} 
     .index3 {  padding:40px 0;}
     .index6_title span {  font-size: 30px;}
      .index6 {  margin-top: 40px;}
      #IndexBlock1{  margin-top:30px;}
	  .inner_banner .inban1 { display:none;}
	  .inner_banner .inban2 { display:block;}
	  .about1_z { display:none;}
      .demo2 { display:block;}
	  .about4_title strong {  font-size: 35px;}
	  .about4_title strong p { font-size:16px;   margin-top:20px;}
	  .product3_t { font-size: 35px;}
	  .product3_i {  line-height:1.7; padding-top: 20px; font-size:16px;}
	  .product3 { padding: 40px 0;  margin-top: 40px;}
	  .product6 p {   font-size: 30px;}
	  .product6 {   padding-top: 40px;}
	  .product7 {  padding: 40px 0; margin-top: 40px;}
	  .product7_title h3 {  font-size: 30px;}
	  .product7_title p {  font-size: 14px;}
	  .product8_t h3 {  font-size: 35px;}
	  .product8_t p {  font-size: 16px;}
	   #IndexBlock9 .Productlist li .PBoxs_nr {  height:400px;} 
	  #IndexBlock9 .Productlist li a .PBoxs_nr dl dd:first-child{  font-size: 35px;}
	  #IndexBlock9 .Productlist li a .PBoxs_nr dl dd:first-child+dd{  font-size:16px;}
	  .n_sort { top:70px;}
	.pro_cs  {    overflow: hidden; overflow-y: hidden; overflow-x: scroll;  white-space: nowrap; padding-top:50px;}
	.pro_info { width:1200px;}  
	.case_info ul li:nth-child(3n+1) { margin: 0 0 3% 3%;}  
	.case_info ul li:nth-child(2n+1) { margin: 0 0 3% 0;} 
	.case_info ul li:first-child { margin: 0 0 3% 0;}  
	.case_info ul li { width:48.5%}
	.cxlist ul li a .cxlist_b dl dd:first-child{  font-size: 30px;}
	 .cxlist ul li a .cxlist_b dl dd:first-child+dd { margin-bottom: 30px;}
    .service_sz ul li { width: 50%;  height: 140px; margin-top:-1px;}
	.service_i{   height: 140px;}
    .service_sz ul li dl .icon {  left: 33px;}
    .service_title h3 { font-size: 30px;}
    .service_title p { font-size:14px;}
	.service_title { padding-top:40px;}
	#IndexBlock4 .Productlist li .PBoxs_nl { width: 100%; float:none; clear:both; margin-bottom:30px;}
	#IndexBlock4 .Productlist li .PBoxs_nr { width: 100%; float:none; clear:both;  }
	#IndexBlock4 .Productlist li a .PBoxs_nr dl {  padding:0 20px 0;}
	#IndexBlock4 .Productlist li a .PBoxs_nr dl dd:last-child { position:initial; margin-top:20px;}
	.zx_news_t {  font-size: 30px;}
	.zx_news {  padding: 40px 0;   margin-top: 40px;}
	.contact1_info ul li {   min-height: 205px;}
	.contact1_info ul li:nth-child(4) { width:50%}
	.contact1_info ul li:nth-child(5) { width:50%}
	.job1 {   padding-top: 40px;}
	.job1_l { width:100%; float:none; clear:both}
	.job1_r { width:100%; float:none; clear:both; margin-top:30px;}
	.job1_rt p { font-size:30px;}
	.job2 {  margin-top: 40px;  padding: 40px 0;}
	#IndexBlock12 .PNBtn .prev { right: 70px;}
	#IndexBlock12 .PNBtn .next { right: 0;}
    .job3 { padding-top:40px;}
	.job3_title dl p:first-child { font-size:30px; margin-bottom:10px;}
	.job3_title dl p:last-child  { color:#4b5563; font-size:16px;}
	.job4 { padding-top:40px;}	
	.job4 ul li { width: 100%;}	
	.job4 ul li a dl dd:first-child { font-size: 30px;}	
		
	
}

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

     .video_info dl dt p {  font-size: 30px;  height: 75px;}
	 .video_title { top:150px;}
	 .video_info dl dd {  margin-top: 0;}
     .banner_video #video{ min-height:400px; }
      .index5_content dl dt { font-size: 30px;}
      .index3_title span {  font-size: 30px;}
	  #seventh span{  font-size: 25px;}
	  .buttonBox p { font-size:14px}
      .index5_more a{ font-size:14px}
	  .index5_content dl dd { font-size:14px}
	  #IndexBlock1 .Productlist li a { padding:30px;}
	  .index7 {  height: 70vh;  margin-top: 40px;}
	  .index7_l span { font-size:30px;}
	  .index7 .h-ban2 .bd li .bd2_info {top:-50px; }
	  .index7 .h-ban2 .bd li .bd2_img{ top:-50px;  }
	  .h-ban2 .bd li .bd2_img p{ font-size:25px;}
	  .about2 {  padding-top: 30px;}
	  .about3 .value_info dl dd .value_i {  min-height: 120px;  padding: 0px 20px;}
	  .about4 #video {   max-height: 300px; width:auto; -o-object-fit: fill;  object-fit: fill;   }
	  .index5 #video2 {   min-height: 400px; width:auto; -o-object-fit: fill;  object-fit: fill;  }
	  .about4_title strong {  font-size: 25px;}
	  .about5_title span {   font-size: 30px;}
	  .about5_title p { font-size:14px;}
	  .about5_info ul li:nth-child(5n+1) {  margin-left:3%;}
	  .about5_info ul li:nth-child(2n+1) {  margin-left: 0;}
	  .about5_info ul li { width:48.5%; margin-bottom:3%;}
	  .about5 {  padding: 40px 0;}
	  .strategy {  padding-top: 30px;}
	  .strategy_t h3 {  font-size: 30px;}
	  .strategy_t p{  font-size: 14px;}
	  .ab_culture { padding-top: 40px;}
	  .ab_culture2 {  margin-top:30px;}
	  .history_title {  font-size: 30px;}
	  .history_info ul li dl dt { font-size: 35px;}
	  .history_info ul li dl dd { font-size: 14px;}
	  #honor .pro-list ul li:nth-child(5n+1) { margin-left: 3%;}
	  #honor .pro-list ul li:nth-child(4n+1) { margin-left:3%;}
	#honor .pro-list ul li:nth-child(2n+1) { margin-left:0;}
	#honor .pro-list ul li:first-child{ margin-left: 0;}
	#honor .pro-list ul li { width:48.5%}
	  .honor {  padding-top: 20px;}
	   .videolist  ul li:nth-child(5n+1) {  margin-left:3%;}
	  .videolist  ul li:nth-child(2n+1) {  margin-left: 0;}
	  .videolist  ul li { width:48.5%; margin-bottom:3%;}
	  
 
	  #qyfc .pro-list ul li:nth-child(4n+1) { margin-left:3%;}
	#qyfc .pro-list ul li:nth-child(2n+1) { margin-left:0;}
	#qyfc .pro-list ul li:first-child{ margin-left: 0;}
	#qyfc .pro-list ul li { width:48.5%}
	 .page span.page_list a {  padding:8px 14px;} 
	 .page .prev { background: #fff url(../images/page.png) 13px -31px no-repeat !important}
      .page .next {  background: #fff url(../images/page.png) 13px 15px no-repeat !important;}
	  .page span.page_rows{  padding:8px 14px;} 
	  .page { margin:30px auto;}
	   #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%}
	#IndexBlock6 .PNBtn { top: -89px;}  
	   #IndexBlock9 .Productlist li .PBoxs_nr {  height:350px;} 
	  .product8 {   padding: 40px 0;}
	  #IndexBlock9 { margin-top:40px;}
	  .product8_t h3 { font-size: 30px;}
	  .video_current {  margin-top: 100px;}
	  .cxlist {   padding-top:40px;}
	  .cxlist ul li { margin-bottom:20px;}
	  .cxlist ul li a .cxlist_a { width:100%;}
	  .cxlist ul li a .cxlist_b { position:inherit; margin-top:20px;}
	  .cxlist ul li a .cxlist_b .cxlist_z { padding-top:20px; }
	  .cxlist ul li a .cxlist_b dl {width: 100%; float: none;  margin-left: 0;}
	  .contact1_map {  margin-top: 0;}
	  .contact1_map #map {  height:500px;}
	  .contact3 ul li:nth-child(3n+1) { margin-left:3%;}
	  .contact3 ul li { width:48.5%; margin-left:3%;}
	   .contact3 ul li:nth-child(2n+1) { margin-left:0;}
	   .contact3 ul li:first-child { margin-left:0;} 
	   .contact3 {  padding-top:40px;}
	  .contact3 ul li dl p:first-child {  font-size:18px;}
	  .inner_message h3 { font-size:25px;  margin-bottom: 20px;}
	  .inner_message { padding-top:40px;}
	  .inner_message ul li {  margin-left: 0;  width:100%;  margin-bottom:30px;}
	  #IndexBlock12 .PNBtn {  top: -58px;}
	  .job2_title dl { width:100%}
	  #IndexBlock12 { margin-top: 80px;}
	  .job3_content ul li:first-child { margin-left: 0; }
	  .job3_content ul li { margin-left: 0; width:100%; margin-bottom:30px; }
	  .job5 {  padding-top: 40px; }
	  .job5_title p:first-child { font-size: 30px;}
	  .h-ban .hd span dl dd:first-child+dd+dd {white-space: pre-wrap;}
	  .zzyf { padding-top:40px;    }
	  .m_navList ul li .c_logo { width:45%;}
	  .reveal-modal { top: 71px !important;}
	  .i_search1 i {  display:contents;}
	  .pro_info .text-xl { font-size:20px;}
	  
}
@media only screen and (max-width: 700px){	

      .h-ban{ height:70vh;}
	   .h-ban .bd { height:70vh}
	   .h-ban .hd { height:70vh;    overflow: hidden;overflow-y: hidden; overflow-x: scroll; white-space: nowrap;}
	    .hd_z{ width:1200px; } 
	  .h-ban .hd span { height:70vh; width:300px}
      .ab_culture_i ul li { width: 50%; margin-bottom:30px; flex: auto;}
	  .ab_culture_i ul { display: flex;flex-direction: row;flex-wrap: wrap;}
      .ab_culture_i ul li dl dd:first-child+dd {font-size: 20px;}
      .ab_culture p {   font-size: 14px;}
	  .demo2 .f_sort { font-size:16px;}
	  .videolist { padding-top: 30px;}
	   .mainpage1 ul li a .mainpage_info dl dd:first-child {   font-size:30px;}
	   .mainpage2 ul li a .mainpage_info dl dd:first-child {   font-size:30px;}
	   .mainpage3 ul li a .mainpage_info dl dd:first-child {   font-size:30px;}
	   .mainpage4 ul li a .mainpage_info dl dd:first-child {   font-size:30px;}
	   .mainpage1 ul li a .mainpage_info dl dd:first-child+dd { font-size:14px; padding:0 10px;}
	   .mainpage2 ul li a .mainpage_info dl dd:first-child+dd { font-size:14px;}
	   .mainpage3 {  height: 62.5vh;}
	   .n_sort_l  { display:none;}
	   .n_sort_r { width:100%; text-align:center;}
	   .product1_l { width:100%; float:none; clear:both}
	   .product1_r { width:100%; float:none; clear:both}
	   .product1_lt { font-size:30px;}
	   .product1_ld { font-size: 16px; margin-top:20px;}
	   .product1_lf{ font-size: 14px; margin-top:20px;}
	   .product1_le { margin-top:50px;}
	   	   #IndexBlock9 .Productlist li .PBoxs_nr {  height:auto;} 
	  #IndexBlock9 .Productlist li .PBoxs_nl { width:100%; float:none; clear:both;}
	  #IndexBlock9 .Productlist li .PBoxs_nr { width:100%; float:none; clear:both;}
	  #IndexBlock9 .Productlist li a .PBoxs_nr dl { width:100%; padding:20px 20px 40px;}
	  #IndexBlock9 .Productlist li a .PBoxs_nr dl dd:first-child  { font-size:25px; margin-bottom:10px;}
	  .menu_body .menu_body_a ul li {  width: 33.33%;  margin-bottom: 20px;}
	  .menu_body { padding: 20px;}
	  .menu_body .menu_body_b ul li { width:100%;  margin-left: 0;}
    #IndexBlock6 .container{ width: 95%;  max-width: 1300px; margin:0 auto}
	.lysm { font-size:14px;}  
    .inner_message h3 { font-size: 20px;}
}
@media only screen and (max-width: 680px){	
  





}


@media only screen and (max-width: 650px){	
      .about3 .value_info dl dd { width: 50%; margin-top:-1px;}
	  .about3 {  margin-top: 30px;}
	   .mainpage1 ul li { width: 100%;} 
	  .mainpage1 ul li a .mainpage_info dl dd:first-child+dd+dd { margin-bottom: 30px;}
	  .mainpage1 { height:auto; overflow:hidden;}
	  .mainpage2 { margin-bottom:0}
	  .mainpage2 ul li { width: 100%; margin-left:0; margin-bottom:2%; height:auto; padding-bottom:40px;}  
	  .mainpage2 { height:auto; overflow:hidden;}
	  .mainpage3 ul li:first-child { margin-top:0;}
	  .mainpage3 ul li { width: 100%;  margin: 2% 0 0 0;} 
	  .mainpage3 { height:auto; overflow:hidden;}
	  .mainpage4 ul li { width: 100%; margin: 2% 0 0 0;} 
	  .mainpage4 { height:auto; overflow:hidden;}
      .mainpage4 ul li:first-child { margin-top:0;}
       .contact1_info ul li {   min-height: 225px;}
}

@media only screen and (max-width: 600px){	
     #IndexBlock1 .Productlist li a { padding:20px;}
	#IndexBlock1 .Productlist li a dl dd:first-child+dd {  margin-top:20px;}
	#IndexBlock1 .Productlist li a dl dd:first-child+dd+dd{  margin-top:20px;}
	#IndexBlock1 .Productlist li a { width: 99%;}
	.index6_title span {width:60%;}
	.index6_title p {width:40%;}
   .index6_title p a i { font-size:14px;}
   .h-ban {  height:500px;}
   .h-ban .hd{  height:500px;}
   .h-ban .hd span{  height:500px;}
   .h-ban .bd{  height:500px;}
   .bd .ul{  height:500px;}
   .case_info ul li:nth-child(3n+1) { margin: 0 0 20px 0;}  
	.case_info ul li:nth-child(2n+1) { margin: 0 0 20px 0;} 
	.case_info ul li:first-child { margin: 0 0 20px 0;}  
	.case_info ul li { width:100%; margin: 0 0 20px 0;}
   .case_info ul li a .case_img { height:auto}
   .service_sz ul li dl { padding-left: 35%}
   .service_sz ul li dl .icon { left: 20px;}
   .zx_news_i ul li:nth-child(2n+1) {  margin-left: 0;}
   .zx_news_i ul li {  margin-left: 0; width:100%;}
   .job3_content ul li a dl dd:last-child { margin: 20px 20px 0;}
   .job3_content ul li a dl dd:first-child+dd { margin: 20px 20px 0; padding:0}
   .job3_content ul li a dl {  padding-bottom: 20px;}
    .index7_l {  margin-top:30px;}
	.index7_l span { font-size:20px;}
	.index7 .h-ban2 .bd li .bd2_info { left: 10px;}
	.h-ban2 .bd li .bd2_info dl dd:first-child{ font-size:18px;margin: 40px 0 20px;}
	.h-ban2 .bd li .bd2_info dl dd:first-child+dd p:last-child { font-size: 14px;  line-height: 1.2;}
    .about4_title strong {  font-size: 20px;}
	.about4_title strong p{  font-size: 14px;}
	.contact3 ul li:first-child {  margin-left: 0;}
	.contact3 ul li:nth-child(2n+1) {  margin-left: 0;}
	.contact3 ul li {  margin-left:0 !important; width:100%}
	
}




@media only screen and (max-width: 550px){	
    .video_info dl dt p {  font-size:30px;  }
	.job4 ul li a dl {  left: 10%; top: 10%;}
	.job4 ul li a dl dd:first-child+dd { margin-top:10px;}
	.job4 ul li a dl dd:last-child{ margin-top:30px;}
	.i_search1_info ul li:nth-child(2n+1) {  margin-left: 0;}
	.i_search1_info ul li {  margin-left: 0; width:100%; margin-bottom:20PX;}
}

@media only screen and (max-width: 500px){	
      	.h-ban2 .bd li .bd2_img { width:150px; height:150px;  }
	    .h-ban2 .hd span p:first-child { width:40px; height:40px;}
	    .service_sz ul li dl { padding-left: 10%}
       .service_sz ul li dl .icon { position:inherit; height:40px; top:0; left:0;}
	 .service_sz ul li dl .sdd1 { font-size:20px;}
	 .service_sz ul li dl .sdd2{ font-size:14px;}
	 .contact1_info ul li { width:50%;}
	 .contact1_title {  font-size:25px;}
	 .menu_body .menu_body_a ul li {  width:50%; margin-bottom:10px;}

}

@media only screen and (max-width: 450px){	
    .video_info dl dt p {  font-size:25px;  }
	.flexslider .slides > li { min-height:350px;}
	.flexslider .slides > li img {min-height:350px;-o-object-fit: cover; object-fit: cover;}
	.flexslider .slides > li .img {min-height:350px;display: -webkit-box;
    display: -ms-flexbox;  display: flex;}
	.index5_content dl dt { font-size: 25px;} 
	.index6_title span { font-size:25px;}
	#IndexBlock1 .Productlist li a dl dd:first-child+dd{ font-size:18px;}
	.h-ban .hd span {  width:250px;}
	.h-ban2 .hd span { margin-left: 5%; width: 12.333%;}
	.service_sz ul li dl dd:first-child {   font-size: 25px;}
	.service_sz ul li dl { padding-left: 10%}
	
	
	
	
	
	 
}



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

    .h-ban2 .bd li .bd2_img { width:120px; height:120px;  }	
	
	
}

@media only screen and (max-width: 390px){	
     .video_info dl dt p {  font-size:23px;  }
  
}



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

	
}

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

	
	
}