/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1004px ){
	.headDiv .wal{ width:100%; height:60px;}
	.wal{width: 94%;margin:0 auto;}
	.headDiv{ height:60px; z-index:22; position:relative;}
	.headDiv .logo{ position:absolute; left: 10px; top: 12px;}
	.headDiv .logo img{ width: 130px; }
	.indexFlashBox, .navIcoPC, .headDiv .topRight, .nav, .banner, .sideBar, .pageBanner, .pageNum, .pageTop, .newsRight, .indexBox .bg{ display:none;}
	.lanTel, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore, .leftNavTel, .headDiv .stock, .pageMore2{ display:block;}
	.navIco{display:block; width:33px; height:26px; position:absolute; top:16px; right:10px; }
	.navIco img{ width: 33px; }
	.topSearchIco{display:block; width:30px; height:30px; position:absolute; top:15px; right:60px; }
	.topSearchIco img{ width: 30px; }
	.indexBox{ height: auto; background: #fff;}
	.indexBox .leftDiv{ width: 100%; height: auto; background: #f5f5f5; padding-bottom: 30px;}
	.indexBox .rightDiv{ width: 100%; }
	.indexBox .topList, .indexFoot, .indexBox .stock{ display: none; }
	.indexBox .stockTel, .indexBox .topListTel, .indexBox .leftDiv .titleTel{ display: block; }
	.indexCulture{ width: 100%; height: auto;}
	.indexCulture .imgDiv img{ width: 100%; }
	.indexCulture .txt1{ left: 20px; top: 25px;}
	.indexCulture .txt2{ left: 20px; top: 65px; }
	.indexCulture .btnDiv{ left: 20px; top:105px; }
	.indexBox .midList{ width: 100%; }
	.indexBox .midList li{ width: 50%; height: 100px;}
	.indexBox .midList li .txt1{ font-size: 12px;}
	.indexBox .title{ float: none; margin-right: 0px; width:56px;  height: 34px; margin: 0 auto; line-height: 34px;}
	.newsContent{ padding: 30px 0; height: auto;}
	.newsContent .detail{ padding-left: 84px; padding-right: 10px;}
	.newsContent .detail .time{ left: 10px; font-size: 30px;}
    .newsContent .detail .name{ font-size: 16px; padding-right:0px;}
	.newsContent .detail .content{ padding:10px 0 0 0;}
	.newsContent .detail .imgDiv img{ width: 100%;}
	.indexBox .leftDiv .btnDiv{ display: block; }
	.aboutPart1{ padding: 30px 0 0;}
	.aboutPart1 .contentBox{ width: 100%; }
	.aboutPart1 .year{ font-size: 36px;}
	.aboutPart1 .name{ font-size: 16px; padding-bottom: 15px;}
	.aboutPart1 .imgDiv{ padding-top: 20px; width: 100%; }
	.aboutPart1 .imgDiv img{ width: 100%; }
	.aboutPart2{ height: auto; background:  url(../images/aboutpart2tel.jpg) center no-repeat; background-size: 100% 100%;}
	.aboutPart2 .list{ overflow: hidden; padding-top: 30px;}
	.aboutPart2 .list li{ width: 50%; height: 110px;    margin-right: 0;}
	.aboutPart2 .list li .box{ padding-left: 85px;}
	.aboutPart2 .list li .ico img{ width: 75px;}
	.aboutPart2 .list li .num{ font-size: 32px; padding-top: 12px; line-height: 30px;}
	.aboutPart2 .list li .txt{ font-size: 12px;}
    .aboutPart2 .tips{ padding:10px 0 30px;}

	.aboutPart3{ padding:0 0 40px;}
	.aboutPart3 .imgDiv{ display: none; }
	.aboutPart3 .imgDivTel{ display: block; }
	.aboutPart3 .content{ width: 100%; padding-top: 20px; }
	.footDiv{ padding: 30px 0; height: auto;}
	.footDiv2{ display: block; }
	.footDiv .links{ text-align: center; padding-bottom: 15px; line-height: 30px;}
	.footDiv .msg{ text-align: center;}
	.footDiv .share{ position:relative; right: 0px; top: 0px; text-align: center; padding-bottom: 25px;}
	.footDiv .share li{ float: none; width: 40px; height: 40px; margin: 0 10px; display: inline-block;}
	/*	.newsBox{ padding: 0 10px; }*/
	.newsLeft{ width: 100%; padding:30px 0 60px 0; border-right:none; }
	.newsLeft .detail{ padding-right: 0px; height: auto; padding-bottom: 20px;}
	.newsLeft .detail .imgDiv{ position: relative; }
	.newsLeft .detail .imgDiv img{ width: 100%; }
	.newsLeft .detail .time{ font-size: 20px; padding-top: 10px;}
	.newsLeft .detail .name{ font-size: 16px;}
	.newsLeft .detail .more a{ height: 48px; line-height: 48px;}
	.newsLeft .list li{ height: 142px; padding-left: 96px;}
	.newsLeft .list li .time{ top: 20px; width: 80px; height: 80px;}
	.newsLeft .list li .time b{ padding:12px 0 0 10px; line-height: 26px; font-size: 28px;}
	.newsLeft .list li .time p{ padding-left: 10px; }
	.newsLeft .list li .name{ padding-top: 20px; height: 24px; line-height: 24px; font-size: 16px;}
	.pageMore a{ height: 48px; line-height: 48px;}
	.newShow .name{ font-size: 18px; padding-bottom: 20px; }
	.newShow .touDiv{ height: auto; padding-bottom: 15px;}
	.newShow .time em{ padding-right: 20px;}
	.newShow .bigImg{ padding: 15px 0; }
	.newShow .bigImg img{ width: 100%; }
	.newShow .imgList{ padding: 20px 0;}
    .newShow .content img{ width:100%;}
	.newShow .imgList ul{ margin-right: 0px; }
	.newShow .imgList li{ width: 100%;}
	.newShow .imgList li .box{ margin-right: 0px; }
	.newShow .imgList li img{ width: 100%; }
	.pageDown{ padding-right: 0px;}
	.pageDown .box{ height: auto; padding-bottom: 40px; padding-top: 20px;}
	.pageDown li{ padding-right: 0px;}
	.pageDown .btnDiv{ position:relative; top: 0px; padding-top: 15px;}
	.pageDown .btnDiv a{ width: 134px; height: 35px; background-size: 134px; line-height: 35px; font-size: 14px; text-indent: 16px;}
	
	.advantagePart1{ padding-bottom: 40px; }
	.advantagePart1 .title{padding: 30px 0 5px;} 
	.advantagePart1 .title b{font-size: 20px;} 
	.advantagePart1 .title p{padding-top: 5px;font-size: 18px;}
	.advantagePart1 .txt{ font-size: 20px; padding: 20px 0; }
	.advantagePart1 .msg{ height: 30px; width: auto; font-size: 12px;  line-height: 30px; }
	.advantagePart1 .msg em{ padding: 0 2px; }
	.advantagePart1 .imgDiv{ padding-top: 25px;}
	.advantagePart1 .imgDiv img{ width: 100%; }
	.advantagePart2{ padding: 30px 0 40px;}
	.advantagePart2 .msg{ height: 30px; width: auto; font-size: 12px;  line-height: 30px; }
	.advantagePart2 .msg em{ padding: 0 2px; }
	.advantagePart2 .imgDiv{ padding-top: 30px; }
	.advantagePart2 .imgDiv img{ width: 100%; }
	.advantagePart3{ background: #fff; padding: 30px 0 40px; height: auto;}
	.advantagePart3 .msg{  height: 30px; width: auto; font-size: 12px;  line-height: 30px; }
	.advantagePart3 .msg em{ padding: 0 2px; }
	.advantagePart3 .imgDiv{ padding-top: 40px; }
	.advantagePart3 .imgDiv img{ width: 100%; }
	.coopContact{ padding:30px 0 50px;}
	.coopContact .title b{font-size: 20px;} 
	.coopContact .title p{padding-top: 5px;font-size: 18px;}
	.coopContact .leftDiv{ width: 100%; }
	.coopContact .txt1{ padding-top: 25px; font-size: 18px; }
	.coopContact .txt2{ font-size: 14px; padding: 5px 0 20px;}
	.coopContact .list li{ width: 100%; margin-right: 0px; margin-bottom: 10px; height: 70px; line-height: 70px; text-indent: 40px; font-size: 20px;}
	.coopContact .imgDiv img{ width: 100%; }
	.coopContact .wordImg{ display: none;}
	.cooperationPart1{ padding-bottom: 40px; }
	.cooperationPart1 .title{padding: 30px 0 5px;} 
	.cooperationPart1 .title b{ font-size: 20px; }  
	.cooperationPart1 .title p{padding-top: 5px; font-size: 18px;}
	.cooperationPart1 .content{ width: 100%; }
	.cooperationPart1 .list li{ width: 100%; margin-bottom: 10px;}
	.cooperationPart1 .list li .contentBox{ height: auto; padding: 0 20px 30px;}
	.cooperationPart1 .list li .name{ padding: 30px 0 10px; font-size: 16px; }
	.cooperationPart1 .list li .msg{ height: auto;}
	.cooperationPart2{ background-size: 100% 100%; height: auto; padding-bottom: 50px;}
	.cooperationPart2 .txt{ font-size: 20px; height: 70px; line-height: 70px; }
	.cooperationPart2 .list{ display: none;}
	.cooperationPart2 .listTel{ display: block; }
	.process{ padding-bottom: 60px; }
	.process .title{padding: 30px 0 20px;}
	.process .title b{ font-size: 20px; }
	.process .title p{padding-top: 5px; font-size: 18px;}
	.process .list{ height: auto;}
	.process .list .bg{ display: none;}
	.process .list li{ width: 50%; height: 185px; margin-bottom: 10px;}
	.process .list li .ico{ padding: 30px 0 15px; }
	.process .imgDiv img{ width: 100%; }
	.process .contentBox{ padding-left: 0px; width: 100%; }
	.process .name{ padding-top: 32px; font-size: 20px;}
	.process .content{ height: auto; line-height: 24px;}
	.report{ padding-bottom: 45px; }
	.report .title{padding: 30px 0 20px;}
	.report .title b{ font-size: 20px; }
	.report .title p{padding-top: 5px; font-size: 18px;}
	.reportList{ height:36px; padding:0 50px;}
	.reportList .slick-slide{ height:36px; line-height:36px; font-size:16px;}
	.reportBox .slick-prev{ background-size:50px; width:50px; height:36px;}
	.reportBox .slick-next{ background-size:50px; width:50px; height:36px;}
	.reportBox .slider-for{ padding-top: 20px; }
	.reportBox .bigBox{ padding-left: 10px; padding-right: 10px; height: auto; padding-bottom: 30px;}
	.reportBox .bigBox .year{ bottom: 0px; left: 0px; font-size: 40px; line-height: 30px; position: relative; padding-bottom: 15px;}
	.reportBox .bigBox .list li{ margin-left: 0px; width: 100%; margin-bottom: 10px;}
	.reportBox .bigBox .list li .box{ height: 150px; padding-left: 116px;}
	.reportBox .bigBox .list li .imgDiv img{ width: 102px;}
	.reportBox .bigBox .list li .year2{ padding-top: 20px; font-size: 32px;}
	.reportBox .bigBox .list li .txt{ font-size: 16px; padding-bottom: 15px;}
	.reportBox .bigBox .list dd{ width: 74px; height: 30px;line-height: 30px; margin-right: 5px;}
	.service{ padding-bottom: 60px; }
	.service .title{padding: 30px 0 20px;}
	.service .title b{ font-size: 20px; }
	.service .title p{padding-top: 5px; font-size: 18px;}
	.service .list li{ height: auto; padding: 0 0 25px 0; margin-bottom: 10px;}
	.service .list .li01{ padding: 0 0 25px 0;}
	.service .list li .imgDiv{ position:relative;}
	.service .list li .imgDiv img{ width: 100%; }
	.service .list li .name1{ padding: 20px 10px 0; font-size:18px;}
	.service .list li .name2{ font-size:18px; padding:0 10px 20px;}
	.service .list li .txt{ padding: 0 10px 15px; }
	.service .list li .content{ padding: 0 10px; }
	.service .list2 li{ height: auto; padding: 0 0 25px 0; margin-bottom: 10px;}
	.service .list2 .li01{ padding: 0 0 25px 0;}
	.service .list2 li .imgDiv{ position:relative;}
	.service .list2 li .imgDiv img{ width: 100%; }
	.service .list2 li .name1{ padding: 20px 10px 0; font-size:18px;}
	.service .list2 li .name2{ font-size:18px; padding:0 10px 20px;}
	.service .list2 li .txt{ padding: 0 10px 15px; }
	.service .list2 li .content{ padding: 0 10px; }
	.appreciation{ padding-bottom: 50px; }
	.appreciation .title{padding: 30px 0 20px;}
	.appreciation .title b{ font-size: 20px; }
	.appreciation .title p{padding-top: 5px; font-size: 18px;}
	.addedPart1 .leftDiv{ width: 100%; }
	.addedPart1 .list2{ padding-top: 0px; }
	.addedPart1 .list ul{ margin-right: -10px; }
	.addedPart1 .list li{ width: 50%; margin-bottom: 10px;}
	.addedPart1 .list li .box{ margin-right: 10px; padding-left: 50px;}
	.addedPart1 .list li .ico{ left: 15px; top: 14px; }
	.addedPart1 .bigImg{ padding-top: 10px; }
	.addedPart1 .bigImg img{ width: 100%;}
	.addedPart2{ padding: 20px 0 40px;}
	.addedPart2 li{ float: none; width: 100%;}
	.addedPart2 li .box{ padding: 0 25px 0 20px;}
	.addedPart2 li .name{ padding: 30px 0 15px; }
	.addedPart3 .rightDiv{ width: 100%; padding-top: 25px;}
	.addedPart3 .content{ padding-bottom: 20px;}
	.addedPart3 .list ul{ margin-right: -10px; }
	.addedPart3 .list li{ width: 50%; margin-bottom: 10px;}
	.addedPart3 .list li .box{ margin-right: 10px; padding-left: 50px; }
	.addedPart3 .list li .ico{ left: 15px;}
	.addedPart3 .bigImg{ padding-top: 10px; }
	.addedPart3 .bigImg img{ width: 100%; }
	.addedPart4{ padding: 20px 0 56px; overflow: hidden; }
	.addedPart4 li{ float: none; width: 100%;}
	.addedPart4 li .box{ padding: 0 25px 0 20px;}
	.addedPart4 li .name{ padding: 30px 0 15px; }
	.addedPart5{ padding: 20px 0 0px;}
	.addedPart5 li{ width: 100%;}
	.addedPart5 li .box{ padding: 0 25px 0 20px;}
	.addedPart5 li .name{ padding: 30px 0 15px; }
	.customerPart1{ padding-bottom: 45px; }
	.customerPart1 .title{padding: 30px 0 20px;}
	.customerPart1 .title b{ font-size: 20px; }
	.customerPart1 .title p{padding-top: 5px; font-size: 18px; }
	.customerPart1 .txt{ font-size: 18px; padding-bottom: 25px; }
	.customerPart1 .content{ text-align: left;}
	.customerPart1 .content span{ display:inline; }
	.customerPart2 .txt{ font-size: 18px; padding-bottom: 30px; }
	.customerPart2 .list{ overflow: hidden; position: relative; z-index: 1;}
	.customerPart2 .list ul{ margin-right: 0px; }
	.customerPart2 .list li{ width: 100%; }
	.customerPart2 .list li .box{ margin-right: 0px; height: auto; padding: 0 15px 25px;}
	.customerPart2 .list li .name{ padding: 25px 0 15px;}
	.customerPart2 .bg{ display: none;}
	.customerPart3{ padding: 35px 0 20px;}
	.customerPart3 .txt{ font-size: 18px; padding-bottom: 35px; }
	.customerPart3 .list li{ width: 50%; margin-bottom: 25px;}
	.customerPart3 .list li .ico img{  width: 100px;}
	.customerPart3 .list li .name{ padding-top: 15px; font-size: 14px; }
	.customerPart4{ padding: 30px 0 50px; }
	.customerPart4 .txt{ font-size: 18px; padding-bottom: 25px; }
	.servicePic{ margin: 0 -5px; padding-bottom: 70px}
	.servicePic .slick{ margin:0 5px; }
	.servicePic .slick .name{ padding-top: 10px; font-size: 14px;}
	.servicePic .slick-prev{ left: 50%; margin-left: -60px; top: auto; bottom: 0px; margin-top: 0px;}
	.servicePic .slick-next{ right: 50%; margin-right: -60px; top: auto; bottom: 0px; margin-top: 0px; }
	.job{ padding-bottom: 50px; }
	.job .title{padding: 30px 0 20px;}
	.job .title b{ font-size: 20px; }
	.job .title p{padding-top: 5px; font-size: 18px;}
	.job .form li{ float: none; margin-bottom: 10px;}
	.job .form li .box{ margin-right: 0px;}
	.job .form li .selectDiv{  width:100%;}
	.job .form li .input1{ width: 100%;}
	.job .list{ padding-bottom: 0px; }
	.job .list li{ margin-bottom:15px;}
	.job .list li .name a{ font-size: 15px; height: 45px; line-height: 45px; background: #e1e1e1; padding-left: 10px;} 
	.job .list li.liNow .name a{ background:#29b4cb;}
	.job .list li .box{ padding:10px 15px 40px;} 
	.job .list li .top dd{  width: 100%; padding-right: 0px; font-size: 12px; display: block;} 
	.job .list li .top .dd01{ position: relative; }
	.job .list li h2{ padding:25px 0 10px;}
	.school{ padding-bottom: 65px; }
	.school .title{padding: 30px 0 20px;}
	.school .title b{ font-size: 20px; }
	.school .title p{padding-top:5px; font-size: 18px;}
	.school .part1 .tlt{ font-size: 18px; padding-bottom: 20px; }
	.school .part1 .list ul{ margin-right: 0px; }
	.school .part1 .list li{ width: 100%; margin-bottom: 10px; }
	.school .part1 .list li .box{ margin-right: 0px; height: auto;}
	.school .part1 .list li .txtDiv{ top: 50%; height: 80px; margin-top: -40px;}
	.school .part1 .list li .txt1{ font-size: 22px; }
	.school .part1 .list li .txt2{ font-size: 16px; }
	.school .part1 .list li .botDiv{ padding: 20px 15px 25px; }
	.school .part1 .list li .btnDiv{ position: relative; left: 0px; bottom: 0px; padding-top: 15px;}
	.school .part2{ padding: 30px 0 35px; }
	.school .part2 .leftDiv{ width: 100%; margin-right: 0px; margin-bottom: 25px;}
	.school .part2 .leftDiv .tlt{ font-size: 18px; padding-bottom: 15px;}
	.school .part2 .leftDiv .box{ height: 144px;}
	.school .part2 .leftDiv .txt1{ font-size: 22px; padding-top: 20px;}
	.school .part2 .leftDiv .txt2{ font-size: 16px;}
	.school .part2 .leftDiv .btnDiv{ width: 126px; margin: 0 auto; position:relative; left: 0; bottom: 0px; padding-top: 15px;}
	.school .part2 .rightDiv{ width: 100%; }
	.school .part2 .rightDiv .tlt{ font-size: 18px; padding-bottom: 15px;}
	.school .part2 .rightDiv .box{ height: 144px;}
	.school .part2 .rightDiv .imgDiv{ padding: 20px 10px 0; }
	.school .part2 .rightDiv .imgDiv img{ width: 100%; }
	.school .part2 .rightDiv .btnDiv{  width: 126px; margin: 0 auto; position:relative; left: 0; bottom: 0px; padding-top: 15px;}
	.school .part3 .tlt{ font-size: 18px; padding-bottom: 20px; }
	.schoolPic{ margin: 0 -5px; padding-bottom: 70px;}
	.schoolPic .slick{ margin:0 5px; }
	.schoolPic .slick-prev{ left: 50%; margin-left: -60px; top: auto; bottom: 0px; margin-top: 0px;}
	.schoolPic .slick-next{ right: 50%; margin-right: -60px; top: auto; bottom: 0px; margin-top: 0px; }
	.phoenix{ padding: 30px 0 45px; }
	.phoenix .title{ font-size: 20px; padding-bottom: 20px; }
	.phoenix .bigBox{ padding: 30px 20px;}
	.phoenix .leftDiv{ width: 100%; }
	.phoenix .txt{ font-size: 16px; }
	.phoenix .content{ line-height: 26px;}
	.phoenix .imgDiv{ padding-top: 30px; }
	.phoenix .imgDiv img{ width: 100%; }
	.rocket{ padding: 30px 0 45px; }
	.rocket .title{ font-size: 20px; padding-bottom: 20px;}
	.rocket .bigBox{ padding: 30px 20px 40px;}
	.rocket .leftDiv{ width: 100%; }
	.rocket .rightDiv{ width: 100%; padding-top: 25px;}
	.rocket .txt{ font-size: 16px;}
	.rocket .content{ line-height: 26px;}
	.rocket .imgDiv img{ width: 100%; }
	.meeting .title{padding: 30px 0 20px;}
	.meeting .title b{ font-size: 20px; }
	.meeting .title p{padding-top:5px; font-size: 18px;}
	.meeting .PCDiv{ display: none; }
	.meeting .phoneDiv{ display: block; }
	.investor{ padding-bottom: 40px;}
	.investor .title{padding: 30px 0 20px;}
	.investor .title b{ font-size: 20px; }
	.investor .title p{padding-top: 5px; font-size: 18px;}
	.investor .leftBox{ width: 100%; }
	.investor .box1{ height: auto;}
	.investor .box1 .left{ width: 100%; height: auto; padding-bottom: 30px;}
	.investor .box1 .left .name{ padding: 30px 0 10px 20px;}
	.investor .box1 .left .price{ font-size: 30px;}
	.investor .box1 .right{ width: auto; padding-left: 20px; height: auto; padding-bottom: 25px;}
	.investor .box1 .touDiv{ padding-top: 30px;}
	.investor .box1 .shu{ font-size: 48px;}
	.investor .box1 .hkd{font-size: 16px; padding-top: 30px; background: url(../images/nimg13_1.png) center 15px no-repeat;}
	.investor .box1 .bigNum p{ clear: both; font-size: 14px;}
	.investor .box1 .numList{ overflow: hidden; padding-top: 15px;}
	.investor .box1 .numList li{ width: 70px;}
	.investor .box1 .numList li p{ height: 28px; }
	.investor .box1 .numList li .num{ font-family: bold; font-size: 18px; color: #e50011; }
	.investor .box1 .tips{ padding-top: 20px; padding-right: 20px;}
	.investor .box2 .leftDiv{ width: 100%; margin-right: 0px; }
	.investor .box2 .leftDiv li img{ width: 100%; }
	.investor .box2 .midDiv{ width:100%; margin-right: 0px; height: auto;}
	.investor .box2 .midDiv .lbox{ padding: 24px 15px; }
	.investor .box2 .midDiv .time{ font-size: 20px;}
	.investor .box2 .midDiv .name a{ display: block; height: 32px; line-height: 32px; overflow: hidden; font-size: 18px; color: #ff9b00; }
	.investor .box2 .midDiv .name a:hover{ text-decoration: underline; }
	.investor .box2 .midDiv .content{ font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; }
	.investor .box2 .midDiv .list{ padding-top: 15px; }
	.investor .box2 .midDiv .list li{ /*height: 22px;*/ line-height: 22px; overflow: hidden; padding-left: 66px; position: relative; }
	.investor .box2 .midDiv .list li em{ position: absolute; left: 0px; top: 0px; }
    .investor .box2 .rightDiv{ width: 100%; height: auto; margin-top: 10px;}
	.investor .box2 .rightDiv .imgDiv img{ width:100%;}

	.announcement{ padding-bottom: 40px;}
	.announcement .title{padding: 30px 0 20px;}
	.announcement .title b{ font-size: 20px; }
	.announcement .title p{padding-top: 5px; font-size: 18px;}
	.announcement .leftBox{ width: 100%;}
	.announcement .bigBox{ padding: 20px 15px 40px;}
	.announcement .tab2{ padding-bottom: 25px; }
	.announcement .tab2 li{ margin-right: 16px; height: 25px; font-size: 20px; margin-bottom: 10px;}
	.announcement .list{ padding-bottom: 5px;}
	.announcement .list ul{ margin-right: 0px; }
	.announcement .list li{ width: 100%; margin-bottom: 15px;}
	.announcement .list li .box{ margin-right: 0px; padding: 0 55px 0 15px; height: 90px;}

	.sideRight{ width: 100%; padding-top: 20px;}
	.sideRight .imgDiv{ display: none; }
	.sideRight .imgDivTel{ display: block;}



	/*lx*/
	.wal-1{width: 94%;margin:0 auto;}
	.pc-hide{display:block!important;}
	.pc-show{display:none!important;}

	.history .title{padding: 30px 0 5px;} 
	.history .title b{font-size: 20px;} 
	.history .title p{padding-top: 5px;font-size: 18px;}
	.history{padding: 0 3%;} 
	.history .Box li .content {padding-left: 0; padding-top: 0; } 
	.history .Box li .year {top: 0px;width: 22%;font-size: 14px;} 
	.history .Box li .ico {left: 26.5%;top: 9px;width: 6%;background: url(../images/x1_1.png) no-repeat 100% center;/* background-size: 80%; */}
	.history .Box li .owrap {width: 64%;padding-left: 36%;background: url(../images/x4.png) 29.5% repeat-y!important;left: 0%;margin-left: 0px;}
	.history .Box li.green_Hov {background:none;} 
	.history .Box li.green_Hov .year {background: #006d9b; color: #fff; } 
	.history .Box li.green_Hov .content li{font-size: 14px; background: url(../images/x2.png) no-repeat 4px 13px; background-size:11px; color:#898888;} 
    .history .Box li.green_Hov .ico{background: url(../images/x1_2.png) no-repeat 100% center;}

	.honor {padding: 30px 0 60px; } 
	.honor-list .tlt {height: 45px; line-height: 45px; font-size: 20px; padding-left: 23px; } 
	.honor-list .box {background: url(../images/x7.jpg) repeat-y 11.5%; } 
	.honor-list dl {line-height: 25px; padding-left: 19%; background: url(../images/x5.png) no-repeat 10% 7px; margin-bottom: 10px; } 
	.honor .down-ico {margin-left: 5%; width: 14%; display: block; } 
	.honor .down-ico img{width: 100%;}

	.join {padding: 30px 0 60px; } 
	.join .tlt {font-size: 18px; padding-bottom: 5px; line-height: 30px; }
	.join .tlt2{ font-size: 18px; padding-bottom: 15px;} 
	.join .o1{ padding-right: 0px; }
	.join .o1 p {color: #797979; line-height: 30px; width: 100%;} 
	.join .o1 .imgDiv {display: none; } 
	.join .o1 .ewmDiv{ width: 100%; padding-top: 20px; font-size: 14px; margin-top: 0px;}
	.join .o2 {width: 100%; margin-bottom: 20px; } 
	.join .o2 .img img{width: 100%;} 
	.join .o2 .txt {height: auto; padding: 0 20px 22px; } 
	.join .o2 b {font-size: 18px; padding-top: 18px; } 
	.join .o2 em {font-size: 14px; }

	.contact {padding: 30px 0; } 
	.contact .tlt {font-size: 20px; } 
	.contact .tlt em {padding: 7px 0 10px; line-height: 25px; } 
    .contact .o1 .list {margin-bottom: 30px; width:100%;} 
	.contact .o1 .list li{line-height: 24px; font-size: 13px;color: #666; margin-bottom:15px; padding-left:45px; position:relative} 
	.contact .o1 .list li span{ position:absolute; left:0px; top:0px;}
	.contact .o1 .icos {width: 100%; margin-top: 0;float:none;} 
	.contact .o1 .icos>div{width:191px; float:none; margin:0 auto} 
	.contact .o1 .icos p {font-size: 14px; } 
	.contact2{ padding-top: 35px;} 
	.contact2 .o2{ padding-bottom: 20px;}
	.contact2 .o2 .tlt{ margin-bottom: 15px; }  
	.contactList em{ margin-right: 0px; float: none; padding-bottom: 10px;} 
	.contactList .box{ float: none; overflow: hidden; margin-bottom: 15px;}
	.contactList li{ font-size: 14px; cursor: pointer; color: #666; display: inline-block; height: 24px; line-height: 24px; padding: 0 11px; border-radius: 20px; -moz-border-radius:20px;} 
	.contactContent{ display: none; padding-top: 15px;}
	.contactContent .name{ font-size: 20px;}
	.contactContent .msgList li{ float: none;  margin-right: 0px; }
	.contactList .bigBox{ padding-left:80px;}
	.contactList .box{ width:100%;}
    .bigPicLayer{ width:94%; height:auto;}
	.bigPicLayer .imgDiv{ padding: 10px;}
	.bigPicLayer .close{ right:0px; top:0px; }

    	/*2018.5.10*/
	.community{ padding-bottom: 70px;}
	.community .title{padding: 30px 0 20px;}
	.community .title b{ font-size: 20px; }
	.community .title p{padding-top: 5px; font-size: 18px;}
	.community .txt{ font-size: 18px; color: #006d9b; font-weight: bold; padding-bottom: 35px; }
	.communityPic{ width: 100%;}
	.communityPic .slick .name{ height: 45px;  }
	.communityPic .slick .name a{ height: 45px; line-height: 45px; font-size: 14px; padding-left: 10px; }
	.communityPic .slick-dots{ right:15px; bottom:15px;}
	.communityPic .slick .imgDiv{ display: block; }
	.communityPic .slick .imgDiv img{width: 100%; min-height: auto; }
	.community .part1{ padding-bottom: 40px; width: 100%}
	.community .part1 .list{ width: 100%; padding-top: 20px;}
	.community .part1 .list li{ height: 120px;}
	.community .part1 .list li .name{ padding-top: 15px; line-height: 26px; font-size: 14px;}
	.community .part1 .list li .name a{ height: 26px;}
	.community .part1 .list .li01{ height: 104px; }
	.community .part1 .list .li01 .name{ padding-top: 0px; }
	.community .part1 .list li .content{ height: 66px; line-height: 22px;}
	.community .part1 .list .li02{ height: 100px;}
	.community .part2{ padding-bottom: 35px; }
	.groupPic{ margin: 0;}
	.groupPic .slick{ margin: 0; }
	.groupPic .slick .botDiv{ padding: 0 15px; height:200px;}
	.groupPic .slick .name{ padding-top: 20px; height: auto; line-height: 30px; font-size: 18px; overflow: initial;}
	.groupPic .slick .content{-webkit-line-clamp: initial;}
	.groupPic .slick-prev{ left: 0px; top: 50%; margin-top: -86px; width: 52px; height: 52px;}
	.groupPic .slick-next{ right: 0px; top: 50%; margin-top: -86px; width: 52px; height: 52px;}
	.community .part2.part3{width: 100%; padding-bottom: 50px; }
	/*.community .part3 .tab2{ height: 32px; }
	.community .part3 .tab2 li{font-size: 16px; margin-right: 30px; height: 30px;}
	.community .part3 .list{ padding-top: 25px; }
	.community .part3 .list ul{ margin-right: 0px; }
	.community .part3 .list li{ width: 100%; margin-bottom: 25px;}
	.community .part3 .list li .box{ padding:0 0 0 118px; height: 83px; margin-right: 0px;}
	.community .part3 .list li .timeDiv{ display: none;}
	.community .part3 .list li .imgDiv{ left: 0px; width: 103px; height: auto; }
	.community .part3 .list li .imgDiv img{ width: 103px; }
	.community .part3 .list li .name{ height: 40px; line-height: 20px; font-size: 13px; }
	.community .part3 .list li .btnDiv{ padding-top: 5px; }
	.community .part3 .list li .btnDiv a{ width: 82px; height: 22px;  line-height: 22px; }*/
	.signupLayer{ width:94%; height:auto;}
	.signupLayer .title{ padding:30px 0 20px 15px; font-size:20px;}
	.signupLayer .form{ padding:0 15px;}
	.signupLayer .form li{ height:64px;}
	.signupLayer .form li .input1{ height:40px; line-height:40px;}
	.signupLayer .btnDiv{ padding:20px 15px 30px;}
	.signupLayer .btnDiv a{ height:42px; font-size:16px; line-height:42px;}
	.signupLayer .close{ right:10px; top:10px;}

	.search{ padding:30px 0 60px;}
	.search .bigMsg{ font-size:18px; padding-bottom:25px;}
	.search .list li{ height: 142px; padding-left: 96px;}
	.search .list li .time{ top: 20px; width: 80px; height: 80px;}
	.search .list li .time b{ padding:12px 0 0 10px; line-height: 26px; font-size: 28px;}
	.search .list li .time p{ padding-left: 10px; }
	.search .list li .name{ padding-top: 20px; height: 24px; line-height: 24px; font-size: 16px;}
	.siteMap .title{padding: 30px 0 20px;}
	.siteMap .title b{ font-size: 20px; }
	.siteMap .title p{padding-top: 5px; font-size: 18px;}
	.siteMap li div a{ display:inline-block; line-height:30px;}
	.partners .title{padding: 30px 0 20px;}
	.partners .title b{ font-size: 20px; }
	.partners .title p{padding-top: 5px; font-size: 18px;}
	.partners ul{ margin-right:-10px;}
	.partners li{ width:50%; height:auto; margin:0 0 20px 0; }
	.partners li .box{ margin-right:10px;}
	.partners li .imgDiv img{ width:100%;}
	.partners li .name{ height:34px; line-height:34px;}
	.legal{ padding-top:20px;}
	.legal .title{padding: 30px 0 20px;}
	.legal .title b{ font-size: 20px; }
	.legal .title p{padding-top: 5px; font-size: 18px;}

	/*2021.3.11*/
	.servicePart1{ padding: 30px 0; height: auto; background: none;}
	.servicePart1 .title{ padding-bottom: 25px;} 
	.servicePart1 .title b{ font-size: 20px; } 
	.servicePart1 .title p{padding-top: 5px; font-size: 18px; }
	.servicePart1 .leftDiv{ width: auto; float: none; }
	.servicePart1 .name{ font-size: 20px; line-height: 20px; }
	.servicePart1 .content{ font-size: 13px; line-height: 26px; padding-top: 20px; }
	.servicePart1 .imgDiv{ padding-top: 30px; }
	.servicePart1 .imgDiv img{ width: 100%;}
	.servicePart2{ padding: 30px 0; }
	.servicePart2 .title1{ font-size: 20px; line-height: 20px; padding-bottom: 10px; }
	.servicePart2 .title2{ font-size: 16px; line-height: 16px; }
	.servicePart2 .list{ padding-top: 25px; }
	.servicePart2 .list ul{ margin-right: -10px; }
	.servicePart2 .list li{ padding-bottom: 20px; }
	.servicePart2 .list li .box{ margin-right: 10px; }
	.servicePart2 .list li .name1{ padding-top: 15px; height: 30px; line-height: 30px; font-size: 18px; }
	.servicePart2 .list li .name2{ height: 24px; line-height: 24px; font-size: 12px;}
	.servicePart4{ padding: 45px 0; height: auto; background:url(../images/nimg1920bg2.jpg) center no-repeat; background-size: cover; }
	.servicePart4 .ico img{ width: 46px; }
	.servicePart4 .txt{ font-size: 15px; padding: 10px 0 20px;}
	.servicePart4 .tel{ font-size: 32px; line-height: 32px;}
	.artTabs .artSwiper{ position: relative; width: 100%; height: 50px; left: 0; margin-left: 0;}
	.artTabs .artSwiper:after{ height: 2px; }
	.artTabs .artSwiper .swiper-box {padding: 0 45px 0}
	.artTabs .artSwiper .gallery-thumbs .swiper-slide{ font-size: 14px; line-height: 50px;}
	.artTabs .artSwiper .gallery-thumbs .swiper-slide em{ height: 50px; }
	.artTabs .artSwiper .gallery-thumbs .swiper-slide em:after{ height: 2px; }
	.artSwiper .swiper-button-prev{ width: 28px;height: 28px; background-size: 28px; left: 10px; margin-top: -14px;}
	.artSwiper .swiper-button-prev:hover{ background-size: 28px;}
	.artSwiper .swiper-button-next{ width: 28px;height: 28px; background-size: 28px; right: 10px; margin-top: -14px;}
	.artSwiper .swiper-button-next:hover{ background-size: 28px;}
}
