@charset "utf-8";

/*PC尺吋*/
@media (max-width: 1200px) {
	.footerTxt .footerLogo {width: 16%}
	.containerNav {width: 60%;margin: 14px 0 0;}
	
	.paginationLsit {padding:0;}
	.menubox {padding:0px;}
	.m-service {margin-top: 0px;}
	.boxdata2 .xsbox{text-align: left !important;}
	.boxdata2 .xsbox dt{width: 100px;;display: inline-block;padding: 0 0 0 5px}
	.boxdata2 .xsbox dt span{font-size: 12px;color: #3c3737;padding:0 10px 0 5px;border-right: 1px solid #3c3737;font-weight: 300}
	.boxdata2 .xsbox:hover dt span{border-right: 1px solid #fff}
	.boxdata2 .xsbox dd{width:100% !important;display: block}
	.boxdata2 .xsbox .dd01{width: 47% !important;font-size: 12px;color: #3c3737;display: inline-block;padding: 0;font-weight: 300;height: auto;border: none;}
	.boxdata2 .xsbox:hover .dd01{color: #fff}
	
	.Collapsemenu li select {padding: 0.1em 0em;}
    .Collapsemenu li {margin: 0px;background-size: contain;min-width: 227px;padding: 10px 17px;}
	.meunbtn {position: relative;width: 100%;}
	.meunbtn li {padding: 0 25px;}
	.boxdata dd {height: auto}
	
	.frmb{margin: auto;text-align: center} 
	.frmb li{width: 19%;text-align: center;margin: 10px 0}
	.frmb li aside{width: 40px;margin: auto;}
	.frmb li a{color: #fff}
	
	.mainlinkbox {padding: 25px 0;}
	.mainlinkbox .hidden-sm,.menubox.hidden-sm,.menustyle .hidden-sm{display:none !important}
	.boxdata2 .visible-sm{display: block !important}
	.meunbtn {padding-bottom: 20px;}
	
	.newsbg {padding-top: 40px}
	.news{padding: 0;margin: 0}
	
	.newsdata {padding: 15px 15px;margin-bottom: 30px;}
	.newsdata h1 {font-size: 20px;margin: 10px auto;}
	.newsbtn {margin: 0;left: calc(50% - 60px);}
	
	.toptxet p.hidden-sm{display: none}
	.toptxet h1 {font-size: 24px;}

}


/*平板尺吋*/
@media (max-width:992px) {
	.wrapper {overflow: hidden;}
	.rightNav{text-align: right;}
	.mainNav>ul>li>a {padding: 0 5px;font-size: 14px;}
	.rightNav .Navpc{width: 300px}
	.Navpc li a {line-height:2;}
	
    .mainbox {margin-top: -40px;margin-bottom: 50px;}
	
	.news {margin-top: -81px}
	
	.service {margin-top: -150px;}
	.servicemain .box01,.news .servicemain li{width: 98%;margin: 1% 1%;height: auto}
	.servicemain .box01 .subbox{background-size: cover}
	.servicemain .box02{width: 98%;margin: 1% 1%;}
	.servicemain .box02 .subbox{background-size: cover}
	
	.mainlinkbox dl {width: 97.7%;}
	
	header .logo {width: 26%}
	.mainNav {margin-left:0}
	
	.txetmain {top: auto;}
	.news.mt {margin-top:-78px;}
	
	.boxdata2 dd:nth-child(2) {width: 20%;}
	.mainlinkbox dd {padding:15px 10px;}
	.qa dl dd b{top: 90px;right: 10px;}
	
	/*.toptxet {background-size: contain;padding: 15px 25px;}*/
	.qa .ddmain span{padding-left: 125px}
	
	.news {margin-top:0px;}
	
	.lightbox .boxdl .dd01 {width: 83% !important;}
	.lightbox .boxdl{text-align: left}
	
	.lightbox article {width: 96%;}
	.lightbox article div {padding: 10px 20px;}
	.lightbox .boxdl .dd01 {width: 50% !important;}
	hr{margin: 25px auto;}
	.news.bg {padding-bottom: 20px;}
	
	.externallink {width: 20px;margin-right: 10px;}
	
	.boxdata dd:last-child { width: 100%;}
}


/*手機尺吋*/	
@media (max-width: 767px) {
	.wrapper {overflow: hidden;}

	.workshop .btnColose {right: 10px;}
	.workshop form{padding: 20px 10px;}
	.workshop input {width: 200px;padding: 0 5px;}
	
	.rightNav{top: 10px;right: 68px;}
    .lan,.email,.login{display: none !important}
	.rightNav ul{width: 95px;margin: auto;}
	.rightNav li {margin: 1% 2%;text-align: center;}
	.rightNav li a {width: 27px;}

	.rightNav .Navpc{display: block;margin: 0;padding: 0;position: relative;top: 20px;left: calc(50% - 120px);width: 390px;}
	.rightNav .Navpc li{margin: 0 !important;}
	.Navpc li a {line-height:2.5;}
	.mainNav>ul>li>a{border:none;} 
	
	.Linkmain {display: none}


	.vision {height:auto;padding-top:120px;background:url(../images/kv/kv.jpg) no-repeat bottom center;background-size: contain}
	.kvtext aside {width: calc(100% - 44px); /*margin: 0;*/}
	.menustyle {position: initial;}
	
	.txetmain {position: absolute;margin: auto;top: -65px;left: 5px;width: 98%;background: url(../images/mb/[].png) center center no-repeat;background-size: contain;height: auto;}
	.txetmain dl {margin: 0;display: inline-block;width: 49%;padding-top:11px;}
	.txetmain dt {width: 80px;text-align: center;font-size: 13px;}
	.txetmain dt b {font-size: 13px;}
	.txetmain dd {font-size: 13px;padding-left: 13px;}
	.txetmain dd b {font-size: 17px;}
	
	.kvtext{padding-top: 30px;position: relative}
	
	.linkbox li {margin: 2% 1%;width:auto;}
	.linkbox li a {line-height: 2.5em;padding: 0 15px;font-size: 17px}
	
	
	.menubox {padding: 25px 15px}
	.menubtn {text-align: left;margin: 0 auto;width: 100%;}
	.menubtn li {width: 47%;}
	.menubtn li aside {width: 48px;}
	
	.news {padding: 45px 0;}
	.news.mt {margin-top: -350px;}
	.mainlinkbox dl {width: 98%;margin: 0 1% 2%;}
	
	.about .bg {background: url(../images/mb/aboutbg.png) center center no-repeat;background-size: contain}
	
	.about figure {background: url(../images/mb/].png) center top no-repeat;background-size: contain;width: 96%;margin: auto;}
	.about figure {padding: 11px 9px 15px;transform:translateY(-35px)}
	.about figure h1 {font-size: 29px;padding: 3px 9px 3px;border-radius: 15px}
	
	.service {margin-top: -75px;}
	.service .bg {padding: 0;}
	.servicemain .box01, .news .servicemain li,.servicemain .box02{width: 100%;margin: 0;}
	.bg01{background-image: none ;background-color: rgba(189,220,225,0.8);padding: 15px;}
	.bg02{background-image: none ;background-color: rgba(204,223,191,0.8);padding: 15px;}
	.bg03{background-image: none ;background-color: rgba(241,226,182,0.8);padding: 15px;}
	.bg04{background-image: none ;background-color: rgba(242,200,178,0.8);padding: 15px;}
	.bg05{background-image: none ;background-color: rgba(240,180,177,0.8);padding: 15px;}
	.bg06{background-image: none ;background-color: rgba(177,184,230,0.8);padding: 15px;}
	
	.subbox h1{font-size: 24px;}
	.subbox p {width: 65%;display: inline-block;font-size: 15px}
	.abtn {display: inline-block !important;margin: 5px 0 0 5px;vertical-align: top;width: 100px;font-size: 14px;}
	
	.meunbtn {position: initial;margin: 10px 0;}
	.meunbtn li {background-color: #fff;width: 94%;margin: 0.3% 3%;}
	.meunbtn li a {line-height: 2;}
    
	.mainlinkbox dt {padding: 20px 10px 20px 10px;width: 80px;}
	.mainlinkbox dt span {font-size: 20px;}
	.mainlinkbox dd {;font-size: 18px;}
	.boxdata dd:last-child,.boxdata2 dd.linkbox{width: auto;}
	.boxdata2 dd:nth-child(2).boxdata2 dd:nth-child(3){}
	.boxdata dd span {margin: 1em 0;}
	
	.linkbox2 li a {font-size: 16px;}

	.linkbox2 li {padding: 10px;margin-bottom:6%}
	
	.linkbox2 span {text-align: left;padding-left: 26px;width: 94%;font-size:60%;}
	.phonebox .fa-phone-alt{width: 30px;transform:translatey(0);}
	
	.textbox2{width: 100%;margin:3% 0}
	
	.textbox2 dt {width: auto;display: block;}
	.textbox2 dd{display: block}
	.textbox2 p {font-size: 15px;}
	
	.textbox2 h1 span {position: initial;}
	.ulstyle li {width: 98%;margin: 0.5%;}
    
	.mapZone{transform:translateX(-100%);position:fixed;width:100%;height:100%;left:0;top:70px;transition:all .5s;padding-top:10px;background:rgba(196,205,217,1);z-index:990;overflow:auto;-webkit-overflow-scrolling: touch;margin:0;padding: 50px 30px;}
	.mapZone.active{transform:translateX(0);transition:all .7s;}
	.mapZone .mapBg{background:none}
	.mapssearch {background-color: rgba(198,199,212,0);position: initial;padding: 75px 0;}
	.mapssearch article {text-align: left;}
	.mapssearch h3 {font-size: 20px;display: block;}
	.mapssearch h3 .Ladderbg {top: -30px;left: 0px;}
	.searchBtn {width: 100%;display: block;margin:50px auto}
	.mapbtn {max-width:100%;margin-left:0;border: 1px solid #e1ab72;background-color:#e1ab72;}
	
	
	.mainNav {width: 100%;padding: 50px 0px 0;}
	.mainNav>ul>li{padding: 1em 1em;margin: 0 20px;}
    .mainNav li i{ background: url(../images/process/down.png) center center no-repeat;width: 12px;height: 15px;display: block; position: absolute;right:0px;top:15px;}
	.mainNav li i:hover,.mainNav li.active i{transform: rotate(-180deg);}
	
	.mainNav li .subNav{display:none !important;line-height: 3em;background-color: #6f7b8b;width: 120%;position: relative;top: 15px;left: -34px;}
	.mainNav li .subNav a{color: #fff;}
	.mainNav>ul>li.active {background-color:#fff;}
	.mainNav li.active .subNav{display:block !important}
	.mainNav li.active .subNav li:hover{background-color:#e1ab72}
	.mainNav li.active .subNav li{margin: 0;padding: 15px 32px;}
	
	.mainNav>.bottomNav{text-align: center;width: 100%;background-color: #262f3b;padding: 20px 0px;position: absolute;bottom: 0;overflow: inherit;
    height: auto;}
	.mainNav>.bottomNav>li{display: inline-block; margin: 0 2%;width:auto !important;vertical-align: middle;border: none !important;
    padding: 0;}
	
	.mainNav>.bottomNav li a{display: block;width: 30px;height: 30px;margin: auto;text-align: center;background-color: #6f7b8b;border-radius: 6px;padding-top: 3px;letter-spacing: 2px;color: #fff;}
	.mainNav>.bottomNav>li.active{background: none}
	.mainNav>.bottomNav li a:hover,.bottomNav li.active a {background-color: #e1ab72;}
	
	.containerNav{width: 100%;margin:0}
	.containerNav li{width: 49%;margin: 2% 0;}
	.containerNav li:nth-child(2){border-right: 1px solid #6f7b8b}
	.containerNav li.txet{width: 94%;}
	.containerNav li.txet p{border: none}
	
	footer .container{padding: 0px;}

	.flowbox {padding-left:0;}
	.flowbox li {line-height: 4em;}
	.flowbox li b {display: none;;}
	.flowbox li span a {top: 17px;}
	.subflowtext ol {padding-left: 0px;}
	.menuarea li a {font-size: 12px;border-radius: 25px;}
	
	.subflowtext ol li article {padding:30px 0}
	.subflowtext dt {width: 40px;padding:0 10px;}
	.subflowtext dd {padding:0 10px;}
	
	.license li {width: 98%;margin: 1%;}
	.menuareaon {padding: 20px 0 10px;}
	
	.textexplain2 .textleft {transform: translate(-30px,30px);}
	.textexplain2 .textright {transform: translate(300px,0px);}

	.agent {padding:50px 0px 0;}
	.service ul li {width: 48%;}
	
	.subflowtext2 {padding: 15px 0 15px 0px;}
	.subflowtext2 ol li a {word-break: break-all;}
	.menuarea li {margin: 1% 0.1%;}
	.areasty1e li {width: 24.4%;}
	
	.menuarea li:first-child {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);border-radius: 25px}
	.menuarea li:last-child { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);border-radius: 25px}
	.menuarea li {width: 100%;border-radius: 25px;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
	
	.subflowtext .dltop2 dt ,.subflowtext .dlmain2 dt{width: 104px;}
	.subflowtext .dlmain2 dd{word-wrap: break-word;word-break: break-all;}
	.dltop2 dd:last-child { width: 40%;}
	.dlmain2 dd:nth-last-child(2), .dlmain2 dd:nth-last-child(1) {width: 20%;}
	
	.subflowtext3 hr {transform: translateY(0px);margin: 0;}
	.subflowtext3 .dlmain3 dt,.subflowtext3 .dlmain3 dd{font-size: 13px;height: 80px;}
	.dlmain3 b {top: 55px;}
	.subflowtext3 p{text-align: left}
	
	
	.datafill li {width: 90%;margin:2% 1%;max-width: 300px;}
	.datafill li div {width: auto;}
	.typa .guidebtn {width: auto;}
	
	/*.kvtext aside{background:url(../images/mb/[]2.png) top center no-repeat;background-size: contain;padding-bottom: 100%;}*/
	
	/*.toptxet{background-size: contain;padding: 15px 20px;background:none;}*/
	.toptxet h3{font-size: 16px;text-align: left;margin-top: 20px;padding-left: 22px;}
    .toptxet h1{font-size: 25px;text-align: center;}

	.mainlinkbox dd {border:none;}
    
	.maintitle {font-size: 20px;padding: 10px;}


	.rightNav .rabox{position:absolute;width: 200px;height: 47px;background-color: rgb(0,0,0,0);top:0px;left:92px;display: block;}
	
	.paginationLsit {padding:0;}
	.menubox {padding:0px;}
	.m-service {margin-top: 0px;}
	.boxdata2 .xsbox{text-align: left !important;}
	.boxdata2 .xsbox dt{width: 100px;;display: inline-block;padding: 0 0 0 5px}
	.boxdata2 .xsbox dt span{font-size: 12px;color: #3c3737;padding:0 10px 0 5px;border-right: 1px solid #3c3737;font-weight: 300}
	.boxdata2 .xsbox:hover dt span{border-right: 1px solid #fff}
	.boxdata2 .xsbox dd{width:100% !important;display: block}
	.boxdata2 .xsbox .dd01{width: 47% !important;font-size: 12px;color: #3c3737;display: inline-block;padding: 0;font-weight: 300;    height: auto;}
	.boxdata2 .xsbox:hover .dd01{color: #fff}
	
	.boxdata2 .mainbtn {margin-top: 10px;}
	.mainlinkbox {padding: 0;}
	.boxdata dl{margin-bottom: 2%}
	
	.qa dt {width: 90px;}
	.qa dt span{font-size: 60px;}
	.qa dt small{font-size: 24px;margin-left: 2px;}
	.qa dl.active .ddmain{width: 100%;}
	.qa dl dd{position: relative}
	.qa dl dd b{width: 20%px;height: 20px;position: absolute;top:120px;right:10px;display: block}
	.qa .ddmain {padding-left: 15px;}
	.qa .ddmain span{width: 88%;-webkit-line-clamp: 10;padding-left:90px;}
	
	.mainNav{
		padding-top: 85px;
	}
	.rightNav{
		width: 100%;
	}
	.rightNav .Navpc{
		width: 100%;
		left: 68px;
	}
}

/*IPHONE X*/    
@media only screen and (device-width:375px) and (-webkit-device-pixel-ratio: 3) {



}

/*IPHONE SE*/    
@media (max-width: 360px) {
	.mainbox ul li.active {}
	
	.mainNav li .subNav {width: 127%;}
	.textexplain h1 span {font-size: 15px;}
	
	.textleft {transform: translate(-140px,40px);}
	.textright{transform: translate(140px,-20px);}
	.textexplain2 .textright {transform: translate(240px,0px);}
    
	.toptxet h1{margin: 10px 0;font-size: 21px;}
    /*.toptxet{padding: 15px 10px}*/
	.txetmain dl {margin: auto;padding-top: 15px;}
	.txetmain dt {width: 70px;font-size: 12px;}
	.txetmain dt b {font-size: 12px;}
	.txetmain dd {font-size: 12px;padding-left: 1px;}
	.txetmain dd b {font-size: 14px;}
	
	.rightNav .Navpc { left: calc(50% - 90px);width: 340px;}
	
	.Collapsemenu li {min-width: 180px;}
	.news .typa{padding:10px}
	
	
}