#bloc #header .app-nav {
  display: none;
	position: fixed;
	top: 0;
	right: 0;
	height: 50px;
	line-height: 50px;
	width: 50px;
}
#bloc #header .app-nav > ul {
	display: none;
	 position: absolute;
	top: 100%;
	right: 0;
}
#bloc #header .app-nav > ul > li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
	transition: all 0.3s ease-out;
  	-webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
}
#bloc #header .app-nav > ul > li > a{
	display: inline-block;width: 100%;
	color: rgba(0,0,0,0.7);
}
#bloc #header .app-nav .getAppNav {
  font-size: 28px;
  z-index: 6;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  right: 0;
  text-align: center;
  cursor: pointer;
}
#bloc #header .app-nav .getAppNav > span {
  position: absolute;
  width: 28px;
  height: 2px;
  background-color: #666;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
	opacity: 1;
}
#bloc #header .app-nav .getAppNav:after {
  content: '';
  position: absolute;
  width: 28px;
  height: 2px;
  background-color: #666;
  top: -16px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#bloc #header .app-nav .getAppNav:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 2px;
  background-color: #666;
  top: 16px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.menuActive:before{
	transform: rotate(-45deg);
	transform-origin:50% 50%;
	top: 0px!important;
}
.menuActive > span{
	opacity: 0!important;
}
.menuActive:after{
	transform: rotate(45deg);
	transform-origin:50% 50%;
	top: 0px!important;
}
#bloc #footer .footer-right a,#bloc #footer .footer-left a{font-size: 14px;}
#about_1 .row .r2 .iconBox{align-items: stretch;}
#about_1 .row .r2 .iconBox > li b{min-height: 160px;}
.app{display: none!important;}
.pc{display: inline-block!important;}

/*IE*/

.ie #bloc #center #main .content #indexBanner .itemTxt{left: 20%;}
.ie #new .row .row_top{position: relative;}
.ie #new .row .row_top .newSearch{line-height: inherit;float: left;margin-left: 8%;}
.ie #new .row .row_top .newDown{float: left;margin-left: 20px;}
.ie #new_detail .row .r_btm button{line-height: 40px;}
.ie9 #bloc #center #main .content .p_top .top_nav > li{display: inline-block;vertical-align: baseline;margin-right: -5px;margin-top: 28px;}
.ie9 #bloc #center #main .content .p_top .top_nav{text-align: center;}
.ie9 #business_partner .row .logoItem{text-align: center;}
.ie #business .row .rowMain .rowList .rightCol h4 > span > b{vertical-align: bottom;font-size:65px;}
.ie #business .row .rowMain .rowList .leftCol h4 > span > b{vertical-align: bottom;font-size:65px;}
.ie #about .row .r2 .iconBox{text-align: center;}
.ie #about .row .r3 .layoutItem{text-align: center;}
.ie #about .row .r3 .layoutItem > li{display: inline-block;}
.ie #about_1 .row .r2 .iconBox{overflow: hidden;}
.ie #about_1 .row .r2 .iconBox > li{float: left;}
.ie #bloc #footer .footer-right{float: right;}
.ie9 #bloc #center #main .content #indexBanner .linkBox .l_move > i{display: inline;}
.ie #map .row .Titem{text-align: center;overflow: hidden;}
.ie #map .row .Titem > li{float: left;}

@media screen and (max-width:1600px){
	#bloc #center #main .content #indexBanner .box:nth-child(2){
	    left: calc(50% - 420px);
        padding: 10px 50px;
	}
	#bloc #center #main .content #indexBanner .box{
		width: 420px;
	}
	#bloc #center #main .content #indexBanner .box:nth-child(3){
		right: calc(50% - 420px);
        padding: 10px 30px;
	}
	#bloc #center #main .content #indexBanner nav,#bloc #center #main .content #indexBanner .moreBox{
		right: 4%;
	}
}
@media screen and (max-width:1366px){
	#bloc #center #main .content #indexBanner .box:nth-child(2){
	    left: calc(50% - 380px);
        padding: 10px 50px;
	}
	#bloc #center #main .content #indexBanner .box{
		width: 380px;
	}
	#bloc #center #main .content #indexBanner .box:nth-child(3){
		right: calc(50% - 380px);
        padding: 10px 45px;
	}
	#bloc #center #main .content #indexBanner .linkBox{width: 275px;}
}
@media screen and (max-width:1280px){
	#bloc #center #main .content #indexBanner .linkBox{width: 250px;}
	#bloc #center #main .content #indexBanner .picNum{left: 12%;}
	#bloc #center #main .content #indexBanner .linkBox{
		left:-158px;
		transition: all 0.3s;
	}
	#bloc #center #main .content #indexBanner .linkBox .l_main{padding-left: 12px;}
	#bloc #center #main .content #indexBanner .linkBox .l_move > i{
		transform: rotate(90deg);
	}
	#bloc #center #main .content #indexBanner .choose .l_move > i{
		transform: rotate(-90deg);
	}
	#bloc #center #main .content #indexBanner .linkBox.choose{
		left: 0;
	}
}
@media screen and (max-width:1024px){
	#bloc #center #main .content #indexBanner .linkBox{display: none;}
}
@media screen and (max-width:800px){
	#bloc #center #main .content #indexBanner .linkBox{display: none;}
	body::-webkit-scrollbar,
	html::-webkit-scrollbar {
	  width: 0px;
	  border-radius: 1.5px;
	}
	.app-nav{display: inline-block!important;}
	.pc-nav{display: none!important;}
	#bloc #header{height: 50px;background-color: rgba(255,255,255,0.7);position: fixed;}
	#bloc #header #logo{left: 4%;}
	#bloc #header #logo > img{height: 60%;}
	#bloc #center #main .content #indexBanner .itemTxt{top: -130px;}
	#bloc #center #main .content #indexBanner .itemTxt .list p{font-size: 30px;}
	#bloc #center #main .content #indexBanner .itemTxt .list small{font-size: 16px;}
	#bloc #center #main .content #indexBanner .moreBox > a:nth-child(1){font-size: 18px;}
	#bloc #center #main .content #indexBanner .moreBox > a:nth-child(1) > i{font-size: 16px;}
	#bloc #center #main .content #indexBanner nav{top: -10%;}
	.component-fullwidth{height: auto!important;}
	#bloc #center #main .content #indexBanner .moreBox{bottom: 20px;z-index: 10000;}
	#bloc #center #main .content #indexBanner .box:nth-child(2){width: 100%;left: 0;padding: 15px 4%;height: 250px;position: relative;}
	#bloc #center #main .content #indexBanner .box:nth-child(2) .txt h4{font-size: 20px;}
	#bloc #center #main .content #indexBanner .box:nth-child(2) .txt .top:after{font-size: 24px;}
	#bloc #center #main .content #indexBanner .box:nth-child(3){width: 100%;right: 0;padding: 15px 4%;top: 100%;height: 226px;position: relative}
	#bloc #center #main .content #indexBanner .box:nth-child(3) h4{font-size: 20px;height: 50px;line-height: 40px;}
	#bloc #center #main .content #indexBanner{margin-top: 50px;height: auto;}
	#bloc #center #main .content .banner .b_txt{font-size: 30px;letter-spacing: 24px;}
	#bloc #center{display: flex;align-items: flex-start;}
	#bloc #center #main .content #indexBanner .itemTxt{height: 200px;}
}

@media screen and (max-width:750px){
	.component > ul{height: 420px;}
	*{font-size: 12px;}
	#bloc #footer{
		padding: 20px 4%;height: 115px;justify-content: center;
	}
	.pc{display: none!important;}
	.app{display: inline-block!important;}
	#bloc #footer .footer-left ul .footer-img{display: none;}
	#bloc #footer .footer-left ul li{line-height: 30px;font-size: 12px}
	#bloc #footer .footer-left ul .footer-left-shu{margin: 0 5px;}
	#bloc #footer .footer-right{line-height: inherit;text-align: center;font-size: 12px;margin-top: -16px;}
	#bloc #footer .footer-right a,#bloc #footer .footer-left a{font-size: 12px;}
	.foot .copyright{
		height: 40px;line-height: 20px;top: auto;right: 0;bottom: 5px;
	}
	#business_partner .row .logoItem{justify-content: space-between;}
	#business_partner .row .logoItem > li{width: 150px;margin: 20px 0px;height: 75px;}
	#bloc #center #main .content .banner{margin-top: 50px;}
	#bloc #center #main .content .row{padding-bottom: 90px!important;}
	#bloc #center #main .content .banner .b_txt{font-size: 16px;line-height: 24px;letter-spacing: 0;top: 20px;}
	#bloc #center #main .content .banner.layout_0 .b_txt{left: 0;line-height: 24px;}
	#bloc #center #main .content .banner.layout_2 .b_txt{right: 0;line-height: 24px;}
	#bloc #center #main .content .banner.layout_0 .b_txt > small,#bloc #center #main .content .banner.layout_2 .b_txt > small{font-size: 12px;line-height: 20px;}
	#bloc #center #main .content #indexBanner .picNum{left: 4%;top: -10%;}
	#bloc #center #main .content #indexBanner .itemTxt .list p{
		font-size: 24px;
	}
	#bloc #center #main .content #indexBanner .itemTxt .list small{font-size: 14px;line-height: 25px;}
	#bloc #center #main .content #indexBanner .box{width: 100%;}
	#bloc #center #main .content #indexBanner .itemTxt .list{padding-left: 4%;}
	#bloc #center #main .content .banner > img{width: auto;height: 180px;}
	#bloc #center #main .content .p_title{background-size: 60%!important;margin: -3px 0;}
	#bloc #center #main .content .p_title{font-size: 20px;}
	#bloc #center #main .content > small{margin: auto 4%;font-size: 14px;}
	/*新闻*/
	#new .row .row_top{height: 60px;}
	#new .row .row_top .newSearch{width: 45%;}
	#new .row .itemBox{padding: 40px 0;}
	#new .row .itemBox .newList{padding: 40px 0px;padding-top: 220px;margin-bottom: 20px;padding-bottom: 80px;}
	#new .row .itemBox .newList .mBox h4{font-size: 16px;}
	#new .row .itemBox .newList .mBox small{margin: 10px 0;}
	#new .row .itemBox .newList > img{bottom: auto;left: 0;height: 200px;max-width: 100%;right:0;}
	#new .row .itemBox .newList .mBox p{font-size: 12px;}
	#new .row .itemBox .newList .timeBox{font-size: 24px;bottom: 0;right: 0;}
	#new .row .itemBox .newList .timeBox a.newMore{width: 100px;}
	/*新闻详情*/
	
	#new_detail .row .r_top h4{font-size: 16px;}
	#new_detail .row .r_top small{font-size: 12px;}
	#new_detail .row .rowMain{width: 100%;font-size: 14px;}
	#new_detail .row .r_btm{height: 20px;border: none;}
	#new_detail .row .r_btm > span > a > img{margin: 9px 15px;}
	
	/*业务领域*/
	
	#bloc #center #main .content .p_top .top_nav > li{width: 45%;height: 48px;line-height: 48px;}
	#bloc #center #main .content .p_top .top_nav > li > a{line-height: 48px;font-size: 14px;}
	#bloc #center #main .content .p_top .top_nav .choose{height: 60px;line-height: 58px;}
	#bloc #center #main .content .p_top .top_nav .choose:after{bottom: -8px;}
	#business .row .r_top{margin-bottom: 0;}
	#business .row .r_top h4{font-size: 24px;}
	#business .row .r_top small{font-size: 14px;}
	#business .row .r_top > img{width: 48%;}
	#business .row .rowMain{padding-bottom: 0;}
	#business .row .rowMain .c_line{display: none;}
	#business .row .rowMain .rowList{margin-bottom: 0px;padding-bottom: 170px;}
	#business .row .rowMain .r1 .rightCol,#business .row .rowMain .r2 .leftCol{position: absolute;width: 100%;top: 156px;}
	#business .row .rowMain .rowList .leftCol,#business .row .rowMain .rowList .rightCol{width: 100%;}
	#business .row .rowMain .rowList .rightCol h4,#business .row .rowMain .rowList .leftCol h4{font-size: 22px;padding-left: 37px;line-height: 90px;margin-bottom: 8px;}
	#business .row .rowMain .rowList .leftCol h4{float: none;}
	#business .row .rowMain .rowList .rightCol p,#business .row .rowMain .rowList .leftCol p{font-size: 12px;}
	#business .row .rowMain .rowList .rightCol h4 > span,#business .row .rowMain .rowList .leftCol h4 > span{font-size: 25px;left: 0;}
	#business .row .rowMain .rowList .rightCol h4 > span > b,#business .row .rowMain .rowList .leftCol h4 > span > b{font-size: 65px;}
	#business .row .rowMain .rowList .rightCol img,#business .row .rowMain .rowList .leftCol img{max-width: 100%;}
	
	/*概况*/
	
	#about .row .r1 > img{max-width: 100%;}
	#about .row .rowList .Ttop h5{font-size: 20px;}
	#about .row .r2 p{font-size: 14px;}
	#about .row .r2 .iconBox > li{width: 25%;}
	#about .row .r2 .iconBox > li > i{font-size: 42px;}
	#about .row .r2 .iconBox > li > span{font-size: 13px;}
	#about .row .r2 .iconBox > li > span small{font-size: 12px;}
	#about .row .r2 .chooseItem{width: 100%;}
	#about .row .r3 .layoutItem > li{width: 33.33%;}
	#about .row .r3 .layoutItem > li span{font-size: 14px;padding-left: 0;bottom: 55px;}
	#about .row .r3 .layoutItem > li span > small{font-size: 12px;}
	#about .row .r3 .layoutItem > li:after{font-size: 50px;right: 0;}
	#about .component-fullwidth li img{width:100%!important;height: auto!important;display: block!important;}
	#about .component-fullwidth{height: 300px!important;}
	#about_1 .row .r2 .iconBox{display: block;}
	#about_1 .row .r2 .iconBox > li{width: 100%;}
	#about_1 .row .r2 .Tpicnum{display: none;}
	#about_1 .row .r2 .iconBox > li .logoPic .about_logo{right: 0;width: 300px;margin: auto;}
	#about_1 .row .r2 .iconBox > li .Tnum{display: none;}
	#about_1 .row .r2 .chooseItem{padding-bottom: 220px;display: none;}
	#about_1 .row .r2 .chooseItem > img{width: 100%;top: auto;}
	#about_1 .row .r2 .chooseItem > div{padding-right: 0px;}
	
	
	#map .row .Titem > li{width: 50%;}
}