﻿@charset "utf-8";

/* 大屏幕 */
@media (min-width: 1200px) {
}

@media (min-width: 979px) and (max-width: 1199px) {
.logo{margin:5px 0px 0px;}
.videolist li{padding-right:15px; width:25%; max-width:215px;}
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
.logo{margin:5px 0px 0px;}
ul.navi,.hd-link{display:none;}
.hd-mobile-menu{display:block;}
#navigatioin{display:none;}
.mainArea{padding:0px 0px 20px;}
.newspage{padding:0px 10px;}
.newspage h1{padding:20px 10px;}
.newspage h1.videotitle{padding:20px 0px; font-size:32px;}
.newspage h1.newstitle{padding:20px 0px 0px; text-align:center;}
#sideBar{display:none;}
.mainContent{padding:0; width:100%; display:table; vertical-align:top;}
.videolist li{margin:0; padding-left:5px; padding-right:5px; width:25%; max-width:100%; height:170px; overflow:hidden;}
.partner, .areatitle{display:none;}
.areatitle_xs{display:block;}
.cintro{position:relative;}
.cintro dt{padding-left:50px; line-height:30px;}
.tecpartner .cintro dt{padding-left:0px; line-height:30px;}
.cintro dd{font-size:14px;}
.country{position:absolute; left:0px; top:0px;}
.horizontal_hide{display:none;}
.sitemap{padding: 0px 10px;}
.sitemap h1{height:200px;}
.sitemap h2{padding:0px 0px 5px 5px;}
.siteList{padding:0px;}
.mapItem{float:none; margin-bottom:5px; width:100%; min-height:auto; display:block;}
.mapItem h3{padding:0px 5px 0px 0px;background:#f3f3f3;}
.mapItem h3 a{padding:8px 5px; font-size:16px; display:block; border-left:5px solid #ed1017; background:url(../header/go_gray.png) no-repeat right center;}
.mapItem ul{margin:0px;}
.mapItem li{margin-top:1px; padding:0px 5px 0px 0px; font-size:14px; line-height:24px; color:#333; background:#fbfbfb;}
.mapItem li a{padding:5px 10px; display:block; background:url(../header/go_gray.png) no-repeat right center;}
.footer{display:block;}
.fbody > ul{float:left; width:100%; margin-top:15px;}
.fbody > ul:first-child{margin-top:0px;}
.footer li{float:left; margin-right:15px;}
.footer li.title{float:none; margin-bottom:0px;}
.footer li.sns{margin-top:5px;}
.star-product{width:100%; display:block;}
.new-product{width:100%; display:block; text-align:center; background-color:#c6c6c6; display:none;}
.new-product img{height:120px;}
.titlelist{line-height:32px; position:relative;}
.titlelist span{padding-right:20px; background:url(../header/down-arrow.png ) no-repeat right center;}
.sort-switch{display:block; width:300px;}
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
.header{padding:10px;}
.logo{margin:5px 0px 0px;}
ul.navi,.hd-link{display:none;}
.hd-mobile-menu{display:block;}
#navigatioin{display:none;}
.mainArea{padding:0px 0px 20px; display:block;}
.newspage h1{padding:30px 0px 0px;}
#sideBar{display:none;}
.mainContent{padding:0; width:100%; display:block;}
.newspage{padding:0px 10px;}
.newspage h1{padding:20px 5px;}
.newspage h1.newstitle{padding:30px 0px 0px; font-size:32px;}
.newspage h1.videotitle{padding:20px 0px; font-size:32px;}
.newspage .media h2{margin-bottom:5px;}
.newspage .media .date{margin-top:0px; font-size:12px;}
.newspage .media .summary{display:none;}
.newspage .media .event-summary{font-size:11px;}
.newspage .media .media-left{width:30%;}
.newspage .media .media-body{width:70%;}
.newspage .media h2{padding:0px; font-size:16px;}
.videolist{width:100%; overflow:hidden;}
.videolist ul{margin-left:-5px; margin-right:-5px;}
.videolist li{margin:0; padding-left:5px; padding-right:5px; width:33.3333%; max-width:100%; height:170px; overflow:hidden;}
.datasheet li a{padding:0px 20px 0px 0px; font-size:14px; background:url(../header/go_gray.png) no-repeat right center; display:block;}
.license > div{float:none; width:100%; display:block;}
.license > div:first-child{margin-bottom:10px;}
.license > div a{margin:0px; padding:10px 40px 10px 15px;}
.company p{font-size:16px;}
ul.history li{display:table-row; height:110px;}
ul.history li strong{padding:0; width:98px; font-size:32px; line-height:98px; min-height:98px; display:table-cell; vertical-align:top;}
ul.history li p{padding-left:25px; font-size:16px; display:table-cell; vertical-align:middle; background:url(../header/go.png) no-repeat 5px center;}
.patent{padding:0px;}
.patent .img{padding:0 30px; width:40%;}
.patent .text{padding-left:30px; width:60%;}
.patent .text p{font-size:16px; line-height:30px;}
.patent .text p strong{font-size:20px;}
.partner{display:none;}
.partnerItem{padding-left:200px;}
.clogo{width:180px;}
.cintro{position:relative;}
.partner, .areatitle{display:none;}
.areatitle_xs{display:block;}
.cintro dt{padding-left:50px; line-height:30px;}
.tecpartner .cintro dt{padding-left:0px; line-height:30px;}
.cintro dd{font-size:14px;}
.country{position:absolute; left:0px; top:0px;}
.horizontal_hide{display:none;}
.product{padding:0px;}
.proheadline{display:block;}
.productSummary{margin-bottom:20px;}
.productSummary .photo > div{width:100%; text-align:center;}
.productSummary .proname h1,
.productSummary .proname h2{display:none;}
.productSummary .proname{padding:0px; display:block;}
.productSummary .photo,.productSummary .proname{margin:0 auto; width:100%; text-align:center; display:block;}
.productDetail{border:none;}
.productTabs{display:block;}
.productDetail label{display:none;}
.zoomlist{text-align:center;}
.productDetail .infotab{padding:20px 10px;}
.download{padding-left:0px;}
.productTabs a{padding:12px 15px;}
.headquarters .text{padding-right:0px; width:100%;display:block;}
.headquarters .img{width:100%; display:block;}
.headquarters .img img{width:auto; height:auto;}
.reginal h3{padding-left:10px; background-position:99% center;}
.reginal.open h3{padding-left:10px; background-position:99% center;}
.reginal p{padding-left:10px; font-size:14px;}
.subprotype{display:block;}
.productsort{margin-bottom:0px; border-bottom:none;}
ul.productlist li{float:none; margin:0; padding:0px 15px 0px 0px; border-top:1px solid #eee; width:100%; max-width:100%; min-height:60px; display:block; background:url(../header/go_gray.png) no-repeat 98% center;}
ul.productlist li:last-child{border-bottom:1px solid #eee;}
ul.productlist li a{width:100%; display:block;}
ul.productlist li div{width:30%; display:table-cell; vertical-align:middle;}
ul.productlist li h3{width:70%; font-size:20px; line-height:24px; text-align:left; display:table-cell; vertical-align:middle;}
ul.productlist li h3 span{font-size:14px; color:#666; line-height:20px;}
.productHome{padding: 0px 10px; width:100%; height:auto; background:url(../product.jpg) no-repeat -260px top;}
.productItem{float:none; margin-bottom:20px; padding:0px; width:100%; min-height:100%; display:block;}
.productItem li{float:left; width:50%;}
.productItem li a{display:block;}
.sitemap{padding: 0px 10px;}
.sitemap h1{height:200px;}
.sitemap h2{padding:0px 0px 5px 5px;}
.siteList{padding:0px;}
.mapItem{float:none; margin-bottom:5px; width:100%; min-height:auto; display:block;}
.mapItem h3{padding:0px 5px 0px 0px;background:#f3f3f3;}
.mapItem h3 a{padding:8px 5px; font-size:16px; display:block; border-left:5px solid #ed1017; background:url(../header/go_gray.png) no-repeat right center;}
.mapItem ul{margin:0px;}
.mapItem li{margin-top:1px; padding:0px 5px 0px 0px; font-size:14px; line-height:24px; color:#333; background:#fbfbfb;}
.mapItem li a{padding:5px 10px; display:block; background:url(../header/go_gray.png) no-repeat right center;}
.homeBox{padding:0 10px;}
.w50p{width:100%;}
.homeTitle{margin-bottom:15px; padding-left:28px; font-size:18px; color:#c4261d; line-height:26px; font-weight:normal; height:28px;}
.carousel-indicators li {width:10px; height:10px; background:#f2f2f2;}
.carousel-indicators .active {width:10px; height:10px;}
.star-product{width:100%; display:block; vertical-align:top;}
.new-product{width:100%; display:block; text-align:center; background-color:#c6c6c6; display:none;}
.new-product img{height:120px;}
.news-event li{width:50%; min-height:210px;}
.starList li{text-align:center;}
.carousel-control {width:10%;}
.topCase{margin-bottom:30px; width:100%; display:block; padding-right:0px;}
.topCase .body{max-width:auto; height:auto;;}
.topAboutus{padding-left:0px; width:100%; display:block;}
.productRow{margin:30px 0px 0px; width:100%; display:table;}
.news-event{margin-bottom:20px;}
.titlelist{line-height:32px; position:relative;}
.titlelist span{padding-right:20px; background:url(../header/down-arrow.png ) no-repeat right center;}
.sort-switch{display:block; width:300px;}
.fbody > ul{float:left; width:100%; margin-top:15px; padding-left:10px;}
.fbody > ul:first-child{margin-top:0px;}
.footer li{float:left; margin-right:15px;}
.footer li.title{float:none; margin-bottom:0px;}
#copyright .cl{float:none; display:none;}
#copyright .cr{float:none; text-align:center;}
.footer li.sns{margin-top:5px;}
.acc li{float:none; padding:0px 10px; width:100%; display:block; border-top:1px solid #eee; min-height:auto;}
.acc li:first-child{border-top:none;}
.acc li a{padding:15px 20px 15px 0px; text-align:left; display:table;}
.acc li span{padding-left:10px; width:100%; text-align:left; display:table-cell; vertical-align:middle;}
.acc li .img{margin-bottom:0px; display:table-cell; vertical-align:middle;}
.acc li img{max-width:100px; height:auto;}
}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
.w3{width:33.3333%;}
.w4{width:25%;}
.w5{width:20%;}
.w6{width:16.66667%;}
.search-form input{width:85%;}
.header{padding:10px;}
.newspage .media .media-left{width:35%;}
.newspage .media .media-body{width:65%;}
.newspage .media h2{padding:0px; font-size:14px;}
.newspage h1{padding:20px 5px 20px 0px; font-size:28px;}
.newspage h1.videotitle{padding:20px 0px; font-size:24px;}
.videolist{width:100%; overflow:hidden;}
.videolist ul{margin-left:-5px; margin-right:-5px;}
.videolist li{width:50%;}
ul.event-calender, .dsType ul{width:100%; display:table;}
ul.event-calender li, .dsType li{float:none; margin:0px; padding:0px; display:table-cell;}
ul.innovation{padding-top:10px; display:block;}
ul.innovation li{float:left; width:50%; min-height:120px; display:inline-block;}
ul.innovation li img{max-width:100px;}
.patent{padding:0px; width:100%; display:block;}
.patent .img{margin-bottom:15px; padding:0; width:100%; display:block; border:none;}
.patent .img img{width:200px;}
.patent .text{padding-left:30px; width:100%; display:block;}
.patent .text p{font-size:16px; line-height:30px;}
.patent .text p strong{font-size:20px;}
.partnerItem{padding:150px 0px 0px;}
.clogo{width:auto; left:50%; margin-left:-125px;}
.zoomlist img{width:70px; height:auto;}
#Product-video,#Product-accessories,
#info-Product-video,#info-Product-accessories{display:none;}
.productTabs .tab{width:25%; text-align:center;}
.productTabs a{padding:12px 5px; font-size:14px;}
.productTabs{background:#f0f0f0;}
.productbanner{height:140px;}
.productbanner div{background:none;height:140px;}
.productbanner h1{margin-bottom:5px; padding:40px 0px 0px 10px; font-size:24px; line-height:24px; color:#fff; font-family: Arial,sans-serif; text-shadow:1px 1px 1px #666;}
.productbanner p{padding:0px 10px;font-size:14px; line-height:16px; color:#fff; font-family: Arial,sans-serif; text-shadow:1px 1px 1px #666;}
ul.productlist li{float:none; margin:0; padding:10px 15px 10px 0px; border-top:1px solid #eee; width:100%; max-width:100%; min-height:60px; display:block; background:url(../header/go_gray.png) no-repeat 98% center;}
ul.productlist li h3{font-size:16px; line-height:20px;}
ul.productlist li h3 span{font-size:12px; line-height:14px;}
.client{margin-top:10px; padding:0px 10px;}
.client .img{width:20%;}
.client .text{padding-left:10px; width:80%;}
.client .text img{width:120px;}
.tools-table a{float:none; margin-left:0px; padding-left:20px; }
.partner-banner{display:none;}
.news-event li{float:none; margin-bottom:10px; padding:0px; width:100%; display:block;}
.news-event li{width:100%; min-height:210px;}
.sort-switch{display:block; width:100%;}
.hflink{display:none;}
.fbody > ul{float:left; width:100%; margin-top:15px; padding-left:10px;}
.fbody > ul:first-child{margin-top:0px;}
.footer li{float:left; margin-right:15px;}
.footer li.title{float:none; margin-bottom:0px;}
}
