.container { width: 1170px !important; max-width: none !important; }
ul,li{list-style-type:none;}

a{color:#000;}
a:hover,a:active{text-decoration:none;color:#ff6600;}

.tc-gridbox .body a:hover {
    color: #ff6600;
}
.ri{font-size:14px;color:#ACA6A6;}
/*背景渐变*/
.gradient{
    
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cccccc,endcolorstr=#827e7e,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cccccc,endcolorstr=#827e7e,gradientType=0);/*IE8*/	
    background:#cccccc; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #cccccc, rgba(44, 44, 44, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cccccc), to(rgba(44, 44, 44, 0.5)));  
    background:-o-linear-gradient(top, #cccccc, rgba(44, 44, 44, 0.5)); 
}


.height40{height:40px;}
.height50{height:50px;}
.navbar .nav > li > a {
    float: none;
    padding: 16px 46px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
	text-align: center;
	line-height: 24px;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(102,102,102,0.5);

}
.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0;

}

.navbar-inner {
    min-height: 52px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fff;
    background-image: -moz-linear-gradient(top,#fff,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
    background-image: -webkit-linear-gradient(top,#fff,#fff);
    background-image: -o-linear-gradient(top,#fff,#fff);
    background-image: linear-gradient(to bottom,#fff,#fff);
    background-repeat: repeat-x;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffffffff',GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
}

.ranking .unstyled li a{color:#fff;}
.ranking .unstyled li a:hover{background: #fff;color:#000;}
.tc-box .ranking .unstyled li .hover{background: #fff;color:#000;}

.hove-2 li a:hover{color:#ff6600;}
.hover2{color:#ff6600;}
.hove-3 li a:hover{color:#ff6600;}
.hover3{color:#ff6600;}

body.body-white{ background:url(../images/bj.jpg) repeat-y center;}

.h-h2::after, .h-h2::before {
    display: inline-block;
    height: 1px;
    background-color: #ccc;
    margin: 0;
    padding: 0;
    content: "";
    width: 60px;
    margin: 10px 20px;
}

.about p.m-sm.xx {
    margin: 10px 0 0 0;
    padding-bottom: 40px;
    
}
.m-sm {
    display: block;
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 40px 0;
    color: #999;
}


a.btn-title {
    text-align: center;
    font-size: 14px;
    padding: 4px 15px;
    margin: 25px 4px 0 4px;
    color: #777;
    border: 1px solid #ccc;
    border-radius: 7px;
    display: inline-block;
    background:#ccc; 
}
a.btn-title:hover, li.hover a.btn-title {
    background-color: #999;
    border: 1px solid #999;
    color: #fff;
    text-decoration: none;
}

a.btn-title1 {
    text-align: center;
    font-size: 14px;
    padding: 4px 15px;
    margin: 25px 4px 0 4px;
    color: #fff;
    border: 1px solid #ff6600;
    border-radius: 7px;
    display: inline-block;
    background:#ff6600; 
}
a.btn-title1:hover, li.hover a.btn-title1 {
    background-color: #666;
    border: 1px solid #666;
    color: #fff;
    text-decoration: none;
}

.tc-gridbox .header img {
    margin-bottom: 5px;
    -webkit-transition: scale(1.1,1.1);
    -moz-transition: scale(1.1,1.1);
    -o-transition: scale(1.1,1.1);
    -ms-transition: scale(1.1,1.1);
    transition: scale(1.1,1.1);
}
.x_z img{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
  
.x_z a:hover img{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.case-content{overflow:hidden;margin:10px auto 0 auto;width:1000px}
.case-content1{overflow:hidden;margin:-77px auto 0 auto;width:667px}
.case-item{float:left;margin:23px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:284px;height:284px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:220px;height:220px;border: 10px solid rgba(0, 255, 43, 0.52);border-left-color: rgba(188, 208, 19, 0.5);
border-right-color: rgba(16, 71, 193, 0.62);border-bottom-color: rgb(150, 16, 16);border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#fff;padding:10px 5px;margin:0 30px;font-size:15px;}
.ih-item.circle.effect1 a:hover .img img{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);}
.ih-item.circle.effect1 a:hover .info{opacity:1}

.content{width:1000px;margin:10px auto 0 auto;}
.vola2 ul { margin-top:10px; padding-bottom:20px; height:245px;}
.vola2 ul li:hover {/* background:url(../images/pro_bg.png) no-repeat center top;*/}
.vola2 ul li a { color:#333; font-size:14px;}
.vola2 ul li { float:left; font-size:14px; text-align:center; width:474px; padding-bottom:10px; border-bottom:1px #CCCCCC dashed;margin: 5px;}
.vola2 ul li img { margin-bottom:10px; margin-top:15px;}

.txt {
    position: absolute;
    left: 0;
    bottom: 70px;
    width: 100%;
    height: 40px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    
}
.txt h3{font-size: 16px;color: #fff;line-height: 24px;}
.txt h3 a,.txt p a{color: #fff;}
.conn {
    float: left;
    position: relative;
    cursor: pointer;
}
#code1 .tc-gridbox{border:0;background: none;}

#code1 .tc-gridbox:hover {
    border: 0;
    -webkit-box-shadow: 0 0px 0px 0 rgba(50,50,50,0.1);
    -moz-box-shadow: 0 0px 0px 0 rgba(50,50,50,0.1);
    box-shadow: 0 0px 0px 0 rgba(50,50,50,0.1);
}



/*面包屑导航*/
.xiao .tu{width:21px;height:21px;background: url(../images/xiaotu.png) no-repeat;}


.tc-gridbox .header .item-image {
    overflow: hidden;
    height: 185px;
}
.tc-gridbox .body {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 14px;
    color: #343a3f;
    height: 70px;
}