p,a{
    font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif;
}
body { padding-top: 70px; background-color: #f3f3f3;}
.tc-main{
    background-color: #ffffff;
}
.btn-default:hover{
    background-color: #ea670c;
    color: #ffffff;
}
h1{
    font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
}
.navbar {
    border-radius: 0;
    min-height: 95px;
}
.navbar-nav{
    font-size: 17px;
    color: #454545;
    padding-left: 1px;
    float: right;
}
.navbar-default{
    background-color: #ffffff;
}
.navbar-default .navbar-nav>li>a{
    color: #353535;
    font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-default .navbar-nav>li>a:active{
    color: #868686;
    font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.headphone {
    height: 70px;
    background: url("../images/headphone.jpg") left center no-repeat;
    margin-left: 20px;
    padding-left: 50px;
    overflow: hidden;
    padding-top: 16px;
}
.headphone li{
    float: none;
}
.navbar-nav>li>a{
   line-height: 38px;
}
.navbar-brand {
    line-height: 38px;
    padding:0px 36px 0px 0px;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0000)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left {
    left: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0000)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 130%;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev {
    right: 130%;
}
.onepage {
    height:auto;
    background-color: #ffffff;
   
}
.onepage_bg{
       background-color: mintcream;
}
.headh1content{
    padding-top: 30px;
    text-align: center;
    color: #269feb;
    font-size: 30px;
    line-height: 32px;
    margin: 0 auto;
   }
.pheng{
    text-align: center;
    color: #269feb ;
    font-weight: bolder;
}
.pheng span{
    color: #b8b8b8;
    padding: 0 20px;
    font-weight: normal;
}
.pheng2{
    text-align: center;
    font-size: 14px;
    color: #868686;
    padding-bottom: 8px;
}

.onepage_3lan1{
    margin-top: 30px;
}
.onepageimg1{
    background: url("../images/onepage1.jpg") no-repeat center;
    height: 154px;
}
.onepageimg2{
    background: url("../images/onepage2.jpg") no-repeat center;
    height: 154px;
}
.onepageimg3{
    background: url("../images/onepage3.jpg") no-repeat center;
    height: 154px;
}
.onepageimg4{
    background: url("../images/onepage4.jpg") no-repeat center;
    height: 154px;
}
.onepageimg3{
    background: url("../images/onepage3.jpg") no-repeat center;
    height: 154px;
}
.onepageimg1:hover{
    background: url("../images/onepage11.jpg") no-repeat center;
    height: 154px;
}
.onepageimg2:hover{
    background: url("../images/onepage21.jpg") no-repeat center;
    height: 154px;
}
.onepageimg4:hover{
    background: url("../images/onepage41.jpg") no-repeat center;
    height: 154px;
}
.onepageimg3:hover{
    background: url("../images/onepage31.jpg") no-repeat center;
    height: 154px;
}
.onepage_3lan1 h3{
    font-size:12px ;
    color: #454545;
}
.onepage_3lan1 p{
    font-size: 12px;
    color: #868686;
    line-height: 9px;
}
.onepage_3lan2 {
    font-size: 12px;
    color: #868686;
}

.twopage{
    background-color: #eff2f1;
    height: auto;
}

.twopage3lan2{
    margin:6px 10px;
    background-color: white;

}
.twopage3lan2:hover{
    background-color: #fdf3ec;
    border-bottom:#e9670c solid 4px;
    margin:4px 10px;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
.twopage a{
    text-decoration: none;
}
.twopageimg img{
    width: 100%;
}
.twopagep1{
    color: #454545;
    font-size: 15px;
    padding-top: 21px;
    margin-bottom: 2px;
}
.twopagep2{
    color: #868686;
    font-size:12px ;
    margin:0 0;
}
.twopagebtn{
    text-align: center;
    margin: 15px auto;
}
.twopagebtn:active{
    border-radius:0;
    font-size: 18px;
    color: #454545;
    background-color: #eff2f1;
}
.threepage{
    background-color: #ffffff;
}
.threebtn {
    width: 118px;
    height: 41px;
    background: #fff;
    padding: 10px 26px;
    color: #269eec;
    text-decoration: none;
    border: #b8b8b8 solid 1px;
}
.threebtn:hover {
    width: 118px;
    height: 41px;
    background: #269eec;
    padding: 10px 26px;
    color: #fff;
    text-decoration: none;
}
.threebtn:active,
.threebtn:focus{
    width: 118px;
    height: 41px;
    background: #269eec;
    padding: 10px 26px;
    color: #fff;
    text-decoration: none;
}

.threeneirong{
    float: right;
}
.threeneirong{
    color: #454545;
    font-size: 18px;
    padding:0px;
    margin:0px;
    text-align: left;
    
}
.threeneirong2{
    color: #868686;
    font-size: 16px;
    padding:0px;
    margin:0px;
    text-align: right;
    line-height: 30px;
    
}
.threeneirong3{
    color: #868686;
    font-size: 12px;
    padding:0px;
    margin:0px;
    float: none;
    text-align: left;
}
.threepage_3lan{
    padding:40px 0 80px 0;
    text-align: center;
}


.fourpage{
    background-color: #eff2f1；
}


.fivepage{
    background-color: #ffffff;

}
.fivepage1 img{
    transform:rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
}
.fivepage1 img:hover {
    transform:rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
}

.footer{
    background-color:#333333;
}
.footer1{

}
.paneltitle{
    color: #ffffff;
    font-size: 20px;
    font-family: "Source-Han-Light", Helvetica, Arial, sans-serif;
    padding: 30px 0px 30px 0px;
}
.footcon1{
    color: #ffffff;
    font-size: 12px;
}
.footerbtn{
    text-align: left;
    margin: 15px auto;
    padding: 0px 5px 5px 0px;

    }
.footerbtn1{
    border-radius:0;
    font-size: 18px;
    background-color: transparent;
    color: #ffffff;
}

.footerbtn>.btn-default,.footerbtnone>.btn-default{
    border-color: #ffffff;
}
.footcon2{
    color: #ffffff;
    padding: 0px;
}
.footcon2 img{
    height: 55px;
    width: 82px;
    padding: 0px;
}
.footcon2one{
    padding: 0px 0px 6px 0px;
    text-align: left;
    border-bottom: #ffffff solid 1px;
    margin-bottom: 9px;
}
.footcon2one p{
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}
.footcon3{
    padding: 0px;
    margin: 0px;
}
.footerbtnone{
    padding: 0px;
    margin-bottom: 12px;
    text-align:left;

}
.footcon2one1{
    padding: 0px;
}
.footerbtn12{
    width: 111px;
    height: 39px;
    border-radius:0;
    font-size: 16px;
    line-height: 35px;
    background-color: transparent;
    color: #ffffff;

}
.footcon4{
    color: #ffffff;
    font-size: 16px;
}

.footertwo{
    background-color: #000000;
    color: #e1e1e1;
    font-size: 12px;
}
.footertwo1 {
    position:relative;
    height: 100px;

}
.footertwoleft{
    padding:0px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
}
.footertworight{
    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 0px;

}
.footertworight1 {

     height:30px ;
     width: 30px;
     background: url("../images/qq.png") no-repeat;
 }
.footertworight2 {
    margin-left: 4px;
    height:30px ;
    width: 30px;
    background: url("../images/wei.png") no-repeat;
}
.footertworight3 {
    margin-left: 4px;
    height: 30px;
    width: 30px;
    background: url("../images/bo.png") no-repeat;
}
.footertworight1:hover {

    height:30px ;
    width: 30px;
    background: url("../images/qq1.png") no-repeat;
}
.footertworight2:hover {
    margin-left: 4px;
    height:30px ;
    width: 30px;
    background: url("../images/wei1.png") no-repeat;
}
.footertworight3:hover {
    margin-left: 4px;
    height: 30px;
    width: 30px;
    background: url("../images/bo1.png") no-repeat;
}
.wang-one-jing .wang-text {
    font-size: 14px;
    line-height: 30px;
}
.wang-one-jing .wang-text p{
    margin: 0px;
    padding: 0px;
}
.wang-one-jing .wang-text span{
    font-size: 24px;
    line-height: 20px;
    color:#269feb ;
    padding-left: 30px;
}

/*文章列表页样式*/
.leftone{
    color: #000000;
    text-align: center;
    font-size: 14px;
    padding-top: 39px;
}
.leftone p{
    text-indent: 15px;
    line-height: 45px;
    border-bottom: 1px dotted #ddd;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px 0px;
}
.leftone a{
    color: #333;
}

.rightone{
    margin: 30px 0;
}

.rightone1 {
    line-height: 40px;
    display:block;
    border-left:2px solid #e74c3c;
    height:40px;
    margin:15px 0;
    padding-left:10px;
    background:#f2f2f2;
}
.rightone2{
    padding: 0px 0px;
    margin: 0px 0px;
}
.rightone12{
    
    color: #333;
}
.rightone12>p>a{
    color: #333;
    text-decoration: none;
}
.rightone12 p{
    border-bottom: 1px dotted #d3d3d3;
    line-height: 30px;
    height: 30px;
    margin: 10px;
    width: 82%;
}

/*masonary*/

#container .item{
    margin-bottom: 20px;
}
#container .item h3{
    line-height: 100%;
}
#container .grid-sizer,#container .item { width: 23%; margin: 10px 1%;float:left;zoom: 1;}

@media (max-width: 479px) {
    #container .grid-sizer,#container .item { width: 98%; margin: 10px 1%;float:left;zoom: 1;}
}

@media (min-width: 480px) and (max-width: 767px) {
    #container .grid-sizer,#container .item { width: 48%; margin: 10px 1%;float:left;zoom: 1;}
}

        
/*list Boxes
------------------------------------*/
.list-boxes {
  overflow: hidden;
  padding: 15px 20px;
  margin-bottom: 25px;
  background: #fff;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  border-top: solid 2px #fff;
  word-wrap: break-word;
  word-break: break-all;
    
}

.list-boxes:hover{
border-top: solid 2px #f90;
}

.list-boxes h2 a {
  color: #555;
}
.list-boxes:hover h2 a {
color: #f90;
}

.list-boxes .list-actions a{font-size: 16px; text-decoration: none;}

.list-boxes p a {
  color: #72c02c;
}

.list-boxes .list-boxes-img li i {
  color: #72c02c;
  font-size: 12px;
  margin-right: 5px;
}

.list-boxes .list-boxes-img img {
  display: block;
  margin: 5px 10px 10px 0;
}

.list-boxes h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 20px;
}

.list-boxes ul.list-boxes-rating li {
  display: inline;
}

.list-boxes ul.list-boxes-rating li i {
  color: #f8be2c;
  cursor: pointer;
  font-size: 16px;
}

.list-boxes ul.list-boxes-rating li i:hover {
  color: #f8be2c;
}
.kf{ position:fixed; left:0; top:200px; z-index:10000;margin-bottom:0px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px; }
.menu{ width:32px; margin-top:180px; position:relative; float:right;}
.menu a{ width:60px; height:181px; background:url(../Images/kf.png) no-repeat; display:block; float:right;}
.menu a:hover{ width:60px; height:181px; background:url(../Images/kf-f.png) no-repeat; display:block; float:right;}
.kfBox{ width:290px; border:1px solid #dcdcdc; background:#f4f4f4; float:right;  display:none; }
.kf-0 {margin:10px 0 0;padding:0 10px;}
.kf-1 {background:#e74c3c;   height:30px; border-top-left-radius:4px;}
.kf-1 h5 {color:#fff; font-size:16px; text-align:center; line-height:30px;margin-top:0px;}
.kf-2 {background:#fff; border:1px solid #e3e3e3; height:100%; padding-bottom:15px;}
.kf-2 ul {margin-left:15px; padding-left:0;  margin-right:15px; margin-top:15px;}
.kf-2 ul li {line-height:35px; border-bottom:1px dotted #b6b6b6; margin-top:5px;}
.kf-3 dd {font-size:14px; color:#333; line-height:25px; letter-spacing:2px;}
.kf-4 {padding-left:0; margin-top:15px;}
.kf-5 img {display:block;height:auto;max-width:100%;margin-right:auto;margin-left:auto; border:none;}
.kf-5  {float:right; margin-top:5px; margin-bottom:5px;}
.kf-6 { padding-top:15px; margin-bottom:20px;}
.kf-7 {border:1px solid #e74c3c; border-radius:5px; padding:15px; text-align:center; float:left; color:#e74d3c; font-size:20px;}
.kf-3 dd i {color:#e74c3c;}
.indexlishit {letter-spacing:1px; font-size:16px;}