@charset "utf-8";
/* CSS Document */
 
 
.index1{ margin-top:90px; margin-bottom:90px;text-align: center;}
.index1 .content{margin: 0px auto; width: 1200px;}
.index1 .left{ float:left; width:45%;}
.index1 img{ width:100%;}
.index1 .right{ float:right; width:98%;}
.index1 .right h2{ font-size:36px; font-weight:bold; margin-bottom:35px;}
.index1 .right  p{ line-height:30px; margin-bottom:20px;text-align: left;} 
.move{ display:inline-block; padding:5px 30px; background:#359be3; border-radius:15px;} 
.move a{ color:#FFF;}
 
.index2{ background:url(../images/v1_01_02_10.jpg) center center no-repeat; color:#FFF; height:170px; margin-bottom:80px;}
.index2 >div { float:left; width:33.3%; text-align:center; font-size:30px; line-height:170px;}
.index2 >div span{ display:inline-block; margin-left:15px;color: #fff;}
 
.index3 .left{ float:left; width:200px; margin-top:80px;} 
.index3 .left h2{ font-size:36px; font-weight:bold; margin-bottom:15px;}
.index3 .left p{ font-size:14px; margin-bottom:30px;}
.index3 .left .news { margin-bottom:30px;}
.index3 .left .news span{ display:inline-block; margin:0px 10px; font-size:16px; color:#359be3; font-weight:bold;}
.index3 .right{float:left; margin-left:200px; } 
.index3 .right ul li{ display:inline-block; width:380px; margin-left:40px;}
.index3 .right ul li img{ width:100%;}
.index3 .right ul li span{ display:block; font-size:14px; margin:15px 0;}
.index3 .right ul li h3{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.index3 .right ul li p{ font-size:12px; line-height:24px;} 

.index4{ background:url(../images/v1_01_02_16.jpg) center center no-repeat; margin:50px auto; height:460px; padding-top:30px;}
.index4 .content{margin: 0px auto; width: 1200px;}
.index4 h2{ font-size:36px; font-weight:bold; color:#FFF; text-align:center; margin-bottom:30px;}
.index4 h2 span{ display:block; border-bottom:3px solid #FFF; width:80px; text-align:center; margin:0px auto; margin-bottom:5px;}
.index4 .left{ float:left; width:45%;}
.index4 img{ width:100%;}
.index4 .right{ float:right; width:48%;}
.index4 .right h3{ font-size:24px; font-weight:bold; margin-bottom:25px;text-shadow: 2px 2px 2px #414141;color: #fff;}
.index4 .right  p{ line-height:24px; margin-bottom:20px;color: #fff; text-shadow: 2px 2px 2px #414141;} 
.index4 .right  p span{color:#f9b10a;font-weight: bold;}
.index4 .move{ display:inline-block; padding:5px 30px; background:#f9b10a; border-radius:15px;} 
.index4 .move a{ color:#FFF;}

.center img{ width:100%;}
.center  .slick-slide { margin: 0px 10px;}
 .slick-slide img { width: 100%;}
.center  .slick-prev:before,.center  .slick-next:before {color: black;}
.center .slick-slide { transition: all ease-in-out .3s;     -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);}
.center  .slick-active { }
.center  .slick-current {  transform: scale(1);} 
.center span { display:block; line-height:60px; text-align:center; background:#f6f7fc;} 
.center span a{ font-size:16px;}
.index5 h2{ font-size:36px; font-weight:bold; color:#000; text-align:center; margin-bottom:30px;}
.index5 h2>span{ display:block; border-bottom:3px solid #359be3; width:80px; text-align:center; margin:0px auto; margin-bottom:5px;}
.index5 .left{ float:left;}
.index5 .midd{float:left; margin:0px 15px;}
.index5 .right{float:left;}
.index-img1,.index-img5{ float:left; margin-right:22px; margin-bottom:20px;}
.index-img2,.index-img6{ float:left;}
.index-img4,.index-img7{ margin-bottom:20px;}
.index5 .left div,.index5 .midd div,.index5 .right div{ position:relative; text-align:center;}
.index5 div span{ position:absolute; display:block; bottom:10px; color:#FFF; text-align:center; font-size:24px; left:40%;text-shadow: 2px 2px 2px #000;}
.index5 a{ display:block;}

.index6{ margin-top:50px; text-align:center; margin-bottom:40px;}
.index6 h2{ font-size:36px; font-weight:bold; color:#000; text-align:center; margin-bottom:30px;}
.index6 h2 span{ display:block; border-bottom:3px solid #359be3; width:80px; text-align:center; margin:0px auto; margin-bottom:5px;}

.shebei div span{ display:block; text-align:center; line-height:30px; margin:10px auto;}
.index6 .move{ margin:0px auto; text-align:center;}

.index7 div{float:left; width:33.3%; height:534px; text-align:center; color:#FFF; position:relative;}
.index7 .left{  background:url(../images/v1_01_59.jpg) center center no-repeat; background-size:cover;}
.index7 .midd{  background:url(../images/v1_01_60.jpg) center center no-repeat; background-size:cover;}
.index7 .right{  background:url(../images/v1_01_61.jpg) center center no-repeat; background-size:cover;}
.index7 div:last-child{ float:none; clear:both; height:0px;}
.index7 h2{ margin-top:30%; font-size:34px; font-weight:bold; margin-bottom:30px;}
.index7  p{ font-size:14px; margin-bottom:30px;}
.index7 span{ display:inline-block; border:1px solid #FFF; padding:10px 20px; margin-top:10px;}
.index7 span a{ color:#FFF;}


@media only screen and (max-width: 1440px){
	.content{ width:100%;  }
	.index1{width: 100%;}
	.index1 .content{ width:100%;  }
	.index3 .left{ width:16%; margin-left:20px;}
	.index3 .right{ width:80%; margin-left:0;}
	.index3 .right ul{ width:100%;}
	.index3 .right ul li{ width:28%;}
	.index5 .left{ width:38%; margin-left:2%;}
	.index5 .midd{ width:38%; margin:0px 1%;}
	.index5 .right{ width:18.2%;}
	.index5 img{ width:100%;}
	.index-img1,.index-img5{ width:49%; margin-right:2%;}
	.index-img2,.index-img6{ width:49%;}
	.index4 .content{ width:100%;  }
	
	
	}

@media only screen and (max-width: 750px){
	 .index1{ margin:2%  0 ; padding:0 2%;  }
	.index1 .left{ width:100%;}
	.index1 .right{ width:100%;}
	.index1 .right h2{text-align: center;}
	.index2 {
    background: url(../images/v1_01_02_10wap.jpg) center center   ;
	background-size:contain;
    color: #FFF;
    height:105px;
	padding:2vw 0px;
    margin-bottom:2vw;
	}
	.index2 >div{ line-height:10vw; height:10vw;}
	.index2 >div span{ font-size:3vw;}
   .index3 .left{ width:100%; margin-top:2%; text-align:center; margin-left:0px;}
   .index3 .left p,.index3 .left .news{ margin-bottom:3vw;}
   .index3 .right{ width:100%; margin-top:5vw;}
   .index3 .right ul li{ margin-left:2vw;}
	.index4{ margin:2%  0 ; padding:0 2%;  }
	.index4 h2{padding-top: 40px;}
	.index4 .left{ width:100%;}
	.index4 .right{ width:100%;     padding-bottom: 20px;}
	.index4 img{display: none;}
   .index7 .left,.index7 .midd,.index7 .right{ width:100%;}
 
   
   
}

@media only screen and (max-width:640px){
	
	.index3 .right ul li{ width:100%; margin-left:0; padding:2vw;}
	.index4{ height:auto;}
	.index5 .left,.index5 .midd,.index5 .right{ width:100%; margin:0px; margin-bottom:4vw;}
	.index7 div{ height:400px;}
    .index2{ height:30vw; margin-top:5vw;}
	.index2 >div span{ font-size:5vw;}
	.index4 img{display: none;}
	}
	
@media only screen and (max-width:480px){
	  .index2{ height:40vw;}
	.index4 img{display: none;}
}