html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1;
	font-family:微软雅黑;
}
#firsti_img {  display:none;
  }

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
    display: block;
}
.divclear { clear:both;visibility:hidden;line-height:0px; height:0px;font-size:0;}
nav ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

ul ul {
    list-style: circle;
}

li{
	list-style:none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

mark {
    background: none;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

input[type=submit], input[type=button], button {
    margin: 0!important;
    padding: 0!important;
}

input, select, a img {
    vertical-align: middle;
}


a {
    behavior: url(../common/link.htc);
    text-decoration: none;
    color: #666;
    blr: expression(this.onFocus=this.blur());
    -moz-outline: none;
}

.cfx:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

* html .cfx {
    height: 1px;
}

* + html .cfx {
    min-height: 1px;
}

* html, * html body {
    _background-image: url(about:blank);
    _background-attachment: fixed; /* */
}


.content_main{
    padding: 0 40px 40px;
}

#header {
    width: 100%;
    background: #333;
}

#header .topbar {
    width: 100%;
    text-align: center;
    height: 67px;
    font: normal 18px/67px 'microsoft yahei', tahoma, arial, sans-serif;
    color: #fff;
    background: #13acba;
    letter-spacing: 1px;
    /*min-width:1003px;*/
}


#title {
  margin: 45px 0 30px;
  position:relative;
}

#title h1 span {
    display: block;
    width: 340px;
    height: 66px;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/logo.png) no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png",sizingMethod="crop");
}

#title .state {
    text-align: right;
    overflow: hidden;
    font: normal 20px/1 'microsoft yahei', tahoma, arial, sans-serif;
    color: #11adbb;
    height: 20px;
	position:absolute;
	bottom:5px;
	right:0;
}


#loading {
    display: none;
    position: absolute;
    top: 180px;
    left: 46%;
}

#loading em {
    position: absolute;
    left: 20px;
    font: 10px/1.5 arial, sans-serif;
}

#content {
    margin: 0 ;
}

#Details {
    position: relative;
    padding: 5px 0 10px;
    min-height: 600px;
    background: #dedede;
    text-align: center;
    _height: 600px;
}

#Details img {
	width:1006px;
    margin-bottom: 8px;
}

#Details .prompt {
    margin-top: 300px;
    font-size: 14px;
    color: #858a8e;
}

#Introduction {
    position: relative;
    padding: 47px 0 0 5px;
    min-height: 346px;
    background: #f2f2f2;
    _height: 346px;
    line-height: 20px;
}

#Introduction h2 {
    font-size: 16px;
    color: #4b4b4b;
    font-family: Arial;
}

#Introduction h2 span {
    font-size: 14px;
    font-weight: normal;
}

#Introduction span {
    font-size: 12px;
    color: #858a8e;
	font-family:Arial, Helvetica, sans-serif;
}

#Introduction h3 {
    padding: 150px 0 0 0;
}

.item_main {
    width: 1006px;
    margin: 0 auto;
    padding:0;
}

.share_main{
    width: 1006px;
    left: 50%;
    height: 20px;
    position: absolute;
    bottom: 40px;
	margin-left:-503px;
    z-index: 9;
}
#jiathis_style {
	float:left;
    height: 20px;
}

.goodview_main {
    position: relative;
    top: -3px;
    float: right;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

#goodview a {
    margin-right: 38px;
    font-size: 12px;
    color: #4b4b4b;
    vertical-align: middle;
}

#site {
    width: 1003px;
    left: 50%;
    margin-left: -501px;
    height: 20px;
    position: absolute;
    bottom: 70px;
}

#site a {
    font-size: 14px;
}

#Bottom {
    background: #f2f2f2;
    text-align: center;
    min-width: 1006px;
}

#Bottom ul {
    list-style: none;
}

#button {
    width: 1006px;
    margin: 0 auto;
}

#button ul li {
    float: left;
    width: 334px;
    height: 75px;
    border: 1px solid #dedede; 
    border-top: 0px;
    border-right: 0px;
}

#button ul li a {
    margin-top: 30px;
    display: block;
}

#button .button-next {
   border-right: 1px solid #dedede; 
}

#thumbnail {
    width: 1006px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}

#thumbnail ul li {
    float: left;
    width: 334px;
    height: 183px;
    padding: 21px 0;
    border-left: 1px solid #dedede;
    position: relative;
}

#thumbnail .button-next {
   border-right: 1px solid #dedede; 

}

#thumbnail a span {
    display: none;
    position: absolute;
    top: 50%;
    width: 282px;
    left:50%;
    margin-left:-141px;
    text-align: center;
    margin-top: -6px;
    color: #FFF;
}
#thumbnail a:hover{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#11adbb;
}

#thumbnail li img{width:292px;height:183px}

#thumbnail a:hover img {
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#thumbnail a:hover span {
    display: block;
}


#grid {
    min-width: 600px;
}

#grid .touch {
    display: block;
    zoom: 1;
    opacity: 0;
}

#grid .item {
    position: relative;
    display: inline;
    float: left;
    width: 20%;
    height: 400px;
    overflow: hidden;
    background: #f2f2f2;
}
#grid .item .reservedImg{
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:100%;
}
#grid .item .imgMask{
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
}
#grid .item img {
    margin: 0 auto;
}

#grid .item.bigimage {
    width: 40%;
}

#grid .item.textblock {
    background: #333;
    color: #fff;
}

#grid .item.textblock .content {
    padding: 20px;
    height: 400px;
}

#grid .item.textblock .content:hover {
    background: #11adbb;
}

#grid .item.textblock h3 {
    font: 30px/1.2 tahoma, arial, sans-serif;
}

#grid .item.textblock h3 em {
    display: block;
    font: 14px/1.5 'microsoft yahei', arial, sans-serif;
}

#grid .item.textblock .text {
    position: absolute;
    bottom: 30px;
    display: block;
    font: 14px/1.5 arial, sans-serif;
}

#grid .item.textblock .more {
    position: absolute;
    bottom: 20px;
    right: 10px;
    font: 14px/1.5 arial, sans-serif;
}

#grid .item.textblock .more a {
    color: #FFF;
}

#grid .item .touch {
    cursor: pointer;
}

#grid .item .info {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding: 30px 20px;
    height: 52px;
    overflow: hidden;
    background-color: #333;
    font-size: 14px;
    font-family: Arial;
    color: #fff;
}

#grid .item .info span {
    font-size: 14px;
    font-family: 宋体;
}

#grid .item .text {
    margin-top: 5px;
}

#grid .item .infobg {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 112px;
    background-color: #000;
    opacity: 0.4;
}

#grid .item .rollover {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border: 10px solid #e3e3e3;*/
    display: none;
	transition:0.5s ; -o-transition:0.5s ; -ms-transition:0.5s ; -moz-transition:0.5s ; -webkit-transition:0.5s ;
}

#grid .item .arrow {
    position: absolute;
    z-index: 3;
    right: 6%;
    bottom: 34px;
    width: 17px;
    height: 34px;
    overflow: hidden;
    background: url(../images/arrow.png) no-repeat 0 0;
    cursor: pointer;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/arrow.png",sizingMethod="crop");
}

/*#grid .item:hover .rollover {
    display: inline;
}*/
#grid .grayImg{
 -webkit-filter: grayscale(100%); 
 -moz-filter: grayscale(100%); 
 -ms-filter: grayscale(100%); 
 -o-filter: grayscale(100%); 
 filter: grayscale(100%); 
 filter: gray; 		
 transition:0.5s ; -o-transition:0.5s ; -ms-transition:0.5s ; -moz-transition:0.5s ; -webkit-transition:0.5s ;
}

#pages {
    width: 20%;
}

#pages #loadmore {
    position: relative;
    display: block;
    padding-left: 35px;
    height: 84px;
    background: #232323;
    font: 14px/84px tahoma, arial, sans-serif;
    color: #fff;
    cursor: pointer;
}

#pages #loadmore:hover {
    background: #a7a7a7;
}

#pages #loadmore i {
    position: absolute;
    z-index: 3;
    right: 10%;
    top: 24px;
    width: 18px;
    height: 34px;
    overflow: hidden;
    background: url(../images/arrow.png) no-repeat 0 0;
    cursor: pointer;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/arrow.png",sizingMethod="crop");
}

#main_conten{
	margin:0 40px;
}

.footer{ width:100%; height:1px;}

.loadMore p {
	width:100%;
	height: 32px;
	background:url(../images/moreitem.gif) center center no-repeat;
	margin: 50px 0 0;
}
.titleline{
	border-bottom: 2px solid #fff;
	border-top: 8px solid #fff;	
	padding: 25px 0 10px 0;
	font-size:48px;
	color:#fff;
	}
.case{
	width: 25%;
    float: left;
    line-height: 35px;
    padding: 40px 0;
    font-size: 20px;
	}
	
.zwlist {
margin: 63px 0;
   }
.zwlist ul {
      margin: 0 -20px;
      overflow: hidden;

   }
.zwlist ul li {
      float: left;
      box-sizing:border-box;
      width:14.28%; 
	  padding: 0 20px;
}
.zwlist ul li img{
width:100%;
}
#zwlise_display{display:none;}

.xxlist {
/*width:calc(100% + 12px); */
margin-top: 4px;
   }
.xxlist ul {
      margin: 0 -2px;
      overflow: hidden;

   }



.xxlist ul li {
      margin-bottom: 2px;
      float: left;
      box-sizing:border-box;
      width:33.33%; 
	  padding: 0 2px;
}
.xxlist ul li img{
width:100%;
}



/*首页底部联系我们样式*/


#footer_contact_index {
    font-family: Microsoft YaHei;
    position: relative;
    padding: 60px 40px 40px;
    background: #dcf3f5;
    color: #11adbb;
}

#footer_contact_index #list1 {
	line-height: 35px;
	font-size:30px;
	float:left;
	width:20%;
}

#footer_contact_index #list2 {
	line-height: 25px;
	font-size: 20px;
	float: left;
	width: 20%;
	font-weight: bold;
}

#footer_contact_index a {
    color: #11adbb;
}

#footer_contact_index #list3{
	line-height: 30px;
	font-size:20px;
	float:left;
	width:40%;}
#footer_contact_index #list4{
	line-height: 35px;
	font-size:28px;
	float:left;
	text-align:right;
	width:20%;}




#footer_contact_index #line {

    	border-top: 2px solid #11adbb;
	border-bottom: 8px solid #11adbb;

	padding: 30px 0;
}

#footer_contact_index #beian {
    font-size: 12px;
    margin-top: 10px;
    color: #999;
}

#footer_contact_index .clear {
    clear:both;

}

#footer_contact_index .links {
    border-top: 1px solid #ace5df;
    color:#55cdcc;
    width:100%;
       margin: 30px 0 0;
    font-size:14px;
 display:inline-block;
}

#footer_contact_index .links .links_title{

    margin-top:15px;


  
}

#footer_contact_index .links .links_list  .links_item{
      margin-top:15px;
    float:left;
    margin-right:20px;

  
}

#footer_contact_index .links .links_list  .links_item a{
   color:#55cdcc;

  
}



@media (max-width: 1086px) {
    #footer_contact_index {
        padding: 30px 20px 40px;
    }

    #footer_contact_index #line {
   
        border-top: 1px solid #11adbb;
        border-bottom: 3px solid #11adbb;
    }

    #footer_contact_index #list1, #footer_contact_index #list2 {
        width: 50%;
        padding-bottom: 20px;
    }

    #footer_contact_index #list3, #footer_contact_index #list4 {
        width: 100%;
        padding-bottom: 20px;
    }

}

@media (max-width: 750px) {
    #footer_contact_index {
        padding: 30px 15px 20px;
    }

    #footer_contact_index #line {
      
        border-top: 1px solid #11adbb;
        border-bottom: 3px solid #11adbb;
    }

    #footer_contact_index #list1 {
    width: 100%;
    line-height: 23px;
    font-size: 20px;
    padding-bottom: 20px;
    }

    #footer_contact_index #list2 {
width: 100%;
    line-height: 18px;
    font-size: 15px;
    padding-bottom: 20px;
    }

    #footer_contact_index #list3 {
          width: 100%;
    line-height: 17px;
    font-size: 14px;
    padding-bottom: 20px;
    }

  #footer_contact_index #list4 {
    width: 100%;
    font-size: 18px;
    text-align: left;
    }
}

#firsti_img {
    width: 0;
    height: 0;
}
.news_Show {
    margin: 20px auto;
    padding: 0 5px;
}

.show_Title {
    padding-right: 0;
    padding-top: 20px;
    position: relative;
}

.show_Title h1 {
    font-size: 20px;
    color: #242424;
}

.show_Title p {
    font-size: 12px;
    color: #b7b7b7;
    padding: 10px 0 20px;
}

.show_Text {
    color: #666;
    line-height: 24px;
    font-size: 13px;
}

.show_Text img {
    width: 100%;
}

.pageUD .page_pgn {
    position: relative;
    padding-left: 55px;
    font-size: 14px;
    line-height: 24px;
}

.pageUD .page_pgn p {
    position: absolute;
    top: 0;
    left: 0;
    color: #545454;
}

.pageUD .page_pgn a {
    color: #a5a5a5;
}

.pageUD .page_pgn a:hover {
    color: #000;
}

.pageUD .goBack {
    display: block;
    width: 102px;
    height: 35px;
    margin-top: 10px;
    line-height: 35px;
    text-align: center;
    background-color: #32363e;
    color: #fff;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.pageUD .goBack:hover {
    background-color: #000;
}

.networksize {
    font-size: 12px;
    font-family: "'Microsoft YaHei',arial,tahoma,\5B8B\4F53,sans-serif";
}

/*首页底部联系我们样式结束*/
.news_wrapper {
    padding:15px 5px;
}

.news_wrapper .newsItem {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.newsItem .news_img img {
    width: 100%;
}

.newsItem .news_txt {
    margin-top: 15px;
}

.newsItem .news_txt .n_title {
    color: #444;
    font-size: 18px;
    line-height: 24px;
}

.newsItem .news_txt .n_subtitle {
    margin-top: 10px;
    line-height: 18px;
    font-size: 12px;
    color: #444;
}

.loadMore {
    position: relative;
    text-align: center;
    font-size: 0;
}
.loadMore p {
    color: #333;
    padding: 30px 0 15px;
    background: url(data:image/gif;base64,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) center 15px no-repeat;
}

.loadMore .nomore, .loadMore p {
    font-size: 14px;
    text-align: center;
}	




#footer_contact {
    position: relative;
    padding: 60px 67px;
    background: #dcf3f5;
	color: #11adbb;
    /*min-width:600px;*/
}

#footer_contact #list1{
	line-height: 35px;
	font-size:30px;
	float:left;
	width:20%;

}
#footer_contact #list2{
	line-height: 25px;
	font-size: 20px;
	float: left;
	width: 20%;
	font-weight: bold;
}
#footer_contact #list3{
	line-height: 30px;
	font-size:20px;
	float:left;
	width:40%;}
#footer_contact #list4{
	line-height: 35px;
	font-size:28px;
	float:left;
	text-align:right;
	width:20%;}
#footer_contact #line{
	border-top: 2px solid #11adbb;
	border-bottom: 8px solid #11adbb;
	height:120px;
	padding: 30px 0;
	}
#top {
    position: relative;
    padding: 60px 67px 50px;
    background: #11adbb;
    /*min-width:600px;*/
}
#top #about {
    color: #fff;
    line-height: 35px;
    font-size: 20px;
}

#top #about h2 {
    padding-bottom: 30px;
   /* border-bottom: 1px solid #78c6cd;*/
    font: 90px/1 'microsoft yahei';
    color: #fff;
}

#top #about h2 span {
    font: 40px/1 'microsoft yahei';   
}

#footer {
    position: relative;
    padding: 60px 67px 40px;
    min-height: 1350px;
    background: #11adbb;
    /*min-width:600px;*/
}

#footer .env {
    position: absolute;
    top: 155px;
    right: 130px;
    width: 514px;
    height: 424px;
}



#footer #about p {
    line-height: 25px;
font-size: 20px;
}
#footer #logo_wall{
	margin-top:120px;
}

#footer #logo_wall h2{
    padding-bottom: 30px;
    border-bottom: 1px solid #78c6cd;
    font: bold 48px/1 tahoma, arial, sans-serif;
    color: #fff;
}

#footer #logo_wall h2 span {
	display:block;
	padding-top:5px;
    font: 18px/1 arial, sans-serif;
    color: #cfeff1;
}

#footer #logo_wall ul{
	margin-top:25px;
	clear:both;
	overflow:hidden;
}

#footer #logo_wall li{
	width:113px;
	height:78px;
	margin:10px 5px;
	float:left;
}

#footer #logo_wall li img{
	width:113px;
	height:78px;
}

#footer #contact {
    margin-top: 50px;
   /* width: 550px; */
    color: #cfeff1;
}

#footer #contact a {
    color: #cfeff1;
}

#footer #contact a:hover {
    text-decoration: underline;
}

#footer #contact h2 {
    padding-bottom: 30px;
    border-bottom: 1px solid #78c6cd;
    font: bold 48px/1 tahoma, arial, sans-serif;
    color: #fff;
}

#footer #contact h3 {
	padding-top:20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
}

#footer #contact p {
    font: 12px/22px arial, sans-serif;
}

#footer #support {
    margin-top: 30px;
    font-size: 14px;
}

#footer #support a {
    color: #333;
}

#footer #support a:hover {
    text-decoration: underline;
}

#footer #support dl {
    display: inline;
    float: left;
    margin-right: 50px;
}

#footer #support dl dt {
    padding-bottom: 15px;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    color: #fff;
}

#footer #support dl dd {
    line-height: 20px;
    font-family: Arial, sans-serif;
    color: #333;
}



#td-code {
    margin-top: 10px;
    *padding-top: 10px;
    width: 117px;
    height: 117px;
}

/*#view {
    display:none;
    position:relative;
    min-height:500px;
    min-width:600px;
    background:#333;
    text-align:center;
    padding:20px 50px 100px;
    }*/

    #viewimages ul,
    #viewimages li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #controls {
        position: fixed;
        bottom: 140px;
        right: 60px;
        z-index: 101;
    }

    * html #controls {
        position: absolute;
        bottom: auto;
        _margin-bottom: 140px;
        _margin-right: -47px;
        top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
        width: 93px;
        height: 45px;
    }
	#controls span{
	  cursor:pointer;
	}


    #controls span a {
        display: block;
        width: 46px;
        height: 46px;
        overflow: hidden;
        text-indent: -999px;
        background-image: url(../images/view_btns.png);
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/view_btns.png",sizingMethod="crop");
        margin-bottom: 1px;
    }

    #controls span.close a:hover {
        background-position: -47px 0;
    }

    #controls span.next a {
        background-position: 0 -47px;
    }

    #controls span.next a:hover {
        background-position: -47px -47px;
    }

    #controls span.prev a {
        background-position: 0 -94px;
    }

    #controls span.prev a:hover {
        background-position: -47px -94px;
    }

    #controls span.go-top a {
        background-position: 0px -141px;
    }

    #controls span.go-top a:hover {
        background-position: -47px -141px;
    }

    #controls span.site-link a {
        background-position: 0 -187px;
    }

    #controls span.site-link a:hover {
        background-position: -47px -187px;
    }
	
	
	
	.goTop{ width:30px; height:30px; position:fixed; right:10px; bottom:30px;  background-image: url(../images/view_btns.png); background-size:62px 156px;  background-position: 0px -94px; cursor:pointer; display:none; z-index:999; }

   .menu_main{
		height:57px;
		margin-bottom:5px;
   }

    .menu {
		width:100%;
		background-color:#fff;
        padding-bottom: 5px;
		z-index:9999;
    }

    .menu ul {
        list-style: none;
        clear: both;
        overflow: hidden;
        text-align: center;
    }


    .menu ul li {
        height: 57px;
        width: 25%;
        float: left;
        line-height: 57px;
        position:relative;
		transition:0.5s ; -o-transition:0.5s ; -ms-transition:0.5s ; -moz-transition:0.5s ; -webkit-transition:0.5s ;
    }

    .menu ul li a {
		transition:0.5s ; -o-transition:0.5s ; -ms-transition:0.5s ; -moz-transition:0.5s ; -webkit-transition:0.5s ;
    }

    .li_1 a{
        background-color: #41457d;
    }

    .li_2 a{
        background-color: #ff8d1a;
    }

    .li_3 a{
        background-color: #79a158;
    }

    .li_4 a{
        background-color: #9c5e98;
    }

    .li_5 a{
        background-color: #11adbb;
    }

    .slit a{ margin-right:1px; }

    .now span{
        display:block;
        width:13px; 
        height:7px;
        position: absolute;
        bottom:0;
        left:50%;
        margin: 0 0 0 -7px;
		background-image:url(../images/li_bg.png);
		background-position: center bottom;
		background-repeat:no-repeat;
    }

    .menu ul li a {
        display: block;
        color: #fff;
        font-size: 20px;
        font-family: "微软雅黑";
    }

    /*.menu ul li.unow:hover {
      background: #333;
  }*/

    .menu ul li.unow a:hover {
      background: #333;
  }


/*手机头部*/

.headerOuterWrapper {
    z-index: 9999;
    height: 54px;
    overflow: visible;
    position: fixed;
    width: 100%;
    display: none;
}

.headerWrapper {
	position:relative;
    padding-left: 12px;
    padding-right: 12px;
    z-index: 9999;
    height: 54px;
    background-color: #fff;
   /* box-shadow: 0px 1px 2px rgba(0,0,0,0.3);*/
}

.mainLogo {
    float: left;
    height: 54px;
}

.mainLogo > img {
    height: 54px;
    width: auto;
}

.mainMenuButton {
    float: right;
    height: 25px;
    width: 25px;
    background: url(../images/mainMenuButtonBg.png) center top no-repeat;
	background-size:25px 50px;
    margin-top: 18px;
	cursor:pointer;
	transition:0.5s ; -o-transition:0.5s ; -ms-transition:0.5s ; -moz-transition:0.5s ; -webkit-transition:0.5s ;
}
.mainMenuButton.openNow{
	background-position: center bottom;
}
.wapMenu{
    clear: both;
    display: none;
    background-color: #fff;
    padding-left: 0px;
    margin: 0px;
    position: fixed;
    left: 0px;
	top:0px;
    width: 100%;
	height:100%;	
    z-index: 9998;
}
.wapMenuMain {
	position:absolute;
	width:100%;
	height:100%;
	top:54px;
	left:0;
   
}
.mainMenuWrapper{
	position:absolute;
	width:100%;
	height:225px;
	top:50%;
	left:0;
	margin:-160px 0 0 0;
	
}
.mainMenuWrapper > li {
	text-align:center;
    line-height: 45px;
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
	font-family:"Microsoft Yahei";
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}

.mainMenuWrapper > li:last-child {
    border-bottom: none;
}

.mainMenuWrapper > li > a {
    color: #000;
    font-size: 16px;
	transition:0.5s ; -o-transition:0.5s ; -ms-transition:0.5s ; -moz-transition:0.5s ; -webkit-transition:0.5s ;
}

.mainMenuWrapper > li > a:hover {
    text-decoration: none;
	color:#11adbb;
}

.mainMenuWrapper > li:hover > a {
}

.mainMenuWrapper > li.currentPage > a {
    color: #11adbb;
    background-position: 0px -36px;
}

@media (max-width: 1158px) {
	
.content_main{
    padding: 0 40px 30px;
}
#footer .env{
    position: relative;
    top: 20px;
    right: 0;
	padding-bottom:10px;
    width: 100%;
    height: auto;
	
}
#footer .env img{
	width:100%;
}

}
	
@media (max-width: 1086px) {

	.content_main{
		padding: 0 40px 20px 40px;
	}
	
    #Details {
        width:100%;
        position: relative;
        min-width:0;
        min-height: 600px;
        background: #dedede;
        text-align: center;
        _height: 600px;
    }

    #Details img {
        width:100%;
        margin-bottom: 8px;
    }

    #Details .prompt {
        margin-top: 300px;
        font-size: 14px;
        color: #858a8e;
    }

    #Introduction {
        position: relative;
        padding: 47px 12px 60px 12px;
        min-height: 206px;
        min-width: 0px;
        background: #f2f2f2;
        _height: 346px;
        line-height: 20px;
    }

    #Introduction h2 {
        font-size: 16px;
        color: #4b4b4b;
        font-family: Arial;
    }

    #Introduction h2 span {
        font-size: 14px;
        font-weight: normal;
    }

    #Introduction span {
        font-size: 12px;
        color: #858a8e;
    }

    #Introduction h3 {
        padding: 150px 0 0 0;
    }

    .item_main {
        width: 100%;
        margin: 0 auto;
        padding-bottom:40px;
    }

    #jiathis_style {
        width: auto;
        float:left;
        height: 20px;
		left:12px;
        position: absolute;
        bottom: 20px;
        z-index: 9;
    }
	
	.share_main{
		width: 100%;
		left: 0;
		height: 20px;
		position: absolute;
		bottom: 20px;
		margin-left:0;
		z-index: 9;
	}
	
	.goodview_main {
		float: left;	
		margin: 10px 0 0 12px;
	}

    #goodview {
        position: relative;
        top: -3px;
        float: right;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-right: 18px;
    }

    #goodview a {
        margin-right: 28px;
        font-size: 12px;
        color: #4b4b4b;
        vertical-align: middle;
    }
    #goodview .g_a{
        width:13px;
	}
    #goodview .g_b{
        width:20px;
	}
    #site {
        width: 100%;
        float:left;
        margin-left: 0;
        height: 20px;
        position: absolute;
        bottom: 70px;
        left:0;
    }
	#site span{
		margin-left:12px;
	}

    #site a {
        font-size: 14px;
    }

    #Bottom {
        background: #f2f2f2;
        text-align: center;
        min-width: 0;
    }

    #Bottom ul {
        list-style: none;
    }

    #button {
        width: 100%;
        margin: 0 auto;
    }

    #button ul li {
        float: left;
        width: 33.3%;
        height: 75px;
		border:0;
        position:relative;
        overflow:hidden;

    }
    
    #button ul li:after {
       content:"";
       position:absolute;
       top:0;
       right:0;
       width:1px; 
       height:100%;
       background-color:#ccc;
   }

   #button ul li a {
    margin-top: 30px;
    display: block;
    }
		
	#button .button-next {
	   border: 0; 
	}
	

#thumbnail {
    width: 100%;
    margin: 0 auto;
    position: relative;
	border:0;
    z-index: 99;
}

#thumbnail ul li {
    float: left;
    width: 33.3%;
    height: 80px;
    position: relative;
}
#button ul li:last-child:after{
	content:"";
	background:none;
}

#button ul li:before {
   content:"";
   position:absolute;
   bottom:0;
   left:0;
   width:100%; 
   height:1px;
   background:none;
}

#button ul li:after {
   content:"";
   position:absolute;
   top:0;
   right:1px;
   width:1px; 
   height:100%;
   background-color:#E2E2E2;
}

#thumbnail .button-next {
  border:0;
}

#thumbnail a span {
	display:none;
    position: absolute;
    top: 0;
	left:0;
    width:100%;
	height:100%;
    text-align: center;
    margin-top: 0;
    margin-left:0;
    color: #FFF;
}

#thumbnail a span b{
	display:none;
	display:table-cell;
	position:relative;
	vertical-align:middle;
}

#thumbnail a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
}


#thumbnail a img {
   width:129px;
   height:100px;
   margin: 0 auto;
}

#thumbnail a:hover img {
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: #11adbb;
}
#thumbnail a:hover span {
    display: none;
}



#controls {
    right: 20px;
    bottom:300px;
}
.goTop{
	display:none;
}

#top {
    position: relative;
    padding: 30px 20px 40px;
}
.case {
    width: 50%;
}
#top #about h2 {
    padding-bottom: 30px;
    font: 40px/1 'arial';
}
#top #about h2 span{
    font: 18px/1 'microsoft yahei';
}
#top #about{font-size:14px;line-height:20px;}
.titleline {
    font-size: 28px;
	padding: 25px 0 10px 0;
	margin-bottom:20px;
	border-bottom: 1px solid #fff;
    border-top: 3px solid #fff;
}
.zwlist {
    margin: 23px 0;
}
.zwlist ul {
    margin: 0 -5px;
}
.zwlist ul li {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 0 5px;
	margin-bottom:10px;
}
#zwlise_display{
	display: inline;
}
.case {
    line-height: 20px;
    padding: 0;
    font-size: 14px;
}
#footer {
    padding: 30px 20px 40px;
    min-height: 1500px;
    /*min-width:600px;*/
}

.xxlist {
/*width:calc(100% + 12px); */
margin-top: 2px;
   }
.xxlist ul {
      margin: 0 -1px;
      overflow: hidden;

   }
.xxlist ul li {
    width: 50%;
	margin-bottom: -1px;
	padding: 0 1px;
}




#footer_contact{
	padding: 30px 20px 40px;
		}
#footer_contact #line {
    height: 280px;
	border-top: 1px solid #11adbb;
border-bottom: 3px solid #11adbb;

}
#footer_contact #list1,#footer_contact #list2 {
    width: 50%;
}
#footer_contact #list3{ width: 100%;}
#footer_contact #list4{ width: 100%;}
#footer .env{
    position: relative;
    top: 20px;
    right: 0;
	padding-bottom:10px;
    width: 100%;
    height: auto;
	
}
#footer .env img{
	width:100%;
}

/********** 2016-8-8 ***************/

#footer #logo_wall{
	margin-top:50px;
}
#footer #logo_wall li{
	width:25%;
	height:auto;
	margin:0;
	float:left;
}
#footer #logo_wall li img{
	width:100%;
	height:auto; 
}

#footer #about h2 , #footer #logo_wall h2 , #footer #contact h2 {
   font-size:30px;
   padding-bottom:20px;
}

#footer #logo_wall ul{
	margin-top:20px;
}

#footer #about h2 span , #footer #logo_wall h2 span {
    font-size: 14px;
}

#thumbnail{
	display:none;
}

}



@media (max-width: 679px) {


	.content_main{
		padding: 54px 12px 20px 12px;
	}
	.show_main{
		padding: 54px 0 20px ;
	}
	
	#title{
		display:none;
	}
    #title .state {
        text-align: right;
        overflow: hidden;
        margin-left: 98px;
        font: normal 17px/1 'microsoft yahei', tahoma, arial, sans-serif;
        color: #11adbb;
        margin-top: -20px;
        height: 20px;
    }

    #header {
        width: 100%;
        background: #333;
        margin: -15px 0px 0;
        display:none;
    }
    .menu_main {
        display: none;
    }

    #content{
		position:relative;
        margin: 0;
    }

    #grid {
        min-width: 0px;
        width: 100%;
    }

    #footer #contact {
        width: 100%;
    }

    #footer #about {
        width: 100%;
    }

    .headerOuterWrapper {
        display: block;
    }

    #thumbnail a img {
      width:100px;
      height:80px;
      vertical-align:middle;
    }

    #controls {
      display:none;
    }
	.loadMore p {
		margin: 20px 0 0;
	}
#top #about h2 {
    padding-bottom: 10px;
}
.titleline {
	font-size: 24px;
    padding: 12px 0 3px 0;
}
	
	#footer #logo_wall li{
		width:33.333%;
		height:auto;
	}
#footer_contact #list1 {
	width:100%;
    line-height: 23px;
    font-size: 20px;
	padding-bottom:20px;}
#footer_contact #list2 {
	width:100%;
    line-height: 18px;
    font-size: 15px;
	padding-bottom:20px;
}
#footer_contact #list3 {
	width:100%;
    line-height: 17px;
    font-size: 14px;
	padding-bottom:20px;
}
#footer_contact #list4 {
	width:100%;
    font-size: 18px;
	text-align:left;
}
#footer {
    padding: 30px 20px 40px;
    min-height: 1250px;
    /*min-width:600px;*/
}
.zwlist ul li {
    margin-bottom: 1px;
}

@media (max-width: 480px) {


    #title .state {
        text-align: right;
        overflow: hidden;
        margin-left: 98px;
        font: normal 15px/1 'microsoft yahei', tahoma, arial, sans-serif;
        color: #11adbb;
        margin-top: 15px;
        height: 20px;
    }

    .headerOuterWrapper {
        display: block;
    }

    #site {
		margin-left:0;
        width: 100%;
        float:left;
        height: 20px;
        position: absolute;
        bottom: 70px;
        left:0;
		text-indent:14px;
    }
	#site span{
		margin-left:0;
	}


}



@-webkit-keyframes returnToNormal {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}

@keyframes returnToNormal {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}