/* im slide */
#jssor_1{position:relative;margin:0 auto;margin-bottom:50px;top:56px;left:0px;width:1000px;height:450px;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:450px;overflow:hidden;}
.sld_box p{background:rgba(70,36,122,0.70);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:#fff;border:1px solid#9b39ce; 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:#9b39ce;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:600px;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;}

.pnh{position:relative;padding:8px;background:#4a60b2;border-top-left-radius:5px;border-top-right-radius:5px;}
.pnh h2{line-height:20px;font:24px fn4;text-shadow:0px 1px 1px #000;color:#fff;position:relative;z-index:10;}
.c2{background:#fafcfe;margin-top:15px;}
.pnh::before,.pnh::after{position:absolute;content:'';pointer-events:none;}
.s1-s::after{left:13%;width:27px;height:27px;-webkit-transform:translateX(-50%)rotate(45deg);transform:translateX(-50%)rotate(45deg);}
.s1-s::after{bottom:-8px;z-index:1;background:#4a60b2;}

.sbt_kr{float:left;width:31.50%;}
.sbt_kr img{width:96%;}
.sbt_kn{float:right;width:67%;}
.dec{font:15px fn5;line-height:19px;}

ul.b{width:100%;font-size:14px;line-height:16px;}
ul.b li{background:#edf5fe;display:block;height:130px;margin-bottom:10px;padding:7px 0px 7px 0px;border-bottom:1px solid#eee;cursor:pointer;}
ul.b li:hover{background:#ccecfe;border-bottom:1px solid#8be4dc;}
ul.b li img{width:150px;height:110px;border:3px solid#f0f3f7;box-shadow:0px 0px 2px #b0bdc6;,inset 1px 1px 1px #fff;transition:0.5s;float:left;margin:2px 10px 8px 8px;} 
ul.b > li:hover img{border:3px solid#fff;opacity:0.8;box-shadow:2px 2px 2px #b0bdc6;}
ul.b li b{font:17px fn3;color:#354ea8;font-weight:bold;}
ul.b li p{font:14px fn5;color:#294458;margin-top:7px;margin-bottom:2px;}
ul.b li a{color:#181a1b;transition:0.5s;}
ul.b > li:hover a{color:#ff6b09;text-shadow:1px 1px 1px #fff;}
ul.b li span{color:#e46f03;font:12px fn5;margin:18px 15px 0px 0px;}

ul.opn{overflow:hidden;width:100%;margin-left:-1.70%;}
ul.opn li{overflow:hidden;background:#f1f8fe;width:29.30%;height:310px;float:left;margin:1% 0% 2% 4%;-webkit-transition:0.5s;transition:0.5s;border-bottom:1px solid#27aefb;position:relative;box-shadow:1px 2px 3px #b0bdc6;}
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:#f1f8fe;width:100%;max-width:550px;min-height:40px;top:0px;z-index:10;position:relative;padding:2%;}
ul.opn li .tgs{background:#fe8334;color:#fff;text-align:center;width:50px;top:0px;right:17px;z-index:10;position:absolute;padding:3px;font:18px fn3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-shadow:1px 1px 2px rgba(0,0,0,0.09),-1px -1px 2px rgba(255,255,255,.30);}
ul.opn li span{font:13px fn3;line-height:20px;}
ul.opn li h2{font:26px fn1;text-align:center;line-height:30px;color:#29323a;}
ul.opn li p{line-height:25px;font:15px fn2;color:#727272;margin-top:4px;}
ul.opn li a{color:#185ec3;}
ul.opn li:hover{border-bottom:1px solid#fbaa3c;box-shadow:2px 3px 4px #b0bdc6;}
ul.opn > li:hover img{-webkit-transform:scale(1.30);}
ul.opn > li:hover h2{Color:#0e7238;}
ul.opn > li:hover .tgs{Color:#fee636;}
ul.opn > li:hover a{color:#0d5077;}

.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 fn2;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: linear-gradient(to top right,#324486,#5771d1,#2273c7),url(../../../img/ic/body1.png);background-blend-mode:color;position:relative;height:500px;}
.bwr1{background: linear-gradient(to top right,#9b1c15,#d14747,#9b1c15),url(../../../img/ic/body1.png);background-blend-mode:color;position:relative;height:500px;}
.bbx{margin:4% auto;margin-left:18%;margin-right:10%;}
.bbx h2{font:33px fn4;color:#eee;line-height:35px;}
.bbx hr{width:27%;border-top:1px solid#3dfafa;height:0px;margin:10px 0px 25px 0px;}
.bbx p{color:#eee;font:17px fn5;line-height:25px;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 fn3;line-height:15px;color:#eee;padding:2px;padding-left:25px;border-radius:3px;margin-bottom:4px;}
.bbx a{border:solid 2px #eee;text-align:center;font-weight:bold;color:#eee;padding:6px 25px;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 fn1;text-shadow:-1px -1px 2px rgba(255,255,255,.50),1px 1px 2px rgba(0,0,0,0.60);position:absolute;left:40%;bottom:18%;}
.bbx a:hover{background:#febe29;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){
	#jssor_1{top:70px;margin-bottom:65px;height:480px;}
	.sld_box{height:480px;}
	.sld_box p{left:5%;font-size:32px;line-height:36px;width:35%;}

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

	.sbt_kr,.sbt_kn{width:100%;float:left;margin-top:30px;}
	.sbt_kr img{width:98%;}

	.bbx p{color:#eee;font:14px fn5;line-height:20px;margin-bottom:10px;}
	ul.opn li {width:98%;margin:3% 0% 8% 2%;}
	ul.opn li img{height:230px;}
	
	ul.b li{height:90px;}
	ul.b li img{width:100px;height:70px;margin:4px 8px 4px 4px;}
	ul.b li p{display:none;}
	
	.bkr,.bkn{float:left;width:100%;}
	.bwr,.bwr1{height:400px;}
	.bbx{margin:5% 7% 5% 7%;}
	.bbx h2{font:26px fn2;line-height:30px;}
	.bbx a{left:28%;bottom:5%;}
	.gbr1,.gbr2,.gbr3,.gbr4{height:250px;}
}