@charset "utf-8";
/* CSS Document */

.pack01 ul{width:100%; float:left; overflow:hidden;  }
.pack01 ul img{ width:32%; float:left; overflow:hidden; margin-right:2%;}
.pack01 ul img:last-child{ margin-right:0}

.pack02{ background:#0c336d; padding:80px 0 50px}
.pack02 .h311{background:url(dot35.png) no-repeat 0 center; text-indent:45px; margin-top:20px}

.pack02 .h311 a{ color:#fff}
.pack02 ul{ width:52%; float:left; overflow:hidden; margin-right:8%; color:rgba(255,255,255,.9); font-size:18px; line-height:36px}
.pack02 ul p{ width:100%; float:left; overflow:hidden; text-align: justify; word-break:break-all; }
.pack02 h6{ width:40%; float:left; overflow:hidden}
.pack02 h6 img{ width:100%}

.pack03{ width:98%; padding:0 1% 50px;background:#0c336d; border-top:1px dashed rgba(255,255,255,.2); padding-top:50px;}
.pack03 img{ float:left; width:24.25%; overflow:hidden; margin-right:1%; box-sizing:border-box;}
.pack03 img:last-child{ margin-right:0}


/******** 手机版 ********/
@media (max-width:767px){
	
.pack01 ul{width:100%; }
.pack01 ul img{ width:100%; margin-right:0; margin-bottom:15px; box-sizing:border-box; padding:15px; border:1px solid #eee}
.pack01 ul img:nth-child(2n){  margin-right:0}

.pack02{ padding:10px 0 20px}
.pack02 .h311{background:url(dot35.png) no-repeat 0 center; text-indent:45px; margin-top:10px}

.pack02 ul{ width:100%;  margin-right:0;  font-size:12px; line-height:20px; margin-bottom:15px}
.pack02 h6{ width:100%;}

.pack03{ width:94%; padding:0 3% 20px; padding-top:20px;}
.pack03 img{ width:48%; margin-right:4%; margin-bottom:15px}
.pack03 img:nth-child(2n){ margin-right:0}
}
/******** 手机版 结束 ********/

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.pack01 ul{width:100%; }
.pack01 ul img{ width:48%; margin-right:4%; margin-bottom:30px}
.pack01 ul img:nth-child(2n){  margin-right:0}

.pack02{ padding:40px 0 40px}
.pack02 .h311{background:url(dot35.png) no-repeat 0 center; text-indent:45px; margin-top:10px}

.pack02 ul{ width:50%;  margin-right:6%;  font-size:12px; line-height:20px}
.pack02 h6{ width:44%;}

.pack03{ width:92%; padding:0 4% 30px; padding-top:50px;}
.pack03 img{ width:48%; margin-right:4%; margin-bottom:20px}
.pack03 img:nth-child(2n){ margin-right:0}

}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.pack01 ul{width:100%; }
.pack01 ul img{ width:32%; margin-right:2%;}
.pack01 ul img:last-child{ margin-right:0}

.pack02{ padding:60px 0 40px}
.pack02 .h311{background:url(dot35.png) no-repeat 0 center; text-indent:45px; margin-top:10px}

.pack02 ul{ width:50%;  margin-right:6%;  font-size:15px; line-height:26px}
.pack02 h6{ width:44%;}

.pack03{ width:92%; padding:0 4% 30px; padding-top:50px;}
.pack03 img{ width:48%; margin-right:4%; margin-bottom:20px}
.pack03 img:nth-child(2n){ margin-right:0}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.pack01 ul{width:100%; }
.pack01 ul img{ width:32%; margin-right:2%;}
.pack01 ul img:last-child{ margin-right:0}

.pack02{ padding:60px 0 50px}
.pack02 .h311{background:url(dot35.png) no-repeat 0 center; text-indent:45px; margin-top:10px}

.pack02 ul{ width:52%;  margin-right:6%;  font-size:16px; line-height:30px}
.pack02 h6{ width:42%;}

.pack03{ width:98%; padding:0 1% 50px; padding-top:50px;}
.pack03 img{ width:24.25%; margin-right:1%; }
.pack03 img:last-child{ margin-right:0}

}

/******** 1400px ********/
@media (min-width:1440px){
	
}