﻿/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){


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



}
@media screen and ( max-width:1004px ){
/*功能*/
.wal{ width:auto; margin:0 10px;}
.phshow{ display:block;}
.pcshow{ display:none;}
.footMsg{ display:none;}
.footDiv{ display:none;}
.nav{ display:none;}
.sideBar{ display:none;}
.contentwal .wal{ margin:0;}/*列表wal*/
/*功能*/

/*头部*/
.headtop{ display:none;}
.headDiv{ height:60px; line-height:60px;}
.headDiv .logoDiv{ height:60px; left:auto; display:block; text-align:center; position:relative;}
.headDiv .logoDiv img{ height:45px;}
.headDiv .logoDiv .logo{ float:none; line-height:60px;}

.headDiv .lanTel{ display:block;}
.searchbtn{ position:absolute; right:10px; top:0;}
.navIco{ position:absolute; left:0; top:-1px;}
.navIco img{ height:60px;}
.navIco .imgon{ display:none;}
.navIco.imgNow .imgoff{ display:none;}
.navIco.imgNow .imgon{ display:inline-block;}

/*底部*/
.phfoot{  background:url(../images/nimg640_1bg.jpg) no-repeat center; padding:0 50px; padding-bottom:20px; text-align:center;}
.phfoot .text{ padding:30px 0;}
.phfoot .text h2{ font-weight:inherit; font-size:20px; color:#fff; opacity:0.8; text-transform:uppercase;}
.phfoot .text>p{ font-size:14px; color:#fff; opacity:0.8; padding-bottom:10px;}
.phfoot .text em{}
.phfoot .text dd{ margin-bottom:10px; font-size:14px; color:#fff; opacity:0.7; line-height:25px;}
.phfoot .text dd p{ padding-top:10px;}
.phfoot .text dd p span{}
.phfoot .text dd p b{ font-weight:inherit;}
.phfoot .msg em{ color:#fff; opacity:0.3;}
.phfoot .msg a{ color:#fff; opacity:0.3;}
/*加载更多*/
.pageNumDiv{ display:none;}
.phmore{ display:block; margin-top:20px; text-align:center; font-size:14px; color:#fff; background-color:#1997e8; height:40px; line-height:40px; border-radius:40px;}

/*搜索*/
.pcsearch{ display:none;}
.phsearch{ display:none; position:absolute; z-index:222; top:55px; left:0; width:100%; height:100%; background:url(../images/ico1_6ph.png) no-repeat right top;}
.phsearch .phsearchbg{ width:100%; height:100%;}
.phsearch .searchbox{ position:absolute; z-index:22; left:0; top:5px; width:100%; height:60px; background-color:rgba(25,151,232,0.5);}
.phsearch .searchbox .search{ height:40px; line-height:40px; margin:10px; background-color:#fff; border-radius:40px; position:relative;}
.phsearch .searchbox .search .btn{ display:block; position:absolute; right:0; top:0; width:60px; height:40px; text-align:center; font-size:14px; color:#fff; background-color:#1997e8; border-top-right-radius:40px; border-bottom-right-radius:40px;}
.phsearch .searchbox .search .input1{ display:block; height:40px; width:100%; font-size:14px; color:#bababa; text-indent:10px;}

/*page banner*/
.pageban{ display:none;}
.phban{ display:block;}
.phban img{ width:100%;}

/*内页导航*/
.phnav{ display:block;}
.pagenavpc{ display:none;}
.pagenavph{ display:block; position:relative;}
.pagenavph .title{ position:absolute; left:0; bottom:0; width:150px; height:80px; background:url(../images/ico2_2.png) no-repeat 110px center; background-color:#1997e8;}
.pagenavph01 .title{ width:165px; background:url(../images/ico2_2.png) no-repeat 125px center; background-color:#1997e8;}
.pagenavph .title .box{ padding:10px; color:#fff;}
.pagenavph .title h2{ font-size:20px; padding-bottom:10px;}
.pagenavph .title p{ text-transform:uppercase;}
.pagenavph .now{ height:50px; line-height:50px; font-size:16px; background:url(../images/ico29_1.png) no-repeat right center; background-color:#eee; margin-left:150px; text-indent:20px;}
.pagenavph ul{ display:none; position:absolute; z-index:22; top:50px; left:0; width:100%; min-height:400px; background-color:rgba(0,0,0,0.5);}
.pagenavph ul li{ height:40px; line-height:40px; font-size:14px; color:#333; border-bottom:1px #eee solid;}
.pagenavph ul li a{ display:block; background-color:#fff; text-align:center;}
.pagenavph ul li a:hover{ color:#fff; background-color:#1997e8;}

/*内页公共*/
.pagecontent{ padding-top:20px; padding-bottom:30px;}
.pagecontentwal .wal{ margin:0;}
.pagecontent .leftbox{ display:none;}
.pagecontent .rightbox { width: auto; float: none; padding-top: 0;}

.banner{ display:none;}
.indexFlashTel{position:relative; overflow:hidden; display:block;}
.indexFlashTel .btnDiv{position:absolute; z-index:10; right:0px; bottom:20px; text-align:center; left:0px;}
.indexFlashTel .btnDiv span{display:inline-block; width:30px; height:4px; background:url(../images/ico1_ban.png) no-repeat; margin:0 5px;}
.indexFlashTel .btnDiv span.on{ background:url(../images/ico1_banon.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{ padding:30px 0;}
.indexPart1 .wal{ margin:0;}
.indexPart1 .title{ margin-bottom:20px;}
.indexPart1 .title h2{ font-size:20px;}
.indexPart1 .list{ margin-left:10px;}
.indexPart1 .list ul{ width:auto;}
.indexPart1 .list li{ width:50%; float:left;}
.indexPart1 .list li:last-child{ display:none;}
.indexPart1 .list li .box{ margin-right:10px;}
.indexPart1 .list li .txt{ display:none;}
.indexPart1 .list li .text h3{ font-size:16px; padding:10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.indexPart1 .list li .text p{ font-size:14px; color:#909090; line-height:1.5; height:40px; overflow:hidden;}
.indexPart1 .more{ margin-top:20px;}

.indexPart4{ padding-top:50px; padding-bottom:20px; background-size:100% 100%;}
.indexPart4 li{ width:50%; float:left; text-align:center; background:none; margin-bottom:30px;}
.indexPart4 li:last-child{ width:100%;}
.indexPart4 li .box{ margin:0 10px;}
.indexPart4 li .ico{ padding-bottom:10px; opacity:0.7;}
.indexPart4 li h3{ font-size:18px; padding-bottom:10px;}
.indexPart4 li p{ font-size:14px; color:#fff; line-height:1.5; opacity:0.7;}

.indexPart5{ padding:30px 0;}
.indexPart5 .title{ text-align:center; margin-bottom:20px;}
.indexPart5 .title h2{ font-size:20px;}
.indexPart5 .leftDiv{ float:none; width:auto; position:relative; margin-bottom:30px;}
.indexPart5 .leftDiv .title{ margin-bottom:20px;}
.indexPart5 .leftDiv .title h2{ font-size:20px;}
.indexPart5 .leftDiv .prlist{ padding-bottom:30px;}
.indexPart5 .leftDiv .prlist .slick-prev{width: 30px; height: 24px; top:auto; bottom:0; left:50%; margin-left:-40px; background-size:100% 100%;}
.indexPart5 .leftDiv .prlist .slick-prev:hover{ background: url(../images/ico50_1prevon.png) no-repeat; background-size:100% 100%;}
.indexPart5 .leftDiv .prlist .slick-next{width: 30px; height: 24px;  top:auto; right:50%; margin-right:-40px; bottom:0; background-size:100% 100%;}
.indexPart5 .leftDiv .prlist .slick-next:hover{ background: url(../images/ico50_1nexton.png) no-repeat; background-size:100% 100%;}
.indexPart5 .rightDiv{ padding-left:0;}
.indexPart5 .rightDiv li{ background-color:#f5f5f5; margin-bottom:13px; height:70px; padding:12px 0; position:relative;}
.indexPart5 .rightDiv .time{ height:70px; float:left; width:70px; background:url(../images/ico1_14hr.png) no-repeat right center; text-align:center;}
.indexPart5 .rightDiv .time h4{ font-weight:inherit; font-size:30px; color:#919191; padding-top:8px;}
.indexPart5 .rightDiv .time p{color:#919191;}
.indexPart5 .rightDiv .txt{ float:none; width:auto; margin-left:90px; margin-right:50px;}
.indexPart5 .rightDiv .txt h2{ font-size:16px; color:#070707; font-weight:inherit; line-height:1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.indexPart5 .rightDiv .txt h2 a{ color:#070707;}
.indexPart5 .rightDiv .txt h2 a:hover{color:#17aaeb;}
.indexPart5 .rightDiv .txt p{ font-size:14px; color:#909090; line-height:1.5; height:40px; overflow:hidden;}
.indexPart5 .rightDiv .moreA{ position:absolute; right:0; top:12px; float:none; width:50px; text-align:center; line-height:70px;}

.way1{ position:relative; overflow:hidden;}
.way1 .text{ padding:0; width:auto; height:auto; float:none; font-size:14px; color:#999; line-height:2; margin-bottom:10px;}
.way1 .text .txt{ position:relative; left:0; top:0;  padding:0; width:auto; height:auto; background:none;}
.way1 .text .txt:hover{ width:auto;}
.way1 .imgDiv{ width:auto; float:none;}
.way1 .imgDiv img{ width:100%;}
.way1 .imgDiv .img1{ margin-bottom:6px;}
.way1 .imgDiv .img2{ margin-right:0; float:left; width:50%;}
.way1 .imgDiv .img2 .icobox{ margin-right:3px;}
.way1 .imgDiv .img3{ position:relative; float:right; width:50%;}
.way1 .imgDiv .img3 .icobox{ margin-left:3px;}
.way1 .imgDiv .img3 .box{ margin-top:-33px;}
.way1 .imgDiv .img3 .ico{ padding-bottom:5px;}
.way1 .imgDiv .img3 .name{ font-size:16px;}
.way1 .imgDiv .img3 .ico img{ max-width:50px;}

.make1{ margin-left:10px;}
.make1 ul{ width:auto;}
.make1 li{ width:50%; float:left; margin-bottom:20px;}
.make1 li .box{ margin-right:10px;}
.make1 li .txt{ display:none;}
.make1 li .text h3{ padding:10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.make1 li .text p{ height:40px; overflow:hidden;}

.makeshow1 .title{ margin-bottom:20px;}
.makeshow1 .title li{ padding:0 10px;}
.makeshow1 .title li:last-child{ background:none;}
.makeshow1 .title li a{font-size:14px; height:25px;}
.makeshow1 .imgDiv img{ width:100%;}

.product1{ margin-left:10px;}
.product1 ul{ width:auto;}
.product1 li{ width:50%; margin-bottom:20px;}
.product1 li .box{ margin-right:10px;}
.product1 li .text h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product1 .phmore{ margin-right:10px;}

.productZ1 ul{ width:auto;}
.productZ1 li{ float:none; width:auto; margin-bottom:20px;}
.productZ1 li .box{ margin-right:0; position:relative;}
.productZ1 li .text{width:70%; height:280px; background-color:#47aced; border-left:3px #0085db solid;}
.productZ1 li .text a{ display:block; padding-left:10px; padding-top:20px; padding-right:100px; color:#fff;}
.productZ1 li .text h3{ font-size:20px; padding-bottom:10px; margin-bottom:10px;}

.productshow1 .titletab{ text-align:center; height:30px;}
.productshow1 .titletab li{padding:0 10px;}
.productshow1 .titletab li a{ font-size:14px; height:25px;}
.productshow1 .detailsshare{ padding-top:40px;}
.productshow1 .content{ padding-top:30px;}
.productshow1 .content .imgDiv{ padding-top:20px;}
.productshow1 .content .imgDiv img{ width:100%}
.productshow1 .content h2{ font-size:14px; padding-bottom:10px;}
.productImg .bigImg img{ width:100%;}
.productImg .tablist{ width:220px;}
.productImg .tablist li{ margin:0 5px;}


.news1 .toplist li{ padding-bottom:20px; margin-bottom:20px;}
.news1 .leftDiv{ width:auto; float:none;}
.news1 .leftDiv .time{ width:60px; height:60px; float:none;}
.news1 .leftDiv .time h3{ font-size:30px; line-height:30px; padding-top:5px;}
.news1 .leftDiv .topbox{ padding-left:170px;}
.news1 .leftDiv .topbox h2{ padding-left:0; padding-top:10px; font-size:14px; line-height:1.5; height:40px; overflow:hidden;}
.news1 .imgDiv{ float:left; width:160px; margin-right:10px;}
.news1 .list li{ position:relative; padding-bottom:20px; margin-bottom:20px;}
.news1 .list h2{ padding-bottom:0; padding-left:70px; line-height:60px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news1 .list .time{ position:absolute; left:0; top:0; width:60px; height:60px; float:none;}
.news1 .list .time h3{ font-size:30px; line-height:30px; padding-top:5px;}
.news1 .list .txt{ padding-left:0; padding-top:10px;}

.newshow1 .title{ padding-bottom:20px; margin-bottom:20px;}
.newshow1 .title h1{ font-size:18px;}
.newshow1 .content .imgDiv{ padding-bottom:10px;}
.newshow1 .content .imgDiv img{ width:100%;}
.newshow1 .detailsshare{ padding-top:30px;}

.service1 h2{ padding-bottom:20px;}
.service1 .form{ margin-left:0; width:auto;}
.service1 .form li:last-child .btn1{ display:block; width:100px; height:40px; line-height:40px; border-radius:40px; text-align:center; float:left; margin-right:10px; background-color:#cfcfcf; font-size:14px; color:#fff;}
.service1 .form li:last-child .btn2{ background-color:#1997e8;}
.service1 .form li:last-child .btn1:hover{ text-decoration:underline;}

.download1 li{ background:url(../images/ico9_1hr.png) repeat-x bottom center; position:relative;}
.download1 li a{ display:block; padding:15px 0; height:45px; line-height:30px;}
.download1 li h2{ font-weight:inherit; font-size:16px;width:70%;}
.download1 li .ico{ font-size:14px; position:absolute; right:0; top:0; padding:15px 0; height:30px; line-height:30px;}
.download1 li .ico img{ padding-left:10px;}
.download1 li .ico .imgon{ display:none;}
.download1 li a:hover .imgon{ display:inline-block;}
.download1 li a:hover .imgoff{ display:none;}
.download1 .pageNumDiv{ padding-top:40px;}

.message1 h2{ padding-bottom:20px;}
.message1 .form li:last-child .btn1{ display:block; width:100px; height:40px; line-height:40px; border-radius:40px; text-align:center; float:left; margin-right:10px; background-color:#cfcfcf; font-size:14px; color:#fff;}
.message1 .form li:last-child .btn2{ background-color:#1997e8;}
.message1 .form li:last-child .btn1:hover{ text-decoration:underline;}

.about1 h1{ font-size:20px;}
.about1 .imgDiv{ text-align:center; margin:20px 0;}
.about1 .imgDiv img{ width:100%;}
.about1 .text h2{ color:#1997e8; padding-bottom:10px; padding-top:5px;}
.about1 .text .leftDiv{ width:auto; float:none;}
.about1 .text .rightDiv{ width:auto; float:none;}

.value1 .imgDiv{ margin-bottom:20px;}
.value1 .imgDiv img{ width:100%;}
.value1 li{ margin-bottom:20px;}
.value1 li .ico{ float:left; width:120px;}
.value1 li .ico img{ width:100%;}
.value1 li .txt{ padding-left:130px;}
.value1 li .txt h3{ font-size:20px; padding-bottom:10px; padding-top:0;}
.value1 li .txt p{ font-size:14px; line-height:2;}

.honor1{ margin-left:10px;}
.honor1 ul{ width:auto;}
.honor1 li{ width:50%;}
.honor1 li .box{ margin-right:10px;}
.honor1 li .name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.honorshow{width:80%; padding:0;}
.honorshow .content{ padding:10px;}
.honorshow .name{ font-size:18px;}

.business1 ul{ width:auto;}
.business1 li{ width:auto; float:none; margin-bottom:20px;}
.business1 li .box{ margin-right:0;}
.business1 li .name{ display:none;}
.business1 li .imgDiv{ float:left; width:50%;}
.business1 li .text{ float:left; width:50%; position:relative; left:auto; top:auto;}
.business1 li .text a{ display:block; background-color:transparent; height:100%;}
.business1 li .text a span{ font-size:14px; color:#666; padding:0; padding-left:10px; text-align:left;}

.vision1 .imgDiv img{ width:100%;}

.partner1{ margin-left:10px;}
.partner1 ul{ width:auto;}
.partner1 li{ width:50%;}
.partner1 li .box{ margin-right:10px;}

.idea1 .imgDiv{ padding-bottom:20px;}
.idea1 .imgDiv img{ width:100%;}
.idea1 li{ width:auto; float:none; padding-bottom:20px; margin-bottom:20px;}
.idea1 li .ico{ float:left;}
.idea1 li .text{ padding-left:140px; font-size:14px; line-height:2; padding-top:15px;}

/*.jod1 .tabtitle dd{ width:33.33%;}*/

.jod1 .tabtitle  .dd01{ width:33.33%;}
.jod1 .tabtitle  .dd03{ width:38.33%;}
.jod1 .tabtitle  .dd05{ width:28.33%;}
.jod1 .tabtitle dd p{ font-size:16px;}
.jod1 dd:nth-child(even){ display:none;}
.jod1 .list ul{ background-color:#fff;}
/*.jod1 .list li dd{ width:33.33%;}
.jod1 .list li dd{ width:33.33%;}
.jod1 .list li dd{ width:33.33%;}*/
.jod1 .list li  .dd01{ width:33.33%;}
.jod1 .list li  .dd03{ width:38.33%;}
.jod1 .list li  .dd05{ width:28.33%;}

.jod1 .list li .dd01{ width:33.33%;}
.jod1 .list li dd p{ font-size:14px;}

.jodshow1 h1{font-size:20px;}
.jodshow1 .txt li{ float:none; width:auto; margin-bottom:20px;}
.jodshow1 .txt li em{ float:left;}
.jodshow1 .txt li p{ margin-left:100px; background-color:#e0e0e0; padding-left:10px;}
.jodshow1 .txt li:nth-child(odd){ margin-right:0;}
.jodshow1 .txt li:nth-child(even){ margin-left:0;}
.jodshow1 .text{ padding-bottom:30px;}
.jodshow1 .btnbox .btn1{ width:120px;}

.contact1{ position:relative;}
.contact1 .listA{ position:relative; left:auto; top:auto; width:100%; height:auto; line-height:40px; background-color:transparent; font-size:16px; color:#333; text-align:center;}
.contact1 .listA li{ width:50%; margin-bottom:20px; background:none;}
.contact1 .listA li:last-child{ background:none; background:none;}
.contact1 .listA li .box{ background-color:#ccc;}
.contact1 .listA li.liprev{ background:none;}
.contact1 .listA li:hover,.contact1 .listA li.liNow{ background:none;}
.contact1 .listA li .box:hover,.contact1 .listA li.liNow .box{ background-color:#00a0e9;}
.contact1 .listA li:nth-child(odd) .box{ margin-right:5px;}
.contact1 .listA li:nth-child(even) .box{ margin-left:5px;}
.contact1 .content .map{ padding-bottom:30px;}
.contact1 .content .map img{ width:100%;}
.contact1 .content .text dd{ padding-left:0;}
.contact1 .content .text dd p{ line-height:1.5; padding-top:13px;}
.contact1 .content .text dd p b{ font-size:20px;}

.sitemap1 li{ height:auto; border:1px #e0e0e0 solid; margin-bottom:20px;  line-height:1.5; position:relative;}
.sitemap1 li h3{ position:absolute; height:100%; font-weight:inherit; width:100px; text-align:center; font-size:16px; float:left;}
.sitemap1 li h3 a{ display:block; height:100%; position:absolute; width:100%; text-align:center; background-color:#e0e0e0; display:block;}
.sitemap1 li h3 a:hover{ text-decoration:underline;}
.sitemap1 li h3 span{ display:block; position:absolute; left:0; top:50%; margin-top:-12px; width:100%; text-align:center;}
.sitemap1 li dl{ padding-left:110px; padding-top:10px; padding-bottom:10px;}
.sitemap1 li dd{ display:inline-block; float:none; font-size:14px; color:#999; margin-right:20px; line-height:2;}
.sitemap1 li dd a{ color:#999;}
.sitemap1 li dd a:hover{ color:#1997e8; font-weight:bold;}
.sitemap1 li:hover{ border:1px #00a0e9 solid;}
.sitemap1 li:hover h3 a{ background-color:#00a0e9; color:#fff;}
.sitemap1 li:nth-child(5) dl{ line-height:auto; padding-top:10px;}

.links1 li{ width:50%; margin-right:0; margin-bottom:10px; float:left; height:25px; min-width:130px;}
.links1 li a{ font-size:14px; color:#999;}
.links1 li a:hover{ font-weight:bold; color:#00a0e9;}

.search1{ margin-left:10px;}
.search1 ul{ width:auto;}
.search1 li{ width:50%; margin-bottom:20px;}
.search1 li .box{ margin-right:10px;}
.search1 li .text h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search1 .phmore{ margin-right:10px;}

.search2 li{ position:relative; padding-bottom:20px; margin-bottom:20px;}
.search2 h2{ padding-bottom:0; padding-left:70px; line-height:60px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search2 .time{ position:absolute; left:0; top:0; width:60px; height:60px; float:none;}
.search2 .time h3{ font-size:30px; line-height:30px; padding-top:5px;}
.search2 .txt{ padding-left:0; padding-top:10px;}


















	}
@media screen and ( max-width:320px ){
.headDiv .logoDiv img{ height:33px;}
	}