@charset "UTF-8";
html,body{width:100%;min-height:100%;margin:0px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: middle; }
a { color: #000; text-decoration: none; }
a:link, a:visited { text-decoration: none;  }
a:hover { text-decoration: underline; }
a, area {cursor: pointer;}
body { font-size: 12px; background-color: #fff; position: relative; }

/********************/
body{ width: 80%; background: url(../image/home_bg.png) center no-repeat; background-size:cover; overflow: hidden; position: relative; }
#logo_mini{ position: fixed; left:2%; top:2%; width:10rem; text-align: center; z-index: 11; }
#pc_home{ width:100%;  height:auto; margin-left:-10rem; position:relative; left:0; top:0; margin-top: -15%; text-align: center;  }
#home-1{width: 100%; position: relative;  margin-top:0;  }
#home_360reg{width: 100%;  position: fixed; left:0; top:-260px; opacity: 0.6; text-align: center; z-index: 5;}
#home_big{width: 100%; height: 100%;position: fixed; left:0; top:10%; opacity: 0.5; text-align: center; z-index: 6;}

#home_small{width: 100%; height: 100%;position: fixed; left:0; top:19%;  opacity: 0.5; text-align: center; z-index: 7;}
#home_circle{width: 100%; height: 100%;width: 100%;position: fixed; left:0; top:27%; opacity: 0.075; text-align: center; z-index: 8;}
#logo{ width: 100%; height: 100%;position: fixed; left:0; top:34%; opacity: 0.2; text-align: center; z-index: 10;}

#home_gy{ position: fixed; left: 50%; top: 35%;   margin-left: -285px; z-index: 11;}
#home_js{position:fixed; left: 50%; top: 35%; text-align: center; margin-left: -120px;  display: none; z-index: 11;}

#home_admin{position: fixed; left: 70%; top: 35%;   margin-left: -340px; display: none; z-index: 11;}
#home_admin p{ font-size: 24px;  color: #5E2E13; line-height: 18px;  font-family: "微软雅黑"; margin-top: 18px;}

#home_jscont{position: fixed; left: 50%; top: 55%;   margin-left: -340px; display: none; z-index: 11;}
#home_jscont p{width: 680px; line-height: 24px; text-indent: 2rem; text-align: left; font-size: 14px;}
#home_dt{position: fixed; left: 60%; top: 20%; text-align: center;  margin-left: -8rem; display: none; z-index: 11;}
#home_dtcont{position: fixed; left: 60%; top: 34%;   margin-left: -8rem; width:40%; overflow: hidden;  display: none; z-index: 11;}
#home_dtcont h3{ font-size: 20px; font-weight: bold; color: #5E2E13; font-family: "微软雅黑";}
#home_dtcont p{ font-size: 12px;  color: #5E2E13; line-height: 18px;  font-family: "微软雅黑"; margin-top: 18px;}
#home_dtcont ul li{ margin:15px 0; float: left;  }
#home_dtcontent{ position: fixed; z-index: 11; left: 10%; top: 10%; display: none; padding:60px 100px; overflow: hidden; width: 22%; height: 540px; background: #fff; z-index: 20007; box-shadow:0 0 2px 2px rgba(232,232,232,1);  overflow-y: hidden;  }
#home_dtcontent p{ text-shadow: none; text-align: left; line-height:24px; padding: 20px 0;  }
.dt_cos{position: absolute;z-index: 11; right: 10px; top: 10px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 1.7rem;   color: #a5a5a5; opacity: 0.5;  }
.row{ overflow: hidden; width: 100%;  }
.col1{ width: 20%; float: left; }
.col2{ width: 80%; float: left;}
.col2 h3{ padding-left:15px;  }
.col2 p{ padding-left:15px; }
#home_app{position: fixed;z-index: 11; left: 50%; text-align: center; top: 19%;   margin-left: -120px; display: none;}
#home_appcont{position: fixed;z-index: 11; left: 50%; top: 35%;   margin-left: -137px; display: none;}
#home_link{position: fixed; left: 50%;z-index: 11; top: 77%;   margin-left: -596px; display: none;}

#home_lx{position: fixed; left: 33%;z-index: 11; top: 19%; width: 10rem;  margin-left: -5rem; display: none;}
#home_lxcont{position: fixed; left: 33%;z-index: 11; top: 30%;   margin-left: -120px; display: none;}
#home_lxcont ul{ overflow: hidden; }
#home_lxcont ul li{ overflow: hidden; width: 100%; text-align: center; width: 220px; margin:30px 20px; }
#home_lxcont ul li i{ display: block; width: 60px; margin: 10px auto; }
#home_map{position: fixed;z-index: 11; top:8.5%; left: 40%; width: 680px; height: 640px; display: none;}

.home_bd{ position: fixed;z-index: 11; top: 50%; left: 50%; margin:-250px 0 0 -400px; width: 800px; height: 500px; background: #fff; border-radius: 12px; z-index: 20006; box-shadow:0 0 10px 10px rgba(170,170,170,0.6);  }
.home_form { position: fixed;z-index: 11; top: 0; left: 0; width: 100%; height: 100%; display: none; background: url(../image/home_formbg.png) center no-repeat; background-size:cover;  z-index: 20000; } 

#home_btn{ position: fixed;z-index: 11; top: 60%; left: 0; }
/*show黑层*/ 
.showbackdiv1 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(12, 8, 3, 0.8); display: none; z-index: 20000; } 
 /**/ 



#nav-1{position: fixed; right:2%; top:3%;z-index: 11; display: none;  }
#nav-1 ul{ overflow: hidden; }
#nav-1 ul li{ float: left; margin:0 10px; font-size:16px; list-style:disc; color: #00ADEA;  }
#nav-1 ul li{ float: left; margin:0 10px; font-size:16px; list-style:disc; color: #00ADEA;  }
#nav-1 ul li a{ display: block; margin-right: 5px; font-size:16px; text-decoration: none; }
#nav-1 ul li:nth-child(1){ list-style: none;  }


#nav{position: fixed; left: 50%; top:50%;z-index: 11;  margin-left: -390px;   }
#nav ul{ overflow: hidden; }
#nav ul li{ float: left; margin:0 38px;  }
#home_copy{ position: fixed; width: 100%; left: 0; bottom:3%;z-index: 11;   text-align: center; opacity: 0.8; }


.home_circle{   
    
        animation:home_circle 14s infinite linear ;
        -ms-animation:home_circle 14s infinite linear ;   /* IE 9 */
        -webkit-animation:home_circle 14s infinite linear ;   /* Safari and Chrome */
        -o-animation:home_circle 14s infinite linear ;   /* Opera */
        -moz-animation:home_circle 14s infinite linear ;  /* Firefox */
}
@keyframes home_circle {
    0%{
        
      
        
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);       /* IE 9 */
        -webkit-transform: rotate(0deg);   /* Safari and Chrome */
        -o-transform: rotate(0deg);        /* Opera */
        -moz-transform: rotate(0deg);      /* Firefox */
      
    }
    50%{
       
         transform: rotate(180deg);
        -ms-transform: rotate(180deg);       /* IE 9 */
        -webkit-transform: rotate(180deg);   /* Safari and Chrome */
        -o-transform: rotate(180deg);        /* Opera */
        -moz-transform: rotate(180deg);      /* Firefox */
       
    }
    100%{
       
         transform: rotate(360deg);
        -ms-transform: rotate(360deg);       /* IE 9 */
        -webkit-transform: rotate(360deg);   /* Safari and Chrome */
        -o-transform: rotate(360deg);        /* Opera */
        -moz-transform: rotate(360deg);      /* Firefox */

        
    }

}
.home_360reg{   
    
    animation:home_360reg 50s infinite linear ;
        -ms-animation:home_360reg 50s infinite linear ;   /* IE 9 */
        -webkit-animation:home_360reg 50s infinite linear ;   /* Safari and Chrome */
        -o-animation:home_360reg 50s infinite linear ;   /* Opera */
        -moz-animation:home_360reg 50s infinite linear ;  /* Firefox */
}
@keyframes home_360reg {
    0%{

        transform: rotate(0deg);
        -ms-transform: rotate(0deg);       /* IE 9 */
        -webkit-transform: rotate(0deg);   /* Safari and Chrome */
        -o-transform: rotate(0deg);        /* Opera */
        -moz-transform: rotate(0deg);      /* Firefox */
      
    }
    50%{
       
         transform: rotate(180deg);
        -ms-transform: rotate(180deg);       /* IE 9 */
        -webkit-transform: rotate(180deg);   /* Safari and Chrome */
        -o-transform: rotate(180deg);        /* Opera */
        -moz-transform: rotate(180deg);      /* Firefox */
       
    }
    100%{
       
         transform: rotate(360deg);
        -ms-transform: rotate(360deg);       /* IE 9 */
        -webkit-transform: rotate(360deg);   /* Safari and Chrome */
        -o-transform: rotate(360deg);        /* Opera */
        -moz-transform: rotate(360deg);      /* Firefox */

        
    }

}
.home_big{  
  

      animation:home_big 9s infinite linear ;
        -ms-animation:home_big 9s infinite linear ;    /* IE 9 */
        -webkit-animation:home_big 9s infinite linear ;   /* Safari and Chrome */
        -o-animation:home_big 9s infinite linear ;    /* Opera */
        -moz-animation:home_big 9s infinite linear ;  /* Firefox */
}
@keyframes home_big {
    0%{
        
          
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);       /* IE 9 */
        -webkit-transform: rotate(0deg);   /* Safari and Chrome */
        -o-transform: rotate(0deg);        /* Opera */
        -moz-transform: rotate(0deg);      /* Firefox */
      
    }
    50%{
        
         transform: rotate(180deg);
        -ms-transform: rotate(180deg);       /* IE 9 */
        -webkit-transform: rotate(180deg);   /* Safari and Chrome */
        -o-transform: rotate(180deg);        /* Opera */
        -moz-transform: rotate(180deg);      /* Firefox */
       
    }
    100%{
          transform: rotate(360deg);
        -ms-transform: rotate(360deg);       /* IE 9 */
        -webkit-transform: rotate(360deg);   /* Safari and Chrome */
        -o-transform: rotate(360deg);        /* Opera */
        -moz-transform: rotate(360deg);      /* Firefox */
        
    }

}
.home_small{  
  


        animation:home_small 6s infinite linear ;
        -ms-animation: home_small 6s infinite linear ;      /* IE 9 */
        -webkit-animation: home_small 6s infinite linear ;   /* Safari and Chrome */
        -o-animation: home_small 6s infinite linear ;      /* Opera */
        -moz-animation: home_small 6s infinite linear ;    /* Firefox */


}
@keyframes home_small {
    0%{          
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);       /* IE 9 */
        -webkit-transform: rotate(0deg);   /* Safari and Chrome */
        -o-transform: rotate(0deg);        /* Opera */
        -moz-transform: rotate(0deg);      /* Firefox */
      
    }
    50%{
      transform: rotate(180deg);
        -ms-transform: rotate(180deg);       /* IE 9 */
        -webkit-transform: rotate(180deg);   /* Safari and Chrome */
        -o-transform: rotate(180deg);        /* Opera */
        -moz-transform: rotate(180deg);      /* Firefox */
       
    }
    100%{
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);       /* IE 9 */
        -webkit-transform: rotate(360deg);   /* Safari and Chrome */
        -o-transform: rotate(360deg);        /* Opera */
        -moz-transform: rotate(360deg);      /* Firefox */
        
    }

}