body{
    padding:0px;
    margin:0px;
    font-family:"微软雅黑";
    
}
p{
    font-size:13px;
}
#flag{
    position: absolute;
    left:0px;
    top:0px;
    z-index: 30;
}
#slogin{
    
    color:#2c55cd;
    padding:10px 0px 10px 0px;
    background-image: url("../images/slogn_back.png");
    background-position: left top;
    background-repeat: repeat-x;
    
   
    height:75px;
   
        
}

#slogn-montain{
    
    background-image: url("../images/slogn_montain.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    
    height:75px;
}
#slogin_content{
   
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width:85%;
    color:#f94709;
    font-size:18px;
    font-weight: bold;
    font-family: arial,sans-serif;
}
@media screen and (max-width:414px){
    #slogin_content{
   
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width:85%;
    color:#f94709;
    font-size:13px;
    font-weight: bold;
}
}
#up_back{
  height: 650px; 
  background-image: url("../images/up_back.png");
  background-repeat:repeat-y;
  background-color: #9159d3;
  
}

@media screen and (max-width: 414px){
    #up_back{ 
    height: 850px; 
    }
 
}
#up{
    height: 650px;
    
    
   
    background-image: url("../images/global.png");
    background-position-x:90%;
    background-position-y: 40%;
    background-repeat: no-repeat;
    background-size: 40%;
    color:#ffffff;
        
}
@media screen and (max-width:414px){
   #up{
    height: 650px;
    
    
   
    background-image: url("../images/global.png");
    background-position-x:80%;
    background-position-y: 40%;
    background-repeat: no-repeat;
    background-size: 80%;
    color:#ffffff;
        
}
}
#upframe{
    background-image: url("../images/frame.png");
    height:650px;
}

#up #menu{
    width:85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    height:50px;
    text-align: right;
}
#up #menu span{
    margin-left: 20px;
}
#up #menu a:link{
    color:#ffffff;
    font-size:15px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
#up #menu a:visited{
    color:#ffffff;
     font-size:15px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
#up #menu a:hover{
    color:#ffe8a1;
     font-size:15px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
#up #head{
    width:85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-left: 0px;
    
    
    
}

@media screen and (max-width:414px){
 #up #head{
     width:85%;
    margin-left: auto;
    margin-right: auto;
   margin-top: 10px;
    padding-left: 0px;
 }
}

#up #head p{
    font-size:25px;
}

#up #head .pagelogo{
    width:70%;
}

#up #head .headtitle{
    width:400px;
    margin-top: 40px;
}
@media screen and (max-width:414px){
    #up #head .headtitle{
    width:300px;
    margin-top: 40px;
}
}

@media screen and (max-width:414px){
  #up #head .pagelogo{
    width:100%;
}  
}

#up .guid_block{
    margin-bottom: 10px;
    display: flex;
}
#up .guid_pointer{
    width:20px;
    font-size:20px;
}
#up .guid_block_content{
    padding-top: 0px;
}

#up #guid .guid_block_content p{
    
    margin-bottom: 10px;
    
}

#up #guid p.blocktitle{
    font-size:20px;
}
#up #guid{
    width:85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-left:50px;
        
   
}
@media screen and (max-width:414px){
    #up #guid{
   
    padding-left:20px;
        
   
}
}
/**
#up #guid .title{
    font-size:30px;
    font-wtight:bold;
}
**/
#up #guid .subtitle{
    font-size:25px;
    font-weight: bold;
    margin-bottom: 30px;
}
#up #guid p{
    font-size:15px;
    margin-bottom: 5px;
}

#up #guid a:link{
    color:#ffffff;
    text-decoration: underline;
}
#up #guid a:visited{
    color:#ffffff;
    text-decoration: underline;
}
#up #guid a:hover{
    color:#ffffff;
    text-decoration: underline;
}

#down{
    
}
.servicelist{
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
    width:85%;
        
}
@media screen and (max-width: 414px){
    .servicelist{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width:85%;
        
}
}
.serviceitem{
    background-color: #ffffff;
    border-radius: 10px;
    border:1px #cccccc solid;
    padding:30px 40px 5px 20px;
    min-height:350px;
    height:auto;
    margin-bottom: 20px;
    font-size:15px;
    word-wrap: break-word;
}

.serviceitem .title{
    font-weight: bold;
    font-size:17px;
    margin-bottom: 50px;
}
.servicelist .item1{
    background-color: #2640e9;
    background-image: url("../images/item1_back.png");
    background-repeat: repeat-x;
    min-height:350px;
    height:auto;
   
    
}
.servicelist .item1 .title{
    color:#ffffff;   
}
.servicelist .item1 li{
  color:#ffffff;   
}
.servicelist .item1 a:link{
    color:#ffffff; 
}
.servicelist .item1 a:visited{
    color:#ffffff; 
}
.servicelist .item1 a:hover{
    color:#ffffff; 
}
.servicelist .item1 .inner{
     background-image: url("../images/serviceitem_inde1.png");
     background-position: 90% 0%;
    background-repeat: no-repeat;
}
.servicelist .item2{
    
    background-image: url("../images/serviceitem_inde2.png");
    background-repeat: no-repeat;
    background-position: 90% 10%;
}
#special{
     margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    width:85%;
    padding-left:70px;
}

#footer{
    background-color: #ccccff;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 50px;
        
    
}
#friendurl{
     margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:85%;
    padding-left:70px;
    text-align: center;
}

.special_title{
    background-color: #999999;
    padding:2px 5px 2px 5px;
    border-radius: 3px;
    width:100px;
    color: #ffffff;
    text-align: center;
}
.specialitem_title{
     font-size:15px;
    font-weight: bold;
    color:#007bff;
    margin-bottom: 20px;
    margin-top: 20px;
}
.specialitem_title .a:link{
    font-size:15px;
    font-weight: bold;
    color:#2640e9;
}
.specialitem_title .a:visited{
    font-size:15px;
    font-weight: bold;
    color:#2640e9;
}
.specialitem_title .a:hover{
    font-size:15px;
    font-weight: bold;
    color:#f94709;
}
.specialitem_content{
    
}
.specialitem_content p{
    line-height: 20px;
    font-size:15px;
}