﻿<style>
[class*=a-]{ 
  width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}
.a-up {
 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  
  border-bottom: 30px solid #3355ff;
}.a-up:hover{border-bottom: 30px solid #fff;}
.a-up-bottom{border-bottom: 30px solid #050718;position:fixed;bottom:40px;left:0.4%}
.a-up-b {
 //display:inline-block;
 float:left;margin-top:-40px;

  border-left: 70px solid transparent;
  border-right: 70px solid transparent; 
  
  border-bottom:40px solid #fff; 
}

.a-down {
 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  
  border-top: 30px solid #3355ff;
}.a-down:hover{border-top: 30px solid #fff;}

.a-right-14 {
float:right;margin-right:-160px;
 
  border-top: 0em solid transparent;
  border-bottom: 14em solid transparent;
  
  border-left:10em solid rgba(0,0,0,0.2);
}
.a-left-14 {
float:right;

  border-top: 14em solid transparent;
  border-bottom: 14em solid transparent;
  
  border-right:10em solid rgba(0,0,0,0.2);
/*rgba(60,100,200,0.5);*/
}
.a-left {
  
 float:left;
 
  border-top: 120px solid transparent;
  border-bottom: 120px solid transparent; 
  
  border-right:80px solid rgba(10,80,180,0.7); 
}
.a-left-s {

 float:left;

  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent; 
  
  border-right:30px solid #f8f8f8; 
 
}
.a-left-s-1 {
 
//position:absolute;
 float:right;
  //margin:-7px;
  //margin-left:-75px;
  margin-right:-25px;
 margin-top:-37px;
  border-top: 45px solid transparent;
  border-bottom: 0px solid transparent; 
  
 
  border-right:45px solid  rgba(234, 200, 30, 0.8);}
}  
 .gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
 
}  
.s_menu { background:#fff;border-bottom:1em solid blue; list-style-type:none;width: auto;  padding-left:2%;}
.s_menu li{ background:rgba(255,255,255,0.5);min-width:200px;color:#000;/*margin-left:-40px;border-right:2px  #eee;*/ text-align:left;cursor:pointer}
.s_menu li:hover{color: rgba(0,0,0,0.2);}
.s_menu li:before{ content:'\21BA ';margin-right:10px}  
.s_menu li:hover::before{background-color: #0099ff;}
.s_menu li:nth-child(20n+2):before{ content:'';}
li.sect img,#bound img,#special img,#contact img{vertical-align:middle;}


.sect+.inbound  {width:95%;}
.inbound  li{color:#050917;background:rgba(20,100,200,0.5);margin-bottom:20px}
  
 .mark{float:left;margin-top:-20px;margin-left:50%}
#h-menu{width:70%;margin-left:-30%;margin-top:120px;background:rgba(0,0,0,0.2);margin-bottom:-50px; }
#contact{background:#191917;font-size:1.2em}
.shadow1{color:rgba(60,140,240,0.5);;text-shadow:1px 1px #eee}
.shadow2 {
    color: #d1571e;
    text-shadow: 1px 1px #eae9e9;
}

.info:hover{color: rgba(255,255,255,0.5);}
ul.sect {list-style:none;;line-height:30px;margin:2px auto;width:auto;color:#fff}
li.sect.active,li div.m-1-4.active{ background:#f8f8f8;}
div.m-1-4{line-height: 34px;margin-top:auto}
//.des{display:inline-block;}
.des p{color:rgba(0,0,0,0.8);text-align:left;margin-left:50.5%;padding:5px}
.des p .save_info{background-color:rgba(248, 105, 14,1);text-align:left；margin:10px}
</style>