/* Credit: http://www.templatemo.com */

/* ==========================================================================
    HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.main-menu ul, .site-slider ul, ul.social {
  padding: 0;
  margin: 0;
  list-style: none;
}

.item-small, .item-large, .product-item .item-thumb {
  overflow: hidden;
}
.item-small img, .item-large img, .product-item .item-thumb img {
  width: 100%;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
    Forms
   ========================================================================== */
form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="password"] {
  background: #fff;
  border: 1px solid #fff;
  padding: 7px 10px;
  width: 60%;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="password"]:focus {
  outline: none !important;
}
form .button {
  background: #fff;
  border: 1px solid #fff;
  padding: 7px 20px;
  text-transform: uppercase;
}
form .button:focus, form .button:active {
  outline: none !important;
}
form .button.yellow {
  background: #e7af2a;
  color: #fff;
  border: 1px solid #c89316;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
    Structure & Defaults
   ========================================================================== */
html, body {padding: 0;
margin: 0;
  font-size: 100%;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
}

body {
  font: 13px/21px "Open Sans", Arial, sans-serif;
  color: #838383;
  background-color: white;
}

a {
  color: #555;
  text-decoration: none !important;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
a:hover {
  color: #f5a200;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, sans-serif;
  color: #444444;
}

h1 {
  font-size: 2.6em;
}

h2 {
  font-size: 2.2em;
}

h3 {
  font-size: 1.8em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: .8em;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
} 
.section-title {color:#ef9500; text-align:center;
margin-top: 70px;
padding-top: 70px;

  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
.section-title:before {
  content: '';
  width: 180px;
  height: 3px;
  background: url(../images/t-left.png) no-repeat center;
  margin-bottom: 10px;
  margin-right: 15px;
  display: inline-block;
}
.section-title:after {
  content: '';
  width: 180px;
  height: 3px;
  background: url(../images/t-right.png) no-repeat center;
  margin-bottom: 10px;
  margin-left: 15px;
  display: inline-block;
}

.bigger-text {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 50px;
}

/* ==========================================================================
    Header Site Styling
   ========================================================================== */
.site-header {
  position: fixed;
  min-height: 112px;
  height: 112px;
  width: 100%;  background-image: url(../images/header-bg.png); background-position:top center;
  z-index: 9999;

}
.site-header { }

#templatemo_logo {
  background-image: url(../images/logo.png); background-size:320px; 
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 102px;
  display: block;
}
#templatemo_logo h1 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 102px;
  display: block;
}
#templatemo_logo h1 a {
  margin-left: 140px;
  color: white;
  display: block;
}

.main-menu {
  position: relative;padding-top:25px;
}

.main-menu ul li a{  position:relative;} /*实现IE文字不透明*/
#cul{
	width: 130px;
	float:right!important;
	background:url(../imgnrg/lanmu1.png) no-repeat 15px 0px;
}
#cul a{
	width: 130px;
	color:#fff;
	font-size:18px;
	background:url(../imgnrg/lanmu2.png) no-repeat 15px 0px;
}  
.main-menu ul li { line-height:88px;
  display: inline-block;
  width: 104px;
  text-align: center;

}
.main-menu ul li a {font-family: "微软雅黑";
  color: #000;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  display: block; 
}
.main-menu ul li a.current {

  background-position: center 65px;
}

.toggle-menu {
  display: none;
  margin: 40px 35px 0 0;
  font-size: 24px;
  color: white;
  text-align: right;
}

.responsive .main-menu {
  display: none;
}
.responsive .main-menu ul li {
  width: 100%;
}
.responsive .main-menu ul li a {
  line-height: 55px;
  padding: 10px 20px;
}
.responsive .main-menu ul li a.current {
  background-image: none;
  color: #26b864;
  border-bottom: 0;
}

/* ==========================================================================
    Slider Styling
   ========================================================================== */
.site-slider { 
  
}
.site-slider ul li {
  float: left;
  margin: 0;
}

.bx-wrapper img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.bx-wrapper {
 
}

.bx-thumbnail-wrapper {
  background-color: #161616;
  text-align: center;
  margin-top: -1px;
  position: relative;
}

.caption-wrapper {
  position: relative;
}

.slider-caption {
  position: absolute;
  z-index: 988;
  bottom: 140px;
  background-color: white;
  display: inline-block;
  right: 0;
}
.slider-caption h2 {
  font-size: 30px;
  margin: 20px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
}

#bx-pager a {
  margin: 20px 10px 0 20px;
  padding: 0 0 40px 0;
  display: inline-block;
  opacity: 0.4;
  filter: alpha(opacity=40);
  outline: 0;
  border: 0;
}
#bx-pager a img {
  outline: 0;
  border: 0;
}
#bx-pager a.active {
  opacity: 1;
  filter: alpha(opacity=100);
  background: url(../images/active-state.png) no-repeat;
  background-position: center 85px;
}

.bx-controls {
  position: relative;
}

.bx-controls-direction {
  position: absolute;
  text-align: right;
  bottom: 80px;
  right: -2px;
  z-index: 998;
}
.bx-controls-direction a {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  float: left;
  margin-right: 2px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: white;
}

/* ==========================================================================
    Services Styling
   ========================================================================== */

.service-item {
  padding-bottom: 40px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}
.service-item h3 {
  font-size: 18px;
  font-weight: 600;
}
.service-item .service-icon {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 113px;
  display: block;
}
.service-item .service-icon.first {
  background-image: url(../images/service-first.png);
}
.service-item .service-icon.second {
  background-image: url(../images/service-fourth.png);
}
.service-item .service-icon.third {
  background-image: url(../images/service-third.png);
}
.service-item .service-icon.fourth {
  background-image: url(../images/service-second.png);
}

/* ==========================================================================
    Promotion Styling
   ========================================================================== */
.item-small {
  padding: 20px;
  background-color: #dedede;
  color: #666;
  text-align: left;
}
.item-small img,.item-small2 img{ width:160px; float:left;  margin-right:10px;}
.item-small h4 {
  color: #333;
  line-height: 24px;
  margin: 20px 0 0 0;
}

.item-large .item-header {
  margin: 15px 0;
}
.item-large .item-header h2 {
  margin: 0;
}
.item-large .item-header span i {
  display: inline-block;
  font-size: 18px;
  color: #e7d323;
  margin-left: 3px;
}
.item-large .item-header span i:first-child {
  margin-left: 10px;
}

/*------------------------------------------------------
	RESPONSIVE STYLES 
--------------------------------------------------------*/
@media (max-width: 991px) {
  .main-menu, .bx-thumbnail-wrapper {
    display: none;
  }

  .toggle-menu {
    display: block;
  }

  .site-header .container {
    padding: 0;
  }

  .slider-caption {
    bottom: 80px;
  }

  .bx-controls-direction {
    bottom: 30px;
  }

  .section-title:after {
    display: none;
  }
  .section-title:before {
    display: none;
  }

  .main-menu {
    display: none;
    border-top: 1px solid #2f2f2f;
    text-align: left;
  }
  .main-menu ul li {
    padding: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #2f2f2f;
  }
  .main-menu ul li:last-child {
    border-bottom: 0;
  }
  .main-menu ul li a {
    padding: 20px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    display: block;
  }
}
@media (max-width: 767px) {
  .section-title {
    font-size: 24px;
  }

  .contact-form {
    margin-top: 60px;
  }

  .item-large {
    margin: 40px 0;
  }

  .slider-caption {
    display: none;
  }

  #templatemo_logo h1 a {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

.site-footer{ width:100%; background-color:#333; padding:20px 0;}
.site-footer .fot{ width:25%; float:left; color:#dedede;}
.site-footer .fot span{ }
.site-footer .fot p{padding-top:10px; }

.fot-contact{ clear:both;width: 1164px; margin:0 auto;
	padding: 26px 0px 15px 0;
}
.fot-contact .tit{ float:left; width:180px; margin-left:20px;
	padding-top: 2px;
}
.fot-contact .tit img{ float:left;
}
 .fot-contact .tit .name{
	font-size: 14px;
	font-weight: bold;
	color: #444;
}
.fot-contact .tit .add{
	font-size: 12px;
}
 .fot-contact .txt{ width:380px; float:left;

	font-size: 12px;
	color: #787878;
}

.fot-contact .txter {
    width: 380px;
    float: left;
    font-size: 12px;
    color: #fff;
}
 .fot-contact .copyright{ float:right;}
 .fot-contact .txt p{ width:150px; float:left;
	padding-left: 16px;
	margin-right: 16px;
	background: url(../images/fot_sign01.jpg) no-repeat;
	line-height: 22px; 
}

 .fot-contact .txter p{
	padding-left: 16px;
	margin-right: 16px;
	background: url(../images/fot_sign01.png) no-repeat;
	line-height: 22px;
}

 .fot-contact .txter p.tel{
	background-position: 0 3px;
}
.fot-contact .txter p.mail{
	margin-right: 0;
	background-position: 0 -16px;	
}
.fot-contact .txter p.fax{
	background-position: 0 -40px;
}
.fot-contact .txter p.zip{
	background-position: 0 -60px;
}
 .fot-contact .txt p.tel{
	background-position: 0 3px;
}
.fot-contact .txt p.mail{
	margin-right: 0;
	background-position: 0 -16px;	
}
.fot-contact .txt p.fax{
	background-position: 0 -40px;
}
.fot-contact .txt p.zip{
	background-position: 0 -60px;
}
.fot-foll{
	padding-top: 28px;
	height: 31px;
	border-bottom: 1px solid #e7e7e7;
}
.code{
		margin: 30px 0 0 30px;
}
 .fot-foll .foll-box{
	margin-left: 30px;
	width: 181px;
	height: 19px;
	background: url(../images/fot_img03.jpg) no-repeat;

}
 .fot-foll .foll-box a{
	float: right;
	display: inline-block;
	width: 21px;
	height: 18px;
	margin-left: 8px;
	background:  url(../images/blank.gif) repeat;
}


  /* ABOUT*/
  
 /*===== gallery =====*/
#myRoundabout{ z-index:1!important;}
#myRoundabout li{ list-style:none;}
.roundabout-holder  { 
	width:920px;
	height:440px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 646px;
   height: 402px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus {border:3px solid rgba(0, 0, 0, 0.2);}
.ban{ width:100%; height:430px; background:url(../images/com.jpg) no-repeat center center;}  
#ABOUT{ background:#fff;}
.about{  margin:0 auto; text-align:center;}
.about h1 { color:#ef9500; font-weight:bold;}
.about p{ text-indent:2em; text-align:left; line-height:26px;}
.about dd{ text-align:center; font-size:15px; font-weight:600; margin-bottom:50px;}
.wrap {max-width: 1180px;margin-right: auto;margin-left: auto;}
.wrap fixed {
    position: fixed;
    z-index: 99;
    width: 1180px;
    left: 50%;
    top: 0;
    margin-left: -590px;
}



.aboutcouIntro{ width:960px; margin:0 auto; padding-bottom:75px; position:relative; overflow:hidden; text-align:left; }
.aboutcouIntro .top,.aboutcouIntro .bot{ width:100%; height:78px; background: url(../images/span02.png) no-repeat 222px 15px; float:left}
.aboutcouIntro .bot{ background: url(../images/span03.png) no-repeat 222px 0;}
.aboutcouIntro .mid{ width:100%; position:relative; overflow:hidden; float:left; background: url(../images/line01.jpg) repeat-y 231px 0;}
.aboutcouIntro .mid ul{ margin:0 ; padding:0; }
.aboutcouIntro .mid li{ width:960px; height:73px; margin-bottom:8px; list-style:none;}
.aboutcouIntro .mid .time{ width:242px; height:73px; float:left; background: url(../images/span04.png) no-repeat 1px 7px;}
.aboutcouIntro .mid .time p{ width:108px; font:bold 16px/34px Arial,"微软雅黑"; color:#40444c; float:left; margin:7px 0 0 2px; display:inline; text-align:center; text-indent:0;}
.aboutcouIntro .mid .intro{ width:668px; height: 75px; padding:8px 10px 10px 30px; float:right; background: url(../images/libg04.png) no-repeat;
position:relative; overflow:hidden;}
.aboutcouIntro .mid .intro br{ height:14px; line-height:14px;}
.aboutcouIntro .mid li.hover .time p,.aboutcouIntro .mid li.on .time p{ color:#fff}
.aboutcouIntro .mid li.hover .time,.aboutcouIntro .mid li.on .time{ background: url(../images/span04_h.png) no-repeat 1px 7px;}
.aboutcouIntro .mid li.hover .intro p,.aboutcouIntro .mid li.on .intro p{ color:#fff}
.aboutcouIntro .mid li.hover .intro,.aboutcouIntro .mid li.on .intro{ background: url(../images/libg04_h.png) no-repeat; color:#fff}
.aboutcouIntro .mid li.hover .intro, .aboutcouIntro .mid li.on .intro {
    background: transparent url("../images/libg04_h.png") no-repeat scroll 0% 0%;
    color: #FFF;
}
#dsz{ padding-bottom:80px;}
#about{padding-bottom:80px; background:#f1f1f1;}
#leader{  padding-bottom:80px;}
#custom{ padding-bottom:80px;background:#f1f1f1;}
#development{ padding-bottom:80px;background:#eee;}









  /* NEWS*/


.slide { position: relative; overflow:hidden;-ms-touch-action: none}
.slide_wrap{position:relative;width:100%;height:100%;overflow:hidden;*zoom:1;}
.slide_c {float:left;  top: 0; left: 0; width: 100%; height:100%; overflow: hidden; z-index: 1; }
.slide_nav { position: absolute; z-index: 98; }
.arrs { cursor: pointer; z-index: 99; }
.arrs.unable{cursor: default;}

.inewsSlider { width:945px; height:350px; position:relative; overflow:hidden; float:left; background-color:#eaeaea; margin-right:3%; margin-bottom:50px;}
.inewsSlider ul{ width:100%;}
.inewsSlider li { width:100%; height:350px; position:relative; overflow:hidden;}
.inewsSlider .img { width:68%; height:350px; float:left; overflow:hidden; margin-right:30px;}
.inewsSlider .img img { display:block; width:100%; height:auto;}
.inewsSlider .intro { margin-right:22px; padding-top:50px; color:#666;}
.inewsSlider .intro .n { display:block; font-size:18px; font-weight:bold; color:#333; line-height:26px; height:52px; overflow:hidden; margin-bottom:10px;}
.inewsSlider .intro .time { line-height:20px; margin-bottom:10px;}
.inewsSlider .intro .text { font-size:13px; line-height:22px; height:88px; overflow:hidden; margin-bottom:20px;}
.inewsSlider .intro .more { display:inline-block; width:auto; height:40px; line-height:40px; padding:0 35px; border:#b8b8b8 2px solid; font-size:13px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.inewsSlider .num { position:absolute; right:10px; top:10px; z-index:10; font-size:20px;}
.inewsSlider .num b { font-size:16px; margin:0 2px;}
.inewsSlider .slide_nav { display:none;}
.inewsSlider .arrs { display:block; width:48px; height:48px; line-height:44px; position:absolute; top:50%; margin-top:-24px; text-align:center; background:rgba(51,51,51,.70); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99333333,endcolorstr=#99333333); color:#cccccc;}
.inewsSlider .arrs:hover { background:rgba(0,162,234,.70); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9900a2ea,endcolorstr=#9900a2ea); color:#ffffff;}
.inewsSlider .arrs [class*="ico-"] { font-size:30px;}
.inewsSlider .arr_prev { left:0;}
.inewsSlider .arr_next { left:67%; margin-left:-48px;}
.inewsSlider li:hover .intro .more { background-color:#b8b8b8; color:#fff;}


.newslist{ padding-left:60px; height:300px; padding-top:80px; }
.newslist li{
	width: 310px;
	height: 227px; float:left; margin: 0 15px 0 15px;
}
 .newslist a.img{
	display: inline-block;
	width: 310px;
	height: 141px;
}
.newslist .bg{
	left: 0;
	top: 0;
	width: 310px;
	height: 141px;
	background: #000;
	filter:alpha(opacity=40); 
	opacity: 0.4;
	transition: opacity 0.5s;
}
 .newslist li.hover .bg{
	filter:alpha(opacity=0); 
	opacity: 0;	
}
.newslist .border{
	left: 0;
	top: 0;
	width: 304px;
	height: 138px;
	border: 3px solid #0c4da2;
	border-bottom: 0;
	filter:alpha(opacity=0); 
	opacity: 0;	
	transition: opacity 0.5s;
}
 .newslist li.hover .border{
	filter:alpha(opacity=100); 
	opacity: 1;	
}
 .newslist .int{
	width:310px;
	height: 78px;
	padding: 8px 16px 0;
	background: #f8f9fa;
	line-height: 16px;
	transition: background 0.5s;
}
.newslist li.hover .int{
	background: #0c4da2;
}
.newslist .year{
	width: 42px;
	padding-top: 8px;
	line-height: 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d9d9da;
	color: #0e40b9;
	text-transform: uppercase;
	text-align: center;
	transition: color 0.5s;
}
 .newslist li.hover .year{
	color: #fff;
}
 .newslist .d{
	font: 36px/36px Impact;
	color: #0c4da2;
	transition: color 0.5s;
}
 .newslist li.hover .d{
	color: #fff;
}
 .newslist .m{
	letter-spacing: 4px;
}
 .newslist .tips{
	width: 220px;
}
 .newslist .tips a{
	display: inline-block;
	width: 100%;
	color: #a1a1a1;
	transition: color 0.5s;
}
 .newslist .tips a.tit{
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
 .newslist li:hover a{
	color: #fff!important;
}
 .newslist li:hover .int {
    background: #0C4DA2 none repeat scroll 0% 0%;
}
.newslist li:hover .d {
    color: #FFF;
}
.newslist li:hover .year {
    color: #FFF;
}
 .newlist{ margin:50px 0 20px 50px; padding:20px 0; border:1px solid #dedede;height: auto;
overflow: hidden;}
 .newlist li{ width:42%; float:left; background:url(../about/nicon_03.jpg) no-repeat left; padding-left:20px; margin:0px 40px 0 40px; line-height:30px; }
.newlist li span{ float:right;}





/*加入*/
.effImg01 img,
.inewsSlider li img,
.inewsList li img,
.videoList li img 
{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.effImg01:hover img,
.inewsSlider li:hover img,
.inewsList li:hover img,
.videoList li.hover img
{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}


.cz_anli{ height:235px; background:#fff; overflow:hidden;}
.cz_anli .img{ float:left; width:52%; height:100%; overflow:hidden; }
.cz_anli .nr{ float:right; width:45%; padding:0 4%; position:relative; height:100%; }
.cz_anli .title{ font-size:24px; font-weight:normal; margin-bottom:10px; margin-top:30px;}
.cz_anli .sum{ font-size:13px; margin-bottom:15px;}
.cz_anli .jt_btn{ display:block; width:39px; height:37px;/* position:absolute; bottom:50px; left:14%;*/ background-image:url(../images/jt_btn.png); background-repeat:no-repeat; background-position:0px 0px; transition:none;}
.cz_anli .jt_btn:hover{ background-position:0px -40px;}
.cz_anli .jt_ico{ display:block; border-style:solid; border-width:15px; border-color:transparent #fff transparent transparent; position:absolute; top:50%; margin-top:-15px; left:-43px; width:0; height:0;}
.cz_anli_blue {
    background: #01A2EA none repeat scroll 0% 0%;
    color: #FFF;
}
.cz_anli_blue .jt_ico {
    border-right-color: #01A2EA;
}
.cz_anli_blue a {
    color: #FFF;
}
.jiaru_main{ width:102%;}
.jiaru_left{ width:48%; margin-right:2%; float:left;}
.jiaru_right{ width:48%; margin-right:2%; float:right;}
.jiaru_left .cz_anli{ background:#fff;}
.jiaru_left .cz_anli .jt_ico{ border-right-color:#fff; }

.zp_liucheng{ height:300px; overflow:hidden; }
.zp_liucheng .zplc_left{ width:52%; float:left; height:100%; background:#e8e8e8; overflow:hidden; }
.zp_liucheng .zplc_right{ width:48%; float:right; height:100%; overflow:hidden; }
.zp_liucheng .zpllc_v{ height:50%;}
.zp_liucheng .zpllc_v a{ display:block; height:100%; background:#e8e8e8; color:#000;}
.zp_liucheng .zpllc_v a:hover{ background:#facd00; }
.zp_liucheng .zpllc_v .zplc_bg{ padding-left:100px; padding-top:40px; background-image:url(../images/zplc_ico.png); background-repeat:no-repeat;}
.zp_liucheng .zpllc_v .zt1{ font-size:24px; }
.zp_liucheng .zpllc_v .zt2{ font-size:14px;}
.zp_liucheng .zpllc_v01 .zplc_bg{ background-position:30px 60px;}
.zp_liucheng .zpllc_v01 a:hover .zplc_bg{ background-position:30px -114px;}
.zp_liucheng .zpllc_v02 .zplc_bg{ background-position:40px -285px;}
.zp_liucheng .zpllc_v02 a:hover .zplc_bg{ background-position:41px -462px;}

.jiaru_jl{ height:280px; background:url(../images/jl_bg.jpg) center top; overflow:hidden; margin-top:20px; text-align:center; color:#000; }
.jiaru_jl a{ color:#000;}
.jiaru_jl .jl_btn{ margin-top:50px;}
.jiaru_jl .jl_btn a{ display:inline-block; width:50%; line-height:68px; font-size:32px; color:#000; border:1px solid #000;}
.jiaru_jl .jl_btn a:hover{ background:#000; color:#fff;}
.jiaru_jl .jl_texten{ font-size:20px; font-family:arial; margin-top:10px; margin-bottom:20px;}
.jiaru_jl .jl_text{ font-size:16px; margin-bottom:5px; }
.jiaru_jl .jl_text a{ text-decoration:underline; }
.mob_jl_btn{ display:none;}


#out-jobs td{
	height: 35px;
	padding-bottom: 9px;
}
#out-jobs label{
	display: inline-block;
	width: 302px;
	height: 35px;
	background: url("../img/bg_input03.png") no-repeat;
}
#out-jobs input{
	width: 270px;
	height: 35px;
	padding: 0 16px;
	border: 0;
	background: none;
	line-height: 35px;
	color: #999;
}
#out-jobs input.file{
	width: 268px;
	height: 33px;
	border-radius: 3px;
}
#out-jobs input.submit{
	width: 158px;
	height: 36px;
	background: #0c4da2;
	color: #fff;
}
#out-jobs select{
	width: 300px;
	height: 31px;
	padding-left: 16px;
	margin: 2px 0 0 1px;
	border: 0;
	line-height: 31px;
	color: #ccc;
}
#out-jobs option{
	padding: 0 16px;
}
#out-jobs textarea{
	width: 614px;
	height: 112px;
	padding: 0 15px;
	border: 1px solid #dbdbdb;
	border-radius: 2px;
	resize: none;
}