*{ margin:0; padding:0; border:0; list-style:none;}
.w90 { width:90%; height:auto; overflow:hidden; margin:0 auto;}
a { color:#ccc;}

html { -webkit-font-smoothing: antialiased; }

body, html {background: #232323;color: #ccc;font-family: "΢ÈíÑźÚ", "ËÎÌå", Arial;font-size: 12px;line-height: 18px;height: 100%;margin: 0;padding: 0;text-align: left;-webkit-text-size-adjust: none; } 
header, nav, section, aside, footer { display: block !important; }

#wrapper {
	margin: 0 auto;
    position: relative;
	width: 100%;

	padding-top:70px;
}

/*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*/



/*Header*/
header{ width:100%; padding-top:53px;}
/*Navigation*/
header ul.navigation{background:url(../images/nav_bg.png) repeat; width:100%; height:52px; border-bottom:3px solid #43B796; position:fixed; top:0px; z-index:2;}
header ul.navigation > li{ list-style:none; text-align:center; float:left;  margin-left:1px; position:relative; width:20%; min-width:63px; }
header ul.navigation li:first-child{ margin-left:10px;}
header ul.navigation li a{ display:block; width:auto; min-width:52px; height:40px; padding:6px 2px; line-height:100%; font-size:12px; color:#202020; text-shadow: 1px 1px 0 #636363; background:url(../images/nav_item_default.png) repeat-x; font-family:'MgOpenModataRegular'; font-weight:bold; letter-spacing:1px;}
header ul.navigation li.active a{background:url(../images/nav_item_active.png) repeat-x; color:#f6f9fd;text-shadow: 1px 1px 0 #33A285;}
header ul.navigation li.nav_search{ background:none; width:32px; float:right; margin:10px 6px 10px 0px; min-width:inherit;}
header ul.navigation li.nav_search a{background-image:url(../images/nav_icons.png); background-position: -671px -1px; width:25px; height:20px;}
header ul.navigation li.nav_search a:active{background-position: -671px -69px;}
header ul.navigation li span.nav_icon{ display:block; width:50px; height:25px;  clear:both; background-image:url(../images/nav_icons.png); margin:auto; padding-bottom:2px;}
header ul.navigation li span.home{background-position: -3px -5px}
header ul.navigation li span.about{background-position: -74px -5px}
header ul.navigation li span.blog{background-position: -153px -5px}
header ul.navigation li span.contact{background-position: -235px -5px}
header ul.navigation li.active span.home{background-position: -3px -73px}
header ul.navigation li.active span.about{background-position: -74px -73px}
header ul.navigation li.active span.blog{background-position: -153px -73px}
header ul.navigation li.active span.contact{background-position: -235px -73px}
/*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;}
/*Footer*/


/*Section*/
section#main{ height:auto; overflow:hidden; padding:0px 10px;}


/*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;}


/*Slideshow*/
#slideshow{ background-color:#f1f1f1;position:relative;padding-bottom:7px; margin-bottom:38px;}
#slideshow ul li{ list-style:none;}
/*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*/


/*Blog*/


.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;
}






footer{ padding:0 0 60px 0; color:#bab9b9;}
ul.footer_nav{ width:100%;}
ul.footer_nav li{ float:left; padding:0px 8px; border-left:solid 1px #bab9b9; list-style:none;line-height:100%;}
ul.footer_nav li:first-child{ padding-left:0px; border-left:none;}
ul.footer_nav li a{ color:#bab9b9; text-shadow: 1px 1px 0 #fff;}

.wxcode{text-align:center; padding:20px 0 10px 0;}
.wxcode img{ width:120px; padding:10px;}

.copyright { text-align:center;}
.copyright a{ color:#bab9b9;}


/*__________________________________________________________________ diy __________________________________________________________________*/

.menub { height:40px; background:rgba(0,0,0,.95); position:fixed; z-index:200; bottom:0; left:0; box-shadow:0 0 4px #000;}
.menub li{ width:33%; height:38px; float:left; padding:1px 0;}

.menub a{ height:38px; text-align:center; display:block; color:#ccc; text-align:center; font-size:14px;}
.menub a:hover{ }
.menub a i{ width:50px; height:38px; line-height:38px; display:inline-table; margin:0 auto; text-align:right; font-size:14px;}

.menub a.mserach {}
.menub a.mserach i{ background:url(../img/mserach.svg) left 11px no-repeat; }

.menub a.mbuy { background:url(../img/s1x30.svg) left 9px no-repeat; }
.menub a.mbuy i{ background:url(../img/buy.svg) left 11px no-repeat; }

.menub a.mmap { background:url(../img/s1x30.svg) left 9px no-repeat; }
.menub a.mmap i{ background:url(../img/map.svg) left 9px no-repeat; }

.swiper-slide { background:#222; color: #fff; text-align: center; }
.swiper-slide img { width:auto; max-width:100%;}

.main0 { color:#999;}

.title h2{ font-size:16px; line-height:22px; text-align:center; padding:25px 0; color:#ffc000; background:url(../img/line.svg) center 52px no-repeat;}

.recworklist { text-align:center; width:96%; height:auto; overflow:hidden; margin:0 auto; background:#333; border-radius:5px; margin-bottom:10px;}
.recworklist a{color:#999; height:auto; overflow:hidden; padding:30px 0 20px 0; display:block;}
.recworklist .img{ width:100%; text-align:center; padding:0 0 15px 0;}
.recworklist .img img{ width:auto; max-width:90%;}
.recworklist .cnt{}
.recworklist .cnt h3{ font-size:14px; line-height:14px; padding:0 0 5px 0; color:#ccc;}
.recworklist .cnt span{}
.recworklist .cnt .r11{}
.recworklist .cnt .r12{}
.recworklist .cnt .r13{}


.main3 { text-align:center;padding:25px 0;}
.main3 .search_i {}
.main3 .search_i1 {font-size:14px; line-height:22px; text-align:center; color:#fff; padding-bottom:5px; }
.main3 .search_i2 { width:80%; height:40px;border:1px solid #444;border-radius:20px; margin:0 auto; overflow:hidden;}
.main3 .searchInput { width:84%; height:40px; line-height:30px;  color:#ccc; font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial; text-indent:1em; background:#222; border-radius:20px; float:left; border:none;}
.main3 .searchInput:hover{ text-decoration:none;}
.main3 .searchBtn { width:15%; height:40px; background:url(../img/Icons_Search.svg) right center no-repeat; border-radius:20px; float:right; border:none; }
.main3 .search_i3 { color:#999; padding-top:5px}
.main3 .search_i3 a { color:#ccc;}

.ysjlist li { text-align:center; width:48%; height:auto; overflow:hidden; background:#333; border-radius:5px; margin:6px 1%; float:left; display:inline-table;}
.ysjlist a{color:#999; height:auto; overflow:hidden; padding:10px 0 15px 0; display:block;}
.ysjlist .img{ width:100%; text-align:center; padding:0 0 5px 0;}
.ysjlist .img img{ width:auto; max-width:90%;}
.ysjlist .ysjinfo{ width:90%; margin:0 auto;}
.ysjlist .ysjinfo span{ font-size:14px; line-height:20px; color:#ccc;}
.ysjlist .ysjinfo span.sp2{ font-size:12px; color:#999; padding-left:5px;}
.getysj { padding:10px 0;}
.getysj a{ background:#eee; width:210px; height:40px; line-height:40px; border-radius:25px; text-align:center; display:block; margin:0 auto; font-size:18px; border:5px solid #333; color:#333; }
.getysj a:hover{ background:#ffc000; color:#000;}


/*  newslist  */

.newslist { width:100%; height:auto; overflow:hidden; background:#333; color:#ccc; margin-bottom:15px; border-radius:5px;}
.newslist a{ color:#ccc;}

.post_numb { float:right;}

.page{ padding:15px 20px; height:auto; overflow:hidden;}
.page h1{ padding:5px 0px 10px; margin-bottom:10px; border-bottom:1px solid #666; font-size:16px; color:#ffc000;}

.blog { font-size:12px;}
.blog a{ display:block;}

.blog img{ background:#333; padding:3px; border:solid 1px #444; margin:0 10px 8px 0; float:left;max-width:40%;}

.blog .post_info{ padding:6px 0px 14px; line-height:100%; font-size:12px; margin-bottom:10px; line-height:18px; color:#999;}

.blog .post_info{ line-height:20px; display:block;}
.post_numb{ padding-left:15px; background:url(../img/Icons_View.svg) left 5px no-repeat; background-size:12px;}


.blog a p{ color:#999;}


.pagenavi1{ padding:60px 0; color:#fff; text-align:center;}
.pagenavi1 span{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#ccc; background:#666;}
.pagenavi1 a{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#333; background:#eee;transition:background 0.3s linear,color 0.3s linear;}
.pagenavi1 a:hover{ background:#ffc000; color:#000;}

/*  newsdetail */
.newsdetail { background:#333; color:#eee; margin:10px auto; padding:0 0 30px 0; border-radius:5px; box-shadow:0 0 3px #666; }
.newsdetail h1.title{ color:#ffc000; padding:5px 0 15px 0;}
.newsdetail .info{ color:#CCC;}
.newsdetail .info img{ width:auto; max-width:100%; margin:10px 0;}
.newsdetail .info p{ margin-bottom:10px;}
.post_date { text-align:left; color:#555;}
.met_page { padding:15px 0; color:#CCC;}
.met_page a{ color:#CCC;}
.met_page_l { width:35%; height:auto; overflow:hidden; padding:10px 30px 10px 10px; background:url(../img/Icons_Left_Arrow.svg) right 10px no-repeat #333; float:left; display:inline; background-size:20px; border-radius:4px;}
.met_page_r { width:35%; height:auto; overflow:hidden; padding:10px 10px 10px 30px; background:url(../img/Icons_Right_Arrow.svg) left 10px no-repeat #333; float:right; display:inline; background-size:20px; border-radius:4px;}



/* search */

.searchbox { text-align:center; padding:0 0 20px 0; }
.searchInput2 { width:60%; height:40px; line-height:40px; font-size:12px; border:1px solid #999; text-indent:5px; color:#666; text-align:left; vertical-align:bottom; border-radius:3px; }
.searchsub2 { width:62px; height:42px; line-height:42px; font-size:12px; color:#604300; text-align:center;border:1px solid #dea025; vertical-align:bottom; border-radius:3px;

    background: -webkit-gradient(linear, left top, left bottom, from(#fecf01), to(#dea025));
    background: linear-gradient(#fecf01, #dea025);
}



#searchbox_bg { width:100%; background:rgba(0,0,0,.9); position:fixed; z-index:300; left:0; top:0;}
.searchbox_close{ width:30px; height:30px; background:url(../img/serachclose.svg) center top no-repeat; background-size:30px; display:block; float:right; margin:10px;}
#searchbox{ text-align:center; position:absolute; top:50%; margin-top:-20px; z-index:310;}