@media screen and (min-width:1025px){
}
@media screen and (max-width:1280px){
	.binner,.inner,.pinner{ width: 1000px;}
	.top{ padding: 10px 0px 15px;}
	.logo{ width: 110px;}
	.sharpBox{ margin-top: 15px;}
	.nav a{ font-size: 15px;}
	.banner .binbox,.ibox{ width: 1000px; margin-left: -500px;}
	.banner .binbox .zh{ font-size: 38px;}
	.ibox li{ padding: 20px 0px;}
	.ibox .iboxC{ padding: 0px 30px;}
	.newIbox,.new2Ibox,.proIbox,.plantIbox{ width: 486px;}
	.newImgDemo .item{ width: 486px;}
	.proDemo{ width: 484px;}
	.plantIlist{ margin-left: -2%;}
	.plantIlist li{ width: 48%; margin-left: 2%;}
	.iboxList li.item3,.iboxList li.item4{ display: none;}
	.pbanner .con .zh{ font-size: 30px;}
	.pbanner .con .en{ font-size: 36px;}
	.newPage{ width: 1000px;}
	.newPageCon{ width: 644px;}
	.newsDl dd .img{ width: 30%;}
	.newsDl dd .con{ width: 67%;}
	.infoT .t{ font-size: 26px;}
	.proList ul{ margin-left: -2%;}
	.proList li{ width: 23%; margin: 0px 0px 2% 2%;}
	.proList .con{ padding: 30px 0px;}
	.proList .con .name{ font-size: 18px; height: 32px;}
	.proIdemo .bimg{ width: 530px;}
	.proIdemo .pcon{ width: 394px;}
	.proIdemo .pcon .name{ font-size:18px; height: 56px;}
	.proIdemo .pcon .con{ line-height: 1.8; font-size: 12px; height: 204px;}
	.proIRelevant{ width: 960px;}
	.owlp-prev, .owlp-next{ width: 26px; height: 57px;}
	.owlp-prev{ left: -30px;}
	.owlp-next{ right: -30px;}
	.owlp-prev:hover { background-position: -34px top; }
	.owlp-next:hover { background-position: -6px top; }
	.staffList dl{ margin-left: -3%;}
	.staffList dd{ margin: 0px 0px 3% 3%;}
	.staffList .item1{ width: 60%;}
	.staffList .item2{ width: 34%;}
	.staff a{ height: 350px;}
	.mapbox{ height: 450px;}
}
@media screen and (max-width:1024px){
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.binner,.inner,.pinner{ width: 90%;}
	.logo{ width: 80px; padding: 6px 0px 10px; margin-left: 2%;}
	.sharpBox{ margin-top: 14px;}
	.grop{ position: fixed; left: 0px; top: 0px; width: 100%; background-color: #fff; z-index: 900;}
	.top{ padding: 0px 0px; width: 100%;}
	.menu-handler{ display: block;}
	.navbox{ display: none;}
	.mtop{ height: 58px;}
	.banner .binbox,.ibox{ width: 90%; margin-left: 0px; left: 5%;}
	.ibox .iboxC .t{ width: 154px;}
	.ibox li{ width: 60%;}
	.ibox li.item2{ width: 40%;}
	.newIbox,.new2Ibox,.proIbox,.plantIbox{ width: 48%;}
	.newImgDemo{ height: 236px;}
	.newImgDemo .item{ width: auto; height: 236px;}
	.proDemo{ width: 100%; box-sizing: border-box; height: 234px;}
	.proDemo .item{ height: 234px;}
	.proDemo .item .img{ width: 176px;}
	.proDemo .item .con{ padding: 0 28px 0 204px;}
	.proDemo .item .con .t{ font-size: 18px; padding: 20px 0px;}
	.proDemo .item .con .c{ line-height: 1.8; height: 130px;}
	.firstBox{ padding-bottom: 15px; margin-bottom: 15px;}
	.firstBox .t{ margin-bottom: 0px;}
	.firstBox .c{ display: none;}
	.iboxList li.item3,.iboxList li.item4{ display: block;}
	.illustration{ width: 42%;}
	.information{ width: 55%; line-height: 1.8;}
	.pb50{ padding: 8% 0px;}
	.w996{ width: 90%;}
	.historyList .bot{ left: 25.5%;}
	.historyList .year{ width: 25%; margin-right: 10%;}
	.historyList .dico{ left: 100%;}
	.historyList .con{ width: 65%;}
	.siderVideo,.proNews{ display: none;}
	.newPage{ width: 90%;}
	.newSider{ float: none; width: auto;}
	.newPageCon{ float: none; width: auto;}
	.infoT .t{ font-size: 22px;}
	.proList li{ width: 31.33%;}
	.proIdemo .bimg{ width: 100%; float: none; margin-bottom: 30px;}
	.proIdemo .bimg .ts{ display: none;}
	.proIdemo .pcon{ width: 90%; float: none; padding: 5%;}
	.proIdemo .pcon .name{ height: auto; margin-bottom: 30px;}
	.proIdemo .pcon .con{ height: auto; font-size: 14px;}
	.proIRelevant{ width: 82%;}
	.pageT,.investorDL .name{ font-size: 28px;}
	.investorList .item .t{ font-size: 14px; line-height: 1.5; height: 62px;}
	.staffList .item1{ width: 56%;}
	.staffList .item2{ width: 38%;}
	.staff a{ height: 300px;}
	.join-dl .jname{ width: 30%;}
	.join-dl .jnum, .join-dl .jadd{ width: 15%;}
	.mapbox{ height: 400px;}
	.contactPage{ padding-top: 50px;}
	.contactPage .t{ line-height: 1.4; font-size: 26px;}
	.contactDL dd{ float: none; width: auto; margin:0px 0px 35px;}
	.contactDL dd .item{ height: auto; line-height: 1.8;}
}
@media screen and (max-width:861px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.banner .binbox .zh{ font-size: 30px;}
	.ibox{ position: relative; left: auto; bottom: auto; width: 100%; }
	.ibox li{ padding: 30px 0px; float: none; width: 100%;}
	.ibox li.item1{ height: auto;}
	.ibox li.item2{ width: 100%;}
	.ibox .iboxC{ padding: 0px 5%; height: auto;}
	.ibox .txt{ padding: 0px 5%; margin: 0px;}
	.ibox .txt .t{ font-size: 14px;}
	.newIbox,.new2Ibox,.proIbox,.plantIbox{ width: 100%; float: none;}
	.newImgDemo,.newImgDemo .item,.proDemo,.proDemo .item{ height: 284px;}
	.proDemo{ width: auto;}
	.proDemo .item .img{ width: 214px;}
	.proDemo .item .con{ padding:0 28px 0 242px;}
	.mainBox{ padding-bottom: 0;}
	.foot .linkbox{ float: none; padding-bottom: 20px;}
	.foot .finfo{ float: none; width: auto;}
	select.selectdemo{ float: none;}
	.illustration{ width: 80%; float: none; border: 3px solid #39B54A;}
	.information{ width: 100%; float: none; padding-top: 30px;}
	.honorList{ margin-left: -5%;}
	.honorList li{ margin-left: 5%; width: 45%;}
	.historyList .year{ font-size: 30px;}
	.historyList .dico{ top: 10px;}
	.pbanner .con .zh{ font-size: 28px;}
	.pbanner .con .en{ font-size: 34px;}
	.pbanner .con{ top: 38%;}
	.infoT .t{ font-size: 20px;}
	.infoT .r{ height:auto; line-height: 1.8;}
	.proDnav li{ padding:16px 0px; width: 33.33%;}
	.proIRelevant .t{ font-size: 26px;}
	.pageT,.investorDL .name{ font-size: 26px;}
	.investorList ul{ margin-left: 0px;}
	.investorList li{ margin-left: 0px; width: auto; float: none; margin-bottom: 25px;}
	.staff a{ height: 280px;}
	.join-dl .jname{ width: 70%; padding: 0px 0px 0px 4%;}
	.join-dl .jnum, .join-dl .jadd{ display: none;}
	.join-dl .jtime{ float: right; width: 25%;}
	.mapbox{ height: 380px;}
	.contactPage .t{ font-size: 22px;}
	
	#site1{ display:none;}
	#site2{ margin:0; padding:0; width:96%;height:auto; float:left; padding:2%;}

}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}
	.sharpBox{ display: none;}
	.logo{ margin-left: 5%;}
	.banner .binbox .zh{ font-size: 28px;}
	.banner .binbox .en{ font-size: 16px;}
	.banner .pic2{ text-align: left; }
	.ibox .iboxC .t{ float: none; display: block; width: auto;}
	.newImgDemo, .newImgDemo .item{ height: auto;}
	.newImgDemo .item{ width: auto; height: auto; background: none !important;}
	.newImgDemo .item img{ display: block;}
	.pb50{ padding: 10% 0px;}
	.by{ font-size: 16px;}
	.illustration{ box-sizing: border-box; width: auto;}
	.illustration .video-ico{ transform: scale(0.8)}
	.fancybox-prev{ left: -13px !important;}
	.fancybox-next{ right: -13px !important;}
	.fancybox-prev span{ left: 0px !important;}
	.fancybox-next span{ right: 0px !important;}
	.pnav a{ float: left; width: 25%; margin: 0px;}
	.pnav a span{ width: 100%; padding: 0px;}
	.historyList .item{ padding: 15px 0px 15px;}
	.historyList .bot{ display: none;}
	.historyList .year{ font-size: 26px;}
	.historyList .year{ width: 25%; margin-right: 5%;}
	.historyList .con{ width: 70%;}
	.pbanner .con .zh{ font-size: 20px;}
	.pbanner .con .en{ font-size: 24px;}
	.newsDl dd .img{ width: 42%; margin-right: 5%;}
	.newsDl dd .con{ width: 53%;}
	.newsDl .article-title{ font-size: 16px; height: auto;}
	.paging{ padding: 5% 0px;}
	.paging .num{ display: none;}
	.paging a{ padding: 8px 12px;}
	.proList ul{ margin-left: -4%;}
	.proList li{ width: 46%; margin: 0px 0px 4% 4%;}
	.proIRelevant .t{ font-size: 20px;}
	.tabl{ padding: 25px 5%;}
	.investorDL dd{ float: none; width: auto; padding:5%; text-align: left;}
	.investorDL dd.item2{ border: 0px none; text-align: left; width: auto; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD;}
	.investorDL dd.item3{ width: auto;}
	.listingTBL td.wl{ width: auto; font-weight: bold; color: #39B54A;}
	.listingTBL td { width: 100% !important;display: block;padding: 10px 0px;}
	.pageT,.investorDL .name{ font-size: 24px;}
	.investorList .item .img{ width: 70px;}
	.investorList .item{ padding:20px 30px 20px 100px; height: auto; min-height: 70px;}
	.investorList .item .t{ height: auto;}
	.staff a{ height: 220px;}
	.responsibilityList ul{ margin-left: -5%;}
	.responsibilityList li{ width: 45%; margin: 0px 0px 5% 5%;}
	.messTbl{ padding: 25px;}
	.messTbl td{ padding-bottom: 10px;}
	.messTbl .mtxt{ width: 84%; padding: 8px 5px;}
	.contactPage .t{ font-size: 20px;}
	
	
#indexabout1{ margin:0; padding:0; width:100%; height:auto; float:left;}
#indexabout2{ margin:0; padding:0; width:100%; height:auto; float:left; padding-top:20px;}

	
	
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; }
	.banner .binbox .zh{ font-size: 22px; margin-bottom: 0px;}
	.banner .binbox .en{ font-size: 12px;}
	.proDemo, .proDemo .item{ height: auto;}
	.proDemo .item .img{ position: relative; width: 40%; left: auto; top: auto; float: left; display: block;}
	.proDemo .item .con{ padding: 0px; float: left; width: 50%; margin-left: 5%;}
	.proDemo .item .con .t{ font-size: 16px; padding: 15px 0px;}
	.proDemo .item .con .c{ height: 64px;}
	.firstBox .t{ margin-bottom: 15px;}
	.firstBox{ margin-bottom: 20px; padding-bottom: 25px;}
	.firstBox .c{ display: block;}
	.plantIlist li .name{ font-size: 12px;}
	.historyList .dico{ display: none;}
	.historyList .year{ font-size: 20px;}
	.newsDl dd .img{ width: auto; float: none; margin-right: 0px;}
	.newsDl dd .con{ width: auto; padding-top: 20px;}
	.proList ul{ margin-left: -2%;}
	.proList li{ width: 48%; margin: 0px 0px 2% 2%;}
	.investorList .item .t{ font-size: 12px; text-align: justify;}
}
@media screen and (max-width: 370px) {
	.fundTwoBox .item{ float: none; width: 100%;}
	.honorList{ margin-left: 0px;}
	.honorList li{ width: auto; margin: 0px 0px 20px;}
	.pbanner .con .zh{ font-size: 16px;}
	.pbanner .con .en{ font-size: 20px;}
	.proList ul{ margin-left: 0;}
	.proList li{ width: auto; float: none; margin: 0px 0px 5% 0%;}
	.proList .con .name{ height: auto;}
	.staffList dl{ margin: 0px;}
	.staffList dd{ float: none; width: auto; margin: 0px 0px 25px;}
	.staffList .item1{ width: auto;}
	.staffList .item2{ width: auto;}
	.staff a{ height: auto; background: none !important;}
	.staff img{ display: block;}
	.responsibilityList ul{ margin-left: 0;}
	.responsibilityList li{ width: auto; margin: 0px 0px 25px 0px; float: none;}
	.responsibilityList .con{ height: auto;}
}
@media screen and (max-width: 320px) {
	.join-dl .jname{ width: auto;}
	.join-dl .jtime{ display: none;}
}