@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:"Arial"}
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: "iconfont2"; /* Project id  */
  src: url('../fonts/iconfont2.ttf') format('truetype');
}

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

 
 

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

}

@font-face {

  font-family:COOPBL;

  src: url("../fonts/COOPBL.TTF")  format(".TTF"),

}


p { background:none !important;}

@font-face {

  font-family:GOTHIC;

  src: url("../fonts/GOTHIC.TTF")  format(".TTF"),

}
@font-face {

  font-family:Cooper Black;

  src: url("../fonts/Cooper Black.TTF")  format(".TTF"),

}
@font-face {

  font-family:Century Gothic;
  src: url("../fonts/Century Gothic.TTF")  format(".TTF"),

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

#goTopBtn {
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT:70px; background:#16307b;  border-radius:100px; color:#fff;WIDTH: 42px; BOTTOM: 150px; HEIGHT: 42px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 30px; _position: absolute; _right: auto; z-index:9;}
#goTopBtn:hover{  background:#28a054 ; } 
#goTopBtn::before {    transform: rotate(270deg);  font-size:20px;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);font-family: "iconfont" !important;
   content: "\e74b"; line-height:42px; color:#ffffff; font-size:20px; width:42px; height:42px; text-align:center; position:absolute; left:0; top:0;  } 
 
#goTopBtn:hover::before {    color:#ffffff;     }    

.h_height { width:100%; height:80px;}



/* ===================导航========================== */
.header { height:100%; width:100%; }
.index_head { width:100%; height:90px;  z-index:99; position:fixed; left:0; top:0; }
.body_product .index_head { position:inherit}
.logo { width:20%;  }
.logo img { height:63px; margin-top:17px; 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; background:#fff;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  }
.headlf {  }
.logo a { display:block; float:left; width:25%; height:90px; position:relative;}
.logo a .icon { margin-top:16px; width:65px;height: 65px;vertical-align: -0.15em; fill: currentColor; overflow: hidden;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 a .icon { margin-top:12px; width:60px;height: 60px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  }
.logo h1 {    float:right; width:74%; margin-left:1%;  margin-top:30px; 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 h1 { margin-top: 13px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.logo h1 p { font-size:18px;}
.logo h1 span { display:block; font-size:16px; margin-top:5px; font-weight:500;}


.select2{height:40px;position:relative;    width:100% ; line-height:40px; z-index:55;   background:#16307b; border-radius:5px;}
.select2 span { display:block; width:30%; height:70px; line-height:70px; font-size:20px; color:#333333; position:absolute; top:0; text-align:left;left:4%;}
.select2 dt{height:42px;display:block; line-height:42px;   cursor:pointer;width:100%; white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:99;font-family: "iconfont"; float:right; color:#fff;   text-indent:1.3em; font-size:16px;}
.select2 dt:hover,.select2 dt.cur{}
.select2 dd{position:absolute;left:0;top:70px;background:#fff;display:none; width:100%; z-index:30;}
.select2 dd ul{width:100%;}
.select2 dd ul li a{line-height:40px;display:block;padding:0; font-size:16px; border-bottom:1px solid #212721; color:#000; text-align:center;}
.select2 dd ul li a:hover{background:#16307b; color:#fff;}
.select2 dt::before {text-indent:0; transform: rotate(270deg); right:8px; top:3px;font-family: "iconfont2"; font-weight:bold;
    text-indent: 0;
    content: "\e660";
    display: block;
    width: 35px;
    line-height: 35px;
    text-align: center;
    height: 35px;
    color: #fff;
    font-size: 12px;
    position: absolute;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;} 	 
.select2 dd ul li a em { font-style:normal;}	
.select2 dd ul li:last-child a {border-bottom:none;} 



.select3{height:25px;position:relative; margin-top:32.5px;    width:90px ; line-height:25px; z-index:55;   background:#16307b; border-radius:5px;}
.select3 span { display:block; width:30%; height:70px; line-height:70px; font-size:20px; color:#333333; position:absolute; top:0; text-align:left;left:4%;}
.select3 dt{height:25px;display:block; line-height:25px;   cursor:pointer;width:100%; white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:99;font-family: "iconfont"; float:right; color:#fff;   text-indent:1.3em; font-size:16px;}
.select3 dt:hover,.select2 dt.cur{}
.select3 dd{position:absolute;left:0;top:57px;background:#fff;display:none; width:100%; z-index:30;}
.select3 dd ul{width:100%;}
.select3 dd ul li a{line-height:40px;display:block;padding:0; font-size:16px; border-bottom:1px solid #cccccc; color:#000; text-align:center;}
.select3 dd ul li a:hover{background:#16307b; color:#fff;}
.select3 dt::before {text-indent:0; transform: rotate(270deg); right:8px; top:2px;font-family: "iconfont2"; font-weight:bold;
    text-indent: 0;
    content: "\e660";
    display: block;
    width: 25px;
    line-height: 25px;
    text-align: center;
    height: 25px;
    color: #fff;
    font-size: 12px;
    position: absolute;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;} 	 
.select3 dd ul li a em { font-style:normal;}	
.select3 dd ul li:last-child a {border-bottom:none;} 


.nav_search ul li .select2 ul li { width:100%; float:none;}
.nav_search ul li .select2 ul li:first-child {border-bottom:1px solid #212721;
    width: 100%;
    margin-right: 0;
    height: 40px;
    position: relative;
    border-left:0;
	border-right:0;
	border-top:0;
    background: #fff;
    overflow: hidden;
    border-radius: 0;}



.nav_z{z-index: 9999; position:relative; }
.nav_z .nav{display: block; width:55%; text-align:center; margin-right:3%;      transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
#inner_head .nav_z .nav { margin-left:13%; }
.fixed .nav_z .nav ul  li .f_a{ line-height:80px;     transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_z .nav .nav_pc{ width:100%;   }
.nav_z ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.nav_z .nav ul li{ display:inline-block; padding:0 2%;box-sizing: border-box; text-align:center;z-index: 999;  position:relative; width:auto !important;  } 
.nav_z .nav ul li:first-child{   padding:0 2% 0 0; } 
.nav_z .nav ul li:last-child{   padding:0 0 0 2%; } 
.nav_z .nav ul li .f_a{ text-transform:uppercase; line-height:90px;position:relative;  display:block;font-size:17px;color:#000;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.nav_z .nav ul li:hover .f_a{color: #16307b; transition:all .3s}
 
.nav_z .nav ul li .s_navbox{ padding:10px;    top:91px;display:none;position: absolute;left: -10px;width: 120%; background:#fff;background:rgba(255,255,255,1);z-index: 9999;box-sizing: border-box; }
.fixed .nav_z .nav ul li .s_navbox{     top:71px; }
.nav_z .nav ul li:first-child+li+li .s_navbox{ width:240px;} 
.nav_z .nav ul li:first-child+li+li+li .s_navbox{ width:200px;}
.nav_z .nav ul li:first-child+li+li+li+li+li .s_navbox{ width:155px;}
.nav_z .nav ul li:last-child .s_navbox {  left:3px;}   
.nav_z .nav ul li .s_navbox .s_a a{color:#000000;font-size:14px; display:block;padding:12px 0; border-TOP:1px solid #e1e1e1; text-align:left; text-indent:1em;} 
.nav_z .nav ul li .s_navbox .s_a a:first-child{  border-TOP:0} 
.nav_z .nav ul li .s_navbox .s_a a:last-child{ border-BOTTOM:0 }
.nav_z .nav ul li .s_navbox .s_a a:hover{color: #fff; background:#16307b;} 
.m_nav{display:none} 
.headrg .m_menuimg{display: none} 
.activ2{background-color: #fff}
.head_search{ display:block; position:absolute; right:5%; top:10px; width:444px; height:30px; line-height:30px; color:#fff; text-align:right; overflow:hidden; z-index:99999999999999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.fixed .top_head{ width: 100%;  height:80px;  position: fixed; 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;}
  
 


/* search */
 .nav_search { width:20%;   position:relative; z-index:1;  }
.nav_search ul li{ float:left;}
.nav_search ul li:first-child { width:25%; position:relative;      }
.nav_search ul li:first-child .text_search { width:80%; padding-left:10px; background:#fff; border:0; height:40px; line-height:40px;}
.nav_search ul li:first-child .search_btn { width:40px; height:40px; position:absolute; right:0; top:0; background:#16307b; display:block;}
.nav_search ul li:first-child .search_btn::after{    color: #fff;
    font-family: "iconfont2" !important;
    content: "\e86e";
    right: 0;
    top: 0;
    font-size: 20px; font-weight:bold;
    width: 40px;
    height: 40px; line-height:40px; text-align:center; display:block;
}
.nav_search ul li .m_img .headrg {}  
.nav_search ul li:first-child a::before { z-index:99;  font-family: "iconfont2"; display:block; position:absolute;   content: "\e86e"; right:0; top:28px; color:#000;   font-size:25px; width:40px; height:40px; text-align:center; line-height:40px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s  }
.fixed .nav_search ul li:first-child a::before {  top:21px;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s  }
.nav_search ul li:first-child:hover a::before{ color:#16307b}
.nav_search ul li:first-child+li { width:55%;}
.nav_search ul li:last-child   { width:20%; line-height:90px; text-align:right; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.fixed .nav_search ul li:last-child  { line-height:80px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_search ul li:last-child a { display:inline-block;  position:relative;}
 
.fixed .nav_search ul li:last-child a::before {  top:20px;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s  }
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:1000000;display:none;top:0;left:0; opacity:0.7 !important}
.reveal-modal{visibility:hidden;top:40% !important;left:20%;width:60%;position:fixed;z-index:10000000; }
.fixed .reveal-modal { position:fixed;      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 {cursor:pointer;} 
.nav_z .nav ul .search a{display:block;width:40px; float:right; height:90px;margin:0 auto;text-align:center;font-size:18px;color:#5e5e5e;text-decoration:none;}
.search_modal_r { position:relative; width:100%; height:70px; border-bottom:1px solid #fff;}
.search_modal_r .text_search { font-size:20px;width:60%; padding:0 10px; float:left; border:0; background:none; color:#fff;height:70px; line-height:70px;  }
.search_modal_r .search_btn { background:none; border:none; text-align:center; line-height:10px; width:60px; margin-right:80px;float:right; position:relative;   height:40px; margin-top:15px;}
.search_modal_r .search_btn:hover {    }
.search_modal_r .close-reveal-modal { width:70px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:45px; position:absolute; right:0; 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:#e62129;  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);}
.close-reveal-modal::before{ width:70px; height:70px; content: "\e97d"; line-height:70px; font-size:20px; color:#fff; display:block; font-family: "iconfont2";}	
.search_modal_r .search_btn::before {  content: "\e86e"; left:12px; top:0; color:#fff; font-size:25px; width:40px; height:40px; text-align:center; line-height:40px;  } 
.search_modal_r .search_btn:hover::before {   color:#e62129;    } 
.search_modal_r .text_search::-webkit-input-placeholder { color: #fff;font-family:"Arial"   }
.search_modal_r .text_search::-moz-placeholder { color: #fff;font-family:"Arial"  }
.search_modal_r .text_search::-moz-placeholder {  color: #fff; font-family:"Arial"  }
.search_modal_r .text_search::-ms-input-placeholder {    color: #fff;  font-family:"Arial" } 
 
  .m_img{display:block;height:90px; width:100%;z-index:9999;  position:relative;}
   .m_img .headlf{height:90px; width:100%;  }
   .m_img .headlf .m_logo{      height:35px;  margin-top: 28px; 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 { margin-top: 18px;  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:#16307b; 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 .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{   margin-top:33px; display:block; float:right;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 .headrg .a_js{   margin-top:30px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
   .m_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:30px;right:4%;top:30px;z-index:100000;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:70%;right:0px;top:0px;background:#ffffff;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{ width:50%; float:right; padding-top:20vh; }
   .m_nav .m_navList_info {  margin-right:20%;}
   .m_nav .m_navList dl{ width:50%; float:right; margin-top:100px; }
   .m_nav .m_navList dl dd { margin-bottom:20px; color:#000; position:relative;padding-left:35px;}
   .m_nav .m_navList dl dd p{ }
   .m_nav .m_navList dl dd:first-child p::before {  font-family: "iconfont" !important; content: "\e68f"; position:absolute; left:0; top:-2px; color:#000; font-size:20px; display:block; height:25px; width:25px; text-align:center;}
   .m_nav .m_navList dl dd:last-child p::before {  font-family: "iconfont2" !important; content: "\e635"; position:absolute;left:0; top:-1px; color:#000;  font-size:20px; display:block; height:25px; width:25px; text-align:center;}
   
   
   
   
   
   .m_nav .m_navList ul li:first-child{border-bottom:0}
   .m_nav .m_navList ul li a{display:block;height:55px;color:rgba(0,0,0,1);line-height:55px; font-size:16px}
   .m_nav .m_navList ul li:hover a{ color:#28a054}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; position:relative;}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 100%; position:absolute; left:0; top:0;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .m_nav .m_navList ul li .m_f_a i::before {  font-family: "iconfont2" !important; content: "\e660"; right:2px; top:11px; color:#ccc; font-size:14px; width:20px; height:20px;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  } 
   .m_nav .m_navList ul li .m_f_a .icon_on::before {   transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  } 
   .icon{   -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{  -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;color:rgba(0,0,0,0.5);padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
 
 .m_nav .m_navList ul li .m_s_nav a:hover{ color:#28a054;}
 
.m_img .headrg a { display:block; width:25px; height:20px; position:relative;}
.m_img .headrg a::after { width:100%; height:1px; background:#000; content:""; display:block; position:absolute; top:9px; left:0}
.m_img .headrg a i::before { width:100%; height:1px; background:#000; content:""; display:block; position:absolute; top:0; left:0;}
.m_img .headrg a i::after { width:100%; height:1px; background:#000; content:""; display:block; position:absolute; bottom:0; left:0;}
.nav_search ul li:first-child+li dl dd{ width:22px; float:left; display:block; margin-left:22px;}
.nav_search ul li:first-child+li dl dd a{ width:100%; display:block; position:relative;}
.nav_search ul li:first-child+li dl dd:first-child a::before { border:1px solid #28a054; position:absolute; left:0; top:35px;
    display: block;
    width: 22px;
    text-align: center;
    line-height: 22px;
    color: #28a054;
    height: 22px;
    font-family: "iconfont" !important;
    content: "\e6e5";
    font-size:16px; border-radius:4px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}



.nav_search ul li:first-child+li dl dd:first-child:hover a::before { border:1px solid #16307b;  color: #16307b; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}

.nav_search ul li:first-child+li dl dd:first-child+dd:hover a::before { border:1px solid #16307b;  color: #16307b; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}
.fixed .nav_search ul li:first-child+li dl dd:first-child a::before { top:29px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}
.fixed .nav_search ul li:first-child+li dl dd:first-child+dd a::before { top:29px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}
.nav_search ul li:first-child+li dl dd:first-child+dd a::before { border:1px solid #28a054; position:absolute; left:0; top:35px;
    display: block;
    width: 22px;
    text-align: center;
    line-height: 22px;
    color: #28a054;
    height: 22px;
    font-family: "iconfont" !important;
    content: "\e646";
    font-size:14px; border-radius:4px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
} 
.nav_search ul li:first-child+li dl dd:first-child+dd+dd a .icon { position:absolute; top:35px; left:0; width:22px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
.fixed .nav_search ul li:first-child+li dl dd:first-child+dd+dd a .icon {   top:29px;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
.fixed .nav_search ul li:first-child+li dl dd:last-child a .icon {   top:29px;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
.nav_search ul li:first-child+li dl dd:last-child a .icon { position:absolute; top:33px; left:0; width:26px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
 .nav_search ul li:first-child+li dl dd:first-child+dd+dd a .icon path {fill:#28a054} 
 .nav_search ul li:first-child+li dl dd:last-child a .icon path {fill:#28a054}  
 
 .nav_search ul li:first-child+li dl dd:first-child+dd+dd:hover a .icon path {fill:#16307b} 
 .nav_search ul li:first-child+li dl dd:last-child:hover a .icon path {fill:#16307b}   
 
 
 
 
/* 下拉侧边菜单 */
.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;} 



.m_search { display:none}
	.m_search ul li:first-child a::before { z-index:9999;  font-family: "iconfont"; display:block; position:absolute;   content: "\e86e"; left:0; top:32px; color:#333333;   font-size:25px; width:30px; height:30px; text-align:center; line-height:30px; border-radius:100px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s  }
		.fixed .m_search ul li:first-child a::before {   color:#000;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s  }
      .m_search { width:165px;  display:block;}
	  .m_search ul li { width:100%;position: relative;     -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}  
	  .m_search a { display:block; width:100%; height:90px; line-height:90px; color:#000; position:relative;}
	   .m_search a::before{ z-index:99;  font-family: "iconfont2"; display:block; position:absolute;   content: "\e635"; left:-42px; top:26px; color:#000;   font-size:25px; width:40px; height:40px; text-align:center; line-height:40px;    -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s  }
 
	    
	  .m_search ul li a { display:block; height:35px; line-height:35px; position:relative}
	   .m_search ul li a { color:#333333;}
	  .m_search .m_demo { width: 60px; float: right; height: 90px;}
	  .m_select { position: relative;float: left; width: 100%;}

/*小于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:30px; height:30px; position:relative;}
.closeicon a::before { content: "\e97d"; left:0; top:0; color:#000; font-size:30px; width:30px; height:30px;   } 

.m_navList ul li:first-child{ text-align:center; padding:15% 0 10%; display:none;}
.m_navList ul li .c_logo{ width:55%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
	 .headrg { display:block;}
	.top_head { height:90px;}
	.headlf {  display: block;}
	
	.head_nav .navbox .nav  { display: none;}
   .msgNum{display: none;}
   .head{display:none}
  
    .a_js{ display:block; width:40px; height:40px; margin:32px 0 0 0; white-space:nowrap;color:transparent;z-index:20;cursor:pointer; }
	.a_js span{display:block;height:3px;background:#16307b;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
	.a_js span:nth-child(1){ width:30px; }
	.a_js span:nth-child(2){ width:45px;}
	.a_js span:nth-child(3){margin-bottom:0;width:30px;}
	.a_js:hover span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
	.a_js:hover span:nth-child(2){opacity:0; width:45px !important;}
	.a_js:hover span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}
.m_img .headlf a { text-align:left;}
.m_img .headlf a .icon {
    margin-top: 10px; width: 70px; height:70px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;}
	
.m_navList ul li:first-child .icon {
    margin-top: 10px; width: 150px; height:150px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;}

}


  

@media only screen and (max-width: 1700px){	
   .nav_z .nav ul .language::before { left: 30px;}  
} 
@media only screen and (max-width: 1400px){	
   .nav_z .nav ul .language::before { left: 20px;}  
} 
  



 
.cate { width:50%;}
.cate  ul li{ float:left; margin-right:4%; display:inline-block;}
.cate ul li:last-child {  margin-right:0;}
.cate ul li a{ color:#333333; font-size:18px; font-weight:bold; display:inline-block;}
.cate ul li:hover a{ color:#16307b;  }
.cate ul .cur a{ color:#16307b;  }
.inner_search  { padding-top:60px;}
.prod_info ul li { float:left; margin-left:2%; margin-bottom:2%; width:23.5%;}
.prod_info ul li:nth-child(4n+1) {   margin-left:0;}
.prod_info ul li a .cate_info_img { width:100%; overflow:hidden; border: 1px solid #e5e5e5;}
.prod_info ul li a .cate_info_img img{ width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod_info ul li:hover a .cate_info_img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod_info ul li a .cate_info_t h3{ color:#666666; font-weight:500;font-size:14px;  margin-top:20px;}
.prod_info ul li a .cate_info_t p { color:#333333;font-size:18px; font-weight:bold; margin-top:5px;}
.prod_info ul li a .cate_info_t span { display:block; color:#666666; font-size:14px; margin-top:20px;}








/* ===================首页样式========================== */




/**Banner图片**/
.slick-slider {
 position: relative;
 display: block;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
 touch-action: pan-y;
box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
 position: relative;
 z-index: 1;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
.slick-slide:focus,.slick-list:focus {
 outline: none
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track, 
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
}
 
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
 float: right;
}
.slick-slide .slick-loading img {
 display: none;
}
.slick-slide .dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
 display: none;
}


.slick-arrow{ font-size:0; z-index:10;position: absolute; background: none; top:50%; transform: translate(0,-50%); width:50px; height:50px; cursor: pointer; padding: 0;transition: all ease 0.3s; color:#333333;}
.slick-prev{background-image: url(../images/arrleft.png);background-position: center center; background-repeat: no-repeat;}
.slick-next{background-image: url(../images/arrright.png);background-position: center center; background-repeat: no-repeat;}
.slick-prev:before, .slick-next:before {display:none;}
.slick-prev:hover{background-image: url(../images/arrleft2.png);background-position: center center; background-repeat: no-repeat;}
.slick-next:hover{background-image: url(../images/arrright2.png);background-position: center center; background-repeat: no-repeat;}
.slick-prev{ left:-60px;}
.slick-next{ right:-60px;}

.slick-dots{position: absolute; z-index: 10; bottom: 0; left: 0; width:100%; text-align:center;}
.slick-dots ul{    counter-reset: sectioncounter;}
.slick-dots li{ position:relative; display:inline-block; margin:0 10px 0;   }
 
.slick-dots li button{display: block; width: 17px; height: 17px;   border: 0; border-radius:50%; cursor: pointer; padding: 0; color:#fff; font-size:18px; background:none ; font-family:"Arial"}
.slick-dots li.slick-active button{ }
 
.HomeBan .slick-dots li button::before {

  position: absolute;

  left:-7px;

  bottom: -30px;

  content: "";

  width: 0;

  height:2px;

  background: #fff ;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  -moz-transition: 0.4s;

  transition: 0.4s;

}

.HomeBan .slick-dots .slick-active button::before {

  width: 100%;

  -webkit-transition: 5s;

  -o-transition: 5s;

  -moz-transition: 5s;

  transition: 5s;

}


@media ( max-width:1366px){
.slick-arrow{ width:40px; height:40px;}
.slick-prev{ left:-50px;}
.slick-next{ right:-50px;}
}
@media ( max-width:1024px){
    .slick-arrow{ width:30px; height:30px;}
    .slick-prev{ left:-8px;}
    .slick-next{ right:-8px;}
    .slick-prev:before, .slick-next:before { width: 30px; height: 30px; }
}
/*第一屏 s*/
@-webkit-keyframes rightan
{
  from{bottom: 8%;opacity: 0;}
  to{bottom: 4%;opacity: 1;}
}
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both; color:#fff;width:45px; height:45px; line-height:45px; position:absolute; bottom:50px; left:50%; margin-left:-17px; z-index:999; text-align:center;}

.homebody{ padding-top:0;}
.homebody .Footer{ background:none; border-top:0px;}

.HomeBan{position: relative; z-index: 1; overflow:hidden; height:100%; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative; }
.HomeBan ul li .imgbox { width:100%; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.HomeBan ul li .imgbox::after { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; content:""; background:rgba(0,0,0,0.4); display:block; }
.HomeBan ul li .item_info { width:100%; height:100vh;-ms-flex-align: center; position:absolute; z-index:33; left:0; top:0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.HomeBan ul li .item_title  { text-align:center;}	
.HomeBan ul li:first-child .item_title h1{ margin:0 auto; width:70%; text-transform:uppercase;}
.HomeBan ul li .item_title h1{font-size: 65px; font-weight:500; line-height: 80px; color:#fff;  font-family:"impact";
opacity: 0;
transform: translateY(130px);
-webkit-transform: translateY(130px);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
}
.HomeBan ul .slick-active .item_title h1{ 
opacity: 1;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
}



.HomeBan li:first-child+li .item_title p{ text-align:left; margin-left:100px;width:55%;font-size:30px; line-height:1.1; color:#fff;  
opacity: 0;
transform: translateY(80px);
-webkit-transform: translateY(80px);
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}



.HomeBan ul li:first-child+li .item_title h1{ width:50%; margin-left:100px; text-align:left;font-size: 65px; font-weight:500; line-height: 70px; color:#fff;  font-family:"impact";
opacity: 0;
transform: translateY(100px);
-webkit-transform: translateY(100px);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
}

.HomeBan ul :first-child+li.slick-active .item_title h1{ 
opacity: 1;
transform: translateY(-80px);
-webkit-transform: translateY(-80px);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
}

.HomeBan li:first-child+li.slick-active .item_title p{ 
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}



.HomeBan li:first-child+li+li .item_title p{ text-align:center; margin:0 auto;width:80%;font-size:30px; line-height:1.1; color:#fff;  
opacity: 0; 
transform: translateY(80px);
-webkit-transform: translateY(80px);
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}



.HomeBan ul li:first-child+li+li .item_title h1{ width:60%; margin:0 auto; text-align:center;font-size: 65px; font-weight:500; line-height: 70px; color:#fff;  font-family:"impact";
opacity: 0;
transform: translateY(130px);
-webkit-transform: translateY(130px);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
}

.HomeBan ul :first-child+li+li.slick-active .item_title h1{ 
opacity: 1;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
}

.HomeBan li:first-child+li+li.slick-active .item_title p{ 
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}








.HomeBan .item .btn{ position: relative;margin-top:50px;display:inline-block;border: 1px solid #fff;
opacity: 0;
transform: translateY(130px);
-webkit-transform: translateY(130px);
-webkit-transition: all 1200ms ease;
transition: all 1200ms ease;
}
.HomeBan .item .btn span{ display: block; line-height: 54px;padding:0 33px;font-size: 18px; position: relative; z-index: 2;}
.HomeBan .item .btn:after{ position: absolute;height:100%; left: 0; top: 0; width: 0; background: #d21115; content: ""; transition: all 0.3s;}
.HomeBan .item .btn i{width: 24px;height:7px; background: url(../images/more6.png);display:inline-block; vertical-align: middle; margin-left: 10px;}
 
.HomeBan .item .btn { border:1px solid #d21115;}
.HomeBan .item .btn:after {width: 100%;} 
.HomeBan .slick-dots{ bottom: 70px;}
.HomeBan .slick-dots li{}
.HomeBan .slick-dots li button{ border-radius:0; border:0px;  width:12px; height:12px; border-radius:50px; line-height:80px; overflow:hidden; background:rgba(255,255,255,0.5);  position:relative;  }
.HomeBan .slick-dots li.slick-active button{ background:#16307b}
 

.HomeBan .slick-arrow{ width:55px; height: 55px; background: rgba(0,0,0,0.3); background-size:contain; background-repeat: no-repeat;border-radius: 50%; border:none;}
.HomeBan .slick-arrow::before{ display:block; height:1px; width:15px; background:#fff; content:""; position:absolute; left:13px; top:27px;}
.HomeBan .slick-prev::before{   left:26px;  }
.HomeBan .slick-arrow::after {width:55px; height: 55px; line-height:55px;    text-align: center; display:block; text-indent:-1em;
    content: "\e660";
    font-family: "iconfont2" !important;
    color: #fff;
    font-size: 20px;}
.HomeBan .slick-next::after { transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}	
.HomeBan .slick-prev{ left:-100px;  }
.HomeBan .slick-next{ right:-100px; }
.HomeBan:hover .slick-prev { left:4%;}
.HomeBan:hover .slick-prev:hover,.HomeBan:hover .slick-next:hover {background-color: #16307b;}
.HomeBan:hover .slick-next { right:4%;} 
.HomeBan .item.active .txt h1,.HomeBan .item.active .txt .p,.HomeBan .item.active .txt .btn,.HomeBan .item.active .txt .logo{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;}
.HomeBan .item.active .scaleBg1,.HomeBan .item.active .scaleBg3,.HomeBan .item.active .scaleBg5{
-webkit-animation:scale-bg 8s ease-in-out 0s 1 alternate forwards;
animation:scale-bg 8s ease-in-out 0s 1 alternate forwards;}
.HomeBan .item .scaleBg2,.HomeBan .item .scaleBg4,.HomeBan .item .scaleBg6{
-webkit-transform:scale(1.4);
transform:scale(1.4);}

.HomeBan .item.active .scaleBg2,.HomeBan .item.active .scaleBg4,.HomeBan .item.active .scaleBg6{
-webkit-animation:scale-bg2 8s ease-in-out 0s 1 alternate forwards;
animation:scale-bg2 8s ease-in-out 0s 1 alternate forwards;}

.HomeBan .sj{display:none;}

@media ( max-width:1440px){
.HomeBan .item .txt h1{margin:15px 0 0;font-size: 50px; line-height: 60px;}
.HomeBan .item .txt .p{font-size: 30px; line-height: 40px;}
}

@media ( max-width:1200px){
.HomeBan .item .txt h1,.HomeBan .item .txt .p,.HomeBan .item .txt .btn,.HomeBan .item .txt .logo{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.HomeBan .item .imgbox{ position:relative;  }
.HomeBan .item .txt{ left:5%; width:80%;}
.HomeBan .item .txt h1{ font-size:30px; margin:15px 0 0; line-height:40px;}
.HomeBan .item .txt .p{font-size:20px; line-height:30px;}
.HomeBan .item .btn span{padding:0 10px;line-height:40px;font-size:14px;}
}
@media ( max-width:1024px){
.HomeBan .item .txt { top:35%;}
.HomeBan .item .txt h1{ font-size:35px; line-height:30px;}
.HomeBan .item .btn{ margin-top:15px;}
.HomeBan .item .btn span{line-height:24px;font-size:12px;}
.HomeBan .slick-dots li button{ width:8px; height:8px;}
.HomeBan .slick-dots { bottom:40px;}
.downarr{ display:none;}
.HomeBan .item .txt .logo{display:none;}
.slick-dots li {  margin: 0 10px 0;}
.HomeBan .slick-dots::after { width: 265px;}
.HomeBan .slick-arrow {  width:35px;  height: 35px;}
.HomeBan .slick-arrow::after { font-size:16px;  width:35px;  height: 35px; line-height:35px; }


}
@media ( max-width:640px){ 
.HomeBan .item .txt h1{ margin-top:4px; font-size:30px;}
.HomeBan .item .txt .p{ margin-top:0; font-size:16px;}
.HomeBan .sj{display:block;}
.HomeBan .pc{display:none;}
}

 
/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:100%; display:block;}

 
 
 
 
#IndexBlock2{ position: relative; padding-top:80px; display:none; } 
#IndexBlock2 .container{ position: relative; z-index: 2; }
#IndexBlock2 .Productlist2{ overflow:hidden; }
#IndexBlock2 .Productlist2 ul li a p{ width:100%; }
#IndexBlock2 .Productlist2 ul li a p:last-child{  font-size:17px; color:#000000;  padding-top:20px; text-align:center; }
#IndexBlock2 .Productlist2 ul li a p img { width:100%; 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;}
#IndexBlock2 .Productlist2 ul li:hover a p img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock2 .Point .swiper-pagination-bullet { display:inline-block !important; }   
#IndexBlock2 .Productlist{ margin:0; }
#IndexBlock2 .Productlist li{ padding:0; }
#IndexBlock2 .PBox{ position: relative;   }
#IndexBlock2 .Productlist2 ul li a p:first-child { position:relative;}
#IndexBlock2 .Productlist2 ul li a p:first-child span {overflow:hidden;  border:1px solid #dedede; display:block; position:relative; z-index:2}
#IndexBlock2 .Productlist2 ul li a p:first-child::after{ display:block; width:100%; height:100%; position:absolute; top:12px; right:-12px; content:""; background:url(../images/icon11.png); z-index:1}

#IndexBlock2 .Point  { text-align:center; margin-top:40px;}
#IndexBlock2 .Point .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
#IndexBlock2 .Point .swiper-pagination-bullet { margin:0 10px !important; width:12px !important; opacity:1 !important;  height:12px !important; border-radius:100px; background:none !important; border:2px solid #fff}
#IndexBlock2 .Point .swiper-pagination-bullet-active {    border:2px solid #d7010b;    }
#IndexBlock2 .Productlist2 ul li a { background:#fff; display:block; width:100%;   overflow:hidden;}
#IndexBlock2 .Productlist2 ul li a dl { background:#fff; padding:0;   }
#IndexBlock2 .Productlist2 ul li a dl dd:first-child { width:100%; overflow:hidden;} 
#IndexBlock2 .Productlist2 ul li a dl dd:first-child  img { width:100%; 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;}
#IndexBlock2 .Productlist2 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); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock2 .Productlist2 ul li a dl dd:first-child+dd { font-size:16px; color:#000000; margin-bottom:20px;     display: -webkit-box;   word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;} 
#IndexBlock2 .Productlist2 ul li a dl dd:first-child+dd+dd { margin:10px 20px 0;font-size:14px; color:#666666; line-height:1.5;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} 
#IndexBlock2 .Productlist2 ul li a dl dd:last-child { margin:20px 20px 0; font-size:14px; color:#000}
#IndexBlock2 .Productlist2 ul li a dl dd:last-child span { display:inline-block; position:relative;}
#IndexBlock2 .Productlist2 ul li a dl dd:last-child span::after { display:block; width:15px; height:15px; color:#000; line-height:15px; font-size:12px; text-align:center; position:absolute; right:-20px; top:3px;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);content: "\e660";font-family: "iconfont2" !important;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
 
#IndexBlock2 .Productlist2 ul li:hover a dl dd:last-child span::after{ right:-30px; color:#fff;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

 
#IndexBlock2 .PNBtn span{ cursor:pointer; border-radius:100px; position:absolute; top:45%; z-index:33333; display:block; height:45px; width:45px;  z-index: 2; border:1px solid #c9c9c9 }
#IndexBlock2 .PNBtn span::after { display:block; width:43px; line-height:43px; height:43px; text-align:center; font-size:16px; font-weight:bold; color:#000;font-family: "iconfont2" !important;}
#IndexBlock2 .PNBtn .next::after  {content:"\e779";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

}
#IndexBlock2 .PNBtn span:hover::after { color:#fff;}
#IndexBlock2 .PNBtn .prev::after  {content:"\e779"}
#IndexBlock2 .PNBtn .next  { right:-24px; content:"\e779"}
#IndexBlock2 .PNBtn .prev  { left:-26px;}
#IndexBlock2 .PNBtn span:hover{ background:#16307b; border:1px solid #16307b } 
#IndexBlock2 .Productlist2 ul li a dl dd:first-child+dd::before { display:block; margin:0 0 15px; width:40px; height:2px; content:""; background:#16307b}
 
 

/* ===================产品中心========================== */
.index1{ width:100%; background:#f6f8fb; overflow:hidden; padding-bottom:40px;}
.top1{ padding-top:75px; padding-bottom:50px;}
.t1 { text-align:center; color:#000000;padding-top:75px;  }
.t1 h3 {  font-size:48px;  margin-bottom:10px;font-family: "DIN"; text-transform:uppercase;   }
.t1 p {  font-size:20px; color:#666666; line-height:1.5 }
.t1 p span { display:block;}
.index1_content { padding-top:50px;}
.index1_content ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.index1_content ul li {  position:relative; overflow:hidden; flex: auto; margin-left:1.5%; margin-bottom:1.5%; width:18.8%; float:left; background:#fff; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index1_content ul li:hover {transform: translateY(-15px);box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15); -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;  }
.index1_content ul li:nth-child(5n+1) {   margin-left:0;}
.index1_content ul li a { display:block;}
.index1_content ul li a dl dd:last-child { width:100%; overflow:hidden; } 
.index1_content ul li a dl dd:last-child img { width:100%; display:block; }
.index1_content ul li a dl dd:first-child{ height:75px; color:#000; font-weight:100; font-size:17px; line-height:1.5; margin:0 40px; font-weight:bold;}
.index1_content ul li a dl dd:first-child::after { width:42px; height:2px; display:block; content:""; background:#16307b; margin:20px 0 0;}
.index1_content ul li a dl dd:first-child span { display:block; width:100%; margin-top:40px; font-weight:100;   display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}








/* ===================为什么选择我们========================== */

.index2 { width:100%; position:relative; overflow:hidden;}
.index2::before { display:block; width:3.5%; height:100%; position:absolute; left:0; top:0; content:""; background:#16307b}
.index2_l { width:50%; background-position:center; background-repeat:no-repeat; background-size:cover; padding-bottom:100px;}
.index2_r { width:50%}
.index2_r img{ width:100%; display:block;}
.index2_linfo { margin:0 auto; width:81%} 
.index2_lt { margin-top:70px;}
.index2_lt h3 { color:#000; font-size:48px;font-family: "DIN"; text-transform:uppercase; }
.index2_lt p { display:block; margin-top:20px;color:#16307b;font-size:24px; font-weight:bold;}
.index2_lt p:last-child { display:block; margin-top:20px;color:#333333;font-size:15px; line-height:1.5; font-weight:100;} 
.index2_ld { margin-top:30px;}
.index2_ld p i { display:inline-block; padding:3px; background:#28a054; border-radius:50px; margin-right:4px;}
.index2_ld p i::before { display:block; width:24px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px;content: "\e650";
    font-family: "iconfont2" !important;}
.index2_ld p { line-height:1.7; margin-bottom:35px; color:#666666; font-size:16px;}
.index2_lm { margin-top:30px;}
.index2_lm a{ position:relative; margin-left:100px; display:block; height:48px; line-height:48px; text-align:center; width:200px; color:#fff; background:#28a054; font-size:15px;}
.index2_lm a span { display:block; width:100%; height:48px; position:absolute; left:0; top:0; z-index:55}
.index2_lm a::after { background:#16307b; content:""; display:block; width:0; height:48px; position:absolute; left:0; top:0; z-index:1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index2_lm a:hover::after { width:100%;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}


/* ===================产品应用========================== */
 
.index3 { width:100%; background:#f6f8fb; overflow:hidden; padding-bottom:100px;}
.index3_content { padding-top:52px;}
.index3_content ul li { float:left; width:23.5%; margin-left:2%; border-radius:5px; overflow:hidden; min-height:600px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;overflow:hidden;}
.index3_content ul li img { display:block; width:100%}
.index3_content ul li a { display:block; width:100%;}
 
.index3_content ul li:first-child {  margin-left:0; }
.index3_content ul li a::after { display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), rgba(22,48,123,0.9)); z-index:1;}
.index3_content ul li a dl { width:100%; height:150px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:3;}
.index3_content ul li a dl dd{ color:#fff; padding:0 30px;}
.index3_content ul li a dl dd:first-child { font-family: "DIN";font-size:25px;   margin-top:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index3_content ul li:hover a dl dd:first-child {  margin-top:-50px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}

.index3_content ul li a dl dd:first-child+dd { margin-top:90px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index3_content ul li:hover a dl dd:first-child+dd { margin-top:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index3_content ul li a dl dd:last-child { margin-top:70px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s; }
.index3_content ul li:hover a dl dd:last-child { margin-top:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s; }
.index3_content ul li a dl dd:last-child::after { display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; border:1px solid #fff;content: "\e8f4";
    font-family: "iconfont2" !important;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.index3_content ul li a dl dd:last-child::after:hover { background:#28a054; border:1px solid #28a054;}








/* ===================关于我们========================== */
.index4 { width: 100%; background-position: center top;  background-repeat: no-repeat; background-size: cover; min-height: 560px; background: fixed; position:relative;}
.index4::after { display:block; width:100%; height:100%; content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; bottom:0; z-index:1}
.index4_content { position:absolute; left:0; top:0; z-index:3; width:100%; min-height: 560px;-ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.index4_z { text-align:center; color:#fff}
.index4_z dl dd h3 { font-size:48px; width:70%; margin:0 auto;font-family: "DIN"; text-transform:uppercase; }
.index4_z dl dd:first-child+dd { padding-top:20px; font-size:18px; line-height:1.5;}
.index4_z dl dd:last-child { width:100%;}
.index4_z dl dd:last-child a { margin:30px auto 0; position:relative;  display:block; height:48px; line-height:48px; text-align:center; width:200px; color:#fff; background:#28a054; font-size:15px;}
.index4_z dl dd:last-child a span { display:block; width:100%; height:48px; position:absolute; left:0; top:0; z-index:55}
.index4_z dl dd:last-child a::after { background:#16307b; content:""; display:block; width:0; height:48px; position:absolute; left:0; top:0; z-index:1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index4_z dl dd:last-child a:hover::after { width:100%;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index5 { width:100%; height:230px; background:#16307b}

.index5 .value_info dl dd{ }
.index5 .value_info dl dd a em{ font-style:normal; display:inline-block; }
.index5 .value_info dl dd a em i {font-style:normal; color:#fff; font-size:20px;  display:inline-block;}
.index5 .value_info dl dd{  text-align:center; width:25%; float:left;}
.index5 .value_info dl dd:last-child{   border-bottom:0}
.index5 .value_info dl dd a span { display:inline-block; color:#fff; font-size:44px; font-weight:bold;  font-family: "DIN"; /* Project id  */ }
.index5 .value_info dl dd a p {   color:#bac4dd; font-size:18px; margin-top:25px;  }
.index5 .value_info dl dd a p i { font-style:normal; display:block;}
.index5 #seventh { margin-top:70px;}


.index6{ width:100%; background:#f6f8fb; overflow:hidden; padding-bottom:100px;}
.index6_content { margin:45px auto 0;  }
.index6_l { width:50%}
.index6_r { width:50%}
.index6_info {  overflow:hidden; background:#fff;}
.index6 .t1 p { width:45%; margin:0 auto;}

/*视频弹窗*/
.about_video img{ width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about_video:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about_video .bgs:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background-image:url(../images/about_pic2.png); background-size:80px 80px;background-repeat:no-repeat; background-position:center center;transition:all 0.4s;}
.about_video:hover .bgs:after{ background-image:url(../images/about_pic2h.png); background-size:80px 80px;background-repeat:no-repeat; background-position:center center;transition:all 0.4s;}
/*.about_video .bgs:before { content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.3); }
.about_video .bgs:hover:before {  background:rgba(0,0,0,0); }鼠标经过*/ 
.about_video .bgs {   height: 100%;  overflow: hidden; transition: all 0.4s; position: absolute;  bottom: 0%;  left: 0;  width: 100%; background: rgba(0,0,0,0.1);  display: flex;   justify-content: center;  align-items: center;}
 .about_video { cursor: pointer;  overflow: hidden;  position: relative;   }
#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);z-index: 1000000000000000000;}
.popupVideo {
  max-width:890px;
  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;
z-index: 10000000000000000000;}
.popupVideo iframe,
.popupVideo video {
  width: 100%;
  max-height: 500px;
   background: #000;
}
.popupVideo .close { z-index:100000000000000000000;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -20px;
  right: -20px;
  background: 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:#28a054;
    background-image:url(../images/c10.png);
}
.index6 .wrap_video .about_video i { font-style:normal; display:block;  width: 100%; height: 85px;  position: absolute;  left: 0; top:46%;   z-index:6;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s} 
.index6 .wrap_video .about_video i::before { text-align:center; width: 85px; height: 85px; line-height: 85px; border-radius:200px; background:#16307b; display:block; margin:0 auto; content: "\e87c";  font-family: "iconfont2"; color: #ffffff; font-size:20px; z-index:6;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s}
.index6 .wrap_video:hover .about_video i::before { background:#28a054; font-size:30px; color:#fff;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s}
.index6 .wrap_video .about_video::after { width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; left:0; top:0; content:""; z-index:1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index6 .wrap_video:hover .about_video::after { width:100%; height:100%; background:rgba(0,0,0,00.5); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 

.index6_r dl{ padding:75px;}
.index6_r dl dd:first-child { font-size:30px; color:#16307b; font-weight:bold;font-family: "DIN";}
.index6_r dl dd:first-child+dd { font-size:16px; line-height:1.5; margin-top:40px; color:#666666;}
.index6_r dl dd:first-child+dd p { margin-bottom:20px;}
.index6_r dl dd:first-child+dd p:last-child { display:none;}
 
.index6_r dl dd:last-child { margin-top:70px;}
.index6_r dl dd:last-child a {   position:relative;  display:block; height:48px; line-height:48px; text-align:center; width:160px; color:#fff; background:#28a054; font-size:15px;}
.index6_r dl dd:last-child a span { display:block; width:100%; height:48px; position:absolute; left:0; top:0; z-index:55}
.index6_r dl dd:last-child a::after { background:#16307b; content:""; display:block; width:0; height:48px; position:absolute; left:0; top:0; z-index:1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.index6_r dl dd:last-child a:hover::after { width:100%;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
 

/*新闻*/
.index7_content { padding-top:70px;}
.index7_content ul li { float:left; width:23.5%; margin-left:2%;  }
.index7_content ul li:first-child  {  margin-left:0}
.index7_content ul li a dl dd:first-child { width:100%; overflow:hidden;}
.index7_content ul li a dl dd:first-child img{ width:100%;    display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index7_content 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);}
.index7_content ul li a dl dd:first-child+dd{ font-size:22px; font-weight:bold; color:#333333; margin:20px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.index7_content ul li a dl dd:first-child+dd+dd{ line-height:1.5; font-size:14px;   color:#9a9a9a; margin:20px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}

.index7_content ul li a{ display:block; width:100%; border:1px solid #ededed; border-radius:5px; overflow:hidden;}
.index7_content ul li a dl dd:last-child {margin:20px 30px 30px; font-size:14px; color:#16307b; font-weight:bold;} 
.index7_content ul li a dl dd:last-child span  { display:inline-block; position:relative; padding-right:20px;}
.index7_content ul li a dl dd:last-child span::after {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    position: absolute;
    right:1px;
    top: -1px;
    z-index: 6;
    content: "\e660";
    color: #16307b;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    font-size: 12px; font-weight:bold;
    font-family: "iconfont2" !important;
 -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}

.index7_content ul li:hover a dl dd:last-child span::after {   right:-4px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}


/*留言*/
.index8 { margin-top:100px; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; padding:100px 0; overflow:hidden;}
.index8_l { width:40%; }
.index8_r { width:40%}
.index8_l h3 { width:70%; color:#fff; font-size:45px; text-transform:uppercase; font-family: "impact"; font-weight:500}
.index8_l h3::after { display:block; width:70px; height:3px; display:block; content:""; margin-top:30px; background:#fff; margin-top:30px;}
.index8_r ul li { float:left; margin-left:2%; margin-bottom:2%; width:49%; height:50px;}
.index8_r ul li:first-child {  margin-left:0;}
.index8_r ul li:first-child+li+li {  margin-left:0;}
.index8_r ul li:first-child+li+li+li+li {  margin-left:0;width:100%;height:80px;}
.index8_r ul li:last-child {  margin-left:0; width:100%;}
.index8_r ul li .text { width:100%; height:50px; line-height:50px; background:#fff; border:0; color:#6c757d; border-radius:5px; padding:0 15px;}
.index8_r ul li .textarea { width:100%; height:80px; line-height:1.5; background:#fff; border:0; color:#6c757d; border-radius:5px; padding:15px;}
.index8_r ul li:last-child .submit { width:150px; height:50px; border:0; border-radius:5px; line-height:50px; text-align:center; color:#fff; cursor:pointer; background:#16307b; bottom:0;}
.index8_r ul li:last-child .submit:hover {  background:#28a054;  }
textarea::-webkit-input-placeholder { color: #6c757d; font-family:"Arial" }
  textarea:-moz-placeholder { color: #6c757d;  font-family:"Arial" }
  textarea::-moz-placeholder {  color: #6c757d;  font-family:"Arial" }
  textarea::-ms-input-placeholder {    color: #6c757d;  font-family:"Arial" } 
.index8_r ul li:last-child dl dd{ float:left; width:100%}
.index8_r ul li:last-child dl dd img { height:35px; display:block; float:left;}
.index8_r ul li:last-child dl dd .w-120 { width:120px; height:40px; padding:0 15px; background:#fff; border:0; line-height:40px; border-radius:5px; float:left; margin-right:10px;}
.index8_r ul li:last-child dl dd:last-child { margin-top:10px;}


/*底部*/
.footer { width:100%; background:#222222; color:#fff;  padding-top:100px; overflow:hidden;}
.footer_lx { width:28%}
.footer_lx dl dd:first-child { font-size:25px; font-weight:100; margin-bottom:20px;}
.footer_lx dl dd:first-child+dd { padding-left:65px; position:relative;}
.footer_lx dl dd:first-child+dd span { display:block; font-size:16px;} 
.footer_lx dl dd:first-child+dd p { font-weight:bold; font-size:30px; font-family: "DIN";} 
.footer_lx dl dd:first-child+dd .icon {  position:absolute; left:0; top:-5px; }
.footer_lx dl dd:last-child p{ margin-bottom:15px; color:rgba(255,255,255,0.5); font-size:15px;}
.footer_lx dl dd:last-child { margin-top:20px;}
.footer_sort { width:50%; margin-left:4%;}
.footer_sort ul li:first-child { float:left; width:74%}
.footer_sort ul li:last-child { float:right; width:22%}
.footer_sort ul li h4 { font-size:25px; font-weight:100; margin-bottom:20px; }
.footer_sort ul li dl dd { margin-bottom:15px;}
.footer_sort ul li dl dd a {  color:rgba(255,255,255,0.5); font-size:15px;}
.footer_sort ul li dl dd:hover a {  color:#fff}
.footer_sort ul li:first-child dl dd{ float:left; width:47.5%; margin-left:5%;}
.footer_sort ul li:first-child dl dd:nth-child(2n+1){   margin-left:0;}
.footer_sort ul li dl  { display: flex;flex-direction: row;flex-wrap: wrap;}
.footer_sort ul li dl dd{ flex: auto;}
.footer_sort ul li dl dd:last-child{ flex: none;}
.footer_sort ul li:last-child dl  { display: block;}
.footer_fx { width:14%;}
.footer_fx ul li {  width:100%}
.footer_fx ul li img { height:65px; display:block;}
.footer_fx ul li:last-child { margin-top:20px;}
.footer_fx ul li:last-child dl dd { width:35px; float:left; margin-right:10px;}
.footer_fx ul li:last-child dl dd a { display:block;width:35px; position:relative; height:35px;border-radius:100px; overflow:hidden; background:rgba(255,255,255,0.1)}
.footer_fx ul li:last-child dl dd:first-child a:hover{ background:#0677ee}
.footer_fx ul li:last-child dl dd:first-child+dd a:hover{ background:#2965b2}
.footer_fx ul li:last-child dl dd:first-child+dd+dd a:hover{ background:#6007f6}
.footer_fx ul li:last-child dl dd:first-child+dd+dd+dd a:hover{ background:#24d042}
.footer_fx ul li:last-child dl dd:first-child a::before{ display:block;width:35px; text-align:center; line-height:40px; color:#818181;  height:35px; font-family: "iconfont" !important;    content: "\e6e5"; font-size:20px;}
.footer_fx ul li:last-child dl dd:first-child:hover a::before{ color:#fff}
.footer_fx ul li:last-child dl dd:first-child+dd a::before{ display:block;width:35px; text-align:center; line-height:35px; color:#818181;  height:35px; font-family: "iconfont" !important;    content: "\e646"; font-size:16px;}
.footer_fx ul li:last-child dl dd:first-child+dd:hover a::before{ color:#fff}
.footer_fx ul li:last-child dl dd:hover .icon path { fill:#ffffff}
.footer_fx ul li:last-child dl dd:first-child+dd+dd a::before{ display:none; }
.footer_fx ul li:last-child dl dd:first-child+dd+dd a .icon { display:block; margin:9px auto 0; }
 .footer_fx ul li:last-child dl dd:last-child a .icon { display:block; margin:6px auto 0;} 
.footer_fx ul li:first-child .icon { width:140px;vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;}
.copyright { padding:25px 0; width:100%; overflow:hidden; border-top:1px solid rgba(255,255,255,0.05);color:rgba(255,255,255,0.5);  font-size:14px; margin-top:50px;}
.copyright_l { width:60%;}
.copyright_r{ width:35%; text-align:right;}
.copyright a { color:rgba(255,255,255,0.5); }
.copyright a:hover { text-decoration:underline;}

#case_quotation { background:#f2f3f5; margin-top:80px;}
.case_tj #case_quotation { background:#fff; margin-top:0;}
#case_quotation .quotation_r a { background:#16307b; color:#fff; border:1px solid #16307b;}
#case_quotation .quotation_r a:hover { background:#28a054; color:#fff; border:1px solid #28a054;}
.case2 { padding-top:100px;}
.case2 ull { display: flex;flex-direction: row;flex-wrap: wrap;}
.case2 ul li { float:left; margin-left:4%; width:30.6%; margin-bottom:4%; background:#f8f8f8; position:relative;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case2 ul li:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case2 ul li::after { width:0; height:2px; background:#16307b; position:absolute; left:0; bottom:0; content:""; z-index:1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case2 ul li:hover::after { width:100%;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case2 ul li:nth-child(3n+1) {  margin-left:0;} 
.case2 ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.case2 ul li a .case2_img { width:100%; position:relative;}
.case2 ul li a .case2_img img{ width:100%; display:block;}
.case2 ul li a .case2_img::after { content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(0,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;}
.case2 ul li:hover a .case2_img::after {  background:rgba(0,0,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;}
.case2 ul li a .case2_content { padding:40px;} 
.case2 ul li a .case2_content dl dd:first-child { color:#000; font-size:30px; min-height:70px;}
.case2 ul li a .case2_content dl dd:first-child+dd { color:#666666; font-size:18px; line-height:1.5; margin-top:15px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
	
.case2 ul li a .case2_content dl dd:last-child { margin-top:40px;} 
.case2 ul li a .case2_content dl dd:last-child span { display:inline-block; color:#000; position:relative;}
.case2 ul li a .case2_content dl dd:last-child span::after { content: "\e660"; font-family: "iconfont2" !important; width:20px; height:20px; line-height:20px; text-align:center;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); border-radius:50px; background:#16307b; color:#fff; font-size:12px; position:absolute; right:-40px; top:0;content: "\e779";transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case2 ul li:hover a .case2_content dl dd:last-child span::after {  right:-50px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}




.case3_info { margin:74px auto 0; width:85% }
.case3_title { text-align:center;}
.case3_title dl dd:last-child { display:inline-block; padding-top:20px;}
.case3_title span { display:inline-block; margin:0 10px; width:138px; height:35px; line-height:35px;   color:#bebebe; position:relative; text-indent:2.6em; border-radius:60px;}
.case3_title span:last-child { width:80px;} 
.case3_title span .icon { position:absolute; left:10px; top:8px;}
.case3_title h1 { margin-top:25px; color:#333333;  font-size:30px; font-weight:500;}
.case3_fx { margin-top:37px; }
.case3_fx dl dd { display:block; margin-right:20px;  height:33px; line-height:33px;float:left}
.case3_fx dl dd a{ overflow:hidden; display:inline-block; height:33px;  text-align:center; width:33px; border-radius:200px; background:#f4f4f4}
.case3_fx dl dd:hover a{ background:#d63d32;transform: translateY(-10px)}
.case3_fx dl dd:hover a .icon path { fill:#ffffff}
.case3_fx dl dd:first-child+dd .icon { margin-top:8px;}
.case3_fx dl dd:first-child+dd+dd .icon { margin-top:8px;}	
.case3_fx dl dd:first-child+dd+dd+dd .icon { margin-top:8px;}	
.case3_fx dl dd:first-child+dd+dd+dd+dd .icon { margin-top:10px;}	
.case3_fx dl dd:first-child .icon {margin-top: 8px;}
.case3_fx dl dd:first-child+dd .icon {margin-top: 6px;}
.case3_fx dl dd:first-child+dd+dd .icon {margin-top: 8px;}
.case3_content { line-height:2;padding-top:50px; border-top:1px solid #f0f0f0; margin-top:20px;}
.case3_content img { max-width:100%;}
.nexth { height:1px; background:#ebebeb;margin:60px auto 0; width:85%}
.case3_next { padding:50px 0;width:85% ; margin:0 auto ; overflow:hidden;  }
.case3_next ul{ width:100%}
.case3_next ul li { float:left; display:block;}
.case3_next ul li:first-child { width:42%}
.case3_next ul li:first-child+li { width:16%; text-align:center;}
.case3_next ul li:last-child { text-align:right; width:42%}
.case3_next ul li:first-child+li span { display:inline-block; position:relative; padding-left:30px;}
.case3_next ul li:first-child+li span i { display:block; width:18px; height:20px; border-top:2px solid #656565; position:absolute; left:0; top:1px;}
.case3_next ul li:first-child+li span i::before{ display:block; width:18px; height:2px; background:#656565; margin-top:5px; content:"";}
.case3_next ul li:first-child+li span i::after{ display:block; width:18px; height:2px; background:#656565; margin-top:5px; content:"";}
.case3_next ul li a{ color:#333333}
.case3_next ul li:hover a{ color:#16307b}
.case3_img { text-align:center; padding-top:50px;}
.case3_img img { max-width:100%;}

.recommend { margin-top:100px; width:100%; background: #f8f8f8;  padding:100px 0;  overflow: hidden;}
.recommend_title { text-align:center;}
.recommend_title h4 { color:#000; font-weight:500; font-size:40px;}
.recommend_title h4::after { display:block; width:40px; height:2px; background:#16307b; margin:20px auto 0; content:"";}


#IndexBlock4{ position: relative; padding-top:80px; } 
#IndexBlock4 .container{ position: relative; z-index: 2; }
#IndexBlock4 .Productlist4{ overflow:hidden; }
#IndexBlock4 .Productlist4 ul li a p{ width:100%; }
#IndexBlock4 .Productlist4 ul li a p:last-child{  font-size:17px; color:#000000;  padding-top:20px; text-align:center; }
#IndexBlock4 .Productlist4 ul li a p img { width:100%; 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;}
#IndexBlock4 .Productlist4 ul li:hover a p img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock4 .Point .swiper-pagination-bullet { display:inline-block !important; }   
#IndexBlock4 .Productlist{ margin:0; }
#IndexBlock4 .Productlist li{ padding:0; }
#IndexBlock4 .PBox{ position: relative;   }
#IndexBlock4 .Productlist4 ul li a p:first-child { position:relative;}
#IndexBlock4 .Productlist4 ul li a p:first-child span {overflow:hidden;  border:1px solid #dedede; display:block; position:relative; z-index:2}
#IndexBlock4 .Productlist4 ul li a p:first-child::after{ display:block; width:100%; height:100%; position:absolute; top:12px; right:-12px; content:""; background:url(../images/icon11.png); z-index:1}

#IndexBlock4 .Point  { text-align:center; margin-top:40px;}
#IndexBlock4 .Point .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
#IndexBlock4 .Point .swiper-pagination-bullet { margin:0 10px !important; width:12px !important; line-height:60px; overflow:hidden; opacity:1 !important;  height:12px !important; border-radius:100px; background:#fff !important;}
#IndexBlock4 .Point .swiper-pagination-bullet-active {   background:#16307b !important;  }
#IndexBlock4 .Productlist4 ul li a {   display:block; width:100%;   overflow:hidden;}
#IndexBlock4 .Productlist4 ul li a dl {   border-radius:15px; }
#IndexBlock4 .Productlist4 ul li a dl dd:first-child { width:100%; overflow:hidden; position:relative;}
#IndexBlock4 .Productlist4 ul li a dl dd:first-child::after {
    content: '';
    display: block;
    width: 250px;
    height: 800px;
    background-color: rgba(255,255,255,.1);
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: translate3d(-200px,-500px,0) rotate(45deg);
    -moz-transform: translate3d(-200px,-500px,0) rotate(45deg);
    transform: translate3d(-200px,-500px,0) rotate(45deg);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;}

#IndexBlock4 .Productlist4 ul li:hover a dl dd:first-child::after{-webkit-transform:translate3d(650px,50px,0) rotate(45deg);-moz-transform:translate3d(650px,50px,0) rotate(45deg);transform:translate3d(650px,50px,0) rotate(45deg);}
 

#IndexBlock4 .Productlist4 ul li a dl dd:first-child  img { border-radius:20px; width:100%; 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;}
 
#IndexBlock4 .Productlist4 ul li a dl dd:first-child+dd { font-size:22px; color:#000000; padding-top:30px; margin:40px 40px 0; border-top: 1px solid rgba(0,0,0,0.1);
display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;


} 
#IndexBlock4 .Productlist4 ul li:hover a dl dd:first-child+dd {  color:#16307b;  } 
#IndexBlock4 .Productlist4 ul li a dl dd:last-child { margin:20px 40px 0; font-size:14px; color:#000; height:40px;}
#IndexBlock4 .Productlist4 ul li a dl dd:last-child span { display:inline-block; position:relative; color:#666666;}
#IndexBlock4 .Productlist4 ul li a dl dd:last-child span::after { display:block; width:18px; height:18px; border-radius:50px; color:#fff; background:#16307b; line-height:18px; font-size:12px; text-align:center; position:absolute; right:-30px; top:1px; content: "\e660";font-family: "iconfont2" !important;transition:all 0.6s; -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);} 
 
#IndexBlock4 .Productlist4 ul li:hover a dl dd:last-child span::after{ right:-30px; color:#fff;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock4 .Productlist4 ul li { background:#fff; padding:30px 0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock4 .Productlist4 ul li:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}










/*新闻列表*/
.inner_banner { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; height:520px; position:relative}
.inner_b{ width:100%; height:520px; position:absolute; left:0; top:0;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.inner_z{ text-align:center;}
.inner_z dl dt { color:#fff; font-size:48px; margin-bottom:10px; text-transform:uppercase; font-family: "DIN";}
.inner_z dl dd ul li { display:inline-block;}
.inner_z dl dd ul li a { display:inline-block; color:#fff; padding:0 10px; position:relative;}
.inner_z dl dd ul li:first-child a { position:relative; padding:0 10px 0 30px;}
.inner_z dl dd ul li:first-child a::before{ display:block; width:25px; height:25px; position:absolute; left:0; top:-2px; z-index:22; font-size:20px; color:#fff;content: "\e814";font-family: "iconfont" !important;}
.inner_z dl dd ul li a:hover { text-decoration:underline;}
.inner_z dl dd ul li a::after { display:block; width:20px; height:20px; text-align: center; position:absolute; right:-13px; top:-2px; line-height:20px; color:#fff; font-size:12px;content: "\e660";transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);    font-family: "iconfont2" !important;}
.inner_z dl dd ul li:last-child a::after{ display:none;}

.inner_bj{ width:100%; overflow:hidden; background:#f2f3f5; padding:100px 0;}
.sort_name { text-align:center; }
.sort_name h3 { font-size:48px; color:#000;}
.newlist { padding-top:80px}
.newlist ul li { float:left; margin-left:5%; margin-bottom:4%; background:#fff; border-radius:5px; width:30%; border-radius:10px; overflow:hidden;}
.newlist ul li:nth-child(3n+1) {   margin-left:0}
.newlist ul li a .newlist_img { width:100%;}
.newlist ul li a .newlist_img img { width:100%; display:block;}
.newlist ul li a .newlist_info { padding:40px 45px 45px;}
.newlist ul li a .newlist_info dl dd:first-child { color:#16307b; font-size:24px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; font-weight:bold;}
.newlist ul li a .newlist_info dl dd:first-child+dd { margin-top:20px; color:#666666; font-size:14px; line-height:1.5;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
.newlist ul li a .newlist_info dl dd:last-child span { margin:40px auto 0; display:block; width:160px; height:44px; line-height:44px; text-align:center; border-radius:200px; background:#16307b; color:#fff; }
.newlist ul li a .newlist_info dl dd:last-child span:hover {  background:#2f3242; color:#fff; }
.newlist ul { display: flex;flex-direction: row;flex-wrap: wrap;}


.quotation { width:100%; height:268px;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.quotation_l { width:50%; margin-left:5%;}
.quotation_r { width:30%; margin-right:5%;}
.quotation_l h4 { font-size:52px;}
.quotation_l p { margin-top:20px;font-size:28px; color:#666666}
.quotation_r a { margin-top:30px; display:block; width:350px; text-align:center; height:55px; line-height:55px;   font-size:18px; font-weight:bold;color:#000; border:1px solid #000; border-radius:100px; float:right;}
.quotation_r a:hover {  color:#fff;  border:1px solid #16307b; background:#16307b}



 




/* ===================联系我们========================= */ 
.t3 { padding-top:70px; text-align:center;}
.t3 h3 { font-size:48px; margin-bottom:35px;}
.t3 p { font-size:18px; color:#666666; line-height:1.7}
.contact1_content { padding-top:100px;}
.contact1_content ul li { width:25%; text-align:center; float:left;} 
.contact1_content ul li dl { padding:0 20px;}
.contact1_content ul li dl dd:first-child { height:80px;}
.contact1_content ul li dl dd:first-child+dd { font-weight:bold; font-size:24px; margin-top:20px;}
.contact1_content ul li dl dd:last-child {   font-size:14px; line-height:1.5; margin-top:20px; color:#666666;}

.contact2 { padding-top:80px;}
#container { width:100%; height:540px;}
.content3 { width:100%; margin-top:80px; padding:0 0 80px 0; background:#f2f3f5; overflow:hidden;}
.content3_content { padding-top:50px;} 
.content3_message ul li { float:left; width:48.5%; margin-bottom:3%; margin-left:3%; height:50px; line-height:50px; position:relative; background:#fff;}
.content3_message ul li span { position:absolute; left:10px; top:2px;}
.content3_message ul li:nth-child(2n+1) {  margin-left:0;}
.content3_message ul li:last-child  { width:100%; margin-left:0; background:none; height:auto; margin-bottom:0}
.content3_message ul li:last-child .submit { width:210px; border:0;  display:block; cursor:pointer; height:50px; line-height:50px; text-align:center; border-radius:5px; color:#fff; background:#16307b; padding:0 20px;}
.content3_message ul li:last-child .submit:hover {   color:#fff; background:#2f3242}
.content3_message ul li:last-child dl dd{ width:100%; overflow:hidden; margin-bottom:3%;}
.content3_message ul li:last-child dl dd .w-120 { background:#fff; border-radius:5px; height:50px; padding:0 20px;line-height:50px;border: 1px solid #ebebeb; float:left; margin-right:20px;}
.content3_message ul li:last-child dl dd img { display:block; height:50px; float:left;}
.content3_message ul li:first-child+li+li+li+li { width:100%; height:180px; margin-left:0;}
.content3_message ul li  .text { width:100%; height:50px; line-height:50px; padding:0 3%; background:#fff; border:0}
.content3_message ul li:first-child+li+li+li+li .textarea  { width:100%; height:180px; border:0; line-height:1.5; padding:1%; font-family:"Arial"; color:#6f7276}
.content3_message ul li:first-child+li+li+li+li .textarea placeholder{ color:#6f7276;}
  textarea::-webkit-input-placeholder { color: #6f7276; }
  textarea:-moz-placeholder { color: #6f7276;  }
  textarea::-moz-placeholder {  color: #6f7276; }
  textarea::-ms-input-placeholder {    color: #6f7276; }
  
  input::-webkit-input-placeholder { color: #6f7276; }
  input:-moz-placeholder { color: #6f7276;  }
  input::-moz-placeholder {  color: #6f7276; }
  input::-ms-input-placeholder {    color: #6f7276; }
  
.inner_message_info ul li:first-child+li+li+li+li .label {width:80%; height:35px;    padding-left:1.5%;}
.inner_message_info ul li:first-child+li+li+li+li .row-controls {width:99.6%;}
.inner_message_info ul li:last-child .btn  { font-size:18px; display:block; width:160px; height:50px; line-height:50px; margin:0 auto; border:1px solid #fff; color:#fff; background:#036db9; text-align:center; border:0; cursor:pointer; border-radius:5px;}
.inner_message_info ul li:last-child .btn:hover{  color:#036db9; background:#fff;  border:1px solid #036db9; }
.inner_message_info ul li:last-child .row-controls { width: 100%; float: none;}
.inner_message_info ul li:last-child { margin:30px 0 }
.inner_message_info ul li:first-child+li+li+li+li .form-row { height:240px;}
.inner_message_info ul li:last-child .form-row {   border:none}

/* ===================关于我们========================= */ 
.b_sort { width:100%; height:70px; background:#f2f3f5}
#b_news { background:#fff;}
.sort_content ul { display: flex; flex-direction: row; flex-wrap: wrap;}
.sort_content ul li { float:left; flex: auto;}
.sort_content ul li a { display:block; width:100%; height:70px; line-height:70px; text-align:center; color:#000000; font-size:18px;}
.sort_content ul .cur a {  color:#fff !important; background:#16307b}
.sort_content ul li:hover a {  color:#16307b; }
.sort_content ul .on a {  color:#fff !important; background:#16307b}

.about1 { padding:100px 0; overflow:hidden;}
.about1_l { width:47%;}
.about1_r { width:47%;}
.about1_lt h3 { color:#16307b; font-size:35px;}
.about1_lt p { color:#333333; margin-top:15px; font-size:35px; font-weight:bold;}
.about1_li { line-height:2; color:#666666; font-size:16px; padding-top:50px;}

/* ===================图片切换样式========================== */
.banner_about{width: 100%;overflow: hidden;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.pc{display: block; }
.banner-img img.mb{display: none; }
.banner_abou .banner-prev, .banner_abou .banner-next{ display:none;position: absolute;z-index: 4;width: 60px;height: 60px;top: 50%;margin-top: -30px;background: rgba(0, 0, 0, .6) url('../images/common/arrLW.svg') no-repeat center/24px auto;cursor: pointer;transition: all .4s ease;}
.banner-prev{left: 0;}
.banner-next{right: 0;transform: rotate(180deg);}
.banner-prev:hover, .banner-next:hover{background-color: #0062b2; }
.banner-dot{position: absolute;z-index: 4;left: 0;width: 100%;bottom: 16px; text-align:center;}
.banner_about .swiper-pagination{text-align: center;bottom: 0; width:100%;}
.banner_about .swiper-pagination-bullet {width: 10px;height: 10px;border-radius:50px;background: #fff;opacity: 1;margin: 0 10px 0 0 !important;}
.banner_about .swiper-pagination-bullet-active {opacity: 1;background: #16307b;}
 

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px;perspective:1200px}
/* Swiper 4.5.3 */



.about2 { width:100%; height:780px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.t2 { padding-top:130px; text-align:center}
.t2 h3 { color:#fff; font-size:47px;  text-transform:uppercase;}
.t2 p { color:#fff; font-size:16px; padding-top:15px;}
.about2_content { padding-top:120px;}
.about2_content ul li { width:25%; float:left; text-align:center;} 
.about2_content ul li dl dd:first-child img{ display:block; height:65px; margin:0 auto; }
.about2_content ul li dl dd:first-child+dd{ font-size:32px; font-weight:bold; color:#fff; margin:50px 0 25px;}
.about2_content ul li dl dd:last-child{ font-size:16px; line-height:1.5; color:#fff; margin:0 30px 0;}
.about3_t h3 { color:#000000 !important; }
.about3_t p { color:#666666 !important; }



#IndexBlock1{ position: relative; padding-top:80px;  } 
#IndexBlock1 .container{ position: relative; z-index: 2; }
#IndexBlock1 .Productlist1{ overflow:hidden; }
#IndexBlock1 .Productlist1 ul li a p{ width:100%; }
#IndexBlock1 .Productlist1 ul li a p:last-child{  font-size:17px; color:#000000;  padding-top:20px; text-align:center; }
#IndexBlock1 .Productlist1 ul li a p img { width:100%; 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;}
#IndexBlock1 .Productlist1 ul li:hover a p img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock1 .Point .swiper-pagination-bullet { display:inline-block !important; }   
#IndexBlock1 .Productlist{ margin:0; }
#IndexBlock1 .Productlist li{ padding:0; }
#IndexBlock1 .Productlist  .swiper-slide-active {     transform: scaleY(1);}
#IndexBlock1 .Productlist .swiper-slide{     transform: scaleY(1);}
#IndexBlock1 .PBox{ position: relative;   }
#IndexBlock1 .Productlist1 ul li a p:first-child { position:relative;}
#IndexBlock1 .Productlist1 ul li a p:first-child span {overflow:hidden;  border:1px solid #dedede; display:block; position:relative; z-index:2}
#IndexBlock1 .Productlist1 ul li a p:first-child::after{ display:block; width:100%; height:100%; position:absolute; top:12px; right:-12px; content:""; background:url(../images/icon11.png); z-index:1}

#IndexBlock1 .Point  { text-align:center; margin-top:60px;}
#IndexBlock1 .Point .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
#IndexBlock1 .Point .swiper-pagination-bullet { margin:0 10px !important; width:12px !important; opacity:1 !important;  height:12px !important; border-radius:100px;     background:#cccccc }
#IndexBlock1 .Point .swiper-pagination-bullet-active { background:#16307b   }
#IndexBlock1 .Productlist1 ul li a { background:#f5f5f5; display:block; width:100%;   overflow:hidden;}
#IndexBlock1 .Productlist1 ul li:hover a { background:#16307b; }
#IndexBlock1 .Productlist1 ul li a dl dd:first-child { width:100%; overflow:hidden;} 
#IndexBlock1 .Productlist1 ul li a dl dd:first-child  img { width:100%; 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;}
#IndexBlock1 .Productlist1 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); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock1 .Productlist1 ul li a dl dd:first-child+dd { font-size:16px; color:#000000; padding-bottom:20px; }
#IndexBlock1 .Productlist1 ul li:hover a dl dd:first-child+dd {  color:#fff;  } 
#IndexBlock1 .Productlist1 ul li a dl dd:first-child+dd+dd { margin:10px 20px 0;font-size:14px; color:#666666; line-height:1.5;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} 
#IndexBlock1 .Productlist1 ul li a dl dd:last-child { margin:20px 20px 0; font-size:14px; color:#000}
#IndexBlock1 .Productlist1 ul li a dl dd:last-child span { display:inline-block; position:relative;}
#IndexBlock1 .Productlist1 ul li a dl dd:last-child span::after { display:block; width:15px; height:15px; color:#000; line-height:15px; font-size:12px; text-align:center; position:absolute; right:-20px; top:3px;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);content: "\e660";font-family: "iconfont2" !important;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
 
#IndexBlock1 .Productlist1 ul li:hover a dl dd:last-child span::after{ right:-30px; color:#fff;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

 
#IndexBlock1 .PNBtn span{ cursor:pointer; border-radius:100px; position:absolute; top:45%; z-index:33333; display:block; height:45px; width:45px;  z-index: 2; border:1px solid #c9c9c9 }
#IndexBlock1 .PNBtn span::after { display:block; width:43px; line-height:43px; height:43px; text-align:center; font-size:16px; font-weight:bold; color:#000;font-family: "iconfont2" !important;}
#IndexBlock1 .PNBtn .next::after  {content:"\e779";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

}
#IndexBlock1 .PNBtn span:hover::after { color:#fff;}
#IndexBlock1 .PNBtn .prev::after  {content:"\e779"}
#IndexBlock1 .PNBtn .next  { right:-24px; content:"\e779"}
#IndexBlock1 .PNBtn .prev  { left:-26px;}
#IndexBlock1 .PNBtn span:hover{ background:#16307b; border:1px solid #16307b } 
#IndexBlock1 .Productlist2 ul li a dl dd:first-child+dd::before { display:block; margin:0 0 15px; width:40px; height:2px; content:""; background:#e2262f}
 
 
.about4 { width:100%; background:#f2f3f5; margin-top:88px; overflow:hidden;} 
.about4 .wp { max-width:650px; padding:0 0 0; text-align:center; margin:0 auto} 
.about4 .swiper-slide-prev { transform: translateX(0); }
.about4 .swiper-slide-next { transform: translateX(0); }
.about4 .index-row4 .swiper-slide dl dd:first-child { font-size:32px; color:#7f7f7f; padding-top:170px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about4 .index-row4 .swiper-slide-active dl dd:first-child {   padding-top:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about4 .index-row4 .swiper-slide-active {transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about4 .index-row4 .swiper-slide-active dl dd:first-child { margin-top:30px; font-size:200px; color:#16307b; font-weight:bold;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about4 .index-row4 .swiper-slide dl dd:last-child { padding:0 40px; font-size:16px; line-height:2; color:#666666; margin-top:30px; 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;}
.about4 .index-row4 .swiper-slide-active dl dd:last-child {  margin-top:0;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;}
.about4 .index-row4 {padding:50px 0 100px; position:relative;}
.about4 .oclean-swiper .swiper-dots { opacity:0}
.about4 .oclean-swiper .swiper-arrow { width:60px; height:60px; text-align:center; line-height:60px;} 
.about4 .oclean-swiper .swiper-arrow span{ width:60px;height:60px; text-align:center; line-height:60px; display:block; border:1px solid #16307b; border-radius:200px;} 
.about4 .oclean-swiper .swiper-arrow.swiper-prev {left: -42%; margin-left:0;}
.about4 .oclean-swiper .swiper-arrow.swiper-next {right: -37%; margin-left:0;} 
.about4 .oclean-swiper .swiper-arrow span::before{ display:block;  width:60px; height:60px; text-align:center; font-size:20px; color:#16307b; line-height:60px;    content: "\e8f4";    font-family: "iconfont2" !important;}
.about4 .oclean-swiper .swiper-arrow:hover span::before{  color:#ffffff; }
.about4 .oclean-swiper .swiper-arrow:hover span{   border:1px solid #16307b; background:#16307b;}
.about4 .oclean-swiper .swiper-arrow.swiper-next span::before { transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
} 
.about4 .index-row4::before { content:""; display:block; height:1px; width:12%; background:#cacaca; position:absolute;  top:48%; left:0; }
.about4 .index-row4::after { content:""; display:block; height:1px; width:12%; background:#cacaca; position:absolute;  top:48%; right:0; }
.about4 .swiper-slide { min-height:315px;}
.about4 .index-row4 i { height:2px; display:block; width:100%; position:absolute; left:0; top:48%;}
.about4 .index-row4 i em { display:block; position:relative; height:2px;} 
.about4 .index-row4 i em::after {content:""; display:block; height:1px; width:165px; background:#cacaca; position:absolute;  top:0; right:295px; }
.about4 .index-row4 i em::before {content:""; display:block; height:1px; width:165px; background:#cacaca; position:absolute;  top:0; left:295px; }
.about4 .oclean-swiper { position:relative;}
.about4 .oclean-swiper .swiper-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 3;
}


.about5 { width:100%;    background: #f2f3f5; padding-bottom:130px; margin-top:100px;}
.about5 .t2 p { width:60%; margin:0 auto;}


/* ===================页码========================= */ 
.page {margin:30px auto 0;clear: both;overflow:hidden; text-align:center; width:100%; color:#333333;}
.page ul li { display:inline-block; margin:0 4px;}
.page ul .active span {background: #16307b; color: #fff;border:1px solid #16307b;}
.page ul li span{display:inline-block;  border:1px solid #fff; background:#fff; height:40px; line-height:40px; text-align:center; width:40px; color:#333333; position:relative; border-radius:100px;}
.page ul li a{display:inline-block;  border:1px solid #fff; background:#fff; height:40px; line-height:40px; text-align:center; width:40px; color:#333333; position:relative; border-radius:100px;}
.page ul li:hover a { color:#c40000}
/*.page span.page_list {overflow:hidden; text-align:center; }
.page span.page_list span {display:inline-block;  border:1px solid #fff; background:#fff; height:40px; line-height:40px; text-align:center; width:40px; color:#353535; position:relative; border-radius:100px;}


.page span.page_rows { background:#fff;border:1px solid #dddddd;   color:#000}
.page span.page_list a.selected {background: #c40000;border:1px solid #c40000;color: #fff;}
.page span.page_list a:hover {background: #c40000; color: #fff;border:1px solid #c40000;}
.page span.page_list a .icon { display:inline-block; position:absolute; left:3px; top:5px;}
.page a { position:relative; margin:0 5px;}
.page span.page_list{ margin:0 auto}
.page .prev { position:relative;}
.page .prev::before {font-family: "iconfont" !important; position:absolute; font-weight:bold;
    font-weight: 100;
    content: "\e660";
    left: -2px;
    top: 0;
    color: #353535;
    font-size: 16px;
    width: 40px;
    height: 40px; 
    line-height: 40px;
    text-align: center;
    display: block;
}
.page .prev:hover::before { color:#fff;}
.page .next:hover::before { color:#fff;}
.page .next::before {font-family: "iconfont" !important; position:absolute; font-weight:bold;
    font-weight: 100;
    content: "\e660";
    left: -2px;
    top: 0;
    color: #353535;
    font-size: 16px;
    width: 40px;
    height: 40px; 
    line-height: 40px;
    text-align: center;
    display: block;
}

.page .next {    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
 .page span.page_list a:hover .icon path{ fill:#ffffff}
 
 */


/*企业风采*/

.about5_info { padding-top:80px;}
.about5list ul li img { display:block; border: 1px solid #e5e7eb; width: 100%;}
.about5list ul li h3 { font-style:normal; font-weight:500; padding:20px 0; text-align:center;}
.zoom { position: relative; display:block; overflow:hidden; width: 100%;   }
.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;}
 .about5list ul { display: flex;flex-direction: row;flex-wrap: wrap;}	   
.about5list ul li { position:relative; width:23.5%; float:left; margin-left:2%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,.5);  }
.about5list ul li:nth-child(4n+1) { margin-left:0 }
.about5list ul li .pic_img { position:relative; }  
.about5list ul li .pic_img img { width:100%; display:block;}
.about5list ul li .pic_title { text-align:center; padding:20px; color:#3333333}
.about5list ul li:hover .text a { background:#0194E8; color:#fff }
.about5list ul li:hover .text a.more { background:#0194E8; color:#fff }
.about5list ul li .text::after { display: block;content: ""; width:0; padding:0px; height:3px; background:#16307b; position:absolute; bottom:0; left:0; }
.about5list 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;
}
 
.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;
}



#hpa .pro-list ul li { position:relative; width:23.5%; float:left; margin-left:2%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,.5);  }
#hpa .pro-list ul li img { display:block; width:100%;}
#hpa .pro-list ul li:nth-child(4n+1) { margin-left:0 }
#hpa .pro-list ul li:hover img {  border: 1px solid #16307b;} 
#hpa .pro-list ul li:hover  .text h3 {color:#16307b;} 
#hpa .pro-list ul li { width:18.4%;  margin-left:2%; margin-bottom:2%;}
#hpa .pro-list ul li:nth-child(4n+1) { margin-left:2% }
#hpa .pro-list ul li:nth-child(5n+1) { margin-left:0 }
#hpa .pro-list ul li:first-child{ margin-left:0 }
#hpa .pro-list ul li .text::after { display:none;}
#hpa .pro-list ul li:hover .text::after { display:none;}
#hpa .pro-list ul li .text{ padding:20px 0 0}
#hpa .pro-list ul li h3 { font-weight:500; text-align:center; }
#hpa .pro-list ul { display: flex;flex-direction: row;flex-wrap: wrap;}






/*企业风采*/

#about_quotation {  }
#about_quotation .quotation_r a { color: #fff;  border: 1px solid #16307b; background:#16307b}
#about_quotation .quotation_r a:hover { color: #fff;  border: 1px solid #28a054; background:#28a054}





/*研发团队*/
.team1 ul li{ padding:100px 0; overflow:hidden;}
.team1 ul li:nth-child(2n) { background:#f2f3f5}
.team1 ul li .team1_l { width:47%; float:left}
.team1 ul li .team1_l img { width:100%; display:block;}
.team1 ul li .team1_r { width:47%; float:right}
.team1 ul li:nth-child(2n)  .team1_l { float:right}
.team1 ul li:nth-child(2n) .team1_r { float:left}
.team1 ul li .team1_r dl dd:first-child { font-size:42px; font-weight:bold; color:#16307b; margin-top:30px;}
.team1 ul li .team1_r dl dd:first-child+dd { font-size:35px; font-weight:bold; color:#333333; margin-top:10px;}
.team1 ul li .team1_r dl dd:first-child+dd+dd { font-size:16px;   color:#666666; margin-top:20px; line-height:1.5}
.team1 ul li:last-child .team1_r dl dd:first-child{ height:0;}
.team1 ul li .team1_r dl dd:first-child+dd+dd p { margin-bottom:40px;}




#IndexBlock3{ position: relative; padding-top:80px;  } 
#IndexBlock3 .container{ position: relative; z-index: 2; }
#IndexBlock3 .Productlist3{ overflow:hidden; }
#IndexBlock3 .Productlist3 ul li a p{ width:100%; }
#IndexBlock3 .Productlist3 ul li a p:last-child{  font-size:17px; color:#000000;  padding-top:20px; text-align:center; }
#IndexBlock3 .Productlist3 ul li a p img { width:100%; 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;}
#IndexBlock3 .Productlist3 ul li:hover a p img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock3 .Point .swiper-pagination-bullet { display:inline-block !important; }   
#IndexBlock3 .Productlist{ margin:0; }
#IndexBlock3 .Productlist li{ padding:0; }
#IndexBlock3 .Productlist  .swiper-slide-active {     transform: scaleY(1);}
#IndexBlock3 .Productlist .swiper-slide{     transform: scaleY(1);}
#IndexBlock3 .PBox{ position: relative;   }
#IndexBlock3 .Productlist3 ul li a p:first-child { position:relative;}
#IndexBlock3 .Productlist3 ul li a p:first-child span {overflow:hidden;  border:1px solid #dedede; display:block; position:relative; z-index:2}
#IndexBlock3 .Productlist3 ul li a p:first-child::after{ display:block; width:100%; height:100%; position:absolute; top:12px; right:-12px; content:""; background:url(../images/icon11.png); z-index:1}

#IndexBlock3 .Point  { text-align:center; margin-top:60px;}
#IndexBlock3 .Point .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
#IndexBlock3 .Point .swiper-pagination-bullet { margin:0 10px !important; width:12px !important; opacity:1 !important; line-height:50px; overflow:hidden;  height:12px !important; border-radius:100px;     background:#cccccc }
#IndexBlock3 .Point .swiper-pagination-bullet-active { background:#16307b   }
#IndexBlock3 .Productlist3 ul li a { background:#f5f5f5; display:block; width:100%;   overflow:hidden;}
#IndexBlock3 .Productlist3 ul li a dl dd:first-child { width:100%; overflow:hidden;} 
#IndexBlock3 .Productlist3 ul li a dl dd:first-child  img { width:100%; 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;}
#IndexBlock3 .Productlist3 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); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBlock3 .Productlist3 ul li a dl dd:first-child+dd { text-align:center;font-size:16px; color:#000000; padding-bottom:20px; } 
#IndexBlock3 .Productlist3 ul li a dl dd:first-child+dd+dd { margin:10px 20px 0;font-size:14px; color:#666666; line-height:1.5;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} 
#IndexBlock3 .Productlist3 ul li a dl dd:last-child { margin:20px 20px 0; font-size:14px; color:#000}
#IndexBlock3 .Productlist3 ul li a dl dd:last-child span { display:inline-block; position:relative;}
#IndexBlock3 .Productlist3 ul li a dl dd:last-child span::after { display:block; width:15px; height:15px; color:#000; line-height:15px; font-size:12px; text-align:center; position:absolute; right:-20px; top:3px;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);content: "\e660";font-family: "iconfont2" !important;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
 
#IndexBlock3 .Productlist3 ul li:hover a dl dd:last-child span::after{ right:-30px; color:#fff;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

 
#IndexBlock3 .PNBtn span{ cursor:pointer; border-radius:100px; position:absolute; top:45%; z-index:33333; display:block; height:45px; width:45px;  z-index: 2; border:1px solid #c9c9c9 }
#IndexBlock3 .PNBtn span::after { display:block; width:43px; line-height:43px; height:43px; text-align:center; font-size:16px; font-weight:bold; color:#000;font-family: "iconfont2" !important;}
#IndexBlock3 .PNBtn .next::after  {content:"\e779";
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

}
#IndexBlock3 .PNBtn span:hover::after { color:#fff;}
#IndexBlock3 .PNBtn .prev::after  {content:"\e779"}
#IndexBlock3 .PNBtn .next  { right:-24px; content:"\e779"}
#IndexBlock3 .PNBtn .prev  { left:-26px;}
#IndexBlock3 .PNBtn span:hover{ background:#16307b; border:1px solid #16307b } 
 

.team3 { width:100%; background:#f2f3f5; overflow:hidden; margin-top:80px; padding-bottom:80px;}
.team3_content { padding-top:70px;}
.team3_content ul { display: flex;flex-direction: row;flex-wrap: wrap;} 
.team3_content ul li { float:left; width:30%; margin-left:5%;     flex: auto;background:#fff;}
.team3_content ul li:first-child  {  margin-left:0}
.team3_content ul li a dl dd:first-child { width:100%; overflow:hidden;}
.team3_content ul li a dl dd:first-child img{ width:100%;    display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.team3_content 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);}
.team3_content ul li a dl dd:first-child+dd{ font-size:22px; font-weight:bold; color:#333333; margin:20px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.team3_content ul li a dl dd:first-child+dd+dd{ line-height:1.5; font-size:14px;   color:#9a9a9a; margin:20px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}

.team3_content ul li a{ display:block; width:100%; border-radius:5px; overflow:hidden;}
.team3_content ul li a dl dd:last-child {margin:20px 30px 30px; font-size:14px; color:#e2262f; font-weight:bold;} 
.team3_content ul li a dl dd:last-child span  { display:inline-block; position:relative; padding-right:20px;}
.team3_content ul li a dl dd:last-child span::after {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    position: absolute;
    right:1px;
    top: -1px;
    z-index: 6;
    content: "\e660";
    color: #e2262f;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    font-size: 12px; font-weight:bold;
    font-family: "iconfont2" !important;
 -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}

.team3_content ul li:hover a dl dd:last-child span::after {   right:-4px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}





/*========搜索页面=======*/
.pro_search .prodlist_info ul li:nth-child(3n+1) {  margin-left:3%;}
.pro_search .prodlist_info ul li:nth-child(4n+1) {  margin-left:0;}
.pro_search .prodlist_info ul li:first-child {  margin-left:0;}
.pro_search .prodlist_info ul li{ width:22.7%}


.prodlist_info ul li a .plist_info dl dd:first-child {font-size: 25px; 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; position:relative; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
.prodlist_info ul li:hover a .plist_info dl dd:first-child {    transform: translateY(-15px); -webkit-transform: translateY(-15px);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;    }
.prodlist_info ul li a .plist_info dl dd:first-child::after{ display:block; width:0; height:2px; background:#d9281f; position:absolute; bottom:-15px; left:0; content:"";transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }
.prodlist_info ul li:hover a .plist_info dl dd:first-child::after{   width:100%;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }

.prodlist_info ul li a .plist_info dl{ padding:30px;} 
.prodlist_info ul li a .plist_info dl dd:first-child+dd { color: #666666; line-height:1.5; padding-top:10px; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  }
 .prodlist_info ul li a .plist_info dl dd:last-child { padding-top:20px;}
.prodlist_info ul li a .plist_info dl dd:last-child span{ color:#999;   display:inline-block; position:relative; }
.prodlist_info ul li a .plist_info dl dd:last-child span::after { font-family: "iconfont" !important;  content: "\e72f"; font-size:25px; height:30px; width:30px; position:absolute; right:-36px; top:-4px; color:#999999;transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.prodlist_info ul li:hover a .plist_info dl dd:last-child span::after {  right:-40px; top:-10px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; color:#d9281f}

.s_key { height:60px; border-bottom:1px solid rgba(0,0,0,0.1); line-height:60px; margin:50px auto 0; color:#333333}
.s_key dl dd{ display:inline-block; padding-right:10px;}
.s_key dl dd strong { color:#000}
.pro_search { padding-top:40px;}
.pro_search .prodlist_info { width:100%}

.prodlist_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.prodlist_info ul li { float:left; margin-left:3%; margin-bottom:3%; width:31.33%; float:left; background:#f8f8f8}
.prodlist_info ul li:nth-child(3n+1) {  margin-left:0;}
.prodlist_info ul li .plist_img { width:100%; overflow:hidden; position:relative; border:1px solid #f8f8f8}
.prodlist_info ul li .plist_img::after {
    content: '';
    display: block;
    width: 250px;
    height: 800px;
    background-color: rgba(255,255,255,.1);
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: translate3d(-200px,-500px,0) rotate(45deg);
    -moz-transform: translate3d(-200px,-500px,0) rotate(45deg);
    transform: translate3d(-200px,-500px,0) rotate(45deg);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;}

.prodlist_info ul li:hover .plist_img::after{-webkit-transform:translate3d(650px,50px,0) rotate(45deg);-moz-transform:translate3d(650px,50px,0) rotate(45deg);transform:translate3d(650px,50px,0) rotate(45deg);}

.prodlist_info ul li .plist_img img { width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prodlist_info ul li:hover .plist_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}




/*========产品列表=======*/

.plist_l{ width:25%}
.plist_r{ width:70%}
.plist { padding:70px 0; background:#f2f3f5; width:100%; overflow:hidden;}
.plist_lt { width:100%; height:100px; background:#16307b; font-size:22px;  text-align:center; color:#fff;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.plist_lt h3 { width:100%; text-align:center; font-weight:500;}	
	
	
.plist_li ul li a{ position:relative; display:block; height:77px; width:100%; border:1px solid #ebebeb; border-top:0; background:#fff; color:#333333; padding:0 40px 0 40px;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.plist_li ul li a:hover{  background:#16307b; color:#fff; }
.plist_li ul .cur a{  background:#16307b; color:#fff; }
.plist_li ul li:first-child.cur a{  border:1px solid #ebebeb; }
.plist_li ul li a::before { display:block; width:7px; height:7px; border-radius:20px; position:absolute; left:18px; top:34px; content:""; background:#16307b}
.plist_li ul li:hover a::before {   background:#fff}
.plist_li ul .cur a::before {   background:#fff}
.plist_li ul li a::after { display:block; width:20px; height:20px;  position:absolute; right:18px; top:29px; content:""; color:#333333; font-size:18px;    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);content: "\e660";
    font-family: "iconfont2" !important;}
.plist_li ul li:hover a::after { color:#fff}
.plist_li ul .cur a::after { color:#fff}
.plist_info ul li {background:#fff; padding-bottom:30px; float:left; width:31.33%; margin-left:3%; margin-bottom:3%; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.plist_info ul li:hover {transform: translateY(-15px);box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15); -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;  }
.plist_info ul li:nth-child(3n+1) {  margin-left:0}
.plist_info ul li a{ display:block; width:100%; }
.plist_info ul li a dl dd:first-child {  overflow:hidden; width:100%; border-bottom:1px solid #f2f3f5}
.plist_info ul li a dl dd img { display:block;width:100%;}
.plist_info ul li a dl dd:first-child+dd { color:#000; font-size:20px; margin:20px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.plist_info ul li:hover a dl dd:first-child+dd { color:#16307b;   }	
.plist_info ul li a dl dd:last-child { color:#666666; font-size:14px; margin:10px 30px 0; line-height:1.5;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.plist_info ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}

.demo4 { width:100%; height:60px; background:#fff; position:relative; display:none; border-bottom:1px solid #f2f3f5;}
.select4{height: 60px;position:relative;float:right; width:100% ; text-align:right;}
.select4 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:9;font-family: "iconfont2";}
.select4 dt:hover,.select4 dt.cur{}
.select4 dd{position:absolute;left:0;top:60px;background:#fff;display:none; width:100%; z-index:99}
.select4 dd ul{padding:8px;width:100%; overflow:auto; text-align:left; border:1px solid #f6f6f6;}
.select4 dd ul li a{height:50px;display:block;padding:0 8px; border-bottom:1px solid #e5e7eb; color:#000; 
  -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}
.select4 dd ul li a:hover{background:#28a054; color:#fff;}
.select4 dt::before { transform: rotate(270deg); right:-8px; top:-8px;
    text-indent: 0;
    content: "\e660";
    display: block;
    width: 35px;
    line-height: 35px;
    text-align: center;
    height: 35px;
    color: #666666;
    font-size: 17px;
    position: absolute;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.select4 .cur::before { transform: rotate(90deg);transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }	
.select4 dd ul li a em { font-style:normal;}	
.f_sort{ width:65%; position:absolute; left:3%; top:0; height:60px; font-size:16px; color:#000;    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}	

	.pcontent {
		width: 70%;
		float: right;
		position: relative;
	}

	.leftSidebar {
		width: 25%;
		float: left; 
		position: relative;
	}

	.rightSidebar {
		width: 25%;
		float: right; 
		position: relative;
	}
	

/*========隐私政策=======*/
.privacy_info { background:#fff;}
.privacy_content { padding:100px;}
.privacy_t { font-size:35px; color:#000; text-align:center; padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid rgba(0,0,0,0.1)}
.privacy_i { line-height:2;  }



/*========产品详情=======*/
.product_bj { padding:0 0 70px 0; background:#f2f3f5; width:100%; overflow:hidden;}
.product1 { width:100%; height:70px; border-bottom:1px solid rgba(0,0,0,0.1);-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.product1_z { text-align:left;}
.product1_z ul li { display:inline-block;}
.product1_z ul li a { display:inline-block; color:#6c757d; padding:0 10px; position:relative;}
.product1_z ul li a:hover { text-decoration:underline;}
.product1_z ul li a::after { display:block; width:20px; height:20px; text-align: center; position:absolute; right:-13px; top:-2px; line-height:20px; color:#6c757d; font-size:12px;content: "\e660";transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);    font-family: "iconfont2" !important;}
.product1_z ul li:last-child a::after{ display:none;}
.product1_z ul li:last-child a { color:#000}
.product_bj .plist_z { padding-top:70px;}

.pd4 { padding:30px;}
.product2 { background:#fff; overflow:hidden; border-radius:10px;  }
.product2_l { width:50%}
.product2_r { width:44%; }
.product2_rt h1 { font-size:26px; color:#000; margin-top:30px;}
.product2_rt { padding-bottom:20px;border-bottom: solid 1px #eee;}
.product2_rd { margin-top:40px; position:relative; padding-left:25px; line-height:1.6; color:#333333; min-height:60PX;}
.product2_rd .icon { position:absolute; left:0; top:5px;}
.product2_rf { margin-top:30px;}
.product2_rf dl dd { width:35px; float:left; margin-right:10px;}
.product2_rf dl dd a { display:block;width:35px; position:relative; height:35px;border-radius:100px; overflow:hidden;}
.product2_rf dl dd:first-child a{ background:#0677ee}
.product2_rf dl dd:first-child+dd a{ background:#2965b2}
.product2_rf dl dd:first-child+dd+dd a{ background:#fd0000}
.product2_rf dl dd:first-child+dd+dd+dd a{ background:#24d042}
.product2_rf dl dd:first-child a::before{ display:block;width:35px; text-align:center; line-height:45px; color:#fff;  height:35px; font-family: "iconfont" !important;    content: "\e6e5"; font-size:20px;}
.product2_rf dl dd:first-child+dd a::before{ display:block;width:35px; text-align:center; line-height:35px; color:#fff;  height:35px; font-family: "iconfont" !important;    content: "\e646"; font-size:18px;}
.product2_rf dl dd:first-child+dd+dd a::before{ display:none; }
.product2_rf dl dd:first-child+dd+dd a .icon { display:block; margin:8px auto 0;} 
 .product2_rf dl dd:last-child a .icon { display:block; margin:4px auto 0;} 
 .product2_rlx{ margin-top:30px;}
.product2_rlx ul li{ float:left; margin-right:20px; width:170px;  }
.product2_rlx ul li a{ font-size:14px;  width:100%; height:43px; line-height:43px; text-align:center; color:#fff; border-radius:5px; display:block;}
.product2_rlx ul li:first-child a { background:#16307b;}
.product2_rlx ul li:first-child a:hover { background:#28a054;}
.product2_rlx ul li:last-child a { background:#28a054;}
.product2_rlx ul li:last-child a:hover { background:#16307b;}

.product2_rlx ul li a span .icon {transform: translateY(3px);}
.product3 { width:100%; margin-top:30px;  background:#fff; overflow:hidden; border-radius:10px; }
 .tab{   width: 100%; margin: 0 auto;}
.tab_list {width: 100%; border-bottom: 1px solid #ebebeb; overflow:hidden; }
.tab_list li { width:20%;     background: #eeeeee; color:#000000; font-size:16px; text-align:center;
            float: left;
            height: 50px;
            line-height: 50px; 
            text-align: center;
            cursor: pointer;
            list-style :none  }
    
 .tab_list .current {   background:#16307b;  color:#fff;  }
 .tab_con{ width: 100%; }
 .tab_info {  display: none; line-height:2; padding-top:40px;  }

.product4 { width:100%; margin-top:30px;  background:#fff; overflow:hidden; border-radius:10px; }
.product4_t { height:50px; border-bottom:1px solid #ebebeb; width:100%}
.product4_t span { display:block; width:20%; height:50px; line-height:50px; color:#fff; background:#16307b;text-align:center;  font-size:16px;}
.product4_i { margin-top:30px; line-height:2;}
.product4 .content3_message { margin-top:30px; }
.product4 .content3_message ul li .text  {    border: 1px solid #ebebeb;}
.product4 .content3_message ul li:first-child+li+li+li+li .textarea {    border: 1px solid #ebebeb;}
.product4 .content3_message ul li:first-child+li+li+li+li .textarea {  padding: 1.5%;}
.product4 .content3_message ul li .text  {padding: 0 4%;}

.product5 { width:100%; margin-top:30px;  background:#fff; overflow:hidden; border-radius:10px; }
.product5 .plist_info{ padding-top:40px;}
.product5 .plist_info ul li { width:22.7%; padding-bottom:0}
.product5 .plist_info ul li:nth-child(3n+1){ margin-left:3%}
.product5 .plist_info ul li:first-child { margin-left:0 !important;}
.product5 .plist_info ul li a {border: 1px solid #ebebeb; padding-bottom:30px; }

.tab_info img { max-width:100%}
.tab_info table {width: 100% !important;
    border-collapse: collapse; 
    overflow: hidden;}
.tab_info table tr{  color:#333333 !important; } 
.tab_info table tbody tr td { text-align:left !important;padding:8px !important;  border: 1px solid #ebebeb !important; }
.tab_info table tr:first-child{ }
.tab_info table tbody tr:first-child td {    border: 1px solid #ebebeb !important;  }
.tab_info table tr td:nth-child(2n+1){ background:#f6f6f6 }



/*产品应用*/
 
.application1 .t2 h3 { color:#000000; margin-bottom:10px;}
.application1 .t2 p { color:#666666; line-height:1.5; padding-top:0;margin:0 auto; width:70%;}
.application2  .team1 ul li .team1_r dl dd:first-child {color: #16307b; } 
.application2  .team1 ul li .team1_r dl dd:first-child+dd {color: #666666; font-size:16px; font-weight:100; line-height:1.5 } 
.application2  .team1 ul li .team1_r dl dd:first-child+dd p { margin-bottom:40px;}
.application2  .team1 ul li .team1_r dl dd:last-child { margin-top:30px;}
.application2  .team1 ul li .team1_r dl dd:last-child a { display:block; width:170px; height:53px; line-height:53px; text-align:center; background:#323232; color:#fff; border-radius:5px;}
.application2  .team1 ul li .team1_r dl dd:last-child a:hover {  background:#16307b; color:#fff;  }
.application2 .team1 ul li:last-child .team1_r dl dd:first-child { height:auto;}


/*服务支持*/
.service_bj { width:100%; overflow:hidden; background:#f2f3f5; padding-bottom:100px;}
.service1 { padding-top:60px;}
.service1 ul li { overflow:hidden; background:#fff;}
 
.service1 ul li .service1_l { width:50%; float:left;}
.service1 ul li .service1_r{ width:50%; float:right;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  height:500px;}
.service1 ul li .service1_l img { width:100%; display:block; }
.service1 ul li .service1_r dl{ padding:50px;}
.service1 ul li .service1_r dl dd:first-child { font-size:42px; color:#333333; font-weight:bold; margin-bottom:20px;}
.service1 ul li .service1_r dl dd:last-child { font-size:18px; color:#666666; line-height:1.5;}
.service1 ul li:nth-child(2n) .service1_l { float:right !important}
.service1 ul li:nth-child(2n) .service1_r{  float:left !important}
 
.service2 { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding-bottom:100px;} 
.service2 .t2 {  padding-top: 90px;}
.service2_info { padding-top:50px;}
.service2_info ul li{ margin:0 5%; width:40%; float:left;}
.service2_info ul li a dl dd:first-child{ width:100%; overflow:hidden; border-radius:5px }
.service2_info ul li a dl dd:first-child img{ width:100%; display:block;}
.service2_info ul li a dl dd:first-child+dd{ font-size:28px; font-weight:bold; margin-top:20px; color:#fff}
.service2_info ul li a dl dd:first-child+dd+dd{ font-size:16px; line-height:1.5; margin-top:20px; color:#fff}
.service2_info ul li a dl dd:last-child{ margin-top:40px; color:#fff}
.service2_info ul li a dl dd:last-child span { display:inline-block;color:#fff; padding-right:100px; font-weight:bold; float:left;}
.service2_info ul li a dl dd:last-child i { display:block; width:66px; height:10px; background:url(../images/icon5.png) no-repeat center center; float:left; margin-top:5px;}

#service1 ul li .service1_l {  float:right !important;}
#service1 ul li .service1_r{  float:left !important;}
#service1 ul li:nth-child(2n) .service1_l { float:left !important}
#service1 ul li:nth-child(2n) .service1_r{  float:right !important}


.t_height { width:100%; height:90px;}
#n_bj { padding:0 0 100px 0}

/*新闻详情*/
.news_bj .product1_z { height:35px;}
.news_bj {  width:100%; overflow:hidden; background:#f2f3f5; padding:160px 0 80px;}
.news_z{ overflow:hidden; }
.news_l { width:75%; background:#f2f3f5; }
.news_r { width:25%;background:#fff; margin-top:33px;}
.news_content{ width:97%; background:#fff; padding:60px;}
.news_title { text-align:center;   padding-bottom:30px; border-bottom:1px solid #dddddd;}
.news_title h1 { font-size:28px;}
.news_title p { font-size:14px; color:#999999; margin-top:20px;}
.news_title p  span { display:inline-block;  position:relative; padding-left:30px;}
.news_title span .icon {
    position: absolute;
    left: 4px;
    top: -1px;
}
.news_info { line-height:2; padding-top:40px; color:#666666}
.news_info img { max-width:100%;} 
.i_next { padding-top:30px; margin-top:50px; border-top:1px solid #dddddd;}
.i_next ul li { margin-bottom:20px;}
.i_next ul li a { color:#333333}
.i_next ul li a span{ color:#999999}
.i_next ul li a:hover span{ color:#16307b}
.news_rinfo { padding:25px;}
.news_rt { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #dddddd; color:#333333; font-size:24px; font-weight:bold;}
.news_ri ul li { margin-bottom:30px; overflow:hidden;}
.news_ri ul li a dl dd:first-child { width:45%; float:left;}
.news_ri ul li a dl dd:first-child img{ width:100%; }
.news_ri ul li a dl dd:last-child { width:50%; float:right; font-size:14px; color:#333333; line-height:1.5;}
.news_ri ul li:hover a dl dd:last-child {   color:#16307b; }



.search_bj { background:#f2f3f5; width:100%; overflow:hidden;}
.inner_search { padding-top:60px; padding-bottom:20px; border-bottom:1px solid #d7d7d7; margin-bottom:40px; overflow:hidden;}
.inner_search ul li { float:left; margin-right:20px;}


.search_product ul li {background:#fff; padding-bottom:30px; float:left; width:22.75%; margin-left:3%; margin-bottom:3%; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.search_product ul li:hover {transform: translateY(-15px);box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15); -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;  }
.search_product ul li:nth-child(3n+1) {  margin-left:0}
.search_product ul li a{ display:block; width:100%; }
.search_product ul li a dl dd:first-child {  overflow:hidden; width:100%; border-bottom:1px solid #f2f3f5}
.search_product ul li a dl dd img { display:block;width:100%;}
.search_product ul li a dl dd:first-child+dd { color:#000; font-size:20px; margin:20px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.search_product ul li:hover a dl dd:first-child+dd { color:#16307b;   }	
.search_product ul li a dl dd:last-child { color:#666666; font-size:14px; margin:10px 30px 0; line-height:1.5;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.search_product ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}







/* ===================产品详情========================== */
.prod1 { padding-top:100px; border-top: 1px solid #ebebeb;margin-top:100px;width:100%;  }
.t6  { text-align:center;}
.t6 span { font-weight:bold; display:inline-block; position:relative; padding:20px 40px; color:#28a054; text-transform:uppercase; font-size:25px;}
.t6 span .i1::before{ display:block; position:absolute; left:0; top:0; height:1px; width:50px; content:""; background:#28a054}
.t6 span .i1::after{ display:block; position:absolute; left:0; top:0; height:30px; width:1px; content:""; background:#28a054}

.t6 span .i2::before{ display:block; position:absolute; right:0; bottom:0; height:1px; width:50px; content:""; background:#28a054}
.t6 span .i2::after{ display:block; position:absolute; right:0; bottom:0; height:30px; width:1px; content:""; background:#28a054}
.prod1_info { padding-top:50PX;}
.prod1_info table { width:100%;}
.prod1_info table  tr td{ border: 1px solid #ebebeb; padding:20px; font-weight:500}
.prod1_info table  tr td:first-child{ background:rgba(242,243,245,0.6);} 
.prod1_info table{ border-collapse:collapse; }
.top6 { margin-top:100px;}
.p_info img { width:100%; display:block; }
.pd2 { padding-top:60px;}
.p_info { line-height:1.3;}
.p_info p { margin-top:20px; text-indent:2em;}

  
/*荣誉资质*/
.honor-wrap {
	width: 100%;
	background-size: cover;
	padding: 55px 0 90px;
	position: relative;
}

 
#certify .swiper-container { overflow:inherit;}

#certify {
	position: relative;
	width:100%;
	margin: 0 auto;
}
#certify .swiper-slide { padding:20px 0;
	width: 400px;
	height: auto;
	background: #fff;
	box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}
 
#certify  .swiper-slide img{
	display:block; height:350px;  
}
#certify  .swiper-slide-prev img{ margin-left:40px;}
#certify  .swiper-slide-active img{  margin:0 auto;}
#certify  .swiper-slide-next img{ margin-right:40px; float:right}


/*#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}*/

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	display: block;
	position: absolute;
	left: 8%;
	top: 50%;
	-webkit-transform:  translateY(-50%);
	-moz-transform:  translateY(-50%);
	-ms-transform:  translateY(-50%);
	-o-transform:  translateY(-50%);
	transform:  translateY(-50%);
	width:45px;
	height: 70px;
	background:#f2f3f5;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#certify .swiper-button-prev::before {width: 45px; text-align:center;
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: block;
  
    content: "\e660";
    font-family: "iconfont2" !important;
    color: #a9a9a9;
    font-size: 20px;} 
#certify .swiper-button-prev:hover::before{ color:#fff}	
	#certify .swiper-button-next::before {width: 45px; text-align:center;
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: block;
   
    content: "\e660";
    font-family: "iconfont2" !important;
    color: #a9a9a9;
    font-size: 20px;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);} 
#certify .swiper-button-next:hover::before{ color:#fff}		
#certify .swiper-button-prev:hover {
	background:#28a054;
}

#certify .swiper-button-next {
	display: block;
	position: absolute;
	right:8%;
	top: 50%;
	-webkit-transform:  translateY(-50%);
	-moz-transform:  translateY(-50%);
	-ms-transform:  translateY(-50%);
	-o-transform:  translateY(-50%);
	transform:  translateY(-50%);
	width: 45px;
	height: 70px;
	background:#f2f3f5;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

#certify .swiper-button-next:hover {
	background: #28a054;
}

@media only screen and (max-width:1199px ) {
	#certify {
		width: 100%;
	}
	#certify .swiper-slide {
		width: 440px;
	}
}
@media only screen and (max-width:991px ) {
	#certify .swiper-button-next,
	#certify .swiper-button-prev {
		display: none;
	}
	.honor-wrap {
		padding: 45px 0;
	}
	.honor-title {
		line-height: 40px;
		font-size: 25px;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width:767px ) {
	#certify .swiper-slide {
		width: 320px;
	}
	.honor-wrap {
		padding: 30px 0;
	}
	.honor-title {
		line-height: 30px;
		font-size: 22px;
		padding-bottom: 10px;
	}
	.honor-title-ms {
		line-height: 24px;
			
		margin: 10px auto 20px;
	}
}

 
 
.prod3 ul li{ float:left; width:49%; margin-left:2%; margin-bottom:2%; position:relative; } 
.prod3 ul li:nth-child(2n+1){   margin-left:0}  
.prod3 ul li img { display:block; width:100%}
.prod3 ul li span { height:80px; text-align:center; color:#fff; position:absolute; left:0; bottom:0; text-align:center; z-index:55; display:block; line-height:80px; font-size:18px; width:100%} 
.prod3 ul li::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(22, 48, 123, 0.9));
    z-index: 1;
}
.prod3 dl dd{ float:left; margin-left:2%; width:32%;}
.prod3 dl dd img { display:block; width:100%}
.prod3 dl dd:first-child{   margin-left:0}  
.prod3 { margin-top:50px !important;} 
.t7 { text-align:center;    color: #28a054;  font-size: 25px;}
.t7::after { display:block; margin:20px auto 0; width:40px; height:2px; background:#28a054; content:"";}
.prod4_info { padding-top:50px;}
.prod4_info ul li { width:33.3%; float:left; margin-bottom:50px;} 
.prod4_info ul li p { width:70%; margin:0 auto; position:relative;} 
.prod4_info ul li span { font-size:40px;    font-family: "impact"; position:absolute; left:40px; top:30px; color:#28a054}
.prod4_info ul li img { width:100%; display:block; border-radius:300px;} 
.prod5_info { padding-top:50px; position:relative;}
.prod5_info img{ width:100%; display:block; } 
 
.prod5_i { position:absolute; left:0; top:250px; text-align:center;color:#fff; width:100%} 
.prod5_i dl dt { text-transform:uppercase; font-weight:500; font-size:40px; }
.prod5_i dl dd { line-height:1.5; padding-top:20px; font-size:20px;}
.prod5_i ul { padding-top:40px;}
.prod5_i ul li { display:inline-block; padding:0 40px; position:relative; color:#fff}
.prod5_i ul li::after{ width:15px; height:15px; border:1px solid #fff; position:absolute; left:0; top:2px; content:""; }
.prod5_i ul li::before {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    content: "\e650";
    font-family: "iconfont2" !important;
	position:absolute; left:0; top:-4px;
}
 
.prod5_img ul li { position:relative;float:left; margin-left:1%; width:32.666%; margin-top:1%;} 
.prod5_img ul li:nth-child(3n+1) { margin-left:0; }
.prod5_img ul li img { display:block; width:100%;}
.prod5_img ul li span { text-align:center; display:block; height:50px; line-height:50px; color:#fff; background:rgba(0,0,0,0.5); position:absolute; left:0; width:100%; bottom:0;} 
 
.prod6_info { padding-top:50px;}
.prod6_l { width:60%;}
.prod6_l ul li { margin-bottom:20px; color:#666666; position:relative; padding-left:40px;} 
.prod6_r { width:25%;} 
.prod6_r img { width:100%;} 
.prod6_img { padding-top:30px;}
.prod6_img img { width:100%;}  
.prod6_l ul li .icon { position:absolute; left:0; top:0;}
.prod6_l ul li:first-child .icon {   top:0;}


.prod2  { margin-top:100PX; padding-top:100px; border-top: 1px solid #ebebeb;}

















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




@media only screen and (max-width: 1800px){	
 
	  .nav_z .nav {  }
	  .index2_ld p {  line-height: 1.5; margin-bottom:20px;}
       .index2_ld p i::before {  transform: scale(0.8); /* 用缩放来解决，越接近0字体越小 */}
       .index2_ld p i { padding:2px;}
	  .index3_content ul li a dl dd:first-child {font-size:28px;} 
	  .index3_content ul li:hover a dl dd:first-child {  margin-top:-60px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
      .index6_r dl { padding:60px;}
	  .about4 .index-row4 i em::before { width: 130px; left: 330px;}
	   .about4 .index-row4 i em::after { width: 130px; right: 330px;}
	   .about4 .oclean-swiper .swiper-arrow.swiper-prev { left: -38%;}
	   .about4 .oclean-swiper .swiper-arrow.swiper-next { right: -33%;} 
	   .about4 .index-row4::before {   width: 8%;}
	   .about4 .index-row4::after {   width: 8%;} 
	  .logo { width: 18%;}
	  .nav_z .nav { width: 60%; margin-right: 0;}
	  .nav_search ul li:first-child+li dl { display: flex;flex-direction: row;flex-wrap: wrap;}
      .nav_search ul li:first-child+li dl dd { width: 25%; margin:0}
	  
	  
	  
	   
}

@media only screen and (max-width: 1750px){	
        .nav_search ul li:first-child a::before { right: 15px;}
	   
	   
}
@media only screen and (max-width: 1700px){	
       
      .nav_z .nav {  }
	  .nav_z .nav ul li { padding: 0 2.2%;}
	 
	  #inner_head .nav_z .nav { margin-left: 10%;}
	  #IndexBlock8 .PNBtn .next { right: 0;}
	  #IndexBlock8 .PNBtn .prev { left: 0;}
	  .select2 dt { text-indent:1em; font-size:15px;}
	  .index2_lt { margin-top: 40px;}
	  .index6_r dl dd:first-child+dd  { height:200px; padding-right:20px;    overflow-y: scroll; overflow-x: hidden;}
	  .index6_r dl dd:first-child+dd::-webkit-scrollbar {
	
	  /*滚动条整体样式*/
	
	  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	
	  height: 5px;
	
	  }
	
	.index6_r dl dd:first-child+dd::-webkit-scrollbar-thumb {
	
	  /*滚动条里面小方块*/
	
	  border-radius: 10px;
	
	  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	
	  background   : #16307b;
	
	  }
	
	.index6_r dl dd:first-child+dd::-webkit-scrollbar-track {
	
	  /*滚动条里面轨道*/
	
	  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	
	  border-radius: 10px;
	
	  background:rgba(211,211,211,0.2);
	
	  }  
	 .about4 .oclean-swiper .swiper-arrow.swiper-prev { left: -29%;}
	 .about4 .oclean-swiper .swiper-arrow.swiper-next { right:-25%;} 
	 .about4 .swiper-slide-prev .about3_info dl dd { text-indent:3em;} 
	 .about4 .swiper-slide-next .about3_info dl dd { text-indent:-3em;}  
	  
	  
	  
	  
}

@media only screen and (max-width: 1650px){	
     .nav_z .nav ul li .f_a { font-size:17px;}
      .index1_content ul li a dl dd:first-child { font-size: 16px;  margin: 0 20px;}
	 .index1_content ul li { min-height: 390px;}
      .index2_lt p:last-child {margin-top: 10px; font-size: 14px; line-height: 1.3;}
	 .index2_ld p { font-size:14px;}
	 .index2_ld p i::before { transform: scale(0.7);}
	 .logo { width: 18%;}
	 .nav_z .nav{ width:57%;}
	 
	 
	 
}
@media only screen and (max-width: 1600px){	
      .select2 dt { text-indent:0.8em; font-size:14px;}
	  .select2 dt::before {  right: -1px;}
	  .index6_r dl { padding: 40px;}
	  .index6_info { width:100% !important;}
	  .about4 .index-row4::before {   width: 6%; }
	 .about4 .index-row4::after {   width: 6%; }
	 .about4 .index-row4 i em::before { left:300px;}
	 .about4 .index-row4 i em::after { right:300px;}
	 .inner_banner { height:400px;}
	 .inner_b{ height:400px;}
	 .quotation_l {width: 55%; margin-left:0;}
	  
	  .nav_z .nav { width: 60%; margin-left:0;}
	 	.logo { width:15%;}  
}

@media only screen and (max-width: 1550px){	
      .index1_content ul li { min-height: 380px;}
	  .quotation_l h4 { font-size:40px;}
	  .quotation_l p { font-size:18px;}
	  .quotation_r{ width:25%; margin-right:0}
	    .about4 .index-row4 .swiper-slide-prev dl dd:first-child { text-indent:3em;}
	  .about4 .index-row4 .swiper-slide-next dl dd:first-child { text-indent:-3em;}
	  
	  
	      
}

@media only screen and (max-width: 1500px){	 
	  
	  .index2_linfo { margin: 0 0; width: 90%; margin-left:5%;}
      .footer_fx { width: 16%;}
	  .about4 .index-row4 i em::before { width:80px; left: 300px;}
      .about4 .index-row4 i em::after { width:80px; right: 300px;}
      .about4 .index-row4 .swiper-slide-active dl dd:first-child { font-size: 160px;}
	  .about4 .swiper-slide {min-height: 290px;}
	  .about4 .index-row4 .swiper-slide dl dd:first-child {  padding-top: 135px;}
	  .about4 .index-row4 .swiper-slide-active dl dd:first-child{  padding-top: 0;}
	  .about4 .index-row4::before {  top: 44%;}
	  .about4 .index-row4::after {  top: 44%;}
	  .about4 .index-row4 i { top: 44%;}
	  .about4 .oclean-swiper .swiper-arrow {  top: 45%;}
	  .about4 .oclean-swiper .swiper-arrow.swiper-prev { left: -22%;}
	  .about4 .oclean-swiper .swiper-arrow.swiper-next { right: 80%;}
	  .about4 .swiper-slide-prev .about4_info dl dd { text-indent: 6em;}
	  .about4 .swiper-slide-next .about4_info dl dd { text-indent: -6em;}
	  .product2_rlx ul li {  margin-right: 3%; width: 48.5%;}
	  .product2_rlx ul li:last-child {  margin-right:0;}
	  
 
	  
}




@media only screen and (max-width: 1470px){	
    .nav_z .nav ul li { padding: 0 2%;} 
     .nav_z .nav ul li {    padding: 0 1.5%;   }
	.case2 ul li a .case2_content {  padding: 20px;}
	.case2 ul li a .case2_content dl dd:first-child { font-size:20px;}
	
	
}



@media only screen and (max-width: 1400px){	 
     .index1_content ul li { min-height: 388px;}
	  .index1_content ul li a dl dd:first-child::before {  margin: 40px 0 20px; height:3px;}
	  .index1_content ul li { min-height: 350px;}
	  .index6_r dl dd:first-child+dd { height:180px;}
	  .index6_r dl dd:last-child { margin-top:50px;}
	  .footer_fx { width: 18%;}
	  .about4 .swiper-slide-prev .about4_info dl dd { text-indent: 8em;}
	.about4 .swiper-slide-next .about4_info dl dd { text-indent: -8em;}
	.about4 .index-row4 i em::before { left: 22%;}
	.about4 .index-row4 i em::after { right: 22%;}
	.about4 .oclean-swiper .swiper-arrow.swiper-prev { left: -19%;}
	.about4 .oclean-swiper .swiper-arrow.swiper-next { right: -15%;}
	.about4 .index-row4 .swiper-slide-prev dl dd:first-child {  text-indent: 7em; } 
    .about4 .index-row4 .swiper-slide-next dl dd:first-child { text-indent: -8em; }
 
	  
	  
}

@media only screen and (max-width: 1350px){	
     .index5 .value_info dl dd a span { font-size:35px;}
	 .index5 .value_info dl dd a em i{ font-size:35px;}
	 .index5 .value_info dl dd a p { font-size:14px;}
	   .nav_z .nav ul li {    padding: 0 1%;   }
	 
}

@media only screen and (max-width: 1300px){	
     .select2 dt {  font-size:12px;}
	 .index6_r dl dd:first-child+dd { height:150px;}
	 .about4 .oclean-swiper .swiper-arrow.swiper-prev {left: -12%;}
	 .about4 .oclean-swiper .swiper-arrow.swiper-next { right: -8%;}
	 .about4 .swiper-slide-prev .about4_info dl dd {text-indent: 11em;}
	 .about4 .swiper-slide-next .about4_info dl dd {text-indent: -11em;}
     .about4 .index-row4 i em::before { width: 7%;}
	 .about4 .index-row4 i em::after { width: 7%;}
	 .inner_banner { height:300px;}
	 .inner_b{ height:300px;}
	 .about4 .index-row4 .swiper-slide-prev dl dd:first-child {  text-indent: 11em; } 
     .about4 .index-row4 .swiper-slide-next dl dd:first-child { text-indent: -11em; } 
	 .HomeBan ul li .item_title h1 { font-size:55px !important;}
	 
	 
	 
}

@media only screen and (max-width: 1250px){	
    .index5 .value_info dl dd a span { font-size:30px;}
	 .index5 .value_info dl dd a em i{ font-size:30px;}
	  .nav_z .nav ul li {    padding: 0 0.8%;   }
}


@media only screen and (max-width: 1200px){	 
     .select2 dt::before { display:none;}
	 .index1_content ul li { min-height: 350px;}
	 .index6_r dl dd:first-child+dd { height:120px;}
	 .index6_r dl dd:last-child a { height:35px;  line-height: 35px; width: 130px;  font-size: 14px;}
	 .index6_r dl dd:last-child a span { height:35px;}
	 .index6_r dl dd:last-child a::after { height:35px;}
	 .footer_sort {  width: 50%;  margin-left:2%;}
	  .footer_fx { width: 20%;}
	 .about4 .oclean-swiper .swiper-arrow.swiper-prev {left: -8%;}
	 .about4 .oclean-swiper .swiper-arrow.swiper-next { right: -8%;}
	 .about4 .swiper-slide-prev .about4_info dl dd {text-indent: 13em;}
	 .about4 .swiper-slide-next .about4_info dl dd {text-indent: -13em;}
	  .about4 .index-row4 .swiper-slide-prev dl dd:first-child {  text-indent: 13em; } 
     .about4 .index-row4 .swiper-slide-next dl dd:first-child { text-indent: -13em; } 
	 
	 .about4 .oclean-swiper .swiper-arrow {width: 40px; height: 40px;  line-height: 40px;}
	 .about4 .oclean-swiper .swiper-arrow span{width: 40px; height: 40px;  line-height: 40px;}
	 .about4 .oclean-swiper .swiper-arrow span::before{width: 40px; height: 40px;  line-height: 40px;    font-size: 12px;}
	 .about4 .oclean-swiper .swiper-arrow { top: 47.5%;}
	 .quotation_r{ width:20%; }
	 .quotation_r a { width:100%;text-indent:0; text-align:center; font-size:14px;}
	 .nav_z .nav ul li .f_a {  font-size: 15px;}
	 
}

@media only screen and (max-width: 1100px){	
    .quotation_l{ width:70%}
	
}
 
@media only screen and (max-width: 1024px){	
.reveal-modal { width:90%; left:5%}
    .t1 h3 { font-size: 30px;}  
	.t1 {   padding-top: 50px;} 
	.t1 p { font-size:16px;}
	.headlf img { height:50px; margin-top:20px;  }
	.headlf a{ display:block; margin-left:3%;} 
	.index_head { height:90px;}
	
	#IndexBlock2 { display:block;}
	.index1_content  { display:none;}
	.index1 { padding-bottom:90px;}
	.index2_l { width:100%; float:none; padding-bottom:40px;}
	.index2_r { width:100%;float:none;}
	.index2_lt h3 { font-size:30px;}
	.index3_content ul li a dl dd:first-child { font-size:25px;}
	.index4_z dl dd h3 { font-size:30px; width:100%}
	.index4 {  min-height:450px;}
	.index4_content {  min-height:450px;}
	 .index5 .value_info dl dd a span { font-size:25px;}
	 .index5 .value_info dl dd a em i{ font-size:25px;}
	 .index8_l { width:50%}
	 .index8_r { width:50%}
	 .footer_lx { width:50%} 
	 .footer_sort { display:none;}
	 .footer_fx { width:35%}
	 
	  .about4 .index-row4 .swiper-slide-active dl dd:first-child { font-size: 130px; padding-top: 20px;}
	  .about4 .oclean-swiper .swiper-arrow.swiper-prev {left: -3%;}
	  .about4 .oclean-swiper .swiper-arrow.swiper-next {  right: -3%;}
	  .about4 .swiper-slide-prev .about4_info dl dd { text-indent: 18em;}
	  .about4 .swiper-slide-next .about4_info dl dd { text-indent: -18em;}
	  .about4 .index-row4 .swiper-slide dl dd:first-child { font-size: 25px; padding-top: 138px;}
	  .about4 .index-row4 .swiper-slide-prev dl dd:first-child {  text-indent: 18em;}
      .about4 .index-row4 .swiper-slide-next dl dd:first-child { text-indent: -18em;}
	  .about4 .index-row4 .swiper-slide-active dl dd:first-child { font-size: 130px; padding-top:24px;}
	  .about4 .wp { max-width: 600px;}
	 .inner_banner { height:250px;}
	 .inner_b{ height:250px;}
	 .inner_z dl dt { font-size:30px;}
	 .inner_z dl dd { font-size:12px;} 
	  .plist_l { display:none;}
	  .plist_r { width:100%; float:none;}
	  .demo4 { display:block;}
	  .plist { padding:0 0 70px 0;}
	  .plist_info { padding-top:50px;}
	  .sort_name h3 { font-size: 30px;}
	  .inner_bj { padding:50px 0;}
	  .newlist{  padding-top: 40px;}
	  .newlist ul li a .newlist_info {  padding: 20px;}
	  .quotation_l { width:100%; text-align:center;}
	  .quotation_r { width:100%; text-align:center;}
	  .quotation_r a {   margin:10px auto 0;  width:160px;   height:35px;  line-height: 35px; float:none;}
	  .quotation { height: 180px;}
	  .quotation_l h4 { font-size:30px;}
	  .quotation_l p { font-size:16px;  margin-top:10px;}
      .b_sort { display:none;}
	  .about1_l { width:100%; float:none; margin-top:30px;}
	  .about1_r { width:100%;float:none;}
	  .about1_lt p {  margin-top: 0;}
	  .about1_li {  padding-top:40px;}
	  .about1 {  padding:50px 0;}
	  .t2 {   padding-top:50px;}
	  .t2 h3 { font-size:30px;}
	  .about2_content { padding-top: 50px;}
	  .about2_content ul li dl dd:first-child img { height: 45px;}
	  .about2_content ul li dl dd:last-child {  margin: 0 15px 0;}
	  .about2_content ul li dl dd:first-child+dd {font-size:18px;}
	  .about2 { height:470px;}
	  .leftSidebar { display:none;}
	  .pcontent { width:100%; float:none;}
	  .plist_info ul li { width:48.5%; margin-left:3%; margin-bottom:3%}
	  .plist_info ul li:nth-child(3n+1) {   margin-left:3%;}
	  .plist_info ul li:nth-child(2n+1) {   margin-left:0;}
	  .plist_info ul li:first-child {   margin-left:0 !important;}
	  .page span.page_list a {  height:30px;   line-height: 30px; width: 30px;}
	  .page .next::before  {  height:30px;   line-height: 30px; width: 30px;}
	  .page .prev::before  {  height:30px;   line-height: 30px; width: 30px;}
	  .product2_l { width:100%; float:none;}
	  .product2_r { width:100%; float:none; margin-top:40px;}
	  .product_bj .plist_z { padding-top:40px;}
	  .product5 .plist_info ul li { width: 48.5%; margin-left:3%; margin-bottom:3%}
	  .application1 .t2 p {     display: contents;}
	  .team1 ul li {  padding: 50px 0;}
	  .team1 ul li .team1_l { float:none; width:100%}
	  .team1 ul li .team1_r { float:none; width:100%}
	  .application2 .team1 ul li .team1_r dl dd:first-child+dd p { margin-bottom:20px;}
	  .team1 ul li .team1_r dl dd:first-child { font-size:25px;}
	  .team1 ul li .team1_r dl dd:first-child+dd { font-size:16px;}
	  .service1 {  padding-top: 30px;}
	  .service1 ul li .service1_l{ float:none; width:100%}
	  .service1 ul li .service1_r{ float:none; width:100%; margin-top:10px; height:auto;  display:block}
	  .service1 ul li .service1_r dl { padding:20px;}
	  .service1 ul li .service1_r dl dd:first-child{ font-size:25px;}
	  .service1 ul li .service1_r dl dd:last-child{ font-size:16px;}
	  .service_bj { padding-bottom: 50px;}
	  .service2 .t2{ padding-top:50px;}
	  .service2_info ul li {  margin: 0 0 0 3%;   width: 48.5%;}
	  .service2_info ul li:first-child {  margin: 0 0 0 0;}
	  .service2_info ul li a dl dd:first-child+dd { font-size:20px;}
	  .service2_info ul li a dl dd:first-child+dd+dd { font-size:14px;}
	  .news_bj { padding: 40px 0;}
	  .news_content { width: 100%; padding: 20px;}
	  .news_l { float:none; width:100%;}
	  .news_r { float:none; width:100%; margin-top:30px;} 
	  .t3 h3 {   font-size:30px;  margin-bottom: 30px;}
	  .t3 p{ display:contents}
	  .contact1 {    margin: 0 auto;width: 92%;}
	  .contact2 {  padding-top:30px};
	  .contact1_content {padding-top:30px;}
      .HomeBan .slick-arrow::before {  width: 10px; left: 8px;top: 18px;}
	  .HomeBan .slick-prev::before {left: 19px;}
	  .HomeBan ul li .item_title h1 { width:90% !important; margin:0 auto !important}
	  .HomeBan ul li .item_title p { width:90% !important;margin:0 auto !important}
	  .t_height { height:90px;}
	  .privacy_content { padding:40px 20px;}
	  .privacy  { padding-top:90px;}
	  .privacy_t { font-size:30px;}
	  .case2 ul li a .case2_content {  padding: 20px;}
	  .case2 ul li a .case2_content dl dd:first-child { font-size:20px;} 
	   .nav_search ul li:first-child+li { display:none;}
	  .nav_search ul li:first-child { width:70%}
	  .nav_search ul li:last-child { width:30%}
	  .m_nav .m_navList ul { width: 60%;}
	  .m_nav .m_navList dl { width: 60%;}
	  
	  .nav_search ul li:first-child a::before {  top: 24px;}
}


@media only screen and (max-width: 950px){	 
     .about4 .index-row4::after { display:none;}
     .about4 .index-row4::before { display:none;}
     .tab_list li { font-size:15px;}


}



@media only screen and (max-width: 850px){	
    
	 .about4 .oclean-swiper .swiper-arrow.swiper-prev {left: 5%;}
	 .about4 .oclean-swiper .swiper-arrow.swiper-next { right: 5%;}
	 .about4 .swiper-slide-prev .about4_info dl dd { text-indent: 0; text-align: right;}
	 .about4 .swiper-slide-next .about4_info dl dd { text-indent: 0; text-align: left;}
	 .contact1_content ul li {  width: 50%; margin-bottom:30px;}
	 .contact1_content ul { display: flex;flex-direction: row;flex-wrap: wrap;}
     .contact1_content ul li { flex: auto;}
	 .about4 .index-row4 .swiper-slide-next dl dd:first-child { text-indent: 0em;  }
	 
	 
}

@media only screen and (max-width: 768px){	
     .slick-dots li button { font-size:16px;}
	 .slick-dots li::before{ font-size:16px;}
     .t1 p { display:contents}
      #IndexBlock2 .PNBtn .prev { left:0}
	  #IndexBlock2 .PNBtn .next { right:0}
	  #IndexBlock2 { padding-top:50px;}
	 .index1 { padding-bottom:50px;}
	 .t1 h3 { font-size:30px;}
	 .t1 p { font-size:14px;}
	 .index3_content ul li {  width: 48.5%; margin-left: 3%; margin-bottom:3%}
	 .index3_content ul li:nth-child(2n+1) {   margin-left: 0}
	 .index3_content ul li a dl dd { padding:0 15px;}
	 .index3_content ul li a dl dd:first-child { font-size:20px;}
	 .index3_content ul li a dl {  height: 125px;}
	 .index3_content ul li a dl dd:first-child+dd { margin-top:70px;}
	 .index3_content ul li:hover a dl dd:first-child+dd { margin-top:40px;}
	 .index2_lm a {  margin-left: 0; font-size:14px;}
	 .index5 .value_info dl dd {  width:50%;}
	 .index5 #seventh { margin-top: 40px;}
	 .index5{ height:inherit; padding-bottom:40px; overflow:hidden;}
	 .index5 .value_info dl dd a p { margin-top:10px;}
	 .index4_z dl dd h3 { font-size:25px;}
	 .index6_l { width:100%; float:none;}
	 .index6_r { width:100%; float:none; }
	 .index6_r dl dd:first-child+dd{ height:auto; overflow-y: inherit;  overflow-x: initial; padding-right:0}
	 .index6_r dl { padding:30px 20px 40px;}
	 .index6 .wrap_video .about_video i::before { width: 50px;  height: 50px;  line-height: 50px; font-size:16px;}
	 .index6_r dl dd:first-child { font-size:20px;}
	 .index6 {padding-bottom:50px;}
	 .index7_content { padding-top:50px;} 
	 .index7_content ul li {  width: 48.5%; margin-left: 3%; margin-bottom:3%}
	 .index7_content ul li:nth-child(2n+1) {   margin-left: 0}
	 .index7_content ul li a dl dd:first-child+dd { font-size: 18px; margin: 20px 20px 0;}
	 .index7_content ul li a dl dd:first-child+dd+dd{  margin: 20px 20px 0;}
	 .index7_content ul li a dl dd:last-child{  margin: 20px 20px 30px;}
	 .index8 {   margin-top:50px;}
	 .index8_l { width:100%}
	 .index8_r { width:100%; margin-top:30px;}
	 .index8_l h3 { font-size:30px}
	 .index8_l h3::after {  width: 50px;  height: 1px; margin-top: 20px;}
     .index8 { padding:50px 0 100px;}
	 .index8_r ul li {   margin-left: 0;  margin-bottom: 2%;   width: 100%;}
	 
	 .footer_lx { width:100%; text-align:center; float:none;} 
	 .footer_sort { display:none;}
	 .footer_fx { width:100%; text-align:center; margin-top:30px; float:none;}  
	 .footer_lx dl dd:first-child+dd {  display:inline-block;}
	 .footer_lx dl dd:first-child+dd span { text-align: left;}
	 .footer_fx ul li img { margin:0 auto;}
	 .footer_fx ul li:last-child dl dd { float:none; display:inline-block;}
	 #goTopBtn {    LINE-HEIGHT: 35px;   WIDTH: 35px;   HEIGHT: 35px;}
	 #goTopBtn::before {  font-size: 15px;    left: 0; top: 0; width:35px; line-height:35px;height:35px;}
	 .about4 .index-row4 i{ display:none;}
	 .inner_banner { height:200px;}
	 .inner_b{ height:200px;}
	  .plist_info ul li:nth-child(3n+1) { margin-left: 3%;}
	 .plist_info ul li:nth-child(2n+1) { margin-left:0;}
	 .plist_info ul li:first-child { margin-left:0 !important;}
	 .plist_info ul li { width:48.5%; margin-left:3%; margin-bottom:3%}
	 .newlist ul li:nth-child(3n+1) { margin-left: 3%;}
	 .newlist ul li:nth-child(2n+1) { margin-left:0;}
	 .newlist ul li:first-child { margin-left:0 !important;}
	 .newlist ul li { width:48.5%; margin-left:3%; margin-bottom:3%}
	 .newlist ul li a .newlist_info dl dd:first-child{ font-size:18px;}
	 .newlist ul li a .newlist_info dl dd:last-child span {  margin: 30px auto 0;  width: 120px; font-size:12px;  height:35px; line-height: 35px;}
	 .footer { padding-top:50px;}
	 .inner_banner{ background-size:145% !important}
	 .about2 { height:auto; overflow:hidden; }
	 .about2_content ul li { width:50%;padding-bottom:50px;}
	 .about2_content ul li dl dd:first-child+dd{ margin:30px 0 15px;}
	 
	 .about2_content ul { display: flex;flex-direction: row;flex-wrap: wrap;}
     .about2_content ul li { flex: auto;}
	 .about2_content ul li dl dd:last-child{ text-align:left;}
	 #IndexBlock1 { padding-top:40px;}
	 .about4 {margin-top: 50px;}
	 #IndexBlock1 .Point { margin-top: 30px;}
	 #IndexBlock1 .Point .swiper-pagination-bullet {  margin: 0 5px !important;  width: 8px !important;  height: 8px !important;}
	 .about4 .index-row4 .swiper-slide-active dl dd:first-child { padding-top:0}
	 .about4 .index-row4 { padding: 20px 0 40px;}
	 #IndexBlock3 .Point {   margin-top: 30px;}
	 #about_quotation {  margin-top: 0;}
	 #IndexBlock3 .Point .swiper-pagination-bullet{  margin: 0 5px !important;  width: 8px !important;  height: 8px !important;}
	 .about5 .t2 p { width:90%}
	 #IndexBlock3 {  padding-top:40px;}
	 .tab_list li {      flex: auto; width:48%; margin-right:1px; margin-bottom:1px;} 
	 .tab_list ul { display: flex;flex-direction: row;flex-wrap: wrap;}
     .plist_info ul li a dl dd:first-child+dd {   font-size:16px; margin: 15px 15px 0;}
     .plist_info ul li a dl dd:last-child {   font-size:14px; margin: 10px 15px 0;}
	 .service2_info ul li a dl dd:last-child span { padding-right: 30px;}
	 .contact1_content ul li dl dd:first-child {height: 45px;}
	 .contact1_content ul li dl dd:first-child img{ display:block;height: 45px; margin:0 auto}
	 .about5list ul li:nth-child(4n+1){ margin-left:3%}
	 .about5list ul li:nth-child(2n+1){ margin-left:0}
	 .about5list ul li:first-child{ margin-left:0 !important}
	 .about5list ul li{ width:48.5%; margin-left:3%; margin-bottom:3%}
	 .team3_content { padding-top: 30px;}
	 .HomeBan .slick-dots {  bottom: 10px;}
	 .footer_fx ul li:first-child { height:70px; display:none;}
	 .HomeBan ul li .item_title h1 { font-size:35px !important; line-height:1.2 !important}
	 .HomeBan ul li .item_title p { font-size:20px !important;}
	 .HomeBan ul li .imgbox { height:80vh}
	 .HomeBan ul li .item_info{ height:80vh}
	 .HomeBan ul :first-child+li.slick-active .item_title h1 {  transform: translateY(-40px);-webkit-transform: translateY(-40px);}
	 .footer_lx dl dd:first-child { display:none;}
	 .case2 { padding-top:40px;}
	 .case2 ul li:nth-child(3n+1){ margin-left:3%}
	 .case2 ul li:nth-child(2n+1){ margin-left:0}
	 .case2 ul li{ width:48.5%; margin-left:3%; margin-bottom:3%}
	 #case_quotation { margin-top:30px;}
	 .case3_title h1 { margin-top:0; font-size:25px; font-weight:500;}
	 .case3_info {  margin:40px auto 0;   width: 100%;}
	 .case3_next { padding:30px 0; width: 100%;}
	 .case3_next ul li:first-child { width:100%;}
	 .case3_next ul li:first-child+li { width:100%; margin-top:30px; text-align:left;}
	 .case3_next ul li:last-child { width:100%; margin-top:30px;}
	 .nexth {  margin: 30px auto 0;  width: 100%;}
	 .recommend { margin-top:40px;  padding: 40px 0;} 
	 .recommend_title h4 { font-size:25px;}
	 #IndexBlock4 { padding-top:30px;}
	 #IndexBlock4 .Productlist4 ul li a dl dd:first-child+dd { font-size:18px;  margin: 20px 20px 0;}
	 #IndexBlock4 .Productlist4 ul li{ padding:20px 0}
	 #IndexBlock4 .Point .swiper-pagination-bullet { height:8px !important; width:8px !important}
	 #IndexBlock4 .Point .swiper-pagination-bullet { margin:20px 20px 0}
	 .product_bj .plist_z {  padding-top:30px;} 
	 .index2_l{ padding-top:50px;}
	 .index2_lt { margin:0}
	 .reveal-modal { left: 5%;   width: 90%;}
     .footer_fx ul li:last-child dl dd+dd+dd     {transform: translateY(12px);}
	 .footer_fx ul li:last-child dl dd+dd+dd+dd     {transform: translateY(12px);}
}
 

@keyframes scrollDown {
  0% {
 
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
 
    opacity: 0;
  }
}
.bdong { display:none; width:90%; margin:0 auto; height:40px; margin-top:30px;}
.bdong span {    display: block;
    width: 26px;
    height: 29px;
    background: url(../images/hd.png) no-repeat center center;
    -webkit-animation: scrollDown 1.4s infinite;
    animation: scrollDown 1.4s infinite;
    z-index: 8;}

@media only screen and (max-width: 700px){	
      
   
	 .fz {  width: 94%;}
	 .index3_content ul li { min-height:400px;}
	 #hpa .pro-list ul li {   width:48.5%;   margin-left:3%; margin-bottom:3%;   }
     #hpa .pro-list ul li:nth-child(4n+1) { margin-left:3% }
	    #hpa .pro-list ul li:nth-child(6) { margin-left:3% }
	  #hpa .pro-list ul li:nth-child(2n+1) { margin-left:0 }
	   #hpa .pro-list ul li:first-child{ margin-left:0 }
	   #hpa .pro-list ul li h3 { font-size:14px; padding-bottom:10px;}
	   
	   .m_nav .m_navList ul { width: 80%;}
	  .m_nav .m_navList dl { width: 80%;}
	   
	   
	 
}
@media only screen and (max-width: 650px){	
     .product1_z ul li a{ font-size:12px;}
	  .about5_info { padding-top:40px;}
	  .prod5_i { top:80px;}
	  .prod5_i dl dt { font-size:25px;}
	  
}
@media only screen and (max-width: 600px){	
     .t1 h3{ font-size:30px;}
     .footer_lx dl dd:first-child+dd p { font-size:25px;}
	 .copyright_l { float:none; width:100%; text-align:center;}
	 .copyright_r { margin-top:float:none; width:100%; text-align:center; margin-top:20px;} 
	 .about4 .wp { max-width: 80%;}
     .about4 .oclean-swiper .swiper-arrow.swiper-next { right: 148%;}
	 .about4 .index-row4 .swiper-slide-active dl dd:first-child { font-size: 90px; padding-top: 50px;}
	 .about4 .oclean-swiper .swiper-arrow.swiper-next { right:auto; left:83%;}   
	 .about4 .swiper-slide-prev .about4_info dl dd { opacity:0}
	 .about4 .swiper-slide-next .about4_info dl dd { opacity:0}
	   .quotation_l h4 { font-size:20px;}
	  .quotation_l p { font-size:14px;}
	 .inner_banner{ background-size:140% !important}
	 .pd4{ padding:15px;}
	 .content3_message ul li span {    left: 5px;}
	 .product4_t span {  height:40px; line-height: 40px;  padding: 0 20px;}
	 .product4_t { height:40px;}
	 .content3_message ul li:nth-child(2n+1) { margin-left:0}
	 .content3_message ul li { margin-left:0; width:100%; float:none;}
	 .product4 .content3_message ul li:first-child+li+li+li+li .textarea {  padding: 15px;}
	 .contact1_content ul li { width:100%; float:none;  text-align:left;}
	 .contact1_content ul li dl dd:first-child img { margin:0;}
	 .team3_content ul li { width:100%; margin-left:0; margin-bottom:20px;}
	 .team3 {   margin-top:40px;  padding-bottom: 40px;}
	 .select3 dt { font-size:15px;}
	 .select3 dt::before { top: 0px;}
 
	 .content3_message ul li:last-child .submit{ width:40%;}
	 .content3_message ul li:last-child dl dd img { height:35px;}
	  
	 .index8_r ul li:last-child .submit{ width:40%;}
	 .index8_r ul li:last-child dl dd img { height:40px;}
	 .content3_message ul li:last-child dl dd .w-120 { height: 50px; width:40%;  padding: 0px 15px;}
	 .prod5_i ul li{ display:block; width:80%; margin:0 auto; float:none; text-align:left; margin-bottom:10px; }
	 .prod5_img ul li span {  height: 100%;  line-height: auto; top:0; bottom:auto; line-height:1.3; padding:20px 0; font-size:12px;}
	 .prod6_l { width:100%; float:none;}
	 .prod6_r { width:100%; float:none; margin-top:30px;}
	 .prod6_r img { display:block; width:40%; margin:0 auto}
}
@media only screen and (max-width: 550px){	
     .inner_banner{ background-size:145% !important} 
	  
	  
}


@media only screen and (max-width: 500px){	
    .about4 .oclean-swiper .swiper-arrow.swiper-prev {left: -10%;}
	.about4 .oclean-swiper .swiper-arrow.swiper-next {  left:98%;}  
	.about4 .swiper-slide-prev .about4_info dl dd {  text-indent: -17em; text-align:left;}
	.about4 .swiper-slide-next .about4_info dl dd {  text-indent: -17em;}
	.inner_banner{ background-size:160% !important} 
	.about1_lt p { font-size:25px;}
	.service2_info ul li a dl dd:last-child i { display:none;}
	.prod3 ul li span { font-size:12px; height:45px; line-height:45px;}	
	.top6 { margin-top:50px;}
	.prod4_info ul li span { position:inherit; text-align:center; display:block; margin-bottom:20px; left:0; top:0}
	
	
}

@media only screen and (max-width: 480px){	 
	.inner_banner{ background-size:170% !important} 
		
}
@media only screen and (max-width: 450px){	 
	.inner_banner{ background-size:200% !important; background-position:40% center !important;} 
	 .tab_list li { font-size:13px;}
	 	
}





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

}