/* 滑动置顶导航栏 */
#mynav{ width:100%; height:40px; background:#3082d5; border-bottom:1px solid #fff; position:relative; z-index:99; color:#fff; line-height:40px;}
#mynav ul{width:1020px; padding:0; margin:0 auto; list-style-type:none;}
#mynav ul li{ float:left; margin:0px 5px; border-right:1px ;}
#mynav ul li a{ display:block; padding:0px 20px; height:40px; line-height:40px; color:#fff; text-shadow:0px -1px 0px rgba(30,30,30,0.60);font-family:"微软雅黑";text-shadow: none;}

/* 网站首页宽屏banner */
.kpbanner .none{ display:none;}
.kpbanner{ min-width:944px;height:572px; position:relative; margin:0 auto; overflow:hidden; z-index:1;}
.banner_show{ width:100%; text-align:center; height:572px; overflow:hidden; position:relative;}
.bannger_inbox{ position:absolute; left:50%; top:0;}

/*翻页*/
.banner_pre_next{position:relative;z-index:105;top:520px;width:980px;left:50%; height:37px;margin-left:-500px;*left:240px;}
.banner_pre_next a{ width:37px; height:37px; background:url(resources1images/kpbtn.png) no-repeat; text-indent:-999em;}
.banner_pre_next .banner_btn_left{position:absolute;left:30px; background-position:0px 0px;}
.banner_pre_next .banner_btn_right{position:absolute;right:10px; background-position:-37px 0px;}


/*圆点*/
.yq_banner_list{ width:200px; height:25px;position:absolute; top:485px; text-align:right; z-index:100; left:120px; padding-right:12px;}
.yq_banner_list a{ display:inline-block; width:19px; height:19px;background:url(resources1images/kpabg.png) no-repeat right; margin-right:10px;}
.yq_banner_list a.hover{background:url(resources1images/kpabg.png) no-repeat left; }

/*文字*/
.banner_mag{width:345px;height:520px;position:absolute; overflow:hidden;left:50%;top:0px;margin-left:-470px;text-align:left;z-index:99;font-family:"Microsoft YaHei";}
.banner_magbox{height:520px;background:url(resources1images/kpico3.png) repeat;text-align:left;padding:80px 30px 35px;}
.banner_magbox .focus-img{ text-align:right; margin-bottom:40px;}
.banner_magbox .focus-img img{width:100%;height:120px;}
.banner_magbox h4{font-size:18px; font-weight:normal;color:#fff; margin-bottom:10px; }
.banner_magbox h4 a{color:#fff; }
.banner_magbox p{font-size:14px;color:#fff;font-weight:normal;line-height:22px;}



/*右侧悬浮导航*/
.float_nav{width:111px;position:fixed;left:50%;_position:absolute;display:none;overflow:hidden;margin-left:515px; z-index:50}/*left50%确保页面中间，左边距515大于页面内容的一半，确保在内容整体右侧外*/
.float_nav a{display:block;text-indent:-9999px;overflow:hidden;height:42px;-webkit-transition:background 0.2s ease;position:relative;}
.float_nav a:hover{text-indent:0;color:#fff;text-decoration: none;line-height:42px;}
.float_nav a span.spicon{display:block;width: 48px;height:42px;background: #030f48;position: absolute;right:0;}
.float_nav a span.spicon img{display: block;width:48px;height:42px;vertical-align:top;}
.float_nav a span.spnavname{display: block;width:111px;height:42px;background:#ff9b01;position: absolute;right:-111px;text-align:center;}
.float_nav a span.spicon.top{background:url(resources1images/floatnavtop.png) no-repeat;}


/*时间轴*/
.history { background:url(resources1images/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 {  height:59px; font-size:25px; font-family:΢ÈíÑźÚ; font-weight:normal; padding-left:45px; margin-bottom:74px;  }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#00bbff; display:inline-block; *display:inline; zoom:1; background:url(resources1images/zxsjz-icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date h2.date02.h2first{background:url(resources1images/zxsjz-icon06.gif) #fff no-repeat 158px 0;}
.history-date ul {}
.history-date ul li { background:url(resources1images/zxsjz-icon07.gif) no-repeat 180px 0; padding-bottom:50px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; font-family:΢ÈíÑźÚ;width:600px;}
.history-date ul li dl dt { font:20px/22px ΢ÈíÑźÚ; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;}
.history-date ul li.green h3 { color:#1db702;}
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-8px;}
.history-date ul li.green dl dt { font-size:30px; line-height:28px;}
.history-date ul li.green dl dt a { /*background:url(zxsjz-icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}

.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}

/*图文开灯交错*/
li{list-style: none;}
a{text-decoration: none;color: #353535;}
img{border: 0;}
.clear{clear: both;}
.fr{float: right;}
.fl{float: left;}
.color_orange{color: orange;}
.color_999{color: #999;}
/* 1 2 3 4 */
.grid1k{width:100%;padding:50px auto;}
.one_fourth_box{display: block;position: relative;
	width:49.8%;height: 135px;margin:0.1% 0.1%;background: #f6f6f6;overflow: hidden;
font-family: "微软雅黑";font-size:12px;}
.ofb-r{margin-right: 0!important;}
.ofb-bg{display: none;width: 100%;height: 100%;position: absolute;z-index: 2;background: #333;}
.ofb-img{position: absolute;top: 25px;left: 55px;z-index: 10;}
.ofb-img-bottom{position: absolute;top: 160px;left: 55px;z-index: 10;}
.ofb-text{position: absolute;top: 25px;left: 195px;width: 50%;z-index: 10;}
.ofb-text-top{position: absolute;top: -110px;left: 195px;width: 50%;z-index: 10;}
.ofb-text h5,.ofb-text-top h5{font-size: 18px;}
.ofb-text p,.ofb-text-top p{margin-top: 15px;}
.ofb-r .ofb-img,.ofb-r .ofb-img-bottom{left: 65px;}
.ofb-r .ofb-text,.ofb-r .ofb-text-top{left: 235px;width: 265px;}

/*图片翻动*/




.tpfd_tplb ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tpfd_tplb ul{margin:0;padding:0;list-style:none;border:solid 1px #000;border-top-width:2px;border-bottom-width:2px;
font-family:"微软雅黑";}
.tpfd_tplb ul li{width:25%;height:364px;overflow: hidden;position: relative;cursor: pointer;float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */border-right:1px solid #4c79e0;border-left:1px solid #4c79e0;}
/* .tpfd_tplb ul li.last{border-right:none;} */
.tpfd_tplb ul li .tplb_news_hover{position:absolute;top:0;width:100%;}
.tpfd_tplb ul li .tplb_news_hover .news_img img{width:100%;vertical-align: top;}
.tpfd_tplb ul li .tplb_news_hover .news_txt{position:absolute;bottom: 40px;background-color: #000;width:100%;
    height: 50px;}
.tpfd_tplb ul li .tplb_news_hover .news_txt a{ color: #fff;font-size: 26px;font-weight: bold;line-height: 50px;
    text-decoration: none;margin-left:20px;}
.tpfd_tplb ul li .tplb_news_con{padding:15px 15px;background:url(resources1images/tpfd_bg.png) repeat;height:364px;
	overflow: hidden;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */}

.tpfd_tplb ul li .news_con_head{font-size:24px;color:#fff;line-height:28px;vertical-align:bottom;font-style:oblique;
margin-bottom:15px;}
.tpfd_tplb ul li .news_con_head span,.tpfd_tplb ul li .news_con_head a{display:inline-block;}
.tpfd_tplb ul li .news_con_head a,.tpfd_tplb ul li  .news_con_doc .news_con_doc_txt a,
.tpfd_tplb ul li  .news_con_docs a{text-decoration:none;color:#fff;}
.tpfd_tplb ul li .news_con_head a.more{float:right;font-size:18px;}
.tpfd_tplb ul li .news_con_head span.headnum{color:#6a87f0;font-size:38px;font-weight:bold;line-height:30px;
	vertical-align:bottom;}
.tpfd_tplb ul li  .news_con_doc .news_con_doc_img {height:110px;overflow: hidden;}
.tpfd_tplb ul li  .news_con_doc .news_con_doc_img img{width:100%;vertical-align: middle;}
.tpfd_tplb ul li  .news_con_doc .news_con_doc_txt{height: 42px;background-color: #000;font-size: 14px;
	line-height: 18px;overflow: hidden;}
.tpfd_tplb ul li  .news_con_doc .news_con_doc_txt a{padding:3px 5px;display:block;}
.tpfd_tplb ul li  .news_con_docs{margin-top:15px;}
.tpfd_tplb ul li  .news_con_docs a{display: block;font-size: 14px;line-height: 15px;
	margin-bottom: 10px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;color:#fff;}
.tpfd_tplb ul li  .news_con_docs a font{color:#fff!important;}

/*方块积木式tab选项卡*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
.wrapper{
	clear: both;
	position: relative;
	width: 960px;
	margin: 0 auto;
  /*margin-top: 24px;*/

}
.grid-container{
  width: 100%;
  overflow: hidden;
}
.thumb-container{
	float: left;
	position: relative;
	width: 235px;
	height: 160px;
  cursor: pointer;
	/*opacity: .7;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.grid-img{
  position: relative;
	float: left;
  z-index: 999;
}
.quote{
	/*width: 100%;*/
  position: relative;
  font-size: 1.8em;
  line-height: 150%;
	/*float: left;*/
	/*height: 160px;*/
	height: auto;
	clear: left;
	/*background: #CCC url(../images/assets/fibers.png) repeat;*/
	/*color: #EFEFEF;*/
  background: #EFEFEF;
  color: #333;
  /*padding: 36px*/
}
.quote p{
  margin: 0;
	padding: 36px;
}
.little-info{
  font-size: 14px;
}
.date-info{
  display: inline-block;
  font-style: italic;
  font-size: 14px;
  float: right;
  background: #666;
  color: #FFF;
  padding: 0px 8px;
}
.light-info{
  color: #999;
  font-size: 16px;
  padding: 0;
  line-height: 100%;
}
.light-info2{
  color: #666;
      font-size: 16px;
    line-height: 32px;
    font-family: "微软雅黑";
}

.info-img{
  float: left;
  margin: 48px 20px 12px 36px;
}
.quote-container{
	display: none;
	clear: left;
	width: 100%;
}
.thumb-container img{
	width: 235px;
	height: 160px;
}

.popover {
  position: absolute;
  z-index: 1010;
  top: 10px;
  left: 0px;
  display: none;
  /*opacity: 0;*/
  width: 235px;
  height: 159px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
/*  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;*/
}
.popover.white{
  background: #FFF;
  color: #333;
}

.popover.green{
  background: #9ACD32;
  color: #FFF;
}
.popover.orange{
  background: #FFA500;
  color: #FFF;
}
.popover.pink{
  background: #DA70D6;
  color: #FFF;
}
.popover.blue{
  background: #00BFFF;
  color: #FFF;
}
.popover.brown{
  background: #8B4513;
  color: #FFF;
}


.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-content {
  line-height: 150%;
  padding: 9px 14px;
  height:130px;
  overflow: hidden;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.popover.top.green .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #9ACD32;
  border-bottom-width: 0;
}
.popover.top.orange .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #FFA500;
  border-bottom-width: 0;
}
.popover.top.pink .arrow:after{
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #DA70D6;
  border-bottom-width: 0;
}
.popover.top.blue .arrow:after{
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #00BFFF;
  border-bottom-width: 0;
}
.popover.top.brown .arrow:after{
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #8B4513;
  border-bottom-width: 0;
}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 960px) {
	.wrapper, .quote{
		width: 960px;
    margin: 0 auto;
	}
  .quote{
    font-size: 1.8em;
  }
}

@media (max-width: 900px) {
	.wrapper, .quote{
		width: 720px;
    margin: 0 auto;
	}
  .quote{
    font-size: 1.4em;
  }
}

@media (max-width: 720px) {
	.wrapper, .quote{
		width: 720px;
    margin: 0 auto;
	}
  .quote{
    font-size: 1.4em;
  }
}

@media (max-width: 700px) {
  .wrapper, .quote{
    width: 480px;
    margin: 0 auto;
  }
  .quote{
    font-size: 1.2em;
  }
}

@media (max-width: 640px) {
	.wrapper, .quote{
		width: 480px;
    margin: 0 auto;
	}
  .quote{
    font-size: 1.2em;
  }
}

@media (max-width: 480px) {
	.wrapper, .quote{
		width: 480px;
    margin: 0 auto;
	}
  .quote{
    font-size: 1.2em;
  }
  .info-img{
    width: 200px;
  }
}

@media (max-width: 450px) {
  .wrapper, .quote{
    width: 240px;
    margin: 0 auto;
  }
  .quote{
    font-size: 1em;
  }
  .info-img{
    width: 120px;
  }
}


/* 左右切换+时间轴 */
.sgztabs{position:relative;width:960px;margin:0 auto;padding-top:90px;}
.sgztabs a{text-decoration:none;}
.sgztabNav{margin-bottom:25px;font-size:0;text-align:center;}
.sgztabNav li{position:relative;display:inline-block;width:38px;font-size:12px;*display:inline;*zoom:1;}
.sgztabNav a{text-decoration:none;}
.sgztabNav strong{display:none;position:absolute;left:-80px;top:-73px;width:200px;height:38px;font:16px/38px "Microsoft Yahei";color:#fff;background-color:#48a4ff;}
.sgztabNav strong em{font-style:normal;color:#fffc1f;}
.sgztabNav b{display:none;position:absolute;left:19px;top:-35px;height:35px;border-left:1px solid #48a4ff;}
.sgztabNav i{display:none;position:absolute;left:14px;top:0;width:11px;height:11px;border-radius:11px;background-color:#48a4ff;overflow:hidden;}
.sgztabNav .year{display:block;height:20px;padding-top:18px;font:11px/20px arial;text-align:center;color:#888;background:url(resources1images/graduate_bg2.png) 0 0 no-repeat;cursor:pointer;}
.sgztabNav .first .year{background-image:url(resources1images/graduate_bg1.png);}
.sgztabNav .active strong, .sgztabNav .active b, .sgztabNav .active i{display:block;}
.sgztabPane{width:960px;height:508px;}
.sgztabPane .info{float:left;width:221px;height:508px;background-color:#48a4ff;}
.sgztabPane .info h3{padding:35px 25px 0;font:22px "Microsoft Yahei";color:#fff;}
.sgztabPane .info p{margin:12px 25px 0;line-height:22px;font-size:12px;color:#fff;text-indent:2em;}
.sgztabPane .img{float:right;width:737px;}
.sgztabPane{margin:-2px -2px 0 0;}
.sgztabPane ul{margin-top:-2px;}
.sgztabPane li{position:relative;float:left;height:253px;overflow:hidden;}
.sgztabPane img{display:block;border:0 none;}
.sgztabPane .odd{width:245px;height:253px;margin:2px 2px 0 0;}
.sgztabPane .odd h4{position:absolute;left:0;bottom:0;_bottom:-1px;width:215px;padding:0 15px;font:22px/53px "Microsoft Yahei";color:#fff;background:#4a4a4a;}
.sgztabPane .odd h4 font,.sgztabPane .even h4 font{color:#fff!important;}
.sgztabPane .odd img{width:245px;height:200px;}
.sgztabPane .txtOut{position:absolute;left:0;top:0;display:table;width:100%;height:200px;visibility:hidden;}
.sgztabPane .txt{display:table-cell;width:221px;height:176px;padding:12px;line-height:18px;font-size:12px;color:#fff;background:url(resources1images/bg_01.png) 0 0 repeat;vertical-align:middle;}
.sgztabPane .even{width:475px;height:253px;margin-top:2px;overflow:hidden;}
.sgztabPane .even h4{position:absolute;right:0;top:0;width:34px;height:221px;padding:50px 10px;font:22px/24px "Microsoft Yahei";text-align:center;color:#fff;background-color:#4a4a4a;}
.sgztabPane .even img{width:436px;height:253px;}
.sgztabPane .even .txtOut{width:421px;height:100%;}
.sgztabPane .even .txt{width:397px;height:229px;}
.sgztabPane h5{margin-bottom:4px;font-size:14px;}
.sgztabPane a:hover .txtOut{visibility:visible;}
.sgztabs .prev, .sgztabs .next{position:absolute;top:376px;width:58px;height:58px;border-radius:58px;font:30px/58px SimSun,sans-serif;color:#fff;text-align:center;
	background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;z-index:9999;}
.sgztabs .prev{left:0px;}
.sgztabs .next{right:15px;}

/* H5幻灯片 */
.raxus-slider {
  position: relative;
  text-align: center;
  outline: none;
  width: 800px;
  height: 600px;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
}
.raxus-slider .slider-area,
.raxus-slider .slider-area:active {
  cursor: col-resize;
}
.raxus-slider[data-direction=vertical] .slider-area,
.raxus-slider[data-direction=vertical] .slider-area:active {
  cursor: row-resize;
}

.raxus-slider[data-arrows=auto-hide] .arrow-l, 
.raxus-slider[data-arrows=auto-hide] .arrow-r {
  opacity: 0;
  visibility: hidden;
}
.raxus-slider[data-arrows=auto-hide]:hover .arrow-l, 
.raxus-slider[data-arrows=auto-hide]:hover .arrow-r {
  opacity: 1;
  visibility: visible;
}
.raxus-slider .arrow-l, 
.raxus-slider .arrow-r {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  cursor: pointer;
  z-index: 2;
  background: url(resources1images/sprite.png) rgba(0,0,0,0.8) no-repeat;
  transition: all .1s;
  -moz-transition: all .1s;
  -webkit-transition: all .1s;
}

.raxus-slider .arrow-r.outer {
  right: -30px;
  border-radius: 0 2px 2px 0;
  border-left: none;
  border-right: 1px solid #000;
}
.raxus-slider .arrow-r {
  right: 0;
  border-radius: 2px 0 0 2px;
  border-right: none;
  background-position: 10px -26px;
}
.raxus-slider[data-direction=vertical] .arrow-r {
  bottom: 0;
  top: auto;
  right: auto;
  left: 50%;
  margin-left: -15px;
  border-radius: 2px 2px 0 0;
  border-bottom: none;
  background-position: -71px -26px;
}
.raxus-slider .arrow-r:active {
  background-position: 13px -26px;
}
.raxus-slider[data-direction=vertical] .arrow-r:active {
  background-position: -71px -23px;
}
.raxus-slider .arrow-l.outer {
  left: -30px;
  border-radius: 3px 0 0 3px;
  border-right: none;
  border-left: 1px solid #000;
}
.raxus-slider .arrow-l {
  left: 0;
  border-radius: 0 3px 3px 0;
  border-left: none;
  background-position: -17px -26px;
}
.raxus-slider[data-direction=vertical] .arrow-l {
  top: 0;
  margin-top: auto;
  right: auto;
  left: 50%;
  margin-left: -15px;
  border-radius: 0 0 2px 2px;
  border-top: none;
  background-position: -42px -27px;
}
.raxus-slider .arrow-l:active {
  background-position: -20px -26px;
}
.raxus-slider[data-direction=vertical] .arrow-l:active {
  background-position: -42px -30px;
}
.raxus-slider .slider-area {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px 4px 0 0;
  background-color: #444;
  /*box-shadow: inset 0 0 20px 10px rgba(44,178,190,0.7);*/
}
.raxus-slider[data-thumbnail=bottom] .slider-area,
.raxus-slider[data-thumbnail=top] .slider-area {
  width: 100%;
}
.raxus-slider[data-thumbnail=bottom] .slider-area {
  border-radius: 4px 4px 0 0;
}
.raxus-slider[data-thumbnail=top] .slider-area {
  border-radius: 0 0 4px 4px;
}
.raxus-slider[data-thumbnail=left] .slider-area,
.raxus-slider[data-thumbnail=right] .slider-area {
  height: 100%;
}
.raxus-slider[data-thumbnail=right] .slider-area {
  border-radius: 4px 0 0 4px;
}
.raxus-slider[data-thumbnail=left] .slider-area {
  border-radius: 0 4px 4px 0;
}

.raxus-slider .slider-relative {
  width: 100%;
  position: absolute;
  font-size: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  text-align: left;
  white-space: nowrap;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.raxus-slider .slider-relative .slide {
  padding: 0;
  height: 100%;
  width: 100%;
  display: inline-block;
  font-size: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  background-color: #111;
}
.raxus-slider .slider-relative .slide img {
  opacity: 0;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.raxus-slider .slider-relative .slide.selected img {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.raxus-slider[data-direction=vertical] .slider-relative .slide {
  display: block !important;
}

.raxus-slider .slider-relative .slide .image {
  text-align: center;
  height: 100%;
  display: inline;
  box-sizing: initial;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  width: 100%;
}
.raxus-slider .slider-relative .slide .image * {
  vertical-align: middle;
}
.raxus-slider.fix-width .slider-relative .slide .image {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -2500px 0 0 0;
  height: 5000px;
  width: 100%;
}
.raxus-slider .slider-relative .slide.fix-width .image {
  position: absolute;
  left: 0 !important;
  top: 50% !important;
  margin: -2500px 0 0 0 !important;
  height: 5000px !important;
  width: 100% !important;
}
.raxus-slider.fix-height .slider-relative .slide .image {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -2500px;
  width: 5000px;
  height: 100%;
}
.raxus-slider .slider-relative .slide.fix-height .image {
  position: absolute;
  left: 50% !important;
  top: 0 !important;
  margin: 0 0 0 -2500px !important;
  width: 5000px !important;
  height: 100% !important;
}

.raxus-slider.fix-height .slider-relative .slide .image img {
  max-width: auto;
  height: 100%;
  width: auto;
}
.raxus-slider .slider-relative .slide.fix-height .image img {
  max-width: auto;
  height: 100% !important;
  width: auto !important;
}
.raxus-slider.fix-width .slider-relative .slide .image img {
  max-height: none !important;
  width: 100%;
  height: auto;
}
.raxus-slider .slider-relative .slide.fix-width .image img {
  max-height: none !important;
  width: 100% !important;
  height: auto !important;
}
.raxus-slider.fit .slider-relative .slide .image img,
.raxus-slider .slider-relative .slide.fit .image img {
  width: 100% !important;
  height: 100% !important;
}
.raxus-slider .slider-relative .slide .image img {
  max-width: 100%;
  max-height: 100%;
}
.raxus-slider .slider-relative .slide .image .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  border-radius: 5px;
  background: url(resources1images/sprite.png) -58px 14px rgba(0,0,0,0.6) no-repeat;
  margin: -25px 0 0 -30px;
  cursor: pointer;
}
.raxus-slider .slider-relative .slide .image .play-button:hover {
  background-color: #000;
}
.raxus-slider .slider-relative .slide .text {
  position: absolute;
  text-align: left !important;
}
.raxus-slider .slider-relative .slide a {
  cursor: pointer;
}

/* text animation */
.raxus-slider .slider-relative .slide .text {
  bottom: 20px;
  left: 45px;
  right: 45px;
}

/* text left animation */
.raxus-slider .slider-relative .slide .text strong,
.raxus-slider .slider-relative .slide .text small,
.raxus-slider .slider-relative .slide .text.ani-left strong,
.raxus-slider .slider-relative .slide .text.ani-left small {
  -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
    -o-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate(-2000px, 0);
}

/* text top animation */
.raxus-slider .slider-relative .slide .text.ani-top strong,
.raxus-slider .slider-relative .slide .text.ani-top small {
  -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
    -o-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate(0, -2000px);
}
/* text right animation */
.raxus-slider .slider-relative .slide .text.ani-right strong,
.raxus-slider .slider-relative .slide .text.ani-right small {
  -webkit-transform: translate3d(3000px, 0, 0);
    -moz-transform: translate3d(3000px, 0, 0);
    -o-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate(3000px, 0);
}
/* text bottom animation */
.raxus-slider .slider-relative .slide .text.ani-bottom strong,
.raxus-slider .slider-relative .slide .text.ani-bottom small {
  -webkit-transform: translate3d(0, 3000px, 0);
    -moz-transform: translate3d(0, 3000px, 0);
    -o-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate(0, 3000px);
}

.raxus-slider .slider-relative .slide .text strong,
.raxus-slider .slider-relative .slide .text small { 
  transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; 
}

.raxus-slider .slider-relative .slide .text.left-animated strong,
.raxus-slider .slider-relative .slide .text.left-animated small {
  -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
}
.raxus-slider .slider-relative .slide .text.left-animated small {
  transition-delay: .5s; -moz-transition-delay: .5s; -webkit-transition-delay: .5s; 
}
/* text animation #end */

.raxus-slider[data-dots=show] .slider-relative .slide .text {
  bottom: 40px !important;
}
.raxus-slider .slider-relative .slide .text strong, 
.raxus-slider .slider-relative .slide .text small {
  margin: 0 !important;
  padding: 5px 10px !important;
  text-align: left !important;
  color: #fff !important;
  font: 26px 'Raleway', 'Helvetica Neue', Arial !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.8) !important;
  background: rgba(0,0,0,0.6);
}
.raxus-slider .slider-relative .slide .text strong {
  display: inline-block;
}
.raxus-slider .slider-relative .slide .text small {
  font: 14px 'Helvetica Neue', Arial !important;
  white-space: normal;
  display: inline-block;
  line-height: 19px !important;
}

/* raxus slider dots */ 
.raxus-slider[data-dots=show] ul.dots {
  display: inline-block;
}
.raxus-slider ul.dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 15px;
  left: 0;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 999;
  font-size: 0;
}
.raxus-slider[data-direction=vertical] ul.dots {
  width: 10px !important;
  vertical-align: middle;
  right: 10px;
  top: 50%;
  left: auto;
  bottom: auto;
}
.raxus-slider ul.dots li {
  display: inline-block;
  text-align: center;
  margin: 0 2px;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: rgba(0,0,0,0.4);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 1px rgba(255,255,255,0.3);
  cursor: pointer;
  position: relative;
}
.raxus-slider[data-direction=vertical] ul.dots li {
  margin: 6px 0;
  display: block;
}

.raxus-slider ul.dots li span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 10px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.raxus-slider ul.dots li.selected span, .raxus-slider ul.dots li:hover span {
  background: rgba(255,255,255,1);
}

/* mini images */
.raxus-slider .mini-images-relative {
  position: absolute;
  overflow: hidden;
  background-color: #222;
  z-index: 99;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.raxus-slider .mini-images {
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  display: inline-block;
  font-size: 0;
  transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; 
}
.raxus-slider[data-thumbnail=bottom] .mini-images,
.raxus-slider[data-thumbnail=top] .mini-images {
  /*width: 10000px;*/
}
.raxus-slider[data-thumbnail=bottom] .mini-images-relative,
.raxus-slider[data-thumbnail=top] .mini-images-relative {
  padding: 10px 0 10px 10px;
  left: 0;
  width: 100%;
  white-space: nowrap;
}
.raxus-slider[data-thumbnail=bottom] .mini-images-relative {
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.2);
  border-radius: 0 0 4px 4px;
  bottom: 0;
}
.raxus-slider[data-thumbnail=top] .mini-images-relative {
  box-shadow: inset 0 -3px 5px rgba(0,0,0,0.2);
  border-radius: 4px 4px 0 0;
  top: 0;
}
.raxus-slider[data-thumbnail=right] .mini-images-relative,
.raxus-slider[data-thumbnail=left] .mini-images-relative {
  top: 0;
  height: 100%;
  bottom: 0;
  padding: 0 10px;
}
.raxus-slider[data-thumbnail=right] .mini-images-relative {
  box-shadow: inset 3px 0 5px rgba(0,0,0,0.2);
  border-radius: 0 4px 4px 0;
  right: 0;
}
.raxus-slider[data-thumbnail=left] .mini-images-relative {
  box-shadow: inset -3px 0 5px rgba(0,0,0,0.2);
  border-radius: 4px 0 0 4px;
  left: 0;
}
.raxus-slider .mini-images.no-slide {
  text-align: center;
}
.raxus-slider .mini-images li {
  display: inline-block;
  position: relative;
  margin: 0 10px 0 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
.raxus-slider[data-thumbnail=bottom] .mini-images li:active,
.raxus-slider[data-thumbnail=top] .mini-images li:active {
  cursor: col-resize;
}
.raxus-slider[data-thumbnail=right] .mini-images li,
.raxus-slider[data-thumbnail=left] .mini-images li {
  display: block;
  margin: 10px 0 0 0;
}
.raxus-slider[data-thumbnail=right] .mini-images li:active,
.raxus-slider[data-thumbnail=left] .mini-images li:active {
  cursor: row-resize;
}
.raxus-slider .mini-images li.selected .img-selected, 
.raxus-slider .mini-images li:hover .img-selected {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  box-shadow: inset 0 0 0 1px #66d6a0, inset 0 0 2px 2px rgba(0,0,0,0.6);
  border-radius: 3px;
  z-index: 2;
}

.raxus-slider .mini-images li .image {
  width: 1000px;
  height: 100%;
  position: relative;
  left: 50%;
  margin-left: -500px;
  text-align: center;
  z-index: 1;
}
.raxus-slider .mini-images li img {
  height: 100%;
}
/* mini images #end */

.vertical-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.raxus-slider .fullscreen, 
.raxus-slider .close-video {
  width: 30px;
  height: 30px;
  background: url(resources1images/sprite.png) 8px -51px rgba(0,0,0,0.8);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 2px 0;
  z-index: 9999;
  cursor: pointer;
  display: inline-block;
  
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}
.raxus-slider[data-fullscreen=show]:hover .fullscreen,
.raxus-slider:hover .close-video {
  opacity: 1;
}
.raxus-slider .close-video {
  background: url(sprite.png) -16px -51px rgba(0,0,0,0.8);
}

.raxus-slider[data-loop=false] .arrow-l {
  opacity: 0.5;
}

.no-transition {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
}
#mySlider .mini-images li {
    width: 100px;
    height: 50px;
}

/* when fullscreen active */
:-webkit-full-screen {
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}


/* for responsive */
@media screen and (max-width: 640px) {
  
  /* small captions */
  
  .raxus-slider .slider-relative .slide .text strong {
    font-size: 13px !important;
    line-height: 14px !important;
  }
  .raxus-slider .slider-relative .slide .text small {
    font-size: 10px !important;
    line-height: 13px !important;
  }
  
  /* small dots */
  .raxus-slider ul.dots li {
    width: 5px;
    height: 5px;
  }
  .raxus-slider ul.dots li span {
    width: 3px;
    height: 3px;
    top: 1px;
    left: 1px;
  }
}

/* soft_function */
.soft_function{width:944px;height:636px;margin:0 auto}
.soft_con_icon{width:944px;height:190px;display:block;padding-top:10px}
.soft_con_icon ul li{float:left;display:block;list-style:none;height:180px;width:150px; margin:0 19px;}
.soft_con_icon ul li a p{color:#333333;font-size:20px;font-family:"微软雅黑";text-align:center}
.soft_con{height:380px;width:944px;}
.soft_con1{height:20px;width:944px;background:url(images/line_select_001.gif)}
.soft_con2{height:auto;width:944px;}
.soft_con2 div{float:left;}
.soft_con2_list{border-bottom:1px solid #d4d4d4;border-left:1px solid #d4d4d4;
  border-right:1px solid #d4d4d4;background:#fcfcfc;}
.function1{height:auto;width:235px;border-left:1px dashed #d4d4d4}
.function1.first{height:auto;width:234px;border-left:none;}
.soft_con2{display: none;}
.soft_con2 div img{margin:20px 20px 0px 20px;width: 200px;height:133px;}
.soft_con2 div p{
  text-align:left;
}
.soft_con2 .p1{font-size:16px;font-weight: bold;color:#555555;font-family:"微软雅黑";
line-height:25px;width:auto;margin:20px 20px 0px;height: 50px;overflow: hidden;}
.soft_con2 .p2 a{color:#0000eb;}
.soft_con2 .p2{font-size:14px;color:#888888;font-family:"微软雅黑";width:auto;line-height:24px;margin:20px;height:100px;overflow: hidden;}
.soft_con2 .hoverimg,.soft_con2 .hoverimg img{clear:both;width:100%;height: auto;border:none;}
.soft_con2 .hoverimg img{margin:0;}