/*sec-8*/

body{font-size: 62.5%;height: 100%;}
.map{width:80%;height: 60%;margin:0 auto;position: relative;}
#fp-mouse{}
/* #superContainer{background: #0068b7 !important}
#superContainer .fp-section{background: #0068b7 !important}
#superContainer .fp-section .fp-tableCell{background: #0068b7 !important} */


.x-xian{height:1px;border:none;border-top:1px dashed #d8e8f3;margin-top:1.2%;margin-bottom: 1.2%;}
#fp-mouse .map a{z-index:100;display: block;opacity: 0;}
#fp-mouse .map a{ background: url(../Images/map-guide.png) no-repeat; width:30px;height: 26px;opacity: 1;position: absolute;color: #fff}
#fp-mouse .map a:nth-child(2){position: absolute;top:42.6%;left: 53.3%;}
#fp-mouse .map a:nth-child(3){width: 60px;height: 60px;position: absolute;top:55%;left: 77%; background-position: -100px -100px;}
#fp-mouse .map a:nth-child(4){position: absolute;top:24%;left: 68%;}
#fp-mouse .map a:nth-child(5){position: absolute;top:20.5%;left: 70%;}
#fp-mouse .map a:nth-child(6){position: absolute;top:40%;left: 68.88%;}
#fp-mouse .map a:nth-child(7){position: absolute;top:37%;left: 63%;}
#fp-mouse .map a:nth-child(8){position: absolute;top:36%;left: 79%;}
#fp-mouse .map a:nth-child(9){position: absolute;top:65%;left: 77.7%;}    /*涓滆帪L2017骞�3鏈�13鏃ヤ慨鏀�*/
#fp-mouse .map a:nth-child(10){position: absolute;left: 75%;top: 61%;}   /*娓呰繙L2017骞�3鏈�13鏃ヤ慨鏀�*/
#fp-mouse .map a:nth-child(11){position: absolute;left: 73%;top: 59%;}   /*鑻卞痉L2017骞�3鏈�13鏃ヤ慨鏀�*/
#fp-mouse .map a:nth-child(12){position: absolute;left: 80%;top: 65.7%;}  /*娣卞湷L2017骞�3鏈�13鏃ヤ慨鏀�*/
#fp-mouse .map a.inc-l{top: 27%;left: 16%;}
#fp-mouse .map a.inc-m{top: 46%;left: 17%;}
#fp-mouse .map a.inc-n{top: 32%;left: 34%;}
#fp-mouse .map a.inc-o{top: 32%;left: 48%;}
#fp-mouse .map a.inc-p{top: 24%;left: 56%;}
#fp-mouse .map a.inc-q{top: 17%;right: 22%;}

#fp-mouse .map a.inc-r{top: 27%;right: 36%;}
#fp-mouse .map a.inc-s{top: 33%;right: 40%;}
#fp-mouse .map a.inc-t{top: 34%;right: 31%;}
#fp-mouse .map a.inc-u{top: 39%;right: 22%;}
#fp-mouse .map a.inc-v{top: 45%;right: 14%;}
#fp-mouse .map a.inc-w{top: 55%;right: 14%;}
#fp-mouse .map a.inc-x{top: 45%;right: 24%;}
#fp-mouse .map a.inc-y{bottom: 29%;right: 35%;}
#fp-mouse .map a.inc-z{bottom: 30%;left: 43%;}
#fp-mouse .map a.inc-1{bottom: 40%;left: 56%;}
#fp-mouse .map a.inc-2{bottom: 5%;left: 69%;}

#fp-mouse .map a.inc-3{top: 42%;left: 55%;}
#fp-mouse .map a.inc-4{top: 29%;left: 52%;}
#fp-mouse .map a.inc-5{top: 12%;right: 24%;}
#fp-mouse .map a.inc-6{top: 14%;left: 81%;}
#fp-mouse .map a.inc-7{top: 22%;left: 77%;}
#fp-mouse .map a.inc-8{top: 23%;left: 70%;}
#fp-mouse .map a.inc-9{bottom: 21%;left: 74%;}
#fp-mouse .map a.inc-10{bottom: 24%;left: 79%;}    /*棣欐腐L2017骞�3鏈�13鏃ヤ慨鏀�*/
#fp-mouse .map a.inc-11{top: 38%;left: 83%;}
#fp-mouse .map a.inc-12{top: 64%;left: 96%;}
#fp-mouse .map a.inc-13{top: 39%;left: 69%;}
#fp-mouse .map a.inc-14{top: 50%;left: 68%;}
#fp-mouse .map a.inc-15{top: 66%;left: 78%;}
#fp-mouse .map a.inc-16{top:30%;left: 77%;}
#fp-mouse .map a.inc-17{top: 38%;left: 46%;}
#fp-mouse .map a.inc-18{top: 30%;left: 73%;}
#fp-mouse .map a.inc-19{top: 40%;left: 46%;}
.xx{z-index: 200;pointer-events: none;color: #0068b7;font-size: 14px;}

.map-con.text{pointer-events: none;overflow:hidden;background: #fff;position: absolute;display: none;z-index: 200;font-size: 14px;color: #0068b7;}
.map-con.text span{font-size: 1em;}
.map-con.text,.fp-section .xx{padding: 5px 10px !important;border-radius: 4px;width: auto !important;height: auto !important;color: #0068b7;}

.map-con.text p,.fp-section .xx p{font-size: 1.2em;}
.map-con.text p:nth-child(3n-1),.fp-section .xx p:nth-child(3n-1){height: 26px;font-size: 1em;}
.map-con.text p img:nth-child(1),.fp-section .xx p img:nth-child(1){margin-left: 8px;margin-right:5px; }
.map-con.text p img:nth-child(3),.fp-section .xx p img:nth-child(3){margin-left: 15px;margin-right: 6px;}
.map-con.text p span,.fp-section .xx span{color: #0068b7;}

.map-con.text.dia-12{top: 24%;left: 10%;}
.map-con.text.dia-13{top: 37%;left: 16%;}
.map-con.text.dia-14{top: 29%;left: 28%;}

.map-con.text.dia-15{top: 29%;left: 41%;}
.map-con.text.dia-16{top: 24%;left: 46%;}
.map-con.text.dia-17{top: 19%;left: 70%;}
.map-con.text.dia-18{top: 26%;left: 54%;}
.map-con.text.dia-19{top: 30%;left: 50%;}

.map-con.text.dia-20{top: 30%;left: 58%;}
.map-con.text.dia-21{top: 33%;left: 65%;}
.map-con.text.dia-22{top: 37%;left: 78%;}
.map-con.text.dia-23{top: 43%;left: 78%;}
.map-con.text.dia-24{top: 37%;left: 68%;}
.map-con.text.dia-25{top: 48%;left: 55%;}
.map-con.text.dia-26{top: 49%;left: 34%;}
.map-con.text.dia-27{top: 56%;left: 53%;}
.map-con.text.dia-28{top: 63%;left: 57%;}

.map-con.text.dia-29{top: 32%;left: 53%;}
.map-con.text.dia-30{top: 23%;left: 51%;}
.map-con.text.dia-31{top: 16%;left: 71%;}
.map-con.text.dia-32{top: 14%;left: 73%;}
.map-con.text.dia-33{top: 21%;left: 73%;}
.map-con.text.dia-34{top: 22%;left: 57%;}
.map-con.text.dia-35{bottom: 22%;left: 57%;}
.map-con.text.dia-36{bottom: 22%;left: 73%;}
.map-con.text.dia-37{top: 31%;left: 75%;}
.map-con.text.dia-38{top: 45%;right:8%;}
.map-con.text.dia-39{top: 33%;left: 58%;}
.map-con.text.dia-40{top: 38%;left: 61%;}
.map-con.text.dia-41{top: 43%;left: 66%;}
.map-con.text.dia-42{top: 29%;left: 68%;}
.map-con.text.dia-43{top: 20%;left: 69%;}
.map-con.text.dia-44{top: 30%;left: 46%;}



.dia-1{background-color: #fefefe;position: absolute;top:25%;left: 40.66%;border-radius: 4px;padding: 1% 0.78%  0.526% 0.78%;}
.dia-3{height: auto;position: absolute;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;background-color:#fefefe;top:11%\9;left: 57.77%;}

.dia-2{height:auto;position: absolute;top: 27.54%\9;left: 65.8%;background-color: #0068b7;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;color: #ffffff !important; }
.dia-4{height:auto;position: absolute;padding:1% 0.78% 0.526% 0.78%;border-radius: 4px;background-color:#fefefe;top:15%\9;left: 66.77%; }
.dia-5{height:auto;position: absolute;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;background-color:#fefefe;top: 16%;left: 60.12%; }
.dia-6{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top:11%;left: 54.15%; }
.dia-7{height: auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 13%;left:65%;}
.dia-8{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 27.19%;left: 64%;}
.dia-9{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 40.21%;left: 62.895%;}
.dia-10{height:auto;position: absolute;padding:1% 0.78% 0.526%  0.78%;border-radius: 4px;background-color:#fefefe;top: 38%;left: 65%;}

.dia-11{height:auto;position: absolute;padding: 1% 0.78%  0.526% 0.78%;border-radius: 4px;color: #ffffff;background-color:#fefefe;top: 35%;left:70%;}
.dia-2 p:nth-child(1){font-size: 1.2em;background-color: #0068b7;color: #ffffff;}
.dia-2 p:nth-child(2),.dia-2 p:nth-child(3),.dia-2 p:nth-child(4),.dia-2 p:nth-child(5){font-size: 1em;}
.dia-2 span{color: #fff !important;}
/* .dia-7 p,.dia-7 span{}
 */
/* .dia-1 p:nth-child(1){font-size:1.2em;   color: #0068b7;}
.dia-1 p:nth-child(2){font-size:1em; -webkit-text-size-adjust: none;color:#0068b7; }
.dia-1 p:nth-child(4){font-size:1.2em; color: #0068b7;}
.dia-1 p:nth-child(5){font-size:1em; -webkit-text-size-adjust: none;color:#0068b7; }
.dia-1 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-1 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-1 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-1 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}

.dia-3 p:nth-child(1){font-size:1.2em;color: #0068b7;}
.dia-3 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-3 p:nth-child(4){font-size: 1.2em;color: #0068b7;}
.dia-3 p:nth-child(5){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-3 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-3 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-3 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-3 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-4 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-4 p:nth-child(2){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-4 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-4 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-5 p:nth-child(1){font-size:1.2em;color: #0068b7;}
.dia-5 p:nth-child(2){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-5 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-5 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-5 p:nth-child(7){font-size: 1.2em;color: #0068b7;}
.dia-5 p:nth-child(8){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-5 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-5 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-5 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-5 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-5 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-5 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-6 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-6 p:nth-child(2){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-6 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-6 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-6 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-6 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-6 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-6 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-6 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-6 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-6 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-6 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-7 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-7 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-7 p:nth-child(4){font-size: 1.2em;color: #0068b7;}
.dia-7 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-7 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-7 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-7 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-7 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-8 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-8 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-8 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-8 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-8 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-8 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-8 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-8 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-8 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-8 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-8 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-8 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-9 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-9 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-9 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-9 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-9 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-9 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-9 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-9 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-9 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-9 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-9 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-9 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-10 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-10 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-10 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-10 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-10 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-10 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-10 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-10 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-10 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-10 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-10 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-10 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-11 p:nth-child(1){font-size: 1.2em;color: #0068b7;}
.dia-11 p:nth-child(2){font-size:  1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-11 p:nth-child(4){font-size:1.2em;color: #0068b7;}
.dia-11 p:nth-child(5){font-size: 1em;-webkit-text-size-adjust: none;color:#0068b7;}
.dia-11 p:nth-child(7){font-size:1.2em;color: #0068b7;}
.dia-11 p:nth-child(8){font-size:1em;-webkit-text-size-adjust: none;color:#0068b7; }
.dia-11 p:nth-child(2) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-11 p:nth-child(2) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-11 p:nth-child(5) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-11 p:nth-child(5) img:nth-child(3){margin-left: 17px;margin-right: 8px;}
.dia-11 p:nth-child(8) img:nth-child(1){margin-left: 8px;margin-right:5px; }
.dia-11 p:nth-child(8) img:nth-child(3){margin-left: 17px;margin-right: 8px} */

/*cy.css*/
@charset "utf-8";
/* CSS Document  Basic CSS */

/*瀹氫綅*/
.oh{overflow:hidden;}
.oa{overflow:auto;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.ti2{text-indent:2em;}
input:focus,textarea:focus{outline:0 none;}/*瑙ｅ喅google娴忚鍣╥nput鐨勯粯璁よ竟妗�*//*瑙ｅ喅google娴忚鍣╰extarea鐨勯粯璁よ竟妗�*/
*html{background-image:url(about:blank);background-attachment:fixed;}//瑙ｅ喅IE6涓嬪畾浣嶆椂闂姩鐨凚UG
/*瀛椾綋澶у皬*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.fb{font-weight:bold;}
/*瀹�**楂�*/
.w{width:980px;}
.h{height:100%;}
.lh100{line-height:100%;}
.lh120{line-height:120%;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}
.lh220{line-height:220%;}
/*杈�**璺�*/
.m0{margin:0;}
.ml0{margin-left:0;}
.mr0{margin-right:0;}
.mb0{margin-bottom:0;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.pt1{padding-top:1px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.per45{width:45%;}
.per50{width:50%;}
.per55{width:55%;}
.per60{width:60%;}
.per70{width:70%;}
.per75{width:75%;}
.per80{width:80%;}
.per100{width:100%;}

@font-face {font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot'); /* IE9*/
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome銆乫irefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
    url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*meiti.css*/

@media screen and (-webkit-min-device-pixel-ratio:0){
    .dia-1{position: absolute;top:29%;}
    .dia-2{position: absolute;top:32%;}
    .dia-3{position: absolute;top:16%;}
    .dia-4{position: absolute;top:19%;}
    .dia-5{position: absolute;top:22%;left: 59%;}
    .dia-6{position: absolute;top:19%; }
    .dia-7{position: absolute;top: 21%;}
    .dia-8{position: absolute;top: 34%;left: 62%;}
    .dia-9{position: absolute;top: 45.21%;}
    .dia-10{position: absolute;top: 43.21%;}
    .dia-11{position: absolute;top: 42.21%;}

}                                                                        /*璋锋瓕鍏煎*/
@-moz-document url-prefix(){
    .dia-3{position: absolute;top:12%;left: 56.77%;}
    .dia-4{position: absolute;top:17%;left: 63.77%;}
    .dia-5{position: absolute;top:19%;left: 58.12%;}
    .dia-6{position: absolute;top:16%;left: 52.15%;}
    .dia-7{position: absolute;top: 18%;left:64%;}
    .dia-8{position: absolute;top: 29.19%;left: 62%;}
    .dia-9{position: absolute;top: 42.21%;left: 63.895%;}
    .dia-10{position: absolute;top: 42%;}
    .dia-11{position: absolute;top: 38%;}
}                                                                                   /* 鐏嫄*/
@media(max-width:1900px){
    .dia-1{height: auto;position:absolute;top: 27.5%;}
    .dia-2{height: auto;position: absolute;top: 30.54%;}
    .dia-3{height: auto;position:absolute;top: 18.7%; }
    .dia-5{height: auto;position: absolute;top: 21.7%;}
    .dia-6{height: auto;position: absolute;top: 18.4%;}
    .dia-8{height: auto;position: absolute;top: 31.89%;}
;        }
@media(max-width:1680px){
    .dia-1{height: auto;position:absolute;top: 28%;}
    .dia-2{height: auto;position: absolute;top: 28.34%;}
    .dia-4{height: auto;position:absolute; top: 22.36%}
    .dia-3{height: auto;position:absolute;top: 15.7%; }
    .dia-5{height: auto;position: absolute;top:17.3%;}
    .dia-6{height: auto;position: absolute;top: 14.6%;}
    .dia-7{height: auto;position: absolute;top: 19.36%;}
    .dia-8{height: auto;position: absolute;top: 29.89%;}
    #fp-mouse a:nth-child(2){position: absolute;top:49.263%;}
    #fp-mouse a:nth-child(3){position: absolute;top:35.06%;}
    #fp-mouse a:nth-child(4){position: absolute;top:34.15%;}
    #fp-mouse a:nth-child(7){position: absolute;top:40.442%;}
    #fp-mouse a:nth-child(8){ position:absolute;top:57.668%;}

}
@media(max-width:1360px){
    .dia-1{height: auto;position:absolute;top: 22.5%;}
    .dia-2{height: auto;position: absolute;top: 22.94%;}
    .dia-3{height: auto;position: absolute;top: 7.36%; }
    .dia-4{height: auto;position: absolute;top: 14.86%;}
    .dia-5{height: auto;position: absolute;top: 8.8%;}
    .dia-6{height: auto;position: absolute;top: 5%;}
    .dia-7{height: auto;position: absolute;top: 14.36%;}
    .dia-8{height: auto;position: absolute;top: 21.39%;}
    .dia-9{height: auto;position: absolute;top: 38.21%;}
    #fp-mouse a:nth-child(2){width:4.3%;height: 5.88%;position: absolute;left: 71.36%;top:53.863%;}
    #fp-mouse a:nth-child(3){position: absolute;top:34%;}
    #fp-mouse a:nth-child(4){ position: absolute;top:32%;}
    #fp-mouse a:nth-child(6){position: absolute;top:43.32%;}
    #fp-mouse a:nth-child(7){ position: absolute;top:39.332%;}
    #fp-mouse a:nth-child(8){width: 1.7% ;height: 2.8%;position: absolute;top:58.868%;}
}


/*style.css*/
@charset "utf-8";
.wrapper { width:660px; height:200px; margin:0 auto; padding-top:60px; position:relative; }
.wrapper div { width:200px; height:200px; line-height:200px; font-size:24px; color:#fff; text-align:center; }
.bor02:hover { width:300px; height:300px; transform:rotate(360deg); background:#099; left:150px; top:30px; }
#menu { position: fixed; top: 50%; margin-top: -145px;display:none;}
#menu.right { right:0px; }
#menu ul li { width:50px; height:46px;display:block;overflow:hidden;}
#menu ul li a{ width:20px; height:20px; line-height:18px; border: 1px solid #aaaaaa;margin:13px 30px 13px 0;display:block;font-size:12px;color:#000;text-align:center;}
#menu ul li a:hover{border: 1px solid #0068b7;}
#menu li.active { background-image: url(../Images/rnavbg.jpg); background-repeat: no-repeat; background-position: 0px center; }
#menu li.active a{border: 1px solid #0068b7;color:#fff; background:#0068b7;}
#menu ul li:nth-child(1) {
display:none;
}
.nav-small .nav-item { font-size:18px; }
.page-home .introduction .container { padding-top: 3em; padding-right: 2%; padding-bottom: 3em; padding-left: 2%; }

.shinpt { float: right; width:205px; overflow:hidden; display:none; }
.shinpt .seInput { border:1px solid #000; background:rgba(0, 0, 0, 0); height:32px; border-radius:5px; padding-left:6px; color:#000; width:100%; }
.fr { float: right; overflow:hidden; }
 .abouts { width:80%; margin-right: auto; margin-left: auto; height:100%; }
.ab-img1 { position: absolute; top: 75px; right: 0px; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/z-index:1;}
.about-left { width: 50%; position: relative; height:100%; float: left; }
.about-left .ab-img2 { position: absolute;top:350px;right: 360px; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/z-index:2;}
.ab-img1:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);z-index:4;}
.about-left .ab-img2:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);z-index:5;}
.ab-img3{ position: absolute; top:50%; right:65px; top:40%\0/;left:43%\0/;top:40%\9;left:43%\9;z-index:6; }
.active .ab-img3{animation:abim3 1.5s linear;}
 @keyframes abim3{0%{top:47%;transform: skew(0,20deg);}100%{top:50%;transform: skew(0,0deg);}}
.about-right { overflow: hidden; float: right; width: 50%; padding-left: 95px; }
.ab-rttit { margin-top: 15%; padding-bottom: 60px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #757575; }
.ab-rttit p { font-size: 24px; line-height: 40px; color: #000; }
.ab-rttcn span { font-size: 40px; line-height: 40px; color: #000000; float: left; margin-right: 5px; }
.ab-rttcn { padding-top: 32px; font-size: 14px; line-height: 26px; color: #000000; }
.ab-rttcn a { float: right; }
.fr { float: right; }
.language-switch { float: right; overflow: hidden; line-height: 140px; color: #000;margin-right:40px;}
.head { height: 70px; width: 100%; position: fixed; z-index: 999999999; }
.fr .search-form-toggle { float: right; height: 32px; width: 32px; background-image: url(../Images/serch.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; background-color:rgba(0, 0, 0, 0); border:none; outline:none; }
.nav-btn { float: left; overflow: hidden; margin-right: 0; margin-bottom: 0; margin-left: 30px; }
.nav-btns { float: left; cursor:pointer; width:82px; height:82px; background-image: url(../Images/navbtn.jpg); }

.nav-logo { float: left; height: 82px; width:235px; overflow:hidden; background:#fff; }
.nav-logo img { margin:auto; display:block; margin-top:16px; }
.nav-open { margin-right: 250px; margin-left: 250px; }
.language-switch .locale { margin-right: 15px; margin-left: 15px; }
.locale.current { text-decoration: line-through; }
.nav-main .fr { margin-top:54px; position: relative; }
.opnlist ul li { float: right; margin-right: 45px; position: relative; }
.nav-open .opnlist { background-color: #fff; height: 82px; }
.nav-list { padding-top: 30px; }
.nav-open .opnlist { overflow:hidden; width:0; }
.nav-open.opennav .opnlist { animation: opnlist .5s linear; width:94%; overflow:inherit; }
@keyframes opnlist { 0% {
width:0;
overflow:hidden;
}
50% {
width:50%;
overflow:hidden;
}
94% {
width:94%;
overflow:inherit;
}
100% {
width:94%;
overflow:inherit;
}
}
.nav-open.opennavs .opnlist { animation: opnlists 2s  linear; width:0%; overflow:hidden; }
@keyframes opnlists { 0% {
width:94%;
overflow:inherit;
}
6% {
width:94%;
overflow:inherit;
}
50% {
width:50%;
overflow:hidden;
}
100% {
width:0%;
overflow:hidden;
}
}
.opnlist ul li h2 { line-height: 82px; font-size: 16px; color: #000000; font-family: "寰蒋闆呴粦"; }
.naxial { position: absolute; left: 50%; top: 82px; left: 50%; transform: translate(-50%, 0%); min-width:200px; background:#fff; display:none; }
.opnlist ul li:hover .naxial { display:block; }
.opnlist ul li:hover h2:after { content:""; display:block; width:4px; height:4px; margin:0 auto; margin-top:-20px; background:#000; }
.naxial span { margin-left: 29px; border-left-width: 1px; border-left-style: solid; border-left-color: #eeeeee; display: block; height: 34px; padding-top: 20px; }
.naxial span a { display: block; font-size: 12px; line-height: 14px; height: 14px; padding-left: 27px; border-left-width: 1px; border-left-style: solid; border-left-color: #eeeeee; margin-left: -1px; }
.naxial span a:hover { border-left-width: 1px; border-left-style:solid; border-left-color:#0068b7; }



/*浜у搧鐏版満*/
.box-hover-modal {
	float: left;
	width:33.333333333%;
	height:50%;
	position: relative;
	overflow: hidden;
    
}
.fp-section.page-06 .box-hover-modal{padding-bottom: 4%;}

.box-hover-modal-con { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size:100% 100%;}


.box-hover-modal-con p { font-family: "寰蒋闆呴粦"; font-size: 18px; line-height: 36px; color: #000000; }
.box-hover-modal-con a { background-image: url(../Images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; text-align: right; height: 32px; width: 120px; position: absolute; right: 0px;  font-size: 16px; line-height: 32px; color: #000000; }
.fp-section.page-06 .box-hover-modal-con a {bottom: 0px;}
.box-hover-modal-con a:hover{color:#0068b7;}
.madtite { padding-right: 27px; height: 100%; }



.box-hover-modal-m {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,104,183,.8);
	
}
.box-hover-cen {display:table;width: 100%;height: 100%;text-align:center;}
.box-hover-cens{vertical-align:middle; display:table-cell;}
.box-hover-cens h2 { font-family: "寰蒋闆呴粦"; font-size: 30px; line-height: 40px; color: #ffffff; }
.box-hover-cens h2:after {content:"";background-color: #fff; display: block; height: 1px; width: 70px; margin-right: auto; margin-left: auto;margin-bottom:20px;margin-top:10px;}
.box-hover-cens p { font-size: 14px; line-height: 24px; color: #ffffff; }

.erpibg {height: 100%; width: 100%; background-image: url(../Images/2.jpg); background-repeat: no-repeat; background-position: center top; background-size:100% 100%;}




/*five*/
.erpibg.fivebg { background-image: url(../Images/3.jpg); }
.erpibg.fivebg .container .box-hover-modal { height: auto; width: 23%;margin:0 1%;}
.madtite.matibg { background-image: url(../Images/jj4.jpg); background-repeat: no-repeat; background-position: center bottom; background-size:100% auto;}
.box-hover-modal-con.lastbg { background-size:100% auto; background-position:top center;}
.index-new { text-align: center; margin-top: 40px; }
.index-new span { font-size: 12px; line-height: 20px; color: #000000; padding-top: 25px; display: block; overflow: hidden; }
.index-new h2 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 18px; line-height: 50px; color: #000000;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.index-new h2:after {content:"";height:1px;width:70px;background:#787877;display:block; margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.index-new p { font-size: 12px; line-height: 24px; }
.index-new a { width: auto; position: static; text-align: center; background-image: none; margin: 0px; padding: 0px; }
.index-new:hover h2 {color: #1172bc; font-weight:bold;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.index-new:hover h2:after {content:"";width:280px; background:#1172bc;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}.erpibg.sixbg { background-image: url(../Images/4.jpg); }
.simoer { line-height: 32px; background-image: url(../Images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; display: block; height: 32px; width: 140px; position: absolute; right: 0px; bottom: 0px; text-align: right; }

/*
seven*/

.box-hover-modals { float: left; width:31.33333%; position: relative; margin-top: 0; margin-right: 1%; margin-bottom: 0; margin-left: 1%; 
}


.box-hover-modals .box-hover-modal-m {display:block;opacity:0;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-modals:hover .box-hover-modal-m {opacity:1;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.erpibg.sevebg { background-image: url(../Images/5.jpg); }
.erpibg.sevebg .container { height: 60%; padding-top:8%; }

.box-hover-cens.sevbt h2 { }
.box-hover-cens.sevbt p {font-size:14px;color:#fff;}
.box-hover-cens.sevbt h2:after {content:"";display:none;height:0;}
.box-hover-cens.sevbt h2:before{content:"";display:block;height:1px;width:0; background:#fff;margin:15px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt p:after{content:""; display:block;height:1px;width:0; background:#fff;margin:15px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.box-hover-cens.sevbt:hover h2:before{content:"";display:block;height:1px;width:150px; background:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt:hover p:after{content:""; display:block;height:1px;width:150px; background:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-1 { background-color: #FFF; position: absolute; height: 1px; width: 96%; left: 2%; top: 2%; }
.box-hover-cens.sevbt font { display: block; position: absolute; }

.box-hover-cens.sevbt .fbk-1 { background-color: #FFF;height: 1px; width: 0%; left: 2%; top: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-2 { background-color: #FFF;width: 1px; height: 0%; right: 2%; top: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-3 { background-color: #FFF;height: 1px; width: 0%; left: 2%; bottom: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.box-hover-cens.sevbt .fbk-4 { background-color: #FFF;width: 1px; height: 0%; left: 2%; bottom: 2%;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.box-hover-cens.sevbt:hover .fbk-1 { background-color: #FFF;height: 1px; width: 96%; left: 2%; top: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}
.box-hover-cens.sevbt:hover .fbk-2 { background-color: #FFF;width: 1px; height: 96%; right: 2%; top: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}
.box-hover-cens.sevbt:hover .fbk-3 { background-color: #FFF;height: 1px; width: 96%; left: 2%; bottom: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}
.box-hover-cens.sevbt:hover .fbk-4 { background-color: #FFF;width: 1px; height: 96%; left: 2%; bottom: 2%;-moz-transition:all .8s ease-in-out;
-ms-transition:all .8s ease-in-out;
-o-transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
transition:all .8s ease-in-out;}


/*8*/
.fp-section .callme { display: inline-block; width:calc(100% - 230px); margin-right: 115px; margin-left: 115px; background:#fff;}
.call-left { width: 50%; float: left;}
.call-right { width: 50%; float: left; }
.call-left-1 { width: 50%; padding-right: 50px; padding-left: 50px; float: left; }
.call-left-2 { width: 50%; padding-right: 40px; float: left; padding-top: 120px; }
.call-left-1 h2 { font-size: 20px; line-height: 50px; font-weight: bold; color: #000000; margin-top: 35px; }
.call-left-1 p { font-size: 16px; line-height: 40px; color: #000000; margin-bottom: 20px; }
.call-left-1 img { margin-bottom: 10px; }
.cutus ul .diz-1 { background-image: url(../Images/di1.jpg); background-repeat: no-repeat; background-position: left 2px; }
.cutus ul li { margin-top:15px;padding-left:30px;line-height:18px;color:#737373;font-size:14px;}
.cutus ul .diz-2{ background-image: url(../Images/di2.jpg); background-repeat: no-repeat; background-position: left 1px; }
.cutus ul .diz-3{ background-image: url(../Images/di3.jpg); background-repeat: no-repeat; background-position: left 1px; }
.cutus ul .diz-4{ background-image: url(../Images/di4.jpg); background-repeat: no-repeat; background-position: left 1px; }
.call-left-2 .seInput { display: block; width: 100%; border: 1px solid #a0a0a0; margin-bottom: 21px; height: 42px;padding:0 10px;}
.call-left-2 .textar {display: block; width: 100%; border: 1px solid #a0a0a0; margin-bottom: 21px; height:120px;padding:10px;}
.call-left-2 .seButton { background-color: #0068b7; height: 42px; width: 130px; font-size: 18px; line-height: 42px; font-weight: bold; color: #fff; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;float:right;cursor:pointer;}
.ab-rttit h2 { line-height: 32px; background-image: url(../Images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; height: 32px; width: 140px; font-size: 14px; color: #000000; padding-left: 60px; margin-top: 20%; margin-bottom: 3%; }
.ab-rttcn .gwmo { line-height: 32px; background-image: url(../Images/heiheng.jpg); background-repeat: no-repeat; background-position: left center; height: 32px; width: 140px; padding-left: 60px; font-size: 16px; }
.ab-rttcn .gwmo:hover { color: #0068b7; }
.fp-section.section2 .sp1 { height: 100%; width: 100%;display:block;}
.fp-section.section2 .sp2 { height: 100%; width: 100%;display:none;}
.fp-section.section2 .sp3 { height: 100%; width: 100%;display:none;}
.mouse-icon { background-image: url(../Images/mouq.png); height: 44px; width: 27px; margin-left: -13px; position: absolute; left: 50%; bottom: 37px; }
.mouse-icon img { display: block; margin-right: auto; margin-left: auto; margin-top: 5px;animation:sbdong 1.5s infinite linear;}
 @keyframes sbdong{0%{margin-top:8px;}50%{margin-top:20px;}100%{margin-top:8px;}}.head.onep .nav-header-container .nav-main .language-switch .locale { color: #FFF; }
.head.onep .nav-header-container .nav-main .language-switch { color: #FFF; }
.head.onep .nav-header-container .nav-main .fr .search-form-toggle { background-image: url(../Images/serch2.png); }
.head.onep .nav-header-container .nav-main .fr .shinpt .seInput { color: #FFF; border: 1px solid #fff; }

.ab-rttit{opacity:0;}
.active .ab-rttit{opacity:1;animation:guan1 4s;}
 @keyframes guan1{0%{opacity:0;}100%{opacity:1;}}
 
 .ab-rttcn{opacity:0;}
.active .ab-rttcn{opacity:1;animation:guan2 3s;}
 @keyframes guan2{0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}}
 
/* .video-js .vjs-tech{height:auto;} */

 #menu li.active{animation:ritnav 1.2s;}
 @keyframes ritnav{0%{ background-position:50px center;}100%{background-position:0px center;}}.nav-btns.opennav { background-image: url(../Images/navbtn2.jpg); }



/*椤甸潰鍔犺浇*/
/* .loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999999999;background: url('../Images/01909155a905dc32f875495ea197c9.gif') 50% 50% no-repeat rgb(249, 249, 249);}.xinf-1 { float: left; margin-left: 112px; font-size: 12px; color: #FFF; } */
.xinfoot { line-height: 38px; color: #FFF; height: 38px; width: 100%; position: absolute; left: 0px; bottom: 0px; background-color: #0068b7; }
.xinf-2 { float: right; margin-right: 112px; }
.xinf-2 a { font-size: 12px; line-height: 38px; color: #fff; margin-left: 34px; }
.xinf-2 a:hover { text-decoration: underline; }
.videoch { height: 5px; width: 400px; margin-left: -200px; position: absolute; left: 50%; bottom: 68px; z-index:100;}
.videoch ul li { background-color: #FFF; display: inline-block; width: 52px; margin-right: 10px; margin-left: 10px; cursor: pointer; height: 5px; }
.videoch ul .active { background-color: #c01827; }
.videoch ul .vidf1 { background-color: #c01827; }




.x-jeu-1 h2 {font-size:36px;color:#000;line-height:48px;text-align:center;}
.x-jeu-1 h2:after{display:block;width:70px;height:1px; background:#000;margin:auto; content:"";margin-top:20px;}
.x-jeu-1 p{ text-align:center; font-size:18px; line-height:24px; margin-top: 20px; }
.x-jeu-2 { width:100%; margin-right: auto; margin-left: auto;margin-top:54px; overflow: hidden; }
.x-jeu-2 ul li { display: inline-block; width: 30%; margin-right: 1.666666px; margin-left: 1.6666666%; position: relative;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2ne { position: absolute; left: 15%; top: 20%;width:70%;height:70%;background:rgba(255,255,255,.8);}
.x-jeu-2ne h2 {font-size:24px; font-weight:bold;line-height:24px;color:#0068b7;}
.x-jeu-2ne p {font-size:14px;line-height:24px;color:#0068b7;}
.x-jeu-2ne a {display:block;width:110px;height:0px;opacity:0;line-height:0px;text-align:center;border:1px solid #fff;margin:20px auto;}
.x-jeu-2 ul li:hover .x-jeu-2ne{background:rgba(0,104,183,.8);-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne h2{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne p{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne a{height:36px;opacity:1;line-height:36px;color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2ne h2:after{ content:"";width:70px;height:1px; background:#0068b7;display:block;margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2 ul li:hover .x-jeu-2ne h2:after{ content:"";width:70px;height:1px; background:#fff;display:block;margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.x-jeu-2nes {display:table;width:100%;height:100%;}
.x-jeu-2ness{ text-align:center;vertical-align:middle; display:table-cell;}
.dbtyy{ height: 60px; width: 220px; margin-left: -110px; position: absolute; left: 50%; bottom: -30px; background-color: #f9c059; display: block;
font-size:24px; font-weight:bold;line-height:60px;text-align:center;color:#fff;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out; }
.box-hover-modals:hover .dbtyy{opacity:0;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}



/*鎵嬫満绔牱寮�*/
@media (max-width: 1024px) {
.baicai{font-size: 14px;}
.moin-2 { overflow: hidden; position: relative; }
.moin-2 .about .abouts .about-left .ab-img1 { width: 100%; position: static; }
.moin-2 .about .abouts .about-left .ab-img2 { width: 100%; position: static; }
.moin-2 .about .abouts .about-left { width: 100%; }
.moin-2 .about .abouts { width: 100%; }
.moin-2 .about .abouts .about-right { width:98%;padding-left:0;margin:auto;}
.moin-2 .about .abouts .about-right .ab-rttit {opacity:1;}
.moin-2 .about .abouts .about-right .ab-rttcn {opacity:1;}
.moin-2 .about .abouts .about-right .ab-rttit p { font-size: 14px; line-height: 24px; }
.moin-3 .erpibg .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}
.moin-3 .erpibg .container .box-hover-modal .box-hover-modal-con .madtite p { font-size: 12px; line-height: 24px;margin:12px 0;}
.moin-3 .box-hover-modal-con a{bottom:0px;}
.moin-3 .erpibg .container .box-hover-modal {width:48%;margin:10px 1%;}
.moin-4 .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}
.moin-4 .x-jeu-1 p{font-size:12px;}
.moin-4 .x-jeu-2 ul li{width:100%;margin:10px 0;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne{background:rgba(0,104,183,.5);-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne h2{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne p{color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne a{height:36px;opacity:1;line-height:36px;color:#fff;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}
.moin-4 .x-jeu-2 ul li .x-jeu-2ne h2:after{ content:"";width:70px;height:1px; background:#fff;display:block;margin:20px auto;-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.moin-5 .erpibg.fivebg .container .box-hover-modal{width:48%;}
.moin-5 .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}


.moin-6 .container { height: auto; padding-top: 2%; padding-bottom: 2%;width:98%;padding-left:0;padding-right:0;}
.moin-6 .box-hover-modals .box-hover-modal-m{opacity:1;}


.index-new p {text-overflow:ellipsis;  overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

}

@media (max-width:600px) {
.moin-5 .erpibg.fivebg .container .box-hover-modal{width:98%;}
.moin-6 .box-hover-modals{width:98%;margin:20px auto;}
.moin-3 .erpibg .container .box-hover-modal {width:100%;margin:10px auto;}
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.5.1
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  /*src: url('font/vjs.eot');
  src: url('font/vjs.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype');*/
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display:none;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display:none;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
  display:none;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #0068b7;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* max-height: 100%;*/
  /* height: 100%; */outline: none; 
    height: calc(100vh - 96px) ;
    object-fit: cover !important;
    object-fit: fill;
    display: block;
    z-index: 1;
}
.video1 {
    width: 100%;
    height: 100vh;
    object-fit: cover !important;
    object-fit: fill;
    display: block;
    z-index: 1;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;outline: none;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */