﻿/****************************/
/*       Power By          */
/*      爱上喵科技         */
/*     QQ:1509871176      */
/***************************/
@media only screen and (max-width: 1270px) {
.prd-slider .cont{max-width: 1228px; width: 100%;}
.prd-slider{overflow: hidden;}
.news{max-width: 1260px; width: 100%; margin-left: 0px;}
.news .news-part{width: 46%;  margin: 0px; margin-bottom: 10px; padding: 0px 2%;}
.news .news-part ul li{display:inline-block;width:100%; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; overflow: hidden;}



}
@media only screen and (max-width: 1240px) {
.index-main .core ul li{width: 30.33%; margin: 0px; padding: 0px 1.5%; text-align: center; overflow: hidden;}
.index-main .core ul li a img{display: inline-block; max-width: 240px; width: 80%;}
.index-main .core ul{margin-left: 0px;}



}
/*Common For Max 960*/
@media only screen and (max-width: 1230px) {
.index-main .core ul{max-width: 1230px; width: 100%;}
.w1200{max-width: 1200px; width: 100%;}
.pg-main .news-list,.abt-us{max-width: 1198px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.pg-main .prd-contain{max-width: 1148px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


}

@media only screen and (max-width: 1199px) {
.header .h-in .hi-left{width: 30%; height: auto;}
.header .h-in .hi-left img{width: 100%;}
.prd-slider{max-width: 1198px; width: 100%;}
body{min-width: inherit!important; min-height: inherit!important;}
.header .h-in .hi-left{margin-top: 15px;}
.wp,.w1200{width: 98%;}
.banner ul li a{height:auto;}
.banner ul li a img{width: 100%;}
.banner{height: auto;}
.index-main .abt-main{max-width: 1200px; width: 100%; height: auto;}
.index-main .abt-main .abt-info{width: auto; float: none; display: block; overflow: hidden; padding-left: 15px;}
.ft .ft-in{clear: both; overflow: hidden;}
.ft .ft-in .fl{float: left; width: 60%;}
.ft .ft-in .fr{float: none; display: block; overflow: hidden; text-align: right;}
.ft .ft-in .fl,.ft .ft-in .fr{line-height: normal;}
.ft{height: auto; line-height: normal; padding: 50px 0px;}
.ft .ft-in .fr a{display: inline-block; text-align: left;}
.pg-main .r-main{float: none; display: block; overflow: hidden;}
.index-main .abt-main img{display: inline-block; width: 40%;}
.index-main .abt-main{overflow: hidden; clear: both; float: none;}
.pg-main{overflow: hidden; clear: both;}
.pg-main .r-main{width: auto; display: block; overflow: hidden; margin-left: 0px;}
.pg-main .r-main ul{padding-left: 0px;}
.pg-main .r-main ul li{text-align: center; width: 21%; padding: 0px 2%; padding-bottom: 15px; margin: 0px; }
.pg-main .r-main ul li a img{height: auto; max-width: 225px; width: 95%;}
.pg-main .left-nav{margin-right: 20px;}
.my-map{display: block; overflow: hidden; width: auto!important; margin-left: 0px!important;}
.abt-us .c-info{padding-right: 10px;}



}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
.header .h-in .hi-right li a{font-size: 16px;}
.header .h-in .hi-left{margin-top: 20px;}
.header .h-in .hi-right li{margin-left: 20px;}
.index-main .abt-main img{width: 40%;}
.index-main .tit{font-size: 18px; font-weight: bold; line-height: 40px;}
.index-main .abt-main .abt-info h2{font-size: 14px; line-height: 20px; padding-bottom: 5px;}
.index-main .abt-main .abt-info p{line-height: 20px;}
.index-main .tit{line-height: normal; padding-top: 15px; padding-bottom: 15px; font-size: 16px;}
.news .news-part .tit{padding-top: 10px; padding-bottom: 10px;}
.news .news-part ul li{line-height: 28px;}
.news .news-part ul li i{margin-top: 12px;}
.ft .ft-in .fl{float: left; width: 50%;}
.pg-main .r-main ul li{width: 33.33%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.pg-main .left-nav{width: 150px;}
.pg-main .left-nav img{width: 100%; height: auto;}
.pg-main .news-list .tit{font-size: 20px; line-height: normal; padding-top: 10px ; padding-bottom: 2px;}
.pg-main .news-list .nl-nav li{font-size: 14px; line-height: normal;}
.pg-main .news-list .nl-nav{padding-bottom: 10px;}
.pg-main .news-list .nl-nav li{margin-right: 0px;}
.pg-main .news-list ol li img{height: auto; width: 40%;}
.pg-main .news-list ol li .r-info{margin-left: 0px; display: block; overflow: hidden; padding-left: 10px;}
.pg-main .news-list ol li{height: auto; overflow: hidden; clear: both;}
.abt-us .c-info li{font-size: 14px;}
.abt-us .c-info{width: 350px;}



}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
.header .h-in{display: none;}
.header{height: auto;border: 0px solid #fff;}
#m-hd{display: block;}
body{padding-top: 45px;}
.r-pof{display: none;}
#newBridge{display: none!important;}
.index-main .abt-main{text-align: center;}
.index-main .abt-main img{float: none; max-width: 350px; width: 100%; display: inline-block; margin-bottom: 15px;}
.index-main .abt-main .abt-info{padding-left:0px;}
.index-main .core ul li dd{line-height: 23px;}
.news{width: 98%; margin: 0 auto;}
.news .news-part{width: 100%; padding: 0px; margin-bottom: 5px;}
.index-main .tit{font-size: 14px;}
.index-main .tit .more{font-size: 12px;}
.ft{margin-top: 15px; text-align: center; padding: 15px 0px;}
.ft .ft-in .fl{float: left; width: 100%; float: none;}
.ft .ft-in .fr{width: 100%;  text-align: center; padding-top: 10px;}
.ft .ft-in .fr a{text-align: center;}
.prd-slider .cont li a p{bottom: 0px;}
.index-main .abt-main{float: left;}
.pg-main .r-main ul li a .name{font-size: 14px; line-height: 22px;}
.pg-main .left-nav{float: none; margin: 0px; margin-bottom: 10px; width: 100%;}
.pg-main .left-nav img{display: inline-block; max-width: 150px; width: 100%;}
.pg-main .left-nav{text-align: center; background-color: #2a9fe4; }
.pg-main .left-nav .ln-cur{ background-color: #fff;}
.pg-main .prd-contain{padding: 10px;}
.pg-main .prd-contain .title h2{font-size: 22px;}
.abt-us .img3{float: none; width: 100%; padding: 0px; text-align: center;}
.abt-us .img3 img{max-width: 298px; float: none; padding: 0px;}
.abt-us .info{border-top: 0px;}
.abt-us .c-info{float: none; width: auto;}
.abt-us .c-info li{padding-top: 5px; margin-bottom: 8px;}
.index-main .abt-main .abt-info{text-align: left;}
.index-main .core ul li dd{display:inline-block;width:100%; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; overflow: hidden;}

}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {
.index-main .tit{font-size: 16px; line-height: 30px; padding-top: 10px;}
.index-main .core ul li dt a{font-size: 16px;}
.index-main .core ul li dl{padding-top: 10px;}
.pg-main .left-nav ul li{height: 35px; line-height: 35px;}
.pg-main .news-list ol li .r-info a{font-size: 16px; padding-bottom: 10px;}
.pg-main .prd-contain .title h2{font-size: 20px;}
.abt-us .info{padding: 5px; padding-top: 10px;}
.abt-us .c-info li{line-height: normal;}
.pg-main .prd-contain .txt table{max-width: 303px; width: 90%!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.pg-main .prd-contain .txt table td{width: auto!important;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
.index-main .tit{line-height: normal; padding-bottom: 10px; font-size: 14px;}
.index-main .abt-main .abt-info p{font-size: 13px;}
.index-main .core ul li dd{font-size: 12px;}
.index-main .core ul li dt a{font-size: 14px;}
.news .news-part ul li{line-height: 22px; }
.news .news-part ul li i{margin-top: 9px; margin-right: 6px;}
.ft{margin-top: 10px;}
.pg-main .r-main .coms{font-size: 12px;}
.pg-main .news-list ol li img{max-width: 180px; width: 90%; float: none; border: 0px; display:block; margin: 0 auto;}
.pg-main .news-list ol li .r-info a{text-align: center;}
.pg-main .news-list .tit{font-size: 18px; padding-bottom: 12px;}
.pg-main .prd-contain .title h2{font-size: 18px;}
.abt-us .info h3{font-size: 14px; padding-bottom: 5px;}
.abt-us .info p{line-height: 22px;}
.my-map{height: 200px!important;}
.index-main .core ul li dd{line-height: 18px;}


}

@media only screen and (max-width: 400px) {
.pg-main .r-main ul li{width: 50%;}



}
