﻿@charset "utf-8";
body{  font-family:'Noto Sans SC', '微软雅黑', Helvetica, Arial, sans-serif;
     font-style: normal;
  /*min-width:1124px;*/
  max-width:100%;
 padding:0;
	margin:0; 
   
}   div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, th, td, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0px;
    padding: 0px;
	list-style:none;
} 
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
/***导航页样式***/
#pageNav i{
    float:left;
    display:block; 
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border: #e81c0f 1px solid;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    margin: 0 5px;
	background:#e81c0f; 
	font-style: normal;
	}
	#pageNav i:hover{background:#e81c0f;  border: #e81c0f 1px solid;color:#fff; -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;}
	#pageNav a i{
	  color: #000;
	  background:#fff;
	  border: #e2e2e2 1px solid;
	}
	#pageNav a{text-decoration: none;}
	#pageNav a:hover{text-decoration: none;}
	.tablePage a{text-decoration: none;}
	.tablePage a:hover{text-decoration: none;}
	.pagebtn{
	 display:block; 
    width: auto;
	padding-left:10px;
	padding-right:10px;
    height: 32px;
    line-height: 32px;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border: #e2e2e2 1px solid;
    color: #272727;
    font-size: 14px;
    font-family: Arial;
    margin: 0 5px;
	}
	.tablePageAn{animation:  tablePageAnimation 1s ease;  }
    @keyframes tablePageAnimation{ 
		0% {
			-webkit-transform: scale(0.7);
			-moz-transform: scale(0.7); 
		}
		100% {
			-webkit-transform: scale(1);
			-moz-transform: scale(1); 
		}
    }
/*网站头部-head文件样式*/
#metinfo{/*width:100%; max-width:1680px; */ margin:0 auto; overflow:hidden}
#metinfo #head{ position:relative; overflow:hidden; width:100%;  } 
#metinfo #head #logosearch .floatl{width:265px;}
#metinfo #head #logosearch .floatr{text-align:right;}
#metinfo #head #logosearch .floatr .top{padding-right:20px;height:15px;color:#FFF;line-height:15px;}
#metinfo #head #logosearch .floatr .top a{color:#FFF;}
#metinfo #head #logosearch .floatr .top span{padding:0 15px;}
#metinfo #head #logosearch .floatr .search{padding-right:20px;height:25px; background:url(../images/searchl.jpg) no-repeat 330px 0px;*background:url(../images/searchl.jpg) no-repeat!important;_background:url(../images/searchl.jpg) no-repeat 400px 0px;margin-top:8px;}
#metinfo #head #logosearch .floatr .search form{}
#metinfo #head #logosearch .floatr .search form .searchimage{margin-left:30px;}
#metinfo #head #logosearch .floatr .search form span input{height:23px;width:210px;border:0;position:relative;bottom:10px;left:13px;*height:21px;*line-height:21px;*position:relative;*bottom:8px;*left:7px;background:none;*background:url(../images/inputbg.jpg) repeat-x;}
#metinfo #head #logosearch .floatr .headseo{padding-right:25px;height:23px;color:#0C0C0C;line-height:23px;}
#metinfo #head #logosearch1{width:100%;height:50px;background:url(../images/1287728036.gif) no-repeat;margin-top:-17px;} 
#logosearch{position:relative;overflow:hidden;width:100%;height:auto;margin:0 auto;}
#ULlogo{width:1280px;  margin:0 auto; padding:0px; }
#ULlogo li{float:left;list-style:none;}
#logoimg{width:400px; margin-top:-2px;  } 
.divdhzc{ position:absolute; float:left; z-index:13; margin-left:-76px; margin-top:-10px}
#logoimg img{ width:350px;  }
@keyframes imgLogo {
	0% { opacity: 0; margin-left: -50%;}  
	100% { opacity: 1;margin-left:0%;}
	/**0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1);
	}
	40% {
		-webkit-transform: scale3d(.75,1.25,1);
		transform: scale3d(.75,1.25,1);
	}
	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1);
	}
	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1);
	}
	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1);
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}**/
}
#logocontact{padding-top:15px}
#logocontact span  a{ margin-top:15px; display:block; position:relative; border:1px solid #5e92e0; float:left; height:25px; width:60px; margin-left:5px; text-align:center; line-height:25px; font-size:12px;text-decoration:none;}
#daohang{width:100%;position:relative;overflow:hidden;height:auto; margin:0 auto; background-color:#6bb4d5; border-top:1px solid  #333333}

/***导航头样式**/
.navbox{/*height:40px;*/height:auto;position:fixed; width:100%; /*max-width:1680px;*/  top:0px;z-index:12; margin:auto;/*background:#fff4879b4*/;}
.nav{margin:0 auto;/*width:1600px;height:40px;*/height:auto; list-style:none; margin-left:20px;}
.nav li{float:left;/*height:40px;*/height:auto;line-height:40px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li span{text-decoration:none;float:left;display:block;font-size:16px;color:#212121;cursor:pointer;  padding: 0px 2em; text-align:center; }
/**.nav li a span:hover{background-color:#ff6500;color: #fff; }**/
.nav li span a img{ margin-top:20px; margin-right:2px; float:left} 
.nav li span a{position: relative;text-decoration: none;color:#fff}
.nav li span a::after{width: 100%; }   
.triangle-up{position:absolute;top:-10px;left:40%;display:inline-block;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:10px solid #f5f5f5; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.nav li .submenu{display:none;position:absolute;top:45px;left:-20px; min-width:150px;text-align:center;  padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px;}
.nav li .submenu a{z-index:10; text-decoration: none; display:block;  width:100%; height:45px; font-size:14px; line-height:45px; color:#fff; border-bottom:1px solid #737373} 
.nav li .submenu a:last-child{ display:block;  width:100%; height:45px; font-size:14px; line-height:45px; color:#fff; border-bottom:1px } 
.nav li .submenu a:hover{ background-color:#ff6500;} 
.mj_hover_menu span a:hover{left: 0%;width: 100%;  margin:10px auto 0;}
.mj_hover_menu span a::after{float: left;position:absolute;left: 50%;
    /* width: 0; */top:1.6rem;
   height: 1px; 
    content: '';
    background: #e81c0f;
    oz-transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);}  

.subbj{ z-index:-1; background-color:#022b95;  width:100%; height:100%; position:absolute; top:0; left:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.navjgbj{ position:fixed; top:0px; z-index:1;  width:100%; height:90px;background-image: linear-gradient(#022b95,#022b95,  rgba(47,74,156,0.1));/* background-color:#022b95;*/filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;  }*/

/***最新手机屏幕时导航头样式**/
#ULlogo1{width:1200px;margin:0 auto; }
#ULlogo1 li{float:left;list-style:none;}
#logoimg1{width:300px; margin-top:10px;margin-left:5px}  
#logoimg1 img{ width:300px; }
.divmenubtn{ padding:5px; width:40px; height:30px; border:1px ;  position:fixed; right:10px; top:8px; z-index:12; cursor:pointer;   border-radius: 5px; transition: all 0.5s ease;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.divmenubtn span{ display:block; width:90%; margin:0 auto; margin-top:3px; margin-bottom:4px; height:2px;}
.divmenubtn .icon-bar{ background:#fff; border-radius: 5px;}
.divmenubtn:hover {  transition: all 0.5s ease;  border:1px solid #FFFFFF;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.navbox1{height:70px;position:fixed; width:100%;   top:0px;z-index:12; margin:auto;background:#022b95/*4879b4*/;border-bottom:1px solid #fff}
.nav1{display:none; width:100%;margin:0 auto;height:auto; position:relative; overflow:hidden; list-style:none;  }
.nav1 li{float:left;width:100%;height:auto; overflow:hidden;line-height:60px;position:relative; list-style:none;background:#022b95}
.nav1 li.last{background:none;}
.nav1 li a{text-decoration:none;}
.nav1 li a span:hover{background-color:#ff6500; }
.nav1 li a span img{ margin-top:20px; margin-right:2px; float:left}
.nav1 li a span{display:block;font-size:16px;color:#ffffff;cursor:pointer; width:100%;   text-align:center; }  
.nav1 li .submenu1{position:relative;display:none; width:100%; height:auto; overflow:hidden;text-align:center;  background-color:#2f3e95; }
.nav1 li .submenu1 a{ position:relative;display:block;  width:100%; height:45px; font-size:14px; line-height:45px; color:#FFFFFF; border-bottom:1px solid #CCCCCC} 
.nav1 li .submenu1 a:last-child{position:relative; display:block;  width:100%; height:45px; font-size:14px; line-height:45px; color:#FFFFFF; border-bottom:1px } 
.nav1 li .submenu1 a:hover{ background-color:#ff6500;}
.mj_hover_menu1{background-color:#2f3e95; } 
.mj_hover_menu1 span a:hover{ left: 0%;width: 100%;}
.mj_hover_menu1 span a::after{ 
	float: left;
	position:absolute;
	left: 50%;
    /* width: 0; */
	top:1.6rem;
    height: 1px; 
    content: '';
    background: #e81c0f;
    oz-transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);}  

.subbj1{ z-index:-1; background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;  width:100%; height:100%; position:absolute; top:0; left:0}
.navjgbj1{ position:fixed;  z-index:1; top:0px;  width:100%; height:70px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;  }
/****焦点图片广告样式***/
#divAdString{ width:100%;height:auto;position:static;overflow:hidden;margin-top:0px;}
#divAdStringnote{width:100%;height:auto;position:static;overflow:hidden;}
#ULAdString{position:relative;margin:0px;padding:0px;width:100%;height:auto;overflow:hidden}
#ULAdString li{list-style:none;height:auto;}
#divAdStringdh{margin:0 auto;position:relative;  overflow:hidden;margin-top:-30px; width:100px;height:25px; }
#ULAdStringdh{ margin:0 auto; padding:0px;width:108px;height:25px;}
#ULAdStringdh li{color:#fff; vertical-align:middle;text-align:center;margin-right:6px;list-style:none;float:left; width:12px;height:12px;cursor:pointer;border-radius:10px;//*左上，右上，右下，坐下都是10px**/}
.AdStringdh{color:#fff; vertical-align:middle;text-align:center;margin-left:4px;margin-right:4px;list-style:none;float:left;background:url(../images/groovepaper.png) ;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; width:12px;height:12px;cursor:pointer;border-radius:10px;}
.AdStringdhover{color:#fff; vertical-align:middle;text-align:center;margin-left:4px;margin-right:4px;list-style:none;float:left;background-color:#FFFFFF;width:12px;height:12px;cursor:pointer;border-radius:10px;}
.alinkjs {
    -webkit-animation: fade 3s infinite linear;
    animation: fade 3s infinite linear;
    display: block;
    width: 9rem;
    height: 3rem;
    background: url(../hzb/images/l2.png) no-repeat;
    background-size: 100%;
    float: left;
}
.alinkty {
    -webkit-animation: fade 3s infinite linear;
    animation: fade 3s infinite linear;
    display: block;
    width: 9rem;
    height: 3rem;
    background: url(../hzb/images/l1.png) no-repeat;
    background-size: 100%;
    float: right;
}
/*网站首页 */
#metinfo #content{position:relative; height:auto; width:100%; overflow:hidden;}
.fclass{position:relative;  width:100%; overflow:hidden; /* height:200px;background: #3484ff;*/animation:  imgAnimation 2s ease;  }
.fclass .fclasscontent{position:relative; margin: 30px auto 20px ;   display: flex; height:auto;/*width:900px;*/ overflow:hidden;} 
.fclass {text-align: center;  /*flex: 1;  width: 160px;border-right: 1px solid #cadbf6;  margin:0 20px 0 0px;*/  padding: 5% 20px 3% 0px; box-sizing: border-box;   }
.fclass img{width: 30%; transition: all 0.6s;}
.fclass a{color: #555555; text-decoration: none;  font-size: 16px;}
.fclass a:hover{ text-decoration: none !important;}
.fclass img:hover{  overflow:hidden;/* 放大1.2倍transform: scale(1.2);  */-webkit-filter:drop-shadow(0px 5px #f60); filter: drop-shadow(0px 5px #f60);opacity: 0.9;}
.fclass span{transition: all 0.6s; height:50px;line-height:50px;}
 @keyframes imgAnimation{
	0% { opacity: 0;width: 0%;height:100%}  
	100% { opacity: 1;width:80%;height:100%}
} 

/***首页关于我们样式**/
.homegywm{position:relative;  background:url(../images/bjt2.jpg) no-repeat 50%; font-size:20px;color:#fff;text-algin:left;padding:50px 20px 0px 20px ; } 
.gywm{ line-height: 40px;}
.homegywm .abc_more{
    font-size:14px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin: 30px auto;
    border: 1px #999999 solid;
    display: block;
    text-align: center;
    transition: all 1s ease;
    text-decoration: none;
    color: #fff;
 }
.homegywm .abc_more:hover {
    transition: all 0.5s ease;
    background: #ff6500;
    color: #fff;
}
.homegywman{animation:  gywmAnimation 4s ease; }
 @keyframes gywmAnimation{
	/**0% {margin-left:-100%; height:100%}  
	100% {margin-left:0%; height:100%}**/
	0% {opacity: 0;margin-top:20px}  
	100% {opacity: 1;margin-top:0px}
} 
/***首页动态信息前置样式**/
 
/***首页手机动态信息前置样式**/ 
/***首页业务展示***/
.module_box_inner { clear: both; text-align: center; padding: 0px 0 0px 0; padding-bottom: 0px; border: 0px solid #cccccc;overflow: hidden;height: 100%; width:100%}
.module_title {clear: both;text-align: center;overflow: hidden;height: auto; margin: 0px 0px 1.5em 0px;padding-top: 3em;}
.module_sign {clear: both;overflow: hidden;  width: 100%; display: block;text-align: center;}
.module_sign .title1 { color: #4D4D4D; display: block; font-size: 28px;line-height: 2em;}
.module_sign .title2 {clear: both;  overflow: hidden;  width: 90%;  max-width: 480px;  background: url(../images/xt.jpg) repeat-x center center;  margin: 0px auto;}
.module_sign .title2 span.ywwz { color: #999999; font-size: 13px;  padding: 0px 0.6em; width: auto; background: #fbfbfb; }
.module_box_inner .row{ position:relative; width:92%; margin:0 auto; height:auto; overflow:hidden}
.module_box_inner .row .thumbnail{text-align:center;cursor: pointer; float:left; width:14.5%; min-width:155px; height:auto;padding: 10px 1%;}
.module_box_inner .row .thumbnail .s1 {
    overflow: hidden; display: block; text-align: center;
} 
.module_box_inner .row .thumbnail .s1 img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.module_box_inner .row .thumbnail .s1 img {
    display: block;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    width: 100%;
}
img {  max-width: 100%; height: auto;  border: 0; }
.module_box_inner .row .thumbnail .s2 {
    line-height: 30px; display: block; text-align: center; cursor:pointer; overflow:hidden;
} 
.module_box_inner .row .thumbnail a {
    text-decoration: none;
} 
.module_box_inner .row .thumbnail  a:-webkit-any-link {
    color: #333;
    text-decoration:none;
    cursor: auto;
}
.module_gywm {clear: both;overflow: hidden;  width: 100%; display: block;text-align: center;}
.module_gywm .title1 { color: #4D4D4D; display: block; font-size: 28px;line-height: 2em;}
.module_gywm .title2 {clear: both;  overflow: hidden;  width: 90%;  max-width: 480px;  background: url(../images/xt.jpg) repeat-x center center;  margin: 0px auto;}
.module_gywm{display: block; background-color:#fbfbfb; overflow:hidden; height: auto; width:100%; position:relative}
.module_gywm .title2 span.gywm { color: #999999; font-size: 13px;  padding: 0px 0.6em; width: auto; background: #fbfbfb; }
.module_gywm .ab_com{ width:80%; height:auto; margin:0 auto; position:relative}
.module_gywm .ab_com .abc_c2{ text-align: left; padding:3%;padding-bottom: 0px;   padding-top:0.6em; color: #212121; line-height:25px; font-size:14px}
.module_gywm .abc_more:hover{
    transition: all 0.5s ease;
    background: #ff6500;
    color: #fff;
}
.module_gywm .abc_more{
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    border: 1px #999999 solid;
    color: #333333;
    margin: 30px 0;
    transition: all 0.5s ease;
	text-decoration:none;
}
.module_gnxtjs{
	position: relative;
	margin-top:30px;width:100%;height:450px; background:url(../images/tt2.jpg);background-size:100% 100%;
}
#divgnxtjstlt{
	position: absolute;
	top:15%;left: 6%;
	color:#fff;
	font-size: 28px;
	font-weight: 700;
	background: url(../images/ep-pic3.png) no-repeat;
	padding-left: 70px;
	line-height: 60px;
	display: block;
	width: 400px;
	height: 100px;
}
#divgnxtjstlt #gnxtjsnote{display:block; margin-left:30px;font-size: 14px; line-height: 20px; text-align: left;}
#gnxtjsnotet{font-size: 12px; margin-top: 20px;}
#gnxtjsnotet span{ width: 30%; display:inline-block; height: 45px;	 }
#gnxtjsnotet span:nth-child(1){background: url(../images/gx.png) no-repeat; background-size:30% 45%; padding-top: 40px; background-position:50% 30%;}
#gnxtjsnotet span:nth-child(2){background: url(../images/df.png) no-repeat; background-size:30% 45%; padding-top: 40px; background-position:50% 30%;}
#gnxtjsnotet span:nth-child(3){background: url(../images/zn.png) no-repeat; background-size:30% 45%; padding-top: 40px; background-position:50% 30%;}
#gnxtjsnotet span:nth-child(4){background: url(../images/jn.png) no-repeat; background-size:30% 45%; padding-top: 40px; background-position:50% 30%;}
#gnxtjsnotet span:nth-child(5){background: url(../images/dw.png) no-repeat; background-size:30% 45%; padding-top: 40px; background-position:50% 30%;}
#gnxtjsnotet span:nth-child(6){background: url(../images/ny.png) no-repeat; background-size:30% 45%; padding-top: 40px; background-position:50% 30%;}
#spangolink{    transition: all 0.5s ease;position: absolute;bottom: 0px; display: block; width: 100%;height: 40px;line-height: 40px; font-size: 16px; color: #fff; border-top:1px solid #fff; cursor: pointer;}
#spangolink:hover {background: #236e25; color: #FFF;}
#spanhy{position: absolute;top:16%;right: 6%;width: 50%;height: 300px;}
#spanhy ul{ margin:0px; padding: 0px; width: 100%;  }
#spanhy ul li{ float: left; height: 145px; margin: 5px; width: 30%; border: 2px solid #fff;}
#spanhy ul li:nth-child(1){background: url(../images/1.jpg) no-repeat; background-size:100% 100%;  }
#spanhy ul li:nth-child(2){background: url(../images/2.jpg) no-repeat; background-size:100% 100%; }
#spanhy ul li:nth-child(3){background: url(../images/3.jpg) no-repeat; background-size:100% 100%; }
#spanhy ul li:nth-child(4){background: url(../images/4.jpg) no-repeat; background-size:100% 100%; }
#spanhy ul li:nth-child(5){background: url(../images/5.jpg) no-repeat; background-size:100% 100%; }
#spanhy ul li:nth-child(6){background: url(../images/6.jpg) no-repeat; background-size:100% 100%; }
#newslistleft{ position:relative}
#newslistright{ position:relative}
.newsleftAn{animation:  newLeftAnimation 3s ease; }
 @keyframes newLeftAnimation{ 
	0% {opacity: 0;left:-100%}  
	100% {opacity: 1;left:0px}
} 
.newsrightAn{animation:  newRightAnimation 3s ease;}
 @keyframes newRightAnimation{ 
	0% {opacity: 0;right:-100%}  
	100% {opacity: 1;right:0px}
} 
@keyframes news_title_Animation { 
	0% {opacity: 0;margin-left:-100%  }
	100% {opacity: 1;margin-left:0% }
}
.module_news_title{animation:  news_title_Animation 3s ease;}
.module_news {clear: both;overflow: hidden;  width: 100%; display: block;text-align: center;position:relative; height:auto; background: #fff;padding: 0px 0;}
.module_news .title1 { color: #4D4D4D; display: block; font-size: 28px;line-height: 2em;}
.module_news .title2 {clear: both;  overflow: hidden;  width: 90%;  max-width: 480px;  background: url(../images/xt.jpg) repeat-x center center;  margin: 0px auto;}
.module_news{display: block; background-color:#fff; overflow:hidden; height: auto; width:100%; position:relative}
.module_news .title2 span.xwzx { color: #999999; font-size: 13px;  padding: 0px 0.6em; width: auto; background: #fff; }
 .ul-index-news2 {
    float: left;
    width: 100%;
   /* padding-left: 50px; */
}
.ul-index-news2 li {
    padding: 12px 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.ul-index-news2 .date {
    float: right;
    padding-left: 12px;
    border-left: 1px solid #ddd;
}
.ul-index-news2 .date strong {
    font-size: 19px;
    color: #666;
    line-height: 29px;
    display: block;
    padding: 3px 0;
}
.ul-index-news2 .date p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.ul-index-news2 .txt {
    overflow: hidden;
    padding-right: 28px;
    text-align:left;
}
.ul-index-news2 .txt a {
    font-size: 16px;
    color: #252525;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    font-weight: 700;
    margin-top: 6px;
    text-decoration: none;
}
.ul-index-news2 .txt p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
.module_news .abc_more:hover {
      background: #ff6500;
      color: #FFF;
	  border: 1px #4879B4 solid;
}
.module_news  .abc_more {
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin: 30px auto;
    border: 1px #999999 solid;
    display: block;
    text-align: center;
    transition: all 1s ease;
	text-decoration:none;
	color:#333333; 
} 

.mk_wzlbzbrq_box {
    clear: both;
    overflow: hidden;
}
.mk_wzlbzbrq_box li {
list-style:none;
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 1.6em 0px;
}
.mk_wzlbzbrq_box li .date {
    float: left;
    width: 60px;
    color: #999;
    line-height: 22px;
    font-size: 11px;
    background-color: #f2f2f2;
    text-align: center;
    margin: 0px 1.5em 0px 0px;
}
.mk_wzlbzbrq_box li .date em {
    font-style: normal;
    display: block;
    font-size: 25px;
    line-height: 40px;
    color: #666;
    border-bottom: 1px solid #fff;
}
.mk_wzlbzbrq_box li .con {
    display: inline;
	 text-align:left;
}
.mk_wzlbzbrq_box li .con .title {
    display: block;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    white-space: normal;
    text-overflow: ellipsis;
}
.mk_wzlbzbrq_box li .con .title a{
    text-decoration:none;
    color:#333333;
    font-size:16px;
}
.mk_wzlbzbrq_box li .con .jj {
    display: block;
    height: 38px;
    line-height: 19px;
    overflow: hidden;
    color: #808080;
    font-size: 12px;
}
.module_news .row  .sy_n_c2 {
    float: left;
    width: 31%;
    margin: 0 1.5%; 
}
 .module_news .row  .sy_n_c3 {
    float: left;
    width: 32%;
    margin: 0 0% 0 1%;
}
 .article {
    overflow: hidden; 
	width:100%; 
}
 ul{ 
    margin:0px;
	padding:0px;
}
.article li {
    list-style:none;
    clear: both;
    line-height: 40px;
    text-align: left;
    border: 0px dotted #cccccc;
    border-width: 0 0 1px 0;
    overflow: hidden;
}
.article .title {
    float: left;
    text-align: left;
    padding: 0 0 0 13px;
    background: url(../images/lb.gif) no-repeat left 18px; 
}
.article .title a{text-decoration:none; color:#333333;}
.article .date {float: right; color: #666666;padding-right: 2px;}
.module_hzhb{ width:100%; height: auto; overflow:hidden; position:relative;background:#fbfbfb;padding-bottom:0px; text-align:center} 
.module_hzhb .divhzhb span{padding:12px;  text-align:center;display:block;border:1px solid #ccc;margin:5px;}
.module_hzhb .abc_more:hover{
    transition: all 0.5s ease;
    background: #ff6500;
    color: #fff;
}
.module_hzhb  .abc_more{
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    border: 1px #999999 solid;
    color: #333333;
    margin: 30px 0;
    transition: all 0.5s ease;
	text-decoration:none;
}
.divhzhb span:hover {
    transition: all 0.5s ease;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
	background: #ff6500;
    color: #fff;
	font-size:16px;
	cursor:pointer; 
}
.hzhbAnimation{animation: maxAnimation 4s ease;}
 @keyframes maxAnimation{ 
	0% {opacity: 0; }  
	100% {opacity: 1;}
} 
.sy_hzhb {
   /* max-width: 1130px;*/
   width:88%;
    
    margin: 0 auto;
}
.ourkefu {
    clear: both;
    overflow: hidden;
}
.ourkefu .syhd {
    float: left;
    width: 18%;
    margin: 10px 1%;
    overflow: hidden;
}
.ourkefu .syhd img {
    width: 100%;
    display: block;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}
.ourkefu .syhd img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
/***右侧简洁客服导航**/
.floating_ck{position:fixed;right:0px;top:50%; z-index:1}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#6c90c1;  text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#6c90c1;border-bottom:solid 1px #fff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#6c90c1; display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_consult{height:300px;top:-90px; } 
.floating_consult .ulkflist{ margin:0px; padding:0px; width:100%; height:250px; overflow:hidden}
.floating_consult .ulkflist li{ list-style:none; width:100%; height:35px;}
.floating_consult .ulkflist li a{ text-decoration:none}
.floating_consult p{color:#fff;margin-top:5px;}
.floating_consult .qrcord_p01{font-size:12px;line-height:5px; border-bottom:1px solid #FFFFFF}
.floating_consult .qrcord_p02{font-size:18px; vertical-align:top; margin-top:-20px}
.floating_consult .qrcord_p02 a{ text-decoration:none}
.floating_ewm{height:200px;top:-80px;}
.floating_ewm i{background-image:url(../images/erweima1.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
/***页尾***/
/*网站底部-foot文件样式*/ 
#divfooter{margin:0 auto;position:relative;overflow:hidden;width:100%;height:auto;background:#2d2f38/*#06080e*/; padding-top:30px; /*margin-top:30px;*/ margin-bottom:0px}
#divfooternotes{ color:#fff/*#98a0b9*/;font-size:14px;padding-top:0px;text-align:center;height:auto; width:100%; vertical-align:text-bottom; overflow:hidden; padding-bottom:0px; }
.footer-contacts{ width:85%; position:relative; height:auto; overflow:hidden; margin:0 auto}
.footer-contacts .footer-contacts__note{text-align:left; float:left; height:auto; overflow:hidden}
.footer-contacts .footer-contacts__note span{ width:100%; height:auto; font-size:24px;  }
.footer-contacts  .footer-contacts__note .footer-contacts__item{ text-align:left; width:100%; height:auto; overflow:hidden; margin-top:10px; line-height:20px;}
#divfooternotes1{ margin:0 auto; background-color:#2d2f38/*#111521*/; line-height:25px; color:#fff/*#98a0b9*/;font-size:14px;text-align:center;height:atuo;  width:90%; margin-bottom:3rem;}
#divfooternotes1 a{font-size:14px;}
a.footernoteslink:link,a.footernoteslink:visited{color:#fff/*#98a0b9*/;font-size:14px;text-decoration:none;}
a.footernoteslink:hover{text-decoration:underline;}
 
/****底部二维码样式设置***/
#divewm{ float:right; position:relative; margin:0 auto; width:200px; height:80px;  text-align:center;  padding-top:0px ; padding-bottom:30px; margin-bottom:10px;  }
#divewm img{height:120px; width:120px;background-color:#FFFFFF; } 
#diviecode{ position:absolute; width:auto; height:auto; overflow:hidden; float:left; bottom:0;}
#divwxcode{position:absolute; float:left; bottom:20px}

/****内栏通用目样式***/
#metinfo  .main_box_inner {
    /*max-width: 1330px;*/
    width:80%;
	/*min-width:1130px;*/
    margin: 0px auto 0px auto;
    clear: both;
    overflow: hidden;
	margin-top:30px;
}
#metinfo #divleft{ float:left;
    width: 24%;
    margin: 0 0px 0 0;
    text-align: left;}
.nav_box {
    clear: both;
    width: 100%;
    margin: 0px;
    overflow: hidden;
}
.nav_title {
    clear: both;
    text-align: left;
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    margin: 0em 0px;
    background: #ff6500;
    padding: 15px 0;
}
.nav_sign {
    display: block;
    color: #fff;
    font-size: 26px;
    padding-left: 5%;
}
.nav_more {
    float: right;
    font-weight: normal;
    padding: 8px 10px 0 10px;
    display: none;
}
#metinfo #divleft ul {
    margin: 0;
    padding: 0;
    width: auto;
    list-style: none;
}
#metinfo #divleft ul li {
list-style:none;
    display: block;
    width: 100%;
    text-align: left;
}
#metinfo #divleft ul li a {
    clear: both;
    overflow: hidden;
    display: block;
    padding: 10px 0px 10px 5%;
    line-height: 22px;
    color: #4d4d4d;
    font-size: 14px;
    position: relative;
    background: url(../images/page-menu.gif) no-repeat right center;
    width: 95%;
    border-bottom: 1px #E5E5E5 solid;
	text-decoration:none;
}
#metinfo #divleft ul li a.current {
    color: #4879B4;
    background: url(../images/page-menu-c.gif) no-repeat right center;
}
#metinfo #divright{ float:right;}
.divrightstylensm{width:73%;}
.divrightstylesm{width:100%;}
#metinfo #divright #divhomenav{ width:100%;height:auto; position:relative; overflow:hidden}
#metinfo #divright #divhomenav #divtitle{ float:left; position:relative; height:50px;text-align: left; line-height: 54px; font-size: 22px; color: #555;  color: rgb(51,51,51);   width: 40%;}
#metinfo #divright #divhomenav #divcanvtitle{ float:right; position:relative;padding: 0px 10px 0 0;  line-height: 54px; width: 50%; text-align: right;}
#metinfo #divright #divhomenav #divcanvtitle a{ text-decoration:none; color:#333}
#metinfo #divright #divhomenav #divcanvtitle1{ float:right; position:relative;padding: 0px 10px 0 0;  line-height: 54px; width: 100%; text-align: right;}
#metinfo #divright #divhomenav #divcanvtitle1 a{ text-decoration:none; color:#333}
#metinfo #divright #divcontext{display: block; position:relative; overflow:hidden;min-height: 400px; width:100%; border-top:1px solid #CCCCCC; padding-top:20px}
#flip{  width:100%; position:relative; overflow:hidden}
#flip table{margin:0 auto;}
.tdpagestyle{ text-align:center;  }
.tdpagestyle span{ color:#000;float:left; display:block; width:30px;  height:30px; line-height:30px; border:1px solid #CCCCCC; margin:2px;}
.tdpagestyle .pgng{ border:0px; width:auto; height:30px; line-height:30px;padding:0 5px 0 5px;}
.tdpagestyle span a{ text-decoration:none; color:#999}
/***关于我们栏目内容样式***/
#divAboutAdimg{  background: url(../images/img05.jpg) no-repeat center top; height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff}
#divAboutAdimg span{font-size:2rem;}
.aboutleft{padding:2% 5% 5% 5% !important;animation: aboutleftAnimation 3s ease; }
.aboutright{animation: aboutrightAnimation 3s ease;background: url(../images/about.png) no-repeat center center;background-size:80% 100%;margin-top:2%;height:550px;}
 
 @keyframes aboutleftAnimation{ 
	0% {opacity: 0;left:-100%}  
	100% {opacity: 1;left:0px}
}  
 @keyframes aboutrightAnimation{ 
	0% {opacity: 0;right:-100%}  
	100% {opacity: 1;right:0px}
} 
/***/
#divCloudAdimg{background: url(../images/yun.jpg) no-repeat center center;background-size:100% 100%;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff}
#divCloudAdimg span{font-size:2rem;}
 
/***新闻资讯栏目页面样式***/
.row  .newslist .list-none {
    width: 99%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}
.row  .list-none .list {
    width: 99%;
    min-height: 100px;
    overflow: hidden;
    color: #666;
    border-bottom: 1px #CCC dotted;
    font-size: 14px;
    margin-top: 10px;
}
.row .list-none .list .listspantitle{
    float:left;
    font-size: 16px;
    font-weight: bold;
    color: #4D4D4D;
	width:90%;
	display:block;
	height:40px;
	line-height:40px;
	overflow:hidden;
}
.row .list-none .list .listspant {
    float: right; 
	display:block;
	height:40px;
	line-height:40px;
	width:10%;
	text-align:right;
}
.row  .list-none .list .listspansummary {
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.row .metlist .list .jjli_more:hover {
    background: #ff6500;
    color: #FFF;
}
.row .metlist .list .jjli_more {
 text-decoration:none;
    display: inline-block;
    height: 30px;
    line-height: 30px; 
    text-align: center;
    border: 1px #eee solid;
    width: 100px;
    margin-top: 10px;
    transition: all 1s ease;
    font-size: 13px;
	margin-bottom:20px;
	color:#666666;
}
 
/***内容页通用样式***/
.web-centernote{ margin-bottom:30px !important;  -webkit-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);}
 .spancontexttitle{ display:block; width:100%; height:auto; line-height:30px; text-align:center; color:#000000; font-size:20px; margin:0 auto;}
 .spandate{display:block; width:100%; height:50px; line-height:40px; text-align:center; color:#999;  font-size:12px; margin:0 auto;}
 .spanly{ float:right; margin-top:20px }
 /***应聘列表样式***/
.jobul{width:98%;height:auto;overflow:hidden; position:relative;margin:0px; padding:10px;border-bottom: 1px #CCC dotted; margin-bottom:10px;}
.jobul li{float:left;color:#000000}
.lis{width:268px; height:30px; line-height:30px;border-bottom: 1px #CCC dotted;}
.LiRe{width:100%; padding-top:10px;  } 
.LiRe .jjli_more:hover {
    background:#ff552e;
    color: #FFF;
}
.LiRe .jjli_more {
    background: #4879B4;
	color: #FFF;
    text-decoration:none;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px #eee solid;
    width: 100px; 
    transition: all 1s ease;
    font-size: 13px;
	margin-bottom:10px;
} 
 /*招聘模块列表页-job文件样式*/
.joblist .metlist{ padding:5px 0px; }
.joblist .metlist dt{ height:28px; line-height:28px; font-weight:bold; color:#666; padding-left:10px; background:#f6f6f6; border-bottom:2px solid #dedede;}
.joblist .metlist dd{ background:url(../images/job_ico.gif) no-repeat 5px 13px; border-bottom:1px dotted #dedede; padding-left:15px; height:30px; line-height:30px; overflow:hidden; color:#666;}
.joblist .metlist dd.hover{ background-color:#f6f6f6;}
.joblist .metlist dd.top{ color:#f00;}
.joblist .metlist dd.top a{ color:#f00;}
.joblist .metlist dt span,.joblist .metlist dd span{ float:right; width:100px; text-align:center; overflow:hidden; }
/*--------------------------*/
.showjob h1.title{ padding:2px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:16px; color:#2c7199;}
.showjob div.para ul{ list-style:none; padding:0px 5px;}
.showjob div.para ul li{ float:left; width:50%; padding:3px 0px;}
.showjob div.text{ padding:0px 5px;}
.showjob .info_cv a{ float:right; padding-left:8px; margin:0px auto; background:url(../profd.gif) no-repeat left top; overflow:hidden; }
.showjob .info_cv a span{ display:block; padding:5px 18px 0px 10px; min-width:40px; _width:40px; text-align:center; white-space:nowrap; cursor:pointer; height:34px; background:url(../profd.gif) no-repeat right -39px; color:#fff; font-size:16px; font-weight:bold; }
/*------------------------*/
.cv_table{ width:100%; margin-top:10px; text-align:left;}
.cv_table td.text{ text-align:right; width:20%; height:28px; line-height:28px; padding-right:3px; font-weight:bold;}
.cv_table td.input{ padding-left:3px;}
.cv_table td.input input{ padding:2px; margin-right:5px;}
.cv_table td.input textarea{ width:80%; padding:2px; margin-right:5px; }
.cv_table td.input .info{ color:#f00; }
.cv_table td.submint{ padding:5px 0px; }
.cv_table td.submint input{ cursor:pointer;}
 
/**友情链接***/
.ourlshz {
    clear: both;
    overflow: hidden; 
}
.ourlshz .syhd {
    float: left;
    width: 18%;
    margin: 10px 1%;
    overflow: hidden;
}
.ourlshz .syhd img {
    width: 100%;
    display: block;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}
.ourlshz .syhd img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
} 
a.gotoptop_icon {
    display: block;
    position: fixed;
    z-index: 10;
    right: 5px;
    bottom: 90px;
    width: 50px;
    height: 50px; 
    cursor: pointer;
    display: none;
}
/***手机栏目浮动样式***/
.divlm{position:fixed;width:auto; min-height:30px; overflow:hidden; z-index: 10; right: 5px;  bottom: 150px; }
.divlm .spanbtnlm{ float:right; display:block; height:30px; width:30px; cursor:pointer}
.divlm .spanbtnlm img{ width:30px;}
.divlm .ulfloatlm{ display:none; float:left; overflow:scroll; max-height:250px; margin:0px; padding:0px; margin-right:5px ;   }
.divlm .ulfloatlm li{ position:relative; list-style:none; height:auto; overflow:hidden; padding:20px; padding-left:30px; padding-right:30px;}
.divlm .ulfloatlm .lilmt a{ text-decoration:none; color:#FFFFFF; display:list-item; height:40px; line-height:40px;}
.divlm .divlmsubbj {  z-index:-1;  background-color: #0a2b4a;  filter: alpha(opacity=100);  -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity: 0.8;  width: 100%;  height: 100%;  position: absolute;  top: 0;  right: 0;  border-radius:8px;}
/****内栏目产品中心汇总页**/ 
#divAProAdimg{background: url(../images/02.jpg) no-repeat center top;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff;margin-bottom: 3%;}
#divAProAdimg span{font-size:2rem;}
/**.liSelect:first-child span{width:auto;padding-bottom:15px;border-bottom:3px solid #e81c0f;color:#e81c0f}**/
.proSelect{width:auto;padding-bottom:15px;border-bottom:3px solid #e81c0f;color:#e81c0f !important;}
.divmetinfo{width:1200px; margin:0 auto; height:auto}
.divProTitle{position:relative;height:82px;overflow-y:hidden;margin-left: 10px;  margin-right:10px;   scrollbar-color: #fff; /*滚动条颜色*/     scrollbar-shadow-color: #fff;/*滚动条阴影颜色*/;animation: proTitleAnimation 2s ease; }
.divproNotetitle  a{color:#333333; text-decoration:none;}
.divproNotetitle  a:hover{color:#e81c0f; text-decoration:none;transition: all 1s ease;}
.divline::after{position: absolute;  left: 0;  bottom: 8px;  height: 1px;  width: 95%;  background: #eaeaea; content: "";margin-left: 25px;}
.divline::before {width: 16px;height: 16px; background: #eaeaea;  content: ""; position: absolute; right: 0;border-radius: 50%; bottom: 0;margin-right:25px;}
.divProTitle .ulSelect{position:relative;/*width:auto;*/height:65px;line-height:65px;margin:0px;padding:0px; padding-top:10px;}
.divProTitle .liSelect{display:inline-table; list-style:none; float:left;padding:0px 20px 0px 0px; text-align:center; cursor:pointer}
.divProTitle .liSelect span{ text-decoration:none;font-size:24px;color: #333333;}  
.divProLists .divProimg{width:90%; height:250px; }
.divProLists .divProimg:hover{transform: scale(1.1);}
.divProLists .proImg {position:relative;text-align:center;overflow:hidden;}
.divProLists {padding: 2% 3% 2% 3%;animation: proAnimation 2s ease;}
.divProlink{font-size:24px;height:60px;line-height:60px}
.divProSummary {line-height:30px;color:#888888}
.divProLists .proDatas{marign-top:50px !important;margin-bottom:50px;} 
 @keyframes proAnimation{ 
	0% {transform:translateY(90px)}  
	100% {transform:translateY(0px)}
} 
 @keyframes proTitleAnimation{ 
	0% {left:-100%;}  
	100% {left:0}
}  
/**内栏目新闻中心**/ 
#divNewsAdimg{background: url(../images/img03.jpg) no-repeat center top;background-size:100%;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff;margin-bottom: 3%;}
#divNewsAdimg span{font-size:2rem;}
.divNewsLists{padding: 2% 3% 2% 3%;}
.newsDatasAn{animation: newsDataAnimation 2s ease;}
.newsDatas a{color:#333333; text-decoration:none;}
.newsDatas a:hover{color:#e81c0f; text-decoration:none;transition: all 1s ease;} 
@keyframes newsDataAnimation{ 
0% {
   /** opacity: 0;**/
    -webkit-transform: translate3d(0,30%,0);
    transform: translate3d(0,30%,0);
}

100% {
    /**opacity: 1;**/
    -webkit-transform: none;
    transform: none;
}
}
.divNewsTitle{position:relative;height:82px;overflow-y:hidden; margin-left: 10px;margin-right:10px;scrollbar-color: #fff; /*滚动条颜色*/scrollbar-shadow-color: #fff;/*滚动条阴影颜色*/;}
.divNewsTitle .ulSelect{position:relative;/*width:auto;*/height:65px;line-height:65px;margin:0px;padding:0px; padding-top:10px;}
.divNewsTitle .liSelect{display:inline-table; list-style:none; float:left;padding:0px 0px 0px 0px; text-align:left; cursor:pointer}
.divNewsTitle .liSelect span{ text-decoration:none;font-size:24px;width:auto;padding-bottom:15px;border-bottom:3px solid #e81c0f;color:#e81c0f}  
.divNewsDate{font-size: 46px;text-align:center}
.divNewsDate span{display:block; font-size: 14px;  line-height: 16px;}
.divNewsnote{font-size: 24px;height:100px;margin-bottom:30px}
.divNewsnote::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 20px;
    background: #e81c0f;
    content: "";
    z-index: 1;
}
.divNewsnote::after {
    position: absolute;
    left:1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #dedede;
    content: "";  
}
.divNewsnote span{display:block;font-size:14px;width:100%; margin-top:20px;padding-top:10px;border-top: 1px dashed #dedede;}

.divNewsnote .span_a  {
   
}
.divNewsnote .span_a .spanmore{
 width:110px;float:right;
}
.divNewsnote .span_a .spanmore::after{ 
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    content: "";
    background: #e81c0f;
    left: 50%;
    oz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.divNewsnote .span_a .spanmore .b_1 { 
    color: #e81c0f;
    font-size: 24px;
    margin-top: -10px;
    display: block;
    float: right;
}
.divNewsnote .span_a .spanmore .i { 
    text-transform: uppercase; 
    padding-right: 10px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
/**荣誉证书栏目样式**/
#divRYAdimg{background: url(../images/img2.jpg) no-repeat center top;background-size:100%;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff;margin-bottom: 3%;}
#divRYAdimg span{font-size:2rem;}
.divrytop{marign auto 0;animation: rytopAnimation 2s ease;}
.divrytop:hover{ color:#fff;-webkit-transform: scale(1.05); -moz-transform: scale(1.05);  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;}
.divrytop .ulrytop{padding:2px;margin:8px;margin-bottom:20px; background:#e8e8e8;    box-shadow: 0 40px 30px -40px #969696;}
/**.divrytop .ulrytop:hover{ background:#e81c0f; }**/
.divrytop li{ list-style:none; text-align:center}
.divrytop .lirytopimg img{width:100%;height:220px}
.divrytop .lirytoptilte{height:30px;line-height:30px}
.divrys{margin-top:0px !important;}
.divry{marign auto 0;}
.divry:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05);  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;}
.divry .ulry{padding:2px;margin:8px;}
.divry li{ list-style:none; text-align:center}
.divry .liryimg img{width:100%;height:200px}
.divry .lirytilte{}
@keyframes rytopAnimation{ 
0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9); 
}

100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1); 
}
}
.ryAn{animation: ryAnimation 2s ease;}
@keyframes ryAnimation{ 
	0% {
	   /** opacity: 0;**/
		-webkit-transform: translate3d(0,30%,0);
		transform: translate3d(0,30%,0);
	}

	100% {
		/**opacity: 1;**/
		-webkit-transform: none;
		transform: none;
	}
}
/***解决方案***/ 
#divFAAdimg{background: url(../images/02.jpg) no-repeat center bottom;background-size:100%;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff;margin-bottom: 3%;}
#divFAAdimg span{font-size:2rem;}
.divFATitle {
  position: relative;
  height: 20px;
  overflow-y: hidden;
  margin-left: 10px;
  margin-right: 10px;
  scrollbar-color: #fff;
  scrollbar-shadow-color: #fff;
  animation: proTitleAnimation 2s ease; 
}
.faDatas{margin:0px !important;margin-bottom:30px}
.divFALists{margin-bottom:30px;margin-top:30px}
.divfanote{overflow:hidden;margin-bottom:20px; }
.divfanote .divFAimg{width:100%;animation: divfanoteAnimation 2s ease;}
.divFAimgAN{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }
@keyframes divfanoteAnimation{ 
0% {
    opacity: 0;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6); 
} 
100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1); 
}
}
@keyframes divFAimgAnimation{ 
0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1); 
}
100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
}
}
.divfanote .spanfaTitle{animation: divfanoteAnimation 2s ease;z-index:11;position:absolute;top:35%;height:60px;line-height:60px;  display: block;width:92%;text-align:center;color:#fff}
.divfanote .spanfaTbj {animation: divfanoteAnimation 2s ease;z-index:10; position:absolute;top:35%;height:60px;line-height:60px;  display: block;width:92%;text-align:center;background-color:#212529; filter: alpha(opacity=60);  -moz-opacity:0.6; -khtml-opacity: 0.6;  opacity: 0.6; }
/**招贤纳士栏目样式**/
#divZXNSAdimg{background: url(../images/04.jpg) no-repeat center bottom;background-size:100%;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff;margin-bottom: 3%;}
#divZXNSAdimg span{font-size:2rem;}
.divZXNS{margin-bottom:30px;margin-left:25px !important;margin-right:25px !important;;-webkit-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);}
.divZXNSlink{height:50px;line-height:50px;}
.divZXNSlink a{text-decoration:none;}
.divZXNSlink a:hover{color: #e81c0f;text-decoration:none;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }
/*网站呼叫中心首页-index文件样式*/
#metinfo #content{ position:relative; height:auto; width:100%; overflow:hidden; background:#fff url(../images/12877302591.jpg)  repeat-x; }
#metinfo #content #divcallcenterdata{position:relative; width:100%; height:auto;overflow:hidden;margin:0 auto; background-color:#3484ff;text-align:center;padding-top:2%;padding-bottom:2%}
#metinfo #content #divcallcenterdata #divdatalist{ perspective:500px;position:relative; width:1000px; margin:0 auto;text-align:center;}
#metinfo #content #divcallcenterdata #divdatalist .divzl{ position:relative; float:left;text-align:center; margin:20px; width:200px;}
#metinfo #content #divcallcenterdata #divdatalist .divzl .divzlimg{ height:80px; width:80px;}
#metinfo #content #divcallcenterdata #divdatalist .divzl  a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); }
#metinfo #content #divcallcenterdata  .divzllink{color:#fff}
#metinfo #content #divcallcenterdata  .divzllink:hover{color:#fff;text-decoration:none;}
/**{-webkit-filter: contrast(40%); transform: rotateY(360deg);transition:1000ms ease-in-out;}**/
#metinfo #content #divcallcenterdata #divdatalist .divzl  a:hover{ color:#0c61e1}
#metinfo #content #divproduce{position:relative; width:100%; height:auto; overflow:hidden;margin:0 auto;  margin-top:10px; padding-bottom:30px}
#metinfo #content #divproduce h3{ position:relative; display:block; width:100%; height:40px; line-height:40px; font-size:20px; text-align:center; color:#3666ad}
#metinfo #content #divproduce h3 a{font-size:20px;text-decoration:none;}
#metinfo #content #divproduce h3 a:hover{font-size:20px;text-decoration:none;}
#metinfo #content #divpros{position:relative; width:1000px; height:auto; overflow:hidden;margin:0 auto;  margin-top:20px}
.alinkty{-webkit-animation: fade 3s infinite linear;animation: fade 3s infinite linear; display: block;width: 125px; height: 38px;background: url(../hzb/images/l1.png) no-repeat; background-size:100%; float:right}
.alinkjs{-webkit-animation: fade 3s infinite linear;animation: fade 3s infinite linear; display: block;width: 125px; height: 38px;background: url(../hzb/images/l2.png) no-repeat; background-size:100%;float:left}
 
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.5;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.5;}
	100% { opacity: 1;}
}
#metinfo #content #divpros .divpro{perspective:500px; position:relative;  width:333px; height:auto;overflow:hidden; float:left}
#metinfo #content #divpros .divpro .divprotilte{position:relative;  width:333px; height:30px; line-height:30px; margin-bottom:10px; font-size:14px}
#metinfo #content #divpros .divpro .divprotilte .protitle{position:relative; display:block; padding-left:5px; float:left;  width:200px; height:30px; line-height:30px; background:#3484ff; color:#FFFFFF; border:1px ;border-radius:4px}
#metinfo #content #divpros .divpro .divprotilte .promore{position:relative; display:block; float:left; width:100px; text-align:right; height:30px; line-height:30px;}
#metinfo #content #divpros .divpro .ulpro{ width:323px; height:auto; overflow:hidden; margin:0px;margin-bottom:10px; padding:0px; padding-left:5px;}
#metinfo #content #divpros .divpro .ulpro li{ list-style:none; width:100%; height:28px; line-height:28px;}
#metinfo #content #divpros .divpro .ulpro li :hover{height:30px; line-height:30px;}
#metinfo #content #divpros .divpro .ulpro li a{color:#212529}
#metinfo #content #divpros .divpro .ulpro li a:hover{ font: 14px/16px Verdana,Arial,Helvetica,sans-serif; text-decoration:none;  }
#metinfo #content #divCallcenterfunction{position:relative; width:100%; height:auto; overflow:hidden;margin:0 auto;  padding-top:10px;background-color:#fff}
#metinfo #content #divCallcenterfunction h3{position:relative; display:block; width:100%; height:40px; line-height:40px; font-size:20px; text-align:center; color:#3484ff}
#metinfo #content #divCallcenterfunction #divCallcenterfunctionimg{ width:100%; height:360px; background:url(../images/Callfunction.png) 50% 0px  no-repeat}
#metinfo #content #divDataFile{position:relative; width:100%; height:auto; overflow:hidden;margin:0 auto;  margin-top:10px;}
#metinfo #content #divDataFile h3{position:relative; display:block; width:100%; height:40px; line-height:40px; font-size:20px; text-align:center; color:#3484ff; margin-bottom:10px}
#metinfo #content #divDataFile #ulDataFile{position:relative; width:1000px; height:auto; overflow:hidden;margin:0 auto;  margin-top:10px; margin-bottom:50px;}
#metinfo #content #divDataFile #ulDataFile li{ list-style:none; float:left; width:33%; height:30px; line-height:30px; }
#metinfo #content #divDataFile #ulDataFile li span{ display:block; float:left;background:url(../images/download.jpg)  no-repeat; background-size:100% 100%; height:15px; width:15px; margin-right:5px; margin-top:7px; }
#metinfo #content #divcase{position:relative; width:100%; height:auto; overflow:hidden;margin:0 auto;  padding-bottom:10px; padding-bottom:30px; background-color:#f5f5f5}
#metinfo #content #divcase h3{ position:relative; display:block; width:100%; height:40px; line-height:40px; font-size:20px; text-align:center; color:#3484ff; margin-top:10px; margin-bottom:20px}
#metinfo #content #divcase #ulcase{ width:1000px; margin:0 auto; padding:0px; }
#metinfo #content #divcase #ulcase li{ float:left; min-width:200px;width: auto !important;width:200px;  height:30px; line-height:30px}
#metinfo #content  #divcontact{background-color:#fff;position:relative; width:100%; height:auto; overflow:hidden;margin:0 auto;  margin-top:10px; margin-bottom:0px; padding-bottom:20px;  }
#metinfo #content  #divcontact h3{ color:#3484ff;font-size:20px; display:block; position:relative; width:100%;margin:0 auto; height:50px; line-height:50px;}
#metinfo #content  #divcontact .en{font-size:15px; margin-left:10px}
#metinfo #content  #divcontact #divcontactandmsg{ position:relative; width:100%; margin:0 auto; padding:0px; height:auto; overflow:hidden;}
#metinfo #content  #divcontact #divcontactmsg{ position:relative; width:476px; margin:0 auto; padding:0px; height:auto; overflow:hidden; float:left;}
#metinfo #content  #divcontact #divcontactmsg input{ height:25px; border:1px solid #CCCCCC ;border-radius:4px;border:#CCC 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ABACAE,direction=120,strength=2);/*ie*/
-moz-box-shadow: 2px 2px 10px #CCC;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #CCC;/*safari或chrome*/
box-shadow:2px 2px 10px #CCC;/*opera或ie9*/9} 
#metinfo #content  #divcontact #divcontactmsg textarea{ margin-top:5px; margin-bottom:5px;  border-radius:4px;border:#CCC 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ABACAE,direction=120,strength=2);/*ie*/
-moz-box-shadow: 2px 2px 10px #CCC;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #CCC;/*safari或chrome*/
box-shadow:2px 2px 10px #CCC;/*opera或ie9*/
} 
#metinfo #content  #divcontact #divcontactmsg td{ height:35px; line-height:35px;}
#metinfo #content  #divcontact .otherinfo1{ position:relative;width:100%; height:auto; margin:0 auto; margin-left:0px; padding:10px; line-height:30px; background:url(../images/callme.png) no-repeat; background-position:right; height:320px; font-size:13px}
#divlinksnote  {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom:30px;
    overflow: hidden;
    padding-left: 10px;
    padding-bottom: 20px;
    border: #f3f1f1 1px solid;
    border-top: 0px;
    background: #fff;
    color: #f3f1f1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ABACAE,direction=120,strength=2);
    -moz-box-shadow: 2px 2px 10px #f3f1f1;
    -webkit-box-shadow: 2px 2px 10px #f3f1f1;
    box-shadow: 2px 2px 10px #f3f1f1;
}
#divlinksnote h3{ color:#3484ff;font-size:20px; display:block; position:relative; width:100%;margin:0 auto; height:50px; line-height:50px;}
#divlinksnote a{height:30px;line-height:30px}
#metinfo #content  #divcontact #divlinksnote{position:relative; /*width:990px;*/ height:auto;   margin:0 auto;overflow:hidden;   padding-left:10px; padding-bottom:20px;  border:#f3f1f1 1px solid; border-top:0px; background:#fff;color:#f3f1f1; 
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ABACAE,direction=120,strength=2);/*ie*/
-moz-box-shadow: 2px 2px 10px #f3f1f1;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #f3f1f1;/*safari或chrome*/
box-shadow:2px 2px 10px #f3f1f1;/*opera或ie9*/}
#metinfo #content  #divcontact .otherinfo{ position:relative;width:1000px; height:auto; margin:0 auto; padding:0px; line-height:30px;}

/*右侧悬浮客服*/
.divkf
{
float:left;
position:absolute;
overflow:hidden;
height:350px;
width:189px;
top:200px;
left:0px;
z-index:10000;
}
#divkfnotes
{
position:relative;
overflow:hidden;
float:left;
width:157px;
height:350px;
}
#divkfbtn
{
margin-top:70px;
position:static;
overflow:hidden;
float:right;
width:32px;
height:139px;
background:url("../images/img3-5_1.png") no-repeat;
}
#ULkfnotes
{
overflow:hidden;
margin:0px;
padding:0px;
width:157px;
height:350px;
}
#ULkfnotes li
{
list-style:none;
}
.Likflist
{
vertical-align:middle;
line-height:30px;
width:157px;
height:30px;
background:url("../images/img3-5_2_1.png");
}
#Likftop
{
width:157px;
height:39px;
background:url("../images/img3-5_2.png") no-repeat;
}
#Likfbottom
{
width:157px;
height:39px;
background:url("../images/img3-5_2_2.png") no-repeat;
}
a.kftblink:link,a.kftblink:visited
{
margin-left:25px;
text-decoration:none;
font-size:12px;
}
a.kftblink:hover{color:red}
/***客户留言栏目样式***/
#divlyAdimg{background: url(../images/img5.jpg) no-repeat center bottom;background-size:100%;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff;margin-bottom: 3%;}
#divlyAdimg span{font-size:2rem;}
.divbtnMsg{margin:25px 0px 25px 0px !important;}
#divmsg{background-color:#fff;margin:0 auto; }
.divlygl{margin:25px 15px 0px 15px !important;padding:10px;-webkit-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);}
.divlygl span{ display: inline-block;height:40px;line-height:40px;padding-right:10px;}
.divlynote{margin:25px 15px 25px 15px !important;padding-top:10px;-webkit-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 14px -4px rgba(0, 0, 0, 0.1);}
/***公司案例栏目样式***/
#divCaseAdimg{background: url(../images/img7.jpg) no-repeat center bottom;background-size:100%;  height:auto;width:100%; text-align:center;padding-top:15%;padding-bottom:10%; font-size:4rem;color:#fff;margin-bottom: 3%;}
#divCaseAdimg span{font-size:2rem;}
.divcaselink{text-decoration:none; color: #212529;display: block;  height:50px;line-height:50px;text-align:center;border: 1px solid #ccc;margin: 5px;}
.divcaselink:hover {
    text-decoration:none; 
    transition: all 0.5s ease;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
	background: #ff6500;
    color: #fff;
	font-size:16px;
	cursor:pointer; 
}
.caseDatas{margin-bottom:30px}
/***云服务样式***/
.divYuns{padding:2% 3% 0% 0%; }
.divYuns a{color:#fff;text-decoration:none;font-weight: 500;font-size:2.5rem;text-align:center;}
.divYuns a:hover {color:#343a40;text-decoration:none; transition: all 0.5s ease;
span{background: #fff;transition: all 0.5s ease;opacity: 0.8}
}
.divYuns span{position:absolute; width:90%;height:60px; line-height:60px; text-align:center;top:45%;margin:auto 0;}
.divYuns span:hover {background: #fff; transition: all 0.5s ease;}
