@media screen and (max-width:1800px){
	#aboutPage .zh{ font-size: 60px;}
	#aboutPage .en{ font-size: 54px;}
}
@media screen and (max-width:1700px){
	.binbox .bcon .h{ padding-bottom: 18px;}
	.binbox .bcon .bt{ font-size: 22px; width: 56px; height: 56px;}
	.banner .binbox .t{ padding-bottom: 18px;}
	.banner .binbox .c{ height: 48px;}
	#aboutPage .zh{ font-size: 55px;}
	#aboutPage .en{ font-size: 50px;}
}
@media screen and (max-width:1600px){
	.pbox3 .c{ font-size: 74px;}
	#aboutPage .zh{ font-size: 50px;}
	#aboutPage .en{ font-size: 45px;}
	.partentCon li{ width: 14%; margin-left: 2.2%;}
	.pbox9 .zh{ font-size: 64px;}
}
@media screen and (max-width:1440px){
	.pbox3 .c{ font-size: 70px;}
	#aboutPage .c{ display: none;}
	.partentCon li{ width: 17%; margin-left: 2.5%;}
	.pbox9 .zh{ font-size: 62px;}
	.cooperativeCon li{ width: 16.66%;}
}
@media screen and (max-width:1370px){
	.teamIbox dd.item1 .team-info .t{ padding: 10% 0px 15%;}
	.teamIbox dd.item1 .team-info .zh{ font-size: 34px;}
	.teamIbox dd.item1 .team-info .en{ font-size: 18px;}
	.pbox1 .t,.pbox5 .t,.pbox6 .zh{ font-size: 54px;}
	.pbox3 .c{ font-size: 60px;}
	#aboutPage .ptxt{ top: 12%;}
	#aboutPage .en{ font-size: 38px;}
	#aboutPage .zh{ font-size: 44px; width: 380px;}
	#aboutPage .more{ margin-top: 20px;}
	.pbox9 .zh{ font-size: 60px;}
	.pbanner9{ padding: 95px 0px;}
	.cooperativeCon li{ width: 20%;}
}
@media screen and (max-width:1281px){
	.inner,.footPage,.pinner{ width: 1000px;}
	.banner .binbox{ width: 1000px; margin-left: -500px;}
	.binbox .bcon .bt{ font-size: 22px; width: 52px; padding-top: 2px; height: 52px;}
	.nav .n_a{ font-size: 16px;}
	.nav .subnav{ width: 128px;}
	.ibox .inner{ width: 100%;}
	.ibox dd .ico{ margin: 0px 10px 0px 18px;}
	.ibox dd .zh{ font-size: 18px;}
	.ibox dd .en{ font-size: 11px;}
	.linkDL dd{ width: 26.33%; margin-left: 4%;}
	.linkDL dd.item1{ width: 35.33%;}
	.tankList dd{ width: 246px;}
	.tankList .name{ font-size: 18px;}
	.tankList .name2{ font-size: 20px;}
	.inewImg{ width: 500px; height: 265px;}
	.inewIcon{ width: 450px; height: 265px; margin-right: 0px;}
	.inewIcon .list li{ margin-bottom: 9px;}
	.inewIcon .list li a.t{ font-size: 18px;}
	.team-info{ font-size: 12px;}
	.team-info .zh{ font-size: 22px;}
	.team-info .en{ font-size: 14px;}
	.team-info .c{ height: 40px;}
	.teamIbox dd.item1 .team-info .t{ padding: 12% 0px 10%;}
	.teamIbox dd.item1 .team-info .zh{ font-size: 28px;}
	.teamIbox dd.item1 .team-info .en{ font-size: 16px;}
	.teamIbox dd.item1 .team-info .c{ height: 126px;}
	.teamIbox dd.item15 .more{ margin:18% auto 10%;}
	.pbox1 .t,.pbox5 .t,.pbox6 .zh{ font-size: 50px;}
	.branchIpage{ width: 654px; margin-right: 70px;}
	.siderCase{ width: 224px;}
	.pageW{ width: 1000px;}
	.thinkOneList,.thinkforList{ width: 1000px;}
	.thinkOneList .item .txt,.thinkforList .item .txt{ height: 72px;}
	.thinkTwoList ul{ margin-left: -42px;}
	.thinkTwoList li{ width: 305px; margin:0px 0px 42px 42px;}
	.thinkforList .item .t{ margin-bottom: 0px;}
	.thinkforList .item .bot .time{ font-size: 12px; width: 120px;}
	.pbox3 .c{ font-size: 58px; line-height: 1.4;}
	.newsList ul{ width: 1022px;}
	.newsList li{ width: 318px;}
	.newsList .img{ height: 149px;}
	.cmenu a{ padding: 0px 13.4px;font-size:15px;}
	.cmenu-sub a{ font-size: 13px;}
	.caseList ul{ width: 1026px;}
	.caseList li{ width: 317px; margin: 0px 25px 25px 0px;}
	.caseList .item .con{ font-size: 18px; line-height: 1.6;}
	.caseList .bcon .t{ font-size: 22px; line-height: 1.6;}
	.caseList .bcon .c{ font-size: 14px; height: 96px; margin-bottom: 40px;}
	.caseIcon{ width: 612px; padding: 25px 50px;}
	.pbanner5{ padding: 100px 0px 80px;}
	.urbanBox .con .c{ height: 64px;}
	.teamType ul{ padding-left: 3%;}
	.teamList{ width: 1030px;}
	.pbanner6{ padding:80px 0px 0px; height: 260px;}
	.pbanner7{ padding: 80px 0px 100px;}
	.pbox7 .zh{ font-size: 45px;}
	.businessPcon{ width: 704px;}
	.businessItem .img{ width: 50%;}
	.businessItem .con{ width: 44%;}
	.pbanner8{ padding: 80px 0px 90px;}
	.theorBox{ width: 1040px;}
	.pbanner9{ padding: 90px 0px;}
	.pbox9 .zh{ font-size: 55px;}
	.stylePCon li,.stylePCon .fistItem{ height: 403px;}
	.stylePCon .fistItem .con{  height: 331px; margin-left: 25px;padding: 0 110px 0 50px; width: 288px; font-size: 14px;}
	.stylePCon .fistItem .con .c{ height: 124px;}
	.mapBox{ height: 400px;}
	.aboutMenuBox2 dd{ width: 137px;}
	.aboutMenuBox2 dd a{ font-size: 18px;}
	.proMenu{ text-align: left;}
	.newMenu.fixed .newType-nav{ width: 1000px;}
	.aboutIbox .slick-prev { left: -21px; }
	.aboutIbox .slick-next { right: -21px; }
}
@media screen and (min-width:1025px){
	.banner .flex-active-slide .pimg {  visibility: visible !important; -webkit-animation: scaleUpDown 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
    .caseMmenu .btn-danger { display:none }
    .caseMmenu dd { display:block!important; }
	@-webkit-keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.05); transform: scale(1.05); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
	@keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.05); transform: scale(1.05); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
}
@media screen and (max-width:1024px){
	.inner,.footPage,.pinner{ width: 90%;}
	.gropBox,.nav{ display: none;}
	.top,.mtop{ height: 58px;}
	.top .inner{ width: auto;}
	.logo{ left: 3%; height: 44px; top: 7px;}
	.gropBox2,.menu-handler{ display: block;}
	.banner .binbox{ width: 90%; margin: 0px; left: 5% !important; display: block !important;}
	.ibox{ padding-bottom: 25px;}
	.ibox dd{ height: 124px;}
	.ibox dd a{ border: 0px none; text-align: center; height: 86px; padding-top: 28px;}
	.ibox .con,.ibox a:hover .con{ top: 100%; display: none;}
	.ibox dd .ico{ background-image: url(../images/ico_bg2.png); float: none; display: block; margin: 0px auto;}
	.ibox dd .ico i{ background-image: url(../images/ico3.png);}
	.ibox dd .c{ padding-top: 12px;}
	.ibox dd .zh{ color: #fff5e3; line-height: 1.4;}
	.ibox dd .en{ display: none;}
	.page{ padding: 50px 0px;}
	.aboutIbox{ width: 80%;}
	.aboutIbox .con .by1{ font-size: 42px;}
	.aboutIbox .con .t{ font-size: 22px;}
	.caseIbox{ margin-bottom: 80px;}
	/*.caseDemo{ height: auto; overflow: initial; padding-bottom: 50px; background-color: #ebebeb;}
	.caseDemo .item{height: auto; position: relative; float: left; width: 100%; left: auto !important;}
	.caseDemo .item img{ position: relative; left: auto !important;top: auto !important; margin-left: 0 !important; width: 100%; height: auto; display: block;}
	.caseDemo .item.active .c{  transition: 500ms; opacity: 1;}
	.caseDemo .slick-dots{ bottom: 12px;}
	.caseDemo .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 5px; padding: 0px; cursor: pointer; }
	.caseDemo .slick-dots li button { transition: 400ms; -webkit-transition: 400ms; -ms-transition:400ms; height: 8px; width: 8px;padding: 0px; cursor: pointer; border:1px solid #006766; margin-top: 2px; border-radius: 50%;}
	.caseDemo .slick-dots li button:focus { outline: none; }
	.caseDemo .slick-dots li.slick-active button { background-color: #006766; margin-top: 0px; width: 12px; height: 12px;}*/
	.caseDemo .item:hover .c { transition: 500ms; opacity: 1; }
	.caseDemo .item:hover .c2 { top: 8%; transition: 0ms ease 0ms; opacity: 0; }
	.caseDemo .item:hover img { transform: scale(1);  transform-origin: center center 0; transition: transform 0s ease-out 0s;}
	.tankList dd{ width: 48%; margin: 0px 1% 2%;}
	.inewImg{ width: 45%;}
	.inewImg a.item{ display: block; height: 265px; width: 100%;}
	.inewImg img{ display: none;}
	.inewIcon{ width: 50%; }
	.inewIcon .list li a.t{ margin-bottom: 15px;}
	.inewIcon .list li .con{ font-size: 14px; height: 52px;}
	.teamIbox dd{ width: 20%;}
	.teamIbox dd.item1{ width: 40%;}
	.teamIbox dd.item15 .more{ margin:25% auto 10%;}
	.pbox1{ padding: 30px 5%; width: 90%; display: block;}
	.pbox1 .t{ font-size: 46px;}
	.branchIpage{ width: 67%; margin-right: 5%;}
	.siderCase{ width: 28%; box-sizing: border-box;}
	.branchIT{ font-size: 26px;}
	.pageW{ width: 90%;}
	.teamTwo-dd li .name{ margin-top: 15%;}
	.teamTwo-dd li .zw{ margin-bottom: 15%;}
	.businessTwo-dd .ctxt{ width: 45%;}
	.pbanner2 .pinner{ width: 90%;}
	.pbanner2 .pinner .pbox{ width: 60%;}
	.pbanner2 .t{ font-size: 30px;}
	.thinkOneList,.thinkforList { width: 100%;}
	.thinkOneList .item .t,.thinkforList .item .t{ line-height: 30px; height: 30px; font-size: 18px; margin-bottom: 10px;}
	.thinkOneList .slick-dots,.thinkforList .slick-dots{ bottom: -15px;}
	.thinkOneBox .name{ font-size: 26px;}
	.thinkTwoList ul{ margin-left: -3%;}
	.thinkTwoList li{ width: 30.33%; margin:0px 0px 3% 3%;}
	.thinkTwoList .t{ font-size: 18px; height: 44px;}
	.thinkforList .item .txt{ margin-bottom: 10%;}
	.thinkforList .item .bot .time{ float: none; margin-bottom: 5px;}
	.pbanner3{ padding-top: 80px;}
	.newsList ul{ width: auto; margin-left: -5%;}
	.newsList li{ width: 45%; margin: 0px 0px 50px 5%;}
	.newsList .img{ height: auto;}
	.pbanner4 .inner{ width: auto;}
	.casePage{ width: auto; padding-top: 0px;}
	.proMenu{ display: none;}
	.caseMmenu{ border: 0px none; padding: 0px; position: relative; z-index:800;}
	.caseMmenu dd{ position: absolute; left: 0px; top: 50px; padding:20px; width: 100%; box-sizing: border-box; background-color: #be995f; background-color: rgba(190,153,95,0.9);  display: none; z-index: 12;}
	.caseMmenu .btn-danger{ display: block;}
	.caseList ul{ width: auto;}
	.caseList li{ width: 42.5%; margin:0px 0px 5% 5%;}
	.cmenu a{ line-height:2; height: auto; font-size: 16px; background-color: initial;}
	.cmenu{ border-bottom: 1px solid #96733d; padding-bottom: 10px; margin-bottom: 10px;}
	.cmenu-sub a{ background-color: initial; font-size: 14px;}
	.cmenu-sub a.grey{ display: none;}
	.caseIImg .flex-nav-prev, .caseIImg .flex-nav-next{ background:none rgba(0,0,0,0.5); width: 64px;}
	.caseIcon{ box-sizing: border-box; width: 65%;} 
	.caseIsider{ box-sizing: border-box; width: 30%;} 
	.thinkThreeList .item:hover .con{ border-bottom: 1px solid #e60012; padding:0px;}
	.thinkThreeList .item:hover .con .c,.thinkThreeList .item:hover .con .more3{ display: none;}
	.thinkThreeList .item .con{ width: 100%; left: 0px; bottom: 0px;}
	.thinkThreeBox .itembox .item{ margin-right: 20px;}
	.thinkThreeBox .itembox2 .item{ margin-left: 20px;}
	.thinkThreeBox .item { padding-right: 100px;}
	.thinkThreeBox .item .time{font-size: 12px;}
	.thinkThreeBox .item a{ font-size: 14px;}
	.pbanner5{ padding: 70px 0px 50px;}
	.pbox5{ padding: 30px 5%; float: none;}
	.pbox5 .ico1{ background-image: url(../images/fico.png); width: 50px; height: 50px;}
	.pbox5 .ico2{ top: 100px;}
	.urbanBox .con .t{ font-size: 18px; margin-bottom: 15px; height: 50px;}
	.urbanBox .con .c{ margin-bottom: 10px; height: 42px;}
	.urbanDL{ margin-top: 50px;}
	.urbanDL .branchITwo-t{ margin-bottom: 50px;}
    .aboutType .item .t { font-size: 50px; }
    .aboutType .item .c { font-size: 12px; }
	.teamType{ text-align: center;}
	.teamType ul{ padding-left: 0px;}
	.teamType li{ margin:0px 4%; width: 160px; height: 160px; display: inline-block; float: none;}
	.teamType .name{ font-size: 16px;}
	.teamType .b1{ background:none #006766; border-radius: 50%; width: 100%; height: 100%;}
	.teamType .b2{ background:none #fff; border: 8px solid #c1a57e; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%;}
	.team-I{ width: 80%; box-sizing: border-box;}
	.teamList{ width: 90%;}
	.teamList li{ width: 33.33%;}
	.pbanner6{ padding:80px 0px 80px; height: auto;}
	.pbanner7{ padding: 70px 0px 80px;}
	.businessPage{ margin-top: 50px;}
	.businessSider{ display: none;}
	.businessPcon{ width: auto; box-sizing: border-box; float: none; margin-right: 0px; padding: 56px 0px 0px;}
	.businessItem{ margin-bottom: 56px;}
	.businessItem .con{ width: 40%; margin-right: 4%;}
	.tool{ top: initial; bottom: 5%;}
	.tool a{ border-radius: 50%;}
	.tool .a2,.tool .a4{ display: none;}
	.tool .a3 .con{ display: none;}
	.pbanner8{ padding: 70px 0px;}
	#aboutPage .c{ display: block;}
	#aboutPage .zh{ font-size: 50px;}
	#aboutPage .en{ font-size: 38px;}
	#aboutPage .more{ margin-top: 30px;}
	.theorBox{ width: 100%; padding: 50px 0px 0px;}
	.theorBox li{ margin:0px 0px 0px 5%; width: 26.66%;}
	.theorBox li a{ height: 326px;}
	.theorBox .con{ width: 150px; height: 120px; padding-top: 40px; margin: -85px 0px 0px -75px;}
	.theorBox .zh{ font-size: 16px; padding-top: 4px;}
    .theorBox .en { font-size:12px; }
	.theorBox .bot{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.theorBox a:hover .con{ opacity: 1; -webkit-transform:scale(1); transform:scale(1);}
	.theorBox a:hover .ico{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
	.csstransitions .theorBox .con2{ display: none; }
	.csstransitions .theorBox a:hover .con2{ opacity: 0;}
	.no-csstransitions .theorBox .con2{ display: none;}
	.no-csstransitions .theorBox a:hover .con2{ display: none;}
	.pageBT{ padding: 50px 0px;}
	.pageBT .zh{ width: 400px; margin-bottom: 15px;}
	.pageBT .zh span{ font-size: 30px; top: -4px;}
	.pageBT .en{ font-size: 18px;}
	.partentCon{ background-attachment: initial; background-size: cover;}
	.partentCon li{ width: 22%; margin-left: 2.5%;}
	.continueMore{ -webkit-transform:scale(0.8); transform:scale(0.8); margin: 50px auto;}
	.pbanner9{ padding: 80px 0px;}
	.aboutMenuBox{ display: none;}
	.fancybox-close{ position: fixed; right: 0px; top: 0px;}
	.fancybox-prev{ left: 0;}
	.fancybox-next{ right: 0;}
	.fancybox-prev span{ left: 5%;}
	.fancybox-next span{ right: 5%;}
	#honorPage{ padding: 60px 0px;}
	.honorList ul{ margin-left: -3%;}
	.honorList li{ width: 30.33%; margin-left: 3%;}
	.stylePCon{ background-attachment: initial; background-image: none; background-size: cover;}
	.stylePCon .pinner{ width: auto; }
	.stylePCon .item:hover .name{ display: block;}
	.stylePCon .item:hover .con{ display: none;}
	.stylePCon li{ height: auto; width: 33.33%;}
	.stylePCon .fistItem{ width: 90%; height: auto; margin: 0px auto; float: none;}
	.stylePCon .fistItem .con{ box-sizing: border-box; width: 100%; margin: 0px auto 20px; height: auto; padding-bottom: 30px; padding-right: 50px;}
	.stylePCon .fistItem .con .c{ height: auto;}
	.joinBox .list{ text-align: center;}
	.joinBox .list li{ display: inline-block; float: none; margin: 0px 0px 20px 10%;}
	.hrList .hspan:nth-child(3), .hrList .hspan:nth-child(5){ display: none;}
	.hrList .hicon{ width: 6%;}
	.hrList .hrB{ margin-left: 6%;}
	.hrList .hspan{ width: 23%;}
	.hrList .hspan1{ padding-left: 0px; text-align: center;}
	.hrList .hspan:nth-child(2){ width: 32%;}
	.hrList .hspan:nth-child(4){ width: 16%;}
	.hrList .zd{ display: none;}
	.frame-ct{ width: 100%;}
	.frameClose{ position: fixed; right: 0px;}
	.mapBox{ height: 380px;}
	.aboutMenuBox2{ margin-bottom: 50px; height: auto;}
	.aboutMenuBox2 .pinner{ width: auto;}
	.aboutMenuBox2 dt{ float: none; width: 90%; padding: 0px 5%; border-bottom: 1px solid #d1c0a5; margin-right: 0px; background-position: 90% center;}
	.aboutMenuBox2 dd{ width: 25%; margin-left: 0px; padding-left: 0px;}
	.aboutMenuBox2 dd:nth-child(2){ background-image: none;}
	.courseBox{ background-position:left bottom; padding: 150px 0px 45px;}
	.courseTxt{ margin-left: 0px;}
	.courseDemo{ margin-right: 0px;}
	.courseDemo dd{ height: auto;}
	.backUP{ width: auto; border:0px none;}
	.backUP i{ background-color: transparent;}
	.courseDemo li{ height: auto; padding-bottom: 35px; position: relative;}
	.courseDemo li.one{ padding-left: 0px;}
	.courseDemo li .i{ display: none;}
	.courseDemo .year{ float: left; display: block;}
	.courseDemo li.act .year{ display: block;}
	.courseDemo li.act .i{ display: none;}
	.courseDemo li .con{ position: relative; float: left; display: block; left: auto; top: auto; margin-left: 130px;}
	.courseDemo .bg i{ display: none;}
	.courseDemo li .con{ opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); transform:scale(1);}
	.thinkOneList .slick-prev, .thinkOneList .slick-next ,.thinkforList  .slick-prev, .thinkforList  .slick-next { display: none;}
	.cooperativeCon{ padding: 40px 5%;}
	.cooperativeCon li{ width: 25%;}
}
@media screen and (max-width:861px){
	.ibox dd .zh{ font-size: 16px;}
	.aboutIbox{ width: 90%;}
	.linkDL dd{ width: 100%; margin-left: 0%; float: none; margin-bottom: 15px; text-align: center;}
	.linkDL dd.item1{ width: auto; float: none;}
	.linkDL .sharp{ display: none;}
	.teamIbox dd{ width: 25%;}
	.teamIbox dd.item1{ width: 50%;}
    .aboutType dd{ width: 25%;}
	.pbox1 .t,.pbox6 .zh{ font-size: 42px;}
	.branchPage{ width: 90%;}
	.branchDl ul{ width: auto; margin-left: -5%;}
	.branchDl li{ width: 45%; margin:0px 0px 50px 5%;}
	.branchDl .item .name{ font-size: 20px;}
	.pageW{ width: 100%;}
	.branchIpage{ width: 90%; margin: 0px auto; float: none;}
	.siderCase{ width: 100%; margin-top: 50px; padding: 28px 5%;}
	.siderCItem{ width: 48%; float: left; display: block;}
	.siderCItem:nth-child(1){ margin-right: 4%;}
	.pbanner2 .t{ font-size: 26px;}
	.thinkOneList .item .t,.thinkforList .item .t{ line-height: 40px; height: 40px; font-size: 18px; margin-bottom: 8%;}
	.thinkOneList .item .txt, .thinkforList .item .txt{ height: 98px; margin-bottom: 10%;}
	.thinkOneImg{ width: 28%;}
	.thinkOneBox{ padding: 30px 4% 30px; width: 60%;}
	.backList{ padding: 10px 12px;}
	.thinkTwoList ul{ margin-left: -5%;}
	.thinkTwoList li{ width: 45%; margin:0px 0px 5% 5%;}
	.thinkTwoList .c{ margin-bottom: 30px;}
	.thinkTwo-Ipage{ width: auto;}
	.thinkforList .item .bot .time{ float: right; margin-bottom: 0px;}
	.ninfoPage{ width: 90%; margin: 0px auto 50px;}
	.pbox3 .c{ font-size: 52px;}
	.nmenu,.newSearch{ float: none; clear: both;}
	.newSearch{ margin: 20px 0px 0px;}
	input.newSearch-txt[type="text"]{ width: 60%; padding: 0px 5%;}
	.newsList .time{ width: 80px; height: 80px;}
	.newsList .time .num{ font-size: 36px;}
	.newsList .t{ padding-right: 90px; font-size: 16px; height: 44px; margin: 30px 0 34px;}
    .teamnews .t { padding-right:0px; height:22px; margin:25px 0px 20px; }
	.pbox4{ padding: 80px 40px 56px 40px;}
	.pbox4 .bot2{ width: 202px; height: 382px; background-size: cover;}
	.caseIImg{ width: 100%;}
	.caseIImg .flex-nav-prev, .caseIImg .flex-nav-next{ width: 58px;}
	.caseII .t{ margin-bottom: 5px;}
	.caseII{ padding: 60px 0px 35px;}
	.caseIpage{ width: 100%; margin: 0px;}
	.caseIcon{ float: none; width: 100%; padding: 50px 5%;}
	.csiderT{ text-align: center;}
	.caseIsider{ float: none; width: auto;}
	.caseIsider dd{ width: 90%; margin: 0px auto;}
	.caseIsider .siderCItem:nth-child(1){ margin-right: 4%;}
	.caseIsider dd.csiderC{ margin-bottom: 40px;}
	.thinkThreeList li{ width: 45%;}
	.thinkThreeBox .itembox .item,.thinkThreeBox .itembox2 .item{ margin: 0px 0px 18px;}
	.pbox5 .t{ font-size: 40px;}
	.pbox5 .ico2{ display: none;}
	.urbanBox .img{ width: 100%; float: none;}
	.urbanBox .con{ width: 100%; margin: 15px 0px 0px;}
	.urbanBox .con .t{ height: 24px;}
	.urbanBox .itemBox ul{ margin: 0px 0px 0px -5%;}
	.urbanBox .itemBox li{ border: 0px none; padding:0px 0px 0px 5%; width: 45%;}
	.teamCbox .name{ font-size: 30px;}
	.teamType li{ margin:0px 2%; width: 150px; height: 150px;}
	.teamType .ico1, .teamType .ico2, .teamType .ico3{ transform: scale(0.8); -webkit-transform: scale(0.8); margin-bottom: 8px;}
	.pbox7 .zh{ font-size: 40px;}
	.businessItem .img{ width: 45%; padding-top: 45px;}
	.businessItem .con{ width: 45%;}
	.businessList .item1 .con .t{ padding-top: 13%; font-size: 20px;}
	.businessList .item1 .con2 .more{ margin-bottom: 13px;}
	.businessList .item1 .con2 .more span{ font-size: 17px;}
	.businessList .item1 .con2 .t{ font-size: 17px;}
	.theorBox li a{ height: 280px;}
	.theorBox .con{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.partentCon li{ width: 30%; margin-left: 2.5%;}
	#honorPage .pageCon{ width: auto; margin-bottom: 40px;}
	#joinPage .pageCon{ width: 90%; margin-bottom: 40px;}
	.ainfoPage{ width: 90%;}
	.courseBox{ padding: 50px 0px;}
	.courseTxt{ float: none; width: 115px; margin: 0px auto;}
	.courseTxt .c{ display: none;}
	.courseDemo{ float: none; margin: 30px auto 0px;}
	.serachBox2{ float: none; margin-bottom: 20px; padding-right: 40px; position: relative;}
	.serachBox2 .serachTxt2{ width: 100%;}
	.serachBox2 .serachbtn2{ position: absolute; right: 0px; top: 0px;}
	.search-num{ line-height: 1.2; font-size: 16px;}
}
@media screen and (max-width:641px){
	.gropBox2{ margin-right: 70px; margin-top: 20px;}
	.gropBox2 a.g-tel{ display: none;}
	.binbox .bcon{ float: none; padding: 25px;}
	.banner .picShwo .binbox{ visibility: visible;}
	.banner .picShwo .pimg{ visibility: hidden;}
	.banner .binbox .t{ font-size: 24px;}
	.banner .binbox .c{ height: 48px;}
	.banner .bx-wrapper .bx-pager{ bottom: 5%;}
	.ibox dd .ico{ transform: scale(0.9); -webkit-transform: scale(0.9);}
	.ibox dd .zh{ font-size: 15px;}
	.aboutIbox{ width: 100%; margin: 50px 0px;}
	.aboutIbox .con{ width: 90%; margin: 0px auto;}
	.aboutIbox .con .by1{ font-size: 30px;}
	.aboutIbox .con .by2{ font-size: 28px;}
	.aboutIbox .con .t{ font-size: 20px;}
	.aboutIbox .slick-prev { left: 2%; }
	.aboutIbox .slick-next { right: 2%; }
	.aboutType{ padding: 50px 0px 60px; overflow: hidden;}
    .aboutType dd{ width: 50%;}
	.aboutType .item{ width: 80%;}
	.aboutType .item .t{ font-size: 50px;}
    .aboutType .item .c { font-size: 14px; }
	.foot{ width: 100%;}
	.finner{ width: 90%; margin: 0px auto;}
	.foot .finner .l,.foot .finner .r{ float: none; width: 100%;}
	.tankList{ width: 100%;}
	.csstransitions .tankList .bg,.csstransitions .tankList a:hover .bg{ display: none; }
	.caseIbox,.newIbox{ margin-bottom: 40px;}
	.inewImg{ width: 100%; float: none; height: auto;}
	.inewImg a.item{ background-image: none !important; height: auto;}
	.inewImg a.item img{ display: block;}
	.inewIcon{ width: 100%; float: none; height: 265px;}
	.inewTab{ position: relative; left: 0px; top: auto; height: 55px;}
	.inewTab span{ margin:0px 6px 0px 0px;}
	.teamIbox dd a:hover .ico{ display: none;}
	.teamIbox dd.blackbg{ display: block;}
	.teamIbox dd.item14{ display: none;}
	.teamIbox dd.item15{ position: absolute; width: 268px; height: 338px; left: 50%; top: 50%; margin:-163px 0px 0px -140px; background-color: rgba(7,111,102,0.9); padding: 6px; z-index: 10;}
	.teamIbox dd.item15 a{ border: 1px solid #bca270; box-sizing: border-box; width: 100%; height: 100% !important;}
	.teamIbox dd.item15 img{ display: none;}
	.teamIbox dd.item15 .ico2{ background: url(../images/team_ico.png) no-repeat; background-size: cover; width: 91px; height: 54px; margin: 30px auto 25px; display: block;}
	.teamIbox dd.item15 .zh,.teamIbox dd.item15 .en{ display: none;}
	.teamIbox dd.item15 .zh2{ display: block; font-size: 25px; letter-spacing: 0.5em; line-height: 1.4;}
	.teamIbox dd.item15 .en2{ display: block; font-size: 16px;letter-spacing: 0.2em;  font-family: "zaproman";}
	.teamIbox dd.item15 .more{ margin: 40px auto 16px;}
	.teamIbox dd.item15 .more2{ display: block;}
	.pbanner1{ padding: 80px 0px; height: auto;}
	.pbox1 .t{ font-size: 36px;}
	.pbox1 .t .pfont{ background-image: none; padding-right: 0px;}
	.page{ padding: 50px 0px;}
	.branchDl .item{ padding: 0px 20px;}
	.branchDl .item .more{ margin-bottom: 30px; width: 80%;}
	.branchIT{ font-size: 22px;}
	.branchOneDl ul{ margin-left: -5%; width: auto;}
	.branchOneDl ul li{ width: 45%; margin: 0px 0px 0px 5%;}
	.branchOneDl ul li:nth-child(3){ display: none;}
	.teamTwo-dd li{ width: 45%;}
	.teamTwo-dd li .name{ margin-top: 25%;}
	.businessTwo-dd{ padding: 0px; height: auto; border-left: 2px solid #006766; box-sizing: border-box;}
	.businessTwo-dd .tab{ position: relative; left: 0px; top: 0px; width: 100%;}
	.businessTwo-dd .tab li{ width: 25%; float: left; display: block; font-size: 14px;}
	.businessTwo-dd .tab li span{ border-right: 1px solid #005251; border-bottom: 0px none; width: auto;}
	.businessTwo-dd .tab li:nth-child(4) span{ border-right: 0px none;}
	.businessTwo-dd .con{ height: auto; padding-bottom: 30px; margin: 4px; border-left: 1px solid #d1c0a5; box-sizing: border-box;}
	.businessTwo-dd .ctype{ width: auto; position: relative; margin: 30px 0px; bottom: auto;}
	.businessTwo-dd .ctxt{ position: relative; right: auto; bottom: auto; width: auto;}
	.pbanner2{ min-height: 0px;}
	.pbanner2 .t{ font-size: 22px; padding: 10px 5%;}
	.pbanner2 .c{ padding: 18px 5%;}
	.pbanner2 .pinner{ width: 100%; margin: 50px 0px;}
	.pbanner2 .pinner .pbox{ width: auto;}
	.thinkMenu a{ float: left; width: 25%; padding: 0px;}
	.thinkInfo{ width: 100%;}
	.thinkOneImg{ width: auto; margin: 0 auto 50px; float: none;}
	.thinkOneImg .img{ width: 70%; margin: 0px auto 20px;}
	.thinkOneBox{ padding: 30px 5% 30px; width: auto; box-sizing: border-box;}
	.ninfoT{ padding: 50px 0px;}
	.ninfoT .type{ margin-bottom: 15px;}
	.pbanner3{ padding: 65px 0px; height: auto;}
	.pbox3{ width: 90%; margin: 0px auto;}
	.pbox3 .t{ font-size: 18px;}
	.pbox3 .c{ font-size: 40px;}
	.pbox3 .en{ margin: 18px 0px 25px;}
	.newsPage{ width: auto; padding-top: 0px;}
	.newType-nav{ padding-bottom: 0px;}
	.newSearch{ display: none;}
	.newTime-nav{ width: 90%; margin: 0px auto 50px;}
	.newsList ul{ margin-left: 0;}
	.newsList li{ width: 80%; float: none; margin: 0px auto 50px;}
	.nmenu a{ width: 25%; margin-right: 0px; padding:12px 0px; text-align: center; font-size: 14px;}
	.pbox4{ padding: 50px 10px 56px 30px; width: 60%; box-sizing: border-box;}
	.pbox4 .c{ font-size: 35px;}
	.pbox4 .en{ font-size: 20px; margin-top: 25px;}
	.casePage{ width: auto; padding-top: 0px;}
	.caseList li{ width: 80%; margin:0px auto 5%; float: none;}
	.caseII{ padding: 50px 0px 30px;}
	.caseII .t{ line-height: 1.4; margin-bottom: 10px;}
	.caseIImg .flex-nav-prev, .caseIImg .flex-nav-next{ background: none transparent; width: 50px; transform: scale(0.6); -webkit-transform: scale(0.6);}
	.pbanner5{ padding: 50px 0px;}
	.pbanner5 .pinner{ width: 100%;}
	.pbox5{ padding: 30px 5%;}
	.pbox5 .t{ padding-right: 80px; font-size: 36px;}
	.pbox5 .ico1{ right: 5%;}
	.urbanBox .con .t{ margin-bottom: 5px;}
	.urbanBox .con .c{ display: none;}
	.urbanBox2 .itemBox ul{ margin-left: -5%;}
	.urbanBox2 .itemBox li{ width: 45%; margin-left: 5%;}
	.teamIPage .pinner{ width: 100%;}
	.teamIPage .teamImg{ width: 70%; margin: 0px auto 40px; float: none;}
	.teamIPage .teamCbox{ width: auto; padding: 30px 5%; box-sizing: border-box;}
	.teamIPage .recomTeam{ width: 90%;}
	.teamIPage .paging{ width: 90%;}
	.teamCbox .name{ font-size: 26px;}
	.teamCbox .zw{ padding: 10px 0px;}
	.recomTeam .item{ padding: 0px 5px; margin: 0px;}
	.teamType a.act .i{ display: none;}
	.pbanner6{ padding:60px 0px 60px;}
	.teamType{ padding: 50px 0px; margin-bottom: 50px;}
	.teamList ul{ margin-left: -5%;}
	.teamList li{ width: 45%; margin-left: 5%;}
	.teamList a{ padding: 0px; border: 0px none;}
	.pbanner7{ padding: 50px 0px 60px;}
	.pbox7{ width: 80%; box-sizing: border-box;}
	.pbox7 .zh{ font-size: 36px;}
	.pbox7 .con{ padding: 24px 20px 15px;}
	.pbox7 .bot{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.businessItem .img,.businessItem .con{ float: none; width: auto; margin: 0px; padding: 0px;}
	.businessItem .con{ margin-top: 20px;}
	.businessList ul{ margin: 0px;}
	.businessList li{ width: 100%; float: none; margin:0px auto 20px;}
	.businessList .item1 .con .t{ padding-top: 25%; font-size: 26px;}
	.businessList .item1 .con2 .en{ padding-top: 18%;}
	.businessList .item1 .con2 .more{ margin-bottom: 10%;}
	.businessList .item1 .con2 .more span{ font-size: 22px;}
	.businessList .item1 .con2 .t{ font-size: 25px;}
	#aboutPage .ptxt{ top: 10%; width: 90%;}
	#aboutPage .zh{ font-size: 42px;}
	.pbanner8{ padding: 50px 0px;}
	.theorBox li{ float: none; width: 90%; margin-bottom: 25px;}
	.theorBox .con{ transform: scale(1); -webkit-transform: scale(1);}
	.pageBT .zh{ width: 280px; margin-bottom: 10px;}
	.pageBT .zh span{ font-size: 26px; top: -2px;}
	.pbanner9{ padding: 50px 0px;}
	.pbox9 .zh{ font-size: 45px;}
	.pbox9 .en{ font-size: 20px; padding: 8px 0px 22px;}
	.honorList ul{ margin-left: -5%;}
	.honorList li{ width: 45%; margin-left: 5%;}
	.honorList .ico{ width: 40px; height: 40px; background-size: cover; margin: -20px 0px 0px -20px;}
	.stylePCon li{ width: 100%; float: none;}
	.joinBox .list{ background-position: 25px 20px;}
	.hrList .hspan:nth-child(6){ display: none;}
	.hrList .hicon{ width: 10%;}
	.hrList .hrB{ margin-left: 10%;}
	.hrList .hspan{ width: 30%;}
	.hrList .hspan:nth-child(2){ width: 35%;}
	.hrList .hspan:nth-child(4){ width: 25%;}
	.mapBox{ height: 280px;}
	.pensionBox .item{ width: auto; margin: 0px 0px 20px;}
	.aboutMenuBox2 dt .en{ display: none;}
	.aboutMenuBox2 dt .zh{ font-size: 20px;}
	.aboutMenuBox2 dd a{ font-size: 16px;}
	.courseDemo{ width: auto;}
	.courseDemo .i1,.courseDemo .i2{ margin-left: 0px;}
	.courseDemo .bg{ left: 20px;}
	.courseDemo li,.courseDemo li.one{ padding:0px 0px 30px 60px;}
	.courseDemo li .year,.courseDemo li.act .year{ display: none;}
	.courseDemo li .con{ margin-left: 0px; width: 100%; box-sizing: border-box;}
	.courseDemo .con .ifont{ display: none;}
	.courseDemo .con .t{ font-size: 60px;}
	.courseDemo .con .c{ font-size: 14px;}
	.cooperativeCon{ padding: 25px 2%;}
	.cooperativeCon li{ width: 33.33%;}
	
	.laiye-active{ margin-left: 0; width: auto;}
}
@media screen and (max-width:481px) {
	.gropBox2 .searchBox .searchTxt{ width: 74px;}
	.ibox dd{ width: 25%;}
	.ibox dd .zh{ font-size: 14px;}
	.aboutType dd{ width: 50%;}
    .aboutType .item5 { width: 80%; }
	.aboutIbox .con .by1{ font-size: 27px;}
	.aboutIbox .con .by2{ font-size: 25px;}
	#menu-holder{ right: -100%; width: 90%; padding: 0px 5%;}
	.pbox1 .t{ font-size: 32px;}
	.pbanner1{ padding: 60px 0px;}
	.branchDl ul{ width: auto; margin-left: 0;}
	.branchDl li{ width: 100%; margin:0px 0px 30px 0px;}
	.branchDl .item{ padding: 0px 30px;}
	.branchDl .item .name{ margin-top: 25%;}
	.branchOneDl .con{ top: 75%;}
	.teamTwo-dd li .name{ margin-top: 10%;}
	.thinkMenu a{ font-size: 14px;}
	.thinkOneList .item .t{ line-height: 1.5; font-size: 16px; height: 24px;}
	.thinkOneList .item .txt,.thinkforList .item .txt{ height: 40px; font-size: 12px; margin-bottom: 8%;}
	.thinkOneImg .img{ width: 80%;}
	.paging p{ width: auto;}
	.backList{ float: none; display: block; text-align: center; margin-bottom: 10px;}
	.thinkTwoList ul{ margin-left: 0;}
	.thinkTwoList li{ width: auto; float: none; margin:0px auto 5%;}
	.thinkTwoList .t{ height: auto;}
	.thinkforList .item .t{ line-height: 1.2; font-size: 16px; height: auto;}
	.thinkforList .item .txt{ height: 64px;}
	.thinkforList .item .bot .time{ float: none; margin-bottom: 5px;}
	.pbox3 .t{ font-size: 16px;}
	.pbox3 .c{ font-size: 35px;} 
	.pbox3 .bot{ height: 18px;}
	.pbox3 .en{ font-size: 20px; margin: 15px 0px 20px;}
	.pbox4 .t{ font-size: 14px;}
	.pbox4 .c{ font-size: 28px;}
	.pbox4 .en{ font-size: 14px;}
	.caseII .t{ font-size: 25px;}
	.thinkThreeList ul{ margin-left: 0px;}
	.thinkThreeList .con .t{ font-size: 14px;}
	.thinkThreeList li{ width: auto; float: none; margin-left: 0px;}
	.pbox5 .t{ font-size: 28px;}
	.pbox5 .en{ font-size: 14px;}
	.pbox6 .en{ font-size: 18px;}
	.team-I{ width: 90%; padding: 25px;}
	.partentCon li{ width: 42.5%; margin-left: 5%;}
	.pbox9 .zh{ font-size: 40px;}
	.pbox9 .en{ font-size: 18px;}
	.hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(2){ width: 45%; text-align: left; padding-left: 10%;}
	.hrList .hspan:nth-child(7){ width: 35%; font-size: 12px;}
	#aboutPage .zh{ width: auto;}
	.courseDemo .con .itime{ display: none;}
	.cooperativeCon li{ width: 50%;}
}
@media screen and (max-width: 375px) {
	.binbox .bcon .h{ padding-bottom: 15px;}
	.banner .binbox .t{padding-bottom: 15px; font-size: 22px;}
	.banner .binbox{ top: 10%;}
	.binbox .bcon{ width: auto;}
	.aboutIbox .con .by1{ font-size: 24px;}
	.aboutIbox .con .by2{ font-size: 22px;}
	.aboutIbox .con .t{ font-size: 18px;}
	.tankList dd{ float: none; width: 90%; margin: 0px auto 20px;}
	.teamIbox dd.item15{ width: 268px; height: 308px; margin:-160px 0px 0px -140px;}
	.teamIbox dd.item15 .ico2{ width: 68px; height: 40px;}
	.teamIbox dd.item15 .more{ background-size: cover; width: 40px; height: 40px;} 
	.pbox1 .t{ font-size: 22px;}
	.branchOneDl .con{ top: 70%;}
	.teamTwo-dd ul{ margin-left: -4%;}
	.teamTwo-dd li{ width: 46%; margin-left: 4%;}
	.businessTwo-dd .tab li{ font-size: 12px; height: 50px; line-height: 50px;}
	.thinkMenu a{ font-size: 12px;}
	.infoPaging a.list{ width: 0px; overflow: hidden;}
	.pbanner3{ padding: 50px 0px;}
	.pbox3 .t{ font-size: 14px;}
	.pbox3 .c{ font-size: 30px;}
	.pbox4 .c{ font-size: 24px;}
	.caseII .t{ font-size: 22px;}
	.urbanBox .con .t{ font-size: 14px; height: 40px;}
	.pbox6 .zh{ font-size: 36px;}
	.pbox6 .en{ font-size: 16px;}
	.teamType li{ width: 130px; height: 130px;}
	.teamType .ico1, .teamType .ico2, .teamType .ico3{ padding-top: 15px;}
	.teamType .name{ font-size: 14px; padding-top: 8px;}
	.pbox7{ width: 90%;}
	.pbox7 .zh{ font-size: 30px;}
	#aboutPage .ptxt{ top: 8%;}
	#aboutPage .zh{font-size: 40px;}
	#aboutPage .en{ font-size: 30px;}
	#aboutPage .c{ width: 80%; margin: 0px auto;}
	.pbox9 .zh{ font-size: 35px;}
	.aboutMenuBox2 dd a{ font-size: 14px;}
	#bsBox {
	    height: 224px !important;
	    margin-top: -112px !important;
	}
	#bsBox #bsMorePanel {
	    height: 200px !important;
	}
	#bsBox .bsPlatDiv {
	    height: 140px !important;
	}
}
@media screen and (max-width: 320px) {
	.gropBox2{ margin-right: 58px;}
	.aboutIbox .con .by1{ font-size: 22px;}
	.aboutIbox .con .by2{ font-size: 18px;}
	.aboutIbox .con .t{ font-size: 16px; margin-bottom: 30px;}
	.pbox3 .t{ font-size: 12px;}
	.pbox3 .c{ font-size: 28px;}
	.urbanBox .itemBox ul,.urbanBox2 .itemBox ul{ margin: 0px;}
	.urbanBox .itemBox li,.urbanBox2 .itemBox li{ border: 0px none; padding:0px; width: 100%;}
	#aboutPage .c{ display: none;}
	#aboutPage .zh{ width: auto; font-size: 35px;}
	#aboutPage .more{ margin-top: 15px;}
}