.SlideShow {
width: 100%;
height: auto;
float: left;
margin: 144px 0 0 0;
padding-top:20px; /*把pc版的banner與上方nav分開20px 的白色區域*/
display: block;
overflow:hidden;
 }

.SlideShow ul {
list-style: none;
width: 100%;
height: 480px;
position: relative;
z-index: 100;
overflow: hidden;
}

.SlideShow ul li {
float: left;
width: 100%;
height: auto;
position: absolute;
z-index: 101;
top: 0;
left: 0;
}

.SlideShow ul li a {
display: block;
width: 100%;
height: 480px;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 480px;
}

.SlideShow ul li img {
width: 100%;
max-width: 1920px;
display: none;
}

.SlideShow:after {
content: ' ';
clear: both;
display: block;
}

.FeaturedProducts {
width: 100%;
height: auto;
float: left;
margin:0;
padding:0;
background: #fff;
}

.FeaturedProducts .centerContents{
margin:0px auto;
width: 1370px;
background: #f3f3f3;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGNkZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddcdd), color-stop(20%, #f3f3f3));
background: -moz-linear-gradient(top, #dddcdd 0%, #f3f3f3 20%);
background: -webkit-linear-gradient(top, #dddcdd 0%, #f3f3f3 20%);
background: linear-gradient(to bottom, #dddcdd 0%, #f3f3f3 20%);
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
.FeaturedProducts h1 {
text-transform: uppercase;
color: #595959;
margin: 5px 0;
border-bottom: 1px solid #909090;
display: block;
text-align: center;
padding: 15px 0 0 0;
padding-bottom:1%;
}
.FeaturedProducts .Contents {
width: 1000px;
height: auto;
margin: 60px auto;
}
.FeaturedProducts .Contents a {
width: 230px;
height: auto;
float: left;
margin: 10px;
padding: 9% 0 2% 0;
text-decoration: none;
background-repeat: no-repeat;
background-position: 50% 5%;
background-size: 80% auto;
text-align: center;
box-sizing: border-box;
-webkit-transition: background-size 0.1s;
-moz-transition: background-size 0.1s;
-o-transition: background-size 0.1s;
transition: background-size 0.1s;
}
.FeaturedProducts .Contents a h2 {
color: #595959;
margin-bottom: 8px;
}
.FeaturedProducts .Contents a span {
color: #7a7a7a;
}

.FeaturedProducts .Contents a:hover {
opacity: 0.8;
}
.FeaturedProducts .Contents .Product1 {
background-image: url("../images/index/versatile_digital_signage_player_for_4display_video_wall_smp-8000.png");
min-height: 180px;
}
.FeaturedProducts .Contents .Product2 {
background-image: url("../images/index/compact_4k_uhd_digital_signage_player_smp2200.png");
min-height: 180px;
}
.FeaturedProducts .Contents .Product3 {
background-image: url("../images/index/digital_signage_content_management_server_software_cms-se.png");
min-height: 180px;
}
.FeaturedProducts .Contents .Product4 {
background-image: url("../images/index/progressive_digital_signage_content_management_server_cms-60.png");
min-height: 180px;
}
.FeaturedProducts .Contents:after {
content: ' ';
clear: both;
display: block;
}
/*----------------------------------------latest news開始--------------------------------------------------------*/
.latestNews{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
}

.latestNews h1 {
text-transform: uppercase;
color: #595959;
margin: 0;
display: block;
text-align: center;
padding: 15px 0 0 0;
padding-top:2%;
}

.latestNews .contents{
margin:45px auto;
width: 1370px;
height: auto;
padding: 0px 7px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF; 
box-sizing: border-box;
margin-top:0px;
}

.latestNews .contents .box {
width: 31.3%;
height: auto;
float: left;
margin: 0% 1% 2% 1%;
padding: 20px 0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.latestNews .contents .box h2 {
width:72%;
float: left;
display: block;
color: #595959;
margin: 2px 9% 10px 9%;
padding:2% 5% 2% 5%;
text-align:left;
}

.latestNews .contents .box h3 {
width:63%;
float: left;
display: block;
color: #595959;
margin: -3px 8.5% 0px 8.5%;
padding:1% 10% 2% 10%;
text-align:center;
background-color:#fafafa;
}

.latestNews .contents .box .Photo {
width: 100%;
height: auto;
float: left;
color: #595959;
margin-bottom:0px;
padding-bottom:0px;
opacity: 1;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
}

.latestNews .contents .box .Photo:hover {
opacity:0.7;
}
.latestNews .contents .box span {
width: 70%;
float: left;
display: block;
color: #969696;
text-align: left;
margin:0% 14%;
}

.latestNews .contents .box span .dateYear{
margin-top:3%;
float:left;
}

.latestNews .contents .box span .area1{
float:left;
margin-right:4%;
}

.latestNews .contents .box span .area2{
float:left;
}

.latestNews .contents .box .links{
width:63%;
float: left;
display: block;
color: #e5a900;
margin: 0% 8.5% 0px 8.5%;
padding:2% 10% 2% 10%;
text-align:center;
color: #e5a900;
background-color:#f2f2f2;
}

.latestNews .contents .box .links:hover{

color: white;
background-color:#e5a900;
}

.latestNews .contents .box span a{
margin-top:3%;
float:right;
text-decoration:none;
color:#e5a900;
}

.latestNews .contents .box span a:hover{
text-decoration:underline;
}

.latestNews .contents .box .button {
width: auto;
height: auto;
padding: 10px 20px;
margin: 30px auto 0 auto;
background: #f09719;
color: #000;
display: inline-block;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTUyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhOGQwYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa52c), color-stop(100%, #ea8d0a));
background: -moz-linear-gradient(top, #faa52c 0%, #ea8d0a 100%);
background: -webkit-linear-gradient(top, #faa52c 0%, #ea8d0a 100%);
background: linear-gradient(to bottom, #faa52c 0%, #ea8d0a 100%);
}
.latestNews .contents .box .button:hover {
color: #FFF;
}
.latestNews .contents:after {
content: ' ';
clear: both;
display: block;
}

.latestNews .contents .pcSamehight1{
/*min-height:485px;*/
/*min-height:536px;*/
min-height:580px;
}
.latestNews .contents .pcSamehight2{}
.latestNews .contents .pcSamehight3{}
.latestNews .contents .pcSamehight4{
min-height:100px;
clear:left
}
.latestNews .contents .pcSamehight5{}
.latestNews .contents .pcSamehight6{}

.latestNews iframe{
width:351px;
height:346px;
overflow:hidden;
}
/*----------------------------------------latest news結束--------------------------------------------------------*/
.Info3 {
width: 100%;
height: auto;
float: left;
background: #FFF;

}
.Info3 .Contents {
width: 1000px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.Info3.centerContents{
margin:0px auto;
width: 1370px;
background: #fff;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}

.Info3 .Contents .Box {
width: 31.33%;
height: 310px;
float: left;
margin: 1%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
-moz-box-shadow: 0 0 4px #838383;
-webkit-box-shadow: 0 0 4px #838383;
box-shadow: 0 0 4px #838383;
background: #f2f2f2;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
}
.Info3 .Contents .Box h1 {
width: 100%;
height: auto;
float: left;
text-align: center;
color: #595959;
text-transform: uppercase;
display: block;
}
.Info3 .Contents .Box img {
float: left;
display: block;
box-sizing: border-box;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #b1b1b1;
}
.Info3 .Contents .Box .Content {
width: 100%;
height: auto;
text-align: center;
float: left;
}
.Info3 .Contents .Box .Content h2 {
color: #595959;
margin: 10px 0 0 0;
}
.Info3 .Contents .Box .Content span {
color: #595959;
}

.Info3 .Contents .Box .Content .third span {
color: #595959;
}
.Info3 .Contents .Box .VideoPhoto {
background: url(../images/index/VideoPhoto1.png) no-repeat center center;
background-size: 100% auto;
width: 100%;
height: 160px;
float: left;
}
.Info3 .Contents a.Box:hover h1 {
color: #e5a900;
}
.Info3 .Contents a.Box:hover .VideoPhoto {
background-image: url(../images/index/VideoPhoto2.png);
}
.Info3 .Contents .Box1 {
-moz-border-radius: 20px 0 20px 0;
-webkit-border-radius: 20px;
border-radius: 20px 0 20px 0;

}
.Info3 .Contents .Box2 {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.Info3 .Contents .Box3 {
-moz-border-radius: 0 20px 0 20px;
-webkit-border-radius: 0;
border-radius: 0 20px 0 20px;
}
.Info3 .Contents:after {
content: ' ';
clear: both;
display: block;
}

.IndexSupport {
width: 100%;
height: auto;
float: left;
border-top: 1px solid #FFF;
border-bottom: 1px solid #cdcdcd;
background: #f3f3f3;
}
.IndexSupport h1 {
text-transform: uppercase;
color: #595959;
margin: 5px 0;
border-bottom: 1px solid #909090;
display: block;
text-align: center;
padding: 15px 0 0 0;
}
.IndexSupport .Contents {
width: 1000px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.IndexSupport .Contents .Box {
width: 23.33%;
height: 240px;
float: left;
margin: 1% 5%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.IndexSupport .Contents .Box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
margin: 0 0 10px 0;
}
.IndexSupport .Contents .Box .Photo {
width: 100%;
float: left;
font-size: 7em;
color: #595959; 
-webkit-transition: font-size 0.1s;
-moz-transition: font-size 0.1s;
-o-transition: font-size 0.1s;
transition: font-size 0.1s;
}
.IndexSupport .Contents .Box:hover .Photo {
font-size: 8em;
}
.IndexSupport .Contents:after {
content: ' ';
clear: both;
display: block;
}

.IndexContentUs {
width: 100%;
height: 400px;
float: left;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 65px 0;
text-align: center;
box-sizing: border-box;
background: url(../images/index/cayin_technology.jpg) 50% 100% no-repeat fixed #2b2f30;
}
.IndexContentUs h1 {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
float: left;
color: #FFF;
text-shadow: 0 0 5px #000;
text-align: center;
display: block;
}
.IndexContentUs span {
width: 100%;
margin-bottom:15px;
float: left;
color: #FFF;
text-shadow: 0 0 5px #000;
text-align: center;
display: block;
}
.IndexContentUs .Button {
width: auto;
height: 52px;
padding: 15px 30px;
margin: 10px auto;
background: #e5a900;
color: #000;
font-size: 1.1em;
display: inline-block;
text-decoration: none;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
border: none;
cursor: pointer;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTUyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhOGQwYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5a900), color-stop(100%, #ea8d0a));
background: -moz-linear-gradient(top, #e5a900 0%, #ea8d0a 100%);
background: -webkit-linear-gradient(top, #e5a900 0%, #ea8d0a 100%);
background: linear-gradient(to bottom, #e5a900 0%, #ea8d0a 100%);
}
.IndexContentUs .Button:hover {
color: white;
}
.IndexContentUs input{
width: 300px;
height: 33px;
box-shadow: none;
color: #3a3a3a;
margin-right: 5px;
margin-bottom: 0;
border: 1px solid #dcdadb;
outline: none;
padding: 8px;
}
input, button, textarea, select, option, text, checkbox, submit {
    font-style: inherit;
    font-weight: inherit;
    resize: none;
    appearance: none;
    -moz-appearance: none;
    font-family: 'Roboto', sans-serif;
}

.IndexThree {
width: 100%;
height: auto;
float: left;
border-top: 1px solid #cdcdcd;
background: #f3f3f3;
}

.IndexThree .Contents {
width: 1000px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.IndexThree .Contents .Box {
width: 29.33%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.IndexThree .Contents .Box h2 {
width: 100%;
float: left;
display: block;
color: #7c7c7c;
margin: 15px 0 10px 0;
}
.IndexThree .Contents .Box .Photo {
width: 100%;
height: auto;
float: left;
font-size: 7em;
color: #595959;
}
.IndexThree .Contents .Box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
}
.IndexThree .Contents .Box .Button {
width: auto;
height: auto;
padding: 10px 20px;
margin: 30px auto 0 auto;
background: #f09719;
color: #000;
display: inline-block;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTUyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhOGQwYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa52c), color-stop(100%, #ea8d0a));
background: -moz-linear-gradient(top, #faa52c 0%, #ea8d0a 100%);
background: -webkit-linear-gradient(top, #faa52c 0%, #ea8d0a 100%);
background: linear-gradient(to bottom, #faa52c 0%, #ea8d0a 100%);
}
.IndexThree .Contents .Box .Button:hover {
color: 595959;
}
.IndexThree .Contents:after {
content: ' ';
clear: both;
display: block;
}

.IndexThree .Contents .Box .links{
width:78%;
float: left;
display: block;
color: white;
margin: 0% 0% 0px 0%;
padding:2% 10% 2% 10%;
text-align:center;
background-color:#e5a900;

}

.IndexThree .Contents .Box .links:hover{
color: #e5a900;
background-color:#dcdadb;
}

 .SlideShowTablet {
display:none;
}

 .SlideShowPhone {
display:none;
}

#QuickLink .Contet {
overflow: hidden;
}

/*----------------------------------------------------解析度1366以下(非 FullHD 螢幕)----------------------------------------------*/
@media only screen and (max-width: 1366px) {
.FeaturedProducts .centerContents{
width: 100%;
}

.latestNews .contents{
width: 1024px;
height: auto;
padding: 0px 7px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF; 
box-sizing: border-box;
margin-top:0px;
}

.latestNews .contents .box h2 {
width:89%;
margin: 2px 4% 10px 0%;
}

.latestNews .contents .box span {
width: 88%;
float: left;
display: block;
color: #595959;
text-align: left;
margin:0% 5%;
}

.latestNews .contents .box h3 {
width:80%;
float: left;
display: block;
color: #595959;
margin: 0%;
padding:1% 10% 2% 10%;
text-align:center;
background-color:#fafafa;
}

.latestNews .contents .box .links{
width:80%;
float: left;
display: block;
margin: 0%;
padding:2% 10% 2% 10%;
text-align:center;
}

.IndexContentUs {
padding: 80px 0;
}

.latestNews .contents .pcSamehight1 {
min-height: 580px;
}

.latestNews .contents .pcSamehight3{
min-height:95px;
}

.latestNews .contents .pcSamehight4{
min-height:95px;
}

.latestNews iframe{
width:313px;
height:316px;
}
}
/*----------------------------------------------------解析度1024以下(平板橫放)----------------------------------------------------*/

@media only screen and (max-width: 1024px) {
.SlideShow {
padding-top: 0;
}

.FeaturedProducts .Contents {
width: 768px;
margin: 50px auto;
}
.FeaturedProducts .Contents a {
width: 176px;
margin: 8px;
padding: 8.5% 0 2% 0;
}
.FeaturedProducts .Contents a h2 {
margin-bottom: 6px;
}
.FeaturedProducts .Contents a span {
}

.Info3 .Contents {
width: 768px;
}
.Info3 .Contents .Box {
height: 250px;
padding: 15px;
}
.Info3 .Contents .Box h1 {}
.Info3 .Contents .Box .Content h2 {}
.Info3 .Contents .Box .Content span {}
.Info3 .Contents .Box .Content .third span {}
.Info3 .Contents .Box .VideoPhoto {
height: 125px;
}

.IndexSupport .Contents {
width: 768px;
}
.IndexSupport .Contents .Box {
width: 27.33%;
height: 220px;
margin: 1% 3%;
padding: 10px;
}

.IndexThree .Contents {
width: 768px;
margin: 35px auto;
}
.IndexThree .Contents .Box {
width: 31.33%;
margin: 1%;
padding: 15px;
}

.IndexThree .Contents .Box h2{}
.latestNews .contents{
width: 768px;
}

.latestNews .contents .box h3 {
    width: 90%;
    padding: 1% 5% 2% 5%;
}

.latestNews .contents .box span .area1{
margin-right:0%;
} 

.latestNews .contents .pcSamehight1{
min-height:520px;
}

.latestNews .contents .pcSamehight2{
min-height:350px;
}
.IndexContentUs {
width: 100%;
height: 350px;
float: left;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 65px 0;
text-align: center;
box-sizing: border-box;
background-image:url(../images/index/cayin_technology.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center; 
}

.latestNews iframe{
width:234px;
height:265px;
} 
}
/*----------------------------------------------------解析度768以下(平板直放)-----------------------------------------------------*/
@media only screen and (max-width: 768px) {
.FeaturedProducts .Contents {
width: 600px;
margin: 40px auto;
}
.FeaturedProducts .Contents a {
width: 140px;
margin: 5px;
background-size: 100% auto;
}
.FeaturedProducts .Contents a h2 {
margin-bottom: 5px;
}
.FeaturedProducts .Contents a span {}
.SlideShow ul {
height: 320px;
}
.SlideShow ul li a {
height: 320px;
background-size: auto 320px;
}
.Info3 .Contents {
width: 600px;
}
.Info3 .Contents .Box {
height: 210px;
}
.Info3 .Contents .Box h1 {}
.Info3 .Contents .Box .VideoPhoto {
height: 90px;
}

.IndexSupport .Contents {
width: 600px;
margin: 20px auto;
}
.IndexSupport .Contents .Box {
width: 27.33%;
height: 200px;
margin: 1% 3%;
padding: 10px;
}
.IndexSupport .Contents .Box .Photo {
font-size: 5.5em;
}
.IndexSupport .Contents .Box:hover .Photo {
font-size: 6.6em;
}

.IndexContentUs {
padding: 60px 0;
height: 420px;
background-color:#2b2f30;
text-align: center;
box-sizing: border-box;
background-image:url(../images/index/cayin_technology.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center; 
}
.IndexContentUs h1 {
margin: 4px 0 0 0;
}
.IndexContentUs span {
margin: 4px 0 8px 0;
}
.IndexThree .Contents {
width: 600px;
margin: 20px auto;
}
.IndexThree .Contents .Box {
width: 31.33%;
margin: 1%;
padding: 10px;
}
.IndexThree .Contents .Box h2 {}
.IndexThree .Contents .Box .Photo {}
.IndexThree .Contents .Box span {
text-align: left;
}

.latestNews .contents{
width: 600px;
}

.latestNews .contents .box {
width: 47.4%;
height: 450px;
}

.latestNews .contents .pcSamehight1{
min-height:0px;
}

.latestNews .contents .pcSamehight2{
min-height:0px;
}

.latestNews .contents .pcSamehight3{
min-height:0px;
}

.latestNews .contents .pcSamehight4{
min-height:0px;
clear: none;
}

.latestNews .contents .pcSamehight5{
min-height:0px;
}

.latestNews .contents .pcSamehight6{
min-height:0px;
}

.latestNews .contents .tabletSsmehight1{
min-height: 450px;
}

.latestNews .contents .tabletSsmehight2{
height: 450px;
}

.latestNews .contents .tabletSsmehight3{
height: 350px;
}

.latestNews .contents .tabletSsmehight4{}

.latestNews .contents .tabletSsmehight5{}

.latestNews .contents .tabletSsmehight6{}

.latestNews h1{
margin-top:2%;
}

.latestNews iframe{
width: 277px;
height: 350px;
}
}
/*----------------------------------------------------解析度600以下(手機)---------------------------------------------------------*/
@media only screen and (max-width: 600px) {
section {
display: none;
}
.FeaturedProducts h1 {}
.FeaturedProducts .Contents {
width: 92%;
margin: 0px auto;
margin: 20px 4%;
}

.FeaturedProducts .Contents a {
width: 46.6%;
margin: 5px;
padding: 18% 0 1% 0;
}

.FeaturedProducts .Contents a h2 {
margin-bottom: 5px;
}
.FeaturedProducts .Contents a span {}

 .SlideShowTablet {
display:none;
}
 .SlideShowPhone {
display:block;
width:100%;
background-size: auto 320px;
margin:175px 0 0 0;
}

.Info3 .Contents {
width: 100%;
margin: 25px auto;
}
.Info3 .Contents .Box {
width: 98%;
height:270px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.Info3 .Contents .Box img {
margin: 0 auto;
float: none;
}
.Info3 .Contents .Box h1 {}
.Info3 .Contents .Box .VideoPhoto {
height: 165px;
background-size: auto;
}
.Info3 .Contents .Box1, .Info3 .Contents .Box2 {
border-bottom: 1px dashed #b1b1b1;
}

.IndexSupport .Contents {
width: 300px;
margin: 10px auto;
}
.IndexSupport .Contents .Box {
width: 96%;
height: auto;
margin: 2%;
padding: 10px;
}
.IndexSupport .Contents .Box h2 {
width: 60%;
float: right;
display: block;
color: #595959;
margin: 0 0 10px 0;
text-align: left;
}
.IndexSupport .Contents .Box .Photo {
width: 40%;
font-size: 4em;
}
.IndexSupport .Contents .Box:hover .Photo {
font-size: 5em;
}

.IndexContentUs {
padding: 50px 10px;
height: 440px;
background: url(../images/index/cayin_technology.jpg) 50% 60% no-repeat #2b2f30;
}
.IndexContentUs h1 {
margin: 0px 0 0 0;

}
.IndexContentUs span {
margin: 0 0 6px 0;

}
.IndexContentUs .Button {
margin: 8px auto;
}
.IndexContentUs input {
width: 270px;
}

.IndexThree .Contents {
width: 100%;
margin: 20px auto;
}
.IndexThree .Contents .Box {
width: 98%;
margin: 5% 1px;
padding: 10px;
}
.latestNews h1 {
padding-bottom:0px;
margin-top:10px;
}
.latestNews .contents {
width: 100%;
margin: 20px auto;
margin-top:0;
}
.latestNews .contents .box {
width: 98%;
margin: 5% 1px;
padding: 10px;
height: auto;
}

.latestNews .contents .box span .area1{
margin-right:4%;
}

.latestNews .contents .tabletSsmehight1{
min-height: 0px;
height: auto;
}
.latestNews .contents .tabletSsmehight2{
min-height: 0px;
height: auto;
}
.latestNews .contents .tabletSsmehight3{
min-height:0px;
}
.latestNews .contents .tabletSsmehight4{
min-height:0px;
}
.latestNews .contents .tabletSsmehight5{
min-height:0px;
}
.latestNews .contents .tabletSsmehight6{
min-height:0px;
}

.latestNews h1{
margin-top:6%;
}

.latestNews .contents .spbox {
min-height:300px;
}

.latestNews iframe{
width:296px;
height:259px;
}

.latestNews .contents .box .center{
max-width:296px;
margin:0 auto;
height: auto;
padding:0;
}

.latestNews .contents .box img{
max-width:296px;
}
}
/*----------------------------------------------------解析度320以下(手機)---------------------------------------------------------*/
@media only screen and (max-width: 320px) {
.FeaturedProducts .Contents a {
width: 45%;
}
.latestNews .contents .box img {
width: 100%;
}
.latestNews iframe {
width: 100%;
}
}