@charset "utf-8";
/* CSS Document */
/***************公用****************/
*{margin:0px; padding:0px; font-weight:normal;}
html{height:100%}
body{ font-family:Microsoft YaHei; height:100%; font-size:1em;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input{outline:none;-webkit-appearance:none;}
.clear{ clear:both; overflow:hidden; height:0px;}
.page-geren{margin:0px auto; padding:0px; }
.dakuang{ width:100%; max-width:1200px; min-width:800px; margin:0 auto;height:100%; background:url(sud/background01.jpg) no-repeat center top; background-size:100% 100%; position:relative;}
img{ border:0;}
input[type="button"],input[type="checkbox"],input[type="radio"], input[type="submit"], input[type="reset"],select {-webkit-appearance: none; border-radius:0;outline:none; border:none;}
/**********浮*动************/
.float_left{ float:left;}
.float_right{ float:right;}


.zyq_an{ position:absolute; bottom:4%;width:100%; max-width:1200px; min-width:800px;}
.zyq_an a{ color:#7edbff; border:1px solid #7edbff; line-height:3em; border-radius:5px; margin:0 5%; padding-left:2.9em; padding-right:0.8em;}
.zyq_abj{ background:url(icon/icon_01.png) no-repeat 0.8em center; background-size:1.8em;}
.zyq_atx{background:url(icon/icon_02.png) no-repeat 0.8em center; background-size:1.8em;}

.welcome_k{ color:#629dd5;line-height:2.5em; text-align:center; width:60%;position:absolute; top:20%; left:14%;}
.welcome_k span{ width:20%; display:inline-block; font-size:1.2em; text-align:right;}
.wel_input{ background:none; border:1px solid #7edbff; color:#b7dcff; font-size:1em; border-radius:5px; width:76%; line-height:2.5em; padding:0 1%;}

@media (min-width:800px) and (max-width:1200px) {

}

.ceil{ background:url(sud/start.png) no-repeat center; display:block; width:220px; height:220px; background-size:100%; position:absolute; margin:0 auto; left:0; right:0; top:40%;}
.loader {display: inline-block;width: 104px;height: 104px;position: relative;margin : 57px;}
.loader:before { content: "";display: block;position: absolute;width: 100%; height: 100%;line-height: 100%;overflow: hidden;background:none;border-radius: 100%; border: none;border-bottom: dodgerblue solid 1px;border-top: FFF solid 1px;border-right: dodgerblue solid 1px;border-left: #FFF solid 1px;-webkit-animation-name: loader;-moz-animation-name: loader;-o-animation-name: loader;animation-name: loader;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;
z-index: 1;}
@-webkit-keyframes loader {
from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);} 
}
.duration-2s-before:before,.duration-2s-after:after,.duration-2s{ -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;}

.Return{ position:absolute;top:3%;right:3%;width:70px; z-index:99999}
.return_a{ background:url(sud/Return.png) no-repeat center; width:70px; height:70px; background-size:70px; position: relative; display:inline-block;}
.return_a01{ background:url(sud/fanhui.png) no-repeat center; width:70px; height:70px; background-size:70px; position: relative; display:inline-block;}
.return_a:before,.return_a01:before { content: "";display: block;position: absolute;width:69px; height:69px;line-height: 100%;overflow: hidden;background:none;border-radius: 100%; border: none;border-bottom:#0c4c6b solid 1px;border-top: FFF solid 1px;border-right: #0c4c6b solid 1px;border-left: #FFF solid 1px;-webkit-animation-name: loader;-moz-animation-name: loader;-o-animation-name: loader;animation-name: loader;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;z-index: 1;}
.LED_k{ width:50%; margin:0 auto; padding-top:1.5em;}
.LED_top{ color:#629dd5; font-size:1em; line-height:2.5em;}
.LED_top p{ width:65%;}
.LED_top span{ font-size:0.8em; margin-right:10px;}
.Preservation_textarea{background:none;border:1px solid #7edbff; color:#b7dcff; font-size:1em; border-radius:5px; width:76%; line-height:1.5em; padding:1px 1%;height:4em;}
a.Preservation_a{ background:url(sud/butt.jpg) repeat-x left; background-size:100% 100%; line-height:3.45em; border-radius:5px; width:20%; display:inline-block; text-align:center; color:#000;border:1px solid #FFF; border-bottom:1px solid #203146; margin-top:1px;}

.zyq_chk{display:none; text-align:right;}
.zyq_chk + label {background:none;padding:1px;border-radius:50px;display:inline-block;position:relative;-webkit-transition: all 0.1s ease-in;transition:all 0.1s ease-in;width:50px;height:20px; margin-top:7px;}
.zyq_chk  + label:after {content: ' ';position: absolute;top: 0;-webkit-transition: box-shadow 0.1s ease-in;transition: box-shadow 0.1s ease-in;left: 0;width: 100%;height: 100%;border-radius: 100px; border:1px solid #7edbff}
.zyq_chk  + label:before {content: ' ';position:absolute;background:#7edbff;top:0px;left:0px;z-index:999999;width:21px;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;height:21px;border-radius:100px; border:1px solid #7edbff;}
.zyq_chk:checked:active + label:before {width:28px;left: 15px;}
.zyq_chk  + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.zyq_chk:checked + label:before {content: ' ';position: absolute;left:30px;border-radius: 100px;}
.zyq_chk:checked + label:after {content: ' ';font-size: 1.5em;position: absolute;background:rgba(126,219,255,0.34);box-shadow: 0 0 1px #333;}

/******************************************/
.six_k{ width:86%; padding:0 7%; position:relative; padding-top:13%;}
.six_quick{ width:25%;background:rgba(0,0,0, 0.3); padding:0 2%;border:2px solid #FFF ;border-radius:15px; padding-bottom:0.5em;}
.six_top{ color:#629dd5; line-height:3em; font-size:1.1em;}
a.six_quick_a{ display:block; background:#0899d1; color:#082745; margin-bottom:1em; line-height:3em; border-radius:5px; width:90%; padding:0 5%;}
a.six_curtain_a,a.six_lighting_a{ color:#FFF;line-height:2.6em; width:50%; margin:0 auto; border-radius:5px; display:block; text-align:center; margin-bottom:0.8em;border:1px solid #295161; background:rgba(5,92,125,0.5); }
a.six_curtain_xuan{border:1px solid #73a4b6; background:#055c7d;}
a.six_curtain_k{line-height:2.6em; width:44%; margin:0 2%; background:#7edbff; border:2px solid #b7ebff; color:#041425; text-align:center; display:block; border-radius:5px; margin-bottom:0.5em;}
a.six_lighting_k{line-height:2.6em; width:100%;background:#7edbff; border:2px solid #b7ebff; color:#041425; text-align:center; display:block; border-radius:5px; margin-bottom:0.5em;}
.six_curtain{ width:24.5%;position:absolute; bottom:0;left:34.3%;}
.six_lighting{width:24.5%;position:absolute;bottom:0; right:7%;}

.six_equipment{position:absolute; top:27%; right:7%;}
a.six_equipment_k{line-height:2.5em; display:block;text-align:center;border-radius:5px;color:#FFF;margin-left:1em;width:6em;}
a.six_equipment_s{ background:rgba(0,153,68, 0.6); border:2px solid #85f7b8;}
a.six_equipment_e{ background:rgba(230,0,18, 0.6); border:2px solid #ffb5bb;}
/******************77777777777***********************/
.Seven_k{background:rgba(0,0,0, 0.4);border:2px solid #FFF ;border-radius:15px;height:90%; margin-top:3%; }
.Seven_l{width:65%;margin-left:3%; overflow:hidden;}
.Seven_r{ width:27%;margin-right:3%; position:relative;}
.seven_top{ background:#027590; border-bottom-right-radius:15px;border-top-left-radius:15px; width:7.5em; line-height:2.5em; color:#080926; text-align:center; font-size:1.2em;}
.seven_knr{ width:88%; margin:4% auto; position:relative;}
.seven_knr img{ width:100%;}
.seven_la{ position:absolute; border:1px solid #ffe1e1; background:rgba(255,0,0,0.4); color:#FFF; font-size:1.1em; padding:0.4em 1em; border-radius:5px;}
.seven_la_h{ color:#ffff00; background:none;border-radius:5px;border:1px solid #ffff00;}
.seven_la01{ top:11%; right:7%;}

.seven_r_top{ font-size:1.1em; color: #629dd5; line-height:3em; font-weight:500;padding:0 6%}
.zhanban{ width:92%; border-radius:5px; border:1px solid #7cd9ff; background:rgba(3,205,250,0.56); text-align:center; margin:0 auto; padding-bottom:0.5em}
.zhanban_top{ color:#080926; padding-top:1em;}
.zhanban_nr{ color:#050e16; background:#005e74; width:60%; margin:0.5em auto; line-height:2em; border-radius:5px;-moz-box-shadow:3px 3px 3px #0d0706 inset;-webkit-box-shadow:3px 3px 3px #0d0706 inset;box-shadow:3px 3px 3px #0d0706 inset;}

.kongzhi_a{ color:#83e1fe; width:25%; text-align:center; font-size:0.8em; line-height:2em; margin-top:1.5em;}
.kongzhi_a img{ width:2.4em;}

.kongzhi_an{ position:absolute; bottom:2%; left:5%; width:100% ; width:90%}
.kongzhi_af{ width:53px; height:53px;  position: relative; display:inline-block;}
.kongzhi_tu01{ background:url(sud/Return.png) no-repeat center;background-size:53px;}
.kongzhi_tu02{ background:url(sud/zy.png) no-repeat center;background-size:53px; margin-left:3%;}
.kongzhi_tu03{ background:url(sud/dowm.png) no-repeat center;background-size:53px;}
.kongzhi_af:before { content: "";display: block;position: absolute;width:52px; height:52px;line-height: 100%;overflow: hidden;background:none;border-radius: 100%; border: none;border-bottom:#0c4c6b solid 1px;border-top: FFF solid 1px;border-right: #0c4c6b solid 1px;border-left: #FFF solid 1px;-webkit-animation-name: loader;-moz-animation-name: loader;-o-animation-name: loader;animation-name: loader;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;z-index: 1;}
/********************88888*********************/
.kongzhi_tu04{background:url(sud/up.png) no-repeat center;background-size:53px;margin-right:5%;}
.moshi{ width:94%; padding:0 3%;}
.moshi_a{ width:4.6em; line-height:2.5em; border:2px solid #79d6ff; color:#79d6ff; display:block; border-radius:5px; padding-left:2em; font-size:0.9em; margin-top:1.5em;}
.moshi_tu01{ background:url(icon/icon_07.png) no-repeat 0.4em center; background-size:1.4em}
.moshi_tu02{ background:url(icon/icon_08.png) no-repeat 0.4em center; background-size:1.4em}
/********************999999********************/
.kongz{ width:94%; padding:0 3%;}
.kongz_a{ width:6.6em;line-height:2.5em;border:2px solid #79d6ff;color:#79d6ff;display:block;border-radius:5px;font-size:0.9em;margin-top:1.5em; text-align:center;}
.kongz_an{background:url(sud/butt.jpg) repeat-x left; background-size:100% 100%; line-height:2.3em; border-radius:5px;width:6em; display:inline-block; text-align:center; color:#000;border:1px solid #FFF; border-bottom:1px solid #203146;margin-top:1.2em;}
.Nine_la01{top:7%; right:0;}
.Nine_la02{top:7%; right:25%;}
.Nine_la03{top:51%; right:76%;}
.Nine_la04{top:77%; right:76%;}
.Nine_la05{top:86%; right:35%;}
.Nine_la06{top:86%; right:10%;}
/****************101010101010*****************/
.Ten_la01{top:35%; right:43%;}
.Ten_la02{top:92%; right:78%;}
.Ten_la03{top:88%; right:28%;}
/****************15 15 15 15******************/
.Fifteen_la01{top:8%;left:0%;}
.Fifteen_la02{top:8%;left:25%;}
.Fifteen_la03{top:8%;left:50%;}
.Fifteen_la04{top:8%;left:75%;}
.Fifteen_la05{top:86%;left:13%;}
.Fifteen_la06{top:86%;left:35%;}
.Fifteen_la07{top:86%;left:60%;}
.Fifteen_la08{top:86%;left:80%;}

/***************12 12 12 12 *******************/

.Twelve_k{background:rgba(0,0,0, 0.4);border:2px solid #FFF ;border-radius:15px; width:96%; position:absolute;}
.Twelve_up{overflow:hidden;height:67%; left:2%; top:3%;}
.Twelve_donw{left:2%; bottom:3%;height:23%;}
.Twelve_up_l{ width:50%;}
.Twelve_top{ background:#027590; border-bottom-right-radius:15px;border-top-left-radius:15px; width:5em; line-height:2.4em; color:#080926; text-align:center; font-size:1.2em;}
.Twelve_top01{background:#027590; border-bottom-right-radius:15px;width:5em; line-height:2.4em; color:#080926; text-align:center; font-size:1.2em;}
.Twelve_knr{width:80%; margin:4% 0; padding-left:10%; position:relative;}
.Twelve_knr img{ width:100%;}
.Twelve_la01{top:3%; left:40%;}
.Twelve_la02{top:41%; left:5%;}
.Twelve_la03{top:41%; right:-8%;}
.Twelve_d_top{ font-size:1.1em; color: #629dd5; line-height:3.5em; font-weight:500;padding:0 3%; margin-top:3%;}
.zhanban_d{ width:12em; border-radius:5px; border:1px solid #7cd9ff; background:rgba(3,205,250,0.56); text-align:center; margin:0 auto; padding-bottom:0.5em; padding-top:0.5em; margin-top:3%;}
.Twelve_d_kong{ width:30%; margin-left:3%; margin-top:4%;}
a.Twelve_curtain_a{ color:#FFF;line-height:2.6em; width:45%; margin:0 auto; border-radius:5px; display:inline-block; text-align:center; margin-bottom:0.8em;border:1px solid #295161; background:rgba(5,92,125,0.5); }
a.Twelve_curtain_xuan{border:1px solid #73a4b6; background:#055c7d;}
/******************27 27 27 27**********************/
.zyq_chs{ color:#79d6ff; line-height:2.5em; margin-right:0.6em; font-size:0.9em;}
/******************13 13 13 13 13*****************/
.Thirteen_k{background:rgba(0,0,0, 0.4);border:2px solid #FFF ;border-radius:15px; margin-top:3%; }
.Thirteen_l{width:70%;margin-left:3%; overflow:hidden;height:80%;}
.Thirteen_r{ width:22%;margin-right:3%; position:relative;height:90%;}
.Thirteen_a{ width:88%; margin:0 auto; margin-top:0.5em; text-align:center; border-radius:3px; border:1px solid #79d6ff; color:#79d6ff; line-height:2.5em; display:block;}
.Thirteen_che{ width:88%; margin:0 auto; margin-top:1.5em;}
.Thirteen_che span{color:#79d6ff; line-height:2.5em; }
.Thirteen_an{width:30%; margin-top:2%; margin-left:3%;}
.Thirteen_an a{ margin-right:3%;}

/************14 14 14 14 ****************/
.Fourteen_knr{ width:90%;height:89%; border-radius:15px; overflow:hidden; position:relative; margin:5% auto;}
.Fourteen_knr img{ width:100%;}
.Fourteen_la01{top:76%; left:17%;}
.Fourteen_la02{top:68%; left:47%;}
.Fourteen_la03{top:83%; left:45%;}
.fourteen_s_k{ background:#35b2e6; border-radius:8px;}
.fourteen_01{ width:86%; margin:0 auto; padding-top:0.3em;}
.fourteen_02{ width:42.5%; margin-left:7%;padding-top:0.3em; margin-bottom:0.5em;}
.fourteen_03{ width:42.5%; margin-left:1%;padding-top:0.3em; margin-bottom:0.5em;}
.fourteen_s_f{ background:#FFF; border-radius:8px; margin-top:0.5em;}
.fourteen_04{ width:64%; margin-left:7%;padding-top:0.3em;}
.fourteen_05{ width:21%; margin-left:1%;padding-top:0.3em; }
.fourteen_sk07{ width:100%}

.fourteen_sk{ width:25%;}
.fourteen_sk02{ width:50%;}
.fourteen_sk03{ width:33.33%;}
.fourteen_sk04{ width:50%;}
.fourteen_sk05{ width:32%;}
a.Fourteen_a{ width:1.7em; height:1.7em; border-radius:50%; display:block; margin:0 auto; margin-bottom:0.3em;}
a.Fourteen_s01{ background:#000; border:1px solid #35b2e6;}
a.Fourteen_s02{ background:#ff0000; border:1px solid #ff0000;}
a.Fourteen_s03{background:#098943; border:1px solid #098943;}
a.Fourteen_s04{background:#198dca; border:1px solid #198dca;}
a.Fourteen_s05{background:#fff404; border:1px solid #fff404;}
a.Fourteen_s06 {color:#FFF; line-height:1.7em; text-align:center; margin:0 auto;background:#ff0000; border:1px solid #35b2e6;margin-bottom:0.3em;}
a.Fourteen_s08{background:#000; border:1px solid #000;}
.Fourteen_s09{background:#FFF; border:1px solid #000;}
.fourteen_sk21{ width:66%; background:#FFF; border:2px solid; border-left:none; border-top-right-radius:8px; border-bottom:none;}

/***********17 17 17 17 ************/
.Seventeen_k{width:80%;}
a.Seventeen_a{ width:47%; display:block; text-align:center; color:#629dd5; border-radius:2px; border:1px solid #629dd5; line-height:3.5em; margin-left:2%; margin-top:1em}
/************18 18 18 18 ****************/
.Eighteen_red01{ top:10%; left:0%}
.Eighteen_red02{ top:18%; left:0%}
.Eighteen_red03{ top:26%; left:0%}
.Eighteen_red04{ top:34%; left:0%}
.Eighteen_green01{top:42%; left:0%}
.Eighteen_blue01{top:50%; left:0%}
.Eighteen_green02{top:0%; left:13%;}
.Eighteen_red05{top:6%; left:27%;}
.Eighteen_red06{top:6%; left:43%;}
.Eighteen_green03{top:6%; left:63%;}
.Eighteen_red07{top:14%; left:20%;}
.Eighteen_red08{top:14%; left:38%;}
.Eighteen_green04{top:14%; left:58%;}
.Eighteen_blue02{top:44%;right:10%;}
.Eighteen_red09{top:65%; left:-5%}
.Eighteen_red10{bottom:12%; left:-3%}
.Eighteen_red11{bottom:6%; left:13%}
.Eighteen_green05{bottom:6%; left:29%}
.Eighteen_red12{bottom:6%; left:45%}
.Eighteen_green06{bottom:6%; left:80%}
.Eighteen_red13{bottom:6%; left:63%}
.Eighteen_red14{bottom:-3%; left:0%}
.Eighteen_red15{bottom:-3%; left:20%}
.Eighteen_red16{bottom:-3%; left:35%}
.Eighteen_green07{bottom:-3%; left:50%}
.Eighteen_red17{bottom:-3%; left:70%}



/************19 19 19 19 *****************/
.Nineteen_k{background:rgba(0,0,0, 0.4);border:2px solid #FFF ;border-radius:15px; width:96%; position:absolute; height:94%; top:3%; left:2%; overflow:hidden;}
.Nineteen_img{ width:70%; margin:0 auto; margin-top:3%; position:relative;}
.Nineteen_img img{ width:100%}
.Nineteen_red{ position:absolute; border:1px solid #ffe1e1; background:rgba(255,0,0,0.4); color:#FFF; font-size:1em; padding:0.2em 0.7em; border-radius:5px;}
.Nineteen_blue{ position:absolute; border:1px solid #ffe1e1; background:rgba(0,102,255,0.4); color:#FFF; font-size:1em; padding:0.2em 0.7em; border-radius:5px;}
.Nineteen_green{ position:absolute; border:1px solid #7cd9ff; background:rgba(0,173,37,0.4); color:#FFF; font-size:1em; padding:0.2em 0.7em; border-radius:5px;}
.Nineteen_la01{ top:18%; left:9%}
.Nineteen_la02{ top:9%; left:25%;}
.Nineteen_la03{top:7%; left:45%;}
.Nineteen_la04{top:20%; right:26%}
.Nineteen_la05{top:40%; right:26%}
.Nineteen_la06{bottom:0; left:5%}
.Nineteen_la07{bottom:0; left:26%}
.Nineteen_la08{bottom:6%; left:45%}
.Nineteen_la09{bottom:4%; right:19%}
.Nineteen_blue01{bottom:21%; left:17%}
.Nineteen_blue02{bottom:21%; left:37%}
.Nineteen_blue03{bottom:21%; right:25%}
.Nineteen_green01{top:46%; left:-3%}
.Nineteen_green02{top:46%; right:-3%}


/************20 20 20 20******************/
.Twenty_k{ width:90%; padding:0 5%; position:relative; height:94%;}
.twe_top{ color:#7edbff; font-size:1.2em; font-weight:bold; padding-top:3%;}
.Twenty_quick{ width:42%;background:rgba(0,0,0, 0.3); padding:0 2%;border:2px solid #FFF ;border-radius:15px; padding-bottom:0.5em;}
.Twenty_curtain{position:absolute; bottom:3%;left:3%;}
.Twenty_lighting{position:absolute;bottom:3%; right:3%;}
/**********21 21 21 21 ********************/
.Twenty_one{background:rgba(0,0,0, 0.4);border:2px solid #FFF ;border-radius:15px;height:94%;position:absolute; width:94%; left:3%;top:3%; overflow-y:all;overflow-x:hidden;}
.Twenty_one_top{ background:#027590; border-bottom-right-radius:15px;border-top-left-radius:15px; width:7.5em; line-height:2.5em; color:#080926; text-align:center; font-size:1.2em; position:absolute;top:0; left:0;}
.Twenty_one_table{ border-top:1px solid #027590; border-right:1px solid #027590; color:#027590; width:96%; margin-left:2%; margin-top:3.5em; text-align:center;} 
.Twenty_one_table tr{ line-height:2em;}
.Twenty_one_table td{ border-bottom:1px solid #027590; border-left:1px solid #027590;}
.Twenty_one_table td.Twenty_t{ background:#027590; color:#020c15;border-left:1px solid #0b2a3f;}
/**********23 23 23 23*********************/
a.Twenty_3_a{ width:48.5%; display:block; text-align:center; color:#629dd5; border-radius:4px; border:1px solid #629dd5; line-height:3.5em;}
a.Twenty_3_an{ width:30%; display:block; text-align:center; color:#FFF; border-radius:4px; line-height:2.5em; margin-top:1.5em;}
.Twenty_confirm{ margin-left:17%; background:#055d7f; border:1px solid #73a4b7;}
.Twenty_cancel{ margin-right:17%; background:#003245; border:1px solid #295263}
/************25 25 25 25 25*********************/
.Twenty_che{ margin-top:1em;}
.Twenty_che span{color:#79d6ff; line-height:2.5em; margin-right:1.2em;}