/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,section,footer {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0; }
 
/* Basic Styling */
a, a:visited {
	color: #333;
	text-decoration: none;
	-webkit-transition-property: color, left, right;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }
 
html { -webkit-font-smoothing: antialiased; }

div{ text-align:left;}
 
body, html { 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-text-size-adjust: none; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}

@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:95.5%;}
}
@media screen and (min-width:510px) {
	html{font-size:106.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:116.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}

header, nav, section, aside, footer { display: block !important; }

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fl_left{ float:left;}
.fl_right{ float:right;}
.clear{clear:both;}
.stretch{ width:100%;}

#wrapper {
	margin: 0 auto;
    position: relative; max-width:640px; width:100%; overflow:hidden;

}

/*FONTS*/
@font-face {
    font-family: 'MgOpenModataRegular';
    src: url('../fonts/mgopenmodataregular-webfont.eot');
    src: url('../fonts/mgopenmodataregular-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataregular-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataregular-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataregular-webfont.svg#MgOpenModataRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataOblique';
    src: url('../fonts/mgopenmodataoblique-webfont.eot');
    src: url('../fonts/mgopenmodataoblique-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataoblique-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataoblique-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataoblique-webfont.svg#MgOpenModataOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataBold';
    src: url('../fonts/mgopenmodatabold-webfont.eot');
    src: url('../fonts/mgopenmodatabold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodatabold-webfont.woff') format('woff'),
         url('../fonts/mgopenmodatabold-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodatabold-webfont.svg#MgOpenModataBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataBoldOblique';
    src: url('../fonts/mgopenmodataboldoblique-webfont.eot');
    src: url('../fonts/mgopenmodataboldoblique-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataboldoblique-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataboldoblique-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataboldoblique-webfont.svg#MgOpenModataBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Typography*/
h1{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#2D987C; line-height:25px;}
h2{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#101213;}





/*Navigation*/
.navigation{ position:fixed; top:0px; z-index:2; max-height:640px;}
.toplogo{  height:5rem; margin:0 auto; width:90%; float:left; text-align:center}

.am-header{ width:100%;height:5rem;line-height:5rem;background:rgba(0,0,0,0.7);}

/*Submenu*/

header ul.navigation li.expanded #submenu{ display:block;}
#submenu{display:none; position:absolute; top:46px; left:0px; min-width:150px; width:100%; opacity:0.95; border:solid 1px #212121; padding-top:9px; -webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px; border-width:0px 0px 1px; z-index:11;}
#submenu li{ list-style:none; padding:4px 5px; margin:0px; text-align:left; border-top:solid 1px #262727; box-shadow: inset 0px 1px 0px #1a1a1a; background:#1f1f1f}
#submenu li:first-child{ border:none;}
#submenu li a{ line-height:100%; padding:10px; color:#727272; text-shadow: 1px 1px 0 #000000; height:auto; width:90%; display:block; background:none; font-weight:normal;}
#submenu li:active{ background:#101010;}
#submenu li:active a{ color:#fff;text-shadow: 1px 1px 0 #1f1f1f;}

/*Share*/
header ul.share{ float:right; margin-right:5px;}
header ul.share li{ width:28px; height:30px; float:left; list-style:none; }
header ul.share li a{ display:block; width:28px; height:30px; background-position: 2px center ;}
header ul.share li a:active{background-position: 0px center!important;}
header ul.share li.twitter a{ background:url(../images/twitter.png) no-repeat center -2px;}
header ul.share li.facebook a{ background:url(../images/facebook.png) no-repeat center -2px;}
header ul.share li.rss a{ background:url(../images/rss.png) no-repeat center -2px;}
/*Logo*/
a#logo{ display:block; width:180px; height:50px; margin:15px 7px;}

/*Seach*/
#search{ padding:7px 10px; background:#4DC4A0; border-bottom:1px solid #43B796; display:none;}
#search fieldset{ position:relative;}
#search input{ background-color:#efefef; border:solid 1px #2F977A; font-size:12px; padding:4px 0px; color:#7b7b7b; float:left; border-radius:0px!important;}
#search input[type=text]{ width:100%; height:14px; border-right:none;  box-shadow: inset 1px 0 1px #fff; text-indent:8px;}
#search input[type=submit]{width:37px; height:24px; background:url(../images/search_d.png) no-repeat center top; text-indent:-300px; position:absolute; right:-1px;}
#search input[type=submit]:active{ background-position:center bottom;}

.height5{ height:5rem}

/*底部停靠*/
.footbt{ height:3rem;  background:#f2682b; margin-top:1.5rem; text-align:center; font-size:1.4rem;}
.footbt .tex{height:3rem;  font-weight:bold; color:#fff; line-height:3rem;}
.footbox{ padding:0 1rem;}
.footname{ height:3rem; font-size:1.4rem; font-weight:bold; color:#333; line-height:3rem; text-align:left}
.foottex{ width:100%; text-align:left;font-size:1.2rem; color:#666}
.foottex .cf{ font-size:1.4rem; font-weight:bold; text-decoration:underline}
.foottex a{ color:#999}
.foottex span{ color:#666}
.foottex .foottel{ border-bottom:1px dotted #CCC; line-height:2.5rem; }
.foottex .foottel .tb{ background:url(../images/foottel.png) center no-repeat; width:10%; float:left; height:2.5rem; background-size:70%}
.foottex .tex{ color:#999}

.foottex .footsj{ border-bottom:1px dotted #CCC; line-height:2.5rem; }
.foottex .footsj .tb{ background:url(../images/footsj.png) center no-repeat; width:10%; float:left; height:2.5rem;background-size:60%}
.foottex .footlxr{ border-bottom:1px dotted #CCC; line-height:2.5rem; }
.foottex .footlxr .tb{ background:url(../images/footlxr.png) center no-repeat; width:10%; float:left; height:2.5rem;background-size:60%}
.foottex .footyx{ border-bottom:1px dotted #CCC; line-height:2.5rem; }
.foottex .footyx .tb{ background:url(../images/footyx.png) center no-repeat; width:10%; float:left; height:2.5rem;background-size:55%}
.foottex .footadd{ border-bottom:1px dotted #CCC; line-height:2.5rem; }
.foottex .footadd .tb{ background:url(../images/footladd.png) center no-repeat; width:10%; float:left; height:2.5rem;background-size:60%}

#footer2{  max-width: 640px;  margin: 0 auto;  _zoom: 9;  text-align: center;  clear: both;}

#footer-nav-div{ position: fixed;  bottom: 0px;  display: block;  width: 100%;  max-width: 640px;  z-index: 9; background:rgba(151,151,151,0.6); padding-bottom:0.5rem;}
#footer-nav-div .box1{ padding:0.5rem 0; height:2rem;}
#footer-nav-div .box1 .list1{ width:30%; float:left;}
#footer-nav-div .box1 .list1 .footabout{ float:right; width:7rem; height:2rem; text-align:center;  background:rgba(255,255,255,0.9); line-height:2rem; font-size:1.2rem}
#footer-nav-div .box1 .list2{ width:40%; float:left;}
#footer-nav-div .box1 .list2 .footlianxi{ margin:0 auto; width:7rem;height:2rem; text-align:center;  background:rgba(255,255,255,0.9);line-height:2rem; font-size:1.2rem}
#footer-nav-div .box1 .list3{ width:30%; float:right;}
#footer-nav-div .box1 .list3 .footdaoh{float:left;  width:7rem;height:2rem; text-align:center;  background:rgba(255,255,255,0.9);line-height:2rem; font-size:1.2rem}
#footer-nav-div .box2{ height:2rem; line-height:2rem; text-align:center; font-size:1rem; color:#FFF}
#footer-nav-div .box2 a{ color:#FFF; padding:0rem 0.3rem}
.footewm{ width:100%;  font-size:1.2rem;  text-align:center}
/*.footewm .left{ width:50%; position:absolute; left:0px; top:0px; text-align:center;}
.footewm .right{ width:50%; position:absolute; right:0px; top:0px; text-align:center;}*/
.footewm img{ max-width:70%; min-width:60%;}

.btn3{position:fixed;
  z-index:3;
  bottom:0px; background:rgba(1,90,167,0.8);
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
.menu{position:relative;
    float:left;
    width:20%;
    height:4rem;
    border-right: 1px solid rgba(169,215,255,1);
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.bt-name{color:#fff; text-align:center;}
.bt-name a{display:block;color:#fff;}
.bt-name .tup{ height:1.8rem; line-height:1.8rem; text-align:center; margin-top:0.3rem}
.bt-name .tup img{ max-width:70%; max-height:70%;vertical-align:middle; }
.bt-name .dwtup{ height:1.8rem; line-height:1.8rem; text-align:center; margin-top:0.3rem}
.bt-name .dwtup img{ max-width:80%; max-height:80%;vertical-align:middle; }
.bt-name .fxtup{ height:1.8rem; line-height:1.8rem; text-align:center; margin-top:0.3rem}
.bt-name .fxtup img{ max-width:80%; max-height:80%;vertical-align:middle; }
.bt-name .gdtup{ height:1.8rem; line-height:1.8rem; text-align:center; margin-top:0.3rem}
.bt-name .gdtup img{ max-width:40%; max-height:70%;vertical-align:middle; }
.bt-name .tex{ height:1.8rem; line-height:1.8rem; font-size:1rem; text-align:center}

.menu:last-child{border-right:none;}
.footmenuli5 .new-sub{ left:-80%;}
.new-sub{position:absolute;  background:rgba(1,90,167,0.8);
      bottom:4.8rem;
      z-index:10;
      width:180%;
	  left:-50%;
      padding: 0px 10px;

      box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border-radius: 5px;
      display:none;}
.new-sub li{width: 100%; list-style:none; margin-bottom:0.5rem; height:2.5rem; 
       
        float:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
		border-bottom:1px solid #a9d7ff}
.new-sub li a{display:block; width:100%; float:left;
          height:2.5rem;
          line-height:2.5rem;
          text-align:left;
          color:#fff;
          border:none;
          text-align:center;
          font-size:1.2rem;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:3px solid transparent;border-right:3px solid #fff;border-bottom:3px solid #fff;opacity:.5;}

.new-sub .tiggle{
	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-10px;
      bottom:-9px;
      border-top:10px solid #EEEEEE;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      z-index:10;
  }
  .new-sub .innertiggle{
  	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-9px;
      bottom:-8px;
      border-top:9px solid rgba(1,90,167,0.8);
      border-left:9px solid transparent;
      border-right:9px solid transparent;
      z-index:11;
  }



.bdsharebuttonbox .bds_tsina { background: url(../images/gbRes_6.png) no-repeat center; background-size:20%;  }
.bdsharebuttonbox .bds_qzone { background: url(../images/gbRes_4.png) no-repeat center center; background-size:20%;  }
.bdsharebuttonbox .bds_tqq { background: url(../images/gbRes_5.png) no-repeat center center; background-size:20%;  }
.bdsharebuttonbox .bds_weixin { background: url(../images/gbRes_2.png) no-repeat center;  background-size:20%; }
.bdsharebuttonbox .bds_sqq { background: url(../images/gbRes_3.png) no-repeat center center;  background-size:20%; }
.bdsharebuttonbox .bds_renren { background: url(../images/gbRes_1.png) no-repeat center center;  background-size:20%; }

/*Section*/
section#main{ display:inline-block; padding:0px 10px;}
.block_module{ margin-bottom:18px;}
.block_module h2{ padding:11px 12px;}
.paper_bh_white{ background-image:url(../images/paper_bh_white.png); background-repeat:repeat-x; background-position:center bottom; padding-bottom:8px;}
.content_container{ padding:12px 14px; display:block;}
.content_container a, .page a{ text-decoration:underline;}

/*Button*/
a.btn{ display:inline-block; line-height:100%; text-decoration:none;}
a.grey_bt_sml{ padding:5px 7px; background:url(../images/btn_grey_sml.png) repeat-x; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373;}
a.grey_bt_big{ padding:9px 14px 8px 34px; background:url(../images/btn_grey_big.png) repeat-x; font-size:15px; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373; position:relative;}
span.app{ display:inline-block; background:url(../images/app.png) no-repeat center; width:20px; height:22px; position:absolute; left:7px; top:5px;}


/*Hiring*/
section#main .hiring{ position:relative; }
section#main .hiring span.tape_stick{ display:block; width:72px; height:20px; background:url(../images/tape.png) no-repeat center; margin:-11px auto 0px auto;}
section#main .hiring img{ float:left; margin-right:3px;}
section#main .hiring a.grey_bt_sml{ position:absolute; right:10px; top:10px;}

/*Slideshow*/
#slideshow{ position:relative; margin-bottom:2rem; margin-top:5rem }
#slideshow ul li{ list-style:none;}

/**导航*/

.index-lead{}
.index-lead ul{ font-size: 0; text-align: center; width:100%; margin-left:1rem; float:left}
.index-lead ul li{width:33%; float:left; margin-bottom:0.5rem}
.topnavibox{ padding: 0.2rem; margin-left:0rem; border:1px solid #f2682b;width:5.5rem;  height:5.5rem; border-radius:50%}
.index-lead ul li a.lead2{background-color: #f2682b; width:5.5rem;  height:5.5rem; float:left;  color: #fff;  border-radius:50%; }
.index-lead ul li .juli{ height:0.8rem}
.index-lead ul li .img{ height:3.5rem; text-align:center;}
.index-lead ul li img{ height:3.5rem;}
.index-lead ul li .tex{  line-height:1.5rem; width:6.5rem; text-align:center; color:#333;font-size: 1.1rem;}
.index-lead ul li .tex .xz{ text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; width:6.5rem; overflow:hidden; height:2.4rem; line-height:2.4rem;  margin:0 auto;}




.homepodbox{ padding-bottom:2rem;}
.homepodbox .tm{ padding:0.5rem; color:#fff; background:#2e2e2e; font-size:1.3rem; text-align:center; line-height:2.5rem; font-weight:bold; margin-top:2rem;}
.homepodbox .tm span{    display: block;    background-color: #f2682b;    width:20%;   height: 1px;    margin:0 auto ;}
.homepodbox .toplist{ width:100%; height:2.5rem; margin:0.5rem 0rem;}
.homepodbox .toplist ul{ list-style:none; width:100%; float:left; padding:0px; margin:0px;}
.homepodbox .toplist ul li{ float:left; font-size:1.2rem; width:33%; line-height:2.5rem; text-align:center; background:#2e2e2e; margin-right:1px;}
.homepodbox .toplist ul li a{ color:#FFF}
.homepodbox .tmrx{background:url(../images/..jpg) left center repeat-x;}
.homepodbox .tmrx .tex{ width:30%; margin:0 auto; background:#FFF; text-align:center; color:#b51017; font-weight:bold; font-size:1.2rem}
.homepodbox .mm{ padding-top:2rem;}

/*滚动*/

.height20{ height:20px;}
.height10{ height:10px;}
.pordimg1{ width:100%; float:left;  padding:0px; text-align:center; vertical-align:middle; overflow:hidden;}

.pordimg1 img{ max-width:100%;}
.podname1{ width:100%; float:left; height:2.5rem; line-height:2.5rem; text-align:center; overflow:hidden; font-size:1.4rem}
.podname1 a{ color:#333333}


.slider { position: relative; width:100%;  margin: 0 auto;  -webkit-user-select: none; -khtml-user-select: none;    -moz-user-select: -moz-none;  -o-user-select: none;  user-select: none;}
.frame,.events_log {  position: relative;  width: 80%;  margin: 0 auto;  font-size: 0;  line-height: 0;  overflow: hidden;    white-space: nowrap;}
.frame li { position: relative;  display: inline-block;   text-align: center;
     }
.slides {  display: inline-block; padding:0px; margin:0px; width:100%; }
.simple li,.rewind li,.events li { width: 100%; }



.simple li:last-child,
.rewind li:last-child,
.events li:last-child,
.variablewidth li:last-child,
.multipleelements li:last-child,
.multislides li:last-child,
.ease li:last-child {
    margin-right: 0;
}

.prev, .next {  position: absolute;  top: 50%; margin-top: -2rem;  display: block; cursor: pointer;}

.next { right: 0;}

.prev {  left: 0;}

.next svg, .prev svg {  width: 2rem;}

.events_log {
    display: block;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    background-color: #fcfcfc;
    border: 1px solid #d2d2d2;
    margin-top: -20px;
    margin-bottom: 20px;
}

.events_log > span {    display: none;}

.events_log > span:nth-last-child(-n+5) {    display: block;}





.homecasebox{ margin-bottom:1rem}
.homecasebox .tm{ padding-bottom:1rem}
.homecasebox .tm .juli{ height:2rem}
.homecasebox .tm .tex1{ text-align:center; height:3rem; line-height:3rem; font-size:1.3rem; font-weight:bold; color:#fff; background:#2e2e2e}


.homecasebox .tm .tex2{ height:2rem; line-height:2rem}
.homecasebox .tm .tex2 .left{ height:2rem; width:20%; background:url(../images/tmbg.png) center repeat-x; float:left}
.homecasebox .tm .tex2 .right{ height:2rem; width:20%; background:url(../images/tmbg.png) center repeat-x; float:left}

.homecasebox .tm .tex2 .tex{ height:2rem; width:60%; font-size:1rem; float:left; text-align:center; color:rgba(51,51,51,0.6);}

.homecasebox .mm{}

.homecasebox .mm ul{ padding:0px; margin:0px; list-style:none; width:100%; float:left;}
.homecasebox .mm ul li{ width:50%; float:left; padding-bottom:1rem }
.homecaseimg{ width:90%;  float:left;margin-left:0.5rem ; overflow:hidden;}
.homecaseimg img{ width:100%; vertical-align:middle;}
.homecasename{ width:90%; height:3rem; line-height:3rem; text-align:center; float:left; background:rgba(151,151,151,0.5); font-size:1.2rem;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow:hidden; color:#CCC;margin-left:0.5rem}
.homecasename a{ color:#333;}


.homeyoushi{ background:url(../images/homebox3.jpg) center top no-repeat; width:100%; float:left;}
.inner{ width:98%; margin:0 auto;}
.homeyoushi .tm{ }
.homeyoushi .tm .juli{ height:0.2rem;}
.homeyoushi .tm .tex1{ font-size:2rem; line-height:3rem; font-weight:bold;text-align:center;color:rgba(255,255,255,0.8); }
.homeyoushi .tm .tex2{ font-size:1.2rem; text-align:center; border-bottom:1px solid #FFF; color:rgba(255,255,255,0.5); padding-bottom:0.2rem;}
.homeyoushi .tm .tex1 span{color:rgba(255,255,255,1);}
.ys{color:#f2682b;}
.homeyoushi .mm{ margin-top:1rem; }
.homeyoushi .mm ul{ padding:0px; margin:0px; list-style:none; width:95%;  margin:0.5rem auto;}

.homeyoushi .mm ul li{ float:left;  background-size:100% 100%; margin-bottom:1rem; padding-bottom:1rem; width:100%;}
.homeyoushi .mm ul li .img{ margin:1.2rem 0rem 0rem 0.8rem; float:left; width:15%; height:100%; display: inline-block}
.homeyoushi .mm ul li img{ width:100%; float:left;}
.homeyoushi .mm ul li .texbox{ color:#FFF; margin:1rem 0rem 0rem 0.8rem; float:left; width:78%;}
.homeyoushi .mm ul li .tex1{ font-size:1.8rem;}
.homeyoushi .mm ul li .tex2{ font-size:1.2rem;}
.youshi1{background:url(../images/s03-wen.png) left top no-repeat #f36c00; }
.youshi2{background:url(../images/s03-wen.png) left top no-repeat #31a3d1; }
.homeyoushi .mm ul li.youshi2 .img{ margin-top:2rem }
.youshi3{background:url(../images/s03-wen.png) left top no-repeat #0058ac; }
.homeyoushi .mm ul li.youshi3 .img{ margin-top:2rem }
.youshi4{background:url(../images/s03-wen.png) left top no-repeat #30c7a1; }
.homeyoushi .mm ul li.youshi4 .img{ margin-top:2rem }


/*Accordion*/
#accordion_menu{}
#accordion_menu h5{ background:url(../images/ac_default.png) repeat-x; padding:13px; color:#717c87;text-shadow: 0px 1px 0 #fff; line-height:100%; border-top:solid 1px #e4e7e9;}
#accordion_menu h5 span.arrow{ height:16px; width:15px; background:url(../images/accordion_arw.png) no-repeat center top; display:inline-block; float:right; cursor:pointer;}
#accordion_menu .ac_content{ padding:8px 13px;}
#accordion_menu .ac_content ul, #accordion_menu .ac_content ol{ list-style-position:inside;}
#accordion_menu .ac_content li{ padding:3px 0px;}
#accordion_menu h5.ui-state-active{ background:url(../images/ac_active.png) repeat-x; color:#fff;text-shadow: 0px 1px 0 #28558f; border-top-color:#44B996;}
#accordion_menu h5.ui-state-active span.arrow{ background-position:center -20px;}

/*Page*/
.page{ padding:15px 20px;}
.page h1{ padding:5px 0px 20px; margin-bottom:10px; background:url(../images/lines.png) repeat-x center bottom;}

/*Blog*/
.blog h1{ margin-bottom:0px;}
.blog h1 a{ text-decoration:none;}
.blog img{ background:#f4f4f4; padding:3px; border:solid 1px #dcdcdc; margin-bottom:10px; margin-right:10px; float:left;max-width:40%;}
.blog .post_date{color:#999999; font-size:11px; display:block; padding-bottom:5px;}
.blog .post_info{ padding:6px 0px 14px; background:url(../images/lines.png) repeat-x center bottom; line-height:100%; font-size:11px; margin-bottom:11px; line-height:17px;}
.blog .post_info .posted_by { width:165px; display:inline-block;}
.blog .post_info .posted_by a{ font-weight:bold; text-decoration:none;}
.blog .post_info a.comments{ float:right; padding-left:25px; background:url(../images/comment.png) no-repeat left center; text-decoration:none;}
.blog a.like{ display:block; float:right; padding:1px 22px 1px 0px; background:url(../images/like.png) no-repeat right 1px; text-decoration:none; color:#828282;}
.tags{ border-top:solid 1px #d9d9d9; margin-top:12px; padding:10px 0px; font-size:11px; clear:both; display:inline-block; width:100%;}
.tags ul{ display:inline-block;}
.tags ul li{ list-style:none; line-height:100%; padding:4px 5px; background-color:#e2e2e2; margin-left:10px; float:left;}
.tags ul li:first-child{ margin-left:0px;}
.tags span{float:left; padding-right:10px;}
.tags ul li a{ color:#4e4e4e; text-decoration:none;text-shadow: 0px 1px 0 #fff;}

/*Comment*/
#comments li{ list-style:none; padding:12px 13px; border-top:solid 1px #dddddd;}
#comments li.odd{ background-color:#f1f1f1;}
#comments li.even{ background-color:#ffffff;}
#comments li img{ float:left; margin:2px 15px 2px 0px;}
#comments li h5{ padding-bottom:5px;}
#comments li span{color:#a3a3a3; font-size:11px; display:block; text-align:right; padding-top:5px;}
#comments li h5 a{color:#000000; font-size:14px; padding-bottom:5px;}
#comments li .comment_body{ margin-left:62px;}

.comment_form{ background-color:#383f4b;}
.comment_form h2{ color:#fff; text-shadow: 0px 1px 0 #242424;}
#moby_form{ padding-bottom:10px;}
#moby_form li{ list-style:none; padding:5px 13px; text-align:right;}
#moby_form li input[type=text], #moby_form li input[type=email], #moby_form li textarea{ border:solid 1px #2d333d; padding:10px 0px 7px 0px; background:#e3e3e3; box-shadow: inset 0px 0 8px #626262; width:99%; font-size:13px; color:#8b8b8b; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-family:Arial, Helvetica, sans-serif; text-indent:8px;}
#moby_form li input[type=text]:focus, #moby_form li textarea:focus{ box-shadow: inset 0px 0 5px #fff; color:#333;}
#moby_form li input[type=submit]{ border:none; background:url(../images/submit.png) no-repeat left center; padding:7px 25px 5px 45px; font-size:14px; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #275d8c; color:#fff; line-height:100%; box-shadow: 0 1px 2px #2c2c2c; cursor:pointer; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#moby_form li input[type=submit]:active{box-shadow: 0 0px 2px #000; cursor:pointer; text-shadow: 0px 0px 1px #275d8c; color:#cee2f3;}

/*Contact*/
#contact{width:287px; display:inline-block;}
#contact li{ padding:13px 10px 13px 50px; border-top:solid 1px #ececec; list-style:none;}
#contact li.address{background:url(../images/location.png) no-repeat 10px 7px;}
#contact li.telephone{background:url(../images/telephone.png) no-repeat 10px 7px;}
#contact li.website{background:url(../images/website.png) no-repeat 10px 7px;}

/* Border Radius */
.block_module, .btn, .blog img, .tags ul li{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
/* Box Shadow */
.block_module{-moz-box-shadow: 0 0px 2px #989898;;-webkit-box-shadow:0 0px 2px #989898;;	box-shadow: 0 0px 2px #989898; display:inline-block; width:100%; }

	
/* Style for the contact form and status messages */

.statusMessage {
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}
.statusMessage {
  display: none;
  margin: auto;
  width: 80%;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}

#contactForm.positioned, .statusMessage {
  left: 5px;
  top: 50%;
}

.statusMessage {

  margin-top: -1em;
}
.subtoplistbox{ margin-top:5.5rem}
.subtoplistbox ul{ padding:0rem; margin:0rem; list-style:none}
.subtoplistbox ul li{ width:50%; float:left; height:3rem;}
.subtoplistbox ul li .subtopli{ width:99%; height:2.8rem; text-align:center; margin-left:0.15rem; line-height:2.8rem; background: rgba(102,102,102,0.5); font-size:1.2rem;}
.subtoplistbox ul li .subtopli a{ color:rgba(255,255,255,1)}
.subtoplistbox ul li .list2{ background:rgba(242,104,43,1)}

.subaboutbox{ padding-bottom:1rem;}
.subaboutbox .tm{ padding:1rem 0; text-align:center; font-size:1.5rem; color:rgba(51,51,51,0.8); border-bottom:1px dotted rgba(151,151,151,0.5); margin-bottom:0.5rem}
.subaboutbox .mm{ color:rgba(51,51,51,0.8); font-size:1.2rem}
.subaboutbox .mm p{ color:rgba(51,51,51,0.5); font-size:1.2rem; line-height:2rem}
.subaboutbox .mm img{ max-width:100%;}

.subpodbox{ padding-bottom:1rem;}
.subpodbox .tm{ padding:1rem 0; text-align:center; font-size:1.5rem; color:rgba(51,51,51,0.8); border-bottom:1px dotted rgba(151,151,151,0.5); margin-bottom:0.5rem}
.subpodbox .mm ul{ padding:0px; margin:0px; list-style:none; width:100%; float:left;}
.subpodbox .mm ul li{ width:50%; float:left; padding-bottom:1rem }

.subpodnrbox{ padding-bottom:1rem;}
.subpodnrbox .tm{ padding:1rem 0; text-align:center; font-size:1.5rem; color:rgba(51,51,51,0.8); border-bottom:1px dotted rgba(151,151,151,0.5); margin-bottom:0.5rem}
.subxxtm{ margin-top:1rem; height:3rem; background:rgba(218,36,26,1); text-align:center; line-height:3rem; font-size:1.5rem; font-weight:bold; color:rgba(255,255,255,0.8)}
.editor{ font-size:1.2rem; color:rgba(51,51,51,0.6); line-height:2rem; border:1px dotted rgba(151,151,151,0.2); padding:0.5rem; margin-top:0.3rem; margin-bottom:0.3rem}
.editor img{ max-width:100%;}
.met_page{ width:100%; padding-bottom:1rem; float:left; text-align:left; color:rgba(51,51,51,0.6)}

.met_page .prev2{ width:100%; height:2rem; line-height:2rem; font-size:1.2rem; overflow:hidden;background:rgba(102,102,102,0.4); margin-bottom:0.2rem; float:left;}
.met_page .prev2 .left{ float:left; width:20%;}
.met_page .prev2 a{ width:80%; float:right;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.met_page .next2{width:100%; height:2rem; line-height:2rem; font-size:1.2rem; overflow:hidden; background:rgba(102,102,102,0.4);float:left;}
.met_page .next2 .left{ float:left; width:20%;}
.met_page .next2 a{ width:80%; float:right;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;  }

.subnewsbox{ padding-bottom:1rem;}
.subnewsbox .tm{ padding:1rem 0; text-align:center; font-size:1.5rem; color:rgba(151,151,151,0.8); border-bottom:1px dotted rgba(151,151,151,0.5); margin-bottom:0.5rem}
.subnewsbox .mm{ padding-bottom:1rem; float:left;}
.subnewsbox .mm ul{ padding:0px; margin:0px; list-style:none}
.subnewsbox .mm ul li{ float:left; width:100%; padding:1rem 0; border-bottom:1px dotted rgba(151,151,151,0.5)}
.subnewtexbox{  padding:0.3rem; height:7.1rem; border:1px solid rgba(204,204,204,0.5)}
.subnewtexbox .left{ width:25%; float:left;background:rgba(204,204,204,0.5); height:7rem;}
.subnewtexbox .left img{ width:100%; height:100%; float:left;}
.subnewtexbox .left .tex1{ width:100%; height:5rem;  line-height:5rem; text-align:center; font-size:3rem; color:#FFF}
.subnewtexbox .left .tex2{ height:2rem; font-size:1rem; color:#FFF; line-height:2rem; text-align:center}
.subnewtexbox .right{ width:73%; float:right;}
.subnewtexbox .right .tex1{ line-height:3rem; font-size:1.5rem; color:#333;-webkit-line-clamp: 1; -webkit-box-orient: vertical; height:3rem;  }
.subnewtexbox .right .tex1 a{ display:block; height:3rem; float:left; overflow:hidden; text-align:left;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.subnewtexbox .right .tex2{ line-height:2rem; font-size:1rem; color:#999;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; height:4rem; overflow:hidden;}

.subnewnrbox .tm{ padding:1rem 0; text-align:center; font-size:1.5rem; color:rgba(51,51,51,0.8); border-bottom:1px dotted rgba(151,151,151,0.5); margin-bottom:0.5rem}
.subnewnrbox .mm{ border:1px dotted rgba(151,151,151,0.4); padding:0.3rem; margin-bottom:0.5rem; color:rgba(51,51,51,0.5); font-size:1rem; line-height:2rem;}
.subnewnrbox .mm p img{ max-width:100%;}

.sjliuyanbox .tm{ padding:1rem 0; text-align:center; font-size:1.5rem; color:rgba(51,51,51,0.8); border-bottom:1px dotted rgba(151,151,151,0.5); margin-bottom:0.5rem}
.sjliuyanbox .mm{ padding-bottom:1rem; float:left;}

.sjliuyanbox .mm ul { padding:0px; margin:0px; list-style:none}
.sjliuyanbox .mm ul li{ padding-bottom:1rem; float:left;}
.info{ color:#F00}
.sjliuyanbox .mm ul li.lylist1{ width:100%;}
.sjliuyanbox .mm ul li.lylist1 .left{ width:20%; float:left; font-size:1.5rem; line-height:3rem; color:rgba(51,51,51,0.6)}
.sjliuyanbox .mm ul li.lylist1 .left2{ width:16%; float:left; font-size:1.5rem; line-height:3rem;  color:rgba(51,51,51,0.6)}
.sjliuyanbox .mm ul li.lylist1 .right{ width:75%; float:left;}
.sjliuyanbox .mm ul li.lylist1 .right input{  width:90%; float:left; border:1px dotted rgba(204,204,204,0.2); background:rgba(102,102,102,0.3); padding:0.5rem; color:rgba(204,204,204,0.87)}
.sjliuyanbox .mm ul li.lylist2{ width:100%; float:left;}
.sjliuyanbox .mm ul li.lylist2 .left{  width:20%;  float:left; font-size:1.3rem; line-height:5rem; color:rgba(51,51,51,0.6)}
.sjliuyanbox .mm ul li.lylist2 .right{ width:75%; float:left; text-align:left }
.sjliuyanbox .mm ul li.lylist2 .right textarea{resize:none; border:1px dotted rgba(204,204,204,0.2); background:rgba(102,102,102,0.3); padding:0.5rem; color:rgba(204,204,204,0.87)}



.sjliuyanbox .mm ul li.lylist3{ width:100%; float:left;}
.sjliuyanbox .mm ul li.lylist3 .left{  width:25%; float:left; font-size:1.3rem; line-height:3rem; color:rgba(51,51,51,0.6)}
.sjliuyanbox .mm ul li.lylist3 .right{width:75%; float:left; text-align:left}
.sjliuyanbox .mm ul li.lylist3 .right input{ border:1px dotted rgba(204,204,204,0.2); background:rgba(102,102,102,0.3); padding:0.5rem; color:rgba(204,204,204,0.87);width:30%;}

.sjliuyanbox .mm .tj{ width:30%; float:left; text-align:center; padding:10px 0px;}
.sjliuyanbox .mm ul li textarea,input{ font-size:1rem; font-family:"微软雅黑"; color:rgba(0,0,0,0.8)}


.sjliuyanbox .mm ul li.lylist4{ width:100%; float:left; border-bottom:1px solid #f2f2f2; padding-top:0.5rem; margin-bottom:0.3rem;}
.sjliuyanbox .mm ul li.lylist4 .left{  width:16%;  float:left; font-size:1.3rem;  color:rgba(51,51,51,0.6)}
.sjliuyanbox .mm ul li.lylist4 .right{ width:75%; float:left; text-align:left }
.sjliuyanbox .mm ul li.lylist4 .right textarea{resize:none; border:1px dotted rgba(204,204,204,0.2); background:rgba(102,102,102,0.3); padding:0.5rem; color:rgba(204,204,204,0.87)}



.podimg{ width:90%;  float:left;margin-left:0.5rem ; overflow:hidden;}
.podimg img{ width:100%; vertical-align:middle;}
.podname{ width:90%; height:3rem; line-height:3rem; text-align:center; float:left; background:rgba(151,151,151,0.5); font-size:1.2rem;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow:hidden; color:#CCC;margin-left:0.5rem}
.podname a{ color:#333;}