﻿/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
.newshow1 .conentimg img{width:640px;}
}
@media screen and ( max-width:1440px ){
.newshow1 .conentimg img{width:640px;}
}
@media screen and ( max-width:1010px ){
.newshow1 .conentimg img{width:640px;}
}
@media screen and ( max-width:1004px ){
/*功能*/
.wal{ width:auto; margin:0 10px;}
.phshow{ display:block;}
.pcshow{ display:none;}
.phimg{ display:inline-block;}
.pcimg{ display:none;}
.nav{ display:none;}
.sideBar{ display:none;}
.phwal .wal{ margin:0;}/*列表wal*/
/*功能*/

/*头部*/
.headDiv{ height:60px; line-height:60px;}
.headDiv .logo{ position:relative; left:auto; display:block;}
.headDiv .logo img{ max-height:35px;}

.searchbtn{ position:absolute; right:50px; top:0;}
.navIco{ position:absolute; right:0; top:0;}
.navIco img{ height:25px;}
.navIco .imgon{ display:none;}
.navIco.on .imgon{ display:inline-block;}
.navIco.on .imgoff{ display:none;}
/*底部*/
.phnav{ background-color:#e5e5e5;}
.subNav2{ cursor:pointer; display:block; height:50px; line-height:50px; border-bottom:1px solid #d1d1d1; position:relative;  font-size:14px;}
.subNav2>a{ font-size:16px; padding-left:10px; padding-right:10px;}
.subNav2 .name{position:relative; background:url(../images/ico1_17.png) right center no-repeat; padding-left:10px; padding-right:10px; color:#333;}
.subNav2 .name em{ display:block; font-size:16px;}
.currentDt2 .name{ background:url(../images/ico1_17on.png) right center no-repeat;}
.navContent2{display: none; background-color:#f4f2f2;}
.navContent2 li{ height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #e5e5e5;}
.navContent2 li a{ display:block; padding-left:10px;}
.navContent2 li a:hover{ background-color:#007bc3; color:#fff;}
.navContent2 li:last-child{border-bottom:none;}

.phlink{ display:none;}
.phlink .top{ height:50px; line-height:50px; font-size:16px; padding:0 10px; background:url(../images/ico1_17.png) right center no-repeat; background-color:#e5e5e5; font-weight:bold; border-bottom:1px solid #d1d1d1;}
.phlink .top.currentDt{ background:url(../images/ico1_17on.png) right center no-repeat; background-color:#e5e5e5;}
.phlink ul{ display:none; background-color:#f4f2f2;}
.phlink ul li{ height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #e5e5e5;}
.phlink ul li a{ display:block; padding-left:10px;}
.phlink ul li a:hover{ background-color:#007bc3; color:#fff;}
.phlink ul li:last-child{border-bottom:none;}

.footDiv{ display:none;}
.footmgs{ height:auto; line-height:2; font-size:12px; padding:15px 0; text-align:center;}
.footmgs .links{ float:none;}
.footmgs .links a{ margin-right:10px; margin-left:10px;}
.footmgs .mgs{ float:none;}

/*搜索*/
.pcsearch{ display:none;}
.phsearch{ position:absolute; z-index:3333; top:60px; left:0; width:100%; height:100%; border-top:1px #dcdcdc solid;}
.phsearch .phsearchbg{ width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.phsearch .searchbox{ position:absolute; z-index:22; left:0; top:0; width:100%; height:60px; background-color:#fff;}
.phsearch .searchbox .search{ height:40px; line-height:40px; margin:10px 10%; position:relative; border-radius: 40px; overflow: hidden;}
.phsearch .searchbox .search .btn{ display:block; position:absolute; right:0; top:0; width:40px; height:40px; text-align:center; border-radius:40px; background:url(../images/search2.png) no-repeat left center; cursor:pointer}
.phsearch .searchbox .search .input1{ display:block; height:40px; width:100%; font-size:14px; color:#999; text-indent:15px; border-radius:40px; background-color:#e3e3e3;}

/*page banner*/
.pageban{ display:none;}
.phpageban{ display:block;}
.phpageban img{ width:100%;}

/*内页导航*/
.pagenav{ display:none;}
.pagenavph{ display:block; position:relative;}
.pagenavph .back{ display:block; position:absolute; right:10px; top:0;}
.pagenavph .back img{ height:25px;}
.pagenavph .top{ height:50px; line-height:50px; color:#007ec3; font-size:16px; font-weight:bold; background-color:#e5e5e5; padding-left:10px; padding-right:10px;}
.pagenavph .list{ display:none; position:absolute; z-index:2222; top:50px; left:0; width:100%; background-color:#f4f2f2;}
.pagenavph .list ul{}
.pagenavph .list li{ height:40px; line-height:40px; font-size:14px; border-bottom:1px #e5e5e5 solid;}
.pagenavph .list li:last-child{ border-bottom:2px #e5e5e5 solid;}
.pagenavph .list li a{ display:block; padding-left:10px; padding-right:10px;}
.pagenavph .list li a:hover{ background-color:#007bc3; color:#fff;}

/*内页公共*/
.pagecontentwal .wal{ margin:0;}
.pagecontentwal .rightbox .title0{ padding-left:10px; padding-right:10px;}
.pagecontent{ padding-bottom:20px; border-bottom:none; background-color:#f7f7f7;}
.pagecontent .leftbox{ display:none;}
.pagecontent .rightbox{ width:auto; float:none; margin-top:0; padding:20px 0;}
.pagecontent .rightbox .title0{ padding-bottom:20px;}
.pagecontent .rightbox .title0 h2{ font-size:20px;}
.pagecontent .rightbox .title0 p{ font-size:14px;}
/*加载更多*/
.pageNumDiv{ display:none;}
.phmore{ display:block; margin-top:20px; text-align:center; font-size:14px;}
.phmore a{ display:block; height:40px; line-height:40px; background-color:#007ec3; color:#fff;}

.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:14px; height:14px; background-color:#999; border-radius:50%; margin:0 5px;}
.indexFlashTel .btnDiv span.on{ background-color:#0994dc;}
.indexFlashTel .bd{position:relative; z-index:0;}
.indexFlashTel .bd li{position:relative; text-align:center;}
.indexFlashTel .bd li img{ float:left;}

.indexPart1{ padding-bottom:20px; padding-top:20px;}
.indexPart1 .wal{ height:auto; position:relative; margin-right:9px;}
.indexPart1 .list{ position:relative; z-index:222; left:auto; top:auto; width:100%;}
.indexPart1 .list ul{ width:auto;}
.indexPart1 .list li{ width:50%; float:left; margin-bottom:1px;}
.indexPart1 .list li .box{ margin-right:1px;}
.indexPart1 .list li .title{ height:60px; padding-left:60px;}
.indexPart1 .list li .title span{ left:10px;}
.indexPart1 .list li .title h3{ padding-top:12px; font-size:13px; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/ width:80px}
.indexPart1 .list li .title p{ font-size:12px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.indexPart1 .list li .content{ height:auto; padding-bottom:20px;}
.indexPart1 .list li .box:hover .title{ background:url(../images/ico1_2bgon.png) no-repeat center;}
.indexPart1 .list li .box:hover .content{ background:url(../images/ico1_3bgon.png) no-repeat center;}
.indexPart1 .list li .text{ padding:10px; /*min-height:125px;*/}
.indexPart1 .list li .text .txtp{ /*height:80px;*/ overflow:hidden;}
.indexPart1 .list li .text h2{ font-size:13px;}
.indexPart1 .list li .text p{ font-size:12px; padding-bottom:10px;}
.indexPart1 .list li .text .more{ display:block; width:120px; height:27px; line-height:27px; text-align:center; border-radius:27px; border:1px #c6c6c6 solid; color:#007ec3;}
.indexPart1 .list li .text .more:hover{ text-decoration:underline;}

.index2Part1{ padding-bottom:20px; padding-top:20px;}
.index2Part1 .wal{ height:auto; position:relative; margin-right:9px;}
.index2Part1 .list{ position:relative; z-index:222; left:auto; top:auto; width:100%;}
.index2Part1 .list ul{ width:auto;}
.index2Part1 .list li{ width:50%; float:left; margin-bottom:1px;}
.index2Part1 .list li .box{ margin-right:1px;}
.index2Part1 .list li .title{ height:60px; padding-left:60px;}
.index2Part1 .list li .title span{ left:10px;}
.index2Part1 .list li .title h3{ padding-top:12px; font-size:13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index2Part1 .list li .title p{ font-size:12px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index2Part1 .list li .content{ height:auto; padding-bottom:20px;}
.index2Part1 .list li .box:hover .title{ background:url(../images/ico1_2bgon.png) no-repeat center;}
.index2Part1 .list li .box:hover .content{ background:url(../images/ico1_3bgon.png) no-repeat center;}
.index2Part1 .list li .text{ padding:0 10px; min-height:125px;}
.index2Part1 .list li .text h2{ font-size:13px;}
.index2Part1 .list li .text p{ font-size:12px; padding-bottom:10px;}
.index2Part1 .list li .text .more{ display:block; width:120px; height:27px; line-height:27px; text-align:center; border-radius:27px; border:1px #c6c6c6 solid; color:#007ec3;}
.index2Part1 .list li .text .more:hover{ text-decoration:underline;}

.indexPart2{ padding-top:30px; padding-bottom:30px;}
.indexPart2 .hotnews{ width:auto; float:none;}
.indexPart2 .hotnews .title{ margin-bottom:20px; padding-left:20px;}
.indexPart2 .hotnews .title p{ font-size:14px;}
.indexPart2 .hotnews .imgDiv{ padding-bottom:20px;}
.indexPart2 .hotnews .imgDiv .name{ top:-100%;}
.indexPart2 .hotnews .imgDiv:hover .name{ top:-100%;}
.indexPart2 .hotnews .imgDiv01{ width:auto; float:none;}
.indexPart2 .hotnews .imgDiv02{ display:none;}
.indexPart2 .about{ width:auto; float:none; margin-top:30px;}
.indexPart2 .about .title .box{ margin-bottom:20px; padding-left:20px;}
.indexPart2 .about .title{ border-bottom:1px #cdd0d4 solid; margin-bottom:20px;}
.indexPart2 .about .title h3{ font-weight:inherit; font-size:18px; color:#333;}
.indexPart2 .about .con>img{ width:100%;}
.indexPart2 .about .ico1{ display:none;}
.indexPart2 .about .ico2{ display:none;}
.indexPart2 .about .ico3{ display:none;}
.indexPart2 .about .txt01{ left:3%; top:5%; width:160px; height:40px; text-align:right; border-radius:40px; padding-right:10px;}
.indexPart2 .about .txt01 h3{ font-size:14px; padding-top:2px;}
.indexPart2 .about .txt01 p{ font-size:12px;}
.indexPart2 .about .txt02{ left:5%; top:20%; width:160px; height:40px; border-radius:40px; padding-left:10px;}
.indexPart2 .about .txt02 h3{ font-size:14px; padding-top:2px;}
.indexPart2 .about .txt02 p{ font-size:12px;}
.indexPart2 .about .txt03{ position:absolute; left:8%; top:50%; width:160px; height:40px; border-radius:40px; padding-left:10px;}
.indexPart2 .about .txt03 h3{ font-size:14px; padding-top:2px;}
.indexPart2 .about .txt03 p{ font-size:12px;}

.indexPart2 .about .con{ padding-right:185px;}
.indexPart2 .about .con>img{}
/*.indexPart2 .about .phbtn{ position:absolute; right:0; top:50%; margin-top:-87px;} 20170822改*/
.indexPart2 .about .phbtn{ position:absolute; right:0; top:-1%; }
.indexPart2 .about .txt{ display:block; height:45px; margin:10px 0;}
.indexPart2 .about .txt>img{ width:50px; float:left; display:block; margin-right:5px;}
.indexPart2 .about .txtbox{ width:160px; height:40px; border-radius:40px; float:right; padding-left:10px; margin-top:5px; background-color:rgba(255,255,255,0.3);}
.indexPart2 .about .txtbox h3{ font-size:14px; padding-top:2px;}
.indexPart2 .about .txtbox p{ font-size:12px;}

.about1 .imgDiv{ padding-bottom:20px;}
.about1 .imgDiv img{ width:100%;}
.about1 .text h3{ font-size:18px; padding-bottom:10px; margin-bottom:10px;}

.mission1 ul{ width:auto;}
.mission1 li{ width:auto; float:none;}
.mission1 li .box{ margin-right:0;}
.mission1 .imgDiv{ padding-bottom:20px;}
.mission1 .imgDiv img{ width:100%;}
.mission1 li .text h3{ font-size:18px; padding-bottom:10px; margin-bottom:10px;}

.honor1{ margin-left:10px;}
.honor1 ul{ width:auto;}
.honor1 li{ width:50%; margin-bottom:10px;}
.honor1 li .box{ margin-right:10px;}
.honor1 li .name{ margin-top:2px;}
.honor1 li .name a{ display:block; font-size:14px; background-color:#fff; height:40px; line-height:40px; text-align:center;}
.honor1 li .name a:hover{ color:#fff; background-color:#007ec3;}

.history1 li{ padding-bottom:20px; margin-bottom:20px;}
.history1 li em{ width:70px; }
.history1 li .content{ padding-left:70px;}
.history1 li .content .text{ padding-bottom:10px;}
.history1 li .content .imgDiv img{ width:100%;}

.product1{ margin-left:10px;}
.product1 ul{ width:auto;}
.product1 li{ width:50%; margin-bottom:10px;}
.product1 li .box{ margin-right:10px;}
.product1 li .name{ margin-top:2px;}
.product1 li .name a{ display:block; font-size:14px; background-color:#fff; height:40px; line-height:40px; padding-left:10px;}
.product1 li .name a:hover{ color:#fff; background-color:#007ec3;}
.product1 .phmore{ margin-right:10px;}

.productshow1{}
.productshow1 .con1{ padding-bottom:30px;}
.productshow1 .con1 .left{ width:auto; float:none;}
.productshow1 .con1 .pimg{ padding:0 40px;}
.productshow1 .con1 .pimg img{ max-width:100%;}
.productshow1 .con1 .pimg .slick-prev{ position:absolute; left:20px; top:50%; margin-top:-20px; width:19px; height:41px; background:url(../images/ico6_1prev.png) no-repeat center;}
.productshow1 .con1 .pimg .slick-next{ position:absolute; right:20px; top:50%; margin-top:-20px; width:19px; height:41px; background:url(../images/ico6_1next.png) no-repeat center;}
.productshow1 .con1 .text{ padding-left:0;}
.productshow1 .con1 .text h1{ padding:20px 0;}
.productshow1 .con1 .text h2{ padding-bottom:20px;}
.productshow1 .con2 .listab{ height:50px; padding-bottom:20px;}
.productshow1 .con2 .listab li a{ width:148px; height:50px;}
.productshow1 .con2 .listab li a h3{ font-size:14px; padding-top:7px;}
.sharebottom{ height:auto;}
.sharebottom .back{ position:relative; top:0; right:0; margin-top:20px;}
.productshow1 .content02 .tablelist{ padding-bottom:20px;}
.productshow1 .content02 .tablelist img{ max-width:100%;}

.news1 .tlist{}
.news1 .tlist li{ padding-bottom:20px; margin-bottom:20px;}
.news1 .tlist li .text{ float:none; width:auto;}
.news1 .tlist li .text .title{ height:80px; position:relative; padding-left:100px; overflow:hidden;}
.news1 .tlist li .text .title .time{ width:80px; height:80px;}
.news1 .tlist li .text .title .time em{ font-size:14px;}
.news1 .tlist li .text .title .time span{ font-size:42px;}
.news1 .tlist li .text .title h3{ font-size:18px;}
.news1 .tlist li .text .title p{ font-size:14px; color:#010101; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news1 .tlist li .text .txt{ font-size:14px; color:#6e6e6e; line-height:2; padding-bottom:15px;}
.news1 .tlist li .text .more{ display:block; width:115px; height:35px; text-align:center; line-height:35px; background-color:#007ec3; font-size:14px; color:#fff;}
.news1 .tlist li .text .more:hover{ text-decoration:underline;}
.news1 .tlist li .imgDiv{ float:none; width:auto; margin-bottom:20px;}
.news1 .tlist li .imgDiv img{ border:4px #fff solid; width:100%;}
.news1 .list li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.newshow1 .title{ padding-bottom:20px;}
.newshow1 .title h1{ font-size:16px;}
.newshow1 .title .author em{ padding-right:20px;}
.newshow1 .content .text{ padding-bottom:20px;}
.newshow1 .content .imgDiv img{ width:100%;}
.newshow1 .content .name{ margin-left:0; margin-right:0; padding-bottom:30px;}
.shareDiv .share{ padding-bottom:20px; margin-bottom:20px;}
.shareDiv .back{ position:relative; top:0; right:auto; margin-top:20px;}
.newshow1 .conentimg img{width:100%;}

.case1 ul{ width:auto;}
.case1 li{ width:auto; float:none; margin-bottom:20px;}
.case1 li .box{ margin-right:0;}

.caseshow1{}
.caseshow1 .title{ padding-bottom:20px;}
.caseshow1 .title h1{ font-size:16px;}
.caseshow1 .title .author em{ padding-right:20px;}
.caseshow1 .content .text{ padding-bottom:20px; margin-bottom:20px;}
.caseshow1 .content .text04{ padding-bottom:40px;}
.caseshow1 .content .text p{ font-size:14px; color:#6e6e6e; line-height:2;}
.caseshow1 .content .text h3{ font-size:18px; color:#333; padding-bottom:15px;}
.caseshow1 .content .text h4{ font-size:16px; color:#6e6e6e;}
.caseshow1 .content .text .txt{ padding-bottom:30px;}
.caseshow1 .content .text .imglist{ padding-bottom:10px;}
.caseshow1 .content .text .imglist li{ float:none; margin-bottom:20px;}
.caseshow1 .content .text .imglist li .box{ margin-right:0;}
.caseshow1 .imglist li .imgDiv{ text-align:center;}
.caseshow1 .imglist li .imgDiv img{ width:100%;}
.caseshow1 .imglist li .name{ padding-top:10px; font-size:14px; text-align:center;}
.caseshow1 .content .text .imglast li{ width:50%; float:left; text-align:center;}
.caseshow1 .content .text .imglast li .imgDiv img{ width:90%;}

.download1 .dlist{ margin-bottom:20px; height:65px;}
.download1 .dlist li .box{ height:65px;}
.download1 .dlist li h3{ font-size:14px; padding-top:10px;}
.download1 .dlist li p{ text-transform:none; line-height:1;}
.download1 .list li{ padding-bottom:20px; margin-bottom:20px;}
.download1 .list li .box{ padding:10px;}
.download1 .list li .ico{ display:block; width:100px; position:absolute; right:0; top:0; background-color:#e1e1e1; height:100%; text-align:center;}
.download1 .list li .ico p{ width:60px; height:20px; border-radius:20px; text-align:center; line-height:20px; color:#fff; margin:0 auto; background-color:#007ec3;}
.download1 .list li .ico img{ padding-top:35%; padding-bottom:10px;}
.download1 .list li .title{ height:auto; line-height:none;}
.download1 .list li .title h2{ font-size:16px; float:none; margin-right:110px;}
.download1 .list li .title em{ font-size:14px; color:#888;}
.download1 .list li .text p{ font-size:14px; padding-right:110px;}
.download1 .list li .text .time{ font-size:14px;}
.download1 .list li .text .time span{ padding:0; display:block;}

.pagecontentmap .rightbox{ background:none; background-color: #f7f7f7;}
.listmap li{ margin-bottom:20px; border:1px #dedede solid; padding-bottom:10px;}
.listmap li h3{ font-size:16px; color:#007ec3; background-color:#fff; height:40px; line-height:40px; border-bottom:1px #dedede solid; padding-left:10px; padding-right:10px;}
.listmap li p{ font-size:14px; padding-top:10px; padding-left:10px; padding-right:10px;}

.mlistA{ margin-bottom:20px;}
.mlistA li{ width:33.33%; float:left;}
.mlistA li a{ display:block; margin:0 1px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background-color:#606060;}
.mlistA li.liNow a,.mlistA li a:hover{ background-color:#006fac;}


.measure1 .tablelist li{ background:url(../images/ico14_2hr.png) repeat-y 60%;}
.measure1 .tablelist li:last-child{ border-bottom:none;}
.measure1 .tablelist li:first-child{ height:50px; line-height:50px; background-color:#fff; font-weight:bold;}
.measure1 .tablelist li:first-child dd p{ padding:0;}
.measure1 .tablelist li dd{ float:left; text-align:center; font-size:14px;}
.measure1 .tablelist li dd:nth-child(1){ width:60%;}
.measure1 .tablelist li dd:nth-child(2){ width:40%;}
.measure1 .tablelist li dd p{ padding:10px;}

.question1 .qlist{}
.question1 .qlist{ margin-bottom:20px; height:40px;}
.question1 .qlist li a{ height:40px; overflow:hidden;}
.question1 .qlist li h3{ font-size:14px; padding-top:0; line-height:40px;}
.question1 .qlist li p{ display:none;}

.question1 .list .title{ line-height:1.5; padding:13px 50px; padding-right:30px; background:url(../images/ico14_1hr.png) repeat-x bottom left,url(../images/ico16_1.png) no-repeat left 8px,url(../images/ico16_2.png) no-repeat right 18px; font-size:14px; color:#474745; cursor:pointer;}
.question1 .list .title:hover{ color:#007ec3;}
.question1 .list .text{ display:none; position:relative; margin-top:13px; padding-bottom:13px; background:url(../images/ico14_1hr.png) repeat-x bottom left;}
.question1 .list .text em{ position:absolute; left:0; top:0;}
.question1 .list .txt{ padding-left:50px; font-size:14px; line-height:2; color:#888;}

.search1{}
.search1 .list li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search2{ margin-left:10px;}
.search2 ul{ width:auto;}
.search2 li{ width:50%; margin-bottom:10px;}
.search2 li .box{ margin-right:10px;}
.search2 li .name{ margin-top:2px;}
.search2 li .name a{ display:block; font-size:14px; background-color:#fff; height:40px; line-height:40px; padding-left:10px;}
.search2 li .name a:hover{ color:#fff; background-color:#007ec3;}
.search2 .phmore{ margin-right:10px;}
.sitemap1 li dd{ margin-right:20px;}
.contact1 .map img{ max-width:100%;}
.contact1 .list{ padding:10px; padding-top:20px;}
.contact1 .list li{margin-bottom:20px; width:auto; float:none;}
.contact1 .list li h3{ padding-top:5px;}
}

@media screen and ( max-width:320px ){
	.question1 .qlist{ height:50px;}
	.question1 .qlist li a{ height:50px;}
	.question1 .qlist li h3{ line-height:1.5; padding:5px;}
	.indexPart2 .about .con{ padding-right:150px;}
	.phimg{width:50%}
}