@charset "utf-8";
/* CSS Document */
html body{width: 100%; height: 100%;margin: 0; padding: 0;}

body{
	
	background: #fff;
	
	font-size: 1.6em;
	font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
	margin: 0 auto;

	
}
*{ margin:0; padding:0; }


#sideToggle{ display:none; }
#sideToggle:checked ~aside{ display: block;}

body aside{ position:absolute; top:82px; bottom:0; right:0; width:60%;  height: 750px; background:#da1421; transition:0.2s ease-out; -webkit-transition:0.2s ease-out;  z-index: 1000; display: none; padding-left: 50px; overflow: scroll; }
body aside h2{ color:#FFF; text-align:center; font-weight:normal; padding:10px; }
#wrap{ margin:25px 0 0 0;  transition:0.25s ease-out; -webkit-transition:0.25s ease-out;  float: right; position: absolute; right:150px;}
  #wrap label{ display:inline-block; }
    #wrap label{
      
      
      color: #da1421;
      cursor: pointer;
      display: block;
      font-family: Courier New;
      font-size: 45px;
      font-weight: bold;
      width: 10px;
      height: 80px;
      line-height: 45px;
      text-align: center;
      text-shadow: 0 -8px;
    }

  ul,li{list-style: none;}
.nav1{margin-bottom: 50px;}
.nav1 a{text-decoration: none; color: #fff; font-size: 1.0em; display: block; height: 50px; line-height: 50px;}
.nav1 li{border-bottom: 1px solid #dbd0d0; }
.dropdown-toggle{border-bottom: 1px solid #dbd0d0; }
.nav1 li .dropdown-box li{border-bottom: none;  color: #d3b8ba; height: 36px;padding-left: 100px;}
.nav1 li .dropdown-box{margin: 20px 0;}
.nav1 li .dropdown-box li a{ color: #f1dbdd; font-weight: 300;}
.nav1 li .dropdown-box li a:hover{text-decoration: none;}

.playBox{
	background: #5f5e5e;
  width: 100%;  
 height: 307px;
  margin: 0 auto; /*设置在页面水平居中*/
 clear:both; 
  position: relative;  
}
.playBox img{
  width: 100%;
	 height: 307px;
  position: absolute; /*图片采取绝对定位，均位于左上角，重叠在一起*/
  top: 0;
  left: 0;
  
}
.logocc1 {   
		   
		    background: #fff;
		   padding-top:20px;
			
		 	float: left;
			
		}
/*  intro  */
#slideshow{
	background: #5f5e5e;
  width: 100%;  
 height: 415px;
  margin: 0 auto; /*设置在页面水平居中*/
	clear:both; 
  position: relative;  
}
#slideshow img{
  width: 100%;
	height: 415px;
  position: absolute; /*图片采取绝对定位，均位于左上角，重叠在一起*/
  top: 0;
  left: 0;
  opacity: 0; /*初始不透明度为0，图片都看不见*/
  transition: opacity 1s linear; /*--重点--定义一个关于透明度的transition*/
}
#slideshow img.active{
  opacity: 1; /*有active类的图片不透明度为1，即显示图片*/
}
/*-- 设置页码的样式 --*/
#slideshow div{
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
	margin: 0 auto;
	
}

#slideshow span{
  display: inline-block;
  width: 15px;
	height: 15px;
  font-size: 2px;
  border-radius: 15px; /*设置页码为圆形*/
  margin: 0 6px;  
  background:#000;
 color: #fff;
	opacity: 50%;
	
}
#slideshow span.active{
  background:#fff;  opacity: 50%;cursor: pointer;color: #000;
}
/*-- 设置图片描述文本的样式 --*/
#slideshow p{
  position: absolute;
  top: 35%; 
	
  line-height: 60px;
	padding-left: 50px;

 font-rem: 60.5%;
  color: #fff; 
  opacity: 0;
	 text-shadow: 25px 5px 80px #333232;
  
}
#slideshow p.active{
  left: 0;
 -webkit-animation: txt_move 2s 1 ;
  opacity: 1;
}


@-webkit-keyframes txt_move {
   0% {
	  
        opacity: 0;
	    transform:scale(0.5,0.5);
            -webkit-transform:scale(0.5,0.5);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:scale(0.5,0.5);     /*兼容-moz-引擎浏览器*/
    }


    100% {
       
        opacity: 1;
		transform:scale(1,1);
            -webkit-transform:scale(1,1);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:scale(1,1);     /*兼容-moz-引擎浏览器*/
    }
}
		




.section2{width: 100%;
	height: 500px;
	
	}
.section2 a{text-decoration: none;}
.section2 a:hover{cursor:pointer;}
.pro{
	width: 100%;
	height: 320px;
	margin: 0 auto;
	text-align: center;
}
.gradient-text1{color: #494647;text-align: center;font-size:30px;font-weight:600; position: relative;  padding-top: 50px; }
.gradient-text-two{  
			color: #383536;
            margin: 0 auto;
        }
.line{width: 80px; height: 3px; background: #db222f; margin: 0 auto; padding: 0;}
 
.banner{width: 100%;height: 355px;overflow: hidden; border: 1px #e1dfdf solid;  text-align: center;}
.banner li img{position: relative;   }
.imgOn2{opacity: 1;}
.imgOn1{ opacity: 0.5; /*初始不透明度为0，图片都看不见*/
  transition: opacity 2s linear; /*--重点--定义一个关于透明度的transition*/}
.box,.box1{width: 100%; }
.box p{width: 100%; height: 30px; float: left; font-size: 20px; padding: 0 50px;}
.box1 p{width: 100%; margin: 0 auto; font-size: 16px; line-height: 40px; color: #494647; padding: 0 10px; }
.box1 .slog{font-size: 40px;  color:#db222f;  margin: 50px auto; padding: 0; text-align: center;}
.box1 span{color:#db222f;}
.box1 h4{padding: 0 30px;}
.wrapper{ margin: 0 auto; }

.contant{width: 100%; height: 627px; margin:0 auto; background-color: #fff; padding: 50px 0;  }
.contant1{width: 100%; margin:0 auto;  height: 627px; color: #494647; text-align: center;  padding-top: 50px;}

.contant1 h2{ padding-top: 15px;font-size: 24px;color: #494647;}
.contant1 a{text-decoration: none;}
.contant1 a:hover{cursor:pointer;}
.contant1 a p{width: 100%; padding: 10px;  font-size: 18px; line-height: 30px; }

 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contantz3{margin: 0 0 10px0; background-color: #f7f7f7; color: #494647; text-align: center; padding: 10px 0 10px 0; height: 260px; }
.ibox2{ margin: 10px auto; background: #fff;border: 1px #b8b6b6 solid;}
.ibox2 a{display: block; }

.footer{
	width:100%;
	line-height:60px;
	font-size: 0.8em;
	text-align:left;
	background-color: #707070;
	color: #e1e1e1;
	padding: 50px 0;
	
	}
.footer a{color: #e1e1e1;}
.footer a:hover{text-decoration: none;}



/*以下非首页样式，采用自适应*/
.sectionz{width: 100%;background: #e1e1e1;	
	}
.gradient-textz{color: #494647;text-align: center;font-weight:600; position: relative;  padding-top: 50px; }
.boxz{width: 100%; margin-top: 50px; background-color: #f7f7f7; }
.contantz{width:95%; margin:0 auto; padding: 50px 0;  height: 3800px; text-align: center; clear: both;}
.contantz1{  margin: 0 auto; background-color: #f7f7f7; color: #fff; text-align: center; float: left; padding: 20px 0 50px 0; height: 720px;  }
.contantz1 h2{ padding-top: 10px; }
.contantz1 a{ text-decoration: none; color: #494647; text-align: center; }
.contantz1 a img{padding: 20px 0;}
.contantz1 a:hover{cursor:auto;}
.contantz1 a p{ width: 90%;   line-height: 30px; text-align: left;margin: 0 auto; padding-left:10px;}
.contantz2{ width:100%; color: #494647; text-align: center; float: left; padding: 20px 0 50px 0; height: 360px;  }
.contantz2 h2{ padding-top: 10px;font-size: 1em;}
.contantz2 a{text-decoration: none; color: #494647; text-align: center; }
.contantz2 a img{padding: 20px 0;}
.contantz2 a:hover{cursor:auto;}
.contantz2 a p{width: 90%;   line-height: 30px; text-align: left;margin: 0 auto; padding-left: 10px;}
.ibox{width: 80%; margin: 10px auto; background: #fff; overflow: hidden;  border: 1px #b8b6b6 solid;}
.ibox img{
 
  transition: all 0.6s;
}
.ibox img:hover{
  transform: scale(1.4);
}
.linez{width: 20%; height: 5px; background: #b70a16; margin:30px auto;}
.footerz{
	width:100%;
	line-height:60px;
	font-size:9px;
	text-align:center;
	background-color: #707070;
	color: #e1e1e1;
	padding: 50px 0;
	position: relative;
	bottom: 0;

	}
.footerz a{color: #e1e1e1;}
.footerz a:hover{text-decoration: none;}
.contantz1 h4{text-align: left; padding-left: 20px; padding-top: 50px; font-weight: 600;}
/*采用自适应结束*/

.downbtnn{
	width:120px;
	height:35px;
	margin:0 auto;
	display:block;
	background:#09F;
	color:#FFF;
	text-align:center;
	line-height:35px;
	margin-top:15px;
	margin-bottom:5px;}
.downbtnn a{
	text-decoration:none;
	color:#fff;
	width:120px;
	height:35px;
	display:block;}
.downbtnn a:hover{
	text-decoration:none;
	color:#fff;
	background: #0CF;}

.section3 {width: 100%;
	
	background: url("../images/culture.jpg") center;
	padding: 0 30px;
	
	}
.section3 h1,.section3 p{color: #fff; line-height: 50px;}

.section4 {width: 100%;
	height: 500px;
	background: url("../images/hb.jpg") center;
	
	}
.section4 h1,.section4 p{color: #000; line-height: 50px;}

#sideToggle1{ display:none; }
#sideToggle1:checked ~#bannerb{ display: block;}
#sideToggle1:checked ~#wrap1{ margin-bottom: 30px;}

#bannerb{width: 100%; height:220px; transition:0.2s ease-out; -webkit-transition:0.2s ease-out;  z-index: 1000;  display: none; border-bottom: 1px solid #989797; }
#bannerb a{display: block; color:#D7D7D7; text-align:center; font-weight:normal; padding:10px 0; font-weight: 100; font-size: 16px;}
#wrap1{  padding: 10px; border-bottom: 1px solid #818080; transition:0.2s ease-out; -webkit-transition:0.2s ease-out;}
  #wrap1 label{ display:inline-block; }
    #wrap1 label{
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 18px;
    font-weight: 200;
      width: 100%;
      height: 30px;
		line-height: 30px;      
      text-align: center;     
    }

#sideToggle2{ display:none; }
#sideToggle2:checked ~#bannerb2{ display: block;}
#sideToggle2:checked ~#wrap2{ margin-bottom: 30px;}

#bannerb2,#bannerb3,#bannerb4,#bannerb5{width: 100%;transition:0.2s ease-out; -webkit-transition:0.2s ease-out;  z-index: 1000;  display: none; border-bottom: 1px solid #989797; }
#bannerb2 a,#bannerb3 a,#bannerb4 a,#bannerb5 a{display: block; color:#D7D7D7; text-align:center; font-weight:normal; padding:10px 0; text-align: center; font-weight: 100;  font-size: 16px;}
#wrap2,#wrap3,#wrap4,#wrap5{  padding: 10px; border-bottom: 1px solid #818080; transition:0.2s ease-out; -webkit-transition:0.2s ease-out;}
 
    #wrap2 label, #wrap3 label, #wrap4 label, #wrap5 label{
		display:inline-block;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 18px;
      font-weight: 100;
      width: 100%;
      height: 30px;
		line-height: 30px;      
      text-align: center;     
    }
#wrap6,#wrap7{border-bottom: 1px solid #818080; transition:0.2s ease-out; -webkit-transition:0.2s ease-out;color: #fff;
      cursor: pointer;     
      font-size: 18px;
     
      width: 100%;
      height: 55px;
		line-height: 55px;      
      text-align: center; }
#wrap3 a,#wrap4 a,#wrap5 a,#wrap6 a,#wrap7 a{color: #fff; font-weight: 100;}
#sideToggle3{ display:none; }
#sideToggle3:checked ~#bannerb3{ display: block;}
#sideToggle3:checked ~#wrap3{ margin-bottom: 30px;}
#sideToggle4{ display:none; }
#sideToggle4:checked ~#bannerb4{ display: block;}
#sideToggle4:checked ~#wrap4{ margin-bottom: 30px;}
#sideToggle5{ display:none; }
#sideToggle5:checked ~#bannerb5{ display: block;}
#sideToggle5:checked ~#wrap5{ margin-bottom: 30px;}
/*tab开始*/
.tab-head {width: 100%;
			margin: 0 auto;}
.tab-head h2 {
                
                width: 155px;
                height: 80px;
                margin: 20px 30px 20px 0;
                float: left;
                text-align: center;
				color: #FFFFFF;
	font-size: 26px;
	line-height: 80px;
	background: #C7C7C7;
	cursor: pointer;
            }
            
            .tab-content {
                display: block;
				clear: both;
				width: 100%;
				background: #fff;
				margin: 0 auto;
				height: 400px;
             
            }
            
            .tab-content div{
                display: none;
            }
            
           .tab-head .selected {
                background-color:#C81518;
            }
            
            .tab-content .show{
                display: block;
				padding: 50px;
            }
.tab-content .show img{float: left;}
.tab-content .show p{
       margin-right: 50px;     
	width: 600px;
            }