/*������Ƶ*/
.coop-top{ height:940px; background-image:url(../img/cooperation/banner-coop.jpg)}
 .banner-coop ul{height:360px;}
 .banner-coop   dl{ background-color:#330099; height:900px;}
 .vid-box{max-width:880px; margin:0 auto; padding:30px; padding-top:0; 

 }

/*con-1*/
.astyle-01{ border:solid  1px #fff; border-left:0; border-right:0; color:#FFFFFF;margin:20px  auto   0px  auto; margin-top:90px;}
.coop-con1 h4{ text-align:center; padding-bottom:30px;}
.coop-con1-box{max-width:1260px; margin:0 auto; padding:0  30px ;}
.coop-con1-box h3{ margin: auto; text-align:center; font-size:36px; margin-top:100px; line-height:110px; background-image: url(../img/cooperation/h-bg.png); background-repeat:no-repeat; background-position:center  bottom}
.coop-con1{margin-top:50px;}
.coop-con1 dl{background-color:#FD4065;cursor:pointer;}
.coop-con1 dt{float:left; overflow:hidden;cursor:pointer;position:relative}
.coop-con1 dt img{ width:100%;}
.coop-con1 dt span{position:absolute; display:block;  width:100%; top:0; height:100%;  z-index:110; background-size:100%100%; 
-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-o-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: all 0.5s linear;
}
.coop-con1 dt span.coop-con1-p1{background-image:url(../img/cooperation/coop-con1-p1.jpg);}
.coop-con1 dt span.coop-con1-p2{background-image:url(../img/cooperation/coop-con1-p2.jpg);}
.coop-con1 dt span.coop-con1-p3{background-image:url(../img/cooperation/coop-con1-p3.jpg);}
.coop-con1 dl:hover dt  span{transform: scale(1.3); background-position:center; 
-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-o-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: all 0.5s linear;
}
.coop-con1 dd{float:left; padding:80px; color:#FFFFFF}
.coop-con1 dt  b{ display:block; position:absolute; height:60px; width:60px; background-image:url(../img/cooperation/coop-p-arrow2.png); top:0px; z-index:300}
.coop-con1 dl dt{ float:left; padding:0; margin:0; width:70%;  }
.coop-con1 dl dd{ float:left; padding:0; margin:0; width:30%;  padding:80px;}
.coop-con1-sec dl dt{float:left}
.coop-con1-sec dl dd{float:right;}
.coop-con1-sec   dl  dt  b{background-image:url(../img/cooperation/coop-p-arrow.png);  right:0px;}
.col-md-8{ padding:0; width:70%:}
.col-md-4{ padding:0; width:30%: }
/*con-2*/
.coop-con2{ padding-bottom:50px; min-height:500px; }
.coop-con2  h4{ margin: auto; text-align:center; font-size:36px; margin-top:100px; line-height:110px; background-image: url(../img/cooperation/h-bg.png); background-repeat:no-repeat; background-position:center  bottom}
.coop-con2  dl{ padding:70px  0;}
.coop-con2  dl  dt{ width:16.5%; float:left; text-align:center; }
.coop-con2  dl  dt img{ margin:0 auto;}
/*con-3*/
.coop-con3{ background-color:#DFDFDF; padding:20px;}
.coop-con3 dl{  margin-top:100px; }
.coop-con3 dt,.coop-con3 dd{ padding:80px;min-height:460px;}
.coop-con3 dt{ background-color:#D3D3D3}
.coop-con3 dd{ background-color:#fff}
.coop-con3  li{ line-height:200%; font-size:16px}
.coop-con3 dl  dd  ul li{font-size:18px;line-height:260%;}  
.coop-con3 h4{ padding-bottom:40px; }
/*con-4*/
.coop-con4 { padding:80px  20px  0px  20px;}
.coop-con4 h2{ text-align:center; font-size:38px; margin-bottom:10px; padding-bottom:15px; }
.coop-con4 h5{ font-size:18px; text-align:center }
.coop-con4 h6{font-size:16px; font-weight:bold;text-align:center; padding:15px  0  20px  0; }
.coop-con4  ul{ padding-top:60px;max-width:1200px; margin:0 auto; padding-bottom:40px;}
.coop-con4  ul li { text-align:center}
.coop-con4  ul li p{  margin-bottom:0; line-height:140%;}
.coop-con4  table{width:100%; margin: 0  auto; border-top:solid 2px #000000; }
.coop-con4 td{ border-bottom:solid 1px  #D6D6D6;  border-left:solid 1px  #D6D6D6; padding:26px; line-height:140%; color:#FD3F65; text-align:center; background-color:#F8F8F8; background-color:#F2F2F2}
.coop-con4 td.heading{ color:#000000; background-color:#FFFFFF; font-weight:bold; }
.coop-con4 td.tdfist{ border-left:0; background-color:#f7f8ff;}
.coop-con4 td.tdsecond{background-color:#ebeaf1;}
.coop-con4 td.tdthird{background-color:#e0dde0;}
/*banner2*/
.coop-banner2{ height:395px; background-image:url(../img/cooperation/banner2-coop.png); display:table; width:100%;}
.coop-banner2 span{ display:table-cell; vertical-align:middle; text-align:center; font-size:34px; color:#fff;}



@media screen and (max-width: 1170px){
.coop-con1 dl dt{ float:none; width:100%;  }
.coop-con1 dl dd{ float:none; width:100%; }
.coop-con1 dl dd p{ text-align:center;}
 }