/* common css begin */
* {
    /*初始化样式*/
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    /*初始化样式*/
    margin: 0;
    padding: 0;
}
html {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}
body {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
 }
div {
    margin: 0;
    padding: 0;
    border: 0;
}
img{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}
a{
    text-decoration: none;
}
a:link{
    text-decoration: none;
    color: #fff;
}
a:visited{
    text-decoration: none;
    color: #fff;
}
a:hover{
    text-decoration: none;
    color: #fff;
    text-decoration: underline;
}

.ClearAll{    
    clear: both;
}
/* common css end */

body {
    background-color: #F0F0F0;    
    color: #000;
}
/* Menu css begin */
.HB_Menu{
    
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 1200px;
    height: 125px;
}
.HB_Menu_Left{
    float: left;
    background-color:#fff;
    padding-top: 45px; 
    width: 1050px;
    height: 80px;
}
.HB_Menu_Left_Logo{
    float: left;
    margin-left: 30px;
    width: 450px;
    height: 40px;
}
.HB_Menu_Left_List{
    float: left;
    margin-left: 0px;
    width: 560px;
    height: 40px;
}
.HB_Menu_Left_List a{
      
}
.HB_Menu_Left_List a:hover img{
    transform: translateY(-50px);
    filter: drop-shadow(#AB2D2B 0 50px);
     
}
.HB_Menu_Left_List UL{
    list-style: none;    
}
.HB_Menu_Left_List li{
    float: left;    
    width: 110px;
    height: 40px;
    overflow: hidden;
}
.HB_Menu_Left_List li:nth-child(1){
    float: left;    
    width: 95px;
}
.HB_Menu_Right{
    float: Right;
    width: 125px;
    background-color:#AB2D2B;    
    height: 125px;    
}
.HB_Menu_Right img{
    position: relative;
    top:50%;
    bottom:50%;
    left: 50%;
    right: 50%;
    margin-left: -25px;/*图片宽/2*/
    margin-top: -3px;/*图片高/2*/
}
/* Menu css end */
/* Home_Banner CSS begin*/
.Home_Banner_DIV{
    width:100%;
    background-image: url("../images/banner_BK.jpg");
    height: 400px;
    overflow: hidden;
}
.Home_Banner_Box{
    width:1200px;
    margin:0 auto;
    height: 400px;    
}
/* Home_Banner CSS end*/
/* Home_Expertize CSS */
.Home_Expertize{
    width: 1200px;
    margin:0 auto;
    height: 230px;
    background-color: #181818;
}
.Home_Expertize ul{
    list-style: none;
}
.Home_Expertize li{
    float: left;
    width: 300px;    
}
.Home_Exper_Box{
    width: 220px;
    margin-top: 40px;
    margin-left: 45px;
}
.Home_Exper_Box p{    
    margin-top: 20px;
    display: block; 
}
.Home_Exper_Box p a{        
    font-size: 14px;    
    color:#999999;
    line-height: 22px;
}
.Home_Exper_Box p a:hover{        
    font-size: 14px;    
    color:#FFFFFF;
    line-height: 22px;
    text-decoration: underline;    
    transition: all .4s;
}
/* Home_Expertize CSS end*/

/* Home_Cases CSS */
.Home_Cases{
    padding: 32px 40px;
    margin:0 auto;
    width: 1120px;
    height: auto;
    background-color: #FFFFFF;
}
.Home_Cases_Left{
    float: left;
    width: 259px;

}
.Home_Cases_Left p{    
    width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}
.Home_Cases_Left span{
    display: block;
    width: 127px;
    height: 47px;
    background-image: url("../images/home_BT1.png");
    font-size: 14px;
    color: #FFF;
    line-height: 47px;
    text-align:center;
}
.Home_Cases_Left span:hover{
    display: block;    
    background-image: url("../images/home_BT2.png");    
}
.Home_Cases_Right{
    float: left;
    width: 860px;
}
.Home_Cases_Right ul{
    list-style: none;    
}
.Home_Cases_Right li{
    float: left;
    width: 240px;
    height: 172px;
    overflow: hidden;
    margin-right: 63px;
    margin-bottom: 45px;
    border: 1px solid #AB2D2B;
    position: relative;
}
.Home_Cases_Right li:nth-child(3n+3){
    margin-right: 0px;
}
.Home_Cases_Right li img{
    position: absolute;
    width: 240px;
    height: 172px;   
 
}
.Home_Cases_Right li span{
    display: block;
    position: absolute;
    width: 240px;
    height: 40px;   
    background-color: #AB2D2B;
    color: #FFF;
    font-size: 14px;
    line-height: 40px;
    text-indent: 20px; 
    overflow: hidden; 
    
}
.Home_Cases_Right a span{    
    top: 172px;
    transition: all .4s;
}
.Home_Cases_Right a:hover span{    
    top: 132px;
    transition: all .4s;
}
.Home_Cases_Line{
    width: 100%;
    height: 10px;
    background-image: url("../images/Home_Line.png");
    margin-top: 30px;
}

/* Home_Cases CSS end*/

/* Home_Solutions CSS */
.Home_Solutions{
    padding: 32px 40px;
    margin:0 auto;
    width: 1120px;
    height: auto;
    background-color: #FFFFFF;
}
.Home_Solutions_Left{
    float: left;
    width: 350px;
}
.Home_Solutions p{    
    width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}
.Home_Solutions_Left span{
    display: block;
    width: 127px;
    height: 47px;
    background-image: url("../images/home_BT1.png");
    font-size: 14px;
    color: #FFF;
    line-height: 47px;
    text-align:center;
    transition: all .4s;
}
.Home_Solutions_Left span:hover{
    background-image: url("../images/home_BT2.png");    
    transition: all .4s;
}
.Home_Solutions_Right{
    float: left;
    width: 750px;
}
.Home_Solutions_Right ul{    
    list-style: none;
}
.Home_Solutions_Right li{    
    float: left;
    width: 220px;
    height: 250px;
    overflow: hidden;
    margin-right: 30px;
    position: relative;
}

.Home_Solutions_Right li:nth-child(4){        
    margin-right: 0px;    
}
.Home_Solutions_Right li p{    
    color:#2A2A2A;
    font-size: 16px;
    font-family: "微软雅黑,黑体";
    font-weight: bold;
}
.Home_Solutions_Right li span{    
    color:#9d9d9d;
    font-size: 14px;
    font-family: "宋体";  
    transition: all .4s;  
}
.Home_Solutions_Right li:hover span{    
    color:#000;
    transition: all .4s;
    text-decoration: underline;
}
/* Home_Solutions CSS end*/
/* Home_Parters CSS*/
.Home_Parters{
    padding: 32px 40px;
    margin:0 auto;
    width: 1120px;
    height: auto;
}
.Home_Parters ul{    
    list-style: none;
    width:1000px;
    margin-left:70px;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 160px;
}
.Home_Parters li{    
    float: left;
    width: 250px;
    height: 70px;
    position: relative;
}
/* Home_Parters CSS end*/
/* Home_Infos CSS */
.Home_Infos{
    width: 100%;
    background-color:#333; 
    height: auto;
}
.Home_Infos_Box{
    padding: 32px 40px;
    margin:0 auto;
    width: 1120px;
    height: 220px; 
}
.Home_Infos_Left{
    float: left;
    width: 120px;
    margin-top: 30px;
}
.Home_Infos_Left ul{
    list-style: none;
    width: 90px;  
}
.Home_Infos_Left li{  
    float: left;  
    width: 40px;
    height: 40px;    
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #444444;
    transition: all .4s;
}
.Home_Infos_Left li:hover{      
    background-color: #AB2D2B;
    transition: all .4s;
    cursor: pointer;
}
.Home_Infos_Right{
    float: left;
    width: 960px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}
.Home_Infos_Right ul{
    list-style: none;
    width: 2400px;    
    margin-left: 0px;
    transition: all .4s;
}
.Home_Infos_Right li{    
    width: 220px;
    margin-right: 20px;
    float: left;

}
.Home_Infos_Right li h1{
    width: 100%;
    height: 1px;
    border: 0px;
    background-color: #444;
    margin-top: 10px;
    margin-bottom: 10px;   
}
.Home_Infos_Right li h2{
    float: left;
    display: block;
    width: 40px;  
    height: auto;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;    
    color: #666;
}
.Home_Infos_Right li span{
    float: left;
    display: block;
    width: 180px;  
    height: auto;
    line-height: 20px;
    color: #ccc;
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Home_Infos CSS end*/
/* Home_Bottoms CSS */
.Home_Bottoms{
    width: 100%;
    background-color:#181818; 
    height: 40px;
}
.Home_Bottoms_Box{
    width: 1200px;
    margin: 0 auto;   
    height: 40px;
}
.Home_Bottoms_imgBox{
    float: left;
    margin-top: 15px;
}
.Home_Bottoms_infoBox{
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #FFFFFF;
}
/* Home_Bottoms CSS end*/


/* Expertize_List CSS */
.Expertize_Banner_DIV{
    width:100%;
    background-image: url("../images/banner_BK.jpg");
    height: 400px;
    overflow: hidden;
}
.Expertize_Banner_Box{
    width:1200px;
    margin:0 auto;
    height: 400px;    
}
.Expertize_Title_Div{
    width: 1200px;
    margin:0 auto;
    height: 70px;    
    background-color: #181818;
    position: relative;
}
.Expertize_Title_Div img{
    position: absolute;
    top: 22px;
    left: 30px;
}

.Expertize_Title_Box{
    float: left;
    width: 400px;
    height: 100%;    
}
.Expertize_Title_Control{
    float: right;
    width: 700px;    
    height: 24px;    
    text-align: right;
    margin-top: 23px;
    margin-right: 40px;

}
.Expertize_Title_ControlWords{
    float: right;
    color: #fff;

}
.Expertize_Title_Control ul{    
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
.Expertize_Title_Control li{    
    margin: 0;
    padding: 0;
    float: left;
    height: 24px;
    line-height: 24px;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;    
    padding-left: 10px;    
    padding-right: 10px;
    color: #FFF;
    transition: all .5s;  
}
.Expertize_Title_Control li:hover{    
    background-color: #AD332A;
    cursor: pointer; 
    transition: all .5s;  
}
.NoControl{
    color: #999;
}

.Expertize_List_Div{    
    margin:0 auto;
    width: 1040px;
    height: auto;
    padding:70px 80px;
    background-color: #FFFFFF;
}
.Expertize_List_Div ul{        
    width: 1040px;
    height: auto;
    list-style: none;

}
.Expertize_List_Div li{        
    float: left;
    width:280px;
    height:380px;    
    margin-right:100px;

    margin-bottom:70px;
    position: relative;
}
.Expertize_List_Div li:nth-child(3n+3){        
    margin-right:0px;
}
.Expertize_List_Div li .BK{ 
    position: absolute;       
    left: 0;
    top: 0;
    z-index: 1;
}
.Expertize_List_Div li .Top{ 
    position: absolute;       
    opacity: 1;
    transition: all 0.5s;
    left: 0;
    top: 0;
    z-index: 2;
}
.Expertize_List_Div li:hover .Top{     
    opacity: 0;
    transition: all 0.5s;    
    
}
.Expertize_List_Div li .Type{ 
    margin-top: 23px;
    margin-left: 20px;
}
.Expertize_List_Div li p{ 
    position: absolute;  
    width: 100%;     
    height: 70px;
    background-image: url("../images/Expertize/Expertize_TitleBk.png");
    left: 0;
    top: 170px;
    z-index: 3;
}
.Expertize_List_Div li p img{ 
    position: relative;
    margin-top: 20px;
    text-indent: 20px;
}

.Expertize_List_Div li span{
    position: absolute;       
    left: 0;
    top: 260px;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #333;
}
.Expertize_List_Div li:hover span{    
    color: #000;
    text-decoration: underline;
}
.Expertize_List_Div .Expertize_List_BT{
    position: absolute;  
    top:340px;
    left: 0;
}
.Expertize_Button_More{
    display: block;    
    margin: 0;
    padding: 0;
    width:101px;
    height:37px;
    background-image: url("../images/BT_Small1.png");
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 37px; 
    cursor: pointer;   
    
}
.Expertize_Button_More:hover{    
    background-image: url("../images/BT_Small2.png");        
}
/* Expertize_List CSS end*/
/* Expertize_Type CSS */
.Expertize_Type_Div{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 170px;
    background-color: #444;
}
.Expertize_Type_Box{
    width: 1090px;
    padding-left: 70px;
    padding-top: 35px;
    height: auto;
}

.Expertize_Type_Box_Left{
    float: left;
    width: 380px;
    height: auto;
}
.Expertize_Type_Box_Left p{
    color: #fff;
    font-size: 14px;
    line-height: 20px;    
    margin-top: 20px;    
}
.Expertize_Type_Box_Right{
    float: right;
    width: 620px;
    height: auto;
}
.Expertize_Type_Box_Right ul{
    list-style: none;
}
.Expertize_Type_Box_Right li{
    float: right;
    margin-left: 20px;
}

.Expertize_TypeList_Div{
    position: relative;
    width: 1090px;
    height: auto;
    margin: 0 auto;
    padding-left: 70px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}
.Expertize_TypeList_Div ul{
    list-style: none;
}
.Expertize_TypeList_Div li{
    width: 100%;
    height: 205px;
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #777;
}

.Expertize_List_L1{
    float: left;
    width: 300px;
}
.Expertize_List_L1 img{
    border: solid 1px #FFF;
}
.Expertize_List_L1 img:hover{
    border: solid 1px #AB2D2B;
}
.Expertize_List_L2{
    float: left;
    width: 630px;
}
.Expertize_List_L3{
    float: left;
    width: 150px;

}
.Expertize_List_Title{
    font-size: 18px;
    color:#AB2C2B;
    width: 450px;
    height: 40px;
}
.Expertize_List_Title:Hover{
    text-decoration: underline;    
}
.Expertize_List_Content{
    font-size: 14px;
    line-height: 20px;
    color:#777;
    width: 450px;
    height: 100px;    
    
}
.Expertize_List_Content:Hover{
    text-decoration: underline;    
}
.Expertize_List_Date{
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color:#AAA;
    width: 450px;    
}
.Expertize_List_Custom{
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    color:#666;
    width: 450px;    
}
.Expertize_List_Key{
    font-size: 12px;
    color:#222;
}
.Expertize_List_KeyWords{
    margin-top: 10px;
    height: 110px;
}
.Expertize_List_KeyWords span{
    border-radius: 2px;
    border:1px solid #757575;
    height: 32px;
    color: #757575;
    line-height: 32px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

.Expertize_List_Control{
    width: 1200px;
    margin: 0 auto;
    height: 100px;
}
.Expertize_List_Control_Left{
    float: left;
    width: 930px;
    height: 60px;
    text-align: center;
}
.Expertize_List_Control_Right{
    float: left;
    width: 270px;    
    text-align: left;
    height: 40px; 
    font-size: 16px;
    color: #757575;
    padding-top: 10px;
}
.Expertize_List_Control_Left span{
    border:1px solid #ccc;
    height: 40px;
    color: #ccc;
    line-height: 40px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    margin-right: 30px;

}
.Expertize_List_Control_Left a{
    display: inline-block;    
}

.Expertize_List_Control_Left a span{
    border:1px solid #757575;
    height: 40px;
    color: #757575;
    line-height: 40px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    margin-right: 30px;
    background-color: #F4F4F4;
}
.Expertize_List_Control_Left a:hover span{
    color: #222;
    border:1px solid #222;
    line-height: 40px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    margin-right: 30px;
}
/* Expertize_Type CSS End*/

/* Aboutus_Div CSS Begin */
.Aboutus_Div{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: auto;
    background-color: #fff;
}
.Aboutus_LeftBox{
    float: left;
    width: 250px;
    height: 970px;
    background-color: #DDD;
}
.Aboutus_LeftBox ul{ 
    list-style: none;
    width: 100%;
    margin-top: 40px;
}
.Aboutus_LeftBox li{ 
    height: 40px;    
    width: 250px;
    margin-bottom: 20px;
}
.Aboutus_RightBox{
    float: left;
    width: 950px;
    height: 970px;
    background-color: #fff;
    background-image: url(../images/Aboutus/Aboutus_BK.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.Aboutus_Right_WordBox{
    margin-left: 40px;
    margin-top: 40px;
    width: 570px;
    height: auto;
    font-size: 16px;
    color: #000;
    
}
.Aboutus_Right_WordBox p{
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Aboutus_Right_WordBox H1{
    font-family: "微软雅黑","黑体";
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Aboutus_RightBox_HR{
    float: left;
    width: 950px;
    height: 970px;
    background-color: #fff;
    background-image: url(../images/Aboutus/Aboutus2_BK.jpg);
    background-repeat: no-repeat;
    background-position-y: bottom;

}
.Aboutus_Right_WordBox_HR{
    margin-left: 40px;
    margin-top: 40px;
    width: 810px;
    height: auto;
    font-size: 16px;
    color: #000; 
}
.Aboutus_Right_WordBox_HR H1{
    font-family: "微软雅黑","黑体";
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Aboutus_Right_WordBox_HR p{
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Aboutus_Right_WordBox_HR ul{
    list-style: none;
    margin: 0;
    padding: 0;    
}
.Aboutus_Right_WordBox_HR li{
    float: left;
    margin: 0;
    padding: 0;    
    height: 40px;
    line-height: 30px;
    width: 270px;
    font-weight: bold;
    
}
.Aboutus_Right_WordBox_HR a{
    color: #000;
}
.Aboutus_Right_WordBox_HR a:link{
    color: #000;
}
.Aboutus_Right_WordBox_HR a:hover{
    color: #000;
}
.Aboutus_Right_WordBox_Contact{
    margin-left: 40px;
    margin-top: 40px;
    width: 570px;
    height: auto;
    font-size: 16px;
    color: #000;
}
.Aboutus_Right_WordBox_Contact H1{
    font-family: "微软雅黑","黑体";
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Aboutus_Right_WordBox_Contact ul{
    list-style: none;
    margin: 0;
    padding: 0;   
}
.Aboutus_Right_WordBox_Contact li{
    margin: 0;
    padding: 0;    
    height: auto;
    line-height: 30px;
    width: 500px;  
    display: block;  
}

.Aboutus_Right_WordBox_Contact p{
    margin: 0;
    padding: 0;    
    height: 60px;
    line-height: 60px   ;
    width: 500px;
    font-weight: bold; 
    display: block;
}
.Aboutus_Right_WordBox_Contact Span{
    margin: 0;
    padding: 0;    
    height: 40px;
    line-height: 30px;
    width: 300px;
    display: block;
    float: left;
}
.Aboutus_Right_WordBox_Contact .Contact_Title{
    margin: 0;
    padding: 0;    
    height: 40px;
    line-height: 30px;
    width: 100px;
    font-weight: bold; 
    margin-right: 50px;
}
.Aboutus_Right_WordBox_Contact a{
    color: #000;
}
.Aboutus_Right_WordBox_Contact a:hover{
    color: #000;
    text-decoration: underline;
}
/* Aboutus_Div CSS End */

/* Font Style */
.Font_Color_Red{
    color: #DE0679
}
.Font_Color_Green{
    color: #00D8D8
}
.Font_Color_Orange{
    color: #FF4300
}
.Font_Color_LightBlue{
    color: #7B9DCB;
}
.Font_Color_LightGreen{
    color: #A5F100;
}

/* Font Style End*/