@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;}
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');
}


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

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

/* ===================导航========================== */
.index_head { width:100%; position:relative;}
.logo { width:25%; margin-left:4%}
.logo img { height:50px; 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 img { height:45px; margin-top:16px; 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:106px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  background:#fff; z-index:999; }
.headlf { display:none;}
.logo a { display:block; float:left; width:25%;}
.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;}

.nav_search { width:16%; margin-right:4%; position:relative; z-index:1}

.nav_z{z-index: 9999; position:relative; }
.nav_z .nav{display: block; width:50%; text-align:center;      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_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 .nav ul li{ display:inline-block; padding:0 2.5%;box-sizing: border-box; text-align:center;z-index: 999;  position:relative; width:auto !important;  } 
.nav_z .nav ul li .f_a{ line-height:106px;position:relative;  display:block;font-size:18px;color:#000;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.nav_z .nav_search ul li:first-child { position:relative; width:22% !important;}
.nav_z .nav_search ul .search a { float:right; margin-top:30px; display:block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:100px; background:#f3f5f9; 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_z .nav_search ul .search a {  margin-top:19px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_z .nav_search  ul li { float:left; position:relative;z-index:99;}
.nav_z .nav_search  ul .search a::before { color:#01c0f7;     font-family: "iconfont" !important; font-weight:bold;  content: "\e86e"; right:0; top:20px;   font-size:22px; width:20px; height:20px;  } 
.nav_z .nav_search  ul .search:hover a::before {    color:#fff;    } 
.nav_z .nav_search  ul .search a:hover { background:#01c0f7}
.nav_z .nav_search  ul li:last-child { width:78%; position:relative;}
.nav_z .nav_search  ul li:last-child span { position:absolute; left:10%; top:30px; display:block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:100px; background:#f3f5f9;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_z .nav_search  ul li:last-child span {  top:19px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_z .nav_search  ul li:last-child span .icon { margin:7px auto 0}
.nav_z .nav_search  ul li:last-child span .icon path { font-weight:bold}
.nav_z .nav_search  ul li:last-child p { line-height:106px; text-align:right; width:80%; float:right;  font-size:22px; color:#01c0f7;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_z .nav_search  ul li:last-child p { line-height:80px; text-align:right; width:80%; float:right;  font-size:22px; color:#01c0f7;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.nav_z .nav ul li:hover .f_a{color: #01c0f7; transition:all .3s}
.nav_z .nav ul li .f_a::after {  content: ""; width:100%; height:2px ; background:#01c0f7; position:absolute; bottom:0; left:0;transform: scale(0,1);transform-origin:right;transition: transform .3s;}
.fixed  .nav_z .nav ul li .f_a::after {   bottom:0;  }
.nav_z .nav ul li:hover .f_a::after{width:100%;transform: scale(1);transform-origin:left;}
.nav_z .nav ul li .f_a:hover:after{width:100%;transform: scale(1);transform-origin:left;}
.nav_z .nav ul li .s_navbox{     top: 106px;display:none;position: absolute;left: 0;width: 100%; background:#fff;background:rgba(0,0,0,0.7);z-index: 9999;box-sizing: border-box; }
.fixed .nav_z .nav ul li .s_navbox{     top: 78px;}

.nav_z .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;padding:10px 0; border-TOP:1px solid #5c5c5c} 
.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:#01c0f7;} 
.m_nav{display:none} 
.headrg .m_menuimg{display: none}
.active{background-color: #fff}
.activ2{background-color: #fff}
.head_search{ display:block; position:absolute; right:5%; top:10px; width:444px; height:30px; line-height:30px; color:#fff; text-align:right; overflow:hidden; z-index:99999999999999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.fixed .top_head{ width: 100%;  height:80px;  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: #323232;}
 .headrg { display:none;}
 
/* 下拉侧边菜单 */
.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: 82%;  margin-right: 2%; display:block;}
	  .m_search ul li { float: left;  position: relative; height: 90px;   -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}  
	  .m_search ul li:first-child {  width:20%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}  
	  .m_search ul li:last-child {  width:80%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}  
	  .m_search ul li:last-child a p { padding-left:50px; color:#333333}
	  .m_search ul li:last-child a { display:block; height:90px; line-height:90px; position:relative}
	   
	  .m_search ul li:last-child a span .icon { margin-top:10px;position:absolute; left:0; top:22px;}
	  .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:60px; height:60px; position:relative;}
.closeicon a::before { content: "\e97d"; left:8px; top:20px; color:#fff; font-size:30px; width:60px; height:60px;   } 

.m_navList ul li:first-child{ text-align:center; padding:15% 0 15%;}
.m_navList ul li .c_logo{ width:55%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
	 .headrg { display:block;}
	.top_head { height:90px;}
	.headlf {  display: block;}
	.nav_z { 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:#01c0f7;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
	.a_js span:nth-child(1){ width:30px; }
	.a_js span:nth-child(2){ width:45px;}
	.a_js span:nth-child(3){margin-bottom:0;width:30px;}
	.a_js:hover span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
	.a_js:hover span:nth-child(2){opacity:0; width:45px !important;}
	.a_js:hover span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}

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


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




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

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


.banner .swiper-pagination-bullet {width:12px;height:12px;border-radius:50px; overflow:hidden; line-height:100px;background: #fff;opacity: 1;margin: 0 10px!important; display:inline-block; position:relative; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.banner .swiper-pagination-bullet-active {opacity: 1; width:30px; background:#293067; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
 
/*
.banner .swiper-pagination-bullet {width:60px;height:6px;border-radius:5px;background: #fff;opacity: 1;margin: 0 10px!important; display:inline-block; position:relative; overflow:hidden;}
.banner .swiper-pagination-bullet-active {opacity: 1;}
.banner .swiper-pagination-bullet::before{ opacity: 1;width:60px;height:6px; display:block; position:absolute; left:-60px ; top:0; content:""; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.banner .swiper-pagination-bullet-active::before { width:60px; background:#01c0f7; left:0; transition:all 4s;   -webkit-transition: 4s; -o-transition: 4s; -moz-transition: 4s; transition:4s;  }

*/





.popular { width:100%; height:83px;}
.popular_l { width:70%;}
.popular_r { width:22%;}
.popular_l dl dd { display:inline-block; font-size:16px; padding-left:30px; line-height:83px;}
.popular_l dl dd:first-child{   padding-left:0; }
.popular_l dl dd:first-child+dd{   padding-left:10px; }
.popular_r .search-form { margin-top:20px; border:1px solid #d8d8d8; width:100%; position:relative; height:42px;}
.popular_r .search-form .text_search { line-height:40px; width:85%; margin-left:10px; border:none; background:#fff;}
.popular_r .search-form a { z-index:666; border-radius:5px; display:block; width:40px; height:40px; text-align:center; line-height:40px; background:#04287e; position:absolute; right:-2px; top:0;}
.popular_r .search-form a::before{color:#fff;     font-family: "iconfont" !important; font-weight:bold;  content: "\e86e"; right:0; top:0;   font-size:22px; width:40px; height:40px;  }
.popular_r .search-form a:hover { background:#01c0f7;  }



/* ===================产品中心========================== */
.top1{ padding-top:75px; padding-bottom:50px;}
.t1 { text-align:center; color:#333333;}
.t1 h3 { font-weight:500; font-size:42px; }
.t1 p {  font-size:18px; margin-top:10px; color:#666666; }

.index1 { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}


.container { 
	margin-right: auto;
	margin-left: auto
}
 
#m-solve { margin-top:26px;}
.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: -15px;
	margin-left: -15px
}

@media (min-width:768px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: 0;
	margin-left: 0
}
}
@media (min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: -15px
}
}
.container .jumbotron, .container-fluid .jumbotron {
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 6px
}
.jumbotron .container {
	max-width: 100%
}
.container .jumbotron, .container-fluid .jumbotron {
	padding-right: 60px;
	padding-left: 60px
}

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;/*width:100%;*/-webkit-transform-style:preserve-3d}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.m-solve-box .container{border-bottom: 1px #dddddd solid;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{display:none}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}
.no-js.owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-carousel .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-carousel .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:0 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-carousel .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-carousel .owl-nav .disabled{opacity:.5;cursor:default}.owl-carousel .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-carousel .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{background:#869791}

.m-solve-box{} 
#solve1 .item {
    background: no-repeat center top;
    background-size: cover;

}
#solve1 .owl-nav { display:none;}
#solve2 .item {  
    text-align: center;
    cursor: pointer;
    height: 60px;  
}
#solve1 { margin-top:30px;}
.index1 .active { background:none}
#solve2 .current .solve2Item{
    border-top: 2px #0168b7 solid;
    box-shadow: 0px 0px 6px #0168b7;
}
#solve2 { margin:0 auto; width:85% }
#solve2 .solve2Item{width: 100%;height: 100%;border-top: 2px #fff solid;padding-top: 30px;}
.solitem-img{width: 37px;height: 37px;/*overflow: hidden;*/display: inline-block;position: relative;}
.solitem-p{font-size: 18px;color: #000; line-height:60px;}
#solve2 .owl-stage-outer { overflow:inherit; }
.solicoimg1{position: absolute;top: 0;left: 0;}
#solve2 .current .item .solitem-p{color: #04287e;}
#solve2 .item .solitem-p span { display:inline-block; position:relative;}
#solve2 .current .item .solitem-p span::after { display:block; width:100%; height:2px; position:absolute; left:0; bottom:-10px; content:""; background:#f7b500}



#solve1 .owl-stage-outer .item ul li { width:23.5%; float:left; margin-left:2%; margin-bottom:2%; background:#fff; overflow:hidden;}
#solve1 .owl-stage-outer .item ul li:nth-child(4n+1) {  margin-left:0;}
#solve1 .owl-stage-outer .item ul li dl { padding:25px;}
#solve1 .owl-stage-outer .item ul li a dl dd:first-child { font-size:18px; color:#333333;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
#solve1 .owl-stage-outer .item ul li a dl dd:first-child+dd { font-size:14px; color:#777777; margin-top:10px;}
#solve1 .owl-stage-outer .item ul li a dl dd:first-child+dd+dd{ margin-top:0; height:250PX; overflow:hidden;}
#solve1 .owl-stage-outer .item ul li a dl dd:first-child+dd+dd img { display:block; width:100%; margin-top:-10PX;}
#solve1 .owl-stage-outer .item ul li a dl dd:last-child{ margin-top:0;}
#solve1 .owl-stage-outer .item ul li a dl dd:last-child span { display:block; width:130px; height:35px; text-align:center; line-height:35px; border-radius:100px; text-align:center; color:#666666; border:1px solid #e1e1e1; margin:0 auto 0}
#solve1 .owl-stage-outer .item ul li:hover a dl dd:last-child span {  color:#fff; border:1px solid #04287e; background:#04287e;  }


.m-solve-box .owl-nav .owl-prev{width: 20px;height: 37px;overflow: hidden;background: url("../images/l-btn.png") no-repeat center top;font-size: 0;position: absolute;top: 43px;left: 0;}
.m-solve-box .owl-nav .owl-prev:hover{background: url("../images/l-btn.png") no-repeat center bottom;}
.m-solve-box .owl-nav .owl-next{width: 20px;height: 37px;overflow: hidden;background: url("../images/r-btn.png") no-repeat center top;font-size: 0;position: absolute;top: 43px;right: 0;}
.m-solve-box .owl-nav .owl-next:hover{background: url("../images/r-btn.png") no-repeat center bottom;}
.sol-con{width: 533px;height: 191px;display: table;vertical-align: middle;background: url("../images/kuang_04.png") no-repeat center top;background-size: contain;/*margin-top: 50px;*/ position: absolute;top: 26%;left: 10%;}
.sol-conbox{width: 535px;height: 191px;display: table-cell;vertical-align: middle;padding-left: 46px;background: url("../images/jt_04.png") no-repeat 445px center;}
.sol-h1{font-size: 30px;color: #0168b7;}
.sol-h1 em{display: block;font-size: 16px;padding-top: 10px;}
#solve1 .item:hover .sol-conbox{background-position: 460px center;}

.m-com-news{background: #e0eaf1;}
.m-com-news-h1{text-align: center;font-size: 40px;color: #010101;padding-bottom: 50px;}
.m-com-news-h1 a{color: #010101;}
.m-com-news-h1 em{display: block;font-size: 18px;padding-top: 20px;margin-top: 20px;background: url("../images/embj_11.jpg") no-repeat center top;text-transform: uppercase;}
.m-c-n-img{overflow: hidden;position: relative;}
.m-c-n-img img{display: block;}
.m-c-n-tit{font-size: 17px;color: #000;font-weight: bold;height: 60px;line-height: 60px;overflow: hidden;}
.m-c-n-bri{font-size: 14px;color: #666;line-height: 25px;height: 95px;overflow: hidden;text-align: justify;padding-top: 20px;position: relative;}
.m-c-n-bri:before{content: "";position: absolute;top: 0;left: 0;width: 19px;height: 2px;background: #2e87ff;}
.m-c-n-bri:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 2px;background: #ffbf00;}
.m-c-n-list .item:hover .m-c-n-bri:after{width: 19px;}
.m-c-n-list .item a{padding: 5px;}
.jt-btn{display: block;background: url("../images/hjt_20.png") no-repeat;width: 32px;height: 32px;margin-top: 30px;}
.m-c-n-list .item:hover .jt-btn img{opacity: 0;}

a,.nav>li:before,.nav>li>a,.n-sub-img img,.nav-sub,.m-c-n-bri:after,.m-c-n-img img,.jt-btn img,.data,.m-pro-zz,.m-pro-tit,header,.solicoimg1,.solitem-p,.m-solve-box .owl-nav .owl-prev,.m-solve-box .owl-nav .owl-next,.sol-conbox,.xb-num,.header-R,.jjfa-btn,.jjfa-btn:before,.proimg img,.dsjbox2img img,.pro-b-lp,.pro-b-limg,.tzz-lr,.tzz-span,.tzz-tb,.kycg-l-con,.time-ri,.time-nian,.lhsys-z-t-R-tit,.lhsys-z-img2,.zlxz-l-btn,.zlxz-list li,.zlxz-l-top,.shfw-l-img img,.shfw-list .item,.shfw-l-cp2:after,.fwjb-i-tbi2,.fwjb-item-tb,.kycg-time:before,.kycg-time,.ab-b2ico-b,.ab-B3-1p,.ab-B3-1img img,.rec-list li,.zwmc-p em,.zwmc-p span,.zwmc-p:after,.rec-l-con p,.social-list li,.social-btn,.social-con p,.social-list li .social-img img,.news-rel-img img,.news-lR-btn:before,.newsBOX1 img,.n-B2cR-t1zz,.product-top .item,.aboutbghj img,.so-close{transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.so-close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.solicoimg1,#solve2 .current .item .solicoimg2{ transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);  }
#solve2 .current .item .solicoimg1{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .container{width: 1054px;}
 
}

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

    .m-com-news-h1{font-size: 20px;padding-bottom: 20px;}
    .m-com-news-h1 em{font-size: 12px;padding-top: 10px;margin-top: 10px;}
    .m-box{padding-top: 30px;padding-bottom: 20px;}
}


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

    .m-com-news-h1{font-size: 25px;padding-bottom: 20px;}
    .m-box{padding-top: 30px;padding-bottom: 20px;}
    .m-com-news-h1 em{font-size: 15px;margin-top: 10px;padding-top: 10px;}
    .m-product-p{display: none;}
    .m-pro-tit{height: 50px;line-height: 50px;}
    .m-solve-box .owl-nav .owl-next{right: -10px;}
    .m-solve-box .owl-nav .owl-prev{left: -10px;}
    .m-c-n-list .owl-item img{width: 100%;}



}
@media screen and (max-width: 767px) {
 
    .m-pro-img>img{width: 100%;}
    .mapTipListh2{font-size: 16px;}
    .mapTipListp1{font-size: 13px;padding-top: 4px;padding-bottom: 4px;}
    .mapTipListp2{font-size: 13px;}
    .mapTipText{height: 100px;width: 150px;}
    .mapTipList{height: 100px;}


}
@media (min-width: 320px)  and (max-width: 540px)  {

    .m-c-n-tit{font-size: 15px;font-weight: normal;height: 40px;line-height: 40px;}
    .m-c-n-bri{font-size: 14px;height: 58px;padding-top: 10px;line-height: 22px;}
    .m-c-n-list .owl-nav.disabled+.owl-dots{margin-top: -15px;}
    .m-c-n-list .item{margin-top: -20px;}


}

.index_more { text-align:center; width:100%; margin:30px 0 0; }
.index_more a { display:inline-block; color:#666666; position:relative; padding-right:30px;}
.index_more a .icon { position:absolute; right:0; top:3px;}
.index_more a:hover { color:#04287e; }
.index_more a:hover .icon path{ fill:#04287e; }




 
/* ===================搜索========================== */ 
.cate { padding-bottom:20px; margin-bottom:50px; border-bottom:1px solid #e4e8eb; overflow:hidden;}
.cate ul li { float:left; margin-right:20px; font-size:20px;}
.cate ul li a { color:#333333;}
.cate ul .cur a { color:#04287e; font-weight:bold;}
.inner_search { padding-top:60px;}

.cate_info ul li { margin-bottom:30px; width:31%; margin-left:3%; float:left; padding-bottom:30px; border-bottom:1px solid #e4e8eb}
.cate_info ul li:nth-child(3n+1) {  margin-left:0}
.cate_info ul li a .cate_info_t h3{ font-size:22px; font-weight:500; color:#000; margin-bottom:20px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.cate_info ul li:hover a .cate_info_t h3{  color:#04287e;  }	
.cate_info ul li a .cate_info_t p{ font-size:16px; color:#666666; margin-bottom:20px; line-height:1.7;   display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.cate_info ul li a .cate_info_s {  color:#999999; }

  

.prod_info ul li { margin-bottom:30px; width:22.7%; margin-left:3%; float:left;  }
.prod_info ul li:nth-child(4n+1) {  margin-left:0}
.prod_info ul li a .cate_info_t h3{ font-size:22px; font-weight:500; color:#000; margin-bottom:5px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.prod_info ul li:hover a .cate_info_t h3{  color:#04287e;  }	
.prod_info ul li a .cate_info_t p{ font-size:16px; color:#666666; margin-bottom:20px; line-height:1.7;   display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.prod_info ul li a .cate_info_t span{  color:#666666; }	
.prod_info ul li a .cate_info_s { padding-left:40px; color:#999999; background:url(../images/icon21.png) no-repeat left center;}
.prod_info ul li a .cate_info_img { overflow:hidden; width:100%; margin-bottom:20px;}
.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.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}




/* ===================省心、省力、实力厂家提升你的竞争力  ========================== */ 
.index2 { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding-bottom:100px;}
.index2 .t1 { color:#fff;}
.index2 .t1 p { color:#fff;}

.g_ys{ padding-top:68px; }
.g_ys h2{height: 112px;text-align: center;font-size: 36px;color: #333333;}
.g_ys h2 a{color: #333333;}
.g_ys h2 em{display: block;font-size: 18px;color: #616060;font-weight: normal;padding-top: 6px;}
.g_ys .ysbd{float: right;width: 88%;}
.g_ys .ysbd dt{ overflow: hidden; position:relative;}
.g_ys .ysbd dt img{width: 100%; display: block;transition: all 0.3s linear 0s;}
.g_ys .ysbd dt ul { position:absolute; left:6%; width:80%; top:10%;}
.g_ys .ysbd dt ul li:first-child { font-size:36px; font-weight:bold;}
.g_ys .ysbd dt ul li:last-child { font-size:16px; margin-top:25px; line-height:1.5;}
.g_ys .ysbd dt a { display:block; width:115px; height:44px; line-height:44px; text-align:center; color:#333333; background:#fff; position:absolute; left:6%; bottom:20%;}
.g_ys .ysbd dt a:hover {   background:#04287e; color:#ffffff;}
.g_ys .ysbd dt a span { display:inline-block; padding-right:20px; position:relative;}
.g_ys .ysbd dt a span::after{ display:block; width:20px; height:20px; text-align:center; line-height:20px;  font-family: "iconfont" !important;content: "\e660"; transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
 font-size:12px; color:#333333; position:absolute; right:-5px; top:11px;}

.g_ys .ysbd dt a:hover span::after{ color:#fff;}

 
.g_ys .yshd{float: left;width:12%; height:100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.g_ys .yshd dl{ cursor:pointer; width:100%;height:160.5px; background:#f7b500; border-bottom:1px solid #7b5a00;flex: auto; position:relative;}
.g_ys .yshd .on::before { color:#000000; display:block; position:absolute; right:-10px; top:44%; z-index:99999;     font-family: "iconfont" !important; font-weight:bold;  content: "\e87c";   font-size:20px; width:20px; height:20px;  } 
.g_ys .yshd dl:first-child:after { display:block; width:100%; height:36px; content:""; position:absolute; top:-35px; left:0; background:url(../images/icon5.png) no-repeat center bottom; }
.g_ys .yshd dl:last-child:after { display:block; width:100%; height:36px; content:""; position:absolute; bottom:-35px; left:0; background:url(../images/icon6.png) no-repeat center top; }
.g_ys .yshd dl:last-child{   border-bottom:0}
.g_ys .yshd dl:nth-child(6){border-bottom: 1px solid #cdcdcd }
.g_ys .yshd dt{float: right;width: 80px;height: 60px;overflow: hidden;}
.g_ys .yshd dt img{width: 80px;height: 60px;display: block;}
.g_ys .yshd dd{ width: 100%;}
.g_ys .yshd dd span { display:block; height:37px; width:40px; margin:50px auto 0; overflow:hidden; position:relative}
.g_ys .yshd dl:first-child+dl dd span {  height:38px; width:37px; }
.g_ys .yshd dd span img { position:absolute;}
.g_ys .yshd dd span .ji1 {top:0; left:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.g_ys .yshd dd span .ji2 {top:-40px; left:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

.g_ys .yshd .on span .ji1 {top:-40px; left:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.g_ys .yshd .on span .ji2 {top:0; left:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.g_ys .yshd dl p { color:#000000; text-align:center; font-size:18px; margin-top:8px;}
.g_ys .yshd .on p { color:#fff;}


.g_ys .content { height:100%; }
.g_ys .yshd .on{background: #000000;  }
.index3_info { padding-top:50px;} 
.index3_info ul li { width:32%; margin-left:2%; position:relative;   margin-bottom:2%; float:left; border-bottom:3px solid #eaeaea;}
.index3_info ul li:nth-child(3n+1) {  margin-left:0}
.index3_info ul li a dl dd:first-child { width:100%; overflow:hidden;}
.index3_info 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;}
.index3_info ul li:hover a dl dd:first-child img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}


.index3_info ul li a dl dd:last-child {  padding:20px 0; position:relative; color:#333333;  }
.index3_info ul li a dl dd:last-child::after{ display:block; width:20px; height:20px; text-align:center; line-height:20px;  font-family: "iconfont" !important;content: "\e660"; transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
 font-size:16px; color:#333333; position:absolute; right:0; top:22px;}
.index3_info ul li::before{ content:""; display:block; height:3px; width:0; position:absolute; left:0; bottom:-2px; background:#04287e;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index3_info ul li:hover::before{  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;}



/* ===================关于安护神  ========================== */ 
.index4 { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding-bottom:150px;}
.index4 .t1 {  color: #fff;}
.index4 .t1 p{  color: #fff;}
.index4_info { text-align:center; line-height:1.7; color:#fff; padding-top:45px;}
.index4_video {  height:110px; position:relative;}
.index4_video::after { width:100%; height:1px; background:#2d4d97; content:"";  display:block; }


/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}
/*视频弹窗*/
.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/about_bg.png);}
.popupVideo {
  max-width: 800px;
  width:96%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 120;
  display: none;
  border-radius:4px;
  outline:none;
}
.popupVideo iframe,
.popupVideo video {
  width: 100%;
  max-height: 500px;
   background: #000;
}
.popupVideo .close { z-index:999999999;
  width: 24px;
  height: 24px;
  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:#911176;
    background-image:url(../images/c10.png);
}
.popupVideo .video_t{ height:60px; line-height:60px; overflow:hidden; background:#fff; padding-left:18px; color:##424242; font-size:18px; font-weight:400;}
@media screen and (max-width: 1440px) {
.f48{ font-size:45px;}
.f45{ font-size:42px;}
.f42{ font-size:38px;}
.f36{ font-size:34px;}
.f32{ font-size:30px;}
.f28{ font-size:27px;}
.f26{ font-size:25px;}
.f22{ font-size:20px;}
.f18{ font-size:17px;}
/*PC导航*/
.nav .m{ margin-left:25px; margin-right:25px;}
.nav .sub .sub_dl dl dd .h4{ font-size:15px;}
.nav .sub .sub_dl dl dd .link a{ width:10%; font-size:14px;}

}

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

@media screen and (max-width: 420px) {
 
/*视频弹窗*/
.popupVideo .video_t{ font-size:14px;}
}
.wrap_video { height:110px;} 
.about_video{ height:110px; position:relative;} 
.about_video span { display:block; height:55px; width:100%; position:absolute; left:0; top:79px;}
.about_video span::after { cursor:pointer; text-align:center; height:66px; width:66px; display:block; margin:0 auto; color:#fff; font-size:65px; font-family: "iconfont" !important;content: "\e625";}
.about_video span:hover::after {   color:#f7b500 !important;  }





/* 数字*/
.value_content{width: 100%; min-height: 200px; top: 30%; left: 0; position: absolute; color: #fff;}
.value_info { width:100%; margin-top:50px;   position:relative; z-index:9}
.value_info dl dd {width:25%;   float:left; position:relative;   }
.value_info dl dd:first-child {margin-left:0 }  
.value_info dl dd .i_img { display:block; width:100%; text-align:center;}
.value_info dl dd .i_img img { height:47px; display:block; margin:0 auto;}

 
 #seventh .sp1 { color:#fff; display:block; margin:10px 0 0; text-align:center; width:100%}
.buttonBox{ position:relative;outline:none;transition:all 1s; padding-top:20px;  }
#seventh span{ color:#fff;    position:relative;  border:none; font-weight:bold; display:inline-block;  outline:none;transition:all 1s;  }
.value_info ul li .value_t { font-size:20px; color:#333333;}
#seventh .counter{font-size:50px;}
#seventh .i_i { font-style:normal; color: #fff; display:inline-block; font-size:16px;   }
 
.buttonBox .sp1 { color: #666666;   }
#seventh .sp2 {  color: #666666; padding-left:10px; position:relative;   }
.value_info dl { width:100%; margin:0 auto;}	
.value_title { text-align:center;}
.value_title p:first-child  { font-size:55px; margin-bottom:10px;}
.value_title p:last-child  { font-size:25px;  }
.value_info dl dd em { margin-top:32px; display:block;   position:relative; font-style:normal; text-align:center;}
.value_info dl dd a .value_desc { text-align:center;opacity:0;   position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; z-index:10;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; 
-ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.value_info dl dd:hover a .value_desc {  opacity:1;   position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; z-index:10;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; 
-ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.value_info dl dd a .value_desc ul { width:100%; text-align:center;}
.value_info dl dd a .value_desc ul li:first-child { font-size:18px;}
.value_info dl dd a .value_desc ul li:first-child+li { font-size:18px; margin-top:30px; line-height:1.5}
.value_info dl dd a .value_desc ul li:first-child+li+li { font-size:13px; margin-top:30px;}
.value_info dl dd a .value_desc ul li:last-child span { display:block; width:120px; height:35px; line-height:35px; margin:0 auto; border:1px solid #fff; text-transform:uppercase }
.value_info dl dd a .value_desc ul li:last-child span:hover {   border:1px solid #fff; background:#fff; color:#000}
.value_info dl dd a .value_desc ul li:last-child span i { display:inline-block;font-style:normal;}
.value_info dl dd a .value_desc ul li:last-child span i:first-child{ float:left; margin-left:10px;}
.value_info dl dd a .value_desc ul li:last-child span i:last-child{ float:right;margin-right:10px;}






.index5 { margin:-80px auto 0; background:#fff;box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1); min-height:409px;}
#IndexBlock2{ position: relative; padding:40px; } 
#IndexBlock2 .container{ position: relative; z-index: 2; }
#IndexBlock2 .Productlist2{ overflow:hidden; }
#IndexBlock2 .Productlist2 ul li a p{ width:100%; overflow:hidden;  }
#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  { display:none;} 


#IndexBlock2 .Productlist{ margin:0; }
#IndexBlock2 .Productlist li{ padding:0; }
#IndexBlock2 .PBox{ position: relative;   }
#IndexBlock2 .PNBtn span{ position:absolute; top:50%; cursor:pointer;   z-index:33333; display:block; height:42px; width:42px; z-index: 2; background:#f7b500}
#IndexBlock2 .PNBtn .prev{ left:-80px; }
#IndexBlock2 .PNBtn .next{  right:-80px; }
#IndexBlock2 .PNBtn span:hover{ background:#04287e; }
#IndexBlock2 .PNBtn span::before{ font-weight:bold;    font-family: "iconfont" !important;
    content: "\e660"; 
    color: #04287e;
    font-size:16px;
    width: 42px;
    height: 42px; 
    line-height: 42px;
    text-align: center;
    display: block;}
#IndexBlock2 .PNBtn span:hover::before{    color: #fff; }
#IndexBlock2 .PNBtn .next::before{    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}




#IndexBlock3{ position: relative; padding-top:40px; } 
#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  { }   
#IndexBlock3 .Productlist{ margin:0; }
#IndexBlock3 .Productlist li{ padding:0; }
#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:40px;}
#IndexBlock3 .Point .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
#IndexBlock3 .Point .swiper-pagination-bullet { width:10px !important; height:10px !important; border-radius:100px;}
#IndexBlock3 .Point .swiper-pagination-bullet-active { width:26px !important;   background: #f7b500 !important;  }
.about5 #IndexBlock3 .Productlist3 ul li a p:first-child::after{ display:none;  }





#IndexBlock4{ position: relative; padding-top:40px; } 
#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  { }   
#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 { width:10px !important; height:10px !important; border-radius:100px;}
#IndexBlock4 .Point .swiper-pagination-bullet-active { width:26px !important;   background: #f7b500 !important;  }
.about5 #IndexBlock4 .Productlist4 ul li a p:first-child::after{ display:none;  }

#IndexBlock4 .Point .swiper-pagination-bullet { line-height:60px; overflow:hidden;}




#IndexBlock6{ position: relative; width:80%; float:right; margin-right:40px;  } 
#IndexBlock6 .container{ position: relative; z-index: 2;}
#IndexBlock6 .Productlist6{ overflow:hidden; }
#IndexBlock6 .Productlist6 ul li a {  font-size:17px; color:#000000;   text-align:center; display:block; width:100%;}
#IndexBlock6 .Productlist6 ul li a:hover {  color:#04287e;  }
#IndexBlock6 .Productlist6 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;}
#IndexBlock6 .Productlist6 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;}
#IndexBlock6 .Point  { display:none;} 


#IndexBlock6 .Productlist{ margin:0; }
#IndexBlock6 .Productlist li{ padding:0; margin-left:0; text-align:center;}
#IndexBlock6 .PBox{ position: relative;   }
#IndexBlock6 .PNBtn span{ position:absolute; top:22px; cursor:pointer;   z-index:33333; display:block; height:42px; width:42px; z-index: 2;  }
#IndexBlock6 .PNBtn .prev{ left:-43px; }
#IndexBlock6 .PNBtn .next{  right:-43px; }
#IndexBlock6 .PNBtn span:hover{ color:#04287e; }
#IndexBlock6 .PNBtn span::before{ font-weight:bold;    font-family: "iconfont" !important;
    content: "\e660"; 
    color: #d0d0d0;
    font-size:16px;
    width: 42px;
    height: 42px; 
    line-height: 42px;
    text-align: center;
    display: block;}
#IndexBlock6 .PNBtn span:hover::before{    color: #04287e; }
#IndexBlock6 .PNBtn .next::before{    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}


/* ===================为什么他们都选择了安护神？  ========================== */ 
.index7{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding-bottom:100px;}
.index7 .t1 { color:#fff;}
.index7 .t1 p { color:#fff;}
.index7_info { padding-top:75px;}
.index7_info ul li { width:18.4%; margin-left:2%; margin-bottom:2%; float:left; border-radius:5px; overflow:hidden;}
.index7_info ul li:nth-child(5n+1) { margin-left:0}
.index7_info ul li img { width:100%; display:block;}





/* ===================安护神资讯动态  ========================== */ 
.index8 { width:100%; padding:75px 0; overflow:hidden;}

.tab_list {  width: 100%; height: 40px; }
.tab_list ul { width:40%; float:right;}
.tab_list .t1 { width:40%; float:left; text-align:left;}
.tab_list li {    float: left;height: 50px; line-height:50px; width:22.5%; margin-left:3%; text-align: center;  cursor: pointer;  font-size:18px;  }
.tab_list li a{     color:#000000;   }
.tab_list li:first-child {     margin-left:0 }
.tab_list .current {   background:#f7b500;  }
.tab_con{  width: 100%; padding-top:75px; }
.tab_info{}
.item_info { }
.tab_info { display: none;  }
.tab_l { width:50%}
.tab_r { width:48%}
.tab_list ul li { position:relative;}
.tab_list ul li a i { display:none; font-style:normal; position:absolute; bottom:-6px; left:3px;  width:100%; height:5px; line-height:5px;}
.tab_list ul li a i::after { width:10px; height:10px; display:block; margin:0 auto; font-size:16px;     font-family: "iconfont" !important;content: "\e627"; color:#f7b500;transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}
.tab_list ul .current a i { display:block;}


.tab_l ul li {  background:#fff;box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1);
    }

.tab_l ul li a { display:block; padding:23px;}
.tab_l ul li a dl dd:first-child { width:100%; overflow:hidden;}
.tab_l ul li a dl dd:first-child img { width:100%; display:block;}
.tab_l ul li a dl dd:first-child+dd { margin:20px 0 0; color:#333333}
.tab_l ul li a dl dd:first-child+dd+dd { margin:15px 0 0; font-size:20px; color:#333333}
.tab_l ul li:hover a dl dd:first-child+dd+dd {  color:#04287e}
.tab_l ul li a dl dd:last-child {  margin:15px 0 0;line-height:1.5;color:#666666;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.tab_r ul li { overflow:hidden; margin-bottom:43px;}	
.tab_r ul li a .tal { width:40%; overflow:hidden;} 
.tab_r ul li a .tal img{  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.tab_r ul li:hover a .tal img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.tab_r ul li a .tar{ width:56%}
.tab_r ul li a .tar dl dd:first-child { font-size:20px; color:#000; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; margin-bottom:15px;}
.tab_r ul li:hover a .tar dl dd:first-child {  color:#04287e; }	
.tab_r ul li a .tar dl dd:first-child+dd { line-height:1.5;  color:#666666; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; margin-bottom:15px;}	
.tab_r ul li a .tar dl dd:last-child { margin-top:50px; color:#333333; position:relative;} 	
.tab_r ul li a .tar dl dd:last-child::after {  font-weight: blod; position:absolute; right:0; top:5px;
    font-family: "iconfont" !important;
    content: "\e660";
    color: #3333333;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
 
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
	
	

/* ===================底部  ========================== */ 	
.footer { width:100%; background:#04287e; overflow:hidden; }	
.link { width:100%; border-bottom:1px solid #1e3e8b; padding:30px 0; overflow:hidden;}	
.link_z ul li { float:left; display:inline-block; margin-right:50px; color:#ffffff;}	
.link_z ul li:first-child {   margin-right:30px;}		
.link_z ul li:last-child {   margin-right:0;}	
.link_z ul li a { display:inline-block; color:#fff; font-size:14px;}	
.link_z ul li a:hover { text-decoration:underline;}	
.link_z ul li:last-chil a:hover { text-decoration:none;}		
.f_line { border-bottom:1px solid #1e3e8b; height:1px;}	
.footer_a	{ width:90%}
.footer_a ul li {padding:110px 0;border-left:1px solid #1e3e8b; float:left; width:21%; padding-left:5%; min-height:493px;}	
.footer_a ul li:last-child { width:35%}	
.footer_a ul li dl dt { color:#fff; font-size:20px; margin-bottom:40px; position:relative;}	
.footer_a ul li dl dd { color:#98a7ca; font-size:14px; margin-bottom:15px;}		
.footer_a ul li dl dd a { color:#98a7ca;  }	
.footer_a ul li dl dd a:Hover { color:#fff;  }		
.footer_a ul li dl dt::after { content:""; display:block; width:33px; height:33px; border:1px solid #1e3e8b; border-radius:100px; position:absolute; left:-80px; top:0;}	
.footer_a ul li:first-child dl dt::after{ background:#04287e url(../images/icon12.png) no-repeat center center;}	
.footer_a ul li:first-child+li dl dt::after{ background:#04287e url(../images/icon13.png) no-repeat center center;}
.footer_a ul li:first-child+li+li dl dt::after{ background:#04287e url(../images/icon14.png) no-repeat center center;}
.footer_a ul li:last-child dl dt::after{ background:#04287e url(../images/icon15.png) no-repeat center center;}	
.footer_b { width:8%; padding-top:110px;}
.footer_b ul { padding:13px; background:#fff;}	
.footer_b ul li img { width:100%; display:block;}	
.footer_b ul li:last-child { text-align:center; font-size:14px; color:#000000; margin-top:10px; }	
.copyright { color:#98a7ca; font-size:14px; padding:40px 0; overflow:hidden;}
.copyright_l { width:70%;}
.copyright_r { width:30%; text-align:right;}	
.copyright_l a	 { color:#98a7ca; display:inline-block; padding:0 4px;}
.copyright_r a	 { color:#98a7ca; display:inline-block; padding:0 0 0 30px; position:relative}
.copyright_r a:hover	 { color:#fff;  }
.copyright_l a:hover	 { color:#fff;  }		
.copyright_r a::before{ width:1px; height:18px; background:#365398; position:absolute; left:12px; top:1px; content:""; display:block;}	
.copyright_r a:first-child::before{  display:none;}	
	
	
	
	
/* ===================内页新产品列表  ========================== */ 		
.inner_product{     width: 100%; background: #f4f4f4;  padding-top: 70px; overflow: hidden;}

.inner_product .content {width: 74%;float:right;position: relative;}
.leftSidebar { width: 22%; float: left; position: relative;}
.leftSidebar_a { overflow:hidden;color:#fff; text-indent:2em; width:100%; height:115px; background:#04287e url(../images/icon23.png) no-repeat 90% center; }	
.leftSidebar_a h3 { margin-top:25px; font-size:28px; font-weight:500;}
.leftSidebar_a p { font-size:20px; text-transform:uppercase  }


/*主要样式*/
.subNavBox{width:100%; overflow:hidden; background:#fff;}
.subNav{border-bottom:solid 1px #e6e6e6;cursor:pointer; font-size:18px;color:#333333; height:50px;line-height:50px; text-indent:2.2em; position:relative;}
.subNav::after { text-indent:0; text-align:center; display:block; width:50px; height:50px; font-size:20px; color:#333333; position:absolute; right:10px; top:0;    content: "\eb78";font-family: "iconfont" !important;}
.subNav:hover::after {  content: "\eb79"; color:#fff }
.currentDt::after {    content: "\eb79"; color:#fff }
.subNav a { color:#333333}
.currentDt a { color:#fff}
.subNav:hover{background:#f7b500 ;color:#fff;}
.subNavBox dl .cur .subNav{background:#f7b500 ;color:#fff;}
.subNavBox dl .cur .subNav a{ color:#fff;}
.subNavBox dl .cur .subNav::after {  content: "\eb79"; color:#fff }
.subNavBox dl .cur .subNav:hover::after {  content: "\eb79"; color:#fff }
.currentDd{color:#fff; }
.currentDt{background:#f7b500;}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:90%; color:#3333333; padding-left:60px; height:45px; line-height:45px;color:#333;background:url(../images/icon25.png) no-repeat center 90%;}
.navContent li a:hover{  color:#f7b500;}
.navContent { padding:10px 0}

.leftSidebar_c { margin-top:30px; overflow:hidden;color:#fff; text-indent:2em; width:100%; height:115px; background:#04287e url(../images/icon24.png) no-repeat 90% center; }	
.leftSidebar_c h3 { margin-top:25px; font-size:28px; font-weight:500;}
.leftSidebar_c p { font-size:20px; text-transform:uppercase  }
.leftSidebar_d { width:100%; min-height:280px; background-image:url(../images/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.leftSidebar_d dl { padding:50px 40px 0;}
.leftSidebar_d dl dd { color:#333333; margin-bottom:20px;}

.productlist_content ul li { padding-top:30px; padding-bottom:30px; float:left; margin-left:2%; margin-bottom:2%; width:32%; background:#fff;overflow:hidden; position:relative;}
.productlist_content ul li:nth-child(3n+1) {   margin-left:0;}
.productlist_content ul li .p_logo { height:35px; display:block; position:absolute; left:30px; top:30px;}
.productlist_content ul li dl dd:first-child { width:100%; }
.productlist_content ul li dl dd:first-child img { width:100%; display:block; }
.productlist_content ul li dl dd:first-child+dd { font-size:17px; color:#333333; margin:30px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.productlist_content ul li dl dd:first-child+dd+dd { font-size:13px; line-height:1.5;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
 color:#959595; margin:10px 30px 0;}
.productlist_content ul li dl dd:last-child {  margin:40px 30px 0;} 
.productlist_content ul li dl dd:last-child span { overflow:hidden; display:block; margin:0 auto; width:100%; height:40px; border:1px solid #dddddd; border-radius:100px;}
.productlist_content ul li dl dd:last-child span a { line-height:40px; width:50%; float:left; display:block; height:40px; position:relative; text-indent:2em;}
.productlist_content ul li dl dd:last-child span a::after { font-size:14px; text-indent:0; content:"\e660";font-family: "iconfont"; display:block; position:absolute; right:10px;; top:0; text-align:center; width:40px; height:40px; line-height:40px;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.productlist_content ul li dl dd:last-child span a:first-child { background:#04287e; color:#fff}
.productlist_content ul li dl dd:last-child span a:first-child:hover { background:#f7b500; color:#fff}
.productlist_content ul li dl dd:last-child span a:last-child { background:#fff; color:#333333}
.productlist_content ul li dl dd:last-child span a:last-child:hover { background:#f7b500; color:#fff}

	
	
.product1 .banner-img img.pc { min-height:inherit;}
.product1 { padding:30px; overflow:hidden; background:#fff;}	
.product1_l { width:50%; border:1px solid #e6e6e6}	
.product1_r { width:45%}	
.product1_rt { padding:20px 0 30px; overflow:hidden; border-bottom:2px solid #f3f3f3}	
.product1_rt h1{ font-weight:500; font-size:28px; color:#333333;}	
.product1_rd { line-height:2; margin-top:30px; min-height:200px; }	

.product1_rf ul li { float:left; width:50%;}
.product1_rf ul li a{ margin-top:5px;   border-radius:100px; display:block; width:85%; height:45px; line-height:45px; text-align:center; background:#04287e; color:#fff }	
.product1_rf ul li a:hover{   background:#f7b500; color:#fff }		
.product1_rf ul li a span { display:inline-block; padding-right:40px; background:url(../images/icon26.png) no-repeat center right}	
.product1_rf ul li:last-child span { margin-top:-10px; color:#333333; font-size:14px;}	
.product1_rf ul li:last-child p {    color:#f7b500; font-size:28px; font-weight:bold;}	

.product1 .banner .swiper-pagination-bullet-active { background:#04287e !important; width:9px !important;}
.product1 .banner .swiper-pagination-bullet	{ background:#b9b9b9; height:9px !important;width:9px !important;}}
.product1 .banner-prev { opacity:1 !important}
.product1 .banner-next { opacity:1 !important}
.product1 .banner:hover .banner-prev { left:0;opacity:1 !important; }
.product1 .banner:hover .banner-next { right:0;opacity:1 !important;}

.product1 .banner .banner-prev:hover {  background:#04287e}
.product1 .banner .banner-next:hover {  background:#04287e}
.product1 .banner-prev, .product1 .banner-next { opacity:1 !important;width:45px; height:45px; line-height:45px; border-radius:0;    background: rgba(0, 0, 0, .3);}
.product1 .banner-prev::before { width:45px; height:45px; line-height:45px; font-size:18px;}
.product1 .banner-next::before { width:45px; height:45px; line-height:45px; font-size:18px;} 
 
	
	
.product2{ padding:30px; overflow:hidden; background:#fff; margin-top:30px;}
.product2_t { width:100%; background:#04287e; height:62px;}	
.product2_t h4 { font-size:24px; font-weight:500;  text-align:center; color:#fff; width:155px; background:#f7b500;height:62px; line-height:62px;}		
.product2_t h4 span	{ display:inline-block; padding-left:10px; height:25px; margin-top:20px; line-height:25px; border-left:5px solid #fff;}
.news_content img { max-width:100%}	
.product2_info img { max-width:100%}		
.product2_info { line-height:2; margin-top:50px;}	
.product3 { width:100%; height:80px; background:#fff; margin-top:40px;}	
.product3 a { margin:0 auto;display:block; width:135px; font-size:18px;height:80px; line-height:80px; color:#fff; background:#f7b500; text-align:center}	
.product3 a:hover {  background:#04287e;  }	
	
	
	
	
	
	
	
	
	
/* ===================内页新闻列表  ========================== */ 		
.inner_banner {  width:100%; position:relative;}
.inner_banner img{  width:100%; display:block;}
.inner_banner .i_mc { display:none}
.i_banner { color:#fff; position:absolute; z-index: 5; left:0; top:40%; width:100%}
.i_banner dl dt { font-size:42px;}
.i_banner dl dd { font-size:18px; margin-top:8px}

.i_current { width:100%; border-bottom:1px solid #e0e0e0; height:81px; line-height:80px; position:relative;}	
.i_current_l { width:50%;}	
.i_current_r { width:50%; text-align:right}		
.i_current_l ul li { float:left; position:relative; margin-right:40px;}
.i_current_l ul li .icon { position:absolute; left:0; top:26px;}	
.i_current_l ul li:first-child { padding-left:45px;}	
.i_current_l ul li a { color:#333333; }	
.i_current_l ul li a span { display:inline-block}	
.i_current_l ul li:first-child::after{ display:none;}
.i_current_l ul li::after {  font-family: "iconfont" !important;
    content: "\e660";
    left: -34px;
    top: 24px;
    color: #333333;
    font-size:14px;
    width: 30px;
    height: 30px;
    position:absolute;
    line-height: 30px;
    text-align: center;
    display: block;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)	}
.i_current_r ul li { display:inline-block; margin-left:50px;}	
.i_current_r ul li:first-child {   margin-left:0;}	
.i_current_r ul li a{ display:inline-block; color:#333333; font-size:18px; position:relative;}		
.i_current_r ul .cur a::after{ content:""; width:100%; height:3px; background:#04287e; display:block; position:absolute; left:0; bottom:0}	
.i_current_r ul .cur a{ color:#04287e}	
.i_current_r ul li:hover a{ color:#04287e}	

.newlist {  width:100%; background:#f4f4f4; padding-top:70px; overflow:hidden;}
.newlist_content ul li { margin-bottom:-1px;}
.newlist_content ul li a{ display:block; padding:35px; border:1px solid #e5e5e5; background:#fff; overflow:hidden;}
.newlist_content ul li a .newlist_l { width:22%; overflow:hidden;}
.newlist_content ul li a .newlist_l img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist_content ul li:hover a .newlist_l img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.newlist_content ul li a .newlist_r { width:75%;}
.newlist_content ul li a .newlist_r dl dd:first-child { clear:both; height:45px; line-height:45px;}
.newlist_content ul li a .newlist_r dl dd:first-child h3{ color:#000000; font-size:18px; float:left; width:80%; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; font-weight:500}
.newlist_content ul li a .newlist_r dl dd:first-child p{   float:right; width:20%; text-align:right}
.newlist_content ul li a .newlist_r dl dd:first-child p span { display:inline-block; padding-left:42px; color:#cccccc; font-size:14px; position:relative;}
.newlist_content ul li a .newlist_r dl dd:first-child p span .icon { position:absolute; left:10px; top:12px;}
.newlist_content ul li a .newlist_r dl dd:first-child+dd{ line-height:1.5; color:#666666; margin-top:20px;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.newlist_content ul li a .newlist_r dl dd:last-child{ margin-top:50px; position:relative}
.newlist_content ul li a .newlist_r dl dd:last-child p { display:inline-block; float:left; position:relative; padding-left:40px;color:#999999; font-size:14px;}

.newlist_content ul li a .newlist_r dl dd:last-child p:last-child { width:35px; float:right; position:absolute; right:0; top:0; padding:0}
.newlist_content ul li a .newlist_r dl dd:last-child p:first-child  .icon { position:absolute; left:0; top:1px;}
.newlist_content ul li a .newlist_r dl dd:last-child p:first-child span { display:inline-block; float:left; margin-right:15px; color:#999999; font-size:14px;}
.newlist_content ul li a .newlist_r dl dd:last-child p:last-child::before{  font-family: "iconfont" !important; border:1px solid #eaeaea; font-weight:bold; border-radius:100px;
    content: "\e660";
    left: 0;
    top: -10px;
    color: #eaeaea;
    font-size:15px;
    width: 35px;
    height: 35px;
    position:absolute;
    line-height: 35px;
    text-align: center;
    display: block;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)	}
.newlist_content ul li:hover a .newlist_r dl dd:last-child p:last-child::before{   border:1px solid #04287e; background:#04287e;  color: #fff; 	}




/* ===================页码========================= */ 
.page {margin:80px auto 0;clear: both;overflow:hidden; text-align:center; width:100%}
.page span.page_list {overflow:hidden; text-align:center; }
.page span.page_list a {display:inline-block;  border:1px solid #dddddd; padding:10px 16px; color:#c1c1c1; position:relative; border-radius:100px;}
.page span.page_rows { background:#fff;border:1px solid #dddddd;   color:#000}
.page span.page_list a.selected {background: #04287e;border:1px solid #04287e;color: #fff;}
.page span.page_list a:hover {background: #04287e; color: #fff;border:1px solid #04287e;}
.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: 100;
    content: "\e660";
    left: -2px;
    top: 0;
    color: #c1c1c1;
    font-size: 16px;
    width: 44px;
    height: 44px; 
    line-height: 44px;
    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: 100;
    content: "\e660";
    left: -2px;
    top: 0;
    color: #c1c1c1;
    font-size: 16px;
    width: 44px;
    height: 44px; 
    line-height: 44px;
    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}
 .h_height { width:100%; height:90px;} 



.t2 h3{ color:#333333; font-weight:500; font-size:42px; text-align:center;}
.newlist1_info { padding-top:50px;}
.newlist1_info ul li { float:left; width:31%; margin-left:3%;}
.newlist1_info ul li:first-child {   margin-left:0;}
.newlist1_info ul li a { display:block; padding:32px; background:#fff;}
.newlist1_info ul li a dl dd:first-child { width:100%; overflow:hidden;}
.newlist1_info ul li a dl dd:first-child img{  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist1_info ul li:hover a dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.newlist1_info ul li a dl dd:first-child+dd{ margin:20px 0 0; color:#999999; font-size:14px;}
.newlist1_info ul li a dl dd:first-child+dd+dd{ margin:10px 0 0; color:#333333; font-size:20px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.newlist1_info ul li a dl dd:last-child{ margin:15px 0 0; color:#333333;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.newlist2 { padding-top:100px;}

.newlist3{ padding-top:100px;}
.newlist3_info{ padding-top:50px;}
.newlist3_info ul li { float:left; width:48.5%; margin-left:3%; margin-bottom:3%; overflow:hidden;}
.newlist3_info ul li:nth-child(2n+1) {  margin-left:0;}
.newlist3_info ul li a { display:block; border:1px solid #e0e0e0; overflow:hidden; padding:32px;}
.newlist3_info ul li a dl:first-child{ width:42%; float:left; overflow:hidden; }
.newlist3_info ul li a dl:first-child img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist3_info ul li:hover a dl:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.newlist3_info ul li a dl:last-child{ width:53%; float:right; }
.newlist3_info ul li a dl:last-child dd:first-child { font-size:20px; color:#333333;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.newlist3_info ul li:hover a dl:last-child dd:first-child {  color:#04287e; }	
.newlist3_info ul li a dl:last-child dd:first-child+dd { line-height:1.5; margin-top:20px; font-size:15px; color:#666666;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.newlist3_info ul li a dl:last-child dd:last-child { margin-top:50px;  font-size:14px; color:#999999;   }

.news_l{ width:72%; overflow:hidden;padding:40px; background:#fff;}
.news_info{  }
.news_r{ width:25%; background:#fff;}
.news_lt h1 { color:#000000; font-size:28px; font-weight:500; }
.news_ld { padding-bottom:20px; overflow:hidden; margin-top:30px; border-bottom:1px solid #e5e5e5}
.news_ld dl dd { float:left; margin-right:20px; color:#999999}
.news_content { line-height:2; padding-top:30px;}
.news_content span { text-wrap:wrap !important}
.news_next{ position:relative; margin-top:50px; background:#fff;  }
.news_next::after{ content:""; width:108%; padding:0 40px; height:1px; background:#e7e7e7; position:absolute; top:0; left:-44px;}
.news_next ul li { float:left; width:50%;background:#fff;   position:relative; padding-top:40px;}
.news_next ul li::before{ content:""; width:1px; height:150px; background:#e7e7e7; position:absolute; top:0; left:0; display:block;} 
.news_next ul li:first-child::before{ display:none;} 
.news_next ul li a{  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news_next ul li:last-child{ text-align:right;}
.news_next ul li a { color:#333333;}
.news_next ul li a:hover { color:#04287e;}
.news_next ul li::after{ display:block; width:25px; height:25px; line-height:25px; text-align:center; text-align:center; position:absolute;top:39px; color:#bcbcbc; font-size:14px; font-weight:bold;    content: "\e660";font-family: "iconfont" !important;}
.news_next ul li:first-child::after { left:-25px; }
.news_next ul li:last-child::after { right:-25px;    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
.n_zx { background:#fff; padding:30px 25px;}
.n_zxa h4 { font-weight:500; font-size:25px; padding-bottom:24px; border-bottom:1px solid #e7e7e7}
.n_zxa h4 span { display:inline-block; position:relative;}
.n_zxa h4 span::after{ display:block; position:absolute; left:0; bottom:-25px; content:""; background:#04287e; width:100%; height:1px;}
.n_zxa h4 span em { font-style:normal; color:#04287e}
.n_zxb ul { padding:10px 0; }
.n_zxb ul li { position:relative; padding-left:15px; position:relative; height:50px; line-height:55px;}
.n_zxb ul li a{ display:block; color:#333333;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
.n_zxb ul li a:hover{   color:#04287e;  }
.n_zxb ul li::before{ display:block; width:5px; height:5px; content:""; position:absolute; left:-2px; top:27px; background:#cfcfcf}
.n_zxb ul li:hover::before{   background:#04287e}

.n_zxc { margin-top:40px;}
.n_zxc ul li { margin-top:30px;}
.n_zxc ul li a { display:block; border:1px solid #e7e7e7}
.n_zxc ul li a:hover { display:block; border:1px solid #04287e}
.n_zxc ul li a p{ overflow:hidden; width:100%; color:#333333; text-align:center;}
.n_zxc ul li:hover a p{   color:#04287e; }
.n_zxc ul li a p img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.n_zxc ul li a p:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.n_zxc ul li a p:last-child { padding:30px 0}







/*案例视频*/
.caselist_title { text-align:center; font-size:42px; color:#333333}
.case .left {
	position: relative;
	width: 225px;
}

.case .right {
	width: 100%;
	box-sizing: border-box;
}

.category_mod {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.case .right ul li {float: left;}


.case .right ul li a {
	display: block;
}

.case .right ul li .case-imgWrapper {
	display: table-cell;
    position: relative;
	width: 400px;
	height:250px;     
	vertical-align: middle;
}


.case .right ul li .case-imgWrapper img {
	display: block;

    width: 100%;
    height: 100%;
	
	
}


.case .right ul li span { text-align:center;
	display: block;
	width: 100%;
	line-height: 60px;
	color: #333333;
	font-size: 18px;  
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.case .right ul li { background:#fff;   margin-left: 2%;margin-bottom:40px;width: 23.5%; min-height: 292px;}
.case .right ul li:nth-child(4n+1) {margin-left:0;}

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

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

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

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




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


 
.caselist ul li { background:#fff;   margin-left: 2%;margin-bottom:40px;width: 23.5%; float:left}
.caselist ul li:nth-child(4n+1) {margin-left:0;}
.caselist ul li a dl dd:first-child { width:100%; overflow:hidden;}
.caselist ul li a dl dd:first-child  img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.caselist 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);}
.caselist ul li a dl dd:last-child { line-height:60px; color:#333333; text-align:center;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.caselist ul li:hover a dl dd:last-child {  color:#04287e;}


/*联系我们*/
.t3{ color:#333333; text-align:center}
.t3 h3{ font-weight:500; font-size:42px;}
.t3 p { font-size:18px; margin-top:10px;}
.contact1_info { margin-top:50px; padding:20px; background:#fff; overflow:hidden;}
.contact1_l { width:32%; margin-left:2%;}
.contact1_l dl dd:first-child { margin-top:30px; padding-left:0;height:65px ;padding-bottom:20px; border-bottom:1px solid #e0e0e0; font-size:30px; color:#333333}
.contact1_l dl dd { height:45px; margin-top:43px; position:relative;}
.contact1_l dl dd { padding-left:55px;}
.contact1_l dl dd:first-child::before { display:none;}
.contact1_l dl dd::before { display:block; width:45px; line-height:45px;height:45px; border:2px solid #373737; border-radius:100px; content:""; position:absolute; left:0; top:0;}

.contact1_l dl dd:first-child+dd::before{ background:url(../images/icon16.png) no-repeat center center;} 
.contact1_l dl dd:first-child+dd+dd::before{ background:url(../images/icon17.png) no-repeat center center;} 
.contact1_l dl dd:first-child+dd+dd+dd::before{ background:url(../images/icon18.png) no-repeat center center;} 
.contact1_l dl dd:last-child::before{ background:url(../images/icon19.png) no-repeat center center;} 
.contact1_l dl dd span { display:block; font-size:14px; color:#737373}
.contact1_l dl dd p {  font-size:20px; color:#333333}
.contact1_r { width:62%;  }
.contact1 #map{ width:100%; min-height:500px;}
.message { padding-top:100px;}
.map_logo { text-align:center;}
.map_logo img { display:block; height:50px; margin:0 auto 20px}
.message1 { background:#fff; padding:20px 20px 40px; overflow:hidden; margin:40px auto 0}

.cotact3_message {  }
.cotact3_message ul li { margin-bottom:20px; width:48%; float:left; margin-left:4%;height:40px; border:1px solid #dcdcdc}
.cotact3_message ul li:nth-child(2n+1) {  margin-left:0}
.cotact3_message ul li .message_l { width:80px; font-size:18px; text-indent:1.5em; line-height:40px; font-size:14px; color:#6f7276}
.cotact3_message ul li .message_r .text { padding:0 10px; width:100%; height:40px; line-height:40px; background:none; border:none}
.cotact3_message ul li:first-child+li+li+li+li { width:100%; overflow:hidden; min-height:237px;}
.cotact3_message ul li:first-child+li+li+li+li .message_l { width:100%;}
.cotact3_message ul li:first-child+li+li+li+li .message_r { width:97.5%;margin:0 auto;}
.cotact3_message ul li:last-child { margin-left:0; width:100%; margin-top:50px; border:none;}
.cotact3_message ul li .message_r .textarea {  width:100%;  display:block; min-height:180px; line-height:1.5; background:#fff; border:none }
.cotact3_message .btn { border:0; width:180px; border-radius:5px; font-size:16px; display:block; height:50px; line-height:50px; text-align:center; color:#fff; text-align:center; background:#04287e;  margin:0 auto; cursor:pointer}
.cotact3_message .btn:hover{ color:#fff;   background:#2b2828;  }
.cotact3_message ul li .textarea { font-size:14px;   color:#6f7276; background:#fff;  }
 textarea::-webkit-input-placeholder { color: #6f7276; font-family:"微软雅黑" }
  textarea:-moz-placeholder { color: #6f7276;  font-family:"微软雅黑" }
  textarea::-moz-placeholder {  color: #6f7276;  font-family:"微软雅黑" }
  textarea::-ms-input-placeholder {    color: #6f7276;  font-family:"微软雅黑" } 





/*关于我们*/
.t5 { text-align:center;}
.t5 h3{ font-size:42px; color:#333333; font-weight:500;}
.t5 p{ font-size:18px; color:#666666; margin-top:10px;}
.about1 { width:100%; overflow:hidden; background:#f4f4f4;  }
.about_hegiht { width:100%; height:100px;}
.about1_content { line-height:2; text-align:center; padding-top:40px; color:#666666;}
.about1 #seventh span { color:#f7b500}
.about1 #seventh .i_i { color:#333333}
.about1 #seventh .sp1 { color:#333333}
.about1 .value_info dl dd::before{ content:""; display:block;width:1px; height:100%; position:absolute; left:0; top:0; background:#e0e0e0}
.about1 .value_info dl dd:first-child::before{   display:none; }
.about2 { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding-bottom:180px;}

.about2 .t5 h3 { color:#fff;}
.about2_info  { padding:116px 0 0; }
.about2_info ul li { float:left; width:33.33%; position:relative; text-align:center;}
.about2_info ul li::before{ content:""; display:block;width:1px; height:100%; position:absolute; left:0; top:0; background:#586e9d}
.about2_info ul li:first-child::before{ display:none;}
.about2_info ul li dl dd:first-child img{ height:60px; display:block; margin:0 auto;}
.about2_info ul li dl dd:first-child+dd { font-size:36px; color:#fff; margin-top:25px;}
.about2_info ul li dl dd:last-child  { font-size:15px; color:#fff; line-height:2; margin-top:15px;}
.about2_info ul li dl dd span { display:block;}
.about2_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.about2_info ul li { flex: auto;}

.about3 { width:100%; background:#f4f4f4; padding-bottom:100px;}
.about3 #IndexBlock3 .Point .swiper-pagination-bullet { line-height:60px; overflow:hidden;}


.about4  { padding:100px 0;}
.about4 #IndexBlock2 { margin-top:55px;     box-shadow: 0px 3px 28px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 28px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 3px 28px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 3px 28px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 28px 0px rgba(0,0,0,0.1);
    }

.about5 { width:100%; background:#f4f4f4; padding-bottom:100px; margin-top:50px;}
.about5 #IndexBlock3 .Point .swiper-pagination-bullet { line-height:60px; overflow:hidden;}

.about6 {}
.about6_info { padding-top:50px;}
.about6_info ul li { float:left; width:20%; margin-left:-1px; margin-bottom:-1px;}
.about6_info ul {  margin-right:-1px;}
.about6_info ul li img { display:block; width:100%;}
.about6_info ul li a { display:block; border:1px solid #eaeaea}






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

 
 
  .map1_info { padding-top:70px; margin:0 auto; width:80%}
.map1_info ul li { width:100%; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.map1_info ul li dt{ font-size:25px; font-weight:bold; margin-bottom:10px; width:100%}
.map1_info ul li dl dd { float:left; margin-right:20px; display:inline-block;}
.map1_info ul li dl dd a { color:#333333}
.map1_info ul li dl dd:hover a { color:#0154a1}


.map2 { padding:70px;}
.map2_info{  line-height:2  margin:0 auto; width:80%; }
.map2_info img { max-width:100%}
 
 
 
 
 
@media only screen and (max-width: 1920px){	
  
	 
	   
}




@media only screen and (max-width: 1800px){	
      .logo {  width: 26%; margin-left: 3%;}
	  .nav_z .nav { width: 48%;}
	  .nav_search {  margin-right: 3%;} 
	  .nav_z .nav_search ul .search a { float: left;} 
	   .nav_z .nav_search ul li:last-child span {  left: 1%;}
	   
	   
}
@media only screen and (max-width: 1700px){	
       .logo {  width: 28%; }
      .logo h1 {  margin-left: 2%; width:73%;}  
      .nav_z .nav { width: 46%;margin-left: 1%;}
	  .nav_z .nav ul li { padding: 0 2.2%;}
	   .nav_z .nav_search ul li:last-child p { font-size:20px;}
	  
	  
}

@media only screen and (max-width: 1620px){	
     .nav_z .nav ul li .f_a { font-size:17px;}



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

@media only screen and (max-width: 1550px){	
     .logo h1 span { font-size:14px;}      
}

@media only screen and (max-width: 1500px){	
   
	 .nav_z .nav { width: 47%;   margin-left: 0;}  
	 .g_ys .ysbd { width:88% !important} 
	 .g_ys .yshd dl {  height: 157.4px;}
	 
	  
}




@media only screen and (max-width: 1470px){	
    .nav_z .nav ul li { padding: 0 1.7%;}
    .nav_z .nav_search ul li:last-child p { width:95%}
    .nav_search { width:18%;}
	.ysbd dl { width:100% !important}
	.i_current_r ul li a { font-size:16px;}
	
	
}



@media only screen and (max-width: 1400px){	
      .nav_z .nav_search ul li:last-child { display:none;}
	  .nav_search { width:6%;}
	  .logo { width:34%;}
	  .nav_z .nav { width:53%}
	  #solve1 .owl-stage-outer .item ul li a dl dd:first-child+dd+dd { height:inherit}
	  .g_ys .yshd dl {  height: 150.4px;} 
	  .footer_a ul li dl dt::after { left:-70px;}
	  .footer_a { width:80%}
	  .footer_b { width:15%}
	  .i_current_r ul li { margin-left: 3%;}
	  .productlist_content ul li dl dd:last-child span a { text-indent: 1.5em; font-size:12px;}
	  .case .right ul li .case-imgWrapper { height:240px;}
	  .case .right ul li span {  line-height: 50px;  font-size: 16px; padding:0 10px;}
	  
	  
	  
	  
	  
	  
}

@media only screen and (max-width: 1350px){	
    .nav_z .nav ul li .f_a { font-size:14px;}
    .g_ys .yshd dl {  height: 144.4px;} 
    .g_ys .yshd dd span { margin:30px auto 0;}
	.newlist_content ul li a .newlist_r dl dd:last-child {  margin-top:30px;}
	.newlist_content ul li a .newlist_r dl dd:first-child+dd {   margin-top: 10px;}
	.newlist_content ul li a .newlist_r dl dd:first-child h3 { width:70%}
	.newlist_content ul li a .newlist_r dl dd:first-child p { width:30%}
	.contact1_l { width:37%;}
    .contact1_r { width:60%;}
	
	
}

@media only screen and (max-width: 1300px){	
    .g_ys .yshd dl {  height: 138px;} 
    .g_ys .yshd dd span { margin:40px auto 0;}
	.i_current_r ul li { margin-left: 3%;}
	.case .right ul li .case-imgWrapper { height:230px;}
	
	
}

@media only screen and (max-width: 1250px){	
    .g_ys .yshd dl {  height: 130px;} 
    .g_ys .yshd dd span { margin:30px auto 0;}
	.index3_info  ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .index3_info ul li { flex: auto;}
    .tab_r ul li a .tar dl dd:last-child {  margin-top: 20px;}
    .footer_a ul li dl dt::after { left:-65px;}
    .productlist_content ul li dl dd:last-child span a::after { font-size: 12px;  right: 0px;}
	.case .right ul li .case-imgWrapper { height:220px;}
	
	
	
	
}


@media only screen and (max-width: 1200px){	 
     .g_ys .yshd dl {  height: 125px;} 
	 .g_ys .yshd dd span { margin:20px auto 0;}
	 .index3_info ul li a dl dd:last-child { padding:20px 30px 20px 0}
	 .index5 { min-height:inherit;}
	 #IndexBlock2 .PNBtn .prev { left:-40px;}
	 #IndexBlock2 .PNBtn .next { right:-40px;}
	 .footer_a ul li dl dt::after { left:-60px;}
	 .i_banner { top: 35%;}
	 .i_banner dl dt { font-size:35px;}
	 .leftSidebar_d dl { padding:30px 20px 0;}
	 .case .right ul li .case-imgWrapper { height:210px;}
	 .contact1_l { width:40%;}
    .contact1_r { width:55%;}
	 
	 
	 
}

@media only screen and (max-width: 1100px){	
       .popular_l dl dd { padding-left:10px;}
	   .case .right ul li .case-imgWrapper { height:200px;}
	   .newlist_content ul li a .newlist_r dl dd:last-child p:last-child::before { font-size: 14px; width: 30px;  height: 30px; line-height: 30px; font-size:12px;}
	   .newlist_content ul li a .newlist_r dl dd:first-child+dd{ font-size:14px;}
	   
}
 
@media only screen and (max-width: 1024px){	
      
	    .banner-img img.pc { min-height:inherit;}
	    .banner .swiper-pagination-bullet { width:8px; height:8px;}
	    .banner .swiper-pagination-bullet-active{ width:12px;}
		.banner-prev, .banner-next { width:40px; height:40px; line-height:40px;}
		.banner-prev::before{ font-size:18px; width:40px; height:40px; line-height:40px;}
		.banner-next::before{ font-size:18px; width:40px; height:40px; line-height:40px;}
		.popular_l { width:100%}
		.popular_r { width:100%}
		.popular_r .search-form { width:60%; margin:20px auto 0}
		.popular { height:auto; padding:20px  0; overflow:hidden;}
		.popular_l dl dd { line-height:1.5;}
		.t1 h3 { font-size:35px;}
		#solve2 { width:100%}
	    .m-solve-box #solve2 .owl-nav .owl-prev { left:-12px; top:13px;width:30px; height:30px; line-height:30px; text-align:center;}
		.m-solve-box #solve2 .owl-nav .owl-prev::before{font-weight: 100; content: "\e660";left: 0; top: 0;color: #333333; font-size: 18px; width: 30px;  height: 30px; position: relative; line-height: 30px; text-align: center;  display: block;font-family: "iconfont" !important;}
		.m-solve-box #solve2 .owl-nav .owl-next { right:-12px; top:13px;width:30px; height:30px; line-height:30px; text-align:center;    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
		.m-solve-box #solve2 .owl-nav .owl-next::before{font-weight: 100; content: "\e660";left: 0; top: 0;color: #333333; font-size: 18px; width: 30px;  height: 30px; position: relative; line-height: 30px; text-align: center;  display: block;font-family: "iconfont" !important;}
		#solve1 .owl-stage-outer .item ul li a dl dd:first-child+dd+dd { height:inherit}
		.top1 { padding-top: 50px; padding-bottom: 50px;}
		#m-solve { margin-top: 0;}
		.t1 p { font-size:16px;}
		.g_ys .yshd { width:100%; float:none;}
		.g_ys .ysbd { width:100% !important}
		.g_ys .yshd dl:first-child:after { display:none;}
		.g_ys .yshd dl:last-child:after { display:none;}
		.g_ys .yshd dl { width:25%; float:left;}
		.g_ys .yshd .on::before { right:45%;  top: auto; bottom:-12px;    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);}
	.g_ys .yshd dd span { margin: 26px auto 0;}	
	.g_ys .ysbd { margin-top:-1px;}
	   
	.g_ys .ysbd dt ul li:first-child { font-size: 30px;}
	#seventh .counter { font-size:35px;}
	.value_info dl dd em { margin-top:20px;}
	.index4 { padding-bottom:150px;}
	.tab_r ul li a .tar dl dd:first-child+dd { font-size:14px;}
	.tab_r ul li a .tar dl dd:last-child { font-size:12px;}
	.tab_list ul { width:50%;}
	.tab_con {  padding-top: 40px;}
	.tab_l ul li a dl dd:first-child+dd{ font-size:12px;}
	.tab_l ul li a dl dd:last-child{ font-size:14px;}
	
	.demo1{ display:block; }
	.i_current_r  { display:none;}
	.i_current_l  { position:absolute; left:3%; top:0; z-index:2}
	.about1_content { text-align:left;}
	.about1_content p { display:inline}
	.leftSidebar { display:none;}
	.inner_product .content { width:100%}
	.caselist_title { font-size:35px;}
	.news_l { width: 100%; padding: 20px;}
	.news_r { width: 100%; margin-top:30px;  }
	 .case .right ul li .case-imgWrapper { height:190px;}
	.newlist_content ul li a .newlist_r dl dd:last-child p .icon path { height:16px;}
	.t3 h3 { font-size:35px;}
	.contact1_l { width:45%;}
    .contact1_r { width:50%;}
	.contact1_l dl dd:first-child { font-size:25px;}
	.inner_search {  padding-top: 0;}
	.g_ys .ysbd { height:450px !important}
	
	
	
	
	
	
	
	
	
	
	
}


@media only screen and (max-width: 950px){	
    .tab_r ul li {   margin-bottom: 30px;}
    .footer_a ul li { display:none;}
	.footer_a ul li:last-child { display:block !important;}
	.footer_a { width:40%; margin-left:15%}
	.footer_r { width:20%; margin-right:10%}
	.footer_a ul li:last-child dl dt::after { display:none;}
	.footer_a ul li { border-left:0}
	.footer_a ul li:last-child { width:100%; padding-left:0}
	.footer_b { width:20%; margin-right:20%}
	.n_zxc ul li { width:48.5%; margin-left:3%; float:left;}
	.n_zxc ul li:nth-child(2n+1) {   margin-left:0;}
	.case .right ul li .case-imgWrapper { height:180px;}
	.case .right ul li {  margin-bottom: 3%;   min-height:inherit;}
	.playbox .inner { width:90% !important;height:auto !important; left:5% !important; top:30% !important;}
	.playbox .inner .vdo_zoom{   width:100% !important;height:auto !important; margin:0}
	.playbox .inner .vdo_zoom #player-container-id{ width:99% !important; height:auto !important}
	.playbox .close { top:25% !important; right:3% !important; left:auto !important}
	.g_ys .ysbd { height:420px !important}
}




@media only screen and (max-width: 850px){	
     .i_current_l  { width:80%}
	 .case .right ul li .case-imgWrapper { height:160px;} 
	 .g_ys .ysbd { height:410px !important}
}


@media only screen and (max-width: 768px){	
     #solve1 .owl-stage-outer .item ul li:nth-child(4n+1) { margin-left:3%}
	 #solve1 .owl-stage-outer .item ul li:nth-child(2n+1) { margin-left:0}
	 #solve1 .owl-stage-outer .item ul li:first-child { margin-left:0}
	 #solve1 .owl-stage-outer .item ul li { margin-left:3%; margin-bottom:3%; width:48.5%}
	.g_ys .ysbd dt ul li:first-child { font-size: 25px;}
	.index7_info {padding-top:40px;}
	.index7_info ul li:nth-child(5n+1) { margin-left:3%;}
	.index7_info ul li:nth-child(2n+1) { margin-left:0;}
	.index7_info ul li:first-child  { margin-left:0;}
	.index7_info ul li { width:48.5%; margin-left:3%; margin-bottom:3%}
	.index7_info ul li:last-child { display:none;}
	.tab_list .t1 { width:100%; text-align:center}
	.tab_list ul { width:100%; margin-top:30px;}
	.footer_a ul li { min-height:inherit; padding:50px 0}
	.footer_a { padding-bottom:40px;}
	.link_z ul li { margin-bottom:10px;}
	.footer_b { padding-top:50px;}
	.t5 h3{ font-size:35px;}
	.product1_l{ width:100%}
	.product1_r{ width:100%; margin-top:30px;}
	.product1_rd { min-height:inherit;}
	.product1_rt {  padding: 20px 0 20px;}
	.product1_rd {  margin-top: 20px;}
	.product1_rf { margin-top:30px;}
	.caselist_title { font-size:30px;}
	.newlist {  padding-top: 40px;}
	.index3_info { padding-top:40px;}
	.case .right ul li .case-imgWrapper { height:150px;}
	.newlist_content ul li a .newlist_r dl dd:first-child h3 { width:100%}
	.newlist_content ul li a .newlist_r dl dd:first-child p { width:100%; text-align:left; margin-top:10px;}
	.newlist_content ul li a .newlist_r dl dd:first-child p span:first-child { padding-left:0}
	.newlist_content ul li a .newlist_r dl dd:first-child { clear: both;  line-height:inherit;}
	.newlist_content ul li a .newlist_r dl dd:first-child p span .icon {  left: 10px;  top: -2px;}
	.news_next::after {   width: 121%;}
	.t3 h3 { font-size:30px;}
	.t3 p { font-size: 16px;}
	.contact1_l { width:100%; padding:0; clear:both;}
    .contact1_r { width:100%; margin-top:60px;}
	.contact1_info { margin-top: 30px;}
	.contact1_l dl dd:first-child {  margin-top: 10px; height: auto; padding-bottom: 20px;}
	.message { padding-top: 40px;}
	.prod_info ul li {  width: 48.5%;   margin-left: 3%; margin-bottom:3%}
	.prod_info ul li:nth-child(2n+1) {      margin-left: 0}
	.prod_info ul li:nth-child(5n+1) {      margin-left: 3%}
	.prod_info ul li:first-child {      margin-left: 0}
	.prod_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .prod_info ul li { flex: auto;}
    .prod_info ul li:last-child { flex: none;}
	.cate {   margin-bottom: 20px;}
	.page {  margin:40px auto 0;}
	
	.cate_info ul li {  width: 48.5%;   margin-left: 3%; margin-bottom:3%}
	.cate_info ul li:nth-child(2n+1) {      margin-left: 0}
	.cate_info ul li:nth-child(3n+1) {      margin-left: 3%}
	.cate_info ul li:first-child {      margin-left: 0}
	.g_ys .ysbd { height:400px !important}
	.t2 h3 { font-size:35px;}
	.newlist1_info ul li a{ padding:10px;}
	.newlist2 {  padding-top: 50px;}
	.h_height {   height: 50px;}
	.newlist3 { padding-top: 50px;}
	.newlist3_info ul li a { padding:10px;}
	.banner-dot {  bottom: 6px;}
	
	
}


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

   
	 .fz {  width: 94%;}
     .g_ys .ysbd dt ul li:first-child { font-size: 20px;}
	 .index3_info ul li:nth-child(3n+1) { margin-left:3%;}
	 .index3_info ul li:nth-child(2n+1) { margin-left:0;}
	 .index3_info ul li:first-child  { margin-left:0;}
	 .index3_info ul li { width:48.5%}
	 .tab_l { width:100%}
	 .tab_r { width:100%; margin-top:40px;}
	 .footer_a { width: 55%;   margin-left: 10%;}
	 .footer_b { width: 25%;  margin-right: 10%;}
	 .about2_info { padding:50px 0 0;}
	 .about6_info ul li { width:50%;}
	 .productlist_content ul li:nth-child(3n+1) { margin-left: 3%;}
	 .productlist_content ul li:nth-child(2n+1) { margin-left: 0;}
	 .productlist_content ul li:first-child { margin-left: 0;}
	 .productlist_content ul li { width:48.5%; margin-left:3%; margin-bottom:3%}
	 .productlist_content ul li dl dd:first-child+dd { font-size: 17px;  margin: 0 10px 0;}
	 .productlist_content ul li dl dd:last-child { margin: 10px 10px 0;}
	 .productlist_content ul li dl dd:first-child+dd+dd{ margin: 10px 10px 0;}
	 .news_ld dl dd { font-size:12px;}
	 .case .right ul li:nth-child(4n+1) { margin-left:3%;}
	 .case .right ul li:nth-child(2n+1) { margin-left:0;}
	 .case .right ul li:first-child  { margin-left:0;}
	 .case .right ul li { width:48.5%; margin-left:3%; margin-bottom:3%;}
	 .case .right ul li .case-imgWrapper {height: 220px;}
	 .newlist_content ul li a .newlist_l { width:100%}
	 .newlist_content ul li a .newlist_r { width:100%; margin-top:20px;}
	 .newlist_content ul li a .newlist_r dl dd:first-child+dd { margin-top:30px;}
	 .newlist_content ul li a {  padding:20px;}
	 .n_zxc {  margin-top: 20px;}
	 .newlist_content ul li a { padding:20px 20px 40px;}
	 .cotact3_message ul li { width:100%; margin-left:0} 
	 .g_ys .ysbd { height:390px !important}
}

@media only screen and (max-width: 650px){	
     .value_info dl dd { width:50%; margin-bottom:30px;}
	 .about1 .value_info dl dd::before { display:none;}
	 .about1 .value_info { margin-top:0}
	 .i_banner dl dt { font-size:25px;}
	 .i_banner dl dd { font-size:14px; margin-top:0}
	 .i_banner { top:25%;}
	 .inner_product .banner-img img.pc { display:block;}
	 .case .right ul li .case-imgWrapper {height: 210px;}
	 .cotact3_message ul li:last-child {  margin-top: 0;}
	 .g_ys .ysbd { height:370px !important}
	 .t2 h3 { font-size:30px;}
	  .newlist1_info ul li { width: 100%; margin-bottom:3%;  margin-left: 0;}
      .newlist3_info ul li { width: 100%; margin-bottom:3%;  margin-left: 0;}
	  .newlist3_info ul li a dl:last-child dd:first-child+dd {   margin-top: 10px;}
	  .newlist3_info ul li a dl:last-child dd:last-child { margin-top: 10px;}
	  
	  
}
@media only screen and (max-width: 600px){	
     .t1 h3{ font-size:30px;}
	  #solve1 .owl-stage-outer .item ul{ display: flex;flex-direction: row;flex-wrap: wrap;}
      #solve1 .owl-stage-outer .item ul li { flex: auto;}
      #solve1 .owl-stage-outer .item ul li:last-child { flex: none;}
      #solve1 .owl-stage-outer .item ul li a dl dd:first-child { font-size:16px;}
	  #solve1 .owl-stage-outer .item ul li dl { padding:10px;}
	  #solve1 .owl-stage-outer .item ul li a dl dd:last-child span { width: 110px; height: 30px; font-size:12px; line-height: 30px;}
	  .g_ys .yshd dl p { font-size:16px; margin-top:4px;}
	  .g_ys .yshd dl { height:80px;}
	  .g_ys .yshd dd span { height:25px;}
	  .g_ys .yshd dd span img{ height:25px;}
	   .g_ys .yshd dd span {margin: 12px auto 0;}
	   .g_ys .yshd dl:first-child+dl dd span{ height:25px;}
	   .g_ys .yshd dl span .ji1 {  left: 7px;} 
	  .g_ys .yshd dl span .ji2 {  left: 7px;} 
	  .g_ys .yshd .on span .ji1 {  left: 7px;} 
	  .g_ys .yshd .on span .ji2 {  left: 7px;} 
	  .g_ys {  padding-top: 40px;}
	   .g_ys .ysbd dt ul li:first-child { font-size:18px;}
	   .g_ys .ysbd dt ul li:last-child { font-size: 14px; margin-top: 15px;}
	   .g_ys .ysbd dt a { bottom:10%;}
	   .g_ys .ysbd dt a { font-size:14px;  width: 110px; height:35px; line-height: 35px;}
	   .g_ys .ysbd dt a span::after { top:8px;}
	   .g_ys .ysbd { height:auto !important}
	   .value_info dl dd{ padding:15px;}
	  #IndexBlock2 .PNBtn .prev { left:-5px}
	   #IndexBlock2 .PNBtn .next { right:-5px}
	   #IndexBlock2 { padding:15px}
	  #IndexBlock2 .PNBtn span { top:35%;}
	  .copyright_l { width:100%; text-align:center; font-size:12px;}
	  .copyright_r { width:100%; text-align:center; margin-top:10px; font-size:12px;}
	  .i_current_l ul li a { font-size:12px;}
	  .i_current_l ul li::after {  left: -30px; top: 26px; font-size: 12px;}
      .i_current_l ul li:first-child {  padding-left: 33px;}
	  .i_current_l ul li {  margin-right: 27px;}
	   .demo1 { height:60px; line-height:60px;}
	  .i_current{ height:60px; line-height:60px;}
	  .i_current_l ul li .icon { top: 17px;}
	  .i_current_l ul li::after {  top: 16px;}
	  .select2 dt::before { top: -6px;}
	  .t5 h3{ font-size:30px;}
	  .about2_info ul li { width:100%; margin-bottom:30px;}
	  .about2_info ul li::before { display:none;}
	  .about4 #IndexBlock2 { margin-top: 40px;}
	  .about5 {    margin-top: 0;}
	  .select2 dd { top:60px;}
	  .about2_info ul li dl dd:first-child+dd{ font-size:30px;}
	  .product2_t { height:45px;}
	  .product2_t h4 { font-size:18px;  width: 120px;    height: 45px;  line-height: 45px}
	  .product2_t h4 span {   padding-left: 8px; margin-top: 12px; line-height: 25px; border-left: 3px solid #fff;}
	  .product2 { padding: 20px;}
	  .product1{ padding: 20px;}
	  .product3 {    height:45px; margin-top: 30px;}
	  .product3 a { width: 110px; font-size: 14px; height: 45px;  line-height: 45px;}
	  .page span.page_list a { font-size:13px; padding: 6px 12px;}
	  .news_next ul li { padding-top: 24px;}
	  .news_next ul li::after { top: 24px;}
	  .news_next ul li:last-child::after { top: 22px;}
	  .g_ys .ysbd { height:300px !important}
	  
	  
}
@media only screen and (max-width: 550px){	
      .footer_a { width: 60%;   margin-left: 3%;}
	 .footer_b { width: 25%;  margin-right: 3%;}
	 .case .right ul li .case-imgWrapper {height: 205px;} 
	  
	  
}


@media only screen and (max-width: 500px){	
    .m_search ul li:first-child { display:none;}  
	.m_search { width: 75%;  margin-right: 0;}
	.m_img .headrg {  width: 232px;}
	.m_search {  width: 82%;}
	.m_search ul li:last-child a p { padding-left: 32px;}
	.tab_r ul li a .tar dl dd:last-child::after { top: -2px;}
	.tab_r ul li a .tar dl dd:first-child { font-size:16px;}
	.tab_r ul li a .tar dl dd:first-child+dd { margin-bottom:10px;}
	.tab_r ul li a .tar dl dd:first-child{ margin-bottom:10px;}
	.tab_r ul li a .tar dl dd:last-child{ margin-top:10px;}
	.productlist_content ul li dl dd:last-child span a::after { display:none;}
	.productlist_content ul li dl dd:last-child span a { text-align:center; text-indent:0; height:30px; line-height:30px;}
	.productlist_content ul li dl dd:last-child span { height:30px;}
	.inner_product {  padding-top: 40px;}
	.h_height{ height:45px;}
	.page {  margin: 45px auto 0;}
	.case .right ul li .case-imgWrapper {height: 200px;} 
	.g_ys .ysbd dt ul { position:inherit; width:100%; margin-top:30px; top:0; left:0}
	.g_ys .ysbd dt ul li { color:#fff;}
	.g_ys .ysbd { height:400px !important}
	.g_ys .ysbd dt a { position:inherit; bottom:0; left:0; margin-top:20px;}
	
	
	
	
}


@media only screen and (max-width: 450px){	
     .popular_l dl dd { font-size:14px;}
	 .index3_info ul li a dl dd:last-child { font-size:14px;}
	  .footer_a { width: 100%;   margin-left: 3%; padding-bottom:0}
	 .footer_b { width: 100%; padding-top:0;  margin-right: 0; margin:0 auto; padding-bottom:30px;}
	 .footer_b ul { width:40%; margin:0 auto}
	 .footer_a ul li dl dt {   margin-bottom: 20px;}
	 .footer_a ul li dl dd {  margin-bottom: 10px;}
	 .link_z ul li { font-size:12px;}
	  .i_banner dl dt { font-size:20px;}
	 .i_banner dl dd { font-size:12px; margin-top:0}
	 .i_banner { top:20%;}
	 .i_current_l{ width:85%}
	 .product1_rf ul li:last-child p { font-size:25px;}
	 .case .right ul li .case-imgWrapper {height:180px;} 
}


@media only screen and (max-width: 420px){	
    .m_img .headlf .m_logo { height:47px;   margin-top:23px;}  
    .m_search { width: 80%;}
    .m_search ul li:last-child { width:100%}
    .m_img .headrg { width: 218px;}
	.popular_r .search-form { width:80%;}
	 .case .right ul li .case-imgWrapper {height:170px;} 
	
}

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

}