/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1440px ){
	.wal2{width:1300px;}
	.headDiv .logo{ top:25px;}
	.headDiv .logo img{ width:55px;}

    .wal {width: 1300px; margin: 0px auto; } 

    .contentBox,.projectBox .topLink,.newstechBox,.commenBottom .bar,.commenBottomBox .content .box{
        width: 1300px;
    }
    .newsBox {/*width: 525px;*/ } 
    .newsBox a img{max-width: 100%;} 
    .newsBox li img {width: auto!important; } 
    .newsBox li span {width: 1150px; } 
    .technologyBox li img {width: 350px; } 
    .projectBannerPic .prev {left: -8px; } 
    .projectBannerPic .next {right: 6px; }
}


@media screen and ( max-width:1280px ){
    .wal2{width:1220px;}
    .wal {width: 1220px; margin: 0px auto; }
    .contentBox,.projectBox .topLink,.newstechBox,.commenBottom .bar,.commenBottomBox .content .box{
        width: 1220px;
    }
    .projectBox ul>li {margin-right: 12px; } 
    .newsBox {/*width: 490px;*/ } 
    .newsBox a img{max-width: 100%;} 
    .newsBox li img {width: auto!important; } 
    .newsBox li span {width: 1060px; } 
    .technologyBox li img {width: 331px; } 
    .projectBannerTab {width: 1200px; } 
    .projectBannerPic {margin: 0 auto; width: 1100px; } 
    .projectBannerPic .prev {left: -70px; } 
    .projectBannerPic .next {right: -76px; } 
    .projectBannerPic .list li{cursor: pointer; width: 350px!important; }
}
	
@media screen and ( max-width:1024px ){
   .topSearch {width: 253px;}
.topSearch .input1 {width: 186px;}
.wal {width: 950px;}
.contentBox, .projectBox .topLink, .newstechBox, .commenBottom .bar, .commenBottomBox .content .box {
    width: 950px;}
.contentBox .main .left {position: absolute; left: 0; width: 415px; } 
.contentBox .main .right {position: absolute; right: 0; width: 500px; } 
.contentBox .main .right img{    width: 100%!important; height: auto!important;}
.projectBannerTab {width: 900px; } 
.projectBannerPic {margin: 0 auto; width: 800px; } 
.projectBannerPic .prev {left: -70px; } 
.projectBannerPic .next {right: -76px; } 
.projectBannerPic .list li{cursor: pointer; width: 270px!important; }
.projectBannerPic .tempWrap{width: 800px!important;}
.projectBannerPic .list .HoverBlock {top: 25px; width: 210px; height: 120px; } 
.projectBannerPic .list .HoverBlock span {margin-top: 0px; } 
.newsBox li span {width: 800px; }
}
@media screen and ( max-width:1004px ){
.wal, .wal2, .wal3, .w926{width:100%;}
.headDiv{ height:45px; z-index:22;}
.headDiv .logo{top: 6px;display: inline-block;width: 10%;margin-left: 3%;line-height: 61px;} 
.headDiv .logo img{width: 100%;height: auto;position: static;}
.nav, .banner, .footDiv, .sideBar, .pageBanner, .pageNum, .w234, .pageNow,.mtitle2{ display:none;}
/*.indexFlashTel, .footTel, .pageBannerTel, .pageTitleTel, .pageMore,.mtitle1,.telMenuSelect{ display:block;}*/
.indexFlashTel, .footTel, .pageBannerTel, .pageTitleTel, .pageMore,.mtitle1{ display:block;}
.navA{display:block; width:36px; height:27px; position:absolute; top:16px; right:10px; background:url(../images/navIco.png) right center no-repeat; background-size:36px;}
.headDiv .txtDiv{display: none;}
.headDiv img{display: inline-block;width: 27px;position: absolute;top: 20px;}
.headDiv .topSearch{border: 0;width: 0px;}
.headDiv .topSearch input,.mtitle2{display: none;}
.headDiv .mSearch{right: 15%;position: absolute;top: 25px;}
.headDiv .mMenu{right: 3%;position: absolute;top: 27px;}
.indexFlashTel{margin-top: 13px;}
.contentUs{display: none;}
.contentBox{margin:0 10px;margin-top: 20px;}
.titleTxt{font-size: 16px;margin: 10px 0;}
.titleImg{height: 12px;margin-left: 2px;}
.contentBox{width: 96%;margin: 0;padding: 0 2%;}
.contentBox>img{display: block;width:95%;}
.m1,.contentBox .txt2{display: block;}
.m2,.contentBox .txt1{display: none;}
.contentBox .title{font-size: 18px;top: 29px;}
.contentBox .title{font-size: 18px;top: 29px;}
.contentBox .main .left img{width: 68%;margin-top: 24px;}
/*.contentBox .main {width: 95%;height: 330px;}*/
.contentBox .main {width: 100%;height: 330px;}
.contentBox .main .left {
    width: 100%;
}
.contentBox .txt p {
    margin-top: 27px;
}
.projectBox .topLink {
    width: 95%;
}
.projectBox .proOn {
    font-weight: bold;
}
.projectBox .title {
    float: left;
    margin: -18px 0 22px 0;
}
.newsBox {
    width: auto; padding: 0 2%;
}
.newsBox .title {
    width: 100%;
    margin-left: 0;
}
.newstechBox {
    width: 100%;
}
.newstechBox a img{
    max-width:100%;
}
.mtitleImg {
    height: 25px;
}
/*.sp_lookmore {
    margin-right: 10px;
}*/
.sp_lookmore img {
    margin-left: 10px;
    margin-right: 10px;
}
/*.newsBox em {
	float: left;
    width: 22%;
}*/
.newsBox li img {
    margin: 27px 2% 2px 2%;
    width: 2%;
    float: left;
}
.newsBox li span {
    width: 70%;
    float: left;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 60px;
    height: 60px;
    font-size: 14px;
}
.newsBox li em{
    width: 22%;
    float: left;
    font-size: 12px;
    height: 60px;
    line-height: 60px;
}
.newsBox>img {
    width: 96%;
    margin: 28px 2% 6px 2%;
}
.technologyBox .title {
    margin-left: 10px;
    margin-top: 25px;
}
.sp_lookmore .img {
    margin-right: 0px;
}
.technologyBox ul,.technologyBox li img{
	width: 100%;
}
.technologyBox ul {
	width: 100%;
    padding: 0 2%;
}
.technologyBox li {
    width: 47%;
}
.technologyBox li:nth-child(1) {
    margin-right: 2%;
}
.technologyBox li a{
    height: auto;
}
.technologyBox span {
    font-size: 14px;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 47%;
}
.commenBottomBox{
    display: none;
}
.mCommenBottomBox{
	display: block;
}
.mCommenBottomBox table{
    width: 97.5%;
    padding: 10px 2.5%;
}
.mCommenBottomBox td{
    font-size: 11px;
    color: #888;
    /*width: 19%;*/
    line-height: 25px;
    text-align: center;
}
.mCommenBottomBox ul{overflow: hidden;}
.mCommenBottomBox li{
    float: left;
    width: 9%;
}
.mCommenBottomBox li:nth-child(1){
	margin-left: 30%;
}
.mCommenBottomBox .content{
    background: #303030;
    text-align: center;
    padding: 20px 0;
}
.mCommenBottomBox .content img{
	width: 100%;
}
.mCommenBottomBox p{
    font-size: 12px;
    color: #888;
    line-height: 24px;
}
.telSearchSelect{
    background: #0683e5;
    width: 100%;
    height: 200px;
    z-index: 99;
    position: fixed;
    top: 73px;
}
.telSearchSelect>div{
    border-bottom: 1px solid #f1f1f1;
    width: 60%;
    margin-left: 20%;
    height: 60px;
    line-height: 60px;
    margin-top: 57px;
}
.telSearchSelect>div span{
    width: 20%;
    height: inherit;
    display: inline-block;
}
.telSearchSelect input{
    color: #fff;
    font-size: 16px;
    width: 80%;
    display: inline-block;
    height: 100%;
    text-align: center;


}
.telSearchSelect .close{
    position: absolute;
    bottom: 9px;
    right: 5px;
    width: auto;
    width: 50px;
    height: 50px;
    text-align: center;
}
/* WebKit browsers */
input::-webkit-input-placeholder{
    color: #fff!important;
}
/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{
    color: #fff!important;
}
/* Mozilla Firefox 19+ */
input:-moz-placeholder{
    color: #fff!important;
}
/* Internet Explorer 10+ */
input::-ms-input-placeholder{
    color: #fff!important;
}
.TitleBar,.lineTxt,.cpImg{
    display: none;
}
.mmTile,.mcpImg{
    display: block;
}
.ocontent {
    width: 96%;
    margin: 2% auto;
}
.ocontent .title {
    padding-top: 25px;
    margin-bottom: 25px;
    font-size: 18px;
}
.ocontent .txt p {
    font-size: 16px;
}
.ocontent .imgBox img {
    margin-bottom: 17px;
    width: 100%;
}
.ccImgBox .imgBan{
    width:100%;
}
.ccImgBox {
    margin: 38px 0 53px;
}
.ccImgBox img {
    width: 100%;
}
.ccImgBox div {
    width: 100%;
    height: 200px;
}
.ccImgBox .ccTitle {
    margin-top: 37px;
    margin-bottom: 24px;
}
.ccTipBox li {
    width: 100%;
}
.ccTipBox img {
    width: 15%;
    margin-right: 2%;
}
.ccTipBox span {
    vertical-align: middle;
    width: 20%;
    display: inline-block;
    font-size: 22px;
}
.ccTipBox p {
    width: 56%;
}
.dvTapCtx {
    margin: 0 0 80px 0;
    width: 100%;
}
.dvTapCtx .imgBox img {
    width: 49%;
    margin-right: 2%;
}
.csTilte{
    margin-bottom: 40px;
    margin-top: 49px;
    padding-top: 40px;
    width: 100%;
}
.csTlt img{
	margin-left: 8px;width: 28%;
}
.cscontent{
    padding: 0 2%;
    padding-bottom: 35px;
}
.cscontent .cstlt {
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.cscontent p {
    font-size: 12px;
    line-height: 20px;
    color: #666;
}
.cscontent .csTilte img{
    width: 40%;
}
.cscontent ul {
    width: 100%;
    margin-bottom: 35px;
}
.cscontent li {
    width: 94%;
    padding: 20px 3%;
    height: auto;
}
.cscontent li:nth-child(n){
    background: #1a83c3;
    color: #fff;
}
.cscontent li:nth-child(2n){
    background: #fff;
    color: #000;
}
.csLoadMore,.mcuImg{
	display: block;
}
.pageNumDiv,.cuImg{
	display: none;
}
.bsTap .sel {
    padding: 20px 20px;
    line-height: 25px;
}
.mtUl{
    overflow: hidden;
    margin-bottom: 45px;
}
.mtUl li{
    float: left;
    width: 88%;
    height: auto;
    margin-right: 19px;
    background: #f5f5f5;
    padding: 22px 6%;
}

.mtUl .mtTlt{
    font-size: 20px;
    color: #0176bd;
    font-weight: bold;
    border-bottom: 1px dotted #C5C5C5;
    height: 32px;
    line-height: -7px;
    margin-top: 0;
}
.mtUl  p{
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-top: 10px;
}
.cuLiBox li {
    width: 96%;
    padding: 10px 2%;
    font-size: 13px;
}
.cuLiBox li img {
    width: 13%;
    margin-right: 4%;
}
.cuTitle2{
	font-size: 19px!important;
}
.cuTitle2 img{
    width: 42%;
}
.cusp{
	width: 23%!important;
}
.tableTh{
    overflow: hidden;
    background: #e5f1f8;
}
.tableTh li:nth-child(1){
    width: 26%;
}
.tableTh li:nth-child(2){
    width: 32%;
}
.tableTh li:nth-child(3){
    width: 20%;
}
.tableTh li:nth-child(4){
    width: 20%;
    border-right: 0;
}
.cuTable td{
    padding: 7px .5%;
    font-size: 13px;
    height: 64px;
    line-height: normal;
}
.cuTable td:nth-child(1){
    width: 25%;
}
.cuTable td:nth-child(2){
    width: 31%;
    height: 90px;
    line-height: 20px;
    font-size: 12px;
}
.cuTable td:nth-child(3){
    width: 19.5%;
    height: 90px;
    font-size: 12px;
}
.cuTable td:nth-child(4){
    width: 19%;
    height: 90px;
    font-size: 12px;
}
.cuTable tr td:nth-child(1){
    font-size: 12px;
    height: 90px;
}.cpoImg{
    width: 100%;
}
.cpop{
    margin: 20px 0 50px 0px;
    text-align: center;
}
.videoBox>div{
    float: left;
    margin-right: 0;
}
.cpoVideo{
	width: 100%;
}
.eveTlt>img{
    width: 44%!important;
}

.eveTabContent li {
    margin-right: 4%;
    width: 48%;
    height: auto;
}
.eveTabContent li:nth-child(2n){
	margin-right: 0px!important;
}
.eveTabContent li:nth-child(3n){
	margin-right: 4%;
}
.eveTabContent img {
    width: 100%;
}
.eveTabContent p {
    margin: 12px 0;
     width: 100%; 
    font-size: 15px;
}
.casePicBox{
	display: block;
}
.caseShowBox{
	display: none;
}
.eevdReturn {
    float: none;
    margin-top: 34px;
    text-align: center;
    display: block;
}
.TopBigPic{
    width: 100%;
    display: none;
}
.mTopBigPic{
    display: block;
}
.igContent li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
.igContent li:nth-child(3){
    margin-right: 0;
}
.igContent span{
    font-size: 16px;
}
.taContent li{
    background: #f4f4f4;
    /* padding: 25px; */
    margin-bottom: 20px;
    overflow: hidden;
}
.taContent li:hover{
    background: #0176bd;
    color: #fff;
}
.taContent .left{
    float: left;
    width: 72%;
    padding: 20px 4%;
}
.taContent b{
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 11px;
    display: block;
}
.taContent p{
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
}
.taContent .right{
     background: #e7e7e7;
    float: left;
    height: inherit;
    line-height: 132px;
    width: 20%;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.taContent li:hover .right{
    background: #006aab;
}
.taContent li:hover b,.taContent li:hover p,.taContent li:hover a{
    color: #fff;
}
.taContent a{
    font-size: 14px;
    color: #666;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.taTlt img{
    margin-top: 3px;
    margin-left: 5px;
    width: 32%!important;
}
.titleTxt{
    font-size:24px;
}
.tadContent b {
    font-size: 16px;
    margin-bottom: 4px;
}
.tadContent .line {
    height: 12px;
    margin-bottom: 15px;
}
.tadTxt4 li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.tadTxt4 .sline {
    height: 10px;
    margin-bottom: 10px;
    width: 17px;
}
.tadTxt4 p a {
    font-size: 14px;
    line-height: 25px;
}
.m-cnConBox1{
    display: block;
    margin-bottom: 0;
}
.cnConBox1{
    display: none;
}



.cnContent2 .tlt {font-size: 16px; margin: 15px 0; } 
.cnContent2 li {overflow: hidden;margin-bottom: 0;padding-bottom: 20px;} 
.cnContent2  li img{width: 25%;float: left; } 
.cnContent2 .txt {font-size: 14px;float: left; margin-left: 23%; line-height: 22px; width: 61%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.cnContent2 .lookDetail {margin-top: 75px; padding-left: 30%; } 
.cnContent2 .date {float: left; } 
.cnContent2 .date {width: 80px; height: 80px; } 
.cnContent2 .date b {font-size: 45px; margin-top: 6px; } 
.cndContent b {font-size: 16px; margin-bottom: 4px; } 
.cndContent .line {height: 8px; margin-bottom: 15px; } 
.cndContent p {font-size: 13px; line-height: 25px; margin-bottom: 15px; } 
.cndContent img {margin-bottom: 20px; width: 100%; }

.ppNotes li {margin-bottom: 12px; height: 60px; } 
.ppNotes img {width: 20%; } 
.ppNotes .lx-date {
    width: 80px;
    height: 80px;
}
.ppNotes .lx-date b {
    font-size: 32px;
    margin-top: 5px;
}
.ppNotes .txt {width: 60%; } 
.ppNotes b {font-size: 13px; margin: 10px 0 4px 3%; } 
.ppNotes p {font-size: 12px!important; margin-left: 3%; } 
.ppNotes span {font-size: 12px; padding: 3px 10px; margin-left: 3%; margin-top: 19px; } 
.ppdContent b {font-size: 16px; margin-bottom: 7px; } 
.ppdContent p.smallP {font-size: 12px; } 
.ppdContent .line {height: 16px; margin-bottom: 27px; } 
.ppdContent p {font-size: 13px; line-height: 22px; margin-bottom: 19px; } 
.ppdContent .ppdTlt {font-size: 15px; } 
.ppdContent .ppdBottomTlt {font-size: 15px; } 

.mwContent li {float: left; margin-right: 4%; width: 48%; }
.mwContent img {width: 100%; } 
.mwContent li:nth-child(2n){margin-right: 0; } 
.mwContent p {color: #666; font-size: 13px; text-align: center; margin: 8px 0 18px 0; }

.tipAlert {overflow: scroll; } 
.tipAlert .content {width: 72%; margin-top: 20%; margin-left: 10%; margin-bottom: 30px; padding: 5%; } 
.tipAlert .close {top: -15px; right: -13px; width: 31px; } 
.tipAlert b {font-size: 16px; margin-bottom: 15px; } 
.tipAlert p {font-size: 12px; margin-bottom: 12px; } 
.tipAlert .imgBox {margin-bottom: 13px; } 
.tipAlert .imgBox img {width: 31%; }

.job .list li .msgDiv dd{display: none; } 
.job .list li .msgDiv dd.dd01 {display: block; width: 100%; border-right: 0px!important; } 
.pageBox .wal {width: 100%; } 
.job .list li .topDiv {width: 100%; padding-right: 0; } 
.job .list li .topDiv .more {width: 28%!important; font-size: 12px; } 
.job .list li .topDiv .more em {width: 100%; } 
.job .list li .box {padding: 15px 2% 27px; } 
.job .list li h2 {padding-left: 30px; height: 25px; } 
.job .list li .content {line-height: 23px; padding: 0 0 30px 9%; font-size: 14px; } 
.job .list li .btnDiv {padding-left: 5px; } 
.job .list li .btnDiv a {width: 95px; height: 35px; border-radius: 4px; -moz-border-radius: 4px; font-size: 14px; line-height: 35px; } 
.job .list li .btn2 {margin-left: 10px; }


.qcBannerBox1 {width: 100%; background: #f5f5f5; } 
.qcBanner1 .slick{width: 73%; margin-left: 13%; } 
.qcBanner1{width: 100%; overflow: hidden; } 
.qcBanner1 .slick img{width: 100%!important;height: auto!important; } 
.qcBanner1 .slick .one{width: 48%; margin-right:1%; float: left; }
.qcBanner1 p {margin: 9px; line-height: 15px; } 
.qcBanner1 .slick-prev {left: -15%; top: 38%; margin-left: 0; } 
.qcBanner1 .slick-next {right: -16%; top: 38%; margin-right: 0; }
.telMenuSelect .sel {padding: 18px; } 
.telMenuSelect .sel a{display: block; height: 38px; line-height: 38px; } 
.mqcBannerBox2{display: block; } 
.qcBannerBox2{display: none; } 
.tipAlertContent {overflow: scroll; width: 80%; left: 10%; } 
.tipAlertClose{top: 7%; right: 7%; } 
.twoBanClose{top: 29%; } 
.twoBanCont{top: 30%; }

.projectBannerPicTel p {padding: 0 10px; margin: 10px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; height: 40px; }
.projectBannerPicTel .proBanPicTel {overflow: hidden; padding: 0 2%; }
.projectBannerPicTel .proBanPicTel div {width: 49%; } 
.projectBannerPicTel .proBanPicTel div:nth-child(1) {margin-left: 0; }
.projectBannerPicTel .proBanPicTel div:nth-child(2n){margin-right: 0;} 

.projectBannerPic{
    display: none!important;
}
.projectBannerPicTel .proBanPicTel:nth-child(1){
    display: block;
}
.projectBannerTab {
    width: 94%;
}
.eveTabContent li:hover .eveHoverBlock{
    display: none;
}
.historyBox {
    width: 100%;
    margin-left: 0;
}
.historyBg {
    background: url(../images/grayLine.png) left 16px repeat-x;
    width: 78%;
    margin-left: 11%;
}
.historyBox .slick-initialized .slick-slide {
    margin-right: 30px;
}
.historyBox .slick-initialized .slick-slide:first-child {
    margin-left: 30px;
}
.historyBox .year {
    font-size: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.historyBox .slick-prev {
    left: -14%;
    top: 8px;
    background: url(../images/icon6.png) left top no-repeat;
}
.historyBox .slick-next {
    right: -13%;
    top: 8px;
    background: url(../images/icon7.png) right top no-repeat;
}
.historyContent p {
    font-size: 16px;
}
.historyContent .imgBox img {
    width: 100%;
}
.historyContent .imgBox img:nth-child(2) {
    margin-left: 2%;
}

.sppContent{
    left: 7%;
    padding: 20px 2%;
}
.sppClose {
    width: 8%;
}
.sppContent b {
    font-size: 16px;
    margin-bottom: 9px;
}
.tipAlertContent p {
    font-size: 12px;
}

.m-cnConBox1 .date{
    background: #ededed;
    width: 80px;
    height: 80px;
    text-align: center;
    display: inline-block;
    float: left;
}
.m-cnConBox1 .date b{
    font-size: 45px;
    margin-top: 6px;
    color: #656565;
    font-weight: normal;
    display: block;
}
.m-cnConBox1 .date span{
    font-size: 14px;
    color: #5e5e5e;
    font-weight: normal;
    margin-top: -5px;
    display: block; 
    margin-left: 0; 
}
.AllTltem {
    font-size: 14px;
}
/*ÏîĿ׷ËÝ*/
.History li {width: 89%; padding: 0 5% 20px; margin-right: 0;border-bottom: 0px; } 
.History li:last-child{border-bottom: 1px solid #d5d5d5!important;}
.History li .id {font-size: 18px; padding-top: 10px; line-height: 30px; } 
.History li .p {font-size: 14px;  } 
.History li .img {width: 320px; height: 230px; } 
.History li .img img {max-width: 100%; max-height: 230px; }
}
@media screen and ( max-width:789px ){
.cuTable td{
    padding: 7px .5%;
    font-size: 11px;
    height: 64px;
    line-height: normal;
}
}