/* im slide */
#jssor_1{position:relative;margin:0 auto;margin-bottom:50px;top:56px;left:0px;width:1000px;height:350px;overflow:hidden;}
.j09{position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.18);}
.j09 img{width:50px;margin-top:150px;animation-name:j09;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes j09{from{transform: rotate(0deg);}to{transform:rotate(360deg);}}
.sld_box{cursor:default;position:relative;top:0px;left:0px;width:1000px;height:350px;overflow:hidden;}
.sld_box p{background:rgba(247,164,20,0.80);width:25%;position:absolute;bottom:25px;left:9.50%;font:10px fn5;color:#fff;line-height:14px;padding:3px;text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.79),-1px -1px 2px rgba(255,255,255,0.35);border-radius:35px;}
.sld_box span{position:absolute;width:25%;bottom:60px;right:9%;font-size:15px;text-align:left;font-family:fn4;color:#33cc00;line-height:22px;padding:10px;text-shadow:1px 1px 1px #464646;}
.sld_box h3{font:14px fn1;color:#f3a005;line-height:14px;}
.bls{position:absolute;bottom:28px;font-size:11px;}
.bls .i{position:absolute;cursor:pointer;width:25px;height:25px;line-height:25px;text-align:center;z-index:0;color:#000;border:1px solid#ff9728;border-radius:35px;text-shadow:1px 1px 2px rgba(0,0,0,0.05),-1px -1px 2px rgba(255,255,255,0.09);}
.bls .i .b{fill:#fff;fill-opacity:0.6;}
.bls .i:hover .b{opacity:.7;}
.bls .iav {color:#000;text-shadow:none;}
.bls .iav .b{fill:#ff9728;opacity:.9;}
.bls .i.idn{opacity:.3;}
.rws{display:block;position:absolute;cursor:pointer;}
.rb1{width:35px;height:35px;top:0px;left:15px;}
.rb2{width:35px;height:35px;top:0px;right:15px;}
.vb{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.rws .c{fill:none;stroke:#fff;stroke-width:600;stroke-miterlimit:10;}
.rws .a{fill:none;stroke:#fff;stroke-width:600;stroke-miterlimit:10;}
.rws:hover{opacity:.8;}
.rws.rwsdn{opacity:.6;}
.rws.rwsds{opacity:.3;pointer-events:none;}

/* vd slide */
.example {width:100%;height:640px;position:relative;margin:0 auto;margin-bottom:0px;top:0px;}
.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;}


.bkr{float:left;width:50%;}
.bkn{float:right;width:50%;}
.bwr{background:#0495b5;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 fn3;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 fn1;line-height:20px; margin-bottom:10px;}
.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;}


@media only screen and (max-width:1150px){
	.wl-bx{width:95%;max-height:350px;}	
	.cls{width:87%; max-width:500px;}
	.hd_pn{margin-top:30px;}

	#jssor_1{top:64px;margin-bottom:65px;height:500px;}
	.sld_box{height:500px;}
	.sld_box p{left:5%;font-size:32px;line-height:36px;width:35%;}

	.example {height:200px;top:65px;margin-bottom:65px;}
	.example p{position:absolute;left:4%;bottom:20%;font:20px fn5;}

	.bkr,.bkn{float:left;width:100%;}
	.bwr,.bwr1{height:260px;}
	.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;}
}