@charset "utf-8";

/*Introduction*/
.blue {color:#0094FF;}
.grid-layout.pad-35 {margin-left:-.9722em; margin-right:-.9722em;}
.grid-layout.pad-35 > .grid-item {padding:.9722em;}

.mark-box .txt {margin-bottom:6.66em;}
.mark-box .imgBox .in {background:url(../img/sub/02/img_bak_check.png); padding:6.11em 2.583em 4.25em 8.55em;}

.symbol-box {position:relative; margin:0 -.875em;}
.symbol-box:after {content:""; display:block; clear:both;}
.symbol-box > * {display:block; width:50%; padding:0 .875em; float:left;}
.symbol-box > *:after {content:""; display:block; position:relative; padding-top:48.387%; margin-top:1.556em;}
.symbol-box h4 {margin-bottom:.972em;}
.symbol-box .imgBox {position:absolute; bottom:0; left:0; width:50%; padding:0 .875em;}
.symbol-box > * + * .imgBox {left:auto; right:0;}
.symbol-box .imgBox:before {content:""; display:block; position:relative; padding-top:48.387%;}
.symbol-box .imgBox .in {display:flex; position:absolute; top:0; left:.875em; right:.875em; bottom:0; align-items:center; padding:0 2em; background:url(../img/sub/02/img_bak_check.png);}
.symbol-box .imgBox .in img {max-height:70%; max-width:80%;}

@media all and (max-width:640px) {
	.symbol-box {margin:0;}
	.symbol-box > * {position:relative; padding:0; float:none; width:auto;}
	.symbol-box > * + * {margin-top:3.5em;}
	.symbol-box .imgBox {width:auto; left:0 !important; right:0 !important; padding:0;}
	.symbol-box .imgBox .in {left:0; right:0;}
}


.colorSystem-box .code-box {padding:1.66em 1.944em; color:#fff;}
.colorSystem-box .code-box.ty1 {background:linear-gradient(30deg, rgba(96,174,209,1) 0%, rgba(1,99,172,1) 100%);}
.colorSystem-box .code-box.ty2 {background: linear-gradient(30deg, rgba(133,203,191,1) 0%, rgba(46,126,130,1) 100%);}
.colorSystem-box .code-box .tit {font-size:1.44em; font-weight:800; margin-bottom:2.961em;}
.colorSystem-box .code-box .desc {display:flex; justify-content:space-between; font-size:.833em; opacity:0.8;}
.colorSystem-box .code-box .desc p {display:inline-block;}

@media (max-width:1353px){
	.mark-box .imgBox .in {padding:4em 2em 2.5em 4.5em;}
	.symbol-box .grid-item p {height:7.88em;}
}
@media (max-width:1060px){
	.symbol-box .grid-item p {height:9.43em;}
}
@media (max-width:1024px){
	.mark-box .txt {margin-bottom:3.5em;}
	.mark-box .imgBox .in {padding:2em 3em 1em;}
	.symbol-box .grid-item p {height:auto;}
}
@media (max-width:640px){
	.mark-box .imgBox:before {height:12em;}	
}



/*Total Energy Solutions Provider*/
.mT100 {margin-top:100px !important;}
.mB96 {margin-bottom:96px !important;}
.company-head-box {position:relative; display:flex; justify-content:space-between; align-items:center; background:url(../img/sub/02/img_company_head.png) no-repeat; padding:5.22em 3.33em; height:13.33em; border-radius:.55em; background-size:cover;}
.company-head-box img {max-height:2.9em;}
.company-head-btn a {padding-right:3.125em !important;}
.introduction-content .num {color:#0094FF; padding-right:.55em;}
.introduction-tab-box img {width:100%;}

@media (max-width:1640px){
	.company-head-box {width:auto;}
}
@media (max-width:580px){
	.company-head-box {display:block; height:auto; padding:3em;}
	.company-head-btn {margin-top:.8em;}
}