﻿/******<<网页设计器 V1.9>>（http://www.eyoue.com） 样式文件*******/
.Laytopmenupanel{
overflow: visible!important
}

.visiblehidden{
overflow: visible!important
}
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_1{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}  

.img_840342 {
position:relative !important;
z-index:0;
width:200px;
height:65px;
outline: 0;
box-sizing:border-box;margin-top: -3px
}

.myanimimg_840342{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.myanimMenu_1{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fclwh a{color:black!important;font-size: 15px!important;}
.fclwh a:hover{color:black!important;font-size: 15px!important;}
.indexpage1 {
position:absolute !important;
z-index:0;
left:29px;
width:91px;
top:0px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #indexpage1:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.xupage2 {
position:absolute !important;
z-index:0;
left:155px;
width:110px;
top:3px;
height:384px;
outline: 0;
box-sizing:border-box
}

 #xupage2:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage2 {
position:absolute !important;
z-index:0;
left:2px;
width:100px;
top:3px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage2:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage3 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:34px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage3:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage4 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:67px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage4:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage5 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:99px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage5:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage6 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:129px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage6:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage7 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:156px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage7:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage13 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:183px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage13:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage8 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:224px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage8:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage9 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:250px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage9:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage10 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:273px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage10:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage11 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:303px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage11:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage12 {
position:absolute !important;
z-index:0;
left:0px;
width:100px;
top:335px;
height:26px;
outline: 0;
background-color: transparent;
box-sizing:border-box;margin-left: 20px;margin-right: 20px
}

 #examplepage12:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.examplepage1 {
position:absolute !important;
z-index:0;
left:415px;
width:101px;
top:6px;
height:20px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

 #examplepage1:Hover 
 { 
 background-color:  !important; outline: 0; 

}
.Textarea_1 {
position:relative !important;
z-index:0;
left:608px;
width:427.5px;
height:143px;
outline: 0;
background-color: #FFFF00;
font-family: "宋体";
font-size: 12px;
border: 1px solid #EEEAEA;text-align: justify;border-radius: 5px;box-sizing:border-box
}

.topspace {
position:relative !important;
z-index:100;
overflow:hidden;
width:100%;
height:55px;
outline: 0;
background-color: #F5F5F5;
border: 1px solid #F2F2F2;box-sizing:border-box
}

.H11 {
position:relative !important;
z-index:0;
width:100%;
outline: 0;
background-color: transparent;
font-size: 35px;
font-weight: bold;padding-left: 5px;padding-right: 5px;box-sizing:border-box;margin-top: 40px;text-indent:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
background-image:url("../images/32.jpg");background-repeat: no-repeat;background-size:contain;
}

.text_tb{overflow-x:hidden;overflow-y:hidden;display: table}
.H11_b{font-weight: bold;display: table-cell;vertical-align: bottom;padding-left: 5px;padding-right: 5px}
.H21 {
position:relative !important;
z-index:0;
width:100%;
outline: 0;
background-color: #FAFAFA;
font-size: 20px;
color: #00BFBF;
font-weight: bold;text-align: justify;padding-left: 10px;padding-top: 10px;padding-right: 5px;padding-bottom: 10px;box-sizing:border-box;margin-top: 30px
}

 #button_663377:Hover 
 { 
 background-color: #FFB997 !important; outline: 0;transition:all 1s linear;

}
 #button_663377:focus 
 { 
 background-color: #A4FFA4 !important; outline: 0; transition:all 1s linear;

}
.button_663377 {
position:absolute !important;
z-index:0;
right: 5px;
width:104px;
top:4px;
height:30px;
outline: 0;
background-color: #FF8000;
font-family: "宋体";
font-size: 15px;
color: #FFFFFF;
border:0px;font-weight: bold;border-radius: 5px;box-sizing:border-box;margin-top: 5px
}

.img_2 {
position:relative !important;
z-index:0;
left: 50%; 
width:618px;
margin-left: -309px; 
height:180px;
outline: 0;
box-sizing:border-box;margin-top: 20px
}

.img_2_img {
position:relative !important;
z-index:0;
text-align: type="button";
left: 0px;
width:618px;
top: 0px;
height:180px;
outline: 0;
font-family: "宋体";
font-size: 14px;
border:0px;box-sizing:border-box
}

.myanimimg_2{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.div_471141 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
outline: 0;
background-color: transparent;
border:0px;box-sizing:border-box;margin-left: 0px
}

.text_50995 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
height:70px;
outline: 0;
background-color: transparent;
font-family: "黑体";
font-size: 22px;
text-align: center;box-sizing:border-box;margin-top: 50px;letter-spacing:1px;text-indent:20px
}

.myanimtext_50995{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.text_50995_b{text-align: center;display: table-cell;vertical-align: middle}
.text_727145 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
outline: 0;
background-color: transparent;
font-family: "宋体";
font-size: 12px;
font-weight: bold;text-align: center;padding-bottom: 10px;box-sizing:border-box;margin-top: 10px;text-indent:20px
}

.myanimtext_727145{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.div_589602 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
height:162px;
outline: 0;
background-color: #FFFFFF;
border:0px;box-sizing:border-box;margin-top: 30px;margin-bottom: 30px
}

.div_741570 {
position:absolute !important;
z-index:0;
left: 50%; 
width:262px;
margin-left: -131px; 
top:0px;
bottom: 1px;
outline: 0;
background-color: #FFFFFF;
border:0px;box-sizing:border-box
}

.myanimdiv_741570{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.img_990557 {
position:absolute !important;
z-index:0;
left:81px;
width:95px;
top:3px;
height:94px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

.img_990557_img {
position:relative !important;
z-index:0;
text-align:middle;
left: 0px;
width:95px;
top: 0px;
height:94px;
outline: 0;
background-color: transparent;
font-family: "宋体";
font-size: 14px;
border:0px;box-sizing:border-box
}

.text_995949 {
position:absolute !important;
z-index:0;
left:56px;
width:150px;
top:98px;
height:50px;
outline: 0;
background-color: transparent;
font-family: "仿宋";
font-size: 20px;
color: #008000;
font-weight: bold;text-align: center;box-sizing:border-box
}

.text_995949_b{font-weight: bold;text-align: center;display: table-cell;vertical-align: middle}
.myanimdiv_477828{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.img_996997 {
position:absolute !important;
z-index:0;
left:81px;
width:95px;
top:7px;
height:94px;
outline: 0;
background-color: transparent;
box-sizing:border-box
}

.img_996997_img {
position:relative !important;
z-index:0;
text-align:middle;
left: 0px;
width:95px;
top: 0px;
height:94px;
outline: 0;
background-color: transparent;
font-family: "宋体";
font-size: 14px;
border:0px;box-sizing:border-box
}

.text_215570 {
position:absolute !important;
z-index:0;
left:56px;
width:150px;
top:101px;
height:50px;
outline: 0;
background-color: transparent;
font-family: "仿宋";
font-size: 20px;
color: #008000;
font-weight: bold;text-align: center;box-sizing:border-box
}

.text_215570_b{font-weight: bold;text-align: center;display: table-cell;vertical-align: middle}
.footer_title2 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
height:24px;
outline: 0;
background-color: transparent;
font-family: "微软雅黑";
font-size: 12px;
color: #00FFFF;
text-align: center;box-sizing:border-box;margin-top: 50px
}

.footer_title2_b{text-align: center;display: table-cell;vertical-align: middle}
.toddf {
position:absolute !important;
z-index:0;
width:100%;
top:0px;
outline: 0;
background-color: transparent;
border:0px;box-sizing:border-box;margin-top: 0px
}

.myanimtoddf{display:inline-block;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.text_726346 {
position:relative !important;
z-index:0;
width:150px;
height:30px;
outline: 0;
background-color: transparent;
font-size: 18px;
color: #008080;
font-weight: bold;text-align: justify;box-sizing:border-box
}

.text_726346_b{font-weight: bold;text-align: justify;display: table-cell;vertical-align: middle}
.UL_428377 {
position:relative !important;
display:flex;
z-index:0;
width:100%;
outline: 0;
background-color: transparent;
font-family: "Segoe UI";
font-size: 12px;border:0px;padding-top: 5px;box-sizing:border-box;margin: 0px;
list-style-type:disc;
list-style-position:inside
}

.LI_232715 {
position:relative !important;
display:inline-block;
z-index:0;
outline: 0;
background-color: transparent;
font-family: "Segoe UI";
font-size: 12px;border-left:0px;border-top:0px;border-right:0px;border-bottom:0px;padding-left: 10px;box-sizing:border-box
}

.lnk1 {
position:relative !important;
z-index:0;
height:30px;
outline: 0;
background-color: transparent;
font-size: 14px;
text-align: justify;box-sizing:border-box
}

.footer_title {
position:relative !important;
z-index:0;
left:0px;
width:100%;
height:28px;
outline: 0;
background-color: transparent;
font-family: "微软雅黑";
font-size: 12px;
color: #00FFFF;
text-align: center;box-sizing:border-box
}

.footer_title_b{text-align: center;display: table-cell;vertical-align: middle}
.footer_title3 {
position:relative !important;
z-index:0;
left:0px;
width:100%;
height:24px;
outline: 0;
background-color: transparent;
font-family: "微软雅黑";
font-size: 12px;
color: #00FFFF;
text-align: center;box-sizing:border-box;margin-top: 0px
}

.footer_title3_b{text-align: center;display: table-cell;vertical-align: middle}
@media screen and (min-width: 0px) and (max-width: 768px){ 
.Laytopmenupanel {
overflow: hidden!important
}
} 

@media screen and (min-width: 768px) and (max-width: 1024px){ 
.Laytopmenupanel {
overflow: hidden!important
}
} 

