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

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

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

}

 
.nodata { height:100px; width:100%; text-align:center;}
.fz { margin:0 auto; width:92%; max-width:1640px;  }
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
a { text-decoration:none;color:#000;}
a:hover{ color:#4d91ce;}
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:#4d91ce; color:#fff;WIDTH: 50px; BOTTOM: 20px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto; z-index:999;}
#goTopBtn:hover{  background:#333333 ; } 
#goTopBtn::before {   content: "\f0117"; right:0; top:20px; line-height:30px; color:#fff; font-weight:bold; font-size:14px; width:50px; height:50px; text-align:center; position:absolute; left:0; top:0;  } 
#goTopBtn:hover::before{ color:#fff;}

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

 
/* ===================首页视频========================== */
.banner_box video{height: 100vh;}
.banner_box{max-height: 100vh; overflow: hidden; display: flex; align-items: center; position: relative;}
.banner_box:before{content: ''; width: 100%; height: 100%; background: url(../image/20240619171345_1708670669.png) repeat 0px 0px; position: absolute; left: 0px; top: 0px; display: block;}
.banner_txt{position: absolute; text-align: center; margin-top: 100px; width: 100%;}
.banner_txt p{font-size:36px;  color: #fff;  text-shadow: 0 0 10px rgba(0,0,0,0.3);}
.banner_txt span{font-size: 52px; font-weight:bold; color: #fff; display: inline-block; text-shadow: 0 0 10px rgba(0,0,0,0.3); margin: 10px auto 60px;}
.banner_txt ul{display: flex; width: 100%; align-items: center; justify-content: center;}
.banner_txt li{float: left; color: #fff; font-size: 18px; background: #4d91ce; padding: 10px 50px; border-radius: 30px;}
.banner_txt li+li{margin-left: 4%;}
.banner_txt a{display: inline-block; height: 45px; line-height: 45px; text-align: center; color: #fff; margin: 80px auto 0; font-size: 16px; border: 1px solid rgba(255,255,255,0.3); padding: 0 40px; position: relative; transition: 0.3s ease all; z-index: 3;}
.banner_txt a:before{content: ''; width: 0%; height: 100%; background: #fa4017; position: absolute; left: 0; top: 0; z-index: -1; transition: 0.3s ease all;}
.banner_txt a:hover:before{width: 100%;}


 
/* ===================导航========================== */
.index_head { width:100%;height:100px;    z-index: 5555; position:fixed; background:rgba(0,0,0,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.logo { width:20%;}
.logo a{ display:block; width:205px; height:53px; overflow:hidden; margin-top:26px; position:relative;}
.nav_search { width:10%;}
.logo img { position:absolute; left:0;height:53px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.logo1 { top:0; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.logo2 { top:55px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.fixed .logo .logo1 { top:-55px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.fixed .logo .logo2 { top:0;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.fixed .logo a { margin-top:15px;}


.top_head { width:100%; height:100px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; position:fixed;   z-index:999; }
.headlf { display:none;}
.nav_z{z-index: 9999; position:relative; }
.nav_z .nav{display: block; width:70%; 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{    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 { display: flex;flex-direction: row;flex-wrap: wrap;}
.nav_z .nav ul li{ box-sizing: border-box; display:inline-block; text-align:center;z-index: 999; width:auto !important; padding:0 3%;  position:relative; } 
.nav_z .nav ul li .f_a{ line-height:100px;position:relative;  display:inline-block;font-size:18px;color:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.fixed .nav_z .nav ul li .f_a{ line-height:80px;position:relative;  display:inline-block;font-size:18px;color:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.inner_header .nav_z .nav ul li .f_a{  color:#fff; } 
.inner_header .nav_z .nav ul li:hover .f_a{  color:#4d91ce; } 
.inner_header .fixed .nav_z .nav ul li .f_a{  color:#000; } 
.inner_header .nav_z .nav ul li:hover .f_a{  color:#4d91ce; } 
.nav_z .nav ul li  .s_navbox .s_a { padding:0 10px;}
.nav_z .nav ul li .s_navbox .s_a a { border-bottom:1px solid #f2f2f2}




 
.nav_search ul li {  float:left; position:relative; height:100px; width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.fixed .nav_search ul li {   height:80px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.nav_search .demo ul li{ height:40px;}
.nav_search .demo ul li:first-child{ width:100%; text-align:center;}
.nav_search ul li:first-child{ width:76%; text-align:right;}
.nav_search ul li:last-child{ width:24%;}
.nav_search ul li span { display:block; color:#fff; font-size:18px; font-weight:bold; line-height:140px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.fixed .nav_search ul li span { color:#000; line-height:80px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 

.nav_search ul li:last-child a::before { z-index:9999;  font-family: "iconfont"; display:block; position:absolute;   content: "\e86e"; right:0; top:36px; color:#fff;   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 .nav_search ul li:last-child a::before {  top:26px; color:#000;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s  }
.nav_search ul li span em { font-style:normal; display:inline-block; padding-left:30px; position:relative;}
.nav_search ul li span em::before{ width:25px; height:25px; line-height:25px; text-align:center; font-family: "iconfont"; display:block; position:absolute;  content: "\e615"; left:-5px; top:55px; color:#fff; font-size:21px; font-weight:100;  transform: rotate(95deg);
    -moz-transform: rotate(95deg);
    -ms-transform: rotate(95deg);
    -o-transform: rotate(95deg);
    -webkit-transform: rotate(95deg);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
.fixed .nav_search ul li span em::before { color:#000;   top: 28px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} 
 
.nav_z .nav ul .search a::before { z-index:9999;  font-family: "iconfont"; display:block; position:absolute;  content: "\e86e"; right:0; top:11px; color:#333333; background:#4d91ce; font-size:25px; width:40px; height:40px; text-align:center; line-height:40px; border-radius:100px; 
} 

.nav_z .nav ul li:hover .f_a{color: #4d91ce; transition:all .3s}
.nav_z .nav ul li .s_navbox{      top: 100px;display:none;position: absolute;left: 0;width: 100%; background:#fff; z-index: 9999;box-sizing: border-box;  }
.fixed .nav_z .nav ul li .s_navbox{     top: 81px;} 
.nav_z .nav ul li .s_navbox .s_a a{color:#4d4d4d;font-size:14px;text-transform:uppercase;display:block;padding:15px 0;  }
.nav_z .nav ul li .s_navbox .s_a a:first-child{position:relative;}
  
.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: #4d91ce; } 
.m_nav{display:none} 
.headrg .m_menuimg{display: none} 
.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 { width: 100%;  height:80px;  position: fixed; left: 0;  top: 0;   z-index: 5000; background:rgba(255,255,255,1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; border-bottom:1px solid #f4f4f4; }
.fixed .nav_z .nav ul li .f_a {  color: #000;}
 .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;} 


.index_head .demo { width:100px; float:right; height:95px; }
.header .fixed .demo {  height:80px;}
.header .fixed .select dt{  height:80px;} 
.select{position:relative;float:left;width:100%;}
.fixed .select dt::before { color:#000;    top: 31px;}
.fixed .select dt::after { color:#000;    top: 31px;}
.fixed .select .cur::before { color:#4d91ce;   }
.fixed .select .cur::after { color:#4d91ce;    }
.fixed .select dd { top: 81px;}
.select dt::before { position:absolute;  font-family: "iconfont" !important;  content: "\e629"; left:0; top:39px; color:#ffffff; font-size:20px; line-height:20px; width:20px; height:20px;animation: rotate 4s linear infinite;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } 
.select:hover dt::before{   animation: rotate 0s linear infinite; color:#4d91ce; animation: rotate 4s linear infinite;  } 
.select { cursor:pointer;} 
.select dt{height:100px; text-align:left; line-height:100px;display:inline-block;  color:#fff; cursor:pointer;width:100%;  position:relative;z-index:99;font-size:14px;}
.select dt::after { position:absolute;  font-family: "iconfont" !important;  content: "\f0117"; left:30px; top:39px; color:#ffffff; font-size:20px; line-height:20px; width:20px; height:20px;animation: rotate 4s linear infinite;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;     transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);} 
.select:hover dt::after { color:#4d91ce;  animation: rotate 4s linear infinite;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;     transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);} 
.select .cur::after { color:#4d91ce;  animation: rotate 4s linear infinite;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;     transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);} 	
.select .cur::before { color:#4d91ce; }			
.select dt:hover,.select dt.cur{}
.select dd{position:absolute;left:0;top:100px; display:none; width:100%;}
.select dd ul{width:100%;  text-align:center}
.select dd ul li a{line-height:40px;display:block; color:#333333;background:#fff; width:100%; font-size:14px; margin-top:1px;}
.select dd ul li a:hover{background:#4d91ce; color:#ffffff !important}
.nav_search .demo ul li:last-child { width:100%}
.nav_search .demo ul li:last-child a::before{ display:none;}


/*小于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:31px  0 0 0; white-space:nowrap;color:transparent;z-index:20;cursor:pointer; }
	.a_js span{display:block;height:2px;background:#fff;margin-bottom:8px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
	.fixed .a_js span{ background:#4d91ce;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:85px; width:100%;z-index:9999;overflow: hidden; position:relative;}
 
 
   .m_img img { position:absolute; left:0;   display:block;height:45px;}
   .m_img .mlogo1 { top:0; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .m_img .mlogo2 { top:60px;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 .mlogo1 { top:-60px;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 .mlogo2 { top:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .m_img .headlf a{ width:200px; overflow:auto; position:relative; margin-top:21px; margin-left:20px;   display:block;height:45px;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 a{  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;} 
   .fixed  .m_en { color:#000}
   .m_img .headrg{ position:absolute; right:3%;  height:85px; top:0; z-index:66666; width:140px}
   .m_img .headrg .m_em{ width:60px; display:block; float:left; line-height:90px; text-align:right; font-size:25px; height:90px; background:url(/themes/english/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(/themes/english/images/plus.png) no-repeat right center ; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(/themes/english/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;}
   
}
.m_en { display:none; width:50px; text-align:center ; line-height:85px; height:85px; position:absolute;right:100px; top:0; color:#fff; font-size:18px; z-index:666666}

@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;}  
} 
  
#in_search .p_sort_content { height:70px; line-height:70px; font-size:20px;}	
.in_search_info { line-height:40px;height:40px; margin-top:40px}
.in_search_info ul li { display:inline-block; margin-right:40px;}
.in_search_info ul li a{ display:inline-block; color:#333333}
.in_search_info ul .cur a { color:#a64543}
.in_search_info ul li:hover a { color:#a64543}

 /**Banner图片**/
#IndexBan{ position: relative;   }
#IndexBan img{ display: block; height:100vh }
#IndexBan .swiper-slide a { display:block; height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover;}
#IndexBan .BanPoints{ position: absolute; bottom:40px; z-index: 2; text-align: center; }
#IndexBan .BanPoints span{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear;  width:40px; background:#fff; height:2px;  line-height:80px; overflow:hidden;   opacity: 1; vertical-align: middle; position: relative; }
#IndexBan .BanPoints .swiper-pagination-bullet-active{ width:40px; background:#4d91ce;}
#IndexBan .PNBtn span{ cursor:pointer; position:absolute; top:50%; z-index:33333; display:block; height:50px; border:1px solid #fff; line-height:50px; width:50px; border-radius:50%; opacity:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBan:hover .PNBtn span{  opacity:0.6; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBan .PNBtn .Banprev{  left:2.6%;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBan .PNBtn .Banprev::before{ height:50px; width:50px; line-height:50px; text-align:center; position:absolute; left:0; top:0;content: "\e660";font-family: "iconfont" !important; color:#fff; font-size:20px;}
#IndexBan .PNBtn .Bannext::before{ height:50px; width:50px; line-height:50px; text-align:center; position:absolute; left:0; top:0;content: "\e660";font-family: "iconfont" !important; color:#fff; font-size:20px;    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#IndexBan:hover .PNBtn .Banprev{   left:5%;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBan .PNBtn .Bannext{  right:2.6%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#IndexBan:hover .PNBtn .Bannext{   right:5%;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
#AutoBan{ position: relative; overflow: hidden; }
#IndexBan .PNBtn span:hover { background:#4d91ce; opacity:1 !important;}
#AutoBan img{ display: block; max-width: 100%; animation: scaleAnim 5s ease forwards; }
#AutoBan .pc{ display: block; }
#AutoBan .phone{ display: none; }
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

 



/* search */
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:1000000;display:none;top:0;left:0; opacity:0.7 !important}
.reveal-modal{visibility:hidden;top:40% !important;left:20%;width:60%;position:fixed;z-index:10000000; }
.fixed .reveal-modal { position:fixed;      transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.reveal-modal .close-reveal-modal {cursor:pointer;} 
.nav_z .nav ul .search a{display:block;width:40px; float:right; height:90px;margin:0 auto;text-align:center;font-size:18px;color:#5e5e5e;text-decoration:none;}
.search_modal_r { position:relative; width:100%; height:70px; border-bottom:1px solid #fff;}
.search_modal_r .text_search { font-size:20px;width:80%; padding:0 10px; float:left; border:0; background:none; color:#fff;height:70px; line-height:70px;  }
.search_modal_r .search_btn { text-align:center; line-height:10px; width:60px; margin-right:80px;float:right; position:relative;   height:40px; margin-top:15px;}
.search_modal_r .search_btn:hover {    }
.search_modal_r .close-reveal-modal { width:70px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:45px; position:absolute; right:0; top:0; font-weight:100; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.search_modal_r .close-reveal-modal:hover { color:#4d91ce;  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;  } 
.search_modal_r .search_btn:hover::before {   color:#4d91ce;    } 
.search_modal_r .text_search::-webkit-input-placeholder { color: #fff;font-family:"微软雅黑"   }
.search_modal_r .text_search::-moz-placeholder { color: #fff;font-family:"微软雅黑"  }
.search_modal_r .text_search::-moz-placeholder {  color: #fff; font-family:"微软雅黑"  }
.search_modal_r .text_search::-ms-input-placeholder {    color: #fff;  font-family:"微软雅黑" } 
 
	
	
/* 首页产品 */	
.t1{ text-align:center;}
.t1 p { color:#929499; font-size:20px; font-family:"Arial"; text-transform:uppercase; padding-top:100px}	
.t1 h3 { color:#333333; font-size:42px;}
.t1 h3:after { display:block; margin:27px auto 0; width:60px; height:2px; background:#4d91ce; content:""; }
.index1_content { padding-top:40px}
.index1_content ul li { float:left; position:relative; width:23.9%; overflow:hidden;}
.index1_content ul li img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index1_content ul li:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.index1_content ul li a dl { width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); z-index:55}
.index1_content ul li:hover a dl {  background:rgba(77,145,206,1)}
.index1_content ul li a dl dd { color:#fff; font-size:30px; text-align:center; padding:20px 0}
.index1_content ul li:first-child a dl dd {  padding:35px 0} 
.index1_content ul li:first-child { margin-right:0.8%; width:50.6%} 
.index1_content ul li:first-child+li {  width:48.6%; margin-bottom:0.79%} 
.index1_content ul li:last-child { margin-left:0.8%;}
.i_product_content { padding-top:60px}
.i_product_content ul li { float:left; position:relative; width:23.5%; margin-left:2%;background:#4d91ce; padding-bottom:30px;}
.i_product_content ul li img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.i_product_content ul li:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.i_product_content ul li a dl dd:first-child+dd { font-weight:bold;   margin:20px 20px 0;text-align:center; color:#fff; font-size:24px;}
.i_product_content ul li a dl dd:first-child+dd+dd {   margin:20px 20px 0;  line-height:1.5;   color:#fff; font-size:16px;}
.i_product_content ul li a dl dd:first-child { width:100%; overflow:hidden;} 
.i_product_content ul li a dl dd:last-child {  margin:40px 20px 0;}
.i_product_content ul li a dl dd:last-child span { position:relative; margin:0 auto;font-size:14px; display:block; width:150px; height:35px; line-height:35px; border-radius:80px; background:#fff; color:#4d91ce; text-indent:2.5em;}
.i_product_content ul li:hover a dl dd:last-child span {   background:#4d91ce; color:#fff; border:1px solid #fff  }
.i_product_content ul li a dl dd:last-child span i { display:block;  font-style:normal; line-height:45px; height:35px; width:35px; position:absolute; right:20px; top:0; text-align:center;text-indent:0;}
.i_product_content ul li:hover a dl dd:last-child span i path{ fill:#fff }
.i_product_content ul li:first-child {  margin-left:0;}
.index1 { width:100%; overflow:hidden; background-image:url(../image/product_bj.jpg); padding-bottom:168px;    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* 解决方案 */	
.index2 { width:100%;   position:relative;}
.index2_title { width:100%; position:absolute; left:0; top:0; z-index:666;}
.index2_title .t1 p { color:#fff}
.index2_title .t1 h3 { color:#fff}
#solve1 img { width:100%; display:block;}
.m-solve { width:100%; position:relative;}
.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-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}
 #solve2 .owl-item img{display:block; height:100%; width:auto !important; float:right;}
.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}.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-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(/themes/english/style/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{ text-align:center;-webkit-tap-highlight-color:transparent; display:none;}
.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-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{ width:100%;   position:absolute; left:0; bottom:0; z-index:55;}

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

}
#solve2 .item {  color: #FFF;   text-align: center;  cursor: pointer;   height: 234px; }
#solve2 .current .solve2Item{ background:#4d91ce}
#solve2 .solve2Item{width: 100%;height: 100%; }
.solitem-img{ height: 49px;/*overflow: hidden;*/display: inline-block;position: relative;}
.solitem-p{font-size: 14px;color: #666;padding-top: 14px;}
.solicoimg1{ }
#solve2 .current .item .solitem-p{color: #0168b7;}
.m-solve-box .owl-nav .owl-prev{width: 20px;height: 37px;overflow: hidden;background: url("/themes/english/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("/themes/english/images/l-btn.png") no-repeat center bottom;}
.m-solve-box .owl-nav .owl-next{width: 20px;height: 37px;overflow: hidden;background: url("/themes/english/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("/themes/english/images/r-btn.png") no-repeat center bottom;}
.sol-con{width: 533px;height: 191px;display: table;vertical-align: middle;background: url("/themes/english/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("/themes/english/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("/themes/english/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("/themes/english/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);}
.solitem-img dl dd{ display:inline-block; float:left;}
.solitem-img dl dd:first-child { height:50px; width:32%; margin-right:4%; text-align:right; }
.solitem-img dl dd:last-child { height:50px; font-size:22px; width:50%; margin-right:10%; text-align:left; margin-top:-5px; }
.solve2Item{-ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 234px; }
.solitem-img { width:100%; text-align:center;}
.m-solve-box .container  { border-top:1px solid rgba(255,255,255,0.3); position:relative;  }
.container_info { position:absolute; left:0; bottom:0; z-index: 55; width:100%}

#solve2 .item::after { content:""; display:block; left:0; top:0; background:rgba(255,255,255,0.3); width:1px; height:100%; position:absolute; }
#solve2 .owl-stage-outer .owl-stage div:first-child .item::after { display:none;}
#solve2 .owl-stage-outer .owl-stage .current .item::after { display:none;}
.container_z {  }
.item_info::before { content:""; display:block; left:0; top:0; background:rgba(255,255,255,0.3); width:1px; height:100%; position:absolute; z-index:555; }
.item_info::after { content:""; display:block; right:0; top:0; background:rgba(255,255,255,0.3); width:1px; height:100%; position:absolute;  z-index:555; }
#solve1 .item a{ width:100%; display:block; height:100%; position:relative;}
.item_content { width:100%; height:100%; position:absolute; left:0; top:0; z-index:9999;}
.item_info {   height:100%; position:relative; overflow:hidden;}
.item a .item_info dl { width:400px; margin-top:300px; margin-left:50px;}
.item a .item_info dl dd { color:#fff;}
.item a .item_info dl dd:first-child { font-size:42px;}
.item a .item_info dl dd:first-child+dd { font-size:18px; margin-top:30px; line-height:1.6;}
.item a .item_info dl dd:last-child { margin-top:50px;}
.item a .item_info dl dd:last-child span { position:relative; text-indent:2em; display:block; width:160px; height:45px; border:1px solid #fff; line-height:45px; border-radius:100px;}
.item a .item_info dl dd:last-child span::after {text-indent:0; height:25px; width:25px; line-height:25px;
    text-align: center;
    position: absolute;
    right:20px;
    top:10px;
    content: "\e660";
    font-family: "iconfont" !important;
    color: #fff;
    font-size: 16px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); } 
.item a .item_info dl dd:last-child span:hover {  border:1px solid #4d91ce; color:#fff; background:#4d91ce}
 



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

 
}

@media (min-width: 1441px){ 
}

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


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

    .m-com-news-h1{font-size: 25px;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-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;}


}


/* 首页关于我们 */	
.index3 { width:100%; padding-top:140px;}
.index3_l { width:48%}
.index3_r { width:48%}
.index3_lt .t1 { text-align:left;}
.index3_lt .t1 h3:after {  margin: 27px 0 0;}
.index3_lt .t1 p { padding-top:0}
.index3_content { line-height:2; margin-top:35px; color:#666666; font-size:14px;}
.index3_content p { margin-bottom:20px;}
.index3_content p:last-child { margin-bottom:0;}
.index3_more { margin-top:40px;}
.index3_more a { position:relative; text-indent:2em; color:#fff; display:block; width:160px; height:45px; background:#4d91ce; border:1px solid #4d91ce; line-height:45px; border-radius:100px;}
.index3_more a::after {text-indent:0; height:25px; width:25px; line-height:25px;
    text-align: center;
    position: absolute;
    right:20px;
    top:10px;
    content: "\e660";
    font-family: "iconfont" !important;
    color: #fff;
    font-size: 16px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); } 
.index3_more a:hover {  border:1px solid #4d91ce; color:#4d91ce; background:#fff}
.index3_more a:hover::after { color:#4d91ce} 

/* 数字*/
.value_content{width: 100%; min-height: 200px; top: 30%; left: 0; position: absolute; color: #fff;}
.value_info { width:100%; margin-top:80px; position:relative; z-index:999}
.value_info dl dd {   float:left; position:relative;} 
.value_info dl dd:first-child {width:38%;  } 
.value_info dl dd:first-child+dd {width:37%;  }
.value_info dl dd:last-child {width:25%;  } 
.value_info dl dd:last-child .i_img { right:0}

.value_info dl dd .value_i {   } 
.htmleaf-container { height:130px;}
.buttonBox{ outline:none;transition:all 1s;  }
#seventh span{ color:#e62129;      font-family: "DIN";  position:relative;text-transform:uppercase;  letter-spacing:1px; border:none;      font-size:46px;outline:none;transition:all 1s; }
.value_info ul li .value_t { font-size:20px; color:#333333;}
#seventh .i_i { font-style:normal; font-family: "DIN";  color: #e62129; display:inline-block; font-size:35px; position:absolute; right:-30px; top:5px;}
.buttonBox p { font-size:16px;color: #666666;    margin-top:10px;}
.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 { display:inline-block; position:relative;    font-style:normal;}
.value_info dl dd .i_img { display:block; height:46px; width:46px; line-height:46px;   border-radius:5px; position:absolute; right:72px; top:11px; z-index:99}
.value_info dl dd:last-child em .i_img img {   height:26px; margin:10px auto 0 }
.value_info dl dd:first-child+dd+dd+dd em .i_img img {   height:26px; margin:10px auto 0 }
.value_info dl dd:first-child+dd em img {  left:-110px;  }
.value_info dl dd:first-child+dd+dd em img {  left:-100px;  }
 
/*视频弹窗*/
.about_video img{ width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about_video:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about_video .bgs:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background-image:url(../image/about_pic2.png); background-size:80px 80px;background-repeat:no-repeat; background-position:center center;transition:all 0.4s;}
.about_video:hover .bgs:after{ background-image:url(../image/about_pic2h.png); background-size:80px 80px;background-repeat:no-repeat; background-position:center center;transition:all 0.4s;}
/*.about_video .bgs:before { content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.3); }
.about_video .bgs:hover:before {  background:rgba(0,0,0,0); }鼠标经过*/


.about_video .bgs {   height: 100%;  overflow: hidden; transition: all 0.4s; position: absolute;  bottom: 0%;  left: 0;  width: 100%; background: rgba(0,0,0,0.1);  display: flex;   justify-content: center;  align-items: center;}
 .about_video { cursor: pointer;  overflow: hidden;  position: relative;  margin-top: 20px;}
#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(../image/about_bg.png);z-index: 1000000000000000000;}
.popupVideo {
  max-width:890px;
  width:96%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 120;
  display: none;
  border-radius:4px;
  outline:none;
z-index: 10000000000000000000;}
.popupVideo iframe,
.popupVideo video {
  width: 100%;
  max-height: 500px;
   background: #000;
}
.popupVideo .close { z-index:100000000000000000000;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -20px;
  right: -20px;
  background: url(../image/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:#e50012;
    background-image:url(../image/c10.png);
}
 

/* 核心能力  */	
.index4 {  padding-bottom:150px; width:100%; overflow:hidden;  position: relative;background-position: center; background-repeat: no-repeat; background-size: cover;}
.index4_title .t1 p { color:#fff}
.index4_title .t1 h3 { color:#fff}
.t1 span { display:block; text-align:center; font-size:18px; padding-top:15px; color:#fff} 
.index4_content { padding-top:78px;}
.index1 .t1 span { color:#666666}
/* 必要布局样式css */
.serve-content {
    position: relative;
}

.serve-content-box { 
    margin: 0 auto;
}

.serve-content-title {
    text-align: center;
    font-size: 32px;
    color: #333;
    padding-top: 124px;
    padding-bottom: 15px;
}

.serve-content-text {
    width: 184px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center; 
}

.serve-content-text em {
    display: inline-block;
    padding: 0 10px;
    background: #FFF;
    font-size: 14px;
    color: #777;
    font-style: normal;
}

.serve-content-btn {
    text-align: center;
    padding: 45px 0 104px;
}

.serve-content-btn a {
    display: inline-block;
    width: 190px;
    height: 55px;
    background-color: rgb(0, 162, 255);
    color: rgb(255, 255, 255);
    box-shadow: rgba(4, 195, 255, 0.5) 0px 5px 15px;
    border-radius: 8px;
    font: 400 16px/55px 微软雅黑;
}

.serve-content-list { float: right; width:20%; padding-top:60px;}

.serve-content-info { width:75%;  float: left;position: relative;}

.serve-content-btn a:hover {
    background: #41b8fc;
}

.serve-content-middle {
    overflow: hidden;
}

.serve-content-list ul li { height:106px; line-height:106px; color:#fff; font-size:24px; position:relative;
    display: block;
    width: 100%;
    background:rgba(0,0,0,0.4);
    margin-bottom: 16px;
    cursor: pointer;
}

.serve-content-list ul .on {  background: #4d91ce; }

.serve-content-list ul li span {display:inline-block; position:relative;margin-left:90px; }
.serve-content-list ul li span::before {  background:#4d91ce; width:8px; height:1px; position:absolute; left:-30px; top:53px; content:""; 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;}
.serve-content-list ul .on span::before {  left:-35px;  background:#fff;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
 
.serve-content-list ul li:before { overflow:hidden; content:""; display:block; width:68px; height:68px; line-height:68px; border-radius:100px; border:1px solid #fff; position:absolute; right:33px; top:20px;} 
.serve-content-list ul .on:before {  border:1px solid #fff; background:#fff; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } 

.serve-content-list ul li:first-child:before { background:url(../image/icon5a.png) no-repeat center 0px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.serve-content-list ul li:first-child.on:before { background:#fff url(../image/icon5a.png) no-repeat center -68px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.serve-content-list ul li:first-child+li:before { background:url(../image/icon6a.png) no-repeat center 0px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.serve-content-list ul li:first-child+li.on:before { background:#fff url(../image/icon6a.png) no-repeat center -68px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.serve-content-list ul li:first-child+li+li:before { background:url(../image/icon7a.png) no-repeat center 0px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.serve-content-list ul li:first-child+li+li.on:before { background:#fff url(../image/icon7a.png) no-repeat center -68px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.serve-content-list ul li:last-child:before { background:url(../image/icon8a.png) no-repeat center 0px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.serve-content-list ul li:last-child.on:before { background:#fff url(../image/icon8a.png) no-repeat center -68px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
 

.serve-content-info ul li dl dd:first-child{ font-size:30px; height:30px; line-height:30px; border-left:4px solid #4d91ce; padding-left:20px; color:#fff; font-weight:bold; }
.serve-content-info ul li dl dd:first-child+dd{ color:#fff; line-height:1.7; font-size:17px; margin-top:15px; min-height:60px}
.serve-content-info ul li dl dd:last-child { width:100%; margin-top:20px;}
.serve-content-info ul li dl dd:last-child img { display:block; width:100%}

.serve-image-box {
    background: url(/themes/english/images/cclarity-bg.png);
    width: 640px;
    height: 195px;
    padding: 47px 159px;
    position: absolute;
    top: 72px;
    left: 0;
}

.serve-image-comm1 {
    width: 48px;
    height: 29px;
    position: absolute;
    left: 80px;
    top: 28px;
}

.serve-image-comm2 {
    width: 48px;
    height: 29px;
    position: absolute;
    right: 95px;
    bottom: 35px;
}

.serve-image-info {
    width: 322px;
    height: 99px;
}

.serve-image-info-title {
    overflow: hidden;
}

.serve-image-info-title span {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.serve-image-info-title span img {
    display: block;
    float: left;
}

.serve-image-info-title p {
    line-height: 32px;
    display: block;
    float: left;
    font-size: 22px;
    color: #fff;
}

.serve-image-info strong {
    display: block;
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    padding-top: 14px;
}


/* 首页合作伙伴  */	
.index6 { width:100%; }

.service3_faq { padding-top:40px;}
.service3_faq ul li { float:left; width:45%; margin-left:5%; margin-bottom:40px; border-bottom:1px solid #f2f2f2; padding-bottom:30px; position:relative;}
.service3_faq ul li:nth-child(2n+1) {   margin-left:0; }
.service3_faq ul li a dl dd:first-child { font-size:24px; color:#333333; margin-left:30px;}
.service3_faq ul li:hover a dl dd:first-child {   color:#4d91ce;  }
.service3_faq ul li a dl dd:first-child+dd{ font-size:16px; color:#a5a5a5; line-height:1.5; margin-top:20px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; margin-left:30px;}
.service3_faq ul li a dl dd:last-child { font-size:14px; color:#c2c2c2; margin:10px 0 0 30px;}
.service3_faq ul li a dl dd i{ display:block; width:30px; line-height:30px; height:30px; position:absolute; font-weight:bold;  }
.service3_faq ul li a dl dd .fi1 {   left:0; top:3px;}
.service3_faq ul li a dl dd .fi2 {  left:0; top:56px;}




/* 底部  */	
.index5 {background-position: center; background-repeat: no-repeat; background-size: cover; width:100%; padding-bottom:120px; overflow:hidden; }
.index5_title { position:relative;}
.index5_title a { position:absolute; right:0; bottom:0;  width:160px; height:45px;  }
.index5_title a span { padding-top:0; font-size:14px; text-align:left; text-indent:2em; position:relative;  color:#fff; display:block; width:160px; height:45px; background:#4d91ce; border:1px solid #4d91ce; line-height:45px; border-radius:100px;}
.index5_title a span::after {text-indent:0; height:25px; width:25px; line-height:25px;
    text-align: center;
    position: absolute;
    right:20px;
    top:10px;
    content: "\e660";
    font-family: "iconfont" !important;
    color: #fff;
    font-size: 16px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); } 
.index5_title a span:hover {  border:1px solid #4d91ce; color:#4d91ce; background:#fff}
.index5_title a span:hover::after { color:#4d91ce} 

.index5_content { padding-top:60px;}
.index5_content ul li { width:30.6%; margin-left:4%; float:left;}
.index5_content ul li:first-child {  margin-left:0;}
.index5_content ul li a { display:block; }
.index5_content ul li a .index5_img { padding:30px; border:1px solid #f2f4f9; background:#fff;}
.index5_content ul li a .index5_img p { width:100%; overflow:hidden;}
.index5_content ul li a .index5_img  img{ width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index5_content ul li:hover a .index5_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.index5_content ul li a .index5_desc {padding:30px; border:1px solid #f2f4f9; border-top:0; background:#fff;}
.index5_content ul li a .index5_desc dl dd:first-child{ font-size:17px; color:#4d91ce;}
.index5_content ul li a .index5_desc dl dd:first-child+dd{ font-size:22px; color:#000; margin-top:25px;}
.index5_content ul li a .index5_desc dl dd:first-child+dd+dd{ font-size:15px; color:#000; line-height:1.5; margin-top:25px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.index5_content ul li a .index5_desc dl dd:last-child span { margin-top:20px; display:block; width:37px; height:37px; border-radius:100px; border:1px solid #e5e5e5; line-height:42px; 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;}
.index5_content ul li:hover a .index5_desc dl dd:last-child span { background:#4d91ce; width:60px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index5_content ul li:hover a .index5_desc dl dd:last-child span path { fill:#ffffff;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}




/* 底部  */	
.footer { width:100%; background:#2b2828; padding:66px 0 0; overflow:hidden;}
.footer_logo  img{ height:59px;}
.footer_l { width:35%}
.footer_r{ width:60%}
.footer_fx { padding-top:30px;}
.footer_fx dl dd{ overflow:hidden; width:43px; height:43px; background:#a19e97; border-radius:60px; float:left; margin-right:30px; line-height:43px; text-align:center; position:relative;}
.footer_fx dl dd:hover{   background:#fff; overflow:inherit }
.footer_fx dl dd:hover .icon path{ fill:#4d91ce}
.footer_fx dl dd .icon { margin:10px auto 0; display:block;}
.footer_fx dl dd:last-child .icon {   }
.footer_dz { margin-top:30px;}
.footer_dz dl dd { padding-left:36px; position:relative; color:#a09f9f; margin-bottom:26px;}
.footer_dz dl dd i { width:26px; height:26px; line-height:26px; text-align:center; border-radius:50px; display:block; position:absolute; left:0; top:-3px; background:#a19e97; z-index:1}
.footer_fx dl dd img{ z-index:5; opacity:0; width:100px; display:block; position:absolute; left:-32px; top:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.footer_fx dl dd:hover img{  opacity:1; top:50px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.footer_r ul li { width:16.6%; float:left;}
.footer_r ul li:first-child { margin-left:6%}
.footer_r ul li:last-child { width:10.6%;}
.footer_r ul li dl dt { color:#fff; font-size:18px;}
.footer_r ul li dl dt::after { display:block; width:20px; height:2px; content:""; margin:13px 0 15px; background:#4d91ce}
.footer_r ul li dl dd { margin-bottom:19px;}
.footer_r ul li dl dd a { color:#a09f9f}
.footer_r ul li dl dd a:hover { color:#fff}
.copyright { margin:100px auto 0; padding:28px 0; border-top:1px solid #413e3e; color:#9b9c9d; overflow:hidden;}
.copyright_l { width:60%;}
.copyright_l a { color:#9b9c9d}
.copyright_l a:hover { color:#fff}
.copyright_r { width:40%; text-align:right;}
.copyright_r a { color:#9b9c9d}
.copyright_r a:hover { color:#fff}


/* ===================新闻列表========================== */
.inner_banner { width:100%; position:relative;}
.inner_banner img{ display:block; width:100%;}
.inner_banner .mp_b { display:none !important;}
.b_title{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    height: 100%;
    -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;
	
}
.b_title_z { text-align:center;}
.b_title dt { font-size:52px; color:#fff}
.b_title dd { font-size:24px; margin-top:10px; color:#fff}
.inner_sort { width:100%; z-index:5; position:absolute; left:0; bottom:0}
.sort_z { height:90px; background:rgba(255,255,255,0.7)}
.sort_z ul li { display:inline-block; text-align:center;}
.sort_z ul {    }
.sort_z ul li a{ display:block; height:90px; line-height:90px; margin:0 60px; color:#333333; font-size:20px; position:relative;}
.sort_z ul .cur a { color:#4d91ce}
.sort_z ul li:hover a { color:#4d91ce}
.sort_z ul .cur a::after{ display:block; width:100%; position:absolute; left:0; bottom:0; height:3px; background:#4d91ce; content:"";}
.sort_z ul li:hover a::after{ display:block; width:100%; position:absolute; left:0; bottom:0; height:3px; background:#4d91ce; content:"";}
.sort_z ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.sort_z ul li { flex: auto;}
.sort_z ul li a::before { display:block; width:1px; height:18px; background:#969696; position:absolute; left:-60px; top:40px; content:"";}
.sort_z ul li:first-child a::before { display:none;}


.i_current { padding-top:85px;}
.i_current ul li { margin-right:30px;  float:left;}
.i_current ul li a{ display:block; position:relative}
.i_current ul li:first-child {  }
.i_current ul li .icon { position:absolute; left:0; top:0; z-index:1;}
.i_current ul li a { color:#7c7c7c}
.i_current ul li a::before { display:block; width:10px; height:10px; line-height:10px; position:absolute; right:-22px; top:5px; 
    text-align: center; 
    content: "\e660";
    font-family: "iconfont" !important;
    color: #7c7c7c;
    font-size:12px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}
.i_current ul li:last-child a::before { display:none;}

.newlist { padding-top:85px; width:100%}
.newlist_content ul li { margin-bottom:55px; overflow:hidden; background:#f9f9f9;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;  }
.newlist_content ul li:hover {background:#fff;box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1); 
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1); -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;  }
.newlist_content ul li:hover {  background:#fff}
.newlist_content ul li a .newlist_l { width:35%; 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:55%; margin-right:5%}
.newlist_content ul li a .newlist_r dl { margin-top:40px; }
.newlist_content ul li a .newlist_r dl dd:first-child { color:#4d91ce}
.newlist_content ul li a .newlist_r dl dd:first-child+dd  { color:#3a3a3a; font-size:24px; margin-top:20px;}
.newlist_content ul li a .newlist_r dl dd:first-child+dd+dd  { color:#636363; font-size:18px; margin-top:20px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; line-height:1.6;}
.newlist_content ul li a .newlist_r dl dd:last-child{ margin-top:35px;}
.newlist_content ul li a .newlist_r dl dd:last-child span { border:1px solid #dbdbdb; position:relative; display:block; text-indent:2.5em; width:195px; height:48px; line-height:48px;  border-radius:100px;  color:#6f6f6f; font-size:18px;}
.newlist_content ul li:hover a .newlist_r dl dd:last-child span {border:1px solid #4d91ce;  position:relative; display:block; text-indent:2.5em; width:195px; height:48px; line-height:48px;  border-radius:100px; background:#4d91ce; color:#fff; font-size:18px;}
.newlist_content ul li a .newlist_r dl dd:last-child span .icon { position:absolute; right:32px; top:13px;}
.newlist_content ul li:hover a .newlist_r dl dd:last-child span .icon path { fill:#ffffff}


 
 /* ===================页码========================= */ 
.page {margin:65px auto;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; background:#fff;border:1px solid #dddddd; padding:5px 10px; color:#c1c1c1; position:relative;}
.page span.page_rows { background:#fff;border:1px solid #dddddd;   color:#000}
.page span.page_list a.selected {background: #4d91ce;border:1px solid #4d91ce;color: #fff;}
.page span.page_list a:hover {background: #4d91ce; color: #fff;border:1px solid #4d91ce;}
.page span.page_list a .icon { display:inline-block; position:absolute; left:3px; top:5px;}
.page a { position:relative; margin:0 4px;}
.page span.page_list{ margin:0 auto}

.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}
  


/*详情*/
.news_height { width:100%; height:100px}
.news { padding-top:67px;}
.news_l { width:68%}
.news_r { width:25%}
.news_lt h1 { font-size:48px; font-weight:500; color:#3a3a3a;}
.news_lt dl { margin-top:50px;}
.news_lt dl dd { font-size:14px; color:#666666; float:left; margin-right:20px;}
.news_lt { padding-bottom:40px; border-bottom:1px solid #f0f0f0; margin-bottom:40px;}
.news_content { line-height:2;}
.news_content img { max-width:100%;}
.news_img img { max-width:100%;}
.news_img  {width:100%; margin:30px auto}
.i_next ul li {   float:left; position:relative;}
.i_next ul li:first-child {   width:40%;}
.i_next ul li:first-child+li {   width:20%; text-align:center;}
.i_next ul li:first-child+li span { display:inline-block; padding-right:40px; position:relative;}
.i_next ul li:first-child+li span .icon { position:absolute; right:0; top:2px;  }
.i_next ul li:last-child {   width:40%;} 
.i_next ul li:last-child { text-align:right;}
.i_next ul li a {   display:block; color:#222222;}
.i_next ul li:hover a {   color:#4d91ce;} 
.n_height { width:100%; height:100px;}


.news_rt  { font-size:18px; }
.news_ri { margin-top:28px;}
.news_ri ul li { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #f2f2f2; position:relative; overflow:hidden;}
.news_ri ul li .news_rimg { width:35%; float:left; overflow:hidden;}
.news_ri ul li .news_rimg  img{  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news_ri ul li:hover .news_rimg  img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news_ri ul li .news_rd { width:60%; float:right;}
.news_ri ul li a .news_rd dl dt { color:#333333; font-size:16px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; line-height:1.5;}
.news_ri ul li a .news_rd dl dd { margin-top:10px; color:#cccccc; font-size:14px; }


.news_fx { overflow:hidden; margin-top:50px; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #f0f0f0}
.news_fx dl dd { float:left; margin-left:10px;}
.news_fx dl dd a::before {     height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;  
    font-family: "iconfont" !important;
    color: #999999;
    font-size: 25px;} 
	
.news_fx dl dd:first-child+dd a::before {        content: "\e62b"; } 
.news_fx dl dd:last-child a::before {        content: "\e616"; } 
.news_fx dl dd a:hover::before { color:#4d91ce}
	






/*联系我们*/
.cotact1 { padding-top:50px; width:100%}
.cotact_t { text-align:center; font-size:42px; color:#333333;margin-top:110px; width:100%}
.cotact_t::after { display:block; content:""; width:60px; height:2px; background:#4d91ce; margin:25px auto 0 ; }
.cotact1_z{  overflow:hidden; background:#4d91ce; color:#fff; height:100%;}
.cotact1_l { width:35%;  }
.cotact1_r { width:65%}
.cotact1_r #map { width:100%; height:700px;}
.cotact1_info { padding:50px;}
.cotact1_info ul li {   margin-bottom:40px; }
.cotact1_info ul li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0;}
.cotact1_info ul li:first-child { font-size:32px; font-weight:bold; border-bottom:0; padding-bottom:0 } 
.cotact1_info ul li dl { padding-left:60px; position:relative;}
.cotact1_info ul li dl dd { margin-bottom:5px;}
.cotact1_info ul li dl dd:last-child{ padding-bottom:32px;  border-bottom:1px solid #fff;}
.cotact1_info ul li dl .icon { position:absolute; left:0; top:5px;}
.cotact1_info ul li:last-child dl dd:last-child{ padding-bottom:0;  border-bottom:0;}
.map_logo p { color:#333333;}

.cotact2 { width:100%; padding:65px 0 130px; background:#e9ecef; margin-top:110px; overflow:hidden;}
.cotact2 .cotact_t{ margin-top:0}
.cotact2_message { padding-top:60px;}
.cotact2_message ul li { margin-bottom:20px; width:48%; float:left; margin-left:4%}
.cotact2_message ul li:nth-child(2n+1) {  margin-left:0}
.cotact2_message ul li .message_l { width:15%; font-size:18px; line-height:75px;}
.cotact2_message ul li .message_r { width:85%;}
.cotact2_message ul li .message_r .text { padding:0 10px; width:100%; height:75px; line-height:75px; background:#fff; border:1px solid #dddddd}
.cotact2_message ul li:first-child+li+li+li+li { width:100%;}
.cotact2_message ul li:last-child { width:100%; margin-top:50px;}
.cotact2_message ul li .message_r .textarea { padding:10px; width:100%; min-height:130px; line-height:1.5; background:#fff; border:1px solid #dddddd}
.cotact2_message ul li:first-child+li+li+li+li .message_l { width:7%}
.cotact2_message ul li:first-child+li+li+li+li .message_r{ width:92.8%}
.cotact2_message .btn { border:0; width:160px; font-size:18px; display:block; height:55px; line-height:55px; text-align:center; color:#fff; text-align:center; background:#4d91ce;  margin:0 auto; cursor:pointer}
.cotact2_message .btn:hover{ color:#fff;   background:#2b2828;  }



/*关于我们*/
.about1_content { color:#666666; line-height:2; padding-top:40px;}
.about1_content p { text-indent:2em;}
.shuzi .value_info dl dd:first-child {width:25%;  } 
.shuzi .value_info dl dd:first-child+dd {width:25%;  }
.shuzi .value_info dl dd:first-child+dd+dd {width:25%;  }
.shuzi .value_info dl dd:last-child {width:22%; margin-left:3% } 
.shuzi .value_info { margin:0 auto; width:80%}
.shuzi { padding-top:90px;}
.about2 { margin-top:100px; width:100%;}
.about2 .about_video:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

.about3 { width:100%; background:url(../image/img18.jpg) no-repeat center top; overflow:hidden;}
.about3_desc { text-align:center; padding:50px 0 0; color:#666666; font-size:24px; line-height:1.5}
.about3_desc span { display:block;}
.about3_content { position:relative; z-index:5;margin:70px auto 0; width:70%; background:#2871b3; padding:55px 0; overflow:hidden; border-radius:8px;}
.about3_content ul li { float:left; width:25%; height:180px; position:relative; text-align:center; color:#fff;}
.about3_content ul li::after{ width:1px; height:100%; position:absolute; left:0; top:0; content:""; display:block; background:#89b4da}
.about3_content ul li:first-child::after{ display:none;}
.about3_content ul li dl dt { font-size:26px; font-weight:bold;}
.about3_content ul li dl dd { font-size:18px; margin-top:30px}
.about3_content ul li dl { text-align:center; display:block; margin:0 auto; width:100%;}
.about3_content ul li .about3_i { width:100%; -ms-flex-align: center;height:180px;
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.about3_img { width:100%; position:relative; margin-top:-68px; z-index:1} 
.about3_img img{ width:100%; display:block;}  
 
 
.about4 { width:100%; background:#424e51 url(../image/img19.png) no-repeat right top; overflow:hidden; padding-bottom:125px; } 
.about4 .cotact_t { text-align: left;  color: #fff;}
.about4 .cotact_t::after {  margin: 25px 0 0;}
.about4_contenr { margin-top:125px;} 
.about4_contenr .container { height:100px;border-top: 0;}
.about4_contenr #solve2 { height:100px; margin:0 auto; width:95%}
.about4_contenr .m-solve-box { margin-top:110px;  position:relative;}
.about4_contenr .m-solve-box .container::before {
    content: '';
    width: calc(90% + 300px);
    height: 1px;
    background: linear-gradient(to right, transparent, #fff, transparent);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
.item1_l { width:20%; color:#4d91ce; font-size:110px;}
.item1_r { width:75%; }
.item1_r p { color:#fff; font-size:20px; margin-bottom:25px; padding-left:20px; position:relative;}
.item1_r p::before{ width:10px; height:10px; position:absolute; left:0; top:10px; content:""; display:block; border-radius:30px; background:#4d91ce} 
.about4_contenr #solve2 .item::after { display:none;}
.about4_contenr #solve2 .item { height:100px;}
.about4_contenr #solve2 .item .nf { display:block; margin:0 auto; height:100px; width:50%;}
.about4_contenr #solve2 .item .nf i { display:block; margin:0 auto; width:24px; height:24px; background:#fff; position:relative; border-radius:50px; margin-top:11px;} 
.about4_contenr #solve2 .item .nf em { display:block; font-style:normal; font-size:20px; margin-top:0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about4_contenr #solve2 .item .nf i::before{ display:block; content:""; background:#4d91ce; width:8px; height:8px; position:absolute; left:8px; top:8px; border-radius:100px; z-index:5}
.about4_contenr #solve2  .item .nf i::after { width:24px; height:24px; display:block; content:""; background:rgba(255,255,255,0.4); position:absolute; left:0; top:0; z-index:1; border-radius:100px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about4_contenr #solve2 .current .item .nf i::after { width:44px; height:44px;  left:-10px; top:-10px;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.about4_contenr #solve2 .current .item em{ opacity:0; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about4_contenr .owl-carousel .owl-nav { display:block; }
.about4_contenr .m-solve-box .owl-nav .owl-prev { display:block; opacity:1; cursor:pointer;
    width:50px;
    height: 50px;
    overflow: hidden;
    background:#fff;
    font-size: 0;
    position: absolute;
    top: 18px;
    left: -42px; z-index:222; border-radius:100px;}
.about4_contenr .m-solve-box .owl-nav .owl-prev:hover {     background:#4d91ce; }	
.about4_contenr .m-solve-box .owl-nav .owl-prev:hover::before {    color:#fff; }	
.about4_contenr .m-solve-box .owl-nav .owl-next:hover {     background:#4d91ce; }	
.about4_contenr .m-solve-box .owl-nav .owl-next:hover::before {    color:#fff; }	
.about4_contenr .m-solve-box .owl-nav .owl-prev::before{height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
 
    content: "\e8f4";
    font-family: "iconfont" !important;
    color: #4d91ce;
    font-size: 20px;}	
 .about4_contenr .m-solve-box .owl-nav .owl-next { display:block; opacity:1;cursor:pointer;
    width:50px;
    height: 50px;
    overflow: hidden;
    background:#fff;
    font-size: 0;
    position: absolute;
    top: 18px;
    right:-42px; z-index:222; border-radius:100px;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}
	.about4_contenr .m-solve-box .owl-nav .owl-next::before{height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
     
    content: "\e8f4";
    font-family: "iconfont" !important;
    color: #4d91ce;
    font-size: 20px;}
 .about4_contenr  .owl-carousel .owl-nav [class*=owl-]{  }
.about4_contenr #solve1 .owl-nav { display:none;}
.about5_info {margin:80px auto 0; overflow:hidden; background:#f0f2f7} 
.about5_l { width:50%;}
.about5_r { width:50%;} 
.about5_l img { width:100%; display:block;}
.about5_r ul { padding:60px 80px;}
.about5_r ul li { margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #e4e4e4}
.about5_r ul li:last-child { margin-bottom:0;padding-bottom:0; border-bottom:0}
.about5_r ul li dl dt { font-size:30px; color:#4d91ce;}
.about5_r ul li dl dd { font-size:16px; color:#666666; line-height:1.5; margin-top:10px;} 

.about6 { width:100%; background:#f0f2f7; overflow:hidden; margin-top:110px;} 
.about6 #IndexBlock2 .Productlist2 ul li img { width:100%; display:block;}
.about6 #IndexBlock2 .Productlist2 ul li .Box_t { margin-top:15px;}
#IndexBlock2{ position: relative; } 
#IndexBlock2 .container{ position: relative; z-index: 2; }
#IndexBlock2 .Productlist2{ overflow:hidden; }
#IndexBlock2 .Productlist{ margin:0; }
#IndexBlock2 .Productlist li{ padding:0; }
#IndexBlock2 .Productlist li a { display:block; padding:0}
#IndexBlock2 .Productlist li a img { display:block; width:100%}
#IndexBlock2 .Productlist li a .Box_t { color:#333333; font-size:18px; line-height:1.5; margin-top:10px;}
#IndexBlock2 .PBox{ position: relative; margin-bottom: 6.66%; }
#IndexBlock2 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; }
#IndexBlock2 .PNBtn .prev{ background:rgba(242,207,0,1) url(/themes/english/images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; }
#IndexBlock2 .PNBtn .next{ background:rgba(242,207,0,1) url(/themes/english/images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; }
#IndexBlock2 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }
.about6 #IndexBlock2 { padding-top:80px;}
.about6 #IndexBlock2 .swiper-pagination-bullet { background:#c1c1c1; opacity:1; width:12px; height:12px; border-radius:50px;  line-height:80px; overflow:hidden;}
.about6 #IndexBlock2 .swiper-pagination-bullet-active{ background:#4d91ce;}
.about6 #IndexBlock2 .Point { text-align:center; margin-top:50px;}
.about6 #IndexBlock2 .PNBtn { display:none;} 

.about7 { }
.about7_content { padding-top:80px;}
.about7_content ul li { float:left; width:18.4%; margin-left:2%; margin-bottom:2%}
.about7_content ul li:nth-child(5n+1) {  margin-left:0;}
.about7_content ul li img { width:100%; display:block;}



/*产品列表*/
.productlist { padding-top:100px;}
.productlist_content ul li { margin-left:3%; margin-bottom:3%; float:left; width:31.3%;}
.productlist_content ul li:nth-child(3n+1) { margin-left:0;}
.productlist_content ul li a { display:block; padding:28px; border:1px solid #e0e0e0}
.productlist_content ul li a .productlist_img { width:100%; overflow:hidden;}
.productlist_content ul li a .productlist_img  img{  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.productlist_content ul li:hover a .productlist_img  img{-webkit-transform:scale( 1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.productlist_content ul li a .productlist_i dl dd:first-child { font-size:20px; font-weight:bold; color:#333333; margin-top:25px;}
.productlist_content ul li a .productlist_i dl dd:last-child { font-size:14px; line-height:1.5;color:#999999; margin-top:15px;}



/*产品详情*/
.product1 { width:100%; background-image:url(../image/img24.jpg); overflow:hidden; padding:65px 0 110px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.product1 .i_current { padding-top: 0;}
.product1_z { padding-top:80px;}
 
.product1_l { width:50%;}
.product1_r { width:45%;}




#IndexBlock1 .Productlist1 ul li img { width:100%; display:block;}
#IndexBlock1{ position: relative; } 
#IndexBlock1 .container{ position: relative; z-index: 2; }
#IndexBlock1 .Productlist1{ overflow:hidden; }
#IndexBlock1 .Productlist{ margin:0; }
#IndexBlock1 .Productlist li{ padding:0; }
#IndexBlock1 .Productlist li a { display:block; padding:0}
#IndexBlock1 .Productlist li a img { display:block; width:100%}
#IndexBlock1 .Productlist li a .Box_t { color:#333333; font-size:18px; line-height:1.5; margin-top:10px;}
#IndexBlock1 .PBox{ position: relative;  }
#IndexBlock1 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; }
#IndexBlock1 .PNBtn .prev{ background:rgba(242,207,0,1) url(/themes/english/images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; }
#IndexBlock1 .PNBtn .next{ background:rgba(242,207,0,1) url(/themes/english/images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; }
#IndexBlock1 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }
.product1 #IndexBlock1 {  }
.product1 #IndexBlock1 .swiper-pagination-bullet { background:#c1c1c1; opacity:1; width:12px; height:12px; border-radius:50px;  line-height:80px; overflow:hidden;}
.product1 #IndexBlock1 .swiper-pagination-bullet-active{ background:#4d91ce;}
.product1 #IndexBlock1 .Point { text-align:center; margin-top:28px;}
.product1 #IndexBlock1 .PNBtn { display:none;} 

.product1_rt h1 { color:#202122; font-size:40px;}
.product1_rd { color:#202122; font-size:20px; margin-top:45px; font-weight:bold;}
.product1_ri { line-height:1.5; color:#555555; margin-top:20px;}
.product1_rm { margin-top:50px;}
.product1_rm a { font-size:20px; display:block; background:#4d91ce; color:#fff; width:200px; line-height:55px; height:55px; text-indent:4em; position:relative;}
.product1_rm a:hover {  background:#2b2828; }
.product1_rm a::before{ text-indent:0; display:block; width:30px; height:30px; line-height:30px; color:#fff; font-size:30px;  position:absolute; left:27px; top:15px; content: "\e635";font-family: "iconfont" !important;}

.product2 { padding-top:85px;}
.product2_t { height:55px; border-bottom:1px solid #e5e5e5}
.product2_t span { display:block;height:55px; line-height:55px; width:200px; font-size:20px; font-weight:bold; color:#fff; background:#4d91ce; text-align:center;}
.product2_i { line-height:2; padding-top:60px; color:#666666;}
.product2_i img { max-width:100%;}


.product3 { width:100%; margin-top:140px; background:#e4e7eb; overflow:hidden; padding-bottom:80px;}


/*服务与支持*/
.service1_desc { text-align:center; padding-top:27px; line-height:1.6; color:#666666; font-size:16px;}
.service1_desc span { display:block;}
.service1_content { padding-top:170px;}
.service1_content ul li { text-align:center; float:left; width:31.3%; margin-left:3%; background:#e5f1fb; border-radius:10px; height:380px;}
.service1_content ul li:first-child {  margin-left:0;}
.service1_content ul li dl dd:first-child {transform: translateY(-100px); }
.service1_content ul li dl dd:first-child span { display:block; width:200px; height:200px; border-radius:250px;box-shadow: 0px 0 14px 0px rgba(131,133,136,0.3);
    -moz-box-shadow: 0px 0 14px 0px rgba(131,133,136,0.3);
    -ms-box-shadow: 0px 0 14px 0px rgba(131,133,136,0.3);
    -o-box-shadow: 0px 0 14px 0px rgba(131,133,136,0.3);
    -webkit-box-shadow: 0px 0 14px 0px rgba(131,133,136,0.3); margin:0 auto;}
.service1_content ul li:first-child dl dd:first-child span { background:#fff url(../image/icon11.png) no-repeat center center}
.service1_content ul li:first-child+li dl dd:first-child span { background:#fff url(../image/icon9.png) no-repeat center center}
.service1_content ul li:last-child dl dd:first-child span { background:#fff url(../image/icon10.png) no-repeat center center}
.service1_content ul li dl dd:first-child+dd { color:#5b9ad2; font-size:32px;transform: translateY(-40px);}
.service1_content ul li dl dd:last-child { color:#838588; font-size:18px;transform: translateY(-20px);}

.service2 { width:100%; margin-top:110px; overflow:hidden;    background-position: center top; background-repeat: no-repeat;background-size: cover; min-height:670px; background: fixed;}
.service2 .cotact_t { color:#fff}
.service2_desc { text-align:center; padding-top:27px; line-height:1.6; color:#fff; font-size:16px;}
.service2_content { margin:75px auto 0}
.service2_content ul li { width:25%; float:left; text-align:center;}
.service2_content ul li dl dd:first-child { text-align:center; height:75px;}
.service2_content ul li dl dd:first-child img { display:block; margin:0 auto; }
.service2_content ul li:first-child dl dd:first-child img { width:74px;}
.service2_content ul li:first-child+li dl dd:first-child img { width:61px;}
.service2_content ul li:first-child+li+li dl dd:first-child img { width:61px;}
.service2_content ul li:last-child  dl dd:first-child img { width:80px;}
.service2_content ul li dl dd:first-child+dd { font-size:28px; color:#4d91ce; margin-top:25px;}
.service2_content ul li dl dd:last-child{ font-size:16px; line-height:1.5;    margin:15px auto 0; width:75%;color:#e1e1e1;}
.service3_message { padding-top:70px;}
.service3_message ul li { float:left; width:48%; margin-bottom:40px; }
.service3_message ul li:first-child+li+li { width:100%; }
.service3_message ul li:first-child+li+li+li { width:100%; }
.service3_message ul li:last-child { width:100%; }
.service3_message ul li:first-child { margin-right:4%;}
.service3_message ul li .text { width:100%; height:70px; padding:0 10px; line-height:70px; background:#f6f6f6; border:0}
.service3_message ul li .service3t { margin-bottom:10px; height:20px; line-height:20px; padding-left:25px; color:#666666;}
.service3_message ul li:first-child .service3t { background:url(../image/icon16.jpg) no-repeat left center;}
.service3_message ul li:first-child+li .service3t { background:url(../image/icon17.jpg) no-repeat left center;}
.service3_message ul li:first-child+li+li .service3t { background:url(../image/icon18.jpg) no-repeat left center;}
.service3_message ul li:first-child+li+li+li .service3t { background:url(../image/icon19.jpg) no-repeat left center;}
.service3_message ul li .textarea { width:100%; padding:10px; line-height:1.5; background:#f6f6f6; border:0}
.service3_message ul li .service3_tj .btn { cursor:pointer; font-size:25px;width:40%; height:70px; margin:30px auto 0; display:block; border:0; background:#4d91ce;  border-radius:100px; text-align:center; line-height:70px; color:#fff}
.service3_message ul li .service3_tj .btn:hover {   background:#2b2828;   color:#fff}



/*核心能力*/
.core1_content { margin:48px auto 0}
.core1_content ul { display: flex;flex-direction: row;flex-wrap: wrap;} 

.core1_content ul li {  flex: auto; float: left; width: 31.3%; margin-left: 3%; background: #f8f8f8;border-radius: 8px;  min-height: 300px;}

.core1_content ul li:first-child {  margin-left: 0;}
.core1_content ul li dl { padding:30px;}
.core1_content ul li dl dt { color:#4d91ce}
.core1_content ul li dl dt span { font-size:65px; font-weight:bold;  display:inline-block}
.core1_content ul li dl dt span  em{ font-size:16px; font-weight:500; font-style:normal; display:inline-block;transform: translateY(-38px);}
.core1_content ul li dl dt::after{ display:block; width:40px; height:2px; background:#dddddd; content:""; margin-top:20px;}
.core1_content ul li dl dd { margin-top:30px; color:#333333; line-height:1.5; width:66%} 
.core2_z { padding-top:90px;}
.core2 { margin-top:110px;}
.core2_bj {  width:100%; background:url(../image/img33.jpg); overflow:hidden; padding-bottom:110px;}
.core2_z { position:relative;}
.tab{  width: 800px; height: 400px; margin: 0 auto;}
.htab_list {  width: 50%; position:absolute; right:0; top:130px; z-index:55 }
.htab_list li {  height: 234px; cursor: pointer; list-style :none; margin-bottom:20px; background:url(../image/img35.jpg) no-repeat left top; color:#333333 }
.htab_list .current { background:url(../image/img34.jpg) no-repeat left top; color: #fff;}
.htab_list li dl { padding:40px 50px;}
.htab_list li dl dt { font-size:36px;}
.htab_list li dl dd { font-size:18px; margin-top:20px; line-height:1.5;}
.htab_con{   width: 52%; float:left;   }
.htab_con img { width:100%; display:block;}
.hitem{  }
.hitem_info { }
.hitem {  display: none; }

.core3_content { padding-top:40px;}
.core3_content ul li {   float: left; width: 31.3%; margin-left: 3%; position:relative}
.core3_content ul li:first-child {  margin-left: 0;}
.core3_content ul li img { display:block; width:100%}
.core3_content ul li dl { position:absolute; left:10%; top:10%; color:#fff; width:80%}
.core3_content ul li dl dd:first-child { font-size:72px; font-weight:bold;}
.core3_content ul li dl dd:first-child+dd { font-size:36px; font-weight:bold; margin-top:110px;}
.core3_content ul li dl dd:last-child { line-height:1.6; margin-top:30px;}



/*核心能力*/
.sustainable1_desc { margin:0 auto;   width:80%; line-height:1.6; text-align:center; color:#666666; padding-top:40px;}
.sustainable2 { width:100%; margin-top:80px;}
.sustainable2 img{ width:100%; display:block;}

.sustainable3 { width:100%; background:#f8faff; height:360px; }
.sustainable3_z {  transform: translateY(-166px);}
.sustainable3_z ul li { margin-left:2%; width:23.5%; float:left; min-height:400px; background:#fff;}
.sustainable3_z ul li:first-child { margin-left:0;}
.sustainable3_z ul li dl { padding:70px 45px 0;}
.sustainable3_z ul li dl dt { font-size:36px; color:#4d91ce;}
.sustainable3_z ul li dl dt::after{ display:block; width:22px; height:3px; background:#4d91ce; content:""; margin-top:46px;}
.sustainable3_z ul li dl dd { font-size:18px; line-height:1.7; color:#333333; margin-top:30px;}

.sustainable4 { width:100%; background:url(../image/img39.jpg) no-repeat center bottom; overflow:hidden; padding-bottom:150px;}
.sustainable4_z { padding-top:40px;}
.sustainable4_l { width:50%}
.sustainable4_l img{ width:100%; display:block;}
.sustainable4_r { width:45%; padding-right:3%; line-height:1.6;   height:530px;    overflow-y: scroll; overflow-x: hidden; color:#666666;}

.sustainable4_r::-webkit-scrollbar {

  /*滚动条整体样式*/

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

  height: 5px;

  }

.sustainable4_r::-webkit-scrollbar-thumb {

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

  border-radius: 10px;

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

  background   : #4d91ce;

  }

.sustainable4_r::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

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

  border-radius: 10px;

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

  }






/*解决方案  */
.caselist_z { padding-top:50px;} 
.caselist_z ul li { margin-left:3%; margin-bottom:3%; float:left; width:31.3%; background:#f8f8f8; border-bottom:2px solid #4d91ce}
.caselist_z ul li:nth-child(3n+1) { margin-left:0;}
.caselist_z ul li a .caselist_img { width:100%; overflow:hidden;}
.caselist_z ul li a .caselist_img  img{  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.caselist_z ul li:hover a .caselist_img  img{-webkit-transform:scale( 1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.caselist_z ul li a .caselist_i { padding:30px; min-height:209px;}
.caselist_z ul li a .caselist_i dl dd:first-child { font-size:30px; color:#333333;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.caselist_z ul li a .caselist_i dl dd:first-child+dd { line-height:1.5; margin-top:15px; color:#666666;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.caselist_z ul li a .caselist_i dl dd:last-child { margin-top:15px; margin-bottom:10px; }
.caselist_z ul li a .caselist_i dl dd:last-child span { display:inline-block; color:#4d91ce; font-size:14px; position:relative;}
.caselist_z ul li a .caselist_i dl dd:last-child span::before{ height:20px; width:20px; background:#4d91ce; border-radius:60px; line-height:20px; text-align:center; position:absolute; right:-30px; top:0;content: "\e660";font-family: "iconfont" !important; color:#fff; font-size:10px; font-weight:bold;    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}
.caselist_z ul li:hover a .caselist_i dl dd:last-child span::before{   right:-40px;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}







.case { padding-top:67px;}
.case_l { width:68%}
.case_r { width:25%}
.case_lt h1 { padding-left:15px; border-left:4px solid #4d91ce; height:35px; line-height:35px; font-size:35px; }
.case_lt dl { margin-top:50px;}
.case_lt dl dd { font-size:14px; color:#666666; float:left; margin-right:20px;}
.case_lt { padding-bottom:40px; border-bottom:1px solid #f0f0f0; margin-bottom:40px;}
.case_content { line-height:2;}
.case_content img { max-width:100%;}
.case_img img { max-width:100%;}
.case_img  {width:100%; margin:30px auto}


.case_rt  { font-size:18px; }
.case_ri { margin-top:28px;}
.case_ri ul li { margin-bottom:20px;  position:relative; overflow:hidden;}
.case_ri ul li .case_rimg { width:45%; float:left; overflow:hidden;}
.case_ri ul li .case_rimg  img{  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_ri ul li:hover .case_rimg  img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_ri ul li .case_rd { width:50%; float:right;}
.case_ri ul li a .case_rd dl dt { color:#333333; font-size:20px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; line-height:1.5;}
.case_ri ul li:hover a .case_rd dl dt { color:#4d91ce;  }	
.case_ri ul li a .case_rd dl dd { margin-top:10px; color:#666666; font-size:14px;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; line-height:1.5;}

 

/*加入我们  */
.jonlist1 { width:100%; background:#fafbfe; padding:75px 0; overflow:hidden; margin-top:110px;}
.jonlist1_l { width:45%;}
.jonlist1_l img{ width:100%; display:block;}
.jonlist1_r { width:50%;}
.jonlist1_ri{-ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px;  }
.jonlist1_ri dl dt { color:#000; font-size:52px;} 
.jonlist1_ri dl dt::after { width:50px; height:3px; background:#4d91ce; display:block; content:""; margin:50px 0 30px}
.jonlist1_ri dl dd { line-height:1.7; font-size:18px;}
.jonlist2 { padding-top:80px;}





/* 人才招聘 */
.rec_con {
	position: relative;
	z-index: 2;
	background-color: #ffffff;
}

.rec1 {
	background-color: #FAFBFE;
	margin-top: 6vw;
	padding: 4.16vw 0;
	margin-bottom: 4.16vw;
}

.rec1 .w1652 {
	display: flex;
	align-items: center;
}

.rec1 .pics {
	overflow: hidden;
	margin-right: 5.2vw;
}

.rec1 .pics .pic {
	width: 37.8vw;
	height: 21vw;
	background: no-repeat center;
	background-size: cover;
	transition: all 0.5s;
}

.rec1 .pics:hover .pic {
	transform: scale(1.05);
}

.rec1 .txt .cn {
	color: #000;
	line-height: 66px;
	margin-bottom: 0.5vw;
	font-size: 50px;
	font-family: hm;
}

.rec1 .txt .en {
	font-family: Gothic;
	color: #444444;
	text-transform: uppercase;
	line-height: 26px;
	font-size: 20px;
	margin-bottom: 2.6vw;
	font-family: Gothic;
}

.rec1 .txt .p {
	line-height: 36px;
	color: #0A0600;
	font-family: hl;
	font-size: 16px;
}

.rec1 .txt .p p {
	font-family: hl;
}

.rec2 {
	width: 93vw;
	margin-left: 6vw; 
}

.rec2 .top {
	display: flex;
	margin-bottom: 3.64vw;
}

.rec2 .top .txt {
	margin-right: 19.3vw;
	width: 46.6vw;
}

.rec2 .top .txt .txt1 {
	display: none;
}

.rec2 .top .txt .txt1.on {
	display: block;
}

.rec2 .top .txt .h {
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	font-family: hb;
	margin-bottom: 2vw;
}

.rec2 .top .txt .p {
	line-height: 30px;
	color: #000000;
	font-family: hl;
	font-size: 16px;
}

.rec2 .top .txt .p p {
	font-family: hl;
}

.rec2 .pics {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.rec2 .pics .swiper-pagination {
	display: none;
}

.rec2 .pics .swiper-slide {
	padding-right: 9.9vw;
	border-right: 1px solid rgba(136, 136, 136, 0.23);
}

.rec2 .pics .swiper-slide .pic {
	width: 100%;
	height: 26.14vw;
	background: no-repeat center;
	background-size: 100% 100%;
	transition: all 0.5s;
}

.rec2 .pics .swiper-slide .pic:hover {
	background-size: 105% 105%;
}

.rec2 .top .swiper-pagination {
	display: flex;
	bottom: auto;
	top: 0;
	left: 0;
	font-size: 16px;
	font-family: hb;
	color: #D2D2D2;
	align-items: flex-end;
	font-family: Gothic-Bold;
	letter-spacing: 2px;
}

.rec2 .top .swiper-pagination .swiper-pagination-current {
	font-size: 24px;
	color: #000000;
}

.rec2 .top .right {
	position: relative;
}

.rec2 .top .right .next {
	top: auto;
	bottom: 0;
	right: auto;
	margin-top: 0;
	left: 64px;
	width: 54px;
	height: 54px; background:#f0f0f0; border-radius:100px;
 
}
.rec2 .top .right .next::before {     height: 54px; 
    width: 54px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    content: "\e8f4";
    font-family: "iconfont" !important;
    color: #b5b5b5;
    font-size: 25px; display:block; transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}
.rec2 .top .right .next:hover::before {      color: #fff; }
.rec2 .top .right .next:hover {  background:#4d91ce;}

.rec2 .top .right .prev {
	top: auto;
	bottom: 0;
	right: auto;
	left: 0;
	margin-top: 0;
	width: 54px;
	height: 54px;
 background:#f0f0f0; border-radius:100px;
}
.rec2 .top .right .prev::before {     height: 54px; 
    width: 54px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    content: "\e8f4";
    font-family: "iconfont" !important;
    color: #b5b5b5;
    font-size: 25px; display:block;   }
.rec2 .top .right .prev:hover::before {      color: #fff; }	
.rec2 .top .right .prev:hover {
 background:#4d91ce;}


.rec3 {
	margin-bottom: 7.30vw;
}

.rec3 .top .h {
	font-size: 24px;
	line-height: 32px;
	font-family: hb;
	color: #000000;
	margin-bottom: 2.18vw;
}

.rec3 .top .p {
	font-size: 22px;
	line-height: 36px;
	color: #333333;
	margin-bottom: 2.18vw;
}

.rec3 .boxs {
	position: relative;
	overflow: hidden;
	padding-bottom: 1.55vw;
}

.rec3 .boxs .swiper-slide .pics {
	overflow: hidden;
}

.rec3 .boxs .swiper-slide .pic {
	width: 100%;
	height: 19.9vw;
	background: no-repeat center;
	background-size: cover;
	position: relative;
	transition: all 0.5s;
}

.rec3 .boxs .swiper-slide .pic .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 2.44vw;
	height: 2.44vw;
	background: url(/themes/english/img/rec_3_icon.png);
	background-size: 100% 100%;
	transition: all 0.5s;
}

.rec3 .boxs .swiper-slide:hover .pic {
	transform: scale(1.05);
}

.rec3 .boxs .swiper-slide:hover .pic .icon {
	transform: translate(100%, 100%);
}

.rec3 .boxs .swiper-slide .txt {
	padding: 3.2vw 1.56vw 1.56vw 1.56vw;
	border: 1px solid #D9D9D9;
	border-top: none;
	transition: all 0.5s;
}

.rec3 .boxs .swiper-slide .txt .h1 {
	line-height: 32px;
	font-size: 24px;
	color: #000000;
	padding-bottom: 1.77vw;
	border-bottom: 1px solid rgba(112, 112, 112, 0.1);
	margin-bottom: 1.98vw;
	transition: all 0.5s;
	font-family: hm;
}

.rec3 .boxs .swiper-slide .txt .p1 {
	line-height: 32px;
	color: #000000;
	font-size: 16px;
	height: 128px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: hl;
}

.rec3 .boxs .swiper-slide:hover .txt .h1 {
	color: #0426A1;
}

.rec3 .boxs .swiper-slide:hover .txt {
	border-color: transparent;
}

.rec3 .boxs .swiper-slide:hover {
	box-shadow: 0 0 30px rgba(4, 38, 161, 0.06);
}

.rec4 {
	height: 28.75vw;
	display: flex;
	align-items: center;
	padding-left: 7vw;
	position: relative;
	z-index: 2;
}

.rec4 .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

.rec4 .pic .swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.rec4 .pic .slide-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
}

.rec4 .txt {
	color: #fff;
	position: relative;
	overflow: hidden;
	width: 31.25vw;
}

.rec4 .pic .swiper-slide .kuai {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 18%;
	height: 100%;
}

.rec4 .txt .swiper-slide {
	background-size: 0 0;
}

.rec4 .txt .h {
	font-size: 40px;
	line-height: 52px;
	margin-bottom: 1vw;
	font-family: hm;
	color: #fff;
}

.rec4 .txt .p {
	font-size: 24px;
	line-height: 32xp;
	margin-bottom: 4.16vw;
}

.rec4 .txt .more {
	width: 194px;
	height: 44px;
	text-align: center;
	line-height: 42px;
	border: 1px solid #DBDBDB;
	border-radius: 22px;
	transition: all 0.5s;
}

.rec4 .txt .more span {
	display: inline-block;
	padding-right: 36px;
	color: #fff;
	background: url(/themes/english/img/more2.png)no-repeat right center;
	transition: all 0.5s;
}

.rec4 .txt .more:hover {
	border-color: transparent;
	background-color: #0426A1;
}

.rec4 .tit {
	position: absolute;
	right: 3.9vw;
	overflow: hidden;
	width: 162px;
	color: #fff;
	font-size: 40px;
	line-height: 52px;
	top: 50%;
	transform: translateY(-50%);
}

.rec4 .next {
	width: 162px;
	height: 52px;
	position: absolute;
	right: 3.9vw;
	top: 50%;
	margin-top: -26px;
	cursor: pointer;
}
 






.jonlist3 { width:100%; padding-top:150px;}
.jonlist3_t dl dt { font-size:28px;}
.jonlist3_t dl dd { font-size:26px; line-height:1.6; margin-top:30px;}
.jonlist3_i { padding-top:40px;}
.jonlist3_i ul li { width:31.3%; margin-left:3%; float:left}
.jonlist3_i ul li:first-child {  margin-left:0}
.jonlist3_i ul li img { width:100%; display:block;}
.jonlist3_i ul li dl { padding:60px 30px; border:1px solid #d9d9d9; border-top:0}
.jonlist3_i ul li dl dt { font-size:26px; color:#2f2f2f; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #f0f0f0}
.jonlist3_i ul li dl dd { font-size:16px; line-height:2; color:#2f2f2f;}



.m_sort { display:none; width:100%;     height: 65px;   background: #f2f2f2; border-bottom: 1px solid #dddddd; position:relative}
.m_sort_l { width:40%; font-size:20px; color:#333333;line-height: 65px;}

.demo_f { width:100%;  height:65px;  position:absolute; left:0; top:0;}
.select_f{position:relative;float:left;width:100%;}
.select_f dt{height:65px; text-align:left; width:100px; float:right; line-height:65px;display:inline-block; line-height:65px; color:#333333; cursor:pointer; margin-right:3%; text-align:right; overflow:hidden;position:relative;z-index:99;font-size:14px;}
.select_f dt:hover,.select_f dt.cur{}
.select_f dd{position:absolute;left:0;top:65px; display:none; width:100%; z-index:99}
.select_f dd ul{width:100%; overflow:auto; text-align:center}
.select_f dd ul li a{line-height:45px;display:block; color:#333333;background:#fff; width:100%; font-size:16px; border-bottom:1px solid #f2f2f2; text-align:left; text-indent:3em;} 
.select_f dd ul li a:hover{background:#4d91ce; color:#ffffff !important}
.select_f dt { padding-top:11px;}
.select_f dt:hover .icon path { fill:#4d91ce}





.patent { width:100%; height:706PX; overflow:hidden;}
.patent .cotact_t { color:#fff; margin-top:87px;}
.patent .cotact_t::after { background:#fff;}
.patent .service1_desc { color:#fff}


#IndexBlock3{ position: relative; } 
#IndexBlock3 .container{ position: relative; z-index: 2; overflow:hidden; }
#IndexBlock3 .Productlist3{ overflow:hidden; }
#IndexBlock3 .Productlist{ margin:0; }
#IndexBlock3 .Productlist li{ padding:0; }
#IndexBlock3 .Productlist li a { display:block; padding:0}
#IndexBlock3 .Productlist li a .cont { color:#FFF; margin-top:28PX;}
#IndexBlock3 .Productlist li a img { display:block; width:100%}
#IndexBlock3 .Productlist li a .Box_t { color:#333333; font-size:18px; line-height:1.5; margin-top:10px;}
#IndexBlock3 .PBox{ position: relative; margin-bottom: 6.66%; }
#IndexBlock3 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; }
#IndexBlock3 .PNBtn .prev{ background:rgba(242,207,0,1) url(/themes/english/images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; }
#IndexBlock3 .PNBtn .next{ background:rgba(242,207,0,1) url(/themes/english/images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; }
#IndexBlock3 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }
#IndexBlock3 { padding-top:60px;}
#IndexBlock3 .swiper-pagination-bullet { background:#c1c1c1; opacity:1; width:12px; height:12px; border-radius:50px;  line-height:80px; overflow:hidden;}
#IndexBlock3 .swiper-pagination-bullet-active{ background:#4d91ce;}
#IndexBlock3 .Point { text-align:center; margin-top:50px; display:none}
#IndexBlock3 .PNBtn { display:none;} 





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




@media only screen and (max-width: 1800px){	
        .index2::before {  left: 6.9%;}
     
	    
	   .nav_z .nav ul li { padding: 0 2.5%;}
	 
	  
	   .item a .item_info dl dd:first-child { font-size:35px;} 
	   .serve-content-info { width: 70%;}
	   .serve-content-list { width: 25%;}
	   
	   
	   
	   
	   
}
@media only screen and (max-width: 1750px){	
      .about5_r ul li dl dt { font-size: 25px;}
      .htab_list li {  height: 213px;}
	  
	  
}

@media only screen and (max-width: 1700px){	
      .logo {  width: 20%;}
      .nav_z .nav { width:68%}
	  .nav_search  { width:12%}
  
	  #solve2 .item { height: 183px;}
	  .solitem-img dl dd:last-child {font-size:20px;}
	  .index3_lt .t1 h3:after {  margin: 20px 0 0;} 
	  .index3_content {  margin-top: 30px;}
	  .value_info {  margin-top:50px;}
	  .about3_content {  width: 80%;}
	  .sustainable4_r { height: 510px;}
	  
	  
	  
}

@media only screen and (max-width: 1620px){	
       .logo {  width: 20%;}
      .nav_z .nav { width:70%}
	  .nav_search  { width:10%} 
	.index3_content  { height:230px;    overflow-y: scroll; overflow-x: hidden;}
	.index3_content::-webkit-scrollbar { /*滚动条整体样式*/ width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/ height: 5px; }
	.index3_content::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); background: #4d91ce;}
	.index3_content::-webkit-scrollbar-track { /*滚动条里面轨道*/
	 box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px; background:rgba(211,211,211,0.2); }




}
@media only screen and (max-width: 1600px){	
        
		 .item a .item_info dl dd:first-child { font-size:30px;} 
		 .sort_z { height:55px;}
		 .sort_z ul li a { height: 55px;  line-height: 55px; font-size:17px;}
		 .sort_z ul li a::before {  top: 22px;}
		 .sort_z ul .cur a::after { height:2px;}
		 .htab_list li {  height: 200px;} 
		 .htab_list li dl dd  p{ padding-right:10px; display:inline-block}
		 .core3_content ul li dl dd:first-child+dd {  margin-top: 60px;}
		 
		 
		 
}

@media only screen and (max-width: 1550px){	
        .sustainable4_r { height: 500px;}
		.htab_list li {  height:180px;} 
		
		
}

@media only screen and (max-width: 1500px){	
       
       .footer_la p { width: 60%;}
	   .footer_la p {  font-size:18px;}
       .footer_lsort dl dd a {   font-size: 16px;}
	   .copyright{   font-size: 16px;}
	   .footer_z dl dd:first-child{  font-size:18px;}
	   .footer_z dl dd:first-child+dd{   font-size: 16px;}
	   .footer_ra dl dt{  font-size:18px;}
	   .footer_ra dl dd{   font-size: 16px;}
	   .footer_rb dl dt{  font-size:18px;}
	   .footer_rb dl dd span p{   font-size: 16px;}
	   .t1 h3 { font-size:38px;}
	   .t1 p {  font-size: 16px;}
	   .index1_content ul li a dl dd {  font-size:24px;  padding:15px 0;}
	   .index1_content ul li:first-child a dl dd { padding: 15px 0;}
	   .item a .item_info dl { width: 500px;  margin-top:250px;}
	   #solve2 .item { height: 150px;}
	   .solitem-img dl dd:last-child { font-size:18px;}
	  .item a .item_info dl dd:first-child+dd { font-size: 16px;} 
	   .sustainable4_r { height: 450px;}
	   .core1_content ul li dl dt span {font-size: 55px;}
	   
	   
	   
	   
	   
}




@media only screen and (max-width: 1450px){	
  
   
	.nav_z .nav ul li .f_a { font-size: 17px;}
	.fixed .nav_z .nav ul li .f_a {   font-size: 16px;}
	.sort_z ul li a { margin:0 30px;}
	.sort_z ul li a::before {   left: -30px;}
    .htab_con { width: 60%;}
	.core3_content ul li dl dd:first-child+dd {  margin-top: 40px;}
	
	
	
	
	
}



@media only screen and (max-width: 1400px){	
   
	.nav_z .nav ul li .f_a { font-size: 16px;}
	.nav_z .nav ul li { padding: 0 3%;} 
    .value_info dl dd .i_img {  right: 41px;}
	.serve-content-list ul li:before {  width:50px; height: 50px; line-height: 50px;}
	.serve-content-list ul li:first-child:before{ background-size:56% }
	.serve-content-list ul li:first-child.on:before{ background-size:56% !important; background: #fff url(../image/icon5a.png) no-repeat center -62px;}
	.serve-content-list ul li:after {  top: 29px;}
	.serve-content-list ul li:first-child+li:before{ background-size:45% !important ;background: url(../image/icon6a.png) no-repeat center -2px;}
	.serve-content-list ul li:first-child+li.on:before{ background-size:45% !important; background: #fff url(../image/icon6a.png) no-repeat center -54px;}
	.serve-content-list ul li:first-child+li:before {  top: 29px;}
	.serve-content-list ul li:first-child+li+li:before{ background-size:45% !important ;background: url(../image/icon7a.png) no-repeat center 2px;}
	.serve-content-list ul li:first-child+li+li.on:before{ background-size:45% !important; background: #fff url(../image/icon7a.png) no-repeat center -45px;}
	.serve-content-list ul li:first-child+li+li:before {  top: 29px;}
	.serve-content-list ul li:last-child:before{ background-size:45% !important ;background: url(../image/icon8a.png) no-repeat center 0;}
	.serve-content-list ul li:last-child.on:before{ background-size:45% !important; background: #fff url(../image/icon8a.png) no-repeat center -47px;}
	.serve-content-list ul li:last-child::before {  top: 29px;}
	.footer_l{ width:30%}
	.footer_r{ width:70%}
	.about3_content {  width: 90%;}
	.sustainable4_r { height: 400px;}
	.cotact2_message ul li .message_l { width: 20%;}
	.cotact2_message ul li .message_r { width: 77%;}
	.cotact2_message ul li:first-child+li+li+li+li .message_l { width: 10%;}
	.cotact2_message ul li:first-child+li+li+li+li .message_r { width: 89%;}
	.htab_list li {  height:160px;} 
	.htab_list li dl { padding: 30px 50px;}
	.htab_list li dl dt { font-size: 32px;}
	.core3_content ul li dl dd:first-child { font-size:60px;}
	.core3_content ul li dl dd:first-child+dd {  margin-top:30px}
	.core3_content ul li dl dd:last-child { line-height: 1.5;  margin-top:20px;}
	.service1_content ul li dl dd:first-child span { width:150px;   height: 150px;}
	.service1_content ul li {  height: 320px;}
	.service1_content ul li dl dd:first-child { transform: translateY(-80px);}
	
}

@media only screen and (max-width: 1300px){	
 
   
    .buttonBox .sp1 { margin-top: 10px;}
	.nav_z .nav ul li { padding: 0 2%;}
	.logo { width: 22%;}
	.nav_z .nav { width: 68%;}
	.solitem-img dl dd:last-child {  font-size: 17px;}
	.solitem-img dl dd:first-child { height: 44px;}
	.item a .item_info dl dd:first-child+dd {font-size: 14px; margin-top:15px;}
	.item a .item_info dl dd:last-child span { text-indent: 1.5em; width: 130px;   height: 35px;  line-height: 35px; border-radius: 100px;}
	.item a .item_info dl dd:last-child span::after { right: 11px; top: 7px;  font-size: 12px;}
	.item a .item_info dl dd:first-child { font-size: 25px;}
	.item a .item_info dl dd:last-child {margin-top: 30px;}
	.index3_content {  height: 200px;}
	.serve-content-list ul li { height: 80px;line-height: 80px;}
	.serve-content-list ul li:before { top: 15px;}
	.serve-content-list ul li:first-child+li:before { top: 15px;}
	.serve-content-list ul li:first-child+li+li:before { top: 15px;}
	.serve-content-list ul li:last-child:before { top: 15px;}
	.serve-content-list ul li span {   margin-left: 73px;}
	.serve-content-list ul li span::before {  top: 42px;}
	.item1_l { width:30%;  font-size:90px;}
	.item1_r { width:65%;}
	.sustainable4_r { height: 370px;}
	.core1_content ul li dl dt span em { display:block;transform: translateY(0);}
    .core1_content ul li dl dt span{ display:block;}
	.core1_content ul li dl dd { width:100%}
}

@media only screen and (max-width: 1200px){	 
      .nav_z .nav ul li { padding: 0 1.5%;}
 
	   
	   .t1 p { padding-top: 50px;}
	   .index3 { padding-top: 50px;}
	  .item a .item_info dl { width: 100%;   margin-top:180px;}
	  .serve-content-list ul li {  font-size: 20px;}
	  .shuzi { width:100% !important;}
	  .shuzi .value_info { width:100% !important;}
	  .about3_content ul li dl dd {font-size: 16px;}
	  .about3_content ul li dl dt { font-size: 22px;}
	  .sustainable4_r { height: 350px;}
	  .case_ri ul li a .case_rd dl dt {  font-size: 18px;}
	  .core3_content ul li dl dd:first-child { font-size:50px;}
	  .core3_content ul li dl dd:first-child+dd {  margin-top:25px; font-size:25px;}
	  
	  
}

@media only screen and (max-width: 1100px){	
      .serve-content-list ul li:after { right: 17px;}
	  .serve-content-list ul li span { margin-left: 60px;}
	  .footer_l{ width:100%}
	  .footer_r{ width:100%}
	  .footer_r ul li:first-child { margin-left:0;}
	  .footer_r ul li {}
	  .sustainable4_r { height: 310px;}
	  .core3_content ul li dl dd:last-child { font-size:12px;}
	  
}  
@media only screen and (max-width: 1024px){	
      
	  #seventh span { font-size:50px} 
	  #seventh .i_i{ font-size:30px} 
	 
	  
	  .index_head {  height:85px;}
	  .t1 h3 { font-size:32px;}
	  .t1 p {  font-size: 16px; padding-top:50px;}
	  .t1 h3:after {  margin: 20px auto 0;  width: 40px; height: 2px;}
	  .index1_content ul li a dl dd {  font-size:18px;  padding:15px 0;}
	  .index1_content ul li:first-child a dl dd { padding: 15px 0;}
	  .m_en { display:block;}
	  #solve2 .item { height:80px;}
	  .solitem-img dl dd:first-child {  height: 32px;}
	  .solitem-img dl dd:last-child { font-size: 15px;}
	  .m-solve-box { bottom:-80px; background:#2b2828;}
	  .item a .item_info dl dd:first-child { font-size: 22px;}
	  .item a .item_info dl { width:90%; margin:180px auto 0}
	.m-solve-box .owl-carousel .owl-nav{ display:block;}   
    .m-solve-box .owl-nav .owl-next{right: -26px;top: 20px; transform: rotate(180deg);padding:0; margin:0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}
    .m-solve-box .owl-nav .owl-prev{left: -26px;top: 20px; padding:0; margin:0;}
	.m-solve-box .owl-nav .owl-next::before { height: 37px;
    width:20px;
    line-height: 37px;
    text-align: center; 
    content: "\e660";
    font-family: "iconfont" !important;
    color: #fff;
    font-size: 20px;   }
	.m-solve-box .owl-nav .owl-prev::before { height: 37px;
    width:20px;
    line-height: 37px;
    text-align: center; 
    content: "\e660";
    font-family: "iconfont" !important;
    color: #fff;
    font-size: 20px;}
	 .index3 { padding-top: 150px;}
	.index3_l { width:100%}
	.index3_r { width:100%; margin-top:30px;} 
	.index3_content { height: auto;  overflow-y: inherit; overflow-x: inherit;}
	.index3_lt .t1 { text-align:center;}
	.index3_lt .t1 h3:after {  margin: 20px auto 0;}
	 .popupVideo .close {  top: -38px; right: 2px;}
	  #IndexBan .BanPoints {  bottom:30px;}
	  .index4 {  margin-top:50px;  padding-bottom: 50px;}
	 .index5_title a { display:none;} 
	 .index5_content ul li a .index5_img { padding: 15px;}
	 .index5_content ul li a .index5_desc{ padding: 15px;}
	 .index5_content ul li a .index5_desc dl dd:first-child+dd { font-size:18px; margin-top: 10px;}
	 .index5_content ul li a .index5_desc dl dd:first-child+dd+dd { font-size: 14px;  margin-top: 20px;}
	 .index5_content ul li a .index5_desc dl dd:first-child { font-size:12px;}
	 .index5_content { padding-top: 40px;} 
	 .index5 {  padding-bottom: 60px;}
	 .b_title dt { font-size: 30px;}
	 .b_title dd {font-size: 16px;}
	 .inner_sort { display:none;}
	 .m_sort { display:block;}
	 .cotact_t { font-size: 35px;  margin-top: 50px;}
	 .about1_content { width:100% !important;}
	 .shuzi { padding-top:50px;}
	 .about1 .value_info dl dd .i_img {right: 24px;}
	 .about2 { margin-top: 50px;}
	 .about_video .bgs:after { background-size:7% !important}
	 .about3_desc { padding: 30px 0 0;  font-size: 16px;}
	 .about3_content {  margin:40px auto 0;}
	 .about3_content ul li dl dd { padding:0 10px;}
	 .about4_contenr .m-solve-box { background:none;  margin-top:20px;}
	 .about4_contenr .m-solve-box .owl-nav .owl-prev {top: 26px; left:-12px;}
	 .about4_contenr .m-solve-box .owl-nav .owl-next {top: 26px; right:-12px;}
	 .about5_info { margin: 40px auto 0;}
	 .about5_l { width:100%;}
	 .about5_r { width:100%;}
	 .about6 {  margin-top: 50px;}
	 .about6 #IndexBlock2 {  padding-top: 40px;}
	 .about7_content { padding-top: 40px;}
	 .n_height { height:50px}
	 .sustainable1_desc {  width: 100%;}
	 .sustainable3_z ul li dl { padding:30px 30px;}
	 .sustainable3_z ul li dl dt {font-size: 25px;}
	 .sustainable3_z ul li dl dt::after { margin-top:20px;}
	 .sustainable3_z ul li dl dd { font-size: 16px; margin-top:20px;}
	 .sustainable3_z ul li {  min-height: 300px;}
	 .sustainable3_z {transform: translateY(-100px);}
	 .sustainable3_z ul { display: flex;flex-direction: row;flex-wrap: wrap;}
     .sustainable3_z ul li { flex: auto;}
     .sustainable4 { padding-bottom: 80px;}
	 .productlist { padding-top: 50px}
	 .productlist_content ul li a .productlist_i dl dd:first-child { display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
	 .productlist_content ul li a .productlist_i dl dd:last-child { display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;} 
	.productlist_content ul li a {  padding: 15px;}
	.page {  margin:40px auto;}
	.product1 {  padding:50px 0 50px;}
	.news_height {  height:85px;}
	.product1_z{  padding:50px 0 0;}
	.product1_rt h1 { font-size:30px;}
	.product3 {  margin-top:50px;  padding-bottom: 50px;}
	.cotact2_message ul li {  width: 100%; margin-left: 0}
	.cotact2_message ul li .message_l { width: 15%;}
	.cotact2_message ul li .message_r { width: 85%;}
	.cotact2_message ul li:first-child+li+li+li+li .message_l { width: 15%;}
	.cotact2_message ul li:first-child+li+li+li+li .message_r { width: 85%;}
	.caselist_z ul li a .caselist_i dl dd:first-child { font-size:25px;}
	.case_l { width:100%;}
	.case_r{ width:100%; margin-top:20px}
	.core1_content ul li dl dt span {  font-size: 50px;}
	.core2 { margin-top:50px;}
	.core2_bj {   padding-bottom: 50px;}
	.htab_list li dl dt { font-size: 30px;} 
	.htab_list li dl dd { font-size: 16px;   margin-top: 15px;}
	.htab_list { position:inherit; overflow:hidden; clear:both; margin-bottom:20px; width:100%; top:0}
	 .htab_con { width:100%}
	 .htab_list li { float:left; margin-left:3%; width:48.5%;}
	 .htab_list li:first-child {  margin-left:0;}
	 .htab_list li dl {  padding:20px;}
	 .cotact_t {  margin-top: 50px;}
	 .core3_content ul li dl {  left: 5%;  top: 5%; width: 90%;}
	 .service1_content ul li dl dd:first-child+dd { font-size: 30px;}
	 .service1_content ul li dl dd:last-child {  font-size: 16px;}
	 .service2 {  margin-top: 50px;}
	 .i_current {padding-top:50px;}
	 .newlist { padding-top: 40px;}
	 .news_lt h1 { font-size: 35px;}
	 .news_lt dl {  margin-top: 20px;}
	 .news_l { width:100%}
	 .news_r { width:100%; margin-top:40px;}
	 .news { padding-top: 50px;}
	 .cotact_t {   margin-top: 50px;}
	 .cotact1_l { width:100%}
	 .cotact1_r { width:100%}
	 .cotact2 {  padding: 50px 0 50px;   margin-top: 50px;}
	 .jonlist1 {   padding: 50px 0;  margin-top: 50px;}
	 .jonlist1_l { width:100%}
	 .jonlist1_r { width:100%}
	 .jonlist1_ri dl dt {   font-size: 35px;}
	 .jonlist1_ri dl dt::after { margin: 30px 0 30px;}
	 .jonlist1_ri dl dd { font-size:16px;}
	 .jonlist1_ri { height:auto}
	 .jonlist3 { padding-top:80px;}
	 .jonlist3_t dl dt {font-size: 20px;}
	 .jonlist3_t dl dd {font-size: 18px;}
	 .jonlist3_i ul li dl { padding:20px;}
	 .jonlist3_i ul li dl dt {font-size: 25px; margin-bottom: 20px; padding-bottom: 20px;}
	 .i_product_content ul li a dl dd:last-child { font-size:20px;}
	 .banner_txt p { font-size: 18px;}
	 .banner_txt span { font-size:30px;}
	 .banner_txt li { font-size:16px;}
	 
	 
	 
}




@media only screen and (max-width: 950px){	
     .value_info dl dd .value_i { padding-left: 20px;} 
	 .serve-content-info { width: 100%;}
	 .serve-content-list{ width: 100%; margin-top:20px;}
	 .serve-content-list ul li { width:23.5%; margin-left:2%;float:left;}
	 .serve-content-list ul li:first-child {   margin-left:0; }
	 .serve-content-list ul li span::before { display:none;}
	 .serve-content-list ul li span { margin-left: 15px;}
	 .serve-content-list ul li:before {  width:40px; height: 40px;  line-height: 40px;}
	 .serve-content-list ul li:first-child:before{ background-size:56% !important; background:url(../image/icon5a.png) no-repeat center -4px;}
	.serve-content-list ul li:first-child.on:before{ background-size:56% !important; background: #fff url(../image/icon5a.png) no-repeat center -49px;}
	.serve-content-list ul li:before {  top: 20px;}
	.serve-content-list ul li:first-child+li:before{ background-size:45% !important ;background: url(../image/icon6a.png) no-repeat center -2px;}
	.serve-content-list ul li:first-child+li.on:before{ background-size:45% !important; background: #fff url(../image/icon6a.png) no-repeat center -44px;}
	.serve-content-list ul li:first-child+li:before {  top: 20px;}
	.serve-content-list ul li:first-child+li+li:before{ background-size:45% !important ;background: url(../image/icon7a.png) no-repeat center 2px;}
	.serve-content-list ul li:first-child+li+li.on:before{ background-size:45% !important; background: #fff url(../image/icon7a.png) no-repeat center -37px;}
	.serve-content-list ul li:first-child+li+li:before {  top: 20px;}
	.serve-content-list ul li:last-child:before{ background-size:45% !important ;background: url(../image/icon8a.png) no-repeat center 0;}
	.serve-content-list ul li:last-child.on:before{ background-size:45% !important; background: #fff url(../image/icon8a.png) no-repeat center -40px;}
	.serve-content-list ul li:last-child::before {  top: 20px;}
	 #seventh span {font-size: 40px;}
	 .about1 .value_info dl dd .i_img { right: 5px;}
	
	
	
	 
	 
}




@media only screen and (max-width: 850px){	
     .product1_l  { width:100%}
	 .product1_r  { width:100%; margin-top:30px;}
	.i_current ul li a { font-size:12px;}
	.product1_z {   padding:25px 0 0;}
	.product1_rm a { width: 130px; line-height: 40px; font-size:14px;   height: 40px;}
	.product1_rm a::before { font-size: 24px;   left: 19px;  top: 6px;}
	.product2_t span {  height: 40px;  line-height: 40px;  width: 130px;  font-size:16px;}
	.product2_t { height:40px}
	.core3_content ul li {  width:100%;  margin-left: 0; margin-bottom: 3%;}
	.core3_content ul li dl dd:last-child { font-size:14px;}
	.core3_content ul li dl dd:first-child+dd { margin-top: 50px;}
	
	
	
}


@media only screen and (max-width: 768px){	
      
	  .value_info dl dd .value_i { padding-left: 0;} 
	  #seventh span {  font-size: 40px;}
	  .value_info dl dd .i_img {  font-size:20px;}
	  .buttonBox { padding:0 5%} 
	 
 
	  .banner .img .bimg1 { display:none !important;}
	  .banner .img .bimg2 { display:block !important;}
	 
	  .m_en { right:70px; top:0;}
	  .serve-content-list ul li { font-size: 17px;}
	  .about3_content ul li {   width: 50%;}
	  .about3_content ul li .about3_i { display:block;}	
	  .about3_content { padding:0}	 
	  .about3_content ul li dl dt { padding-top:40px;} 
	  .about3_content ul li:first-child+li+li { border-top:1px solid #89b4da;}
	 .about3_content ul li:last-child{ border-top:1px solid #89b4da;} 
	 .about3_content ul li:first-child+li+li::after { display:none;}
	 .about4 .cotact_t {text-align: center;}
	 .about4 .cotact_t::after {margin: 25px auto 0;}
	 .about4_contenr { margin-top: 50px;}
	 .item1_l {  font-size: 50px;}
	 .item1_r p {  font-size: 16px;}
	 .item1_r p::before {  width: 5px; height: 5px; top: 9px;}
	 .about5_r ul {   padding: 40px;}
	 .sustainable4_l { width:100%}
	 .sustainable4_r { width:100%; padding-right:0; height: auto; margin-top:30px; overflow-y:inherit; overflow-x: inherit;}
	 
	 .productlist_content ul li {  width: 48.5%;}
	 .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}
	 .cotact2_message ul li .message_l { width: 20%; font-size:16px; height: 55px;  line-height: 55px;}
	 .cotact2_message ul li .message_r { width: 80%;}
	 .cotact2_message ul li:first-child+li+li+li+li .message_l { width: 20%;}
	 .cotact2_message ul li:first-child+li+li+li+li .message_r { width: 80%;}
	 .cotact2_message ul li .message_r .text {   height: 55px;  line-height: 55px;}
	 .cotact2_message .btn {width: 130px; font-size: 14px; height: 45px;line-height: 45px;}
	 .product1 #IndexBlock1 .swiper-pagination-bullet {   width:6px;   height: 6px;} 
	 .product1 #IndexBlock1 .Point { margin-top:20px;}
	 .caselist_z ul li:nth-child(3n+1) {  margin-left: 3%;}
	 .caselist_z ul li:nth-child(2n+1) {  margin-left: 0;}
	 .caselist_z ul li:first-child {  margin-left: 0;}
	 .caselist_z ul li  {  margin-left: 3%; margin-bottom:3%; width:48.5%}
	 .caselist_z ul li a .caselist_i dl dd:first-child { font-size: 18px;}
	 .cotact_t {  font-size: 30px;}
	 .service1_desc { margin:0 auto; width:94%}
	 .service2_content ul li { width:50%; margin-bottom:30px;flex: auto;}
	 .service2_content ul { display: flex;flex-direction: row;flex-wrap: wrap;}
     .service2_content ul li dl dd:last-child { font-size: 14px;   margin: 15px auto 0;   width: 90%;}
     .newlist_content ul li a .newlist_l {width: 100%;}
     .newlist_content ul li a .newlist_r {width: 100%; margin-right:0}
	 .newlist_content ul li a .newlist_r dl { padding:0 20px 30px;}
	 .newlist_content ul li a .newlist_r dl dd:last-child span { width: 171px; font-size: 14px;}
	 .newlist_content ul li a .newlist_r dl dd:first-child+dd+dd { font-size:16px;}
	 .newlist_content ul li { margin-bottom:30px;}
	 .jonlist3_i ul li { width: 100%; margin-left: 0; margin-bottom:3%}
	 .rec2 .top .right .prev {  width:30px;   height: 30px;}
	 .rec2 .top .right .prev::before {  height: 30px;  width: 30px;line-height: 30px; font-size:20px;}
	 .rec2 .top .right .next {  width:30px;   height: 30px;}
	 .rec2 .top .right .next::before {  height: 30px;  width: 30px;line-height: 30px; font-size:20px;}
	 .i_product_content ul li a dl dd:last-child {  height: 50px; line-height: 50px;  font-size: 18px;}
	 .i_product_content ul li { width:48.5%; margin-left:3%; margin-bottom:3%}
	 .i_product_content ul li:nth-child(2n+1) {   margin-left:0}
	 .index1 { padding-bottom:50px;}
	 .rec2 .top .txt { margin-right: 0; width: 100%; clear:both;}
	.rec2 .top .right { width:100%; height:60px;}
	.rec2 .top { display:block;}
	 .inner_banner .cp_b { display:none !important;}
	 .inner_banner .mp_b { display:block !important;}
	 
	 
}


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

   
	.fz {  width: 94%;}
	.index5_content ul li {  width:100%; margin-left: 0; margin-bottom:3%;} 
	.footer_r  { display:none;}
	.copyright { margin: 50px auto 0;}
	.shuzi .value_info dl dd{ width:50%}
	.shuzi .value_info dl dd:first-child { width:50%; margin-bottom:30px;}
	.shuzi .value_info dl dd:first-child+dd{ width:50%;margin-bottom:30px;}
	.shuzi .value_info dl dd:first-child+dd+dd{ width:50%}
	.shuzi .value_info dl dd:last-child{ width:50%; margin-left:0}
	.about7_content ul li:nth-child(2n+1) { margin-left: 0;}
	.about7_content ul li:first-child { margin-left:0 !important;}
	.about7_content ul li:nth-child(5n+1) { margin-left: 3%;}
	.about7_content ul li{ width:48.5%; margin-left:3%; margin-bottom:3%;}
	.about7_content ul li:nth-child(11) { margin-left:0;}
	.sustainable3_z ul li { width:48.5%; margin-left:3%; margin-bottom:3%; min-height:inherit;}
	.sustainable3_z ul li:nth-child(2n+1)  {   margin-left:0;}
	.sustainable3 {  height: 450px;}
	.core1_content ul li { width:100%; margin:0 0 3% 0; min-height:inherit}
	.core1_content ul { display:block;}
	.service1_content ul li { width:100%; margin-left: 0; margin-bottom:3%}
	.service3_message ul li:first-child { margin-right: 0;}
	.service3_message ul li { width:100%} 
    .service3_message ul li .service3_tj .btn { font-size:16px;   width:160px; height: 45px; line-height:45px;}
	.about3_img { margin:30px 0 0 0;}
	.about4_contenr .m-solve-box { margin-top:0}
	.m-solve-box { bottom: -40px;}
	.about6 #IndexBlock2 .swiper-pagination-bullet { width: 6px !important; height: 6px !important;}
	.about6 #IndexBlock2 .Point {   margin-top: 20px;}
	.b_title dd {  margin-top: 0;}
	.case_lt h1 {  font-size:28px;}
}



@media only screen and (max-width: 650px){	
    
	  .serve-content-list ul li { font-size: 20px;} 
	  .serve-content-list ul li { line-height:35px; text-align:center;}
	  .serve-content-list ul li span { margin-left:0}
	 .serve-content-list ul li::before { position:inherit; margin:5px auto 0; left:auto; right:auto; top:auto; }
	 .serve-content-list ul li:first-child+li:before { top: auto}
	 .serve-content-list ul li:first-child+li+li:before { top: auto}
	 .serve-content-list ul li:last-child:before { top: auto}
	 .serve-content-info ul li dl dd:first-child { font-size:27px;}
      .cotact1_info {  padding:40px 20px;}
	  .cotact1_info ul li:first-child { font-size:25px;}
	  .banner_txt li {  font-size: 14px;   padding: 5px 20px;}
	  .banner_txt span { font-size:25px;}
	  
	  

}
@media only screen and (max-width: 600px){	
 
	  .value_info dl dd a .value_desc ul li:first-child+li {  margin-top:15px;}
	  .value_info dl dd a .value_desc ul li:first-child+li+li {  margin-top:15px;}
	  .index1_content ul li a dl dd { font-size:16px;}
	  .index1_content ul li:first-child { margin-right:0; margin-bottom: 0.8%;   width: 100%;}
	  .index1_content ul li:first-child+li{ margin-right:0; margin-bottom: 0.8%;   width: 100%;}
	  .index1_content ul li { width:49.6%}
	  #seventh span { font-size:35px;}
	  .buttonBox p { font-size: 14px;}
	  .value_info dl dd .i_img {  right: 30px;}
	  .value_info dl dd:last-child .i_img .icon { height:30px;}
	  .copyright_l { width:100%; }
	  .copyright_r { width:100%; text-align:center;}
	  .copyright { width:100%; text-align:center; font-size:12px; }
	  .sustainable3 {  height: auto;}
	  .sustainable3_z { transform: translateY(0); margin-top:3%}
	  .banner_box video { min-height:500px;display: block;
    -o-object-fit: cover;
    object-fit: cover;}
	 .m-solve-box .owl-nav .owl-prev { left: -10px;}  
	 .m-solve-box .owl-nav .owl-next { right: -10px;}   
	  
}
@media only screen and (max-width: 550px){	
      .m_en { right:60px; }
 
}


@media only screen and (max-width: 500px){	
    
	  .footer_z{  width: 100%; } 
	  .footer_r{  width: 100%; margin-top:40px; }
	  .footer_ra dl dd { margin-top:0}
	  .footer_lsort dl dd { display:block; width:33.33%; text-align:center}	  
	  .footer_lsort dl dd:nth-child(4) {  width:50%; margin-top:10px  }	
	  .footer_lsort dl dd:nth-child(5) {  width:50%;margin-top:10px   }	
	  .footer_lsort dl dd:nth-child(3)::after { display:none}
	  .value_info dl dd .i_img { right: 10px;}
	  .value_info dl dd { width:50%; margin-bottom:30px;}
	  .value_info dl dd:last-child { width:50%} 
	  .value_info dl dd:first-child{ width:50%}
	  .value_info dl dd:first-child+dd{ width:50%}
	   .index3_r {  margin-top: 0;}
	   .about_video .bgs:after { background-size:17%;}
	  .about_video:hover .bgs:after { background-size:17%;} 
	   .serve-content-list ul li { font-size:18px;} 
	   .cotact2_message ul li .message_l { width: 25%; }
	 .cotact2_message ul li .message_r { width: 75%;}
	 .cotact2_message ul li:first-child+li+li+li+li .message_l { width: 25%;}
	 .cotact2_message ul li:first-child+li+li+li+li .message_r { width: 75%;}
	 .patent {  height:600PX;}
	 .patent .cotact_t { margin-top:60px;}
	 
}


@media only screen and (max-width: 450px){	
 
	 .buttonBox .sp1 { font-size: 16px;}
	 .buttonBox { padding:0}
	 .htab_list li dl dd {   font-size: 14px;}
	 .patent {  height:550PX;}
	 
}


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


}

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

}