body,div,h1,h2,h3,ul,ol,li,p,a{ margin: 0; padding: 0; font-family:'Microsoft YaHei';}

body{ font-family: "Microsoft YaHei"; }
ul,ol{ list-style: none; }
a{ text-decoration: none; } 
a:hover{ text-decoration: none; } 

.warp{ width: 988px;  margin: 0 auto;  }
.clearfix:after {content: "."; display: block;height: 0;clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;}

#msgcomy{ height: 80px; overflow: hidden; margin:10px 0 6px 0;}
#msgcomy span{line-height: 26px;}

h1{ height: 66px; width: 268px; float: left; position: absolute; top: 12px; }

.menu{ float: right; width: 980px; height: 40px; }
.menu ul { padding: 28px 0 0 60px; }
.menu ul li{ float: left; width: 92px; height: 28px; line-height: 28px; text-align: center; }
.menu ul li a{ display: inline-block; width: 100%; border-radius: 6px 0 6px 0; font-size: 16px; font-family: "Microsoft YaHei"; font-weight: 200px; line-height: 28px; color: #060001; cursor: pointer; }
.menu ul li a:hover{ text-decoration: none; color:#00904a; 
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 1px #fff;
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine2 0.3s 1;
    animation: gelatine2 0.3s 1;
 }

.fmark{ position: fixed; top:33%; left:1px; border:1px solid #444444; height: 226px; width: 142px; background: url(../images/fmarkbg.jpg) no-repeat; z-index: 999;}
.fmark ul{ padding-top:60px;}
.fmark ul li{padding-left: 32px;}
.fmark ul li a{ text-decoration: none; font-size: 15px; line-height: 14px; color: #439f16;}
.fmark ul li a:hover{ color: #f00;}
.fmark ul li.img { margin:13px 0 0 9px; padding: 0; background:#ffffff; width: 120px; height: 120px;}
.fmark ul li.img img{ width:120px; height:120px;}


.bannerbox{ height: 430px; background: url(../images/banner_bg.jpg); background-position: center; position: relative; }
.banner_bottom{ position: absolute; bottom:-4px; width: 100%; background: url(../images/banner_bg.png); height: 125px; z-index:999999999999999999999999999; }

.part1 { padding:68px 20px 50px; }
.part1 h2{ font-size: 30px; font-weight: normal; padding-left: 34px; color: #516960; font-family: "Microsoft YaHei"; }

.part1 h2 span{ font-size: 20px; text-transform:uppercase; color:#e4e4e4; margin-left: 22px; }
.part1 p{ text-indent: 2em; line-height: 48px; font-size: 16px; font-family: "Microsoft YaHei"; background: url(../images/lineBg.png); }
.part1 p a{ color: #ffffff; background: #03a563; border-radius: 20px; padding: 6px 8px;  }
.part1 p a:hover{ text-decoration: none; background: #ef6027; }

.part2{ height: 310px; padding-top: 36px; background: #f7f7f7; }
.part2 .warp{ width: 940px; height: 240px; background:url(../images/part2Bg.png); }
.part2 h2{ font-size: 30px; padding-left: 10px; text-transform:uppercase; color: #516960; font-weight: normal; text-shadow: 0 1px 1px #d0d0d0; background: url(../images/titBg.png) no-repeat; background-position: 0 48px;}
.part2 h2 span{ font-size: 20px; text-transform: uppercase; color: #e4e4e4; margin-left: 22px; }

.SlideItMoo_element{ 
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
}

.SlideItMoo_element:hover{
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}


.part3_box { background: url(../images/par3_bg.png) no-repeat; height: 562px; padding-top: 272px; width: 980px; margin: 0 auto 50px; }
.part3_box ul { padding: 74px 0 0 340px; }
.part3_box ul li{ display: inline-block; margin: 10px;  border-radius: 22px; overflow: hidden;}
.part3_box ul li a{ display: block;  padding:10px 24px; background: rgba(255,255,255,0.44); color: #fff; font-size: 18px; font-family: "Microsoft YaHei"; font-weight: bolder;}
.part3_box ul li a:hover{ text-decoration: none; color: #59371f;  }


.part4{ padding: 46px 0 56px 0; background: #f7f7f7; }
.part4 .warp{ background: url(../images/part4Bg.png) no-repeat; background-position: 0px -35px; height: 236px;}
.part4 h2{ font-size: 30px;text-transform:uppercase; padding-left: 10px; color: #516960; font-weight: normal; text-shadow: 0 1px 1px #d0d0d0;}
.part4 h2 span{ font-size: 20px; text-transform: uppercase; color: #e4e4e4; margin-left: 22px; }
.part4_box{ padding-top:22px;}
.part4_box ul{ margin:0 0 0 30px;}
.part4_box ul li{ display: inline-block; width: 208px; margin-bottom: 10px; margin-right: 8px; cursor: pointer;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.part4_box ul li a > img{ width: 100% !important; height: 100% !important; }
.part4_box ul li:hover{
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.footer{ background: #313131 url(../images/footerBg.png) center; text-align: center; padding-top: 20px; }
.footer p{ color: #777777; font-size: 14px; font-weight: 200; font-family: "Microsoft YaHei"; }
.footer p a{font-size: 14px; color: #9c9c9c; font-weight: 200; }
.footer p a:hover{ color: #ffffff;}

.part3_box ul li:hover{ 
    background: #fff;
    color: #59371f;
    box-shadow: 0 0 0 2px #cfcfcf, 0 0 0 4px #fff;
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;

}

.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:24px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{  float:left; width:24%;  display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:100%; display:block; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
 


/*========articles===========================================================================================================*/
 
.articles{ overflow: hidden; margin-bottom: 30px; min-height: 392px;} 
.articles_box{padding: 0 0 14px 0;}
.articles_box h2{ font-size: 14px; color: #666; font-weight: inherit;font-family: "Microsoft YaHei";  text-align: left; padding-top: 20px; border-bottom: 2px #000 solid; }
.articles_box h2 a{ font-size:14px; color:#888;  }
.articles_box h2 a.home{ font-size:14px; padding-left: 26px; color:#888; background:url(../images/home.png) no-repeat 0px -2px}

.articles_main{ background: #ffffff;}

.art_left{ width: 180px; border-right: 2px solid #eeeeee; float: left;}
.art_left ul li a{ display: block; text-align: center; font-size: 14px; padding-top: 8px; font-family: "Microsoft YaHei"; height: 52px; line-height: 42px; color: #fff; text-decoration: none;  background: #0da04d; border-bottom: 1px solid #079043;}
.art_left ul li a:hover{ background: #564d36; color: #fff; text-decoration: none;}
.art_right{ width: 804px; overflow: hidden; float: right; border: 1px solid #eeeeee; box-shadow: 0px 0px 6px #f3f3f3; background-color: rgb(255, 255, 255);}
.art_righttable{ padding: 8px 30px 26px;  background: #fff; }
.art_righttable h2{ font-size: 18px;  }
.art_righttable h3{ font-size: 14px; color: #c5c5c5; }
.art_righttable ul li{ border-bottom: 1px solid #eee; }
.art_righttable p{ line-height: 24px; color: #848484; letter-spacing: 0.1em; }



.download{ background: #fff; margin-right: 10px; color: #b9b9b9; font-size: 12px; padding: 8px; float: left; border-radius: 4px; }
.download p{ color: #444444; text-align: center; font-size: 16px; margin-top: 6px; padding-top: 10px; border-top: 3px solid #00904a;}
.download p:hover{ color: #0da04d; cursor: pointer;}


#flexiselDemo{
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:92%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	width:50%;
	cursor: pointer;
	positon: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 100px;
	max-height: 45px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 46px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/arrows-48-48-3.png) no-repeat -0px -0px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/arrows-48-48-3.png) no-repeat -50px -0px;
}


@keyframes gelatine {
    from,to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      background: #fff;
      color: #59371f;
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
      transform: scale(0.9, 1.1);
      background: #fff;
      color: #59371f;
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
      transform: scale(1.1, 0.9);
      background: #fff;
      color: #59371f;
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
      transform: scale(0.95, 1.05);
      background: #fff;
      color: #59371f;
    }
  }


.wrap{height:266px;
 width:337px; 
 overflow: hidden;
 position: relative;
 margin:0px auto;}
 .wrap ul{position:absolute;} 
 .wrap ul li{height:266px;}
 .wrap ol{position:absolute;
 right:5px;
 bottom:-2px;}
 .wrap ol li{height:20px; width: 20px;
 background:#ccc;
 border:solid 1px #666;
 margin-left:5px;
 color:#000;
 float:left;
 line-height:center;
 text-align:center;
 cursor:pointer;}
 .wrap ol .on{background:#E97305;
 color:#fff;}




  @keyframes gelatine2 {
    from,to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); 
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
      transform: scale(0.9, 1.1); 
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
      transform: scale(1.1, 0.9); 
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
      transform: scale(0.95, 1.05); 
    }
  }