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

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

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


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

 
/* ===================导航========================== */
.index_head { width:100%; position:relative;z-index:9999999;}
.logo { width:20%; margin-left:4%;}
.logo img { height:50px; margin-top:30px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.fixed .logo img { height:45px; margin-top:18px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.top_head { top:0; left:0; width:100%; height:110px;   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; background:rgba(255,255,255,0.6); z-index:999; }
.headlf { display:none;}
.header_pro .top_head { box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1); -ms-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1);  }
.header_pro .fixed .top_head { box-shadow: 0px 2px 16px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0); -ms-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0); -o-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0); -webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0);  }
					

.nav_z{z-index: 9999; position:relative; height:110px; width:100%;}
.nav_z .nav{ height:110px; text-align:right;display: block; width:70%;margin-right:4%;     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%;height:110px;   }
.fixed .nav_z .nav .nav_pc { height: 80px;}
.fixed .nav_z{ height: 80px;}
.fixed .nav_z .nav{ height: 80px;}
.fixed .nav_z .nav ul li{ height: 80px;}
.fixed .nav_z .nav ul li a{ height: 80px; line-height:80px;}
.fixed .nav_z .nav ul .search::before {  top: 29px;}
.fixed .nav_z .nav ul .language::before {top: 30px;}
.fixed .nav_z .nav ul .language::after {  top: 31px;}

.nav_z .nav ul li{ box-sizing: border-box; height:110px;     margin-left:40px; z-index: 9999999; position: relative; display: inline-block; width: auto !important;   } 
/*.nav_z .nav ul li .f_a{ line-height:110px;position:relative; height:110px;  display:block;font-size:17px;color:#000;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} */
.nav_z .nav ul li a{ line-height:110px;position:relative; height:110px;  display:block;font-size:18px;color:#000;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s}
.nav_z .nav ul .tel .f_a { color:#006db8; font-size:22px;}
.nav_z .nav ul .tel  { margin-left:12px;}
.nav_z .nav ul .language .f_a{ text-indent:2em;   font-family:"Arail";  } 
.nav_z .nav ul .language { position:relative; padding-right:30px;margin-left: 50px;   }
.nav_z .nav ul .search { position:relative;  margin-left:120px;}
.nav_z .nav ul .language::before {   content: "\e9ee"; left:0; top:44px; color:#585858; font-size: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; } 
.nav_z .nav ul .language:hover::before{   animation: rotate 0s linear infinite; color:#006db8; animation: rotate 4s linear infinite;  } 
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
.nav_z .nav ul .language::after { position:absolute; content:""; background:url(../images/icon1.png) no-repeat center center; right:0; top:44px; color:#000; font-size:20px; width:20px; height:20px; 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;     }  
.nav_z .nav ul .language:hover::after {   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); } 	
.nav_z .nav ul .language:hover::after {  background:url(../images/icon1h.png) no-repeat center center;   }  
.nav_z .nav ul li:first-child{ margin-left:0;}
 
.nav_z .nav ul .search::before {   content: "\e615"; right:0; top:44px; color:#9e9e9e; font-size:20px; width:20px; height:20px;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; transform: rotate(95deg);
    -moz-transform: rotate(95deg);
    -ms-transform: rotate(95deg);
    -o-transform: rotate(95deg);
    -webkit-transform: rotate(95deg);} 
.nav_z .nav ul .search:hover::before {    color:#006db8;    } 
.nav_z .nav ul .search .f_a::after { display:none;}
.nav_z .nav ul .language .f_a::after { display:none;}
.nav_z .nav ul li:hover .f_a{color: #006db8; transition:all .3s}
 
.fixed  .nav_z .nav ul li .f_a::after {   bottom:-10px;  }
.nav_z .nav ul li:hover .f_a::after{width:100%;transform: scale(1);transform-origin:left;}
.nav_z .nav ul li .f_a:hover:after{width:100%;transform: scale(1);transform-origin:left;}
.nav_z .nav ul li .s_navbox{     top: 110px;display:none;position: absolute;left: 0;width: 100%; background:#fff;background:rgba(0,0,0,0.7);z-index: 9999;box-sizing: border-box; }
.fixed .nav_z .nav ul li .s_navbox{     top: 78px;}

.nav_z .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;  line-height:35px ; text-align:center; height:35px; border-TOP:1px solid #5c5c5c} 
.nav_z .nav ul li .s_navbox .s_a a:first-child{  border-TOP:0} 
.nav_z .nav ul li .s_navbox .s_a a:last-child{ border-BOTTOM:0 }
.nav_z .nav ul li .s_navbox .s_a a:hover{color: #fff; background:#006db8;} 
.m_nav{display:none} 
.headrg .m_menuimg{display: none}
.active{background-color: #fff}
.activ2{background-color: #fff}
.head_search{ display:block; position:absolute; right:5%; top:10px; width:444px; height:30px; line-height:30px; color:#fff; text-align:right; overflow:hidden; z-index:99999999999999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.fixed .top_head{ width: 100%;  height:80px;  position: fixed; left: 0;  top: 0;   z-index: 5000; background:rgba(255,255,255,0.9); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; border-bottom:1px solid #f4f4f4; }
.fixed .nav_z .nav ul li .f_a {  color: #323232;}
.fixed .nav_z .nav ul li:hover .f_a {  color: #036db9;}
.fixed .nav_z .nav ul .tel .f_a {  color: #036db9;}
 .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;} 

/*小于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:35px 0 0 0; white-space:nowrap;color:transparent;z-index:20;cursor:pointer; }
	.a_js span{display:block;height:3px;background:#006db8;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
	.a_js span:nth-child(1){ width:30px; }
	.a_js span:nth-child(2){ width:45px;}
	.a_js span:nth-child(3){margin-bottom:0;width:30px;}
	.a_js:hover span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
	.a_js:hover span:nth-child(2){opacity:0; width:45px !important;}
	.a_js:hover span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}

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


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

/* 客服 */
.kefu { position:fixed; width:65px; height:300px; right:0; top:300px; z-index:99; }
.kefu ul li  { width:65px; height:65px; margin-bottom:1px;} 
.kefu ul li a { width:65px; height:65px; display:block; background:#036db9; color:#fff;} 
.kefu ul li a:hover {  background:#333333; } 
.kefu ul li:last-child a {    background:none; color:#fff;} 
.kefu ul li a #goTopBtn{ width:65px; height:65px; cursor:pointer;background:#036db9; display:block !important;}
.kefu ul li:hover a #goTopBtn{ background:#333333;  }
.kefu ul li a p { text-align:center; display:block; }
.kefu ul li a .kp1 {  padding-top:17px;}
.kefu ul li:first-child+li+li a .kp1 {  padding-top:14px;}
.kefu ul li:last-childa .kp1 {  padding-top:14px;}
.kefu ul li a .kp2 { font-size:12px;}
.kefu ul li:last-child a .kp1 {  padding-top:18px;} 
.kefu ul li:first-child+li { position:relative; overflow:hidden}
.kefu ul li:first-child+li:hover {  overflow:inherit}
.kefu ul li:first-child+li a span { position:absolute; left:-161px; top:0;  width:160px; height:160px; opacity:0; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.kefu ul li:first-child+li:hover a span {   opacity:1; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.kefu ul li:first-child+li a span img { width:100%; border:1px solid #e3e3e3}
.kefu ul li:first-child+li+li { position:relative; overflow:hidden}
.kefu ul li:first-child+li+li:hover {  overflow:inherit}
.kefu ul li:first-child+li+li a span {  opacity:0; position:absolute; left:-201px; top:0;  width:200px; height:65px; background:#036db9; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  font-size:25px; color:#fff; font-weight:bold; text-align:center; line-height:65px; display:block; }
.kefu ul li:first-child+li+li:hover a span {  opacity:1;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;   }




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

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


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

*/


.banner .down{ text-align:center;position:absolute;bottom:60px;margin:auto;z-index:60;padding:15px 0;width:100%;text-align:center;cursor:pointer; z-index:2} 
.banner .down .bounce-up{display:inline-block;width:24px;height:38px;-webkit-animation: bounce-up 1.8s linear infinite;animation: bounce-up 1.8s linear infinite;background:url(../images/icon2.png) no-repeat;}
   @-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(10px);opacity:0.5}
         50%, 100% {-webkit-transform: translateY(0);}
         75% {-webkit-transform: translateY(-10px); opacity:0.1}
        }
 
        @keyframes bounce-up {
         25% {transform: translateY(10px);opacity:0.5}
         50%, 100% {transform: translateY(0);}
         75% {transform: translateY(-10px);opacity:0.1}
        }
.down_z { position:relative; text-align:center;} 
.down_z dl dd { position:absolute; left:0; width:100%; font-weight:bold;}
.down_z dl dd:first-child { z-index:5;top:-15px; }
.down_z dl dd:last-child { z-index:4;top:0; }
.down_z dl dd i { display:inline-block; padding:0 30px; color:#fff; font-style:normal; font-size:16px;   text-shadow:2px 2px 2px #9b999a; }

 
/*=========================首页产品中心====================================*/ 
.index1 { width:100%; overflow:hidden; background:#f7f7f7}
.t1 { padding-top:100px; text-align:center; }
.t1 h3 { font-size:42px; color:#333333; font-weight:500;    text-transform: uppercase;}
.t1 p { font-size:18px; color:#777777; margin-top:24px;} 
 
 /*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/ }

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
.bg1 { margin-top:44px;}
.container{ margin:0 auto; max-width: 100%; padding-left: 0.15rem; padding-right: 0.15rem; }
 
/**产品**/
.Productlist{ margin:0 -0.1rem; }
.Productlist li{  }
.Productlist .Box{ display: block; background: #fff;  }
.Productlist .Box img{ display: block; margin:0 auto; width:100%; }
.Productlist .cont{ padding:20px 20px 30px; overflow:hidden; position:relative; margin-top:0;}
.Productlist li .cont::after{ display:block; width:0; height:6px; position:absolute; left:0; bottom:0; background:#006ab8; content:""; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.Productlist li:hover .cont::after{   width:100%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.Productlist li a .imgBox { width:100%; overflow:hidden;}
.Productlist li a .imgBox img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.Productlist li:hover a .imgBox img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.Productlist .title{ font-size: 0.16rem; font-weight: bold; color:#000000; line-height: 1.5em; margin:0.2rem 0 0.1rem; text-transform: uppercase; }
.Productlist .Box:hover{ border-color:#da251d; }
.Productlist .Box:hover .title{ color:#da251d; }
.Productlist .Box:hover .more{ background-color:#da251d; }
 
#IndexBlock1{ background:url(../images/icon_flower2.png) no-repeat -0.55rem -0.65rem; position: relative; }
#IndexBlock1:before{ position: absolute; left:0; top:0.1rem; height: 100%; width: 100%; content: ""; display: block; background:url(../images/back.png) no-repeat right bottom; position: absolute; }
#IndexBlock1 .container{ position: relative; z-index: 2; }
#IndexBlock1 .Productlist1{ overflow:hidden; }
#IndexBlock1 .Productlist{ margin:0; }
#IndexBlock1 .Productlist li{ padding:0; }
#IndexBlock1 .Points{ display: block; font-size: 0; line-height: 0; padding:4.16% 0; text-align: center; }
#IndexBlock1 .Points span{ opacity: 1; background-color: #fcd800; height: 0.1rem; width: 0.1rem; margin:0 0.07rem; }
#IndexBlock1 .Points span.swiper-pagination-bullet-active{ background-color: #da251d; }
#IndexBlock2{ position: relative; }
#IndexBlock2:before{ position: absolute; right:-1.5rem; top:-50%; height: 100%; width: 100%; content: ""; display: block; background:url(../images/icon_flower1.png) no-repeat right center; position: absolute; }
#IndexBlock2 .container{ position: relative; z-index: 2; }
#IndexBlock2 .Productlist2{ overflow:hidden; }
#IndexBlock2 .Productlist{ margin:0; }
#IndexBlock2 .Productlist li{ padding:0; }
#IndexBlock2 .PBox{ position: relative; margin-bottom: 6.66%; }
#IndexBlock2 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:60px; width:60px;  z-index: 2; }
#IndexBlock2 .PNBtn span i { cursor:pointer; display:block; position:relative; width:60px; height:60px; font-family: "iconfont" !important; font-style:normal;}
#IndexBlock2 .PNBtn span i::before { display:block; position:absolute; left:0; top:0; height:60px; width:60px;   }
#IndexBlock2 .PNBtn .prev i::before { background:#fff; color:#e5e5e5; font-weight:bold;
    content: "\e660";
    left: 0;
    top: 0;
    font-size:25px;
    width: 60px;
    height: 60px;
    position: relative;
    line-height: 60px;
    text-align: center;
    display: block;}
#IndexBlock2 .PNBtn .prev:hover i::before { background:#006eb6; color:#fff;  }	
#IndexBlock2 .PNBtn .next:hover i::before { background:#006eb6; color:#fff;  }		
#IndexBlock2 .PNBtn .next i::before { background:#fff; color:#e5e5e5; font-weight:bold;
    content: "\e660";
    left: 0;
    top: 0;
    font-size: 25px;
    width: 60px;
    height: 60px;
    position: relative;
    line-height: 60px;
    text-align: center;
    display: block;    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}	
	

#IndexBlock2 .PNBtn .prev{ left:-80px; }
#IndexBlock2 .PNBtn .next{ right:-80px; }

#IndexBlock2 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }

#IndexBlock1 .PBoxs{ position: relative; margin-bottom: 6.66%; }
#IndexBlock1 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; }
#IndexBlock1 .PNBtn .prev{ background:rgba(242,207,0,1) url(../images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; }
#IndexBlock1 .PNBtn .next{ background:rgba(242,207,0,1) url(../images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; }
#IndexBlock1 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }
.index1 #IndexBlock2 .container .PBox .Point{ display:none;}
.Productlist li a .cont .PBox_title { color:#202123; font-size:25px; margin-bottom:10px; min-height:60px;} 
.Productlist li a .cont .PBox_xh { color:#202123; font-size:16px; margin-bottom:20px;}  
.Productlist li a .cont .PBox_more {  color:#676767; font-size:14px;}
.Productlist li:hover a .cont .PBox_more {  color:#006ab8;}
.Productlist li a .cont .PBox_more i { display:inline-block; padding:10px; position:relative; font-family: "iconfont" !important; font-style:normal;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
.Productlist li:hover a .cont .PBox_more i { margin-left:10px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } 
.Productlist li a .cont .PBox_more i::before{ content: "\e660";color:#676767; transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    left: -2px;
    top:5px;
    font-size:14px;
    width: 20px;
    height:20px;
    position:absolute;
    line-height: 20px;
    text-align: center;}
 .Productlist li:hover a .cont .PBox_more i::before{  color:#006ab8;  }
 
 
 
 
 /*=========================首页品质与服务====================================*/ 
.index2_img { margin-top:70px; width:100%; position:relative; overflow:hidden;}
.index2_img img { width:100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
 
.index2_info { position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}
.index2_info ul { padding:240px 5% 0;}
.index2_info ul li { float:left; width:26%; color:#fff; }
.index2_info ul li:first-child { margin-right:27%;}
.index2_info ul li dl dt { font-size:25px; margin-bottom:20px;}
.index2_info ul li p { line-height:1.6;}
.index2_info ul li p:first-child  { margin-bottom:20px;}

.scaleDown .content_bj img { width:100%}
.scaleDown .content_bj {
			animation:myfirst 15s;
			-moz-animation:myfirst 15s;
			-webkit-animation:myfirst 15s;
		   iteration-count:20;
			-moz-animation-iteration-count:20;
			-webkit-animation-iteration-count:20;
			transition: all 2000s;
			-moz-transition: all 2000s;
			/* -webkit-transition: all 2000s; */
			transform: scale(1);
			}
			 
		@keyframes myfirst
           {
			90% { transform: scale(1.08);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			110% { transform: scale(1.2);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			120% { transform: scale(2.1);
			transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;
	       }
			130% { transform: scale(1.2);transition: all 30s;}
		   140% { transform: scale(1.08); transition: all 30s;}
		   
			}
	  -moz-@keyframes myfirst
           {
			90% { transform: scale(1.08);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			110% { transform: scale(1.2);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			120% { transform: scale(2.1);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;
		 }
			130% { transform: scale(1.2);transition: all 30s;}
		   140% { transform: scale(1.08);transition: all 30s;}
		   
			}
	  -webkit-@keyframes myfirst
           {
			90% { transform: scale(1.08);transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			110% { transform: scale(1.2); transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;}
			120% { transform: scale(2.1); transition: all 30s;
		 -moz-transition: all 30s;
		 -webkit-transition: all 30s;
		 }
			130% { transform: scale(1.2);transition: all 30s;}
		   140% { transform: scale(1.08);transition: all 30s;}
		   
			}
			

/*=========================首页应用案例====================================*/ 
.index3_info { margin-top:50px;}
.index3_ul ul li{ width:25%; float:left; overflow:hidden; position:relative}
.index3_ul ul li .index3_img img {   width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index3_ul ul li:hover  .index3_img img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.index3_ul ul li a  { width:100%; display:block;} 
.index3_ul ul li .index3_desc { text-align:center; color:#fff; display:block; width:100%; height:100%; position:absolute; left:0; top:0; height: 100%;  margin: 0 auto; z-index:66;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index3_ul ul li:hover .index3_desc {     height:80%;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index3_ul ul li .index3_desc span { height: 100%; font-size:30px; display: flex;
justify-content: center;
align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center;}
.index3_ul ul li::after { content:""; display:block; width:100%; height:100%; background:rgba(0,60,102,0.5); position:absolute; left:0; top:0; z-index:1}
.index3_ul ul li:hover::after { background:rgba(0,60,102,0.3);} 
.index3_ul ul li .index3_content   { font-size:16px;  display:block; width:100%; padding:4%; height:50%; background:rgba(0,109,184,1); color:#fff; position:absolute; left:0; bottom:-50%; z-index: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; line-height:1.7;}
.index3_ul ul li:hover .index3_content   {    bottom:0; z-index: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;  }
.index3_ul ul li .index3_content p:last-child { margin-top:50px; text-align:center;}
.index3_ul ul li .index3_more   {    width:100%;  font-size:14px; position:absolute; left:0; bottom:-60px; z-index:100; text-align:center;height:50px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  }
.index3_ul ul li:hover  .index3_more  {   bottom:60px; z-index:100; text-align:center;height:50px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  }



.index3_ul ul li .index3_more a span  { display:block;  border:1px solid #fff; margin:0 auto; color:#fff;  width:50%; height:50px; line-height:50px;}
.index3_ul ul li .index3_more a span:hover  {    background:#fff; color:#036db9}
  
 
 
 
 
 
/*=========首页新闻动态--========*/
.mF_tab { width:100% !important; margin-top:25px;}
.mF_tab .btn { width:100%; z-index:2; text-align:center;}
.mF_tab .btn li {  font-size:22px; width:auto !important;height:60px; cursor:pointer; display:inline-block; margin:0 3%; }
.mF_tab .btn li a{ color:#000; display:block; width:220px; height:60px; line-height:60px; background:#fff}


.mF_tab .btn li.current a{color:#fff;background:#036db9}
.mF_tab .cont {width:100% !important;  }
.mF_tab .cont .swt { width:100% !important}
.mF_tab .cont .swt li { width:100% !important; height:auto !important}
.cont { margin-top:55px;}
.cont li { width:100%}
.cont li .cont_l { width:50%; position:relative;}
.cont li .cont_r { width:46%;} 
.cont li .cont_l img{ width:100%; display:block;} 
.cont li .cont_r dl dd a .cont_info_l { width:115px; height:115px; background:#f6f6f6; color:#000;text-align:center;}
.cont li .cont_r dl dd:hover a .cont_info_l {  background:#036db9; color:#fff; text-align:center;}
.cont li .cont_r dl dd  { overflow:hidden; margin-bottom:30px;}
.cont li .cont_r dl dd a .cont_info_l span { display:block; width:100%; margin-top:20px;  height:50px; line-height:50px; font-size:45px;} 
.cont li .cont_r dl dd a .cont_info_l p { display:block; width:100%;   font-size:14px;} 
.cont li .cont_r dl dd a .cont_info_r { width:78%;}
.cont li .cont_r dl dd a .cont_info_r .cont_info_rt { font-size:24px; color:#000; margin-bottom:15px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.cont li .cont_r dl dd a .cont_info_r .cont_info_ri { font-size:15px; color:#999999; line-height:1.8;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
 .cont li .cont_l a .cont_lt { font-size:18px; position:absolute; bottom:0; left:0; width:100%; height:60px; text-align:center; line-height:60px; color:#fff; background:rgba(0,0,0,0.6)}
 .cont li .cont_l a:hover .cont_lt { color:#fff; background:#006db8}
 
 
 
 
 
/*=========首页关于我们--========*/ 
.index5 { margin-top:100px; width:100%; height:90vh;    background-position: center top; background-repeat: no-repeat; background-size: cover;s}
.index5_r { width:48%;}
.index5_img { display:none;}
.index5_img img { width:100%;}

.index5 .t1 h3{ text-align:left;} 
.index5 .t1 p{ text-align:left; color:#1c1e1d;  margin-top:5px; font-size:18px;} 
.index5_info  { margin-top:50px;}
.index5_info { line-height:1.5; color:#4b4a48; font-size:16px;}
.index5_info p { margin-bottom:20px;} 
.index5_more { margin-top:40px;} 
.index5_more a { color:#036db9; font-size:16px; display:inline-block; position:relative; overflow:hidden; padding-bottom:10px;} 
.index5_more a::before { position:absolute; left:0; bottom:2px; content:""; width:0; height:1px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; background: #036db9;}
.index5_more a:hover::before {  width:100%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index5_sz { width:130%; margin-top:50px; background:rgba(0,109,184,0.3);height:200px; margin-left:-30%;}
.index5_szbj { width:100%;background-image: linear-gradient(to left, rgb(3, 111, 184), rgb(26, 136, 210), transparent); height:200px;}
 /* 数字*/
.value_info { width:100%; margin-top:50px; }
.value_info li {  float:left; height:200px; position:relative;width:33.3%  }
.value_info li::before{ display:block; content:""; width:1px; height:100%; background:#fff; position:absolute; left:0; top:0;}
.value_info li:first-child::before{ display:none;}
.value_info ul li:first-child .value_i{ padding-left:15%; }
.value_info ul li:first-child+li .value_i{ padding-left:35%; }
.value_info ul li:last-child .value_i{ padding-left:35%; }
.value_info ul li .value_i img { display:block; margin:40px 0 10px; height:35px;}

.htmleaf-container { height:130px;}
.buttonBox{ position:relative;outline:none;transition:all 1s; }
#seventh span{ color:#fff;   position:relative;text-transform:uppercase;font-weight: bold; letter-spacing:1px; border:none;    font-size:45px;outline:none;transition:all 1s; }
#seventh em{ color:#91c421;    font-weight: bold; font-style:normal;}
.value_info ul li .value_t { font-size:20px; color:#333333;}
#seventh i { font-style:normal;font-size:12px;color: #fff;}
.value_info ul li:last-child #seventh i { font-style:normal;font-size:45px; font-weight:bold;}
.value_info ul li:first-child+li #seventh i { font-style:normal;font-size:30px; position:relative; top:-20px; display:inline-block; font-weight:bold;}
.value_info ul li:first-child #seventh i { font-style:normal;font-size:20px;  display:inline-block; font-weight:bold;}
.buttonBox p { font-size:14px;color: #fff;   margin-top:5px;}

 
/*=========首页关于我们--========*/  
.footer { width:100%; padding:50px 0; overflow:hidden; background-image:url(../images/foot_bj.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;} 
.footer1_l { width:50%;}
.footer1_l img { display:block; height:52px;}
.footer1_r{ width:420px;}
.footer1_r .f_search { width:320px; float:left; background:#fff; border:0; padding:0 10px; height:60px;}
.footer1_r .f_btn { width:100px; float:right; background:#036db9; color:#fff; border:0; text-align:center; line-height:60px; height:60px;} 
.footer1{ width:100%;  padding-bottom:33px; border-bottom:1px solid #343539; overflow:hidden;}
.footer2 { margin-top:55px;}
.footer2 ul li{ float:left;}
.footer2 ul li dl dt { color:#fff; font-size:20px; margin-bottom:40px;}
.footer2 ul li dl dd {   margin-bottom:15px;}
.footer2 ul li dl dd a { color:#656565;  }
.footer2 ul li dl dd p i { display:inline-block; font-style:normal;}
.footer2 ul li dl dd p:last-child i { padding:0 11px;}
.footer2 ul li dl dd:hover a { color:#fff;  }
.footer2 ul li:first-child { width:24%; margin-right:3%;}
.footer2 ul li:first-child+li { width:10%; margin-right:3%;}
.footer2 ul li:first-child+li+li { width:10%; margin-right:3%;}
.footer2 ul li:first-child+li+li+li { width:10%; margin-right:3%;}
.footer2 ul li:last-child dl dd span{ color:#036db9; font-size:30px; display:inline-block;}
.footer2 ul li:last-child dl dd { color:#fff;}
.footer2 ul li:last-child{ width:22%; margin-left:12%;}
.footer3 { padding:40px 0;   border-top:1px solid #36373b; margin-top:50px;}
.footer3_l { width:60%;}
.footer3_r { width:270px; height:60px; line-height:60px; position:relative; cursor:pointer;}
.footer3_l ul li:first-child { color:#777777; margin-bottom:10px;}
.footer3_l ul li:first-child a{ color:#777777; display:inline-block;}
.footer3_l ul li:first-child a:hover{ color:#fff; }
.footer3_l ul li:last-child dl dd{ display:inline-block; margin-right:10px; color:#777777} 
.footer3_l ul li:last-child dl dd a{ display:inline-block;  color:#777777;} 
.footer3_l ul li:last-child dl dd a:hover{   color:#fff;} 
.footer3_r .foot_a { width:268px; height:58px; line-height:60px; border:1px solid #2d2e32; color:#fff; text-indent:2em; display:block;}
 

/*友情链接*/
.ySearchSelect{
	height: 60px;
	position: relative;
}
.ySearchSelect i.layui-edge{
    z-index: 1;
}
.ySearchSelect i.select{
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz--transform: rotate(180deg);
    transform: rotate(180deg); 
    margin-top: -8px;
}
.ySearchSelect .layui-input{
    line-height: 60px;
    position: relative;
    z-index: 1;
}
.ySearchSelect .input-text{
    line-height: 32px;
    position: absolute;
    top: 31px;
    left: 1px;
    z-index: 3;
    display: none;
    background-color: #FFF;
}
.ySearchSelect .input-text input{
	width: 96%;
	margin-left: 2%;
	height: 36px;
	line-height: 36px;
}
.ySearchSelect .input-text .iconfont{
	line-height: 36px;
	color: #999;
	position: absolute;
	top: 0px;
	right: 4%;
	z-index: 2;
}
.ySearchSelect ul{
	display: none;
	width: 100%;
	max-height: 228px;
	position: relative;
	top: -287px;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #d2d2d2;
 
 
	padding:2px 0; 
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


  /*滚动条整体样式


  .ySearchSelect ul::-webkit-scrollbar {


  width : 5px;   

  height: 5px;

  }

.ySearchSelect ul::-webkit-scrollbar-thumb {
 

  border-radius: 10px;

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

  background   : #20448E;

  }

.ySearchSelect ul::-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);

  }


 */





.ySearchSelect ul li a{ color:#333333; width:100%; display:block; padding:0 10px;}
.ySearchSelect ul li:hover a{ color:#fff; background:#036db9}

.ySearchSelect ul li{
	width: 100%;
	height: 36px;
    line-height: 36px;
 
    cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ySearchSelect ul li.active{
	background-color: #036db9 !important;
	color: #FFF;
}
.ySearchSelect ul p{
	width: 100%;
	height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 10px;
    color: #999;
    cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ySearchSelect ul li.on{
	display: block;
}
.ySearchSelect ul li.hide{
	display: none;
}
.ySearchSelect ul li:hover{
	background-color: #f0f0f0;
}

.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
 .layui-inline{*display:inline;*zoom:1}.layui-edge{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;overflow:hidden}
 .layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}
 .layui-edge-right{border-left-color:#999;border-left-style:solid}
 .layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}
 .layui-edge-left{border-right-color:#999;border-right-style:solid}
 .layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
 .layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}
 
 
 
 
  
 
 
 .layui-input,.layui-select,.layui-textarea{height:60px;line-height:1.3;line-height:60px\9; border:1px solid #2c2d31; color:#fff}
 .layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder{line-height:1.3}
 .layui-input,.layui-textarea{display:block;width:100%;padding-left:10px}
 
 .layui-input:hover,.layui-textarea:hover{border-color:#D2D2D2!important}
 .layui-input:focus,.layui-textarea:focus{border-color:#C9C9C9!important}
 .layui-textarea{min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical}
 .layui-select{padding:0 10px}
 .layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none}
 .layui-form [lay-ignore]{display:initial}.layui-form-item{margin-bottom:15px;clear:both;*zoom:1}
 .layui-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
 .layui-form-label{float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right}
 
 .layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}
 .layui-form-item .layui-inline{margin-bottom:5px;margin-right:10px}
 .layui-input-block{margin-left:110px;min-height:36px}
 .layui-input-inline{display:inline-block;vertical-align:middle}
 .layui-form-item .layui-input-inline{ width:270px; }
 .layui-form-text .layui-input-inline{width:auto}
 .layui-form-mid{float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px}
 .layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#FF5722!important}
 
 
 
 .layui-form-select .layui-edge{position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#5f6062;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s}
.footer3_r:hover .layui-form-select .layui-edge{ border-top-color:#fff; } 
 
/*带搜索的下拉框 - 结束*/



/*=========内页产品列表========*/  
.productlist { padding-top:100px;}
.productlist ul li { margin-bottom:30px;     float: left; width: 32%;margin-left:2%; background:#fff; position:relative;}
.productlist ul li:nth-child(3n+1) { margin-left:0;}
.productlist li::after{ display:block; width:0; height:6px; position:absolute; left:0; bottom:0; background:#006ab8; content:""; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.productlist li:hover::after{   width:100%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.productlist ul li:first-child {  margin-left: 0;}
.productlist ul li a .productlist_img { width:100%; overflow:hidden;} 
.productlist ul li a .productlist_img img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.productlist ul li:hover a .productlist_img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.productlist ul li a .cont { padding:30px; margin:0} 
.productlist ul li a .productlist_title { font-size:24px; color:#202122;} 
.productlist ul li a .productlist_xh { font-size:18px; color:#202122; margin:15px 0 30px;} 
.productlist ul li a .productlist_more { font-size:14px; color:#585757;  }  
.productlist ul li a .productlist_more i { display:inline-block;   font-style:normal; padding:5px; margin-left:5px; position:relative;font-family: "iconfont" !important;}
.productlist ul li a .productlist_more i::before{ content: "\e660";color:#585757; transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    left: -2px;
    top:-5px;
    font-size:12px;
    width: 20px;
    height:20px;
    position:absolute;
    line-height: 20px;
    text-align: center;}
 

.productlist ul li a .productlist_cont { background:#f8f8f8; padding:30px 20px;}
 
.productlist_message { width:100%; padding:90px 0; overflow:hidden; margin-top:100px;  background-size: cover;  background-repeat: no-repeat; background-position: center;} 
.productlist_message_l { width:42%;} 
.productlist_message_t span { display:block; font-size:34px; color:#202122;}
.productlist_message_t p { font-size:16px; color:#202122; margin-top:10px;}
.productlist_message_i { margin-top:45px;}
.productlist_message_i ul li { margin-bottom:2%;float:left; background:#fff; color:#c2c2c2;}
.productlist_message_i ul li:first-child { width:49%;  height:50px}
.productlist_message_i ul li:first-child+li { width:49%;  margin-left:2%; height:50px}
.productlist_message_i ul li .form-row { padding:0 20px;}
.productlist_message_i ul li:first-child+li+li { width:100%; min-height:65px; padding:20px 0;}
.productlist_message_i ul li .form-row .text { background:none; border:0; height:50px; line-height:50x;}
.productlist_message_i ul li:first-child+li+li .textarea { width:100%; min-height:65px; font-family:"微软雅黑" }
.productlist_message_i ul li:first-child+li+li .textarea placeholder{ color:#6f7276;}
  textarea::-webkit-input-placeholder { color: #6f7276; }
  textarea:-moz-placeholder { color: #6f7276;  }
  textarea::-moz-placeholder {  color: #6f7276; }
  textarea::-ms-input-placeholder {    color: #6f7276; }
  
  input::-webkit-input-placeholder { color: #6f7276; }
  input:-moz-placeholder { color: #6f7276;  }
  input::-moz-placeholder {  color: #6f7276; }
  input::-ms-input-placeholder {    color: #6f7276; }
.productlist_message_i ul li:last-child { width:160px;}
.productlist_message_i ul li:last-child .btn{ width:160px; height:50px; text-align:center; line-height:50px; background:#0e75bc; color:#fff;}
.productlist_message_i ul li:last-child .btn:hover{   background:#fff; color:#0e75bc;}
.productlist_message_i ul li:last-child  .form-row { padding: 0; cursor:pointer;}




#m_pro { margin-top:120px;}
.products{width:100%; padding:90px 0 120px; background-image:url(../images/product_bj.jpg); overflow:hidden;  background-size: cover;  background-repeat: no-repeat; background-position: center; } 
.products_l  { width:50%;}
.products_l .banner-dot { opacity:1;bottom: -50px;}
.products_l .banner { overflow:inherit;}
.products_l .banner .swiper-pagination-bullet{ background:#c6c6c6}
.products_l .banner .swiper-pagination-bullet-active{ background:#036db9}
.products_l .banner .swiper-pagination-bullet-active::before { display:none;}

.products_r  { width:45%;}
.products_rt {  color:#202122}
.products_rt span { font-size:42px; }
.products_rt p { font-size:42px;}
.products_rtd {  color:#202122; font-weight:bold; font-size:18px; margin:40px 0 20px; }
.products_rtc { line-height:2; font-size:16px; color:#555555;}
.products_rtb { margin-top:36px;}
.products_rtb dl dd { font-size:18px; color:#555555; margin-bottom:15px;}
.products_rtb dl dd i { display:inline-block; float:left; margin-right:10px;  }
.products_rtd { margin-top:36px;}
.products_rtd a { display:block; width:200px; height:55px;font-weight:100; line-height:55px; background:#036db9; border:1px solid #036db9;color:#fff; text-align:center; font-size:17px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.products_rtd a:hover {   background:#fff;  color:#036db9; border:1px solid #036db9; border-radius:20px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.products_rtd a i { display:inline-block; margin-right:10px; position:relative;font-family: "iconfont" !important; font-style:normal;}
.products_rtd a i::before { 
    content: "\e675";
    right: 0;
    top: 0;
    color: #fff;
    font-size: 20px;
    width:18px;
    height: 18px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.products_rtd a:hover i::before { margin-right:20px;  color: #036db9;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

.inner_products { padding-top:120px;}
.inner_products .content {width: 60%;}
#pr1 { margin-top:0;}
.products1 {  margin-top:60px;font-size:38px; color:#000; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #f0f1f1}
.products1  span { height:38px; line-height:35px; display:block; padding-left:15px; border-left:3px solid #036db9}
.products2 { line-height:2; font-size:16px; color:#555555;}
.products2 img { max-width:100%;}
.products3 dl dt { width:100%; font-size:16px; color:#555555; font-weight:800; margin-bottom:5px;}
.products3 dl dd { float:left; margin-right:10px; font-size:16px; color:#555555;  }
.products4 { margin-top:30px; margin-bottom:40px;}
.products4 dl dd{ float:left; width:23.5%; margin-left:2%; margin-bottom:2%}
.products4 dl dd img{   width:100%; display:block;  }
.products4 dl dd:nth-child(4n+1){  margin-left:0; }
.products5 { line-height:2; font-size:16px; color:#555555;}
.products5 img { max-width:100%;}
.products6 { font-size:25px; color:#858585; margin-bottom:30px;}
.inner_products .leftSidebar .theiaStickySidebar {  padding:0 !important;  background:none;  min-height: 560px;}
.products6_i { margin-top:30px;}
.products6_i ul li { margin-bottom:20px; overflow:hidden;}
.products6_i ul li a .products6_il{ width:43%; overflow:hidden;}
.products6_i ul li a .products6_il img{ width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.products6_i ul li:hover a .products6_il  img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.products6_i ul li a .products6_ir{ width:50%; }
.products6_i ul li a .products6_ir dl dd:first-child { font-size:18px; color:#202122; margin-bottom:5px;}
.products6_i ul li a .products6_ir dl dd:first-child+dd { font-size:18px; color:#202122; margin-bottom:20px;}
.products6_i ul li a .products6_ir dl dd:last-child { font-size:14px; color:#585757;}
.products6_i ul li:hover a .products6_ir dl dd:last-child {  color:#036db9;}
.products6_i ul li a .products6_ir dl dd:last-child i { display:inline-block; padding-left:8px; font-style:normal; font-family:"宋体"}


.products5 table { width: 100% !important; border-collapse: collapse;  text-align: center; overflow: hidden; text-align:center}
.products5 table tr:first-child {   }
.products5 table tr:first-child p span { color:#5c5c5c !important}
.products5 table tr td:first-child { white-space: nowrap;}
.products5 table tr td {border: 1px solid #e7e5e5 !important; min-height: 50px; padding: 10px 0.5% !important;}
.products5 table tr:nth-child(2n-1) {  background: #f7f7f7;    color: #5c5c5c !important;text-align: center;}







/*=========内页关于我们========*/  
.about1 { margin:120px auto 0;}
.t2 { font-size:48px; color:#000;}
.about1_content { line-height:1.5; font-size:16px; color:#4a4a4a; margin-top:30px;}
.about1_content p { margin-bottom:12px;}
.about1_content p:last-child { margin-bottom:0;}
.about1_l { width:45%;}
.about1_r { width:45%;}
.about1_r img{ width:100%;}
.about1 #seventh span { color:#000; font-size:45px;}
.about1 #seventh i { color:#000; font-size:30px;}
.about1 .buttonBox p { color:#000;margin-top:5px;}
.about1 .value_info {  margin-top:0;}
.about1 .value_info ul li:first-child .value_i { padding-left:0;}
.about1_title::after { display:block; content:""; width:40px; height:4px; background:#036db9; margin-top:30px; }

.about2 { width:100%; overflow:hidden; background-image:url(../images/wh_bj.jpg); background-position: center top; background-repeat: no-repeat;  background-size: cover;  margin-top:120px;padding:97px 0; overflow:hidden; } 
.about2_title { text-align:center; font-size:48px; color:#333333;}
.about2_info { margin-top:40px;}
.about2_info ul li { margin-left:2%; width:23%; background:#fff; float:left; min-height:300px;}
.about2_info ul li:first-child { margin-left:0}
.about2_info ul li dl { padding:40px 40px;}
.about2_info ul li dl dt { font-size:36px; color:#333333; margin-top:10px;}
.about2_info ul li dl dd { font-size:18px; color:#333333; margin-top:20px; line-height:1.8;}
.about2_info ul li dl dt::after { display:block; content:""; width:40px; height:4px; background:#036db9; margin-top:15px; }
.about3 { padding-top:100px;}
.about3_title{text-align:center; font-size:48px; color:#333333;}

/*环境*/
interprise_equipment{ padding-top:80px;}
#mbOverlay { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer;  }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; top:30%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }

#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:14px; }
#mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/c10.png) no-repeat center; position:absolute; top:10px; right:-60px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.mod_gallerylist ul li{float:left;     margin: 0 0 2% 4%; width: 30.5%; min-height:242px;}
.mod_gallerylist ul li img { width:100%; }
.mod_gallerylist ul li:nth-child(3n+1){margin-left:0}
#n_mold ul li .meta { display:none;}
#n_mold ul li .mbTitle { display:none;}

.mod_gallerylist{width:100%; margin-top:5%;}
.meta{text-align:center;}
.image_container img{ width:100%;}
 
.meta a{color:#333; text-decoration:none;     display: -webkit-box;423
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.mod_gallerylist ul li .image_container {  background: #000 ;width:100%; margin-bottom:10px; }
.mod_gallerylist ul li .image_container a { display:block; position:relative;width:100%; overflow:hidden;   }
 .mod_gallerylist ul li .image_container  img{ width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.mod_gallerylist ul li:hover .image_container img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
 .mod_gallerylist ul li .image_container a::before{ display:block; content:""; position:absolute; left:0; width:100%; height:100%; top:0;  z-index:555;}
.mod_gallerylist ul li:hover .image_container a::before{ background:rgba(0,0,0,0.5) url(../images/ck.png) no-repeat center center;  }
.mod_gallerylist ul li .con_title{ text-align:center; margin-top:20px; font-size:18px; color:#666666;}
#mbImage img { width:100%;}
#m_about .crumb_right ul li:last-child { display:none;}





/*=========技术支持========*/  
.service1 { padding-top:100px;}
.service1_t { font-size:42px; color:#333333; margin-bottom:40px;}
.service1_i ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.service1_i ul li { flex: auto;}



.service1_i ul li { float:left; width:31.33%; margin-left:3%; position:relative;}
.service1_i ul li:first-child {   margin-left:0;}
.service1_i ul li dl { border:1px solid #e5e7eb; padding:40px 26px;height:100%; position:relative; z-index:55}
.service1_i ul li dl dd:first-child img { height:54px;}
.service1_i ul li dl dd:first-child+dd{ font-size:26px; color:#000; margin:23px 0}
.service1_i ul li dl dd:first-child+dd+dd{ font-size:16px; color:#666666; line-height:1.7;}
.service1_i ul li::before{ content:""; display:block; width:65px; height:94px; position:absolute; left:180px; top:35px; z-index:1}
.service1_i ul li:first-child::before { background:url(../images/icon15.png) no-repeat left top;}
.service1_i ul li:first-child+li::before { background:url(../images/icon16.png) no-repeat left top;}
.service1_i ul li:first-child+li+li::before { background:url(../images/icon17.png) no-repeat left top;}


.service2 {  height:710px; width:100%; background:url(../images/jszc_bj.jpg) no-repeat center top; margin-top:100px;}
.service2_l { width:45%; margin-top:93px;}
.service2_r { width:50%; min-height:500px; position:relative;}
.service2_lt span{ font-size:48px; color:#fff; display:block; margin-bottom:20px;}
.service2_lt p{ font-size:18px; color:#c6c6c6}
.service2_li { margin-top:100px;} 
.service2_li dl dd { width:47.5%; float:left; margin-left:5%; margin-bottom:110px;}
.service2_li dl dd:nth-child(2n+1) {  margin-left:0}
.service2_li dl dd span { padding-left:80px; display:block; min-height:70px;}
.service2_li dl dd span p:first-child{ font-size:20px; color:#fff;}
.service2_li dl dd span p:last-child{ font-size:16px; color:#c6c6c6;}
.service2_li dl dd:first-child span { background:url(../images/icon21.png) no-repeat left top;} 
.service2_li dl dd:first-child+dd span { background:url(../images/icon22.png) no-repeat left top;} 
.service2_li dl dd:first-child+dd+dd span { background:url(../images/icon23.png) no-repeat left top;} 
.service2_li dl dd:first-child+dd+dd+dd span { background:url(../images/icon24.png) no-repeat left top;}

.service2_r span { width:218px; display:block; position:absolute; top:356px; left:27%;}
.service2_r span img{ width:100%; }

.service2_r ul li { position:absolute; font-size:16px; color:#fff;}
.service2_r ul .map1 {left:-41px;top:310px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;}

.service2_r ul .map2 {left: 121px;top: 214px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;}

.service2_r ul .map3 {left: 261px; top: 142px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;}

.service2_r ul .map4 {left:409px; top: 181px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;}

.service2_r ul .map5 {left: 629px; top: 257px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;}

.service2_r ul .map6 {left: 559px; top: 394px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;}

.service2_r ul .map7 {left: 307px;top: 429px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;}


.service2_r dl dd span{ width: 14px;height: 14px;  border-radius: 50%; background: #1588db; margin-right: 10px; position: relative;}
.service2_r dl dd span::before,.service2_r dl dd span::after {content: "";display: block;width:13px;height: 13px; background:rgba(21,136,219,0.7);border-radius: 50%;position: absolute;top: 0;left:0; animation: aboutbjRing 1.5s linear infinite;opacity: 0;}
.service2_r dl dd span::before {animation-delay: .6s;}
.service2_r dl dd span::after {animation-delay: 0s;}
@keyframes aboutbjRing{0%{opacity:0;transform:scale(.8)}5%{opacity:1}to{opacity:0;transform:scale(3.6)}}
.service2_r dl dd {position:absolute; width:14px; height:14px; border-radius:20px; }

.service2_r dl .dd1 {left: -34px;top: -5px; }
.service2_r dl .dd2 {    left:126px;top: -103px;}
.service2_r dl .dd3{left: 262px;top: -180px;}
.service2_r dl .dd4{left: 418px; top: -147px;}
.service2_r dl .dd5{    left: 634px;top: -66px;}
.service2_r dl .dd6{left: 568px; top: 78px;}
.service2_r dl .dd7{    left: 312px;top: 112px;}
 
.service3 { padding-top:100px;}
.service3_l { width:35%;}
.service3_r { width:55%;} 
.service3_lt span { display:block;color:#000; font-size:48px; margin-bottom:25px;}
.service3_lt p { color:#666666; font-size:18px; line-height:1.7;}
.service3_li { margin-top:50px;}
.service3_li dl dd { padding-left:68px; position:relative; margin-bottom:33px;}
.service3_li dl dd i { width:50px; position:absolute; left:0; top:0; display:block;}
.service3_li dl dd p:first-child { font-size:18px; color:#000;} 
.service3_li dl dd .sp2 { font-size:30px; font-weight:bold; color:#036db9;}  
.service3_li dl dd .sp3 { font-size:16px;  color:#666666;}  
.service3_r ul li { border:1px solid #e5e7eb; margin-left:2%; margin-bottom:2%;}  
.service3_r ul li:first-child { height:50px; width:31.3%; float:left}
.service3_r ul li:first-child+li { height:50px; width:31.3%;float:left} 
.service3_r ul li:first-child+li+li { height:50px; width:31.3%;float:left} 
.service3_r ul li .text { color:#9ca3af; text-indent:1em; line-height:50px; height:50px; background:none; border:0;width:100%;} 
.service3_r ul li .textarea { color:#9ca3af; text-indent:1em; min-height:187px; width:100%; padding:13px 0; background:none; border:0; font-family:"微软雅黑"}  
.service3_r ul li:last-child {  border:0;}
.service3_r ul li:last-child .btn { cursor:pointer; width:120px; text-align:center; line-height:40px; height:40px; background:#036db9; color:#fff; border:1px solid #036db9; font-size:18px;} 
.service3_r ul li:last-child .btn:hover {  background:#fff; color:#036db9; border:1px solid #036db9; } 
.service3_r ul li .textarea placeholder{ color:#9ca3af;}
  textarea::-webkit-input-placeholder { color: #9ca3af; }
  textarea:-moz-placeholder { color: #9ca3af;  }
  textarea::-moz-placeholder {  color: #9ca3af; }
  textarea::-ms-input-placeholder {    color: #9ca3af; }
  
  input::-webkit-input-placeholder { color: #9ca3af; }
  input:-moz-placeholder { color: #9ca3af;  }
  input::-moz-placeholder {  color: #9ca3af; }
  input::-ms-input-placeholder {    color: #9ca3af; }  
.service3_r ul li:last-child #btn_cz {background:#282d3d; color:#fff; border:1px solid #282d3d; margin-left:10px;} 
.service3_r ul li:last-child #btn_cz:hover {background:#fff; color:#282d3d; border:1px solid #282d3d;}  








/*=========企业荣誉========*/  
.honors_title { padding-top:100px; text-align:center; font-size:48px; color:#333333;}
.honors_info .mod_gallerylist ul li:nth-child(3n+1) { margin-left:2%;}
.honors_info .mod_gallerylist ul li {    float: left; margin: 0 0 3% 2%; width: 18.4%; min-height:inherit;}
.honors_info .mod_gallerylist ul li:nth-child(5n+1) { margin-left:0;}
.honors_info .mod_gallerylist ul li:first-child  { margin-left:0;}
.honors_info .mod_gallerylist {  margin-top:50px;}
.honors_info .mod_gallerylist ul li .con_title{ color:#050505;}




/*=========内页新闻资讯========*/  
.inner_banner { height:586px; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.i_banner_title { position:absolute; left:0; top:280px; width:100%;}
.i_banner_title dl dt{ font-size:48px; color:#fff; margin-bottom:5px;}
.i_banner_title dl dd{ font-size:16px; color:#fff;}
#about_banner .i_banner_title dl dt{   color:#333333;  }
#about_banner .i_banner_title dl dd{  color:#333333;}
#p_banner .i_banner_title dl dt{   color:#333333; }
#p_banner .i_banner_title dl dd{   color:#333333;}
#service_ban .i_banner_title dl dt{   color:#333333; }
#service_ban .i_banner_title dl dd{   color:#333333;}

.i_banner_title dl dd span { display:block;}
.crumb_box { width:100%; height:100px; line-height:100px; border-bottom:1px solid #eaeaea; }
.crumb_left { width:40%;}
.crumb_right { width:55%; text-align:right;}
.crumb_left ul li { float:left; margin-right:5px}
.crumb_left ul li:first-child { padding-left:35px; background:url(../images/icon9.png) no-repeat left 36px;}
.crumb_left ul li a { color:#4d4d4d; font-size:16px; display:block; }
.crumb_left ul li a:hover { color:#006db8;} 
.crumb_left ul li a i { display:inline-block; padding:0 3px ; font-style:normal; font-family:"宋体";} 
.crumb_left ul li:last-child a i { display:none;} 
.crumb_right ul li { display:inline-block; margin-left:42px;}
.crumb_right ul li:first-child {  margin-left:0;}
.crumb_right ul li a   { color:#4d4d4d; font-size:18px; display:inline-block ; }
.crumb_right ul li:hover a   { color:#006db8;  } 
.crumb_right ul .cur a   { color:#006db8;  }  
.newlist1_title { text-align:center; font-size:42px; color:#333333; }
.top1 { margin-top:100px;}
.newlist1_content { margin-top:70px;}


 .hidden {

  opacity: 0 !important;

  visibility: hidden !important;

  max-height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden;

}

.case-list {
  position: relative;
  overflow: hidden;
}
.case-list .case-top .swiper-slide {
  height: 0;
  padding-bottom: 50.5%;
  overflow: hidden;
}
.case-list .case-top .swiper-slide img {
  width: 100%;
  opacity: 0.8;
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transition: all 2s;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
}
.case-list .case-top .swiper-slide .text {
  position: absolute;
  width: 100%;
  top: 25%;
  left: 0;
}
.case-list .case-top .swiper-slide .text .con h2 {
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  top: 1rem;
  opacity: 0;
  transition: all 0.5s ease 0.5s;
  -webkit-transition: all 0.5s ease 0.5s;
  -moz-transition: all 0.5s ease 0.5s;
  -ms-transition: all 0.5s ease 0.5s;
}
.case-list .case-top .swiper-slide .text .con p {
  font-size: 1rem;
  color: #fff;
  margin: 0.8rem 0 7rem;
  position: relative;
  top: 1rem;
  opacity: 0;
  transition: all 0.5s ease 0.8s;
  -webkit-transition: all 0.5s ease 0.8s;
  -moz-transition: all 0.5s ease 0.8s;
  -ms-transition: all 0.5s ease 0.8s;
  width: 40%;
}
.case-list .case-top .swiper-slide .text .con .more {
  position: relative;
  top: 1rem;
  opacity: 0;
  transition: all 0.5s ease 1.1s;
  -webkit-transition: all 0.5s ease 1.1s;
  -moz-transition: all 0.5s ease 1.1s;
  -ms-transition: all 0.5s ease 1.1s;
}
.case-list .case-top .swiper-slide .text .con .more a {
  font-size: 0.8rem;
  color: #fff;
  padding: 0.6rem 0;
  border-radius: 4px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.case-list .case-top .swiper-slide .text .con .more a span {
  margin-left: 0.6rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.case-list .case-top .swiper-slide .text .con .more a:hover {
  padding: 0.6rem 1rem;
  background: #007bf5;
}
.case-list .case-top .swiper-slide .text .con .more a:hover span {
  margin-left: 1rem;
}
.case-list .case-top .swiper-slide.active img {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
}
.case-list .case-top .swiper-slide.active .text .con h2 {
  opacity: 1;
  top: 0;
}
.case-list .case-top .swiper-slide.active .text .con p {
  opacity: 1;
  top: 0;
}
.case-list .case-top .swiper-slide.active .text .con .more {
  opacity: 1;
  top: 0;
}
.case-list .case-bottom {
  position: absolute;
  width: 100%;
  bottom: 1rem;
  left: 0;
}
.case-list .case-bottom .con .swiper-slide {
  padding-bottom: 1.4rem;
  cursor: pointer;
}
.case-list .case-bottom .con .swiper-slide:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/icon_bg.png) no-repeat bottom left;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.case-list .case-bottom .con .swiper-slide .icon {
  width: 2.7rem;
  height: 2.9rem;
  overflow: hidden;
  margin: 1rem auto;
}
.case-list .case-bottom .con .swiper-slide .icon img {
  width: 100%;
}
.case-list .case-bottom .con .swiper-slide h2 {
  text-align: center;
  font-size: 0.9rem;
  color: #fff;
}
.case-list .case-bottom .con .swiper-slide:hover:before {
  opacity: 1;
}
.case-list .case-bottom .con .swiper-slide.active:before {
  opacity: 1;
}
.custom {
 }
 .pagin { width:100%; position:absolute; left:0; bottom:-50px; text-align:center;}
.custom .con .swiper-container .swiper-button-next { 
  top: 50%;
  right:0;
  width: 50px; height:50px; border-radius:100px; font-size:20px; border:1px solid #0670ba; line-height:50px;font-family: "iconfont" !important;}
  .custom .con .swiper-container .swiper-button-next:hover { background:#0670ba; }  
 .custom .con .swiper-container .swiper-button-next::before {  content: "\e65e"; display:block; width:50px; height:50px; text-align:center; line-height:50px;
  transform: rotate(180deg);
     -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); color:#0670ba; }
  .custom .con .swiper-container .swiper-button-prev { 

  top: 50%;
  left: 0;
  width: 50px; height:50px; border-radius:100px; font-size:20px; border:1px solid #0670ba; line-height:50px;font-family: "iconfont" !important;}
  .custom .con .swiper-container .swiper-button-prev:next::before {   color:#fff;} 

   .custom .con .swiper-container .swiper-button-prev:hover { background:#0670ba; }  
 .custom .con .swiper-container .swiper-button-prev::before {  content: "\e65e"; display:block; width:50px; height:50px; text-align:center; line-height:50px;color:#0670ba;} 
  .custom .con .swiper-container .swiper-button-prev:hover::before {   color:#fff;} 
 .custom .con .swiper-container .swiper-button-next:hover::before {   color:#fff;} 
 
 
.custom .con .swiper-container .swiper-slide { width: 55rem; overflow: hidden; }
.custom .con .swiper-container .swiper-slide-active {  box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.4); -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.4); -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.4);}
.swiper_content  { overflow:hidden; width:90%; margin:0 auto;padding-bottom: 30px;}
.custom .con .swiper-container .swiper-slide a {
  display: block;  position:relative; width:100%;
}
.custom .con .swiper-container .swiper-slide a::before  { content:""; display:block; height:100%; width:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.7);}
.custom .con .swiper-container .swiper-slide-active a::before  { background:rgba(0,0,0,0);}


.custom .con .swiper-container .swiper-slide a img {
  width: 100%; display:block;
}
.custom .con .swiper-container .swiper-slide a .text {
  position: absolute; height:80px; line-height:80px; text-align:center; color:#fff; background:rgba(0,0,0,0.3); font-size:18px;
  width: 100%;
  left:0;
  bottom:0;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.custom .con .swiper-container .swiper-slide:hover a .text { color:#fff; background:rgba(0,109,184,0.8); }


 .custom .con .swiper-container .swiper-slide a .text .tu img {
  width: 100%;
}
 
 
.custom .con .swiper-container .swiper-slide-active a .text {
  opacity: 1;
}
.custom .con .swiper-container .swiper-pagination {
  bottom: 2rem;
  text-align: right;
  left: auto;
  right: 10rem;
  display: inline-block;
}
.custom .con .swiper-container .swiper-pagination-bullet { padding:4px;display:inline-block; margin:0 14px;
  
  background: #999999;
  border-radius:20px;
  opacity: 1;
}
.custom .con .swiper-container .swiper-pagination-bullet-active {   background: #0f6db8; }

@media screen and (max-width: 1024px) {
  .case-list .case-top .swiper-slide .text .con p {
    margin: 0.8rem 0 4rem;
  }
}
@media screen and (max-width: 768px) {
  

  .case-list .case-top .swiper-slide {
    padding-bottom: 65.5%;
  }
  .case-list .case-top .swiper-slide img {
    width: 130%;
    margin-left: -15%;
  }
  .case-list .case-top .swiper-slide .text {
    top: 10%;
  }
  .case-list .case-top .swiper-slide .text .con p {
    margin: 0.8rem 0 2rem;
    font-size: 0.9rem;
    width: 100%;
  }
  .case-list .case-top .swiper-slide.active .text .con h2 {
    font-size: 1.6rem;
  }
  .case-list .case-bottom .con .swiper-slide h2 {
    display: none;
  }
  .case-list .case-bottom {
    bottom: 0;
  }
  .case-list .case-bottom .con .swiper-slide .icon {
    margin: 6px auto;
    width: 1.8rem;
    height: auto;
  }
  .case-list .case-bottom .con .swiper-slide {
    padding-bottom: 0px;
  }
  .custom .con .swiper-container .swiper-slide {
    width: 100%;
  }
  .custom .con .swiper-container .swiper-slide a img {
    width: 130%;
    margin-left: -15%;
  }
  .custom .con .swiper-container .swiper-slide a .text p {
    line-height: 1.5;
  }
  .custom .con .swiper-container .swiper-pagination {
    bottom: 10px;
  }

}



.newlist2 { padding-top:160px;}
.newlist2 ul li { margin-bottom:70px; overflow:hidden;}
.newlist2 ul li dl dd{ float:left;}
.newlist2 ul li dl dd:first-child { width:8%;}
.newlist2 ul li dl dd:first-child+dd{ width:37%;overflow:hidden;}
.newlist2 ul li dl dd:last-child { width:48%; margin-left:7%} 
.newlist2 ul li dl dd:first-child+dd img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist2 ul li:hover dl dd:first-child+dd img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.newlist2 ul li a dl dd:first-child span { display:block; font-size:65px; color:#333333}
.newlist2 ul li:hover a dl dd:first-child span {  color:#036db9}
.newlist2 ul li a dl dd:first-child p {  font-size:18px; color:#333333}
.newlist2 ul li a dl dd:last-child .newlist2_t {  font-size:36px; color:#000; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
.newlist2 ul li a dl dd:last-child .newlist2_d {  font-size:16px; color:#666666; line-height:1.7; margin-top:20px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
.newlist2 ul li a dl dd:last-child .newlist2_m { color:#036db9; font-size:16px;margin-top:40px; padding-top:40px; border-top:1px solid #eaeaea}
.newlist2 ul li a dl dd:last-child .newlist2_m i { font-family:"宋体"; display:inline-block; padding-left:5px; font-style:normal; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newlist2 ul li:hover a dl dd:last-child .newlist2_m i {   padding-left:15px; font-style:normal; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.inner_footer { width:100%; margin-top:100px;}


.inner_news { padding-top:100px;}
.leftSidebar { width:25%;}
.content { width:68%;}
.case_r { width:68%;}
.leftSidebar .theiaStickySidebar { padding:40px 30px  !important ; background:#f0f0f0 url(../images/new_bj.png) no-repeat right bottom; min-height:560px; }
.leftSidebar_title dl dd:first-child { font-size:24px; color:#333333; margin-bottom:28px;}
.leftSidebar_title dl dd:first-child+dd{   margin-bottom:25px;}
.leftSidebar_title dl dd:first-child+dd a{ font-size:16px; display:block; color:#666666; width:100%; height:60px; line-height:60px; text-indent:2em; background:#fff; margin-bottom:25px;}
.leftSidebar_title dl dd:first-child+dd a:hover{  color:#fff;   background:#036db9;  }
.leftSidebar_title dl dd:last-child { background:#fff; height:60px; width:100%;}
.leftSidebar_title dl dd:last-child .text_search { text-indent:2em; width:80%; float:left; border:none; background:none; height:60px; line-height:60px;}
.leftSidebar_title dl dd:last-child .search_btn { width:20%; float:right; border:none; position:relative; height:60px; font-family: "iconfont" !important;}
.leftSidebar_title dl dd:last-child .search_btn::before { content: "\e86e"; position:absolute; right: 20px; top: 17px; color:#036db9; font-size: 30px; width: 30px; height: 30px; }

.sj_title {font-size:24px; color:#333333; margin-bottom:15px; margin-top:40px;}
#f_tab { width:100%; height:216px; position:relative; }
/*设置容器高宽等*/
html > body #f_tab { width:100%;}
/*兼容IE6:IE6下宽度不够*/
#f_tab div { position:absolute; top:30px; left:0; width:100%; height:186px;}
/*设置容器高宽等*/
#f_tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#f_tab .block { display:block;}
/*选中的容器*/
#f_tab h3 { float:left; width:38px; height:38px; line-height:38px; margin:0 10px 0 0; font-family: "iconfont" !important; position:relative;font-size:12px; cursor:pointer;  text-align:center; color:#5a5a5a; border-radius:60px; }
/*默认标题样式*/
#f_tab .up { background:#0292cf;color:#fff;}
/*选中的标题样式*/
/*修饰列表内容*/
#f_tab #two1{ background:#33d102; border:1px solid #33d102;}
/*#f_tab #two1::before { content: "\e62b"; position:absolute; right:0; top:0; color:#fff; font-size:24px; width: 38px; height: 38px; }*/
#f_tab #two1 .icon_w { margin:5px auto 0}
.con_two_1 img { width:130px;}
#f_tab .f_tabinfo { margin-top:40px;}
#f_tab #two2{ background:#f90003; border:1px solid #f90003;}
#f_tab #two3{ background:#2cb6e9; border:1px solid #2cb6e9;}
#f_tab #two2 .icon_w2 { margin:7px auto 0}
#f_tab #two3 .icon_w3 { margin:7px auto 0} 
.f_tabinfo span { display:inline-block; position:relative;  font-family: "iconfont" !important;}
.f_tabinfo span::before{ content:'\e87c'; display:block; width:8px; height:8px; font-size:16px; color:#fff; position:absolute; left:20px; top:-13px;     transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);} 
 .f_tabinfo span img { display:block; width:130px;}
/*新闻详情*/ 
.news_title { font-size:32px; color:#000; margin-bottom:20px;} 
.news_time { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #dededc;}
.news_time span { display:inline-block; color:#999999;}
.news_time span dl dd { float:left; padding-right:20px;}
.news_time span:first-child { float:left; position:relative;} 
.news_time span:first-child::before{ content:''; display:block; width:100%; height:1px; background:#036db9; position:absolute; left:0; bottom:-25px;}
.news_time span:last-child { float:right;  } 
.news_time span dl dd:last-child {  padding-right:0;} 
.news_content { line-height:2; font-size:17px; color:#666666;}
.news_content img { max-width:100%;}
.news_next { margin-top:30px; padding-top:30px; border-top:1px solid #dededc;} 
.news_next ul li { width:100%; margin-bottom:10px;} 
.news_next ul li a{ color:#000; font-size:18px;}
.news_next ul li a:hover{ color:#036db9; }
 
.xg_news { width:100%; padding:60px 0 120px; background:#f6f6f6; overflow:hidden; margin-top:100px;}
.xg_news_t{ color:#333333; font-size:42px; text-align:center;}
.xg_news_i { margin:50px auto 0; }
.xg_news_i ul li{ float:left; width:31.33%; margin-left:3%; }
.xg_news_i ul li:first-child{  margin-left:0; } 
.xg_news_i ul li a { display:block;}
.xg_news_i ul li a .xg_news_img  { width:100%; overflow:hidden;}
.xg_news_i ul li a .xg_news_img img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.xg_news_i ul li:hover a .xg_news_img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.xg_news_i ul li a .xg_news_title { margin:25px 0 20px; font-size:25px; color:#333333;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
.xg_news_i ul li:hover a .xg_news_title {  color:#036db9}
.xg_news_i ul li a .xg_news_time { font-size:17px; color:#333333}


/*=========案例应用==========*/ 
.inner_case { padding-top:100px;}
.inner_case ul li  { float:left; width:48.5%; margin-left:3%; background:#f8f8f8; padding-bottom:40px; margin-bottom:40px; border-bottom:3px solid #f8f8f8}
.inner_case ul li:hover  {   border-bottom:3px solid #036db9}
.inner_case ul li:nth-child(2n+1){  margin-left:0; }
#i_case { padding-top:0;}
.inner_case ul li a .inner_case_i { width:100%; overflow:hidden;} 
.inner_case ul li a .inner_case_i img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.inner_case ul li:hover a .inner_case_i img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.inner_case ul li a .inner_case_t { font-size:42px; color:#333333; margin:35px 0 12px; padding:0 30px;}
.inner_case ul li a .inner_case_d { font-size:17px; color:#666666; line-height:1.7; padding:0 30px;}
.inner_case ul li a .inner_case_m { font-size:17px; color:#036db9; padding:0 30px; margin-top:40px;}
 .inner_case ul li a .inner_case_m i { display:inline-block; width:20px; height:20px; background:#036db9; margin-left:5px; border-radius:50px; color:#fff; text-align:center; line-height:20px; font-style:normal; font-family:"宋体"; font-weight:bold; font-size:14px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.inner_case ul li:hover a .inner_case_m i {  margin-left:15px;  -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} 
 
.casexg_t {font-size: 24px;color: #333333;margin-bottom: 28px;}
.casexg_i ul li { float:left; width:48.5%; margin-left:3%; margin-bottom:3%;} 
.casexg_i ul li:nth-child(2n+1) {  margin-left:0;}  
.casexg_i ul li a {  display:block; width:100%; text-align:center; line-height:50px; height:50px; background:#fff; color:#666666; font-size:16px;} 
.case_img { width:100%; margin-bottom:30px;}
.case_img  img{ width:100%; display:block;} 
.xg_product {     width: 100%; padding: 60px 0 120px; background: #f6f6f6; overflow: hidden; margin-top: 100px;} 
.xg_product_i { padding-top:40px;} 
.xg_product_t{color: #333333;font-size: 42px; text-align: center;}
.xg_product_i ul li {     float: left; width: 31.33%;margin-left: 3%; background:#fff; position:relative;}
.xg_product_i li::after{ display:block; width:0; height:6px; position:absolute; left:0; bottom:0; background:#006ab8; content:""; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.xg_product_i li:hover::after{   width:100%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.xg_product_i ul li:first-child {  margin-left: 0;}
.xg_product_i ul li a .xg_product_img { width:100%; overflow:hidden;} 
.xg_product_i ul li a .xg_product_img img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.xg_product_i ul li:hover a .xg_product_img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.xg_product_i ul li a .cont { padding:30px; margin:0} 
.xg_product_i ul li a .xg_product_title { font-size:24px; color:#202122;} 
.xg_product_i ul li a .xg_product_xh { font-size:18px; color:#202122; margin:15px 0 30px;} 
.xg_product_i ul li a .xg_product_more { font-size:14px; color:#585757;  }  
.xg_product_i ul li a .xg_product_more i { display:inline-block; font-family:" 宋体"; font-style:normal; padding-left:5px;}
 
 
 
 
 
/* ===================联系我们========================== */  
.inner_contact { padding-top:100px;}
.inner_contact_t { text-align:center; font-size:42px; color:#333333; } 
.inner_contact_i { padding-top:88px;}
.inner_contact_i ul li { float:left; width:33.3%} 
.inner_contact_i ul li dl dd{ color:#666666; font-size:16px; line-height:2.3;}
.inner_contact_i ul li dl dd span { display:inline-block; padding-left:146px}
.inner_contact_i ul li:first-child+li { border-left:1px solid #dcdcdc; min-height:190px; margin-left:5%; width:28.3%}  
.inner_contact_i ul li:first-child+li dl { padding-left:10%;}
.inner_contact_i ul li:last-child { border-left:1px solid #dcdcdc; min-height:190px; margin-left:5%; width:28.3%}  
.inner_contact_i ul li:last-child dl { padding-left:10%;}
.inner_contact_i ul li:last-child dl dd:last-child img{ width:130px;border:1px solid #dcdcdc;}
.inner_contact_map { margin-top:70px;}
.inner_contact_map #map { width:100%; height:480px;}
.message_t { text-align: center; font-size: 42px;color: #333333;}
.inner_message { padding-top:100px;}

.inner_message_info { margin-top:60px;}
.inner_message_info ul li { float:left; width:47%; margin-bottom:22px; margin-left:6%; height:50px; line-height:50px;}
.inner_message_info ul li .form-row {   height:50px; border:1px solid #dddddd}
.inner_message_info ul li:nth-child(2n+1) {  margin-left:0;}
.inner_message_info ul li:last-child  { width:100%;}
.inner_message_info ul li:first-child+li+li+li+li { width:100%; height:240px; margin-left:0;}
.inner_message_info ul li .label  { width:12%; float:left; color:#6f7276; padding-left:3%;}
.inner_message_info ul li .row-controls  { width:85%; float:right;}
.inner_message_info ul li .row-controls  .text { width:100%; height:48px; line-height:48px; padding:0 2%}
.inner_message_info ul li:first-child+li+li+li+li .row-controls  .textarea   { width:100%; height:130px; line-height:1.5; padding:1%; font-family:"微软雅黑"; color:#6f7276}
.inner_message_info ul li:first-child+li+li+li+li .row-controls  .textarea placeholder{ color:#6f7276;}
  textarea::-webkit-input-placeholder { color: #6f7276; }
  textarea:-moz-placeholder { color: #6f7276;  }
  textarea::-moz-placeholder {  color: #6f7276; }
  textarea::-ms-input-placeholder {    color: #6f7276; }
  
  input::-webkit-input-placeholder { color: #6f7276; }
  input:-moz-placeholder { color: #6f7276;  }
  input::-moz-placeholder {  color: #6f7276; }
  input::-ms-input-placeholder {    color: #6f7276; }
  
.inner_message_info ul li:first-child+li+li+li+li .label {width:80%; height:35px;    padding-left:1.5%;}
.inner_message_info ul li:first-child+li+li+li+li .row-controls {width:99.6%;}
.inner_message_info ul li:last-child .btn  { font-size:18px; display:block; width:160px; height:50px; line-height:50px; margin:0 auto; border:1px solid #fff; color:#fff; background:#036db9; text-align:center; border:0; cursor:pointer; border-radius:5px;}
.inner_message_info ul li:last-child .btn:hover{  color:#036db9; background:#fff;  border:1px solid #036db9; }
.inner_message_info ul li:last-child .row-controls { width: 100%; float: none;}
.inner_message_info ul li:last-child { margin:30px 0 }
.inner_message_info ul li:first-child+li+li+li+li .form-row { height:240px;}
.inner_message_info ul li:last-child .form-row {   border:none}









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

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

 





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




/* ===================页码========================== */ 
.page {margin:10px auto;clear: both;padding-top:10px;overflow:hidden; text-align:center;}
.page .first {background:#fff url(../images/page.png) 7px -82px no-repeat !important;}
.page .last {background:#fff url(../images/page.png) 7px -140px no-repeat !important;}
.page .next {background:#fff url(../images/icon11.png) no-repeat center center !important;}
.page .next:hover {background:#036db9 url(../images/icon11h.png) no-repeat center center !important;}
.page .prev {background:#fff url(../images/icon10.png) no-repeat center center !important;}
.page .prev:hover {background:#036db9 url(../images/icon10h.png) no-repeat center center !important;}
.page span.page_list {overflow:hidden; }
.page span.page_list a { font-weight:bold;display:inline-block; color:#666666; background:#fff;margin-right:7px;border:1px solid #eaeaea;padding: 5px 10px 5px 10px;font-size:12px;}
.page span.page_list .prev { border:1px solid #e0e0e0;  }
.page span.page_list .next { border:1px solid #e0e0e0; }
.page span.page_rows {display:inline-block; background:#fff;border:1px solid #eaeaea;font-size:12px;margin-right:5px;padding: 5px 10px 5px 10px;}
.page span.page_list a.selected {background: #036db9;border:1px solid #036db9;color: #fff;}
.page span.page_list a:hover {background: #036db9;border:1px solid #036db9;color: #fff;}



 
.sitemap { padding-top:40px;}
.sitemap ul li { margin-bottom:40px; overflow:hidden;}
.sitemap ul li h3 {border-bottom: 1px solid #e9e9e9; width:100%; margin-bottom:2%; font-weight:500;}
.sitemap ul li h3 span { font-size:20px; color:#fff; display:block; width:150px; text-align:center; line-height:45px; height:45px; background:#036db9}
.sitemap ul li dl dd { font-size:16px; float:left; width:23.5%; margin-left:2%; height:45px; line-height:45px; text-align:center; margin-bottom:30px; background:#f6f6f6;}
.sitemap ul li dl dd:hover {   background:#036db9;}
.sitemap ul li dl dd:nth-child(4n+1){   margin-left:0;}
.sitemap ul li dl dd a { color:#333333; display:block;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.sitemap ul li dl dd:hover a { color:#fff;}





@media only screen and (max-width: 1800px){	
       .fz { width: 90%;}
	   #IndexBlock2 .PNBtn .prev {left: -68px;}
	   #IndexBlock2 .PNBtn .next {right: -68px;}
	   #IndexBlock2 .PNBtn span {  height: 50px;  width: 50px;}
	   #IndexBlock2 .PNBtn span i{  height: 50px;  width: 50px;}
	   #IndexBlock2 .PNBtn .prev i::before{  height: 50px;  width: 50px; font-size:20px; line-height:50px;}
	   #IndexBlock2 .PNBtn .next i::before{  height: 50px;  width: 50px; font-size:20px; line-height:50px;}
	   
	   
}

@media only screen and (max-width: 1720px){	
      .cont li .cont_r dl dd {  margin-bottom: 22px;}
	  
	  
	  
 


}



@media only screen and (max-width: 1700px){	
      .nav_z .nav ul .search {   margin-left: 95px;}
	  .logo {  margin-left:3%;}
	  .nav_z .nav { margin-right:3%;}
	  .nav_z .nav ul .language {  margin-left:40px;}
	  .index2_info ul { padding: 240px 5% 0;}
	  .about1 .value_info { margin-top: 35px;}
	  	 .about1_content { height:380px; padding-right:20px;overflow-y: scroll; overflow-x: hidden; font-size:16px;}
	 
   .about1_content::-webkit-scrollbar {

  /*滚动条整体样式*/

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

  height: 5px;

  }

.about1_content::-webkit-scrollbar-thumb {

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

  border-radius: 10px;

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

  background   : #036db9;

  }

.about1_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: 1650px){	
    .cont li .cont_r dl dd a .cont_info_l { width: 105px; height: 105px;}
    .cont li .cont_r dl dd {  margin-bottom: 28px;}
	.service1_i ul li dl {  min-height: 380px;}
	 .about1_content { height:350px; }
	.nav_z .nav ul li {  margin-left: 25px;}
	
	
	
	
	
	
	
}

@media only screen and (max-width: 1620px){	
     .logo {width: 18%;}
	 .nav_z .nav { width:72%}



}
@media only screen and (max-width: 1600px){	
    .nav_z .nav ul .language { margin-left: 30px;}
    .nav_z .nav ul .search {    margin-left:70px;}
	.index2_info ul { padding: 210px 5% 0;}
	.cont li .cont_r dl dd {  margin-bottom: 15px;}
	.about1_content { height:320px; }
	
	
	
}

@media only screen and (max-width: 1550px){	
    .nav_z .nav ul li { margin-left:3%;}
    .nav_z .nav ul .language{ margin-left:3%;}
	.nav_z .nav ul .search {    margin-left:4%;}
	.t1 { padding-top: 80px;}
	.t1 p { margin-top: 15px;}
	.index2_img { margin-top:50px;}
	.index2_info ul { padding: 200px 5% 0;}
	.cont li .cont_r dl dd { margin-bottom: 15px;}
	.cont li .cont_r dl dd a .cont_info_l {  width: 95px; height: 95px;}
	.cont li .cont_r dl dd a .cont_info_l span { margin-top: 13px;}
	.cont li .cont_l { width: 55%;}
	.cont li .cont_r { width: 43%;}
	 .about1 .value_info { margin-top: 0;}
	.about1_l { width: 50%;}
	.about1_l .value_info ul li .value_i img {  margin: 20px 0 10px;}
	
	
	
	
	
	
}






@media only screen and (max-width: 1410px){	
    .nav_z .nav ul li { margin-left:2%;}
    .nav_z .nav ul .language{ margin-left:2%;}
	.nav_z .nav ul .search {    margin-left:3%;}
	.index2_info ul { padding: 180px 5% 0;}
	.cont li .cont_r dl dd a .cont_info_l { width: 100px; height: 100px;}
	.cont li .cont_r dl dd a .cont_info_l span {  margin-top: 15px;}
	.cont li .cont_r dl dd a .cont_info_r .cont_info_rt {font-size: 20px;}
	.cont li .cont_r dl dd a .cont_info_r .cont_info_ri { font-size: 14px;}
	.cont li .cont_r dl dd { margin-bottom: 20px;}
	.cont li .cont_l { width: 52%;}
	.cont li .cont_r { width: 45%;}
	
}
@media only screen and (max-width: 1400px){	


   .cont li .cont_l { width: 55%;}
   .cont li .cont_r { width: 42%;}
   .cont li .cont_r dl dd a .cont_info_r {width: 75%;}
   .cont li .cont_r dl dd { margin-bottom: 12px;}
   .t2 {  font-size:35px;}
   .about1_content { font-size: 14px;}
   .about1 #seventh span { font-size: 40px;}
   .about1 .value_info ul li:last-child #seventh i {  font-size: 40px;}
   .about1 {   margin:60px auto 0;}
   .about1_content p {  margin-bottom:8px;}
   .about2 { margin-top:60px; padding:50px 0;}
   .about2_title {  font-size: 35px;}
   .about3_title {  font-size: 35px;}
   .about3 {   padding-top: 60px;}
   .productlist {  padding-top: 60px;}
   .productlist_message {  padding: 60px 0;  margin-top: 60px;}
   .inner_products {  padding-top:60px;} 
   .inner_banner {  height:500px;}
   .i_banner_title {  top: 230px;}
    .index3_ul ul li .index3_content { height: 75%;}
   .index3_ul ul li:hover .index3_desc {  height: 25%;}
   .index3_ul ul li .index3_content {  bottom: -75%;}
   
   
   
   
   
   
}

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

      .service1_i ul li dl {  min-height: 390px;}
}
@media only screen and (max-width: 1300px){	
    .nav_z .nav ul .tel { display:none;} 
	.nav_z .nav ul li { margin-left: 3%;} 
	#IndexBlock2 .PNBtn .prev {left: -60px;}
    #IndexBlock2 .PNBtn .next {right: -60px;}
	.index2_info ul { padding: 150px 5% 0;}
	.newlist2 ul li dl dd:first-child { width: 10%;}
	.newlist2 ul li dl dd:first-child+dd {  width: 35%;}
	.newlist2 ul li a dl dd:last-child .newlist2_t { font-size:25px;}
	.crumb_right ul li { margin-left: 3%;}
	.about1_content { height:300px; }
		 
}

@media only screen and (max-width: 1200px){	 
	#IndexBlock2 .PNBtn .prev {left: -25px;}
    #IndexBlock2 .PNBtn .next {right: -25px;} 
	.index2_info ul { padding: 130px 3% 0;} 
	.index2_info ul li { width: 40%;} 
	.index2_info ul li:first-child { margin-right: 18%;}
	.cont li .cont_r dl dd a .cont_info_r { width: 73%;}
	.index5_r {  width: 60%;}
	.t1 { padding-top: 60px;}
	.index5_info { margin-top: 20px; font-size:14px}
	.index5_info p { margin-bottom: 20px;}
	.index5_more a { font-size:14px}
	#seventh span { font-size: 40px;}
	.index5 { margin-top: 70px;}
	.leftSidebar {width: 30%;}
	.content {width: 65%;}
	.about2_info ul li dl { padding:20px 20px;}
	.about2_info ul li dl dt {font-size:25px;}
	.about2_info ul li dl dt::after {  width:30px;  height: 2px;}
	.about2_info ul li dl dd { font-size: 16px;}
	.about2_info ul li { min-height:250px;}
	#m_pro .crumb_left { width:100%;}
	.products_rt span { font-size:35px;}
	.products_rt p { font-size:35px;}
	.service1_i ul li dl {  min-height: 420px;}
	
}

@media only screen and (max-width: 1100px){	
 
	.nav_z .nav ul li { margin-left: 2%;} 
	.index2_info ul { padding:50px 3% 0;} 
	.index2_info ul li { width:44%;} 
	.index2_info ul li:first-child { margin-right: 10%;} 
	.footer1_l img {  height: 40px;} 
	.newlist2 ul li dl dd:last-child { width:50%; margin-left:5%;}
	.newlist2 ul li a dl dd:last-child .newlist2_m {  margin-top:20px;  padding-top: 20px;}
	.productlist_message_l { width: 65%;}
	 .crumb_left { width:100%; float:none; clear:both; height:30px;}
	  .crumb_right{ width:100%; float:none; clear:both; text-align:center; margin-top:30px;}
	.crumb_box {   height:auto;  line-height:inherit; overflow:hidden; padding:30px 0;}
	.about1_content { height:280px; }
	
	
}
@media only screen and (max-width: 1024px){	
     .fixed .m_img .headlf .m_logo { height: 40px;}
	 .cont li .cont_r dl dd:last-child { display:none;}
	 .service1_i ul li dl {  min-height: 440px;  padding: 30px 20px;}
     .service1_i ul li dl::before { left: 145px;}
     .service2_r ul{ display:none}
	 .service2_r dl{ display:none}
	 .service3_l {  width: 100%; float:none; clear:both}
	 .service3_r {  width: 100%; float:none; clear:both}
	  .kefu ul li:first-child { display:none;}
	 .kefu ul li:first-child+li { display:none;}
	 .kefu ul li:first-child+li+li { display:none;}
	 .kefu {  top:auto; bottom:50px; height:45px; z-index:999;}
	 .kefu ul li:last-child .kp2 { display:none;}
	 .kefu ul li{ width:45px; height:45px;}
	 .kefu ul li a { width: 45px;  height: 45px; background:none; border-radius:80px;}
	 .kefu ul li a:hover {   background:none; }
	 .kefu ul li:last-child a .kp1 { padding-top: 14px;}
	 .kefu ul li a #goTopBtn { width: 45px;  height: 45px;   border-radius:80px; background:#333333;}
	 .kefu ul li a #goTopBtn:hover { background:#333333;}
	 .kefu ul li a #goTopBtn .icon { height:20px !important;}
	 .about1_content { height:250px; }
	 .productlist ul li a .productlist_title{    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
	
	 
}
.amap-logo { display:none !important;}
.amap-copyright{ display:none !important;}
#container { height:480px; width: 100%; }
 .content-window-card {
            position: relative;
            box-shadow: none;
            bottom: 0;
            left: 0;
            width: auto;
            padding: 0;
        }

        .content-window-card p {
            height: 2rem;
        }

        .custom-info {
            border: solid 1px silver;
        }

        div.info-top {
            position: relative;
            background: none repeat scroll 0 0 #F9F9F9;
            border-bottom: 1px solid #CCC;
            border-radius: 5px 5px 0 0;
        }

        div.info-top div {
            display: inline-block;
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            line-height: 31px;
            padding: 0 10px;
        }

        div.info-top img {
            position: absolute;
            top: 10px;
            right: 10px;
            transition-duration: 0.25s;
        }

        div.info-top img:hover {
            box-shadow: 0px 0px 5px #000;
        }

        div.info-middle {
            font-size: 12px;
            padding: 10px 6px;
            line-height: 20px;
        }

        div.info-bottom {
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
        }

        div.info-bottom img {
            position: relative;
            z-index: 104;
        }

     #container span {
            margin-left: 5px;
            font-size: 11px;
        }

        .info-middle img {
            float: left;
            margin-right: 6px;
        }

@media only screen and (max-width: 950px){	
      .cont li .cont_r dl dd a .cont_info_r {width: 68%;} 
	  .cont li .cont_r dl dd a .cont_info_l {   width: 90px; height: 90px;}
	  .footer1_r .f_search { width: 75%;}
	  .footer1_r .f_btn {width: 25%;}
	  .footer1_r { width:40%}
	 
	  
	  .crumb_left ul li:first-child { background: url(../images/icon9.png) no-repeat left center;}
	  .crumb_left ul li {  height:30px; line-height:30px;}
	 .newlist2 ul li a dl dd:last-child .newlist2_t{    display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	 .newlist2 ul li dl dd:first-child {  width: 12%;}
	 .newlist2 ul li dl dd:last-child {  width: 48%;} 
	 .inner_products .content { width: 100%; float:none; clear:both;}
	 .inner_products .leftSidebar { width: 100%; float:none; clear:both;}
	 .service2_l {  width: 60%;}
	 .service2_r {  width: 35%;}
	  .sitemap ul li dl dd:nth-child(5n+1) {  margin-left: 2%;}
	 .sitemap ul li dl dd:nth-child(4n+1) {  margin-left: 0;}
	 .sitemap ul li dl dd {   width:23.5%; margin-bottom:2% }
	  .index3_ul ul li .index3_content p:last-child { margin-top: 10px;}
	 
}




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

	.index2_info ul { padding: 60px 3% 0;} 
	.index2_info ul li { width:44%;} 
	.index2_info ul li:first-child { margin-right: 10%;} 
	.mF_tab .btn li { margin: 0 2%;} 
	.index5 {  background-position: 40% top;}
	.index5_sz { width: 150%;  margin-left: -50%;}
	.leftSidebar {width: 100%; float:none; clear:both;}
	.content {width: 100%; float:none; clear:both;}
	.inner_news { padding-top:50px;}
	.newlist2 { padding-top: 100px;}
	.inner_message_info ul li { float:none; width: 100%;  margin-bottom: 22px;   margin-left:0;}
	.about2_info ul li {   width: 48.5%; margin-bottom:2%;}
	.about2_info ul li:nth-child(2n+1) {  margin-left:0;}
	.productlist_message_l { width: 100%;}
	.products_l { width:100%; float:none; clear:both}
	.products_r { width:100%; float:none; clear:both; margin-top:100px;}
	.products {  padding:50px 0;}
	#m_pro { margin-top: 95px;}
	.products .banner-img img.pc { display:block; }
	.products .banner-img img.mb { display:none; }
	.service1_i ul li { width:100%; margin-left:0; margin-bottom:3%; float:none; clear:both;}
	.service1_i ul li dl {  min-height: inherit;}
	.service1 {   padding-top:60px;}
	.scaleDown .content_bj { height:500px; background-image:url(../images/s_bj.jpg);    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;}
	.scaleDown .content_bj img { display:none;}
	
}


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

	.index2_info ul { padding: 40px 3% 0;} 
	.index2_info ul li { width:45%;} 
	.index2_info ul li:first-child { margin-right: 10%;} 
	.index3_ul ul li {  width: 50%;}
	.cont li .cont_r { width:100%; float:none; clear:both; margin-top:30px;}
	.cont li .cont_l { width:100%; float:none; clear:both;}
	.mF_tab .btn li { width:31.33% !important; margin: 0 0 0 3%; display:block; float:left;} 
	.mF_tab .btn li:first-child {    margin:0;} 
	 .mF_tab .btn li a { width:100%;}
	 .cont li .cont_r dl dd a .cont_info_r { width: 83%;}
	.cont li .cont_r dl dd:last-child { display:block;} 
	.t1 { padding-top: 50px;} 
	.t1 h3 { font-size:35px;}
	.t1 p {font-size: 14px;}
	.Productlist li a .cont .PBox_title {  font-size:18px;}
	.Productlist li a .cont .PBox_xh { font-size: 14px}
	.Productlist li a .cont .PBox_more { font-size: 12px}
	.footer1_l { width:100%; float:none; clear:both}
	.footer1_r { width:100%; float:none; clear:both; margin-top:30px;}
	.footer1_l img { margin:0 auto; width:70%; height:auto;}
	.footer1_r .f_search { height:45px;}
	.footer1_r .f_btn{ height:45px; line-height:45px;}
	.footer2 ul li:first-child { display:none;}
	.footer2 ul li:first-child+li { display:none;}
	.footer2 ul li:first-child+li+li { display:none;}
	.footer2 ul li:first-child+li+li+li { display:none;}
	.footer2 ul li:last-child { width:100%; margin-left:0}
	.footer2 {  margin-top:30px;}
	.footer3_l { width:100%; float:none; clear:both;}
	.footer3_r { width:100%; float:none; clear:both; margin-top:30px;}
	.layui-input, .layui-select, .layui-textarea { height: 45px;}
	.footer3_r { line-height:45px;}
	.ySearchSelect{ height: 45px;}
	.ySearchSelect .layui-input{ line-height:45px;}
	.footer3 {   padding:20px 0;  margin-top: 20px;}
	.footer { padding: 50px 0 20px;}
	.banner-img img.pc { display:none}
	.banner-img img.mb { display:block}
	.cont li .cont_r dl dd a .cont_info_l {  width:100px; height: 100px;}
	.cont li .cont_r dl dd a .cont_info_r { width: 81%;}
	.cont li .cont_r dl dd {margin-bottom: 25px;}
	 .prod_info ul li { width:48.5%;}
     .prod_info ul li:nth-child(3n+1){ margin-left:3%}
	.prod_info ul li:nth-child(2n+1){ margin-left:0}
	.prod_info ul li:first-child{ margin-left:0}
	.cate_info ul li:nth-child(3n+1) { margin-left: 0;}
	.cate_info ul li { margin-left: 0; width:100%;}
	.inner_banner { height: 400px;}
	 .i_banner_title dl dt {  font-size: 35px;}
	 .i_banner_title dl dd {font-size: 14px;}
	 .i_banner_title {  top: 180px;} 
	 .crumb_left ul li:first-child {    }
	 .crumb_left ul li a { font-size: 14px;}
	 .crumb_right ul li a { font-size: 16px;}
	 .inner_case { padding-top:50px;}
	 .inner_case ul li a .inner_case_t { font-size:35px;}
	 .xg_product_i ul li a .xg_product_title { font-size: 20px;}
	 .xg_product_i ul li a .xg_product_xh { font-size: 16px;}
	 .xg_product_i ul li a .xg_product_more { font-size: 14px;}
	 .xg_product {   padding: 50px 0 50px; margin-top: 50px;}
	 .xg_product_t { font-size:35px;}
	 .newlist1_title { font-size:35px;}
	 .top1 {   margin-top:50px;}
	 .newlist1_content { margin-top:35px;}
	 .newlist2 ul li {  margin-bottom: 30px;}
	 .xg_news_t { font-size:35px;}
	 .xg_news_i ul li a .xg_news_title {  font-size:20px;}
	 .inner_contact_t {  font-size:35px;}
	 .inner_contact { padding-top:50px;}
	 .inner_contact_i {  padding-top: 40px;}
	 .inner_message {  padding-top: 50px;}
	 .message_t {  font-size:35px;}
	 .inner_message_info { margin-top:40px;}
	 .inner_footer {  margin-top: 50px;}
	 .about1_l { width: 100%; float:none; clear:both;}
	 .about1_r { width: 100%; float:none; clear:both;}
	 .about1_content {  font-size: 16px;}
	 .mod_gallerylist ul li {  margin: 0 0 4% 3%;  width:48.5%;}
	 .mod_gallerylist ul li:nth-child(3n+1) {   margin: 0 0 4% 3%;}
	 .mod_gallerylist ul li:nth-child(2n+1) {   margin: 0 0 4% 0;}
	 .mod_gallerylist ul li:first-child {   margin: 0 0 4% 0;}
	 .products1 span { font-size:30px;    height: 35px;   line-height: 33px;   padding-left: 15px; border-left: 3px solid #036db9;}
	 .products1 {  padding-bottom:25px;   margin-bottom: 25px; margin-top:40px;}
	 .honors_title { padding-top:60px;  font-size: 35px;}
	 .service2_l {  width: 100%;}
	 .service2_r { display:none;}
	 .service3 { padding-top:60px;}
	 .i_banner_title dl dd { display:none;}
	 .inner_contact_i ul li { float: none;  width:100%; margin-bottom:30px;}
	.inner_contact_i ul li { float: none;  width:100%; margin-bottom:30px;}
	.sitemap ul li dl dd { width:49%; margin-left:2%;  margin-bottom:2%;}
    .sitemap ul li dl dd:nth-child(4n+1){   margin-left:2%;}
	.sitemap ul li dl dd:nth-child(2n+1){   margin-left:0;}
	.sitemap ul li dl dd:first-child{   margin-left:0;}
	 .index3_ul ul li .index3_more a span {  height: 40px;  line-height: 40px;}
	 .index3_ul ul li:hover .index3_more {  bottom: 20px;}
	 .mod_gallerylist ul li { min-height:inherit;}
	 .about1_content { height: AUTO !important;overflow-y: initial; overflow-x: initial; }
	 
	 
	 
}





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

    .index2_img { min-height:250px}
	.index2_img img { min-height:auto; height:300px;width:auto !important;}
	
	.content_bj{ min-height:250px; width:100%; position:relative;}
    .index5 {  background-position: 35% top;}
	.index5_r { width: 100%; float:none; margin:0 auto}
	.index5 { background-image: none !important;}
	.index5_img { display:block;}
	.index5_sz {  width: 100%;  margin-left:0;}
	.index5_z { width:100% !important;}
	.index5_title { margin:0 auto; width:94%;}
	.index5_info{ margin:0 auto; width:94%;}
	.index5_more{ margin:0 auto; width:94%;}
	.index5_title { padding-top:30px;}
	.fz {  width: 94%;}
	.cont li .cont_r dl dd a .cont_info_r { width: 80%;}
	.crumb_left { width:100%; float:none; clear:both}
	.crumb_right { width:100%; float:none;clear:both}
	#m_case .crumb_right { display:none;}
	.inner_case ul li a .inner_case_d { font-size: 14px;}
	.inner_case ul li a .inner_case_m { font-size: 14px;}
	.xg_product_i ul li { width: 100%; margin-left: 0; float:none;}
	.newlist2 ul li dl dd:first-child {  display:none;}
	.newlist2 ul li dl dd:first-child+dd { width:35%}
	.newlist2 ul li dl dd:last-child {   width: 60%;  margin-left: 5%;}
	.newlist2 ul li a dl dd:last-child .newlist2_d {font-size: 14px;  line-height: 1.5;}
	.newlist2 ul li a dl dd:last-child .newlist2_t { font-size: 18px;}
	.newlist2 ul li a dl dd:last-child .newlist2_m{ font-size: 12px;    margin-top:15px; padding-top: 15px;}
	.newlist2 ul li a dl dd:last-child .newlist2_d { -webkit-line-clamp: 2;    margin-top:10px}
	.news_time span:last-child { display:none;}
	.news_next { margin-bottom:30px;}
	.xg_news_i ul li {  width:100%; margin-left: 0; float:none; margin-bottom:30px;}
	.xg_news_i ul li a .xg_news_title { margin: 25px 0 10px;}
	
	.inner_contact_i ul li:first-child+li { border-left: 0;  min-height:inherit;  margin-left: 0; width:100%;}
	.inner_contact_i ul li:first-child+li dl { padding-left: 0}
	.inner_contact_i ul li:last-child { border-left: 0;  min-height:inherit;  margin-left: 0; width:100%;}
	.inner_contact_i ul li:last-child dl { padding-left: 0}
	.inner_contact_map {  margin-top: 40px;}
	.inner_message_info ul li .label {  width: 17%;}
	.inner_message_info ul li .row-controls { width:80%;}
	.inner_message_info ul li:first-child+li+li+li+li .label {width: 80%;  padding-left: 2.5%;}
	.inner_message_info ul li:first-child+li+li+li+li .row-controls { width: 98.6%;}
	.productlist ul li {   margin-bottom: 30px; width:48.5%;    margin-left:3%;}
	.productlist ul li:nth-child(3n+1) {      margin-left:3%;}
	.productlist ul li:nth-child(2n+1) {      margin-left:0;}
	.productlist ul li:first-child {      margin-left:0;}
	.productlist_message_i ul li:first-child {  width: 100%;}
	.productlist_message_i ul li:first-child+li {  width: 100%; margin-left:0}
	.productlist_message_t span { font-size: 30px;}
	.products4 dl dd {  width:49%;}
	.products4 dl dd:nth-child(4n+1) {margin-left: 2%;}
	.products4 dl dd:nth-child(2n+1) {margin-left: 0;}
	.products4 dl dd:first-child {margin-left: 0;}
	.products6 {font-size: 30px; margin-top:30px;}
	.honors_info .mod_gallerylist ul li:nth-child(5n+1) {margin-left:2%;}
	.honors_info .mod_gallerylist ul li:nth-child(2n+1) {margin-left:0;}
	.honors_info .mod_gallerylist ul li:first-child {margin-left:0;}
	.honors_info .mod_gallerylist ul li { width:48.5%}
	.service3_r ul li:first-child { margin-left:0}
	.service3_r ul li { margin-left:0; width:100% !important;}
	.service3_r ul li:first-child{ width:100%}
	.index3_ul ul li .index3_desc span {  font-size: 25px;}
	.index5 {   height:auto;}
	.crumb_right ul li {  margin-left:2.2%;}
	.mod_gallerylist ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .mod_gallerylist ul li { flex: auto;}
    .mod_gallerylist ul li:last-child { flex:none;}
	.mod_gallerylist ul li .con_title{    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
	.productlist ul li {  background: #f8f8f8;margin-bottom: 3%;}
	.productlist ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .productlist ul li { flex: auto;}
	.productlist ul li:last-child { flex:none;}
}

@media only screen and (max-width: 650px){	
    .cont li .cont_r dl dd a .cont_info_r { width: 80%;}
    .xg_news { padding: 50px 0 50px;  margin-top: 50px;}


}
@media only screen and (max-width: 600px){	
    .cont {  margin-top: 30px;}
	.mF_tab .btn li { font-size:16px;}
    .inner_case ul li {  width:100%; margin-left:0;  padding-bottom: 40px;  margin-bottom: 40px;  border-bottom: 3px solid #f8f8f8;}
	.inner_case ul li a .inner_case_t {   margin:20px 0 12px;   padding: 0 20px;}
	.inner_case ul li a .inner_case_d { padding: 0 20px;}
	.inner_case ul li a .inner_case_m { padding: 0 20px; margin-top:20px;}
	.inner_case ul li { padding-bottom: 30px;  margin-bottom: 30px;}
	.inner_footer {  margin-top:50px;}
	.xg_product_i ul li a .xg_product_xh {  margin: 10px 0 20px;}
	.xg_product_i ul li a .cont {padding: 30px 20px;}
	.index3_ul ul li .index3_content p{     display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;}
	.mF_tab .btn li {  height:45px;}
	.mF_tab .btn li a{  height:45px; line-height:45px; font-size:16px;}
	.cont li .cont_l a .cont_lt { font-size: 15px;}

	
}
@media only screen and (max-width: 550px){	
    .cont li .cont_r dl dd a .cont_info_r { width:76%;}
    #seventh span {  font-size:30px;}
	.value_info ul li:last-child #seventh i {  font-size: 30px;}
	.value_info ul li:first-child #seventh i { font-size: 14px;}
	.value_info ul li:first-child+li #seventh i { font-size: 14px;}
  
     .value_info ul li:last-child .value_i { padding-left:0;}
	 .cont li .cont_r dl dd a .cont_info_r {  width: 76%;}
	.news_next ul li a {font-size: 14px;}
	.leftSidebar .theiaStickySidebar { padding: 30px 20px !important;}
	.about1 #seventh span { font-size:35px;} 
	.about1 .value_info ul li:last-child #seventh i{ font-size:35px;} 
	.service2 { height: 600px;  margin-top:60px;}
	.service2_lt span {  font-size:35px;}
	.service2_l {  margin-top: 50px;}
	.service2_li { margin-top:60px;}
	.service3_lt span {font-size:35px;  margin-bottom: 20px;}
	.service3 { padding-top:40px;}
	.cate ul li {  float: left;  margin-right:0; font-size: 20px; width:50%; margin-bottom:15px;}
	.crumb_right ul li {  display:block;  margin-left: 3%; width:48.5%; float:left; margin-bottom:3%; text-align:left;}
	.crumb_right ul li:nth-child(2n+1) {   margin-left:0;}
    .i_banner_title dl dt {  font-size:25px;}
	.Productlist li a .cont .PBox_more { font-size: 16px;}
}


input {
  /* ios下背景色会默认渐变显示，并且会有圆角 */
  -webkit-appearance: none;
  border-radius: 0;
  line-height: normal;
  /* 光标问题  */
}
@media only screen and (max-width: 500px){	
   .index2_info ul li { width: 100%; float:none; margin-left:0; margin-bottom:40px;}
   .index2_img { min-height: 600px;}
   .scaleDown .content_bj{height: 600px;}
   
   
   .cont li .cont_r dl dd a .cont_info_r { width:73%;}
   .index2_img img {  height: 450px;}
   .crumb_left ul li a { font-size: 12px;}
   .inner_message_info ul li .label {  width: 20%;}
   .inner_message_info ul li .row-controls { width:75%;}
   .productlist ul li a .productlist_title { font-size: 18px;}
   .productlist ul li a .productlist_xh { font-size:14px;    margin:9px 0 20px;}
    .productlist ul li a .productlist_more { font-size:12px;}
   .productlist ul li a .productlist_cont {  padding:20px 10px;}
 
   .products_rt span { font-size: 30px;}
   .products_rt p { font-size: 20px;}
    .honors_title { padding-top:40px; }
   .honors_info .mod_gallerylist {  margin-top: 40px;}
   .service1 { padding-top:40px;}
   .service1_t {  font-size: 35px;  margin-bottom: 30px;}
   .service1_i ul li dl dd:first-child+dd { font-size: 25px;}
   .service1_i ul li dl::before { left: 170px;}
   .inner_banner { height: 300px;}
   .i_banner_title {  top: 130px;}
   .i_banner_title dl dd span { display: contents;}
   .mF_tab .btn li { width: 33.33% !important; margin:0}
   .mF_tab .btn li a { font-size:12px;}
   .cont li .cont_l a .cont_lt { font-size: 16px;}
   .index5_info { margin: 30px auto 0;}
   .index5 { margin-top: 50px;}
   .t2 { font-size: 30px;}
   .about1_title::after { width:70px; height:2PX;  margin-top: 15px;}
   .about2_title{ font-size: 30px;}
   .about3_title{ font-size: 30px;}
   .mod_gallerylist ul li .con_title{ font-size:14px;}
   .about2_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
   .about2_info ul li { flex: auto;}
   .about2_info ul li dl dt { font-size: 19px;}
   .honors_title{ font-size: 30px;}
   .productlist_message_i ul li:last-child .btn { font-size:16PX;}
   .inner_case ul li a .inner_case_t { font-size:30PX;}
   .xg_product_t{ font-size: 30px;}
   .service1_t { font-size: 30px;}
   .service2_lt span{ font-size: 30px;}
   .service3_lt span{ font-size: 30px;}
   .service2 { height:auto; overflow:hidden; padding-bottom:40px;}
   .service2_li dl dd span { min-height: 70px;}
   .pagin {  bottom: -25px;}
   .news_title { font-size: 25px;}
   .xg_news_t { font-size: 30px;}
   .inner_contact_t{ font-size: 30px;}
   .message_t { font-size: 30px;}
   
}


@media only screen and (max-width: 450px){	
   .index5 { background-position: 30% top;}
   .value_info ul li:first-child .value_i { padding-left: 5%;}
   .value_info ul li:first-child+li .value_i { padding-left: 2%;}
   .crumb_box { padding:20px 0;}
   .productlist { padding-top:40px;}
   .service2_li dl dd { width:100%;   float: none;  margin-left: 0;   margin-bottom:40px;}
   .inner_banner { height: 230px;}
   
   
}


@media only screen and (max-width: 420px){	
    
   .cont li .cont_r dl dd a .cont_info_r { width:70%;}
   .m_img .headlf .m_logo { height: 40px;}
   .top_head {  height: 80px;}
   .m_img {  height: 80px;}
   .a_js { margin: 30px 0 0 0;}
   .m_img .headrg .m_em {  line-height:81px;  height:80px;}
   .a_js span { height: 2px;  margin-bottom: 7px;}
   .a_js span:nth-child(2) { width: 41px;}
   .about1_l .value_info li:first-child { width:40%;}
   .about1_l .value_info li:first-child+li { width:30%;}
   .about1_l .value_info li:last-child { width:30%;} 
   .about1 #seventh span { font-size:30px;} 
   .about1 .value_info ul li:last-child #seventh i{ font-size:30px;} 
   
   
   

}

@media only screen and (max-width: 390px){	
    
   .cont li .cont_r dl dd a .cont_info_r { width:67%;}
   .cont li .cont_r dl dd a .cont_info_r { width: 67%;}


}



@media only screen and (max-width: 370px){	
    
   .cont li .cont_r dl dd a .cont_info_r { width:67%;}



}

















