body {margin: 0rem;padding: 0rem;width: 100%;font-family:"microsoft yahei",sans-serif;font-size:1em;}
ul {margin: 0;padding: 0;}
.header{width: 100%;height: 50%;background: linear-gradient(180deg, #385ba0, #192847);position: relative;/*padding-top: 5%;*/}
.detil-block{width: 100%;}
.detil-block-white{width: 75%;margin: auto}
.detil-title{width: 100%; text-align: center;padding:4% 0 2% 0;}
.detil-title div {width: 100%;}
.introduce-right ul li {display: flex;justify-content: space-around;}
.introduce-right-detil-title{font-size: 1em; color: #1C2025;padding-bottom: .4%;}
.introduce-right-detil-desc{font-size: .7em; color: #607080;line-height: 1.5em;}
.footer-callme{background: linear-gradient(90deg, #192837, #1c2d50, #2c477d);width: 100%;color: #FAFAFA;padding-bottom: 2%;padding-top: 1px;}
.header-img{height: 100%;margin-right: 8.95%;}
.introduce-right ul {width: 100%;}
.introduce-right ul li{list-style:none;padding-bottom: 9.6%;}
.introduce-right-detil-img{    width: 19.3%;margin-right: 1.6em;}
.introduce-right-detil-img img{width: 100%;}
.introduce-right-detil{width: 80%;}
.footer-partner{padding-bottom: 8%;}
.footer-partner img{width: 100%;}
/*Success Story*/
.content-case-box{width: 100%;position: relative;display: flex;}
.case-line ul{text-align: center;}
.case-line ul li{list-style:none;}
.case-desc-abs{position: absolute;}
.case-company img{width: 70%;}
.case-img{width: 100%;}
.case-img-line{height: 100%;width: min-content;}
.case-intrduce-left{right: 54%;text-align: end;}
.case-intrduce-right{text-align: start;padding-left: 2%;}
.company{
		font-size: 1em;
		color: #1F2C39;
		padding-bottom: 2%;
	}
	.detil{
		font-size: .8em;
		color: #666666;
		display: flex;
		justify-content: space-around;
	}
	.introduce-left-detil-icon{
		width: 100%;
	}
	.introduce-contact{
    	margin: auto;
    	color: #FFFFFF !important;
	}
	.footer-contact {
		display: flex;
		justify-content: flex-start;
		text-align: left;
	}
	.introduce-contact table{
		margin: auto;
    	text-align: left;
	}
	.introduce-contact table tr td{
		padding:0 0 2% 0;
	}
	.callme{
		width: 6%;
		vertical-align: middle;
		padding-right: 5%;
	}
	.ban{
		color: #3E4D6A;
		font-size: .8em;
		margin-top: 3%;
	}
	.header-show-detil{
		top: 25%;
		left: 6%;
		padding-left: 6%;
		color: #FFFFFF;
		letter-spacing: 3px;
	}
	.header-show-detil h1{
		color: #50DEFA;
		font-size: 3em;
		font-weight: bold;
	}
	.header-show-detil h2{
		font-size: 1.8em;
	}
	.light-r{
		width: 3% !important;
		position: absolute;
		z-index: 1;
	}
	.light-l{
		position: absolute;
		z-index: 0;
		height: 2px;
	}
@media only screen and (min-width: 800px){
html {font-size: 100%;}
.titl-chinese{font-size: 2em;padding-bottom: .4%;}
.titl-english{font-size: .8em;padding-bottom: 1%;}
.tel-view{display: none !important;}
.header-show-detil{position: absolute;}
.show-our{width: 95%;}
.header-show-img{position: relative;text-align: end;background-image: url(../img/banner.png);background-repeat: no-repeat;background-size: auto 105%;background-position:right top;}
.pc-globalnav{width: 100%; position: absolute;top: .3%;z-index: 2;}
.pc-globalnav ul {padding: 1.5% 0 0 9%;}
.pc-globalnav ul li {display:inline;color: #FFFFFF;font-size: 1em;margin-right: 1.8%;padding-bottom: 10px;}
.pc-globalnav ul li>img{vertical-align: middle;padding: .5%;}
.pc-globalnav ul li span:hover{color: #50DEFA;padding-bottom: 10px;display: inline-block;border-bottom: 1px solid #50DEFA;}
.pc-globalnav ul li img {width: 2.6%; height: auto;}
.content-box{width: 100%;display: flex;justify-content: space-around;}
.introduce-left{width: 60%;}
.introduce-right{width: 40%;}
.content-product-left{width: 82.8%;}
.content-product-right{width: 17.2%;color: #FAFBFC !important;background-color: #38599e;}
.content-product-right ul {margin: 20% 0 0 33%;height: 100%;list-style-position : inside;}
.content-product-right ul li{font-size: 1em;height: 9%;}
.content-product-right ul li:hover {color: #50DEFA !important;font-size: 1.1em;}
.introduce-left-img{width: 70%;padding-right: 30%;}
.introduce-left-img img{width: 100%;}
.case-line-ver{height: 11em;padding: 15% 0 20% 0;}
.content-case-box{justify-content: space-around;}
.case-line{width: 4%;}
.content-box-left,.content-box-right{width: 48%;}
.introduce-contact table tr td{width: 350px;white-space: nowrap;}
}
@media only screen and (max-width: 800px){
html {font-size: 80%;}
.titl-chinese{font-size: 2em;padding-bottom: .4%;font-weight: 600;}
.titl-english{font-size: .8em;padding-bottom: 1%;}
.pc-view{display: none;}
.blue-hamburger-menu {position:fixed;z-index:2;width: 0; height: 100%;margin: auto;text-align: center;display: none;background-color: #192847;color: #FFFFFF;opacity: .9;font-size: 2em;}
.blue-hamburger-menu table{height: 60%;width: 100%;text-align: left;padding: .5% 0 0 17.3%;}
.blue-hamburger-menu table td img{width: 11%;}
#top{position: fixed;z-index: 2;background: #FFFFFF;width: 100%;display: none;}
.show-our{height: 76.5%;}
.header{height: 60%;}
.header-show-img{background-image: url(../img/banner.png);background-repeat: no-repeat;background-size: auto 100%;background-position:center;}
.pc-globalnav ul span{visibility: hidden;}
.pc-globalnav table{width: 90%;margin: auto;padding-top: 7.5%;padding-bottom: 5%;}
.pc-globalnav table tr td{width: 30%;}
.pc-globalnav table tr td img{width: 25%;}
.content-product-box{width: 85%;margin: auto;}
.content-product-left {height: 14.5em;}
.content-product-right ul {list-style-position : inside;   }
.content-product-right ul li{margin-bottom: 1.625em;font-size: .75em;}
.content-product-right ul li:hover {color: #50DEFA;padding-bottom: .5em;font-size: 1.1em;}
.case-line-ver{height: 2.8em;padding: 10% 0 15% 0;}
.content-case-box{justify-content: flex-start;}
.case-line{width: 10%;}
.introduce-left-img{width: 62%;text-align: center;margin: auto;}
.introduce-left-img img{width: 100%;}
.content-box-left{width: 100%;}
.introduce-icon{width: 100%;margin: 13% auto auto auto;text-align: center;}
#partner{height: 70%;}
/*.footer-callme{height: 30%;}*/
.tel-slide{display: none;}
.tel-slide img{width: 100%;}
.light{display: none;}
}
@media only screen and (min-width: 500px) and (max-width: 800px) {
	.introduce-right-detil {
    width: 80%;
    padding: 4% 0;
}
}