@charset 'utf-8';
body,h1,h2,h3,p,ul,ol,form,fieldset,figure,dl,dt,dd {margin: 0;padding: 0;}
div,figure,img,input,button {box-sizing: border-box;}
img { border:none;}

ul,ol {	list-style: outside none none;}
a {	text-decoration: none; border:none; color:#202020;}
.none {	display: none;}
.clearfix:after{   content:".";  height:0;  visibility:hidden;   display:block;   clear:both;  }
.al_1920_440{
    width: 100%;
}
.al_1920_55{
    border: 1px solid #333333;
    width: 100%;
    height: 55px;
    background-color: #333333;
    position: relative;
   top:-4px;
}
.al_1200_30{
    border:0px solid red;
    width: 1200px;
    height: 40px;
    margin: auto;
    margin-top: 15px;
}
.al_250_30 li{
    border: 0px solid red;
    width: 88px;
    height: 30px;
    float: left;
    list-style-type:none;
}
#sy{
    border: 0px solid red;
    width: 300px;
    height: 0px;
    position: relative;
    top: 5px;
    left: -20px;
    overflow: hidden;
    z-index: 999;
}
#sy ul{
    float: left;
   margin-top: 10px;
    margin-left: 10px;
}
#fz{
    width:280px;
    height: 0px;
    position: relative;
    top: 5px;
    left: -20px;
    overflow: hidden;
    z-index: 999;
}
#fz li{
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    text-align: center;

}

#dz{
    width: 300px;
    height: 1px;
    position: relative;
    top: 5px;
    left: -20px;
    overflow: hidden;
    z-index:999;
}
#dz ul{
    float: left;
    margin: 10px ;
}
 .sy:hover #sy{
     height: 180px;
     background-color: #ffffff;
     transition: 1s all;
}
.fz:hover #fz{
    height: 140px;
    background-color: #ffffff;
    transition: 1s all;
}
.dz:hover #dz{
    height: 120px;
    background-color: #ffffff;
    transition: 1s all;
}
.al_1920_1340{
    border: 1px solid #EFEFEF;
    width: 100%;
    height: 1800px;
margin-top: -4px;
    background-color: #EFEFEF;
}
.al_1200_1300{
    border: 0px solid red;
    width: 1200px;
    height: 1300px;
    margin: auto;
    margin-top: 40px;
}
.al_1200_110{
    border: 0px solid red;
    width: 1200px;
    height: 110px;
overflow: auto;
overflow: hidden;
}
.al_1200_80{
    border: 1px solid #E9E9E9;
    width: 1200px;
    height: 80px;
    background-color: #FAFAFA;

}
.al_685_45{
    border: 0px solid red;
    width: 685px;
    height: 45px;
    position: relative;
    left: 470px;
    top: -100px;
}

.al_685_45 input[type="text"]{
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    border-top: 2px solid #F1F1F1;
    width: 125px;
    height: 45px;
    border-radius: 3px;
    margin-right: 35px;
    outline:none;
}
.al_685_45 button[type="submit"]{
    border: none;
    width: 155px;
    height: 45px;
    outline:none;
    border-radius: 3px;
    background-color: #E0B2A2;
    color: #FFFFFF;
    font-size: 18px;
    position: relative;

}
.al_1200_1020{
    border: 0px solid red;
    height: 1720px;
    width: 1270px;
    position: relative;

}
.al_1200_al1{
    border: 0px solid red;
    height: 1050px;
    width: 1270px;
    position: relative;
}
.al_352_312{
    border: 1px solid #FBFBFB;
    background-color: #FFFFFF;
    height: 312px;
    width: 352px;
    border-radius: 12px;
    float: left;
   margin-right: 70px;
    margin-top: 37px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.al_352_235{
    border: 0px solid red;
    height: 235px;
    width: 352px;
}
.al_302_50{
    border: 0px solid red;
    height: 50px;
    width: 302px;
    margin: auto;
    margin-top: 14px;
}
.alny_1200_1630{
    border: 0px solid red;
    width: 1200px;
    height: 1690px;
    margin: auto;
}
.alny_1200_30{
    border: 0px solid red;
    width: 1200px;
    height: 30px;
    background-color: #F5F5F5;
    margin-top: 50px;
}
.alny_1200_30 p{
    font-size: 18px;
    line-height: 28px;
}
.alny_1200_1530{
    border: 0px solid red;
    width: 1200px;
    height: 1530px;
    margin-top: 30px;
}
.alny_860_1530{
    border: 0px solid red;
    width: 860px;
    height: 1520px;
    float: left;
}
.alny_280_1306{
    border: 0px solid red;
    width:280px;
    height: 1306px;
    margin-left: 58px;
    float: left;
}
.alny_860_208{
    border: 0px solid red;
    width:860px;
    height: 208px;
}
.alny_860_45{
    border: 0px solid red;
    width:860px;
    height: 45px;
}
.alny_860_66{
    border: 1px solid #D8D8D8;
    border-left: none;
    border-right: none;
    width:860px;
    height: 66px;
}
.alny_860_98{
    border: 0px solid red;
    width:860px;
    height: 96px;
}
.alny_860_748{
    border: 0px solid red;
    width:860px;
  
    background-color: #FBFBFB;
}
.alny_860_663{
    border: 1px solid #D9E0EA;
    width:860px;
    height: 635px;
}
.alny_700_500{
    border: 0px solid red;
    width:700px;
    height: 500px;
    margin: auto;
    margin-top: 25px;
}
.alny_740_70{
    border: 0px solid red;
    width:740px;
    height: 70px;
    margin: auto;
    margin-top: 30px;
}
.alny_860_86{
    border: 0px solid red;
    width:860px;
    height: 86px;
    background-color: #EEEEEE;
}
.alny_60_86{
    border: 0px solid red;
    width:45px;
    height: 85px;
    float: left;
}
.alny_70_60{
    border: 1px solid red;
    width:66px;
    height: 60px;
    float: left;
    margin-top: 15px;
    margin-left: 18px;
}
.alny_60_85{
    border: 1px solid red;
    width:40px;
    height: 85px;
    float: left;
    margin-left: 17px;
}
.alny_860_42{
    border: 0px solid red;
    width:860px;
    height:42px;
    margin-top: 45px;
    background-color: #91C4C0;
    font-size: 18px;
    color: #ffffff;
    line-height: 40px;
}
.alny_860_455{
    border: 0px solid red;
    width:885px;
    height:455px;
    margin-top: 30px;
}
.alny_274_218{
    border: 0px solid red;
    width:274px;
    height:218px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.alny_280_483{
    border: 1px solid #DBDBDB;
    width:280px;
}
.shejishi{
    margin-top: 80px;
    margin-bottom: 20px;
}
.alny_280_40{
    width:280px;
    height:38px;
    background-color: #94C4C0;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
}
.alny_280_65{
    border: 0px solid red;
    width:280px;
    height:65px;
}
.alny_215_198{
    border: 0px solid red;
    width:215px;

    margin: auto;
}
#alny-record-form{
    width:250px;
   margin: auto;
    margin-top: 22px;
}
#alny-record-form input[type='text']{
    width:250px;
    height:30px;
    margin: auto;
    margin-top: 10px;
}
#alny-record-form .button{
    border: none;
    width:250px;
    height:42px;
    background-color: #E0655D;
    margin-top: 18px;
    color: #ffffff;
    font-size: 17px;
}
.alny_280_460{
    border: 1px solid #DBDBDB;
    width:280px;
    height:460px;
    margin-top: 25px;
}
/*3D¡ª¡ªcss*/
.d_120_40{
    border: 0px solid red;
    width: 120px;
    height: 35px;
    background-color: #FFB400;
    border-radius: 17px;
    line-height: 35px;
  }
.al_377_458{
    border: 0px solid red;
    width: 380px;
    height: 458px;
    margin-right: 34px;
    float: left;
    margin-top: 34px;
    background-color: #fff;
    overflow: hidden;
}
.al_x_x{
    width: 380px;
    height: 40px;
    background-image: url("../3d_img/3D_3.jpg");
    background-repeat: no-repeat;
    background-position:0px 60px;
    margin-top: 10px;
    transition: 1s all;
}

.al_377_458:hover .al_x_x{
    background-position:0px 0px;
    height: 40px;
    transition: 1s all;

}
.al_377_313{
    border: 0px solid red;
    width: 380px;
    height: 313px;
    overflow: hidden;

}
.al_377_313 img{
    border: 0px solid red;
    width: 376px;
    height: 310px;
}
.al_377_458:hover .al_x_p p{
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    transition: 1s all;
}
.al_377_458:hover .hh1{
   color: #3F4F9B;
}
.al_x_p p{
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    transition: 1s all;
}



.al_384_283{
   /* border: 2px solid #D6CBC4;
    width: 336px;
    height: 283px;
    margin: auto;
    position: relative;
    top: -300px;*/

    width:336px;
    height:283px;
    margin: auto;
    position: relative;
    top: -610px;
    transform:translate(0px,0px)rotate(0deg);
    border: 2px solid #D6CBC4;
    /*transition:transform 2s;*/
    transition: 0.5s all;
}
.al_377_458:hover .al_384_283{
    border: 2px solid #D6CBC4;
    top: -300px;
    transform:translate(0px,0px)rotate(180deg);
    /*transform:rotate(0deg);*/
    transition: 0.5s all;
    z-index: 8;
}
.al_377_458:hover img{
   opacity: 0.9;
}