@charset "UTF-8";
html{height:100%; font-family:'Microsoft YaHei', Arial, sans-serif;}
body{font-size:16px;
/* min-height:100%; */
 margin:0; padding:0;}
.navbar {
    background-color:#ffffff;
    height:100px;
    width:100%;
    margin-bottom:0px;
}

.container-fluid{
    width:100%;
    margin-left:0px;
}
.navbar-brand{
    margin-left:0px;
    padding:0px;}
  
.navbar-nav > li > a:hover{
	color: #ff0000;
}

#bs-example-navbar-collapse-1{
    float: left;
    position: absolute;
    top: 30px;
    left: 25%;
    font-size:20px; 
    color:#333333;

}
.navbar-nav > li {
	padding: 0 18px;
}

#bs-example-navbar-collapse-2{
    float: left;
    position: absolute;
    bottom: 18px;
    right: 13%;
    height: 100px;
     color:#333333;
}

#bs-example-navbar-collapse-3{
    float: right;
    position: absolute;
     color:#333333;
   bottom: 20px;
     right: 1%;
    height: 100px;
    font-size: 18px;
}


@media screen and (max-width:1600px) {
	#bs-example-navbar-collapse-1{
   
    left: 15%;
  

}
}



#bs-example-navbar-collapse-2  a:hover{
	color:#d61e1e;
}


.navbar-default .navbar-nav>li>a {
    color: #000000;
}


.navbar-default .navbar-nav>li a:hover {
    color: #008000;
    /* background-color: transparent; */
}


.nav > li:hover .dropdown-menu { 
	
	display: block;
	
	 }

.dropdown-menu{
    min-width:150px;
    font-size:15px;
    
    }
    
#bs-example-navbar-collapse-2 .dropdown-menu{
    min-width:90px;
    left:34px;
    font-size:17px;
}
    
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 4px solid\9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    
}
.dropdown-menu > li > a{
    padding:10px 0;
    text-align:center
}
.carousel-inner > .item > img{
    min-width:100%;
}
.container{
    width:1200px;
}
.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{
	margin-top:100px;
    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{
	
	width: 95%; 
	
	margin: 0 auto;
	
    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);
}

.panel.panel-default.join {  
    transition: transform 0.6s ease;  
}  
  
.panel.panel-default.join:hover {  
	cursor:pointer;
    -webkit-transform: scale(1.05);  
    transform: scale(1.05);   
}