.gytit{ position: relative;  
 padding-top: 5%; font-weight: 100; position: relative; color: #222;}
.gytit h1{font-weight: 100; font-size: 39px; text-align: right;}
.gytit p{ font-size: 30px; margin-top: 13px; text-align: right;}
.gyleft{width: 690px; float: left; position: relative;}
.gyleft img{width: 100%; height: 503px;}
.gyright{width: 560px;  height: 454px;position: relative; right: 50px; top: 80px; float: left; right: 40px; background-color: #fff;}
.gy{margin-top: -2%; margin-left: 50px; position: relative;}
.gyright p{padding: 90px 90px 70px 90px; font-size: 20px; line-height: 40px;}

.gyleft p{   width: 100%;  overflow: hidden;    }  
.gyleft p img{  cursor: pointer; transition: all 0.6s;  }  
.gyleft p img:hover{  transform: scale(1.4); } 

.more { border: 1px solid #222222; border-radius: 5px;
 width: 100px; height: 40px; font-size: 19px; line-height: 40px;
  text-align: center; margin-left: 90px;}
.more:hover{background-color: #e60012; border: 1px solid #e60012; }
.more:hover a{ color: #fff;}

.gywm{ width: 1300px; margin: 0px auto; position: relative; clear: both;}
.xwdt{ width: 1300px; margin: 0px auto; position: relative; clear: both;} 


.xwtitss{ position: relative;  clear: both; z-index: 999999;  
font-weight: 100; color: #fff; top: 40px;}
.xwtitss p{ font-size: 30px; margin-top: 25px; }
.mmi{margin-top: 10px;}
.xwdt11{padding-top: 3%; padding-bottom: 50px;}

.xwtit{ position: relative;  clear: both; 
 padding-top: 10%; font-weight: 100; position: relative; color: #222;}
.xwtit h1{font-weight: 100; font-size: 39px; }
.xwtit p{ font-size: 30px; margin-top: 13px; }

.gyleft1{width: 690px; float: left; position: relative; right:50px}
.gyleft1 img{width: 100%;height: 503px;}
.gyright1{width: 560px;  height: 454px;position: relative; z-index: 9999; 
 left: 0px; top: 80px; float: left; right: 40px; background-color: #fff;}

.gyright1 p{padding: 0px 100px 70px 100px; font-size: 20px; line-height: 40px;}
.gyright1 h2{padding: 90px 100px 0px 100px; font-size: 23px; font-weight: 100; line-height: 40px;}

.gyleft1 p{   width: 100%;  overflow: hidden;   }  
.gyleft1 p img{  cursor: pointer; transition: all 0.6s;  }  
.gyleft1 p img:hover{  transform: scale(1.4); } 

.jgsj{background: url(../images/bg.jpg) no-repeat center top; min-height: 300px;
 
 clear: both; position: relative; top: 120px; }
 .cptit{ color: #fff; padding-top: 50px; text-align: center;}
.cptit h1{font-weight: 100; font-size: 39px; }
.cptit p{ font-size: 30px; margin-top: 13px;  }
.cp{ margin-top: 5%; position: relative;}

.cp ul li{width:50%; float: left;position: relative;}
.cp ul li img{width: 100%; height: 420px; position: relative;}
.pp{position: absolute; bottom: 3px; 
  z-index: 9999999999; display: block;   
   width: 100%;   text-align: center;  }
/*   .cp ul li p{ 

      width: 100%; height: 42px; line-height: 45px; text-align: center; opacity: 0; } */
  
  
.main_img{
    height: 420px; float: left;
    width: 50%;
	overflow:hidden;
	position: relative;
}
.main_img img{
	height: 420px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(230, 0, 18, 0.7);
    height:70px; line-height: 70px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    bottom: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	top:15px;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{

	display:block; color: #fff;

	font-size: 20px;
}

.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
 
 
 .end1{ width: 18%; float: left; margin-right: 1%; background-color: #fff; height: 320px; padding: 20px 3% 10px 3%;}
 .end2{ width: 18%; float: left; margin-right: 1%; background-color: #fff;  height: 320px;padding: 20px 3% 10px 3%;}
 .end3{ width: 18%; float: left; margin-right: 1%; background-color: #fff; height: 320px; padding: 20px 3% 10px 3%;}
 .end4{ width: 18%; float: left; margin-right: 1%; background-color: #fff;  height: 320px;padding: 20px 3% 10px 3%;}
 
 .zend1{ width:18%; float: left; margin-right: 1%; background-color: #fff; height: 320px; padding: 20px 7% 10px 7%; text-align: center;}
 .zend2{ width: 22%; float: left; margin-right: 1%; background-color: #fff;  height: 320px;padding: 20px 4% 10px 4%;text-align: center;}
 .zend3{ width: 18%; float: left; margin-right: 1%; background-color: #fff; height: 320px; padding: 20px 7% 10px 7%;text-align: center;}

 .zend2 p{ font-size: 16px; color: #222;line-height: 40px; text-align: left; margin-top: 20px;}
 .zend1 p,.zend3 p{font-size: 16px; color: #222;line-height: 40px; text-align: center; margin-top: 20px;}
 .zend1:hover p, .zend2:hover p, .zend3:hover p,.endtit:hover p{ color: #fff;}
 .zend1:hover, .zend2:hover, .zend3:hover{ background-color: #e60012; display: block; color: #fff;}
 
   .endtit p{font-size: 26px; text-align: center; font-weight: 500; color: #222;}
 
  .end11{ position: relative; top: 100px;}
 .end{ position: relative; top: 240px;}
  .endtit{font-size: 26px; text-align: center; font-weight: 500; color: #222;}
 .xx p{ font-size: 16px; color: #222;line-height: 40px; margin-top: 10px;}
  .xx ul li{font-size: 18px; font-weight: bold;line-height: 35px;}
  .xx{margin-top: 6%;}
  .xx h1{font-weight: 100; font-size: 14px; line-height: 40px;}
  .end1:hover{background-color: #e60012; color: #fff; height:320px ; display: block; }
  .end1:hover h1{color: #fff;}
 .end1:hover a{color: #fff;}
   .end1:hover p{color: #fff;}
   .dh a{ font-size: 27px;}
   
   .xx1 p{ margin-top: 25px;}
   .end2:hover{background-color: #e60012; color: #fff;}
    .end2:hover h1{color: #fff;}
   .end2:hover a{color: #fff;}
     .end2:hover p{color: #fff;}
	 
	
	.end3:hover{background-color: #e60012; color: #fff;}
	 .end3:hover h1{color: #fff;}
	.end3:hover a{color: #fff;}
	  .end3:hover p{color: #fff;} 
	 
	 
	 .end4:hover{background-color: #e60012; color: #fff;}
	  .end4:hover h1{color: #fff;}
	 .end4:hover a{color: #fff;}
	   .end4:hover p{color: #fff;}
	 
	   .end4 p{line-height: 30px;}
   
   .xx1 ul li{font-size: 18px; text-align: center; font-weight: bold;line-height: 35px;}
   .xx1{margin-top: 6%;}

   
   .gyright11{width: 560px;  height: 454px;position: relative; z-index: 9999;
    left: 0px; top: 120px; float: left; right: 40px; }
   
   .gyright11 p{ font-size: 18px; line-height: 40px;}

   .gyleft11{width: 690px; float: left; position: relative; top: -84px; right:-10px}
   .gyleft11 img{width: 100%;height: 503px;}
  .clear11{height: 70px; clear: both;}

  
 		@media only screen and (max-width: 992px) {	
 
 .addWrap {
 					position: relative;
 					width: 100%;
 					background: #fff;
 					margin: 0;
 					padding: 0;
 				}
 
 				.addWrap .swipe {
 					overflow: hidden;
 					visibility: hidden;
 					position: relative;
 				}
 
 				.addWrap .swipe-wrap {
 					overflow: hidden;
 					position: relative;
 				}
 
 				.addWrap .swipe-wrap>div {
 					float: left;
 					width: 100%;
 					position: relative;
 				}
 
 				#position {
 					position: absolute;
 					bottom: 20px;
 					right: 0;
 					padding-right: 8px;
 					margin: 0;
 				
 					width: 100%;
 					
 					text-align: center; 
 				}
 
 				#position li {
 					width: 10px;
 					height: 10px;
 					margin: 0 2px;
 					display: inline-block;
 					-webkit-border-radius: 5px;
 					border-radius: 5px;
 					background-color: #AFAFAF;
 				}
 
 				#position li.cur {
 					background-color: #ff0000;
 				}
 
 				.img-responsive {
 					display: block;
 					max-width: 100%;
 					height: auto;
 				}
 .endtit {
    font-size: 22px;}.xx ul li {
    font-size: 16px;}
 
 .scroll-box {
     width: 100%;
     height: 40px;
     overflow: hidden;
 }
 
 .tzgg1 ul li a{color: #333; text-decoration: none; width:100%; float:left;}
 .xwdt{width: 95%;}
.gywm{width: 95%;}
.clearfix11{ width: 100%;}
.gytit h1{font-weight: 100; font-size: 30px; text-align: center;}
.gytit p{ font-size: 19px; margin-top: 5px; text-align: center;}
 
 
 .gyleft{width: 100%; float: none; position: relative;}
 .gyleft img{width: 100%;}
 .gyright{width: 100%;  height: 100%;position: relative; right: 0px; top: 0px; float: left; right: 0px; 
 background-color: #fff; padding: 10px 0px 10px 0px;}
 .gy{margin-top: 5%; margin-left: 0px; position: relative;}
 .gyright p{padding: 0px 20px 0px 20px; font-size: 18px; line-height: 30px;}
 

 
 .more { border: 1px solid #222222; border-radius: 5px;
  width: 120px; height: 30px; font-size: 16px; line-height: 30px;
   text-align: center; margin: 0px auto;}
 .more:hover{background-color: #e60012; border: 1px solid #e60012; }
 .more:hover a{ color: #fff;}
 
 .xwtit h1{font-weight: 100; font-size: 30px; text-align: center;}
 .xwtit p{ font-size: 19px; margin-top: 5px; text-align: center;}
 
 
 
 
 
 .gyleft1{width: 100%; float: none; position: relative; right:0px}
 .gyleft1 img{width: 100%;}
 .gyright1{width: 100%;  height: auto;position: relative; z-index: 9999; 
  left: 0px; top: 0px; float: left; right: 0px; background-color: #fff; padding: 10px 0px 10px 0px;}
 
 .gyright1 p{padding: 0px 20px 0px 20px; font-size: 18px; line-height: 40px;}
 .gyright1 h2{padding: 0px 20px 0px 20px; font-size: 18px; font-weight: 100; line-height: 40px;}
 .gyleft1 p{   width: 100%;  overflow: hidden;   }  
 .gyleft1 p img{  cursor: pointer; transition: all 0.6s;  }  
 .gyleft1 p img:hover{  transform: scale(1.4); } 
 
 .main_img img {
     height:150px;
     width: 100%;}
	 .main_img {
	     height: 150px;}
 
  .jgsj{top: 40px; }
 .end {
     position: relative;
     top: 80px;
 }
 
 
 .end1{ width: 44%; float: left; margin-right: 2%; margin-top: 2%; background-color: #fff; height: 320px; padding: 20px 2% 10px 2%;}
 .end2{ width: 44%; float: left; margin-right: 2%;  margin-top: 2%; margin-top: 2%;background-color: #fff;  height: 320px;padding: 20px 2% 10px 2%;}
 .end3{ width: 44%; float: left; margin-right: 2%;  margin-top: 2%; background-color: #fff; height: 320px; padding: 20px 2% 10px 2%;}
 .end4{ width: 44%; float: left; margin-right: 2%;  margin-top: 2%; background-color: #fff;  height: 320px;padding: 20px 2% 10px 2%;}
 
 
    .xx1 p{ margin-top: 10px;}

 .xx1 ul li {
     font-size: 17px;}
 

 .dh a {
     font-size: 23px;
 }


 .end {
     position: relative;
     top: 80px;
     width: 98%; margin-left: 4%;
 }
 
 .gyleft img {
     width: 100%;
     height: 250px;
 }
 .gyleft1 img {
     width: 100%;
     height: 250px;
 }
 
   .clear11{height: 0px; clear: both;}
 
 .xwtit h2{display: none;}
 

 .gyright11 {
     width: 96%; margin-left: 3%;
     height: auto;
  }
  .gyright11 p {
      font-size: 16px;
      line-height: 28px;
  }
  .gyleft11 img {
      width: 98%;
      height: auto;
  }
  .gyleft11 {
      width: 100%;
      float: none;
      position: relative;
      top: 40px;
      right: 0px; clear: both;
  }
  .gyright11 { top: 56px;}
	  
	  
	.xwtitss{  width: 96%; margin-left: 2%; text-align: center;}  
	  
	.xwdt h2{display: none;}  
		.xwtitss h2{display: none;}   
	  
	  .xwtitss p {
	      font-size: 20px;
	      margin-top: 15px;
	  }
	  
	  
	.zend1{ width:86%; float: none; margin-left: 2%; background-color: #fff; height: 170px; margin-top: -10%; padding: 20px 5% 10px 5%; text-align: center;}
	.zend2{ width: 86%; float: none; margin-left: 2%; background-color: #fff;  height: 170px; margin-top: 5%; padding: 20px 5% 10px 5%;text-align: center;}
	.zend3{ width: 86%; float: none; margin-left: 2%; background-color: #fff; height: 262px; margin-top: 5%;  padding: 20px 5% 10px 5%;text-align: center;}
	 .zend2 p{ text-align: center;} 
	  
 }