::-webkit-scrollbar {
    display: none;
}

::-moz-placeholder {
    color: #aaa;
}

::-webkit-input-placeholder {
    color: #aaa;
}

:-ms-input-placeholder {
    color: #aaa;
}

::selection {
    background: #111;
    color: #fff;
    font-weight: bold
}


table tr:nth-child(odd) {
    background: #F4F4F4;
}

table td:nth-child(even) {
    color: #F36140;
}

table tr:nth-child(2) {
    background: #fff;
    color: #888;
}

table.aui-tab-data tr {
    background: #fff;
}

table.aui-tab-data tr:nth-child(odd) {
    background-color: #F5F5F5;
}

table.aui-tab-data tr th {
    padding: 10px;
}

table.aui-tab-data tr td {
    padding: 10px;
}

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

.clearfix {
}

a {
    outline: none;
}












.bg-grey {
	width: 100%;
	height: auto;
}
.content {
	width: 1250px;
	margin: 0 auto;
	height: auto;
}
h2.title {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding-bottom: 24px;
	position: relative;
}
h2.title:after {
	position: absolute;
	left: 50%;
	width: 46px;
	height: 1px;
	margin-left: -23px;
	background-color: #0c9;
	bottom: 0;
	content: '';
}
p.subtitle {
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.tab-block {
	width: 1250px;
	background-color: #FFF;
}
.tab-block.information-tab {

}
.tab-block.information-tab .tabs {
	
}
.tab-block .tab-buttons {
	width: 100%;
	height: 50px;
}
.tab-block .tab-buttons .tab-button {
	width: 33.33%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	position: relative;
	cursor: pointer;
	background-color: #f2f2f3;
}
.tab-block .tab-buttons .tab-button.cur {
	background-color: #ffb400;
	color: #fff;
}
.information-tab {

}
.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
}
.tab-block .tabs {
	width: 100%;
}
.tab-block .tabs .tab-item {
	width: 100%;
	height: 100%;
	display: none
}
.tab-block .tabs .tab-item.active {
	display: block
}
.information-tab .information-left {
	width: 500px;
	height: 340px;
	overflow: hidden;
	position: relative;
	float: left;
}
.information-tab .information-left img {
	width: 100%;
	height: auto
}
.information-tab .information-left .left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
	color: #fff;
	padding: 0 14px
}
.information-tab .information-left .left-bottom .article-title {
	font-size: 18px;
	width: 400px;
	float: left;
}
.information-tab .information-left .left-bottom .article-time {
	font-size: 14px;
	float: right;
}
.information-tab .information-right {
	width: 640px;
	height: 340px;
	float: right;
}
.information-tab .information-right .article-list {
	padding-top: 20px
}
.information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px
}
.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}
.information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}
.information-tab .information-right .article-list .article-title {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}
.information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	width: 450px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}
.information-tab .information-right .article-list .article-content p {
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}
.information-tab .information-right .article-list:nth-of-type(1) .article-number, .information-tab .information-right .article-list:nth-of-type(2) .article-number, .information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333
}
.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px
}
.information-tab .information-right .article-list.current .article-number {
	background-color: #0c9!important
}
.information-tab .information-right .article-list.current .article-title {
	color: #0c9
}
.information-tab .information-right .article-list.current .article-content {
	display: block
}
.question-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/question-icon.png) center no-repeat;
	-ms-background-size: 16px 16px;
	background-size: 16px 16px;
}



.left2 img{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.swiper-wrapper {
   
}



.swiper-box {
  width: 940px;
}
.pic_page {
  position: absolute;
  z-index: 100;
  right: 20px;
  bottom: 20px;
  font-size: 18px;
  color: #FF5909;
  font-weight: bold
}
.left2 img {
       vertical-align: middle;
    margin: 0 auto;
  display: block;
  width: auto;
  height: auto;
}
.view {
  position: relative
}
.view .swiper-container {
  height: 540px
}
.view .arrow-left {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 60px;
  background: url('../images/arrow_l.png') no-repeat center;
  background-size: 100%;
  z-index: 10
}
.view .arrow-right {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 60px;
  background: url('../images/arrow_r.png') no-repeat center;
  z-index: 10
}

.view .swiper-slide div {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}
.preview {
  width: 100%;
  margin-top: 18px;
  position: relative
}
.preview .swiper-container {
 
}
.preview .swiper-slide {
  width: 140px;
  height: 90px;
  cursor: pointer;
  overflow: hidden;
}

.swiperbian{
  border: 1px solid #7F848C;
  margin-right: 5px;
}
.preview .swiper-slide img {
  height: 86px;
  margin: 0 auto;
}
.preview .arrow-left {
  background-size: 100% 100%;
  position: absolute;
  left: 0px;
  top: 10px;
  margin-top: -9px;
  width: 44px;
  height: 90px;
  background: #353535;
  text-align: center;
  z-index: 10
}
.preview .arrow-left span {
  display: inline-block;
  width: 12px;
  height: 18px;
  background: url('../images/arrow_l@1x.png') no-repeat center;
  background-size: 100% 100%;
  transform: rotate(180deg);
  margin-top: 34px
}
.preview .arrow-right {
  position: absolute;
  right: 0px;
  top: 10px;
  margin-top: -9px;
  width: 44px;
  height: 90px;
  background: #353535;
  text-align: center;
  z-index: 10
}
.preview .arrow-right span {
  display: inline-block;
  width: 12px;
  height: 18px;
  background: url('../images/arrow_r@1x.png') no-repeat center;
  background-size: 100% 100%;
  margin-top: 34px
}
.preview .active-nav img {
  padding: 0;
  border-color: #ffbb18;
  opacity: .9
}
/* 幻灯片*/





















.main {
	padding-top:60px;

}
.cpleft{
    float: left;
}
.main .head { 
}

.container4 {
    position: relative;
    margin: 0px auto;
}
.main .head:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.main .head .left2 {
    padding-top: 40px;
    float: left;
	width: 100%;
    max-width: 940px;
    margin: 0px auto 20px;
    visibility: visible;
}

.main .left2 .xiayiye{
   text-align: right;
    margin: 20px 0px 50px;
    
}
.main .left2 .xiayiye a {
    color: #000;
}
.main .left2 .xiayiye li{
   display:inline-block;
        padding:0px;
    
}
        
.main .head .left2 .banner {
        border: 1px solid #e8e8e8;
	height:500px;
	overflow:hidden;
	margin: 0 auto;
  text-align: center;
}
.main .head .left2 .banner img {
	display:none;
	max-width:100%;
	max-height:100%;
}
.main .head .left2 .childs {
		text-align: center;
	position:relative;
	width:940px;
	height:120px;
      overflow: hidden;
		margin: 0 auto;
	padding: 10px 0px;
}
.main .head .left2 .childs:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.main .head .left2 .child {
	cursor:pointer;
	float:left;
	width:176px;
	height:110px;
	border:1px solid #e8e8e8;
	margin-right:10px;
}
.main .head .left2 .child:nth-child(4) {

}
.main .head .left2 .child img {
	max-width: 110px;
	height:100%;
	vertical-align:middle;
}
.main .head .left2 .leftBtn {
	position: absolute;
	left: 0;
	top: 24px;
}
.main .head .left2 .rightBtn {
	position: absolute;
	right: 0px;
	top: 24px;
}
.main .head .left2 .logoBtn {
	cursor:pointer;
}
.main .head .right {
    height: 2200px;
    float: left;
    width: 30%;
    color: #808288;
    font-size: 16px;
    margin-right: 40px;
}

.main .tag1{
 padding: 10px 0px;
    border-top: 1px solid #8a98a0;
    border-bottom: 1px solid #8a98a0;
    font-size: 26px;
    text-align: left;
    margin-bottom: 10px;
}


.main .xiazialeft{
    float: left;
    width:49%;
}
.main .xiazialefttxt{
    background-color: #495359;
  color: #fff;
  height: 30px;
  line-height: 30px;

    
}
.main .xiazai_fj{
    padding: 20px 16px 20px 0px;
    min-height: 32px;

}
.main .xiazai_bt {
        flex: 10000 1 0%;
    max-width: 100%;
    min-width: 0;
    width: auto;
    
}
.xiazai_bt_mc {
    line-height: 1.2em!important;
    max-width: 100%;
}
.xiazai_bt_rk{
    color: #a2a3a4;
    line-height: 25px;
    font-size: 0.9rem;
}

.main .row {
    display: flex;
    flex-wrap: wrap;
}
.xiazai_fgx {
    background:#2f383d;
    flex-shrink: 0;
    transition: background .3s,opacity .3s;
    margin: 0px auto;
}
.main .xiazialeft hr {
    box-sizing: initial;
    overflow: visible;
}
.xiazai_dx {
    align-items: flex-end;
    padding-left: 16px;
    padding-right: 0;
}


.main .xiaziaright {
    float: right;
    width:49%;
}

.main .xiaziarighttxt{
    background-color: #495359;
  color: #fff;
  height: 30px;
  line-height: 30px;

    
}

.no-wrap {
    flex-wrap: nowrap;
}
.flex-center, .justify-center {
    justify-content: center;
}
.column {
    flex-direction: column;
}
.sideright {
    align-items: flex-end;
    padding-left: 16px;
    padding-right: 0;
}





.xz_dx {
    width: 60px;
    color: #a2a3a4;
    text-align: right;
}
.main .xz_bj{
     width: 40px;
            height: 40px;
            text-align: center;
            background: url("../images/X40.png")no-repeat;
            display: inline-block;
            float: left;
            text-indent: -9999px;
       
}


.main .xz_bj:hover{
            background: url("../images/X402.png")no-repeat;
        }



.main .container5 .spxiazai2{
    margin-top: 50px;
}


.main .head .right .title {
	line-height:26px;
	color:#333333;
	font-size:20px;
	padding-bottom:37px;
}
.main .head .right .sub {
	height:4px;
	border-top:1px solid #e3e3e3;
}
.main .head .right .info {
	padding:34px 0 52px 0;
	line-height: 24px;
}
.main .head .right .tag {
	line-height:24px;
}
.main .content .right p {
	padding:0;
	line-height:24px;
	color:#666;
	font-size:14px;
}
.main .content .right div {
	padding:0;
	line-height:24px;
	color:#666;
	font-size:14px;
}
.main .content:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.main .content .left {
	width:250px;
	float:left;
}
.main .content .left li {
	height:50px;
	line-height:50px;
	border-bottom:1px solid #d6d6d6;
	color:#666;
	font-size:14px;
	cursor:pointer;
}
.main .content .left li a:hover, .main .content .left li a.on {
    background: #FFB400;
    color: #fff;
}



 .ewm {text-align:center; }
 .ewm img {max-width:100px;}
.right {    width: 250px; float: left;}

.mingcheng .tag{    
    font-size: 1em;
    color: #a0a0a0;}
 .mingcheng {
 float: right;
    width: 250px;
    margin-top: 130px;
 }
 .right .info {
	
	    margin: 0 2.5em;
    color: #404040;
}




.content li a {
    height: 50px;
    line-height: 50px;
    text-indent: 15px;
    display: block;
    background: #efefef;
    border-bottom: 1px #fff solid;
    font-size: 14px;
    color: #737373;
    transition: all 0.2s linear;
}

.main .content .right {
	position:relative;
	width: 868px;
	padding:28px 36px;
	float:right;
	border:1px solid #dedede;
}
.main .content .right .child {
	display:none;
}
.main .content .right .title {
	color:#333333;
	font-size:16px;
	line-height:22px;
}
.main .content .right .info {
	padding:22px 0;
	line-height:22px;
	color:#666;
	font-size:14px;
}
.main .foot {
	position:relative;
	text-align:center;
	height:78px;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	margin:60px 0;
}
.main .foot .child {
	display:inline-block;
*display:inline;
*zoom:1;
	position:relative;
	width:193px;
	height:100%;
	border-left:1px solid #ddd;
}
.main .foot a:nth-child(1) .child {
	border-left:0;
}
.main .foot .child .childIcon, .main .foot .child .childInfo {
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:middle;
}
.main .foot .child .childIcon {
	margin-top:20px;
	position:relative;
	background:#666;
	width:38px;
	height:38px;
	text-align:center;
	line-height:38px;
	border-radius:38px;
	-moz-border-radius:38px;
	-ms-border-radius:38px;
	-o-border-radius:38px;
	-webkit-border-radius:38px;
}
.main .foot .child .childIcon img {
	vertical-align:middle;
}
.main .foot .child .childIcon img {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.main .foot .child:hover .childIcon img {
	transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}
.main .foot .child .childInfo {
	padding-left:12px;
	text-align:left;
	margin-top: 18px;
}
.main .foot .child .childInfo p {
	color:#666;
	font-size:14px;
}
.main .about {
	position:relative;
	padding:66px 0 100px 0;
}
.main .about .aboutTitle {
	position:relative;
	height:24px;
	padding-bottom:40px;
}
.main .about .aboutTitle span {
	position:relative;
	z-index:1;
	line-height:24px;
	font-size:18px;
	color:#333333;
	padding-right:20px;
	background:#fff;
}
.main .about .aboutTitle .sub {
	position:absolute;
	height:6px;
	background:#e8e8e8;
	top:10px;
	left:0px;
	width:100%;
}
.main .about .child {
	display: inline-block;
	width: 267px;
	margin-right: 28px;
	margin-top: 20px;
}
.main .about a:nth-child(1) .child {
	margin-left:0;
}
.main .about .child .childImg {
      text-align: center;
}
.main .about .child .childImg img {
width: 80%;
}
.main .about .child {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.main .about .child:hover {
}
.main .about .child .childTitle {
	font-size: 12px;
 	width: 265px;	    border: 1px #ddd solid;	    background: url(../images/cpak-m.png) no-repeat bottom right;	    text-align: center;	    line-height: 24px;	    padding: 3px 0px;	    margin-bottom: 10px;
}
.main .about .child .childTitle p {
color: #787878;
}
.main .about .child .childSub {
	height:5px;
	width:250px;
	margin:0 auto;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.main .about .child .childInfo {
	height:54px;
	line-height:54px;
	text-align:center;
	color:#006FCF;
	font-size:14px;
}
.main .about .child .childInfo img, .main .about .child .childInfo span {
	vertical-align:middle;
}
.bdsharebuttonbox {
	position:absolute;
	top:0;
	left:0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.bdsharebuttonbox a {
	display:none;
}
.bdsharebuttonbox .bds_weixin {
	width: 100%;
	height: 100%;
	display:block;
	opacity:0 !important;
	filter: alpha(opacity=0) !important;
}
 @media (max-width: 639px) {
     .main .xiazialeft {
    float: left;
    width: 100% !important;
}

.main .xiazai_bt{
      padding-left: 10px;
}
.main .xiaziaright {
    float: right;
    width: 100% !important;
}
     
     
.main .youbian .mingcheng .tag {
	 margin: 0 10px;
}
.main .head .left {
	margin-top: 35px;
	float:left;
	position:relative;
	width:auto;
	height:auto;
	margin: 0px auto;
}
.main .ewm {display:none;}
.main .head .left .banner {
	overflow:hidden;
	margin: 0 auto;
	height: 350px;
}
.main .head .left .banner img {
	display:none;
	max-width:100%;
	height:auto;
}
.main .head .left .childs {
	position:relative;
	width:80%;
	height:73px;
	overflow: hidden;
	padding: 12px 29px 0 37px;
}
.main .head .left .childs:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.main .head .left .child {
	cursor:pointer;
	float:left;
	width:148px;
	height:148px;
	border:1px solid #e8e8e8;
	margin-right:6px;
}
.main .head .left .child:nth-child(4) {
	margin-right:0;
}
.main .head .left .child img {
	width:100%;
		height: auto;
	vertical-align:middle;
}
.main .head .left .leftBtn {
	position: absolute;
	left: 0;
	top: 20px;
}
.main .head .left .rightBtn {
	position: absolute;
	right: 0px;
	top: 20px;
}
.main .head .left .logoBtn {
	cursor:pointer;
}
.main {

}



.main .head .right {
    height: auto!important;
}


.mingcheng {
    margin-top: 0px!important;
    width: 100%;
  
}

.main .tag1{
    border: 0px!important;
      margin: 10px 20px!important;
}

.tag{
   display:none!important;
}

.xiayiye{
     display:none!important;
}

.view .swiper-container {
    border:0px!important;
    height: auto!important;
}
.swiper-box{
    width: 100%!important;
}

.left2 .opswiper img{
    width: 100%!important;
}

.swiper-wrapper {
    height: auto!important;
}


.preview .swiper-slide img {
    max-width: 100%;
}


.container5{
    width: 99%!important;
      margin-top: 120px!important;
}

.index-page .solution-more-slide .hd{
        margin-top: 30px!important;
    left: 0px!important;
}
.index-page .solution-more-slide .hd span{
    padding: 10px 20px!important;
}
.index-page .solution-more-slide .hd li{
    float: left!important;
}

.container6 {
    width: 90%!important;
    height: auoto!important;
   word-wrap: break-word;
word-break: break-all;
overflow: hidden;
 padding: 20px 20px!important;
}

.index-page .solution-more-slide .bd li.item-3{width: 100%!important; }
.index-page .solution-more-slide .bd li.item-2{width: 100%!important; }
.index-page .solution-more-slide .bd li.item-1{width: 100%!important; }
.index-page .solution-more-slide .bd{
  width: 100%!important;  
}



#html5video0{
        height: auto;
    width: 100%!important;
    margin-top: 20px;
}

























.main .head {
	padding-bottom:15px;
}
.main .head .left {
	float:none;
	width:100%;
}
.main .youbian {width:auto;}
.main .head .left .childs {
	padding-top:6px;
}
.main .head .left .child {
	width:23%;
	height:71px;
	margin-right:1%;
}
.main .head .left .child:nth-child(4) {
	margin-right:0;
}
.main .head .right {
	float:none;
	width:100%;
	font-size:12px;
}
.main .head .right .title {
	line-height:22px;
	font-size:14px;
	padding-bottom:6px;
}
.main .head .right .sub {
	height:2px;
}
.main .head .right .info {
	padding:0px;
}
.main .head .right .tag {
	line-height:20px;
	font-size:12px;
}
.main .content .left {
	width:320px;
	float:none;
	margin-left: 10px;
}
.main .youbian .info {    margin: 0 10px;width:320px;}
.main .content .right {
	width:auto;
	padding:10px 10px;
	margin-top:10px;
}
.main .content .right img{max-width:98%;}
.main .content .right .title {
	font-size:14px;
	line-height:22px;
}
.main .content .right .info {
	padding:6px 0;
	line-height:18px;
	font-size:14px;
}
.main .foot {
	height:60px;
	margin:20px 0;
}
.main .foot .child {
	width:22%;
}
.main .foot .child .childIcon {
	margin-top:10px;
	width:38px;
	height:38px;
	line-height:38px;
	border-radius:38px;
	-moz-border-radius:38px;
	-ms-border-radius:38px;
	-o-border-radius:38px;
	-webkit-border-radius:38px;
}
.main .foot .child .childInfo {
	display:none;
}
.main .about {
	padding:0px 0 40px 0;
	display:none;
}
.main .about .aboutTitle {
	height:24px;
	padding-bottom:40px;
}
.main .about .aboutTitle span {
	line-height:20px;
	font-size:14px;
	padding-right:8px;
}
.main .about .aboutTitle .sub {
	height:4px;
	top:8px;
}
.main .about .child {
	width:288px;
	margin:10px auto;
	float:none;
	display:inline-block;
*display:inline;
*zoom:1;
}
.main .about .child .childImg {
	width:288px;
	height:288px;
	line-height:288px;
}
.main .about .child .childTitle {
	height:60px;
}
.main .about .child .childTitle p {
	line-height:20px;
	padding-top:14px;
}
.main .about .child .childSub {
	height:5px;
	width:250px;
}
.main .about .child .childInfo {
	height:54px;
	line-height:54px;
	font-size:14px;
}
}
@media (min-width: 640px) and (max-width:1023px ) {
	
	.main .youbian .info  {
		    width: auto;
    padding: 10px 12px;
    margin-top: 10px;
	margin: 0px;
		
	}
	
	.main .youbian {
	padding: 0;
    line-height: 24px;
    color: #666;
    font-size: 14px;
	width:auto;
	}
	
.main .head .left {
	float:left;
	position:relative;
	width:660px;
}
.main .head .left .banner {
	height:500px;
	overflow:hidden;
	text-align: center;
	margin: 0 auto;
}
.main .head .left .banner img {
	display:none;
	max-width:100%;
	max-height:100%;
}
.main .head .left .childs {
	position:relative;
	width:87%;
	height:126px;
	overflow: hidden;
	padding: 12px 29px 0 37px;}
.main .head .left .childs:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.main .head .left .child {
	cursor:pointer;
	float:left;
	width:148px;
	height:148px;
	border:1px solid #e8e8e8;
	margin-right:6px;
}
.main .head .left .child:nth-child(4) {
	margin-right:0;
}
.main .head .left .child img {
	width:100%;
	height: auto;
	vertical-align:middle;
}
.main .head .left .leftBtn {
	position: absolute;
	left: 0;
	top: 24px;
}
.main .head .left .rightBtn {
	position: absolute;
	right: 0px;
	top: 24px;
}
.main .head .left .logoBtn {
	cursor:pointer;
}
.main {
	padding:40px 0 0 0;
}
.main .head {
	padding-bottom:30px;
}
.main .head .left {
	float:none;
	width:100%;
}
.main .head .left .banner {
	height:610px;
}
.main .head .left .childs {
	padding-top:12px;
}
.main .head .left .child {
	width:122px;
	height:124px;
	margin-right:6px;
}
.main .head .left .child:nth-child(4) {
	margin-right:0;
}
.main .head .right {
	float:none;
	width:100%;
	font-size:16px;
	padding-top:40px;
}
.main .head .right .title {
	line-height:26px;
	font-size:20px;
	padding-bottom:20px;
}
.main .head .right .sub {
	height:4px;
}
.main .head .right .info {
	padding:20px 0 20px 0;
}
.main .head .right .tag {
	line-height:24px;
}
.main .content .left {
	width:100%;
	float:none;
}
.main .content .left li {
	height:50px;
	line-height:50px;
	font-size:14px;
}
.main .content .right {
	width:auto;
	padding:28px 36px;
	float:none;
	margin-top:20px;
}
.main .content .right .title {
	font-size:16px;
	line-height:22px;
}
.main .content .right .info {
	padding:22px 0;
	line-height:22px;
	font-size:14px;
}
.main .foot {
	height:78px;
	margin:60px 0;
}
.main .foot .child {
	width:24%;
}
.main .foot .child .childIcon {
	margin-top:20px;
	width:38px;
	height:38px;
	line-height:38px;
	border-radius:38px;
	-moz-border-radius:38px;
	-ms-border-radius:38px;
	-o-border-radius:38px;
	-webkit-border-radius:38px;
}
.main .foot .child .childInfo {
	padding-left:12px;
	margin-top: 18px;
}
.main .foot .child .childInfo p {
	font-size:14px;
}
.main .about {
	padding:0px 0 100px 0;
}
.main .about .aboutTitle {
	height:24px;
	padding-bottom:40px;
}
.main .about .aboutTitle span {
	line-height:24px;
	font-size:18px;
	padding-right:20px;
}
.main .about .aboutTitle .sub {
	height:6px;
	top:10px;
}
.main .about .child {
	float:none;
	display:inline-block;
*display:inline;
*zoom:1;
	width:288px;
	margin:6px 6px 0 0;
}
.main .about a:nth-child(1) .child {
	margin-left:0;
}
.main .about .child .childImg {
	width:288px;
	height:288px;
	line-height:288px;
}
.main .about .child .childTitle {
	height:60px;
}
.main .about .child .childTitle p {
	line-height:20px;
	padding-top:14px;
}
.main .about .child .childSub {
	height:5px;
	width:250px;
}
.main .about .child .childInfo {
	height:54px;
	line-height:54px;
	font-size:14px;
}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.main {
	padding:40px 0 0 0;
}
.main .head {
	padding-bottom:70px;
}
.main .head .left {
	width:504px;
}
.main .head .left .banner {
	height:498px;
}
.main .head .left .child {
	width:120px;
	height:120px;
	margin-right:5px;
}
.main .head .left .child:nth-child(4) {
	margin-right:0;
}
.main .head .right {
	width:445px;
	font-size:16px;
}
.main .content .left {
	width:228px;
}
.main .content .right {
	width:637px;
	padding:28px 36px;
}
.main .about {
	padding:20px 0 60px 0;
}
.main .about .child {
	float:none;
	display:inline-block;
*display:inline;
*zoom:1;
	margin:10px 10px 0 0;
}
}
@media (min-width: 1200px) and (max-width:1439px ) {
}
@media (min-width: 1440px) and (max-width:1920px ) {
}