﻿
/*** 网页布局/盒子模型，及本站公共样式 ***/
body { color: #333; font-size: 14px; font-family:'Microsoft YaHei', '微软雅黑', Arial, Verdana, '宋体', sans-serif; background-color: #fff; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #f60; text-decoration: none; }
a:active { color: #f60; text-decoration: none; }
img{border:0;vertical-align: middle;margin: 0!important; padding:!important;}
figure,h2,h3,hgroup {margin: 0;padding: 0;}
#nav{line-height: 55px;  list-style-type: none; background:#666;display: inline-block;font-size: 16px;margin-left:-200px;} 
 
#nav a{display: block; width: 120px; text-align:center} 
 
#nav a:link {color:#fff; text-decoration:none} 
#nav a:visited {color:#fff;text-decoration:none} 
#nav a:hover {color:#FFF;text-decoration:none;} 
 
#nav li{float: left; width: 120px; background:#0099cb} 
#nav li a:hover{ background:#FF6100}  
#nav li ul{line-height: 55px;  list-style-type: none;text-align:left;left: -999em; width: 180px; position:relative;z-index:99999;} 
#nav li ul li{float: left; width: 88px;background:#0099cb}  
#nav li ul a{display: block; width: 88px;text-align:center;padding-left:0px;overflow:hidden}  
#nav li ul a:link {color:#fff; text-decoration:none} 
#nav li ul a:visited {color:#fff;text-decoration:none} 
#nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#FF6100} 
 
#nav li:hover ul{left: auto} 
#nav li.sfhover ul{left: auto} 
#content{clear: left} 
.more{width: 180px;border-radius: 5px;
    height: 35px;
    border: solid 2px #666666;
    text-align: center;
    line-height: 35px;
    margin: 0 auto;
    margin-top: 28px;}
.mainBox{ width:1190px;margin:0 auto;text-align: center;padding:0;font-size:13px;  font-family: 'Hiragino Sans GB','微软雅黑',arial,sans-serif;}
        .mainBox a{ color:#fff;}
        #div_company_mini{ left:150px!important; }
		.qqonline {POSITION: fixed; TOP: 160px; RIGHT: 1px;width:130px;z-index:99999; _position:absolute; background:#fff}
* html .qqonline {_position:absolute;_right:expression(eval(document.documentElement.scrollright+1));_top:expression(eval(document.documentElement.scrollTop+185))} 

.qqonline .tp { }
.qqonline .back_top {height:26px;line-height:24px; text-align:center;}.qqonline .back_top a {color:#FFF;}
.qqonline .cn {}
.qqonline .qqonline_c {width:128px;height:260px; line-height:170%; overflow:hidden;border:1px solid #71c0f0;}
.qqonline .qqonline_c .mm {padding:10px; text-align:center; }
.qqonline .qqonline_c .mm p {padding-top:10px;}
.qqonline .qqonline_c b { color:#333333; }
.qqonline .qqonline_c b.f1 {color:#666; font-weight:normal;}
 .tab{
            width: 1190px;
            height: 600px;
            
            margin-top: 30px;
            border: 1px solid #eee;
            position: relative;
            overflow: hidden;
			margin: 0 auto;
        }
        input[type='radio']{
            display: none;
        }
        .tab label{
            display: block;
            cursor: pointer;
            position: absolute;
            width: 80px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #eee;
			border-radius:1rem;
			color:black;
			
        }
        .label-1{
            left: 260px;
            top: 0;
        }
        .label-2{
            left: 340px;
            top: 0;
        }
		.label-3{
            left: 420px;
            top: 0;
        }
		.label-4{
            left: 500px;
            top: 0;
        }
		.label-5{
            left: 580px;
            top: 0;
        }
		.label-6{
            left: 660px;
            top: 0;
        }
		.label-7{
            left: 740px;
            top: 0;
        }
		.label-8{
            left: 820px;
            top: 0;
        }
        input[type='radio']:checked~div[class^='mod']{
            display: block;
        }
        input[type='radio']:checked~label{
            background: orange;
        }
        [class^='mod']{
            position: absolute;
            top: 40px;
            left: 0px;
            display: none;
        }	
	

    /*频道页样式*/
 .banner .swiper-container img{
    width:100%;
}

.banner{
    position:relative
}

/*正文*/
#container{
    width: 1263px;
    margin: 30px auto;
}
#container .sidebar{
    height: 1200px;
    width:340px;
    float:right;
    background-color: #fff;
    text-align: center;
}
#container .sidebox{
    border: 1px solid #eee;
    margin: 0 0 10px 0; 
}
#container .sidebox .figure img{
    width: 150px;
    height: 120px;
}
#container .sidebox h2{
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;  
    text-indent: 8px;     
    height: 40px;
    line-height: 40px;
    background-color: #fafafa;
    color:#666;
    text-align: left;
}
#container .tag{
   padding: 10px 0 ; 
}
#container .tag a{           /*a本身是内沿，不能设置高度和宽度，所以需要转换成inline-block*/
     display: block;
     width: 150px;
     height: 35px;
     line-height: 35px;
     margin: 2px 0;
     /*background-color: #eee; */
}
#container .tag li{
    display: inline-block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    margin: 2px 0;
    text-align: left;
    text-indent: 8px;   /*设置字和边框的左边距*/
    background-color: #eee;
    color: #eee;
}
#container .tag a:hover{
    background-color: #458b00;
    color: #fff;
}
#container .figure{      
    padding: 10px 0;
    border-top: 5px!important;
}

#container figure{       
    display: inline-block;    
    padding: 4px;
    color: #666;

}
#container .box{
   padding: 10px 0 ; 
}


#container .box a:hover{
    background-color: #458b00;
    color: #fff;
}
#container .list{
    width: 910px;      
    height: 1250px;    
    float: left;
}
#container .tour{
    width: 908px;     
    padding: 0px;    
    margin: 0 0 20px 0;   
    border:1px solid #eee;
    position: relative;   
}
#container .tour img{
    float: left;
    width:396px;
    height: 220px;
} 
#container .tour figcaption{    
    width: 510px;                
    height: 220px; 
    float: right; 
}

#container .tour h2{
      font-size: 24px;
      color: #333;
      font-weight: normal;  
      padding: 10px 0 10px 25px;    
}
#container .tour h3{
      font-size:15px;
      color: #333;
      font-weight: normal;   
      padding: 10px 0 10px 25px;    
      line-height: 1.5;
      text-indent:20px;
      padding-right: 20px;
      
}
#container .tour ol{
   padding:  0 0 0 25px;
   line-height: 2;
   color: #666;
}

#container .sidebar{
    height: 1200px;
    width:340px;
    float:right;
    background-color: #fff;
    text-align: center;
}



#container .list{
    width: 910px;      
    height: 1250px;    
    float: left;
}

/*频道页分页样式*/
ul.pagination {
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
    cursor: pointer;  /*鼠标放上去的时候是手型*/
    font-size: 16px;
}

ul.pagination li {
  display: inline-flex;
  height:12px;
  float: left;
  color: red;
  padding:0px 15px 0 10px;
}

ul.pagination li a {
    color: black;
    float: left;
    text-decoration: none;
}



.showzt{
    width: 150px;
    white-space:nowrap;
    text-overflow:ellipsis; 
    -o-text-overflow:ellipsis; 
    overflow: hidden;
}
   
.more {
    width: 180px;
    border-radius: 5px;
    height: 35px;
    border: solid 2px #666666;
    text-align: center;
    line-height: 35px;
    margin: 0 auto;
    margin-top: 28px;
}

           
