@charset "UTF-8";
html{height:100%; font-family:'Microsoft YaHei', Arial, sans-serif;}
body{font-size:16px; min-height:100%; margin:0; padding:0;}

.container-fluid{
    width:100%;
    margin-left:0px;}



.carousel-inner > .item > img{
    min-width:100%;
}
.container{
    width:100%;
}
.container h3{
    font-weight:bold;
    margin-bottom:-3px;
    margin-top:30px;
}
.mysubtitle{
    text-align:center;
/*     padding-left:0px;
    padding-right:0px; */
}
.row .mysubtitle hr{
    width:480px;
    border-top-color:#62B328;}
.row .mysubtitle p{
    font-size:14px;}
.col-xs-3  img{
    margin-top:20px;
    width:132px;
    height:132px;}
.case_img img{
    width:343px;
    height:257px;
    box-shadow: 2px 2px 2px #888;
    border-radius:6px;}
.footer{
    background:#eee;
    height:auto;
    font-size:14px;}
.footer_a a{
    color:#333;}
.footer_a a:hover{
    text-decoration:none;}
.about_banner img{
    width:100%;
    height:333px;}
.font_color{
    color:#99004d;}
.about .row{
    margin-left:0px;
    line-height:3;}
.left_list{
    list-style:none;
    margin-left:-50px;}
.left_list li{
    cursor:pointer;}
.left_list li:hover{
    background:#eee;
    border-left:solid 5px #ccc;
    color:#333;}
.left_active{
    background:#33cc33;
    border-left:solid 5px #009900;
    color:#fff;}
.right_content{
    border-top:solid 4px #00cc00;
    border-left:solid 1px #eee;
    padding-left:20px;
    padding-right:10px;
    clear:both;
    padding-bottom:1px;}
.right_content h3{
    margin-top:50px;
    margin-bottom:20px;}
.position{
    font-size:14px;
    float:right;
    margin-right:10px;}
#xzzq_c table td{
    line-height:2;}
#xzzq_c a{
    color:#333;
    text-decoration:none;}
.row p{
    line-height:2;
    text-indent:2em;}
#cases_border table tr td{
    border: 0px;}
#online_border{
    border-top:solid 4px #00cc00;}
#online_border img{
    width:100%;
    height:100%;}
#online_border table tr td{
    border:0;}
#online_border .panel{
    margin-top:30px;}
img{
    webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
    transition: transform .75s cubic-bezier(.19, 1, .22, 1);
    transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
}
.mysubtitle:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.pro img{
    transition:0.2s ease-out;
    -moz-transition:0.2s ease-out;
    -webkit-transition:0.2s ease-out;
    -o-transition:0.2s ease-out;
}
.pro:hover img{
    transform:rotate(360deg) scale(1.1);
    -ms-transform:rotate(360deg) scale(1.1);
    -moz-transform:rotate(360deg) scale(1.1);
    -webkit-transform:rotate(360deg) scale(1.1);
    -o-transform:rotate(360deg) scale(1.1);
}
.case:hover img,#online_border img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

 /* ????? */
 .carousel-inner .item {
     height: 100%;
     min-height: 300px; /* ?????????????? */
     background-color: #313332; /* ????? */
 }
 .carousel-inner .item img {
     /* width: 100%; */
     height: 100%;
     object-fit: cover; /* ????????? */
 }





  
  
.hexagon-container {  
	margin-right:120px;
    /* position: relative;   */
    /* width: 120px; */ /* ?????????????????????100% */  
   /*  height: 120px; */
    /* padding-bottom: 100px; */ /* sqrt(3)/2 * 100%??????????? */  
    /* overflow: hidden; */ /* ????????? ???????????????????????  */  
}  

.hexagon img {
    /* position: absolute;  */ 

    width: 103.33%; /* ????????????????  */  
    height: 103.33%;	
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% */
}  
   
.hexagon{  
    width: 100%;  
    height: 100%;  
    object-fit: cover; /* ??????????? */
     
}  
  
/* ???????????????? */  
/* .offset-hexagon {  
    transform: translateX(25%); ????????????25%??????????????  
    margin-left: -12.5%; ???????col-xs-6?????????????????????  
}  */
  
 


.hexagon-container img{
    transition:0.2s ease-out;

}
.hexagon-container:hover img{
    transform: scale(1.1);

}

.jdaldiv:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}