/* 懒人图库 搜集整理 www.lanrentuku.com */
*{ margin:0; padding:0;}
html{ overflow:-moz-scrollbars-vertical;} 
body{ font-size:14px;}
a{ text-decoration:none; color:#000;}
li{ list-style:none;}
.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 {
  position: relative;
  float: left;
  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;
  z-index: 1;
  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: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.alltop{ float:left; width:100%; height:auto;}
.allbox{ float:left; width:100%; height:auto;}
.zhaibox{ margin:0 auto; width:1200px; height:auto;}
.allnav{ float:left; width:900px; height:auto;}
.allnav li{ width:128px; float:left; height:49px; text-align:center; text-transform:uppercase; padding:25px 0px; color:#999999; font-size:12px;}
.allnav li a{ font-size:18px; color:#000;}
.allnav li.hover{ background:#1163ac; color:#fff;}
.allnav li.hover a{ background:#1163ac; color:#fff;}
.allnav li:hover{ background:#488bc7;color:#fff; cursor:pointer;}
.allnav li:hover a{ background:#488bc7; color:#fff;}

.syproduct{ float:left; width:1200px; height:auto; margin-top:30px;}
.sycpnav{ float:left; width:299px; height:399px; background:url(../images/01_15.jpg) no-repeat; padding:100px 0; text-align:center; color:#fff;}
.biaoti01{ float:left; width:100%; height:auto; margin-bottom:50px;}
.biaoti01 span{ font-size:18px; font-weight:bold; border-bottom:#fff solid 5px; padding-bottom:15px;}
.sycpnav li{ float:left; width:100%; height:50px; font-size:18px;}
.sycpnav li a{ color:#fff;}
.sycpnav li.a85 a{ padding:5px 10px; background:#fff; color:#0773d0; border-radius:5px; }
.sycpnav li:hover a{ padding:5px 10px; background:#fff; color:#0773d0; border-radius:5px;}

.syabout{ float:left; width:1200px; height:auto; margin-top:30px; line-height:24px; color:#666666; font-size:16px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}
.daxie{ text-transform:uppercase; font-family:calibria;}
.hei{ color:#000;}


/*shouyexiaoguo*/
#wrapper {
	  width: 1200px;
	  height: 440px;
	  position:relative;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  margin: auto;
	  
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: left;
	  -webkit-justify-content: left;
	      -ms-flex-pack: left;
	          justify-content: left;
	  overflow: hidden;
	}

	#left-side {
	  height: 440px;
	  width: 25%; background:url(../images/01_45.jpg) no-repeat; background-size:100% 100%;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
			  text-align:center;
	}
	#left-side ul li {
	  padding-top: 10px;
	  padding-bottom: 10px;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  line-height: 34px;
	  color: #fff;
	  font-weight: 500;
	  cursor: pointer;
	  -webkit-transition: all .2s ease-out;
	          transition: all .2s ease-out; font-size:18px; width:240px; padding-left:60px;background:url(../images/png_11.png) no-repeat 30px 15px ;
	}
	#left-side ul li:hover {
	  color: #fff;
	  -webkit-transition: all .2s ease-out;
	          transition: all .2s ease-out;
	}
	#left-side ul li:hover > .icon {
	  fill: #333; width:100px; float:left;
	}
	#left-side ul li.active {
	  color: #006ec7; background:url(../images/png_03.png) no-repeat 30px 15px #fff;  width:240px; padding-left:60px;
	}
	#left-side ul li.active:hover > .icon {
	  fill: #E74C3C;
	}

	#border {
	  height: 288px;
	  width: 0px;
	  background-color: rgba(51, 51, 51, 0.2);
	}
	

	#right-side {
	  height: 440px;
	  width: 75%; 
	  overflow: hidden;
	}
	#right-side #first, #right-side #second, #right-side #third, #right-side #fourth {
	  position: absolute;
	  height: 440px;
	  width: 75%;
	  -webkit-transition: all .6s ease-in-out;
	          transition: all .6s ease-in-out;
	  margin-top: -350px;
	  opacity: 0;
	 
	  
	}
	#right-side #first h1, #right-side #second h1, #right-side #third h1, #right-side #fourth h1 {
	  font-weight: 800;
	  color: #333;
	}
	#right-side #first p, #right-side #second p, #right-side #third p, #right-side #fourth p {
	  color: #999;
	  font-weight: 500;
	  padding-left: 30px;
	  padding-right: 30px;
	}
	#right-side #first.active, #right-side #second.active, #right-side #third.active, #right-side #fourth.active {
	  margin-top: 0px;
	  opacity: 1;
	  -webkit-transition: all .6s ease-in-out;
	          transition: all .6s ease-in-out;
	}
	
.casemain{ float:left; width:840px; height:440px; padding:0 30px;}
.casemain li{ float:left; width:830px; height:auto; padding:20px; line-height:24px; color:#999; background:#eee; cursor:pointer}
.casemain li:hover{ background:#1164ab; color:#fff;}
.casemain li:hover a{ color:#fff;}
.size16{ font-size:16px; color:#000;}

.dingzhi{ float:left; width:100%; height:auto;}
.dingzhi li{ float:left; width:31.33%; margin:0 1%; height:auto; text-align:center; background:#fff; line-height:40px; font-size:20px; padding:40px 0px; border-radius:5px;}
.dingzhi li:hover{ box-shadow:0px 0px 10px #666;}
.lianxibt{ float:left; width:100%; height:60px; color:#fff; text-align:center; padding:40px 0px; background:url(../images/llll_47.jpg) left center repeat-x;}
.size24{ font-size:24px;}

.cpleft{ float:left; width:200px; height:auto; margin-top:30px; margin-bottom:60px; background:url(../images/cpbg_03.jpg) no-repeat; background-size:100% 100%;}
.dqwez{ float:left; width:1200px; height:auto; height:50px; line-height:50px; border-bottom:#ccc solid 1px;}

.sideMenu{
	width: 258px; float:left;
}
.sideMenu h3{
	width: 170px;
	height: 52px;
	line-height: 52px;
	font-size: 18px; font-weight:normal;
	color: #fff;
	cursor: pointer;
	padding-left:30px;
	
}
.sideMenu h3 a{
	color: #fff;
}
.sideMenu ul{
	display: none;
}
.sideMenu ul li{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #fff;
	background:#d4e1ed; text-align:center; font-size:16px;
}
.sideMenu ul li a{
	color: #666;
	font-size: 16px;
	font-weight: normal;
	
}
.sideMenu ul li a:hover{
	color: #1164ab; background:url(../images/png_07.png) no-repeat left center; padding-left:10px;
	font-size: 16px;
	font-weight: normal;
	
}

.sideMenu h3.on{ background:#fff;color:#1164ab;}
.sideMenu h3.on a{ background:#fff;color:#1164ab;}
.cpbt22{ float:left; width:100%; height:70px; line-height:70px; text-align:center; background:#1164ab; color:#fff; font-size:18px; font-weight:bold;}
.cpright{  width:950px; float:right; height:auto; border:#ccc solid 1px; margin-top:30px; padding:15px; margin-bottom:40px; min-height:800px;}
.cpright li{ float:left; width:920px; padding:15px; height:auto; background:#eee; line-height:24px; margin:5px 0px; cursor:pointer}
.cpright li img{ margin-right:15px; float:left;}
.size16hao{ font-size:16px;}
.ckxq{ padding:5px 10px; background:#1164ab; border-radius:5px; color:#fff;}
.cpright li:hover{ background:#1164ab; color:#fff;}
.cpright li:hover .ckxq{ padding:5px 10px; background:#fff; border-radius:5px; color:#1164ab;}
.cpright li:hover a{ color:#fff;}

.caseleft{ float:left; width:200px; height:612px; margin-top:30px; margin-bottom:60px; background:url(../images/case_03.jpg) no-repeat; background-size:100% 100%;}
.yema{ float:left; width:100%; height:80px; text-align:center; line-height:80px; font-size:18px;}
.yema a{ padding:5px 10px; border-radius:40px; background:#fff;}
.yema a:hover{ background:#1164ab; color:#fff;}
.yema a.jing{  background:#1164ab; color:#fff;}
.caseleft{ float:left; width:200px; height:403px; margin-top:30px; margin-bottom:60px; background:url(../images/case_03.jpg) no-repeat; background-size:100% 100%;}
.caseright{  width:950px; float:right; height:auto; border:#ccc solid 1px; margin-top:30px; padding:15px; background:url(../images/bg1_05.jpg) no-repeat top right; margin-bottom:40px;}

.caseabout{ float:left; width:950px; height:auto; background:url(../images/dingzhi_03.jpg) repeat-y;}
.caseright1{  width:950px; float:right; height:auto; border:#ccc solid 1px; margin-top:30px; padding:15px; background:url(../images/bg2_05.jpg) no-repeat top right;}
.caseright2{  width:950px; float:right; height:auto; border:#ccc solid 1px; margin-top:30px; padding:15px; background:url(../images/bg3_05.jpg) no-repeat top right;}
.about01{ float:left; width:920px; padding-left:30px; height:auto; background:url(../images/dingzhi_06.jpg) no-repeat; margin-top:30px; font-size:16px; line-height:30px;}

.about01 li{ float:left; width:890px; padding:15px; height:auto; background:#eee; line-height:24px; margin:5px 0px; cursor:pointer}
.about01 li img{ margin-right:15px; float:left; width:170px; height:119px;}
.about01 li:hover{ background:#1164ab; width:890px; color:#fff;}
.about01 li:hover .ckxq{ padding:5px 10px; background:#fff; border-radius:5px; color:#1164ab;}
.about01 li:hover a{ color:#fff;}

.xinwenbt{ float:left; width:1200px; height:60px; line-height:60px; font-size:18px; text-align:center;}
.xinwenbt a{ padding:5px 0px; margin:0 15px;}
.xinwenbt a.bord{ border-bottom:#1164ab solid 3px; }
.nynewsmain{ float:left; width:1200px; height:auto; margin-top:30px; margin-bottom:60px;}
.nynewsmain li{ float:left; width:350px; height:auto; margin:5px; padding:20px; font-size:16px; line-height:24px; color:#666; margin-bottom:30px;}
.line36{ line-height:36px; font-weight:bold;}
.nynewsmain li:hover{ box-shadow:0px 5px 10px #ccc;}
.hezuomain{ width:1200px; height:auto; float:left; min-height:400px; padding-bottom:60px;}
.hezuomain li{ float:left; width:300px; height:auto; text-align:center;}
.aboutny{ line-height:30px; font-size:16px; padding:10px;}

.nyfzlcddd{ float:left; width:930px; height:auto;}
.nyfzlcddd li{ float:left; width:232px; height:auto; font-size:14px; line-height:24px; margin-bottom:40px;}
.nyfzlcddd li p{ padding:0px 10px;}
.nyright{  width:950px; float:right; height:auto; border:#ccc solid 1px; margin-top:30px; padding:15px; margin-bottom:40px;}
.nianfen{ float:left; width:232px; height:50px; line-height:50px; background:url(../images/7_07.jpg) bottom repeat-x; font-size:24px; font-weight:bold; text-align:center; margin-bottom:10px;}
.nianfen span{ background:url(../images/7_06.jpg) no-repeat bottom center; padding-bottom:10px;}

.jobmain{ width:980px; float:right; height:auto; border:#ccc solid 1px; margin-top:30px; line-height:36px;}
.bjjob{ float:left; width:940px; padding:40px 20px; height:auto; background:url(../images/bg_03.jpg) no-repeat center left; font-size:16px;}
.tabstyle{ padding:10px 20px; font-size:18px; font-weight:bold;}
.tabstyle1{ padding:10px 20px; background:#1164ab; color:#fff; font-size:18px; border-radius:5px; font-weight:bold;}
.jobmain span{ padding:5px 10px; border:#1164ab solid 1px; border-radius:5px; margin-right:10px;}
.jobright{ float:right; width:942px; padding:40px 20px; height:auto; line-height:36px; font-size:16px;}
.lxww{ padding-bottom:10px; border-bottom:#1164ab solid 2px; font-size:20px;}

.input01{ width:220px; height:30px; line-height:30px; margin-left:5px;}
.txtara01{ width:865px; height:200px; line-height:30px;margin-left:5px;}
.btn01{ width:180px; height:50px; background:#1164ab; color:#fff; border:0; border-radius:10px; margin-top:10px; font-size:18px; float:left; margin-left:60px;}

.wenzhang{ float:left; width:1098px; height:auto; padding:50px; border:#ccc solid 1px; margin-top:60px; font-size:16px; line-height:36px;}
.h1_h1{ height:60px; text-align:center; border-bottom:#ccc solid 1px; font-size:24px; float:left; width:100%;}