/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1004px ){
.wal{ width:100%;}
.topDiv{ display:none;}
.nav{ display:none;}
.navIco{ display:block;}
.searchIco{ display:block;}
.footNav{ display:none;}
.footDiv .code{ display:none;}
.footDiv{ height:auto; padding:20px 10px; background:url(../images/nimg640_bg.jpg) no-repeat center;}
.footDiv .shearDiv{ margin-top:0; margin-bottom:10px;}
.headDiv{ height:60px; line-height:60px;}
.headDiv .logo{ float:none; margin-right:0; margin-left:10px;}
.logo img{ height:35px;}
.navIco{ position:absolute; right:10px; top:0;}
.navIco img{ height:25px;}
.searchIco{ position:absolute; right:50px; top:0;}
.searchIco img{ height:25px;}
.crumbs{ display:none;}
.pageTitleTel{ display:block;}
.pageBanner{ display:none;}
.pagecontent{ padding:20px 10px; padding-bottom:40px;}
.pagecontent01{ padding:20px 0; padding-bottom:40px;}
.pagecontent .Pgtitle{ display:none;}
.pagecontent .listDiv{ display:none;}
.pagecontent03{ padding-left:0; padding-right:0;}
.pageNum{ display:none;}
.phNum{ display:block; text-align:center; font-size:14px; line-height:20px; margin:20px 0;}
.phNum img{ width:20px; padding-left:5px;}
.footDiv .copyright{ color:#fff;}
.footDiv .copyright a{ color:#fff;}
.sideBar{ display:none;}

.banner{ display:none;}
.indexFlashTel{position:relative; overflow:hidden; display:block;}
.indexFlashTel .btnDiv{position:absolute; z-index:10; right:0px; bottom:10px; text-align:center; left:0px;}
.indexFlashTel .btnDiv span{display:inline-block; width:13px; height:13px; background:url(../images/ico1_4off.png) no-repeat; margin:0 5px;}
.indexFlashTel .btnDiv span.on{ background:url(../images/ico1_4.png) no-repeat;}
.indexFlashTel .bd{position:relative; z-index:0;}
.indexFlashTel .bd li{position:relative; text-align:center;}
.indexFlashTel .bd li img{ float:left;}

.indexPart1{ margin:0 10px; padding:30px 0;}
.indexPart1 .title{ min-height:25px; line-height:25px; padding-bottom:20px;}
.indexPart1 .title .text em{ font-size:16px;}
.indexPart1 .title .text span{ font-size:12px;}
.indexPart1 .title .more{ float:right;}
.indexPart1 .title .more a{ width:65px; font-size:12px;}
.indexPart1 .title{ position:relative;}
.indexPart1 .title .text{ float:none; padding-right:85px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.indexPart1 .title .more{ float:none; position:absolute; right:10px; top:0;}
.indexPart1 .leftDiv{ width:auto; float:none;}
.indexPart1 .rightDiv{ display:none;}
.indexPart1 .leftDiv .slick .name{ height:50px; line-height:50px;}
.indexPart1 .leftDiv .slick .name a{ font-size:14px;}
.indexPart1 .leftDiv .slick-next{ bottom:13px;}
.indexPart1 .leftDiv .slick-prev{ bottom:13px;}

.indexPart2{ padding:30px 0;}
.indexPart2 .title{ padding:0 10px; height:25px; line-height:25px; padding-bottom:20px;}
.indexPart2 .title .text em{ font-size:16px;}
.indexPart2 .title .text span{ font-size:12px;}
.indexPart2 .title .more{ float:right;}
.indexPart2 .title .more a{ width:65px; font-size:12px;}
.indexPart2 .list{ margin-left:10px;}
.indexPart2 .list li{ width:50%; margin-bottom:10px;}
.indexPart2 .list li .box{ margin-right:10px;}
.indexPart2 .list li .box>img{ width:100%;}
.indexPart2 .list li .name{ font-size:14px;}
.indexPart2 .list li .text{ display:none;}

.indexPart3{ display:none;}

.about1{ padding-top:0; padding-left:10px; padding-right:10px;}
.about1 .content{ margin-top:0;}
.about1 .content .txt>img{ width:100%;}
.about1 .content .txt2{ font-size:18px; background: url(../images/ico1_6.png) no-repeat left 40px;}
.about1 .content .txt{ padding-bottom:15px;}

.about2{ padding:10px;}
.about2 .leftDiv{ float:none; margin-right:0; text-align:center;}
.about2 .leftDiv>img{ width:80%;}
.about2 .rightDiv{ padding:0;}
.about2 .rightDiv h3{ padding-bottom:10px; margin-bottom:10px; padding-top:20px; font-size:18px; margin-bottom:0;  background: url(../images/ico1_8.png) no-repeat left bottom;}
.about2 .rightDiv .txt{ padding-bottom:10px;}

.contactus1 .title{ display:none;}
.contactus1 .txt1{ font-size:18px; padding-bottom:20px;}
.contactus1 .map img{ width:100%;}
.contactus1 .add ul{ width:auto;}
.contactus1 .add li{ min-height:40px; text-align:inherit; float:none; width:auto; height:auto; background-color:inherit; margin-right:auto; margin-bottom:20px;}
.contactus1 .add li img{ height:40px; padding-top:0; padding-bottom:0; float:left; margin-right:10px;}
.contactus1 .add li p{ padding-left:0; padding-right:0; line-height:20px; font-size:12px; color:#999; display:inline-block;}

.plhistory1{ padding:20px 10px;}
.plhistory1 .HistoryTab{height:100px; position:relative; padding:0; margin:0 30px;}
.plhistory1 .HistoryTab div{ text-align:center; border:none; outline:none;}
.plhistory1 .HistoryTab div em{ font-size:16px; border:none; outline:none;}
.plhistory1 .HistoryTab .slick-slide{float:left; cursor:pointer; width:50px; height:60px; line-height:88px;  color:#fff; outline:none;}
.plhistory1 .HistoryTab .slick-current{background:url(../images/history_ico32.png) center no-repeat; background-size:60px 60px; font-size:18px; color:#fff; width:50px; height:60px;  line-height:60px; }
.plhistory1 .HistoryTab .slick-current:hover{background:url(../images/history_ico32.png) center no-repeat; background-size:60px 60px;}
.plhistory1 .slick-prev{ background:url(../images/history_leftoff2.png) center no-repeat; width:20px; text-align:center; height:20px; position:absolute; top:-20px; left:0; text-indent:2000px;  border:none; outline:none; z-index:2; }
.plhistory1 .slick-prev:hover{background:url(../images/history_lefton2.png) center no-repeat;}
.plhistory1 .slick-next{ background:url(../images/history_rightoff2.png) center no-repeat; width:20px; text-align:center; height:20px; position:absolute; top:-20px; right:0; text-indent:2000px; border:none; outline:none; z-index:2; }
.plhistory1 .slick-next:hover{background:url(../images/history_righton2.png) center no-repeat; border:none;}
.HistoryDiv .list li .text .imgDiv img{ width:100%;}

.idea1{ padding-top:0;}
.idea1 .text h3{ font-size:14px;}

.vision1{ padding-top:0;}
.vision1 .text h3{ font-size:14px;}
.vision1 .imgDiv img{ width:100%;}
.vision1 .imgDiv .img02{ padding-left:0; padding-top:5px;}

.patent1{ padding-top:0;}
.Ptlist{ display:none;}
.PhPtlist.slick-slider{ display:block;}
.Ptlist.slick-slider{display:none;}
.PhPtlist{ display:block; padding-bottom:50px;}
.PhPtlist .slick{ position:relative; margin:0 5px; padding:5px; background-color:#f3f3f3;}
.PhPtlist .slick .imgDiv img{ width:100%;}
.PhPtlist .slick .name{ height:30px; line-height:30px; text-align:center;}
.PhPtlist .slick .name a{ font-size:14px; color:#333;}
.PhPtlist .slick-prev{
    width: 38px;
    height: 25px;
    background: url(../images/ico6_prev2.png) no-repeat;
    z-index: 22;
	bottom:10px;
    left: 50%;
    position: absolute;
	padding:0;
	margin:0;
	text-indent:-10000px;
	border:none;
	cursor:pointer;
	outline:none;
	margin-left:-45px;
}
.PhPtlist .slick-prev:hover{ opacity:1;}
.PhPtlist .slick-next{
    width: 38px;
    height: 25px;
    background: url(../images/ico6_next2.png) no-repeat;
    z-index: 22;
	bottom:10px;
    right: 50%;
    position: absolute;
	padding:0;
	margin:0;
	text-indent:-10000px;
	border:none;
	outline:none;
	cursor:pointer;
	margin-right:-45px;
}
.honorLayer{ display:none; position:absolute; z-index:9999; width:70%; background-color:#f3f3f3;}
.honorLayer .box{ padding:5px;}
.honorLayer .imgDiv img{ width:100%;}
.honorLayer .close{ position:absolute; top:-19px; right:-16px;}
.honorLayer .close img{ width:35px;}
.honorLayer .name{ height:30px; line-height:30px; text-align:center;}
.honorLayer .name a{ font-size:14px; color:#333;}

.partner1 .text{ font-size:14px; color:#666; line-height:2; margin:0 10px;}
.partner1 .list{ padding-top:20px; margin-left:10px;}
.partner1 .list ul{ width:auto;}
.partner1 .list li{ width:50%; margin-bottom:10px;}
.partner1 .list li .box{ margin-right:10px;}
.partner1 .list .name{ font-size:14px;}

.vedio1 .list{ margin-left:10px;}
.vedio1 .list ul{ width:auto;}
.vedio1 .list li{ width:50%; margin-bottom:10px;}
.vedio1 .list li .box{ margin-right:10px;}
.vedio1 .list .name{ font-size:14px;}
.vedio1 .list li .box .imgDiv img{ width:100%; height:102px; transition:all 3s; -transition:all 3s; -ms-transition:all 3s; -webkit-transition:all 3s;}

/*.vedioshow1 .imgDiv img{ width:100%;}*/
.vedioshow1 .imgDivsj img{ width:100%;}
    .vedioshow1 .imgDiv {

        display:none
    }
    .vedioshow1 .imgDivsj {
    
    display:block;
    }
.case1 .text{ padding-bottom:20px; margin-bottom:20px;}
.case1 .text h3{ font-size:18px; padding-bottom:10px;}
.case1 .text .imgDiv{ padding-bottom:10px;}
.case1 .text .imgDiv img{ width:100%;}
.case1 .slick .imgDiv img{ width:100%;height:87px;}

.case1 .list h3{font-size:18px; padding-bottom:10px;}
.case1 .Clist{ margin:0 15px;}
.case1 .slick .name{ height:30px; line-height:30px;}
.case1 .slick-prev{
    width: 10px;
    height: 30px;
    background: url(../images/ico6_prev1.png) no-repeat center;
	background-size:100%;
	margin-top:-15px;
    left:-15px;
    
}
.case1 .slick-prev:hover{background: url(../images/ico6_prev1on.png) no-repeat center; background-size:100%; width:10px;}
.case1 .slick-next{
    width: 10px;
    height: 30px;
    background: url(../images/ico6_next1.png) no-repeat center;
	background-size:100%;
	margin-top:-15px;
    right:-15px;
    
}
.case1 .slick-next:hover{background: url(../images/ico6_next1on.png) no-repeat center; background-size:100%; width:10px;}

.product1 .leftnav{ display:none;}
.product1 .rightDiv{ width:auto; float:none;}
.product1 .rightDiv .list{ margin-left:10px;}
.product1 .rightDiv ul{ width:auto;}
.product1 .rightDiv li{ width:50%; margin-bottom:10px;}
.product1 .rightDiv li .box{ margin-right:10px;}
.product1 .rightDiv li .box .imgDiv img{ width:100%;height:123px}
.product1 .rightDiv li .box .name{ position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:14px; color:#fff; height:40px; line-height:40px; background-color:rgba(0,0,0,0.5); }
.product1 .rightDiv li .box .name a{ color:#fff; display:block;}
.product1 .rightDiv li .box:hover .name{ bottom:0; }
.product1 .rightDiv li .text{ display:none;}

.productshow1 .content .imgDiv{ float:none; padding-bottom:20px;}
.productshow1 .content .imgDiv img{ width:100%;}
.productshow1 .content .text{ width:auto; float:none;}
.productshow1 .content .text em{font-size:14px;}
.productshow1 .content .text .txt{ margin-bottom:10px;}
.productshow1 .content .text p{ padding-left:70px;}
.productshow1 .txtDiv{ padding-top:20px;}
.productshow1 .txtDiv .title{ font-size:16px; margin-bottom:20px;}
.productshow1 .txtDiv .img02{ padding-left:inherit;}
.productshow1 .txtDiv img{ width:100%;}
.productshow1 .txtDiv .imgDiv img{ width:100%;}
.productshow1 .txtDiv .img02{ padding-top:20px;}
.productshow1 .txtDiv .imgDiv{ margin-bottom:20px;}
.productshow1 .list{ padding-top:0;}
.productshow1 .list h3{ font-size:16px; padding-bottom:10px;}
.productshow1 .Plist{ margin:0 15px;}
.productshow1 .slick .name{ height:30px; line-height:30px;}
.productshow1 .slick-prev{
    width: 10px;
    height: 30px;
    background: url(../images/ico6_prev1.png) no-repeat center;
	background-size:100%;
	margin-top:-15px;
    left:-15px;
    
}
.productshow1 .slick-prev:hover{background: url(../images/ico6_prev1on.png) no-repeat center; background-size:100%; width:10px;}
.productshow1 .slick-next{
    width: 10px;
    height: 30px;
    background: url(../images/ico6_next1.png) no-repeat center;
	background-size:100%;
	margin-top:-15px;
    right:-15px;
    
}
.productshow1 .slick-next:hover{background: url(../images/ico6_next1on.png) no-repeat center; background-size:100%; width:10px;}

.news1 .list li{ padding-bottom:20px; margin-bottom:20px;}
.news1 .list li .time{ float:left; width:61px; text-align:right;}
.news1 .list li .imgDiv{ display:none;}
.news1 .list li .text{ float:none; width:auto; padding-left:75px;}
.news1 .list li .time h3{ font-size:24px;}
.news1 .list li .time p{ font-size:12px;}
.news1 .list li .text h2{ font-size:14px; padding-bottom:0;}
.news1 .list li .text h2 a{ color:#333;}
.news1 .list li .text h2 a:hover{ color:#d3000e;}
.news1 .list li .text .author{ display:none;}
.news1 .list li .text p{ display:none;}
.news1 .list li .text .more{ display:none;}

.news1 .Nlist{ display:block; margin-bottom:30px;}
.news1 .Nlist .slick{ position:relative;}
.news1 .Nlist .slick .imgDiv img{ width:100%;height:171px;}
.news1 .Nlist .slick .name{ position:absolute; left:0; bottom:0; height:40px; line-height:40px; width:100%; background-color:rgba(0,0,0,0.58);}
.news1 .Nlist .slick .name a{ padding-left:20px; padding-right:100px; font-size:14px; color:#fff;}
.news1 .Nlist .slick-dots{ text-align:right; position:absolute; bottom:11px; right:20px;}
.news1 .Nlist .slick-dots li { display: inline-block; margin: 0 5px; width: 13px; height: 13px; background:url(../images/ico1_4off.png) no-repeat center;}
.news1 .Nlist .slick-dots li button{ display:none;}
.news1 .Nlist .slick-dots .slick-active{background:url(../images/ico1_4.png) no-repeat center;}

.detailsshare .bottomDiv{ padding-bottom:50px;}
.detailsshare .bottomDiv .right{ float:none; margin-top:0; position:absolute; left:0; bottom:0; width:100%;}
.detailsshare .bottomDiv .right .backbtn{ display:block; margin:0 auto; font-size:14px; color:#fff; width:140px; text-align:center; height:43px; line-height:43px; background-color:#d3000e; border-radius:10px;}
.newshow1 .title{ padding-bottom:15px; margin-bottom:20px;}
.newshow1 .title h2{ font-size:18px;}
.newshow1 .content .imgDiv img{ width:100%;}

.jod1 .title{ display:none;}
.jod1 dd{ width:33.33%;}
.jod1 .dd02,.jod1 .dd04,.jod1 .dd06{ display:none;}
.jod1 .list li dd:last-child .box{ border-right: none;}
.jod1 .list li .dd05 .box{ border-right: none;}

.search1 .prlist{ width:auto; float:none; margin-left:10px;}
.search1 .prlist ul{ width:auto;}
.search1 .prlist li{ width:50%; margin-bottom:10px;}
.search1 .prlist li .box{ margin-right:10px;}
.search1 .prlist li .box .imgDiv img{ width:100%;height:100%;}
.search1 .prlist li .box .name{ position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:14px; color:#fff; height:40px; line-height:40px; background-color:rgba(0,0,0,0.5); }
.search1 .prlist li .box .name a{ color:#fff; display:block;}
.search1 .prlist li .box:hover .name{ bottom:0; }
.search1 .prlist li .text{ display:none;}

.switchlist{ display:block; height:35px; line-height:35px; margin-bottom:20px; margin-left:10px;}
.switchlist li{ font-size:14px; color:#fff; text-align:center; width:100px; background-color:#bfbfbf; border-radius:10px; float:left; margin-right:20px;}
.switchlist li.liNow{ background-color:#d3000e;}
.search1 .Newlist{ padding:0 10px;}
.search1 .Newlist li{ padding-bottom:20px; margin-bottom:20px;}
.search1 .Newlist li h2{ font-weight:bold; font-size:16px; padding-bottom:0;}
.search1 .Newlist li .author{ display:none;}
.search1 .Newlist li p{display:none;}
.search1 .Newlist li .more{display:none;}































	}
@media screen and ( max-width:320px ){
.HistoryDiv .list{ background:url(../images/ico4_bg2.png) repeat-y 93px center;}
.HistoryDiv .list li .text{ padding-left:110px; background:url(../images/ico4_bg4.png) no-repeat 87px 31px;}
.HistoryDiv .list li .text .imgDiv img{ width:100%;}

	}