/******<<>>（https://www.wyeditor.com，免费软件欢迎下载使用） 样式文件*******/
html, body{margin:0cm;padding:0cm;height: 100%;width:100%}
a{color:#000000;text-decoration:none }  
a:visited{COLOR:#000000;TEXT-DECORATION:none }  
a:active{color:#000000;text-decoration:none }  
a:hover{color:#000000;text-decoration:underline }  

 /*导航部分*/ 
 .nav{width: 100%; height: 60px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; overflow: hidden; transition: 0.3s} 
 .nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);} 
 .nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s} 
 .nav .layui-container{position: relative; transition: all 400ms ease-out;} 
 .nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 60px;} 
 .nav .nav-list{display: inline-block; height: 60px;} 
 .nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 20px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;} 
 .nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;} 
 .nav .nav-list button span.spa1{transform: rotate(45deg);} 
 .nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);} 
 .nav .layui-nav{width: 100%; position: absolute; top: 60px; right: 0; color: #000; background: transparent;} 
 .nav .layui-nav .layui-nav-item{display: block; line-height: 60px;} 
 .nav .layui-nav *{font-size: 18px;} 
 .nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;} 
 .nav .layui-nav-bar, 
 .nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;} 
 .nav .layui-nav .layui-this a 
 ,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;} 
 /*小屏幕*/ 
 @media screen and (min-width: 768px){ 
   .nav{max-height: 60px;} 
   .nav.index{background: rgba(255, 255, 255 ,0.3);} 
   .nav .nav-list button{display: none;} 
   .nav .nav-logo{position: absolute; top: 0; left: 0;} 
   .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;} 
   .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 60px;} 
 } 
 @media screen and (min-width: 768px) and (max-width: 1024px){ 
   .nav .layui-nav .layui-nav-item{margin:0 33px;} 
 } 
 @media screen and (min-width: 1300px) { 
   .layui-container{width: 1200px; padding: 0;} 
   .nav .nav-logo{position: absolute; top: 0; left: 0;} 
   .layui-col-space80{margin: -40px;} 
   .layui-col-space80>*{padding: 40px;} 
 } 

.myanimLayCommPanel_767206{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes
 super-fadein{0%{opacity:0}100%{opacity:1}}@keyframes super-fadein{0%{opacity:0}100%{opacity:1}} 
 .anim-fadein{-webkit-animation-name:super-fadein;animation-name:super-fadein}  

.logo {
position:relative !important;
z-index:0;
width:230px;
height:65px;
outline: 0;
box-sizing:border-box;margin-top: -6px
}

.myanimlogo{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.myanimMenu_713292{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.indexpage {
position:absolute !important;
z-index:0;
left:29px;
width:91px;
top:0px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #indexpage:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.docpage {
position:absolute !important;
z-index:0;
left:128px;
width:100px;
top:0px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #docpage:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage {
position:absolute !important;
z-index:0;
left:239px;
width:100px;
top:0px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #examplepage:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.xupage {
position:absolute !important;
z-index:0;
left:314px;
width:100px;
top:25px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #xupage:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.Textarea_444330 {
position:absolute !important;
z-index:0;
left:0px;
width:213.5px;
top:-16px;
height:81px;
outline: 0;
background-color: #FFFFFF;
font-family: "宋体";
font-size: 12px;
border: 1px solid #EEEAEA;border-radius: 5px;box-sizing:border-box;visibility:hidden!important
}

.div_551664 {
position:relative !important;
z-index:0;
overflow:hidden;
left: 0%;
width:100%;
height:534px;
outline: 0;
background-color: #FFFFFF;
border:0px;box-sizing:border-box
}

.svg_160800 {
position:relative !important;
z-index:0;
left: 50%; 
width:115px;
margin-left: -57.5px; 
height:110px;
outline: 0;
box-sizing:border-box;margin-top: 20px
}

.svg_160800_img {
position:relative !important;
z-index:0;
left: 50%; 
width:115px;
margin-left: -57.5px; 
height:110px;
outline: 0;
font-family: "宋体";
font-size: 14px;
box-sizing:border-box;margin-top: 20px
}

.myanimsvg_160800{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes
 super-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes  
 super-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}} 
 .anim-scaleSpring{-webkit-animation-name:super-scale-spring;animation-name:super-scale-spring}  

.text_933227 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
outline: 0;
background-color: transparent;
font-size: 20px;
color: #800080;
font-weight: bold;text-align: justify;padding-left: 30px;padding-right: 30px;box-sizing:border-box;margin-top: 50px
}

.text_tb{overflow-x:hidden;overflow-y:hidden;display: table}
.myanimtext_933227{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.text_933227_b{font-weight: bold;text-align: justify;display: table-cell;vertical-align: middle;padding-left: 30px;padding-right: 30px}
.footer_title1 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
height:30px;
outline: 0;
background-color: transparent;
font-family: "微软雅黑";
font-size: 12px;
color: #808080;
text-align: center;box-sizing:border-box;margin-top: 50px
}

.footer_title1_b{text-align: center;display: table-cell;vertical-align: middle}
.footer_title {
position:relative !important;
z-index:0;
left:0px;
width:100%;
height:30px;
outline: 0;
background-color: transparent;
font-family: "微软雅黑";
font-size: 12px;
color: #808080;
text-align: center;box-sizing:border-box
}

.footer_title_b{text-align: center;display: table-cell;vertical-align: middle}
.text_711156 {
position:relative !important;
z-index:0;
left: 50%; 
width:144px;
margin-left: -72px; 
height:26px;
outline: 0;
background-color: transparent;
font-family: "Segoe UI";
font-size: 12px;
text-align: center;box-sizing:border-box
}

.text_711156_b{text-align: center;display: table-cell;vertical-align: middle}
.Textarea_77659 {
position:absolute !important;
z-index:0;
text-align:middle;
left:129px;
width:130px;
top:81px;
height:21px;
outline: 0;
background-color: transparent;
font-family: "宋体";
font-size: 12px;
border:0px;text-align: justify;border-radius: 5px;box-sizing:border-box
}