.example {width:100%;height:600px;position:relative;margin:0 auto;margin-bottom:65px;top:65px;}
.example p{position:absolute;left:20%;bottom:20%;z-index:100;color:#33ffff;font:55px fn5;text-align:center;
text-shadow:-1px -1px 2px rgba(255,255,255,.60),1px 2px 3px rgba(0,0,0,0.99);}
.videoParent {position:relative;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;margin-bottom:-1px;}
.videoParent video {position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.videoParent.hiddenTransform {opacity:0;}

ul.opn{overflow:hidden;width:100%;margin-left:-1.70%;}
ul.opn li {overflow:hidden;background:#eaf8f1;width:29.30%;height:320px;float:left;margin:1% 0% 2% 4%;-webkit-transition:0.5s;transition:0.5s;border-bottom:2px solid#12974a;position:relative;box-shadow:1px 2px 3px #b0bdc6; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.opn li img{width:100%;max-width:1000px;height:230px;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;}
ul.opn li .jd{background:#eaf8f1;width:96%;max-width:550px;min-height:40px;top:0px;z-index:10;position:relative;padding:2%;}
ul.opn li .tgs{background:#0b7f58;color:#fff;text-align:center;width:37px;top:0px;right:15px;z-index:10;position:absolute;padding:3px;font:18px fn10;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-shadow:0px 1px 1px #000;}
ul.opn li span{font:13px fn9;line-height:26px;}
ul.opn li h2{font:15px fn9;text-align:center;line-height:18px;color:#29323a;}
ul.opn li p{line-height:25px;font:15px fn1;color:#727272;margin-top:4px;}
ul.opn li a{color:#3b3b3b;}
ul.opn li:hover{border-bottom:2px solid#fbaa3c;box-shadow:2px 3px 4px #b0bdc6;}
ul.opn > li:hover img{opacity:0.8;-webkit-transform:scale(1.20);}
ul.opn > li:hover h2{Color:#0e7238;}
ul.opn > li:hover .tgs{Color:#fee636;}
ul.opn > li:hover a{color:#0e763a;}

.wl{background-color:rgba(0,0,0,0.7);display:none;position:fixed;z-index:200;left:0px;top:0px;width:100%;height:100%;}
.wl-bx{background:rgba(255,255,255,0.90);margin:auto;margin-top:0px;padding:3px;display:block;width:100%;max-width:950px;max-height:550px;border:4px solid #8b93ab;border-radius:4px;box-shadow:2px 2px 4px #000;}
.wli{margin:auto;display:block;width:100%;max-width:1000px;max-height:580px;}
#bx_load{min-height:330px;}
.hd_pn{margin:auto;width:100%;max-width:950px;padding:0px;margin-top:40px;}
.cls{background:url(../../../img/ic/x.png) no-repeat 99% 100%;width:100%;max-width:940px;height:30px;transition:0.7s;transition:0.3s;position:absolute;}
.cls:hover{background:url(../../../img/ic/x1.png) no-repeat 99% 100%;cursor:pointer;}
.box_pro{width:100%;overflow:auto;border:1px solid#f0f0f0;border-top:1px solid#b8c2cb;border-bottom:1px solid#b8c2cb;max-height:550px;}
.des{width:100%;font:15px fn8;line-height:16px;text-shadow:-1px -1px 1px rgba(255,255,255,.6),1px 1px 1px rgba(0,0,0,0.2);}
@media only screen and (max-width:1150px){
	.wl-bx,.cls{width:90%;}	.cls{max-width:670px;}.hd_pn{margin-top:10px;}.f_ln{height:420px;}
}

.bkr{float:left;width:50%;}
.bkn{float:right;width:50%;}
.bwr{background:#097235;position:relative;height:500px;}
.bwr1{background:#152418;position:relative;height:500px;}
.bbx{margin:7% auto;margin-left:14%;margin-right:7%;text-shadow:-1px -1px 2px rgba(255,255,255,.20),1px 1px 2px rgba(0,0,0,0.99);}
.bbx h2{font:33px fn9;color:#eee;line-height:38px;}
.bbx hr{width:25%;border-top:1px solid#f7bc08;height:0px;margin:10px 0px 25px 0px; }
.bbx p{color:#ddd;font:15px fn8;line-height:20px; margin-bottom:10px;}
.bbx ul{width:100%;margin-top:3% 0% 0% 0%;}
.bbx ul li{display:block;background:url(../../../img/bs/3.png)no-repeat 5px;font:15px fn10;line-height:15px;color:#ddd;padding:2px;padding-left:25px;border-radius:3px;margin-bottom:4px;}
.bbx a{background:#f7bc08;text-align:center;font-weight:bold;color:#000;padding:6px 20px;border-radius:25px;-webkit-transition:background-color 0.7s ease;-moz-transition:background-color 0.7s ease;-o-transition:background-color 0.7s ease;transition:background-color 0.7s ease;font:15px fn3;text-shadow:-1px -1px 2px rgba(255,255,255,.80),1px 1px 2px rgba(0,0,0,0.20);position:absolute;left:40%;bottom:10%;}
.bbx a:hover{background:#1ea657;color:#000;border:solid 2px #f7bc08;}
.gbr1{background:url(../../../img/spt_logo/bg1.png)no-repeat center center; background-size:100% 100%;height:500px;}
.gbr2{background:url(../../../img/spt_logo/bg2.png)no-repeat center center; background-size:100% 100%;height:500px;}
.gbr3{background:url(../../../img/spt_logo/bg3.png)no-repeat center center; background-size:100% 100%;height:500px;}
.gbr4{background:url(../../../img/spt_logo/bg4.png)no-repeat center center; background-size:100% 100%;height:500px;}


@media only screen and (max-width:1150px){
	ul.opn li {width:98%;margin:3% 0% 8% 2%;}
	ul.opn li img{height:230px;}
	.example {top:51px;margin-bottom:50px;}
	.example p{position:absolute;left:4%;bottom:20%;font:20px fn5;}
	.bkr,.bkn{float:left;width:100%;}
	.bwr,.bwr1{height:400px;}
	.bbx{margin:5% 7% 5% 7%;}
	.bbx h2{font:26px fn9;line-height:30px;}
	.bbx a{left:28%;bottom:5%;}
	.gbr1,.gbr2,.gbr3,.gbr4{height:250px;}
}