/* CSS Document */

@media screen and (max-width:3000px){
	#pro .row3 .box .list{
		width: 225px;margin: 20px 15px;
	}
	#pro .row3 .proItem .proList .proMain .pType{
		margin: 1rem;
	}
	#quality .row3 .box .list{
		width: 230px;margin: 40px 12px;
	}
	#tech .row3 .box .list,#develop .row3 .box .list{
		width: 250px;margin: 40px 32px;
	}
	#contact .row3 .box .list{
		width: 305px;margin: 40px 14px;
	}
	.branch-svg{
		margin-left: 3%;
	}
	#contact .row1 .rowMain #map .mapMsg{
		left:calc(4%  + 750px);
	}
	#index .row3 .rightCol{
		height: 700px;
	}
	#index .row3 .leftCol{
		height: 700px;
	}
	#bloc #center #main .content .row .topTitle h4{
		margin-bottom: 60px;
	}
	#index .row3 .leftCol .msg{
		right: 18%;
	}
	#index .row3 .leftCol .title{
		right:-120px;
	}
	.appItem{
		position: absolute;background-color: #fff;bottom: 100%;width: 100%;
		display: none;
		transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
	}
	.appMask{
		position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;
		background-color: rgba(0,0,0,0.2);display: none;
	}
	.menuActive:before{
		transform: rotate(40deg);
		transform-origin:50% 50%;
		top: 24px!important;
	}
	.menuActive:after{
		transform: rotate(-40deg);
		transform-origin:50% 50%;
		bottom: 24px!important;
	}
	.appItem > li{
		min-height: 50px;line-height: 50px;background-color: #fff;
	}
	.appItem li .childNav{
		background-color: rgba(0,0,0,0.1);
	}
	
	.appItem li > a{
		display: inline-block;height: 50px;line-height: 50px;
		width: 100%;text-align: center;font-size: 14px;
	}
}

@media screen and (max-width:800px){
	*{
		font-size: 12px;
	}
	#nav .item{
		display: none;
	}
	a[href]:hover{}
	h3{margin-bottom: 1rem;}
	h3 span{
		font-size: 1.666rem;
	}
	#index .row3 .leftCol .msg .msgContent p{width: 300px;}
	#bloc #center #main .content .row .topTitle h4{margin-bottom: 30px;}
	#index .row2 .sliderBox{padding-bottom: 50px;}
	#bloc #center #main .content .row .topTitle{margin-top: 25px;}
	#pro .row2 .rowMain .proType{padding: 15px 0 25px 0;}
	#pro .row3 .box{margin-top: 30px;margin-bottom: 30px;}
	#bloc #header #logo{
		
		background-size: 60%;
		background-repeat: no-repeat;
	}
	.logoItem{text-align: center;justify-content: space-between;}
	.logoItem > li{
		display: inline-block;float: none;
	}
	#bloc #header #nav{
		height: 50px;
	}
	#bloc #header #banner .msg{
		padding-top: 140px;
	}
	#bloc #header .indexBanner,#bloc #header #banner{
		height: 320px!important;
	}
	#bloc #header #nav .getAppNav{
		display: inline-block;
	}
	#bloc #header #nav .getAppNav > span{
		position: absolute;width: 28px;height: 2px;background-color: #555;top: 0;bottom: 0;left: 0;right: 0;margin: auto;
	}
	#bloc #header #banner .msg > span,#bloc #header #banner .msg > span{
		font-size: 25px;
	}
	#index .row5 .inputBox .txtInput input{
		margin-bottom: 30px;
	}
	#index .row5 .inputBox .txtInput{width: 240px!important;}
	#index .row5 .inputBox .txtInput:last-of-type{margin-top: -50px;}
	#index .row2 .bx-viewport{width: 90%!important;margin: auto;}
	#index .row2 .bx-wrapper{width: 90%!important;margin: auto;}
	#index .row2 .sliderBox .sliderSet{width: 48px;}
	#index .row2 .sliderBox .prev{right: 94%;}
	#index .row2 .sliderBox .next{left: 94%;}
	#index .row2 .sliderBox #slider1 li .msg{height: 250px;width: 92%;}
	#index .row2 .sliderBox #slider1 li .picBox{height: 260px;}
	#index .row2 .sliderBox .sliderSet > i{font-size: 4rem;}
	#index .row3 .leftCol,#index .row3 .rightCol,#about .row2 .leftCol,#about .row2 .rightCol,#about .row3 .leftCol,#about .row3 .rightCol,#about .row4 .leftCol,#about .row4 .rightCol,#tech .row1 .rowMain .box .mBox,#tech .row2 .rowMain .techList .tech2 .leftCol,#tech .row2 .rowMain .techList .tech2 .rightCol,#company_new .rowList .leftCol,#company_new .rowList .rightCol,#develop .rowList .leftCol,#develop .rowList .rightCol,#quality .row4 .rowMain .leftCol,#quality .row4 .rowMain .rightCol,#contact .row2 .contactBox .leaveMsg .leftCol,#contact .row2 .contactBox .leaveMsg .rightCol,.pro_pop .row .leftCol,.pro_pop .row .rightCol{
		width: 100%;
	}
	.pro_pop .row .leftCol{height: 220px;}
	.myPop .popContent .popMain{padding: 0;}
	.pro_pop .row .rightCol .popMsg{padding: 4%;padding-top: 220px;}
	.pro_pop .row .rightCol .popMsg h3{margin-bottom: 4px;}
	.pro_pop .row .rightCol .popMsg p{height: 201px;}
	.pro_pop .row .leftCol .picBox{height: 100%;}
	#about .row3 .leftCol,#about .row3 .picBox{display: none;}
	#index .row3 .leftCol{
		height: 580px;
	}
	#index .row3 .rightCol{height: 325px;}
	#index .row3 .leftCol .msg{
		margin: 50px 0;padding-left: 40px;margin-bottom: 20px;right: 0;
	}
	#index .row3 .leftCol .title{
		background-color: transparent;color: #789c03;
		right: 25%;top: 0;z-index: 5;padding-left: 0;
	}
	#index .row4 .item .list{
		padding-left: 0;padding-top: 60px;padding-right: 1rem;word-break: break-all;
	}
	#index .row4 .item > li strong{margin-top: 0;}
	#index .row4 .item > li .icon{height: 60px;line-height: 60px;text-align: left;}
	#index .row5 .inputBox{margin-bottom: 60px;}
	.msg .msgContent h3 span{line-height: 71px;}
	#bloc #center #main .content .row{
		padding-left: 4%;padding-right: 4%;
	}
	#about .box{padding-bottom: 30px;}
	#about .box .mBox{
		width: 100%;box-shadow: none;padding-bottom: 30px;background: none;padding-top: 60px;
	}
	#about .row2 .rightCol .lump{display: none;}
	#about .row2 .rightCol .picImg .picBox{height: 250px;}
	#about .row2 .rightCol{height: 260px;}
	#about .box .msg{
		margin-right: auto;width: 90%;
	}
	#about .box .otherBox{
		display: none;
	}
	#about .row2 .leftCol .msg{
		width: 90%;margin-left: 5%;
	}
	#about .row2 .leftCol{height: 380px;}
	#about .picRow{display: none;}
	#about .picRow + .cl{height: 2rem!important;}
	#about .row3{padding-top: 30px!important;}
	#about .picRow .picBox{width: 100%;}
	.h3_left, .h3_right{
		height: 71px;line-height: 71px;
	}
	#about .row3 .rightCol .msg{box-shadow: none;}
	#about .row3 .rightCol .msg .msgContent{
		padding: 4% 4%;
	}
	#about .row4{height: auto;padding: 0 4%!important;}
	#about .row4 .leftCol .msg{padding: 0 4%;}
	#about .row4~.cl{height: 305px!important;}
	#about .row4 .rightCol .msg .msgContent p{font-size: 24px;}
	#about .row4 .rightCol .msg .msgContent p > a > img{height: 70%;margin-top: 3%;}
	#pro .rowTop .search{width: 80%;}
	#pro .rowTop .search input{width: 70%;}
	#pro .rowTop .search .searchGo{padding: 0 20px;font-size: 16px;}
	#pro .row2 .rowMain .proType .type{margin: 18px 1rem;}
	#pro .row2 .rowMain .sliderBox .bx-viewport{padding: 0;}
	#pro .row2 .rowMain .sliderBox .bx-pager-item{margin: 0 8px;}
	#pro .row2 .rowMain .sliderBox .bx-pager-item,#pro .row2 .rowMain .sliderBox .bx-pager-item > a{width: 40px;line-height: 40px;}
	
	#tech .row1 .rowMain .box,#tech .row1 .rowMain .box .mBox{padding: 0;}
	#tech .row1 .rowMain{margin-top: 60px;}
	#tech .row1 .rowMain .box .otherBox{display: none;}
	#tech .row1 .rowMain .box .mBox > span{text-align: center;}
	#tech .row1 .rowMain .box .mBox > span > p{font-size: 12px;text-align: left;height: 170px;}
	#tech .row3 .topTitle > div{margin: 2rem 0 1rem 0;}
	#pro .row3 .box{width: 100%;}
	#pro .row3 .box .list{
		width: 165px;margin: 10px 0;
	}
	#tech .row2 .rowMain .techList .techMain{
		
	}
	#tech .row2 .rowMain .techList .tech1 .techRow .techType{
		height: 50px;line-height: 50px;margin: 12px 8px;width: 145px;
	}
	#tech .row2 .rowMain .techList .tech1 .techLine{display: none;}
	#tech .row2 .rowMain .techList .title span{line-height: 24px;}
	#tech .row2 .tech1 .techRow{padding-bottom: 20px;}
	#tech .row2 .rowMain .techList .tech2 .rightCol .sliderBox{padding-bottom: 70px;}
	#tech .row2 .rowMain .techList .tech2 .rightCol .box .sliderBox .sliderPage{
		left: 0;width: 100%;
	}
	#tech .row3 .topTitle > div{width: 100%;}
	#tech .row3 .box .list{width: calc(50% - 20px);margin: 16px 6px;height: 50px;line-height: 50px;}
	#company_new .row1 .topTitle h3{width: 65%;}
	#company_new .rowList .leftCol .msg,#company_new .rowList .rightCol .msg{padding: 0;}
	#company_new .rowList .txtCol{min-width: auto;padding-bottom: 230px;box-sizing: content-box;height: 240px;}
	#company_new .rowList{padding-bottom: 40px;}
	#develop .rowTop .topContent{width: 100%;}
	#develop .rowList .picBox .redBloc{width: 60px;height: 60px;line-height: 60px;right: 0px;bottom: 0;top: 0;}
	#develop .rowList .rightCol .redBloc{left: auto;}
	#develop .rowList .txtCol .msg .msgContent h4{padding-bottom: 0;text-align: left;}
	#develop .rowList .picBox{margin-bottom: 10px;position: absolute;top: 0;width: 92%;left: 4%;}
	#develop .rowList .txtCol{padding-top: 200px;box-sizing: content-box;height: 18rem;}
	#contact .row1 .rowMain #map .mapMsg .leftCol .msg .msgContent p{line-height: 1.6rem;}
	#develop .rowList .leftCol .msg{padding-left: 0;text-align: left;}
	#develop .rowList .rightCol .msg{padding-right: 0;}
	#quality .row1 .rowMain{padding-top: 40px;}
	#quality .row1 .rowMain .picBox{width:60%;transform: none!important;margin: 20px 0;margin-right: 0!important;}
	#quality .row2 .rowMain .sliderMove{width: 300px;}
	#quality .row4 .rowMain .leftCol,#quality .row4 .rowMain .rightCol{margin-top: 35px;}
	#quality .row4 .rowMain .leftCol > .picBox{
		height: 225px;background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	}
	#quality .row4 .rowMain .leftCol > .picBox > .picBox{right: -30%;}
	#quality .row4 .rowMain .rightCol .msg .msgContent .Tbox p{max-height: 8rem;height: auto;}
	#quality .row4 .rowMain .rightCol .msg .msgContent .Tbox{
		width: calc(100% - 110px);padding-left: 60px;
	}
	.row .topTitle > div{width: 90%; }
	.tab .tabTop .tabCol,.tab .tabRow .tabCol{font-size: 1rem!important;}
	#contact .row3 .box{text-align: center;}
	.tab .tabRow .tabCol{text-indent: 0!important;text-align: center!important;}
	.tab .tabRow .tabCol .tabSet{padding: 12px 0;}
	#contact .row1 .rowMain > .rightCol{width: 100%;box-shadow: none;padding: 20px 4%;box-sizing: border-box;}
	#contact .row1 .rowMain > .rightCol .picBox{display: none;}
	.branch-svg{transform: scale(0.45);transform-origin: 0 0;padding-top: 120px;}
	#contact #map{height: 600px;}
	#contact .row1 .rowMain #map .mapMsg{width: 90%;left: 5%;bottom: 5%;}
	#contact .row3 .box .list{margin: 12px 14px;}
	#contact .row2 .contactBox .leaveMsg{padding: 40px 0;width: 90%;box-shadow: none;padding-bottom: 0;}
	#contact .row2 .contactBox .leaveMsg .rightCol textarea{margin-left: 0;width: 100%;}
	#contact .row2 .contactBox .leaveMsg .leftCol .msgList > input{width: 100%;}
	#contact .row2 .contactBox .leaveMsg .leftCol:after{display: none;}
	#new_detail .row .new_top{margin: 0 2%;padding-bottom: 30px;}
	#new_detail .row{padding-top: 100px;}
	#new_detail .row .new_top h5{font-size: 20px;margin-bottom: 20px;}
	#new_detail .row .newMain{padding: 40px 2%;padding-bottom: 50px;}
	#new_detail .row .return{top: 25px;}
	#new_detail .row .newMain img{width: 100%!important;height: auto!important;margin: 20px 0;}
	.toTop{right: 18px;}
	#company_new .rowList .picBox{height: 220px;position: absolute;bottom: 30px;width: 92%;left: 4%;}
	#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p span{height: 17rem;}
	#pro .row2 .rowMain .sliderBox #slider1 li .msg{padding: 0 4%;width: 100%;}#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent{padding: 0;}
	#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent h4,#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p strong{padding: 0;}
	#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p strong{height: 8rem;}
	#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p span{margin: 15px 0;display: none;}
	#pro .row2 .rowMain .sliderBox{padding-bottom: 10px;}
	#pro .row3 .proItem{height: auto;}
	#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p strong{margin-bottom: 5px;}
	#pro .row3 .proItem .proList .proMain .pType h4,#pro .row3 .proItem .proList .proMain .pType p{text-align: center;}
	#contact .row1 .rowMain #map{margin-top: 0;}
	#develop .rowList .leftCol .redbloc,#develop .rowList .rightCol .redbloc{left: auto;right: 0;top: 0;height: 60px;width: 60px;line-height: 60px;font-size: 2.333rem;}
	#develop .rowPage .icon{margin: 0 15px;}
	#contact .row1 .rowMain #map .mapMsg .rightCol{width: 60px;line-height: 60px;}
	#index .row2 .sliderBox .sliderSet  i{font-size: 4rem;}
}



/*英文*/
#quality .row4 .rowMain .rightCol .msg .msgContent .Tbox p{height: 11rem;}
.en h4,.en p,.en h5{}
.en .msg .msgContent h4{font-size: 1.333rem;}
.en h3 span{height: 72px;line-height: 72px;font-size: 2.111rem;}
.en #bloc #header #banner .msg > span{font-size: 40px;}
.en #index .row1 .msg .msgContent p,.en #index .row2 .sliderBox #slider1 li .msg .msgContent p,.en #tech .row3 .topTitle > div,.en #quality .row1 .rowMain .picBox .msg .msgContent p,.en #quality .row2 .rowMain .sliderBox .slider .list > span h4,.en #develop .rowTop .topContent{text-align: left;}
.en #quality .row2 .rowMain .sliderBox .slider .list > span h4{font-size: 1.33rem;line-height: 105%;}
.en #quality .row1 .rowMain .picBox:nth-child(3n){transform: none;}
.en #new_detail .row .new_top h5{font-size: 24px;}
.en #quality .row2 .rowMain .sliderMove{margin-top: 3rem;}
#quality .row2 .rowMain .sliderBox .slider .list > span p{max-height: 95px;overflow: hidden;}
.en .row .topTitle > div{width: 88%;text-align: left;}
.en #about .row4 .rightCol .msg .msgContent p{font-size: 22px;}
.en #about .row4 .rightCol .msg .msgContent p img{height: 60px;}
.en .msg .msgContent p{line-height: 22px;}