*{padding:0px;margin:0px;border:0px;}
body{   background-color:#fff; font-family:"微软雅黑" ;  }
a:hover{color: #eb9c03;}
.top{width:100%; margin:0 auto; }
.main{ width:1200px; margin:0 auto;}
.logo{ float:left; margin:20px 0 0 0px;}
.caidan{ width:850px; float:left; }
.an a{ float:right; background:#ee0038; line-height:24px; font-size:14px; padding:0 15px; margin-right:5px; color:#fff; border-radius:0 0 5px 5px;}
.caidan ul{ float:left; width:850px; margin-top:25px;}
.caidan ul li{ float:left; width:160px; border-right:1px #aeaeae solid; color:#606060; font-size:16px;  text-align:center;}
.caidan ul li:hover{ color: #eb9c03;}
 /*banner*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
	float:left;
  z-index:-1;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
 
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 36%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../img/themes.png) no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.index_left{ float:left; margin:120px 70px;}  
.index_z{ float:left; font-size:14px; margin:80px 0;}
.index_z h5{ color:#eb9c03; font-size:20px;} 
.footer{ width:100%; float:left; background:#181818; text-align:center; line-height:30px; color:#fff; padding:20px 0;} 
 
 
 /*内菜单*/
#content {
	width:207px;
	float:left;
	margin:40px;
	overflow:hidden;
}
#content h1 {
	color:#535353;
}
#content img {
	padding:5px;
	background:#f7f7f7;
	border:solid 1px #464646;
	margin:2px
}
.menu ul li {
	display:block;
	padding-top:2px;
	margin-bottom:5px;
	list-style:none;
	overflow:visible;
}
.menu ul li a {
	    display: block;
    height: 46px;
    font-size: 16px;
    text-indent: 2em;
    color: #707070;
    outline: none;
}
.menu ul li a:hover{ color:#eb9c03}
.menu ul li .active {
	background:url(../img/on.png) top left no-repeat;
    background-position-y: -8px;
}

.menu ul li .inactive {
	background: url(../img/off.png) top left no-repeat;
    background-position-y: -8px;
}
.menu ul li ul {
	display:none; 
	margin-top:-4px;
	margin-bottom:20px;   
}
.menu ul li ul li ul {
	margin-bottom:5px;
}
.menu ul li ul li {
	display:block;
	background:none;
	font-size:12px;
	list-style:circle;
	color:#8f9d4c;
	margin-left:10px;
}
.menu ul li ul li a {
	background:none;
	font-size:14px;
	color:#707070;
	padding-left:0px; 
}
.pro{ width:800px; float:left;}
.pro_top{ width:800px; float:left; border-bottom:1px #285ea8 solid;}
.pro_top img{ float:left; margin-top:6px;}
.pro_top span{ float:left; font-size:20px; color:#2d2d2d; margin:0 10px;}
.pro_top h4{ float:left; color:#285ea8; font-size:12px; line-height:36px;}
.pro ul{ width:800px; float:left;}
.pro a{    width: 202px;
    float: left;
    margin: 30px;}
.pro ul li{ width:200px; float:left; border:1px #dfdfdf solid; }
.pro ul i{ width:200px; font-style:normal; float:left; text-align:center; line-height:36px;}
.pro ul li img{ max-width:100%; height: auto;  cursor: pointer;  
                transition: all 0.6s;  }

           .pro ul li img:hover{  
                transform: scale(1.4);  
            }  
.dowebok{width:800px; float:left; margin:40px 0 0 20px;}
.wz{ width:750px; margin:20px 0 0 25px; float:left; line-height:24px;}
.neicaidan{ width:207px; margin:40px; float:left;}
.neicaidan ul li{ float:left; text-align:center; width:207px; margin-bottom:15px; font-size:16px;}
.news{ width:800px; float:left; }
.news ul li{ width: 760px;
    float: left;
    padding-bottom: 20px;
    font-size: 14px;
    margin: 20px 0 10px 20px;
    border-bottom: 1px #e1e1e1 solid;}
.news ul li span{ float: right; margin-right: 10px;}
 .newsd{ line-height: 24px; margin-top: 20px;;}
 
.jianjie{ width: 90%; margin: 20px; line-height: 24px; float: left;}
 

.header{float:left; width:850px; }
.head{  width:850px;     margin: 24px 0 auto; position:relative; z-index:10000;zoom:1;}
#nav{ height:52px;}
.nav{ position:relative; z-index:10003; height:60px; color:#000;}
.nav li{ float:left; width:140px; text-align:center; background:url(../images/navbg.jpg) no-repeat right 0;}
.nav li .navi{ display:block; color:#696969;height:60px;font-size:16px; line-height:60px;}
.nav li a:hover,.nav li .hover{ color:#303030; }
.nav ul li:hover{ background:#fff; border-bottom:2px #cf000d solid; width:140px; height:58px;}
.nav .downloadli{ background:none;}
.nav .homeli{ position:relative;}
.nav .homeli a{ }
.homebody .nav .homeli a,.aboutbody .nav .aboutli a,.productbody .nav .productli a,.solutionbody .nav .solutionli a,.newsbody .nav .newli a,.servicebody .nav .serviceli a,.casebody .nav .caseli a,.jobbody .nav .jobli a,.downloadbody .nav .downloadli a{color:#1d67a6; background:#fff url(../images/nava.jpg) repeat-x 0 0;}
.subnav{position:absolute; z-index:10004; top:60px;left:0px;width:830px; padding:30px 40px 30px 0;background:#fff;-webkit-box-shadow: 0 1px 2px #ccc;-moz-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc; text-align:left!important; display:none;behavior:url(PIE.htc);}
.nav .subnav a{ display:inline!important; background:none!important;}
.nav .subnav .navleft{ float:left; width:200px;}
.nav .subnav .navleft dd{ float:left; margin:0 0 5px 40px; width:60px; line-height:35px; height:35px; background:url(../images/dottline.jpg) repeat-x 0 bottom;font-size:13px; color:#343333; overflow:hidden;}
.nav .subnav .navleft dd a{ margin:0; color:#353535; font-size:14px; line-height:35px;}
.nav .subnav .navleft dd a:hover{color:#1d67a6;}
.nav .subnav .navright{ padding:0 0 0 55px; margin:15px 0 0 0; border-left:1px solid #dcdcdc; float:right; width:530px;}
.nav .subnav .navright .img{ float:left; width:245px; height:145px;}
.nav .subnav .navright .img img{width:245px; height:145px;}
.nav .subnav .navright .r{ float: right; width:260px; color:#6e6e6e; line-height:24px; font-size:12px;}
.nav .subnav .navright .r h1{ line-height:25px; font-size:14px; color:#000; font-weight:normal; margin:0 0 5px 0;}
.nav .subnav .navright .r h1 a{ color:#000;}
.nav .subnav .navright .r h1 a:hover{ color:#0180cc;}
.nav .productli .subnav .navleft{width:380px;}
.nav .productli .subnav .navleft dd{width:130px; margin:0 10px 5px 40px;}
.nav .subnav .subproduct{ width:410px;padding:0 0 0 20px; margin:15px 0 0 0; border-left:1px solid #dcdcdc; float:right;}
.nav .subnav .subproduct .img{ float:left; width:188px; height:180px; padding:3px 5px; position:relative; background:#fff;-webkit-box-shadow: 0 1px 2px #ccc;-moz-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc;}
.nav .subnav .subproduct .img img{ width:188px; height:180px;}
.nav .subnav .subproduct .img i{ position:absolute; top:-12px; left:-30px; display:block; background:url(../images/newico.png) no-repeat 0 0; width:110px; height:57px;}
.nav .subnav .subproduct .right{ float:left; margin:0 0 0 20px; width:170px;}
.nav .subnav .subproduct .right h1{ font-size:15px; color:#000; line-height:20px; font-weight:normal;}
.nav .subnav .subproduct .right h2{ font-size:12px; color:#ccc; font-weight:normal; margin:5px 0 10px 0;}
.nav .subnav .subproduct .right .description{ width:160px;color:#848484; line-height:22px;}
.nav .subnav .subproduct .right .description a{ color:#0094e1; font-size:12px;}
.nav .subnav .subproduct .right .description a:hover{ color:#0094e1; text-decoration:underline;}
.nav .solutionli .subnav{ width:940px;}
.nav .solutionli .subnav .navleft{width:250px;}
.nav .solutionli .subnav .navleft dd{width:170px; margin:0 0 5px 50px;}
.nav .solutionli .subnav .navright{ width:650px; padding:0 0 0 25px;}
.nav .solutionli .subnav .navright .list{ float:left; width:290px; margin:0 0 0 30px;}
.nav .solutionli .subnav .navright .list .img{ width:270px; float:none; height:175px;}
.nav .solutionli .subnav .navright .list .img img{ width:270px; height:175px;}
.nav .solutionli .subnav .navright .list h3{ font-size:14px; color:#000; line-height:30px; height:30px; margin:5px 0 0 0; font-weight:normal;overflow:hidden; }
.nav .solutionli .subnav .navright .list h3 a{ color:#000;}
.nav .solutionli .subnav .navright .list h3 a:hover{color:#1d67a6;}
.nav .solutionli .subnav .navright .list .t{ color:#6a6a6a; line-height:18px; height:55px; overflow:hidden;}
.nav .newli .subnav,.nav .jobli .subnav {width:760px; left:55px;}
.nav .newli .subnav .navleft,.nav .jobli .subnav .navleft{ width:120px;}
.nav .newli .subnav .navright,.nav .jobli .subnav .navright{ width:570px; padding:0 0 0 45px;}
.nav .newli .subnav .navright .r,.nav .jobli .subnav .navright .r{ width:300px;}
.nav .newli .subnav .navright .r p a,.nav .jobli .subnav .navright .r p a{ color:#0180cc;}
.nav .serviceli .subnav .navright{ width:500px; padding:0 0 0 90px;}
.nav .serviceli .subnav .navright .img{ width:185px;}
.nav .serviceli .subnav .navright .img img{ width:140px; height:140px;}
.nav .serviceli .subnav .navright .s{ float:left; width:300px; padding:20px 0 0 0; font-size:14px; color:#000;}
.nav .serviceli .subnav .navright .s h1{ font-size:18px; line-height:45px;}
.nav .caseli .subnav{ width:1050px; left:0;}
.nav .caseli .subnav .navleft{width:360px;}
.nav .caseli .subnav .navleft dd{width:130px; margin:0 0 5px 40px;}
.nav .caseli .subnav .navright{ width:650px; padding:0 0 0 10px;}
.nav .caseli .subnav .navright .list{ float:left; width:275px; margin:0 0 0 50px;}
.nav .caseli .subnav .navright .list .img{ width:275px; float:none; height:160px;}
.nav .caseli .subnav .navright .list .img img{ width:275px; height:160px;}
.nav .caseli .subnav .navright .list h3{ font-size:14px; color:#000; line-height:30px; height:30px; margin:5px 0 0 0; font-weight:normal;overflow:hidden; }
.nav .caseli .subnav .navright .list h3 a{ color:#000;}
.nav .caseli .subnav .navright .list h3 a:hover{color:#1d67a6;}
.nav .caseli .subnav .navright .list .t{ color:#6a6a6a; line-height:18px; height:55px; overflow:hidden;}
.nav .downloadli .subnav{ width:940px;}
.nav .downloadli .subnav .navleft{ width:280px;}
.nav .downloadli .subnav .navleft dd{ width:100px;}
.nav .downloadli .subnav .navright{ width:570px; padding:0 0 0 45px;}
.nav .downloadli .subnav .navright .r{ width:300px;}

 
 
 
 
 
 
 
 
 
 /* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}