﻿ul.img_list {
 overflow: hidden;
 margin-bottom: 5px;
}

ul.img_list li {
 width: 315px;
 height: 217px;
 float: left;
 overflow: hidden;
 margin: 15px 10px 0px;
 overflow: hidden
}

ul.img_list li a.img_box {
 display: block;
 overflow: hidden;
}

ul.img_list li:hover {}

ul.img_list li .img_box {
 -webkit-transition: all 0.35s ease-in-out;
 -moz-transition: all 0.35s ease-in-out;
 transition: all 0.35s ease-in-out;
}

ul.img_list li .img_box img {
 width: 100%;
 height: 178px;
}

ul.img_list li .img_box img:hover {
 transform: scale(1.1);
 transition: all .5s
}

ul.img_list li a.title_type {
 display: block;
 height: 36px;
 line-height: 36px;
 width: 100%;
 color: #333;
 text-align: center;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

ul.img_list li a.title_type:hover {
 color: #1993d2
}

h2.Column_tit {
 font-size: 18px;
 line-height: 36px;
 text-align: center;
}

.panel img {
 width: 1000px;
 height: 618px;
}

.strip_wrapper img {
 width: 130px;
 height: 80px;
}

.panel h2 {
 line-height: 65px;
 font-size: 16px;
}

div#Photo_Box {
 margin: 0px auto!important;
}

@media only screen and (max-width:1366px) {
 .panel img,
 .Photo_Box,
 .panel {
 width: 960px !important;
 }
 ul.img_list li {
 width: 335px;
 height: 250px;
 }
 ul.img_list li .img_box img {
 height: 195px;
 }
}

@media only screen and (max-width: 768px) {
 .Photo_Box {
 width: 100% !important;
    
 }
 .panel {
 width: 100% !important;
    
 }
 .panel img {
 width: 100% !important;
 height: auto !important;
 }

 .strip_wrapper {
 display: none !important;
 }
 #pointer {
    display: none !important;
 }
 .nav-next {
 right: 10px !important;
 }
 .nav-prev {
 left: 10px !important;
 }
  
 ul.img_list li {
 margin: 15px 38px 0px;
 }
}

@media only screen and (max-width: 760px) {
 ul.img_list li {
 margin: 15px 20px 0px;
 }
}

@media only screen and (max-width: 700px) {
 ul.img_list li {
 margin: 15px 10px 0px;
 }
}

@media only screen and (max-width: 600px) {
 ul.img_list li {
 float: none;
 margin: 15px auto 0px;
 }
}
@media only screen and (max-width: 414px){
 .nav-next{
 top: 70px;
 }
 .nav-prev {
 top: 70px;
 }
 .panel{
 height: 200px !important;
 }
 .Photo_Box{
 height: 200px !important;
 }
}
 
