@charset "utf-8";
/* CSS Document */
@media screen and (max-width:980px){

/*手机导航*/
.nav-btn{display:block;background:#666;width:40px;height:40px;line-height:40px;position:absolute;right:10px;top:20px;text-align:center; border-radius:5px;cursor:pointer;}
.nav-btn:hover{background:#f00;}
.nav-btn i:before{content:"≡"; font-size:30px; color:#fff;}
.nav-btn i{width:40px; height:40px;display:block;}

.nav{display:none}

.nav-narrow{width:100%;}
.nav-narrow li{background: -moz-linear-gradient(center top , #ECECEC, #ECECEC) repeat; background:#333; text-align:center; border-bottom:1px solid #666; transition: all 0.1s ease 0.01s;}
.nav-narrow li:hover{ background:#555;}
.nav-narrow li:hover a{ color:#fff;}
.nav-narrow li>a{ display:block; line-height:28px; color:#fff; font-size:14px; font-weight:bold;}
.nav-narrow li>a:hover{ text-decoration:underline;}

.header{ position: relative;}
.headerIn{ width: 100%; height: auto;}
.contUsTop{ width: 35%; height: auto; margin-top: 18px; margin-right: 60px;}
.banner,.bannerBox{ margin-top: 0;}
.bannerIn{ width: 100%; height: auto; background: none;}
.main-topIn{ width: 100%;}
.searchIndex{ width: 96%; margin: 0 auto; float: none; overflow: hidden;}
.searchIndex img{ float: left;}
.searchIndex dl{ float: right; width: 51%;margin-top: 0;}
.searchIndex dl dt{ width: 100%;}
.searchIndex dl dd{ width: 100%;}
.searchIndex dl dd h3{ padding-bottom: 2%;}
.searchIndex dl dd ul li{ height: 30px; line-height: 30px;}
.searchIndex dl dd ul li img{ margin-top: 6px;}
.searchIndex dl dt p{ line-height: 20px;}
.searchIndex dl dt img{ margin-top: 2%;}
.searchIndex:nth-child(2){ margin: 2% auto;}
.main-center{ background-position: top center;}
.main-centerIn dl{ width: 96%; float: none; margin: 1% auto; height: auto; overflow: hidden;}
.main-centerIn dl dt{ width: 32%; float: left;}
.main-centerIn dl dd{ width: 65%; float: left;}
.main-centerIn{ padding-top: 0;}
.main-center{ background: linear-gradient(#acc399 0%,#61a679 50%,#40926c 100%);}

.main-center,.main-centerIn{ width: 100%; height: auto;}
.aboutIndex,.contactIndex{ width: 96%; margin: 0 auto; float: none; height: auto; overflow: hidden;}
.aboutIndex img,.contactIndex img{ width: 40%!important; height: auto!important;}
.aboutIndex dl{ width: 58%; float: right; margin-top: 0;}
.aboutIndex:nth-child(2){ margin: 0 auto;}
.titIn{ width: 58%; float: right;}
.aboutIndex ul{ width: 100%; margin-top: 0;}
.contactIndex .addr{ width: 100%;}
.addr textarea,.addr dl{ width: 99%;}
.contactIndex h5{ margin-top: 0;}
.contactIndex dl{ padding: 1% 0;}

.main-bottom{ width: 100%;}
.footer{ height: auto;}
.footerIn{ width: 99%; margin: 0 auto;}


.bannerBox img{ width: 100%; height: auto;}
.mainIn,.abCenter{ width: 100%;}
.adbanner,.adRight{ width: 96%; margin: 2% auto; float: none;}

.adbanner ul li img{ width: 100%!important; height: auto!important; display: inline-block;}
.adbanner ul li{ width: 100%; height: auto; display: inline-block;}
#adbanner{ width: 100%; height: auto;}
.adTop{ width: 96%; margin: 2% auto;}
.admain{ width: 96%; margin: 2% auto;}
.btn a{ width: 100%; height: auto;}
.caseList dl{ width: 46%;}
.caseList dl dt img{ width: 100%!important; height: auto!important;}
.picLi p img{ width: 100%!important; height: auto!important;}
.xgGood{ width: 96%;}

.bannerPro,.bannerProIn{ width: 100%; display: block;}
.adbanner{ display: none;}

.bannerBox img{ width: 100%; height: auto; margin-left: 0; margin: 0 auto;}
.searLeft{ width: 96%; height: auto; float: none; margin: 0 auto;}
.searRight{ width: 96%; float: none; margin: 3% auto;}
.searMain img{ width: 94%!important; height: auto!important; display: block; margin: 0 auto;}
.asideCont img{ display: block; margin: 0 auto;}
.asideCont ul{ display: block; margin: 10px auto;}

.content{ width: 96%;}
.market{ width: 96%; margin: 0 auto; float: none;}
.main-right{ width: 98%; margin: 2% auto; float: none;}
.aboutMe{ width: 96%; margin: 0 auto; float: none;}

}


@media screen and (max-width:720px){

	.contUsTop{ float: left; margin: 3% 0 0 10%;}
	.searchIndex .picc{ width: 45%!important; height: auto;}
   .admain .cont{ width: 96%; margin: 5% auto; float: none; border-bottom: 1px dashed #ddd; padding-bottom: 3%;}
   .btn a { width: 202px;height: 35px; margin: 0 auto;}
   .searchIndex img{ float: none;}
   .searchIndex dl,.aboutIndex dl,.titIn{ float: none; width: 100%;}
   .aboutIndex, .contactIndex,.aboutIndex:nth-child(2){ margin: 1% auto;}
   .searchIndex{ border: 0;}
}

@media screen and (max-width:640px){
   .main-centerIn{ padding: 3% 0; background: linear-gradient(#acc399 0%,#61a679 50%,#40926c 100%);}
   .main-centerIn dl{ width: 96%; margin-right: 2%; height: auto; float: none; margin: 0 auto;}
   .main-centerIn dl dd{ margin-left: 1%;}
   .contUsTop{ display: none;}
   .adTop dl{ margin-bottom: 5%;}
   .caseT{ background: linear-gradient(#fca72b 0%,#fba426 50%,#f99d16 100%);}
   .caseT ul li{ background: none;}
   .caseT ul li a{ color: #fff;}
   .caseT ul li a.on{ color: #fff; font-weight: bold;}
   .caseList dl{ width: 90%; margin: 2% auto; float: none;}
   .market .news .desc{ width: 62%;}
}

@media screen and (max-width:520px){
   .contUsTop{ display: none;}
   .main-centerIn dl{ width: 91%; margin: 2% auto; float: none;}
   .aboutIndex{ width: 96%; margin: 0 auto; float: none;}
   .aboutIndex:nth-child(2){ width: 96%; margin: 2% auto; float: none;}
   .contactIndex{ width: 96%; margin: 2% auto; float: none;}
   .footerIn p{ float: none; margin: 2% auto;}
   .footerIn .footLink{ width: 96%; float: none; margin: 2% auto;}
   .footerIn ul{ width: 96%; float: none; margin: 2% auto;}
   .caseList dl{ width: 94%; margin: 2% auto; float: none;}
   .xgGood{ width: 87%;}
   .xgGood dl{ float: none; margin: 2% auto;}
   .introduce dl dt{ width: 39%;}
   .introduce dl dd{ width: 56%;}
   .market{ width: 100%;}
   .market .news .pic{ width: 45%;}
   .market .news .desc{ width: 52%;}
   .market .news .desc .tit a{ width: 100%; float: none;}
   .newsListInnerL{ width: 90%; margin: 0 auto;}
   .newsShow p img{ width: 90%; margin: 0 auto;}
   .main-right{ width: 93%;}
   .aboutMe,.main-top-right{ float: none; width: 90%;}
   .aboutMe{ margin: 0 auto;}
   ul.right-menu-x{ background: none;}
   .main-cont-b .map{ width: 100%!important; height: auto!important; margin: 0 auto;}

   .searchIndex .picc{ width: 325px!important;}
   .searchIndex dl{ width: 96%; float: none; margin: 1% auto;}
   .searchIndex:nth-child(2){ margin: 10px 14px 10px 14px;}
   .aboutIndex dl,.aboutIndex ul,.contactIndex .addr{ width: 96%; margin: 0 auto; float: none;}
   .newsLink{ background: none; height: auto; border: 0;}
   .newsLink h3.fl,.newsLink h3.fr{ float: none; display: block;background: url(../images/myPageBg.jpg) repeat-x; margin: 1% 0;}
   .main-centerIn dl dt img{ width: 100%!important; height: auto!important;}

   .market .news .pic{ float: none; margin: 0 auto; width: 162px; padding-top: 2px;}
   .market .news .desc{ float: none; margin: 0 auto; width: 96%;}

}

@media screen and (max-width:414px){
   .main-centerIn .teamCs{ margin-bottom: 2%;}
   .main-centerIn dl dt,.main-centerIn dl dd{ float: none; width: 100%; margin: 1% auto;}
   .main-centerIn dl dt img{ display: block; margin: 0 auto; width: 154px!important; height: 154px!important;}
   .footerIn{ line-height: 20px;}
   .footerIn p{ line-height: 20px;}
   .footLink img:first-child{ display: none;}
}