@charset "UTF-8";
#header {clear: both; width: 100%;margin:0 auto;overflow:hidden; background-color:#f6f7f9;}
/*top*/
.top{ margin:0 auto;width:1024px;height:100px; overflow:hidden;}
.top .logo {float:left; height: 100px;}
.top .logo a{display:inline-block;}
.top .logo .logo_img{padding-top:18px;}
.top .logo .logo_dw{margin-left:225px; border-left:1px solid #dcdcdc; padding-left:15px;}
.top .logo .logo_dw h3{font-size:22px;color: #004ea2;font-weight:bold;margin:26px 0px 0px 0px;padding:0px;}
.top .logo .logo_dw p{font-size:14px;color:#666;margin:3px 0px 0px 0px;}
.top .hotline{ float:right;margin-top:18px;background:url(../images/hotline.png) no-repeat;width:213px;height:60px; position:relative;}
.top .hotline p{ position:absolute;bottom:6px;right:0;font-size:20px;font-weight:bold;color:#004ea2;margin:0px;}
/*menu*/
.container{padding:0px;}
.navbar{min-height:40px; margin-bottom: 0px;}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin:0px;}
.navbar-inverse{ background-color:#021323; border:none; border-radius:0px;}
.navbar-inverse .navbar-collapse{background:none;padding:0px;border-color: #034b8a;}
.nav>li{}
.nav>li>a{padding:15px 27px;}
.navbar-inverse .navbar-nav>li>a{ color:#fff;}
.navbar-inverse .navbar-nav>li>a:hover{ background:#004ea2;}
.navbar-inverse .navbar-toggle {border-color: #1376ce;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #004ea2;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background:#004ea2;}

/*banner*/
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
#b06 { width: 640px;}
#b06 .dots {position: absolute; left: 0; right: 0; bottom: 20px;}
#b06 .dots li 
{ 
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	margin: 0 4px; 
	text-indent: -999em; 
	border: 2px solid #fff; 
	border-radius: 6px; 
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
}
#b06 .dots li.active 
{background: #fff;opacity: 1;}
#b06 .arrow { position: absolute; top: 40%;}
#b06 #al { left: 15px;}
#b06 #ar { right: 15px;}
/*main*/
#main{clear:both;margin: 0px auto; width: 100%; height:100%;overflow:hidden;}

.titleBox h3{ font-size:34px; color:#004ea2; margin-top:10px; font-weight:600;}
.titleBox p{font-size:18px;color:#666666;background:url(../images/line01.png) no-repeat left bottom;}
/*公司简介*/
.aboutBg{ background-color:#fbfbfb;}
.about{width:1024px;margin:0 auto;padding:70px 0px 60px 0px;overflow:hidden;}
.about .aboutLeft{float:left;width:450px;height:370px;}

.item{clear:both;width:450px; height:80px; padding:0px;margin-bottom:30px; 
visibility: visible;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.item02{animation-delay:1s;-webkit-animation-delay:1s;}
.item03{animation-delay:2s;-webkit-animation-delay:2s;}
.item a{display:block;height:80px;padding-left:120px;}
.item a:hover p{color:#004ea2;}
.item01 a{background:url(../images/about_01.png) no-repeat left center;}
.item01 a:hover{background:url(../images/about_01_hover.png) no-repeat left center;}
.item02 a{background:url(../images/about_02.png) no-repeat left center;}
.item02 a:hover{background:url(../images/about_02_hover.png) no-repeat left center;}
.item03 a{background:url(../images/about_03.png) no-repeat left center;}
.item03 a:hover{background:url(../images/about_03_hover.png) no-repeat left center;}
.item h3{margin:0px;padding:5px 0px;}
.item h3 span{font-size:18px;padding-right:10px;}

.about .aboutRight{float:right;width:500px;height:370px;}
.about .aboutRight .aboutImg{width:500px;height:150px;}

.aboutContent{overflow:hidden;line-height:26px; font-size:15px;color:#202a30;animation-delay:1s;-webkit-animation-delay:1s;}
.aboutMore{display:block;margin-top:10px;background:#004ea2; color:#ffffff;line-height:30px;width:102px;font-size:12px; text-align:center;}
.aboutMore:hover{background:#0085da;color:#ffffff;text-decoration:none}

/*产品推荐*/
.productBg{clear:both;background-color:#0d253d;width:100%; overflow:hidden;padding-bottom:30px;}
.product{margin:0 auto;width:1024px;overflow:hidden;}
.proTitle{clear:both;overflow:hidden;text-align:center;padding:0px;padding-top:20px;}
.proTitle h3{color:#fff;}
.proTitle p{ background:url(../images/line05.png) no-repeat bottom center; margin:0px;padding-bottom:15px;}
.proTitle p span{padding:0px 20px;color:#fff;}
.proContent{clear:both; overflow:hidden;}

/*------------------------------------------------------
	Portfolio Styles 
--------------------------------------------------------*/
#portfolio { padding-bottom: 50px; margin-top: 50px;}

#portfolio .portfolio-thumb {overflow: hidden; position: relative; margin-bottom: 30px;}
#portfolio .portfolio-thumb a {display:block;}
#portfolio .portfolio-thumb img {width: 100%; height: auto;}
#portfolio .portfolio-thumb .overlay {
  opacity: 0;
  visibility: visible;
  background: rgba(0, 99, 205, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#portfolio .portfolio-thumb .overlay .inner { position: absolute; padding: 20px;  width: 100%; height:100%; bottom: 0; left: 0; text-align: center;}
#portfolio .portfolio-thumb .overlay .inner h4 {font-size: 18px;line-height:1.5; color: white;}
#portfolio .portfolio-thumb .overlay .inner span {font-weight: 300;color: white;border:1px solid #fff;padding:5px 8px;}
#portfolio .portfolio-thumb:hover .overlay {opacity: 1;visibility: visible;}

/*经典案例*/
.case{clear:both; }
.case .caseList{width:1040px; margin:0 auto;padding-top:20px; overflow:hidden;border-bottom:1px dotted #e6e6e6;}
.case .caseList ul li{float:left;width:244px;margin:0px 8px; overflow:hidden;}
.case .caseList ul li a{display:block; cursor:pointer;width:244px;}
.case .caseList ul li a:hover{text-decoration: none; }
.case .caseList ul li a img{width:244px;height:206px;}

.case .caseList ul li a h5{font-size:16px; color:#202a30;line-height:40px;}
.case .caseList ul li a p{color:#787878;}
.case .caseList ul li a:hover h5{color:#202a30; text-decoration:none;}
.case .caseList ul li a:hover p{color:#004ea2; text-decoration:none;}

/*新闻中心*/
.news{clear:both;background-color:#fbfbfb; overflow:hidden;padding-bottom:30px;}
.newsTitle h3{color:#004ea2;}
.newsContent{width:1024px; margin:0 auto; overflow:hidden;padding-top:20px;}
.newsGroup{width:492px;height:100%;padding:0px;overflow:hidden;}
.newsContent .newsLeft{float:left; overflow:hidden;}
.newsContent .newsRight{float:right; overflow:hidden;}

.newsGroup_title{ color:#202a30; }
.newsGroup_title h5{font-size:16px;}
.newsGroup_title p{font-size:11px;color:#767676;background: url(../images/line03.gif) no-repeat left bottom;padding-bottom:5px;}
.newsGroup_list{clear:both; padding-top:10px;}
.newsGroup_list ul li{height:28px;line-height:28px;}
.newsGroup_list ul li a{display:block;float:left;width:300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#202a30;background: url(../images/dot02.png) no-repeat left center;text-indent:15px;}
.newsGroup_list ul li a:hover{color:#004ea2;background: url(../images/dot03.png) no-repeat left center;text-indent:10px;}
.newsGroup_list ul li span{float:right;}
.newsGroup_more{clear:both;border-bottom:2px solid #0d253d; padding:15px 0px;overflow:hidden;}
.newsGroup_more a{display:block;background: url(../images/more01.gif) no-repeat left center;width:93px; height:30px;line-height:30px;color:#ffffff;text-indent:10px;}
.newsGroup_more a:hover{background: url(../images/more02.gif) no-repeat left center;text-indent:15px;}

/*footer*/
.footerBg{ clear:both;background:#0b4575 url(../images/footer-bg.jpg) no-repeat center bottom; overflow:hidden;}
.footer{clear:both;width:1024px;margin:0 auto;overflow:hidden;padding:15px 0px 25px 0px;}
.fTop{height:100px;}
.fTop .fLogo{float:left;width:304px;height:90px;padding-top:10px;margin-right:150px; margin-top:20px;}
.fTop .fLogo p{font-size:17px;color:#d5d6dc;line-height:30px;}
.fTop .fAddress{float:left;color:#d5d6dc;padding-top:22px;}
.fTop .fAddress ul li{line-height:28px;background: url(../images/f_ico01.png) no-repeat left center; padding-left:30px;}
.fTop .fAddress ul li.phone{background: url(../images/f_ico02.png) no-repeat left center;}
.fTop .fAddress ul li.email{background: url(../images/f_ico03.png) no-repeat left center;}
.fTop .fAddress ul li.email a{color:#d5d6dc;padding-right:10px;}
.fTop .fAddress ul li.email a:hover{color:#004ea2;}
.fTop .fWeixin{float:right;width:103px;}
.fTop .fWeixin .wx_t h5{color:#d5d6dc; text-align:center;}
.fTop .fWeixin .wx_img{}
.fTop .fWeixin .wx_img img{width:103px;height:103px;}

/*links*/
.linksBg{clear:both;background-color:#fbfbfb; overflow:hidden;}
.links{clear:both;width:1024px;margin:0 auto;overflow:hidden;padding-bottom:30px;}

.linksUl{clear:both;overflow:hidden;padding-top:5px;}
.linksUl ul li{display:block;float:left;line-height:26px;padding-right:10px;}
.linksUl ul li a{display:block;font-size:13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.linksUl ul li a:hover{ color:#004ea2;}

.copy{clear:both; background:#021323;height:80px;line-height:80px;margin:0 auto; text-align:center;color:#eaeaea;}
.copy a{color:#eaeaea;}

/*二级页面*/

#innerMain{clear:both;overflow:hidden;}

.banner{ width:100%;height:245px;}
.inner{clear:both;margin:0 auto;padding:0px;}

/*bread*/
.bread{width:100%;height:40px; line-height:40px; background-color:#eeeff0;}
.bread .curPosition{width:1024px;margin:0 auto; background: url(../images/dot05.png) no-repeat left center; padding-left:20px;}
.bread .curPosition a{color:#9C9C9C;padding:0px 5px;}
.bread .curPosition a:hover{color:#004ea2;}

/*公司简介*/
.bannerAbout{background: url(../images/banner01.jpg) no-repeat top center;}
.aboutus{width:1024px; margin:0 auto;overflow:hidden;padding:30px 0px 60px 0px;}

/*子页菜单*/
#column{width:1024px; margin:0 auto; text-align:center;padding-top:30px;}
.submenu { }
.submenu ul{text-align:center; margin:0px;padding:0px; overflow:hidden;margin:0 auto;}
.submenu ul li{display:inline-block;width:168px;height:34px;line-height:34px;padding:0px;margin:0px;}
.submenu ul li a{display:inline-block;width:168px;height:34px;line-height:34px;color:#414e64;border:2px #eaecee solid; border-radius:25px;background-color: #fff;}
.submenu ul li a:hover{background-color:#004ea2; border:2px #004ea2 solid;border-radius:25px; color:#fff;}
.submenu ul li.active a{background-color:#004ea2;border:2px #004ea2 solid; border-radius:25px;color:#fff;}

/*产品展示*/
.bannerProduct{background: url(../images/banner02.jpg) no-repeat top center;}

.prodBox{clear:both;overflow:hidden;width:1024px; margin:0 auto;padding:20px 0px;}
.prodBox ul{overflow:hidden;}
.prodBox ul li{display:block; float:left;padding:0px; margin:8px 6px; border:1px #eaeaea solid;}
.prodBox ul li a{display: block; overflow:hidden;cursor: pointer; text-decoration:none;}
.prodBox ul li a .img img{display: block;-webkit-transition: 1s; width:242px; height:174px;}
.prodBox ul li a:hover .img img{-webkit-transform: scale(1.1);}
.prodBox ul li a .txt{ display:block;width:242px;height:90px; line-height:26px; font-size:16px;
text-align:center;margin:0px;padding:15px 30px;background-color:#f5f5f5; color:#666666;}
.prodBox ul li a:hover .txt{ background-color:#004ea2; color:#fff;}

/*分页*/
.page{clear:both;overflow:hidden; text-align:center;padding-bottom:50px;}

/*产品详情*/
.proDetail{clear:both;width:1024px;margin:0 auto;min-height:300px; background-color:#fff;overflow:hidden;margin-top: 30px; padding-bottom:60px;}

.proDetail .title{ height: 36px; line-height:35px; background-color:#fcfcfc; border:1px #f7f7f7 solid;border-bottom:1px #004ea2 solid;font-size: 18px;text-transform: uppercase;margin-bottom:0px; }
.proDetail .title h5{float:left;margin:0px;font-size:18px;line-height:35px; font-weight:normal;color:#fff;padding:0px 20px;background-color:#004ea2;}
.proDetail .title font{padding:0px 15px;font-family:'Arial';color:#9da3b0;}
.proDetail .preview{clear:both; overflow:hidden;padding-bottom:20px;padding-top:20px;}
.proDetail .preview .img{float:left;width:490px;height:410px;border:1px #eeeeee solid;padding:4px; }
.proDetail .preview .img img{width:480px;height:400px;}
.proDetail .preview .preTitle{float:left;margin-left:60px; width:474px;height:400px;}
.proDetail .preview .preTitle h4{font-size:24px; font-weight:normal;}
.proDetail .preview .preTitle a{display: block;font-size:16px;width: 120px;height: 42px; line-height:42px;margin-top:30px;background: #004ea2;border-radius: 10px; text-align:center; color:#fff;}
.proDetail .preview .preTitle a:hover{ background-color:#0185da;}
.proDetail .preview .preTitle .preTitleImg{padding:20px 0px; }
.proDetail .preview .preTitle .preTitleImg img{height:181px;}
.proDetail .description{overflow:hidden;}
.proDetail .description .sameProducts li{display:block;float:left;padding-right:15px;}
.proDetail .installs{clear:both;overflow:hidden;}
.proDetail .install{float:left;}
.proDetail.install img{width:600px;}
/*新闻中心*/
.bannerNews{background: url(../images/banner03.jpg) no-repeat top center;}

.newsList{width:1024px; overflow:hidden;margin:0 auto; min-height:300px;}
.newsList ul li{clear:both; height:40px;line-height:40px; border-bottom:1px dotted #cccccc;}
.newsList ul li a{ display:block;float:left; width:700px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background: url(../images/dot02.png) no-repeat left center; padding-left:15px; color:#202a30;}
.newsList ul li a:hover{ color:#004ea2;}
.newsList ul li span{float:right;}

.newsDetail{clear:both;width: 1024px;margin: 0 auto; overflow:hidden;}
.newsDetail h1{ font-size: 24px; font-weight:normal; color: #499be4; line-height: 36px;text-align:center; margin:0px; padding:0px;}
.newsDetail .newsTitleBox{height:40px; line-height:40px; border-bottom:1px dotted #cccccc;text-align:center;}
.newsDetail .newsTitleBox span{padding:0px 5px;}
.newsDetail .newsDetails { padding: 20px 10px 0; }


/*下载中心*/
.bannerDownload{background: url(../images/banner04.jpg) no-repeat top center;}
.downLoadList{width:1024px; overflow:hidden;margin:0 auto; min-height:300px;}
.downLoadList ul li{clear:both; height:40px;line-height:40px; border-bottom:1px dotted #cccccc;}
.downLoadList ul li a{ display:block;float:left;  background: url(../images/dot02.png) no-repeat left center; padding-left:15px; color:#202a30;}
.downLoadList ul li a:hover{ color:#004ea2;}
.downLoadList ul li a.downLoads_c{width:700px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.downLoadList ul li a.downLoads{ float:right; background:none; color:#499be4;}
.downLoadList ul li .downLoads:hover{ color:#004ea2;}

/*招贤纳士*/
.bannerJoin{background: url(../images/banner05.jpg) no-repeat top center;}

.joinDetail{clear:both;width:1024px; margin:0 auto;min-height:300px;}
.joinDetail table{border-collapse:collapse;width: 100%;line-height:38px;}
.joinDetail tr:nth-child(odd){ background:#f0f3f6;}
.joinDetail tr th{border:1px #d4d4d4 solid;width:150px; color:#666666;padding:0px 15px; text-align:right;}
.joinDetail tr td{border:1px #d4d4d4 solid; padding:0px 15px;}

/*客户留言*/
.bannerMessage{background: url(../images/banner06.jpg) no-repeat top center;}
.onlineMessage{clear:both; margin:0 auto; width:1024px;}
.onlineMessage .title{ width: 1024px;height: 35px; line-height:35px;border-bottom: 1px solid #ccc;font-size: 18px;text-transform: uppercase;margin-bottom:20px; }
.onlineMessage .title h5{float:left;height: 35px; line-height:35px;font-size:18px; font-weight:normal;color:#202a30;padding-right:5px;border-bottom: 3px solid #499be4;padding:0px; margin:0px;}
.onlineMessage .onlineMessage_ul{ clear:both;}
.onlineMessage .onlineMessage_ul ul li{clear:both;padding:5px 0px;}
.onlineMessage .onlineMessage_ul ul li label{float:left;width:80px; text-align:right;padding-right:5px;line-height:36px;}
.onlineMessage .onlineMessage_ul ul li input{width:500px;padding:10px; border:1px #d2d2d2 solid;}
.onlineMessage .onlineMessage_ul ul li textarea{border:1px #d2d2d2 solid;width:800px;}
.onlineMessage .onlineMessage_btn{clear:both; padding-left:85px;}
.onlineMessage .onlineMessage_btn input{ background-color:#499be4; border:none; padding:8px 20px; color:#fff; cursor:pointer;}
.onlineMessage .onlineMessage_btn .reSet{ background-color:#c0c0c0;}
.onlineMessage .onlineMessage_btn .menuhover{background-color:#005bac;}

/*联系我们*/
.bannerContact{background: url(../images/banner07.jpg) no-repeat top center;}
.contactUs{width:1024px;margin:0 auto; overflow:hidden; padding-bottom:50px;}
.contactUs .contactUs-info {text-align:center;}
.contactUs-tel{padding:20px 0px;}
.contactUs .contactUs-info h3{color:#004ea2; font-size:24px;}
.contactUs-tel ul{width:1000px;margin:0 auto;overflow:hidden; border-top:1px dotted #eee; padding:20px 150px;}
.contactUs-tel ul li{float:left;background: url(../images/user.png) no-repeat left center;width:250px;height:64px; padding:0px 0px  0px 80px; margin:0px 50px;}
#dituContent{width:1000px;height:550px;border:#ccc solid 1px; margin:0 auto;}

@media (min-width: 300px){
	.top{width:291px;}
	.top .logo{float: none;text-align:center;}
	.skdslider ul.slide-navs{left:40%;}	
	.about{width:284px;padding: 20px 0px 30px 0px;}
	.about .aboutLeft{float:none; margin:0 auto;width:284px;height: 100%;}
	.item{width:284px;height:110px;margin-bottom: 20px;}
	.item a{height:110px;}
	.about .aboutRight{float:none; margin:0 auto;width:284px;height:100%;padding-top:0px;}
	.about .aboutRight .aboutImg {width: 284px;height: 80px;}
	.about .aboutRight .aboutImg img{width:284px;height:80px;}	
	
	.product{width:280px;}
	#portfolio .portfolio-thumb .overlay .inner {padding: 20px;}
	
	.news{padding-bottom: 0px;}
	.newsContent{width:280px;}
	.newsGroup{margin:0 auto; width:280px;padding-bottom:20px;}
	.newsContent .newsLeft{float:none; overflow:hidden;}
	.newsContent .newsRight{float:none;  overflow:hidden; padding-left:0px; }
	.newsGroup_list ul li a{width:200px;}
	.links{width:280px;}
	
	.footer{clear:both;width:280px;}
	.fTop{height:360px;}
	.fTop .fLogo{float:none;margin:0 auto;}
	.fTop .fAddress{float:none;padding-top:22px;}	
	.fTop .fWeixin{float:none; margin:0 auto;}
	.copy{line-height:24px;padding-top:20px;}
	.copy p{width:260px; margin:0 auto;}
	
	
	
	.bread .curPosition{width:280px;}	
	.submenu ul li{margin:5px;width:168px;}
	.submenu ul li a{width:168px;}
	.aboutus{width:280px;}
	
	#column{width:280px;}
	.prodBox{width:280px;}
	.prodBox ul li{margin:8px 10px;}
	.prodBox ul li a .img img{width:260px; height:187px;}
	.prodBox ul li a .txt{width:260px;}
	
	
	.proDetail{width:280px;}
	.proDetail .title{font-size:12px;}
	.proDetail .title font{padding:0px 5px;}
	.proDetail .preview .img{float:none;width:280px;height:233px;margin:0 auto; }
	.proDetail .preview .img img{width:270px;height:225px;}
	.proDetail .preview .preTitle{float:none;margin-left:0px; width:280px;height:100%; text-align:center;}
	.proDetail .preview .preTitle h4{font-size:18px; }	
	.proDetail .preview .preTitle .preTitleImg{padding:0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:107px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:280px;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:280px; margin:0 auto;}
	.proDetail .description .sproducts img{width:240px;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#f7f7f7; color:#000;}
	.proDetail .description .list-ul .even{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:none;}
	
	.proDetail .install img{width:280px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:280px;}
	.newsList ul li a{width:200px;}	
	.newsDetail{width: 280px;}
	
	.downLoadList{width:280px;}
	.downLoadList ul li a.downLoads_c{width:200px;}
	
	.joinDetail{width:280px;}
	.joinDetail tr th{width:90px;}
	
	.onlineMessage{width:280px;}
	.onlineMessage .title{ width: 280px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:250px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:250px;}
	.contactUs{width:280px;}
	.contactUs .contactUs-info h3{font-size:18px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:280px; padding:0px;}
	.contactUs-tel ul li{float:none;width:280px;height:64px; margin:20px 0px 0px 0px;}
	#dituContent{width:280px;height:200px;}
}

@media (min-width: 360px){
	.top{width:330px;}
	.top .logo{float: none;text-align:center;}
	.skdslider ul.slide-navs{left:40%;}
	.about{width:330px;padding: 20px 0px 30px 0px;}
	.about .aboutLeft{float:none; margin:0 auto;width:330px;height:100%;}
	.item{width:330px;height:100px;margin-bottom: 20px;}
	.item a{height:100px;}
	.about .aboutRight{float:none; margin:0 auto;width:330px;height:100%; padding-top:0px;}
	.about .aboutRight .aboutImg {width: 330px;height: 100px;}
	.about .aboutRight .aboutImg img{width:330px;height:100px;}	
	
	.product{width:330px;}
	#portfolio .portfolio-thumb .overlay .inner {padding:60px 20px;}
	
	.news{padding-bottom: 0px;}
	.newsContent{width:330px;}
	.newsGroup{margin:0 auto; width:330px;padding-bottom:20px;}
	.newsContent .newsLeft{float:none; overflow:hidden;}
	.newsContent .newsRight{float:none;  overflow:hidden; padding-left:0px; }
	.newsGroup_list ul li a{width:200px;}
	
	.links{width:330px;}
	
	.footer{clear:both;width:330px;}
	.fTop{height:330px;}
	.fTop .fLogo{float:none;margin:0 auto;}
	.fTop .fAddress{float:none;padding-top:22px;}	
	.fTop .fWeixin{float:none; margin:0 auto;}
	.copy{line-height:24px;padding-top:20px;}
	.copy p{width:260px; margin:0 auto;}

	.bread .curPosition{width:350px;}
	.submenu ul li{margin:5px;width:200px;}
	.submenu ul li a{width:200px;}
	.aboutus{width:330px;}
	
	#column{width:350px;}
	.prodBox{width:350px;}
	.prodBox ul li{margin:8px 10px;}
	.prodBox ul li a .img img{width:330px; height:237px;}
	.prodBox ul li a .txt{width:330px;}
	
	.proDetail{width:350px;}
	.proDetail .title{ }
	.proDetail .preview .img{float:none;width:350px;height:290px; }
	.proDetail .preview .img img{width:350px;height:290px;}
	.proDetail .preview .preTitle{float:none;padding-left:0px; width:350px;}
	
	.proDetail{width:350px;}
	.proDetail .title{font-size:18px;}
	.proDetail .title font{padding:0px 5px;}
	.proDetail .preview .img{float:none;width:350px;height:293px; margin:0 auto;}
	.proDetail .preview .img img{width:340px;height:283px;}
	.proDetail .preview .preTitle{float:none;margin-left:0px; width:350px;height:100%; text-align:center;}
	.proDetail .preview .preTitle h4{font-size:20px; }	
	.proDetail .preview .preTitle .preTitleImg{padding:0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:134px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:350px;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:350px; margin:0 auto;}
	.proDetail .description .sproducts img{width:320px;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#f7f7f7; color:#000;}
	.proDetail .description .list-ul .even{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:none;}
	.proDetail .install img{width:350px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:350px;}
	.newsList ul li a{width:200px;}	
	.newsDetail{width: 350px;}
	
	.downLoadList{width:350px;}
	.downLoadList ul li a.downLoads_c{width:200px;}
	
	.joinDetail{width:350px;}
	.joinDetail tr th{width:90px;}
	
	.onlineMessage{width:350px;}
	.onlineMessage .title{ width: 350px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:250px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:250px;}
	.contactUs{width:350px;}
	.contactUs .contactUs-info h3{font-size:18px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:350px; padding:0px;}
	.contactUs-tel ul li{float:none;width:350px;height:64px; margin:20px 0px 0px 0px;}
	#dituContent{width:350px;height:200px;}

}

@media (max-width: 414px){
	.newsDetail .newsTitleBox{height: 100%; line-height: 30px;}
	.newsDetails img{width:100%;height:auto;}
	
}
@media (min-width: 414px){
	.top{width:390px;}
	.top .logo{float: none;text-align:center;}
	.skdslider ul.slide-navs{left:42%;}
	.about{width:390px;padding: 30px 0px 40px 0px;}
	.about .aboutLeft{float:none; margin:0 auto;width:390px;height: 100%;}
	.item{width:390px;height:100px;margin-bottom: 20px;}
	.item a{height:100px;}
	.about .aboutRight{float:none; margin:0 auto;width:390px;height:100%;padding-top:0px;}
	.about .aboutRight .aboutImg {width: 390px;height: 120px;}
	.about .aboutRight .aboutImg img{width:390px;height:120px;}
	
	.product{width:390px;}
	#portfolio .portfolio-thumb .overlay .inner {padding: 80px 20px;}
	
	.news{padding-bottom: 0px;}
	.newsContent{width:390px;}
	.newsGroup{margin:0 auto; width:390px;padding-bottom:20px;}
	.newsContent .newsLeft{float:none; overflow:hidden;}
	.newsContent .newsRight{float:none;  overflow:hidden; padding-left:0px; }
	.newsGroup_list ul li a{width:240px;}
	
	.links{width:390px;}
	
	.footer{clear:both;width:340px;}
	.fTop{height:340px;}
	.fTop .fLogo{float:none; margin:0 auto;}
	.fTop .fAddress{float:none;padding-top:22px;}	
	.fTop .fWeixin{float:none; margin:0 auto;}
	.copy{line-height:24px;padding-top:20px;}
	.copy p{width:260px; margin:0 auto;}
	
	
	.bread .curPosition{width:390px;}
	.submenu ul li{margin:5px;width:250px;}
	.submenu ul li a{width:250px;}
	.aboutus{width:390px;}
	
	#column{width:400px;}
	.prodBox{width:400px;}
	.prodBox ul li{margin:8px 10px;}
	.prodBox ul li a .img img{width:380px; height:273px;}
	.prodBox ul li a .txt{width:380px;}	
	
	.proDetail{width:390px;}
	.proDetail .preview .img{float:none;width:390px;height:327px;margin:0 auto; }
	.proDetail .preview .img img{width:380px;height:317px;}
	.proDetail .preview .preTitle{float:none;margin-left:0px; width:390px;height:100%; text-align:center;}
	.proDetail .preview .preTitle h4{font-size:20px; }	
	.proDetail .preview .preTitle .preTitleImg{padding:0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:149px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:390px;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:390px; margin:0 auto;}
	.proDetail .description .sproducts img{width:360px;}	
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#f7f7f7; color:#000;}
	.proDetail .description .list-ul .even{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:none;}
	.proDetail .install img{width:390px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:390px;}
	.newsList ul li a{width:240px;}	
	.newsDetail{width: 390px;}
	
	.downLoadList{width:390px;}
	.downLoadList ul li a.downLoads_c{width:200px;}
	
	.joinDetail{width:390px;}
	.joinDetail tr th{width:90px;}
	
	.onlineMessage{width:390px;}
	.onlineMessage .title{ width: 390px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:250px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:250px;}
	.contactUs{width:390px;}
	.contactUs .contactUs-info h3{font-size:18px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:390px; padding:0px;}
	.contactUs-tel ul li{float:none;width:250px;height:64px; margin:20px 0px 0px 80px;}
	#dituContent{width:390px;height:260px;}
}

@media (min-width: 568px){
	.top{width:540px;}
	.top .logo{float: none;text-align:center;}
	.skdslider ul.slide-navs{left:42%;}
	.about{width:540px;padding: 40px 0px;}
	.about .aboutLeft{float:none; margin:0 auto;width:540px;}
	.item{width:540px;height:80px;margin-bottom: 20px;}
	.item a{height:80px;}
	.about .aboutRight{float:none; margin:0 auto;width:540px;height:100%;padding-top:15px;}
	.about .aboutRight .aboutImg {width: 540px;height: 150px;}
	.about .aboutRight .aboutImg img{width:540px;height:150px;}	
	
	.product{width:540px;}
	#portfolio .portfolio-thumb .overlay .inner {padding:120px 20px;}
	
	.news{padding-bottom: 0px;}
	.newsContent{width:540px;}
	.newsGroup{margin:0 auto; width:540px;padding-bottom:20px;}
	.newsContent .newsLeft{float:none; overflow:hidden;}
	.newsContent .newsRight{float:none;  overflow:hidden; padding-left:0px; }
	.newsGroup_list ul li a{width:360px;}
	
	.links{width:540px;}
	
	.footer{clear:both;width:540px;}
	.fTop{height:250px;}
	.fTop .fLogo{float:none;margin:0 auto;}
	.fTop .fAddress{float:left;padding-top:22px;}	
	.fTop .fWeixin{float:right;}
	.copy{line-height:24px;padding-top:20px;}
	.copy p{width:260px; margin:0 auto;}	
	
	
	.bread .curPosition{width:540px;}
	.submenu ul li{margin:5px;width:160px;}
	.submenu ul li a{width:160px;}
	.aboutus{width:540px;}
	
	#column{width:540px;}
	.prodBox{width:540px;}
	.prodBox ul li{margin:8px 10px;}
	.prodBox ul li a .img img{width:242px; height:174px;}
	.prodBox ul li a .txt{width:242px;}

	.proDetail{width:540px;}
	.proDetail .preview .img{float:none;width:540px;height:452px; margin:0 auto; }
	.proDetail .preview .img img{width:530px;height:442px;}
	.proDetail .preview .preTitle{float:none;margin-left:0px; width:540px;height:100%; text-align:center;}
	.proDetail .preview .preTitle h4{font-size:22px; }	
	.proDetail .preview .preTitle .preTitleImg{padding:0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:206px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:540px;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:540px; margin:0 auto;}
	.proDetail .description .sproducts img{width:380px;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#f7f7f7; color:#000;}
	.proDetail .description .list-ul .even{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:none;}
	.proDetail .install img{width:540px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:540px;}
	.newsList ul li a{width:350px;}	
	.newsDetail{width: 540px;}
	
	.downLoadList{width:540px;}
	.downLoadList ul li a.downLoads_c{width:350px;}
	
	.joinDetail{width:540px;}
	.joinDetail tr th{width:90px;}
	
	.onlineMessage{width:540px;}
	.onlineMessage .title{ width: 540px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:250px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:250px;}
	.contactUs{width:540px;}
	.contactUs .contactUs-info h3{font-size:24px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:540px; padding:0px;}
	.contactUs-tel ul li{float:left;width:270px;height:64px; margin:20px 0px 0px 0px;}
	#dituContent{width:540px;height:300px;}
}

@media (min-width: 667px){
	.top{width:600px;}
	.top .logo{float: left;text-align:center;}
	.top .hotline {display: block;}
	.skdslider ul.slide-navs{left:44%;}	
	.about{width:600px;padding: 40px 0px 50px 0px;}
	.about .aboutLeft{float:none; margin:0 auto;width:600px;height: 100%;}
	.item{width:600px;height:80px;margin-bottom: 20px;}
	.item a{height:80px;}
	.about .aboutRight{float:none; margin:0 auto;width:600px;height:100%;padding-top:20px;}
	.about .aboutRight .aboutImg {width: 600px;height: 150px;}
	.about .aboutRight .aboutImg img{width:600px;height:150px;}	
	
	.product{width:600px;}
	#portfolio .portfolio-thumb .overlay .inner {padding: 140px 20px;}
	
	.news{padding-bottom: 0px;}
	.newsContent{width:600px;}
	.newsGroup{margin:0 auto; width:600px;padding-bottom:20px;}
	.newsContent .newsLeft{float:none; overflow:hidden;}
	.newsContent .newsRight{float:none;  overflow:hidden; padding-left:0px; }
	.newsGroup_list ul li a{width:420px;}
	
	.links{width:600px;}
	
	.footer{clear:both;width:600px;}
	.fTop{height:250px;}
	.fTop .fLogo{float:none; margin:0 auto;}
	.fTop .fAddress{float:left;padding-top:22px;}	
	.fTop .fWeixin{float:right;}
	.copy{line-height:80px;padding-top:0px;}
	.copy p{width:600px; margin:0 auto;}	
	
	
	.bread .curPosition{width:600px;}
	.submenu ul li{margin:5px;width:160px;}
	.submenu ul li a{width:160px;}
	.aboutus{width:600px;}
	
	#column{width:600px;}
	.prodBox{width:600px;}
	.prodBox ul li{margin:8px 10px;}
	.prodBox ul li a .img img{width:278px; height:200px;}
	.prodBox ul li a .txt{width:278px;}
		
	.proDetail{width:600px;}
	.proDetail .preview .img{float:none;width:540px;height:452px; margin:0 auto;}
	.proDetail .preview .img img{width:530px;height:442px;}
	.proDetail .preview .preTitle{float:none;margin-left:0px; width:600px;height:100%; text-align:center;}
	.proDetail .preview .preTitle h4 {font-size: 22px;padding-top:10px;}
	.proDetail .preview .preTitle .preTitleImg{padding:0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:229px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:600px;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:600px; margin:0 auto;}
	.proDetail .description .sproducts img{width:380px;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#f7f7f7; color:#000;}
	.proDetail .description .list-ul .even{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:none;}
	.proDetail .install img{width:600px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:600px;}
	.newsList ul li a{width:450px;}	
	.newsDetail{width: 600px;}
	
	.downLoadList{width:600px;}
	.downLoadList ul li a.downLoads_c{width:450px;}
	
	.joinDetail{width:600px;}
	.joinDetail tr th{width:90px;}
	
	.onlineMessage{width:600px;}
	.onlineMessage .title{ width: 600px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:250px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:250px;}
	
	.contactUs{width:600px;}
	.contactUs .contactUs-info h3{font-size:24px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:600px; padding:0px 50px;}
	.contactUs-tel ul li{float:left;width:250px;height:64px; margin:20px 0px 0px 0px;}
	#dituContent{width:600px;height:400px;}
}
@media (max-width: 667px){
	.top .hotline{ display:none;}

}

@media (min-width: 768px){
	.top{width:750px;}	
	.top .logo{float: left;text-align:center;}
	.top .hotline {display: block;}
	.nav>li>a{padding:15px 18px;}
	.skdslider ul.slide-navs{left:44%;}
	.about{width:750px;padding: 40px 0px 30px 0px;}
	.about .aboutLeft{float:left; margin:0 auto;width:350px;height:100%;}
	.item{width:350px;height:90px;margin-bottom: 20px;}
	.item a{height:90px;}
	.about .aboutRight{float:right; margin:0 auto;width:350px;height:100%;padding-top:0px;}
	.about .aboutRight .aboutImg {width: 350px;height: 105px;}
	.about .aboutRight .aboutImg img{width:350px;height:105px;}
	
	.product{width:750px;}
	#portfolio .portfolio-thumb .overlay .inner {padding: 60px 20px;}
	
	.news{padding-bottom: 20px;}
	.newsContent{width:750px;}
	.newsGroup{margin:0 auto; width:350px;padding-bottom:0px;}
	.newsContent .newsLeft{float:left; overflow:hidden;}
	.newsContent .newsRight{float:right;  overflow:hidden; }
	.newsGroup_list ul li a{width:210px;}
	
	.links{width:750px;}
	
	.footer{clear:both;width:550px;}
	.fTop{height:250px;}
	.fTop .fLogo{float:none; margin:0 auto;}
	.fTop .fAddress{float:left; padding-top:22px;}
	.fTop .fWeixin{float:right;}
	.copy{line-height:80px;padding-top:0px;}
	.copy p{width:600px; margin:0 auto;}
	
	
	.bread .curPosition{width:750px;}
	.submenu ul li{margin:5px;width:110px;}
	.submenu ul li a{width:110px;}
	.aboutus{width:750px;}
	
	#column{width:750px;}
	.prodBox{width:750px;}
	.prodBox ul li{margin:8px 3px;}
	.prodBox ul li a .img img{width:242px; height:174px;}
	.prodBox ul li a .txt{width:242px;}
	
	.proDetail{width:750px;}
	.proDetail .preview .img{float:left;width:350px;height:293px; margin:0 auto;}
	.proDetail .preview .img img{width:340px;height:283px;}
	.proDetail .preview .preTitle{float:left;margin-left:20px; width:380px;height:100%; text-align:left;}
	.proDetail .preview .preTitle h4 {font-size: 20px;}
	.proDetail .preview .preTitle .preTitleImg{padding:0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:145px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:750px;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:700px; margin:0 auto;}
	.proDetail .description .sproducts .sproducts-l{float:left;}
	.proDetail .description .sproducts .sproducts-r{float:right;}
	.proDetail .description .sproducts img{width:340px;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#f7f7f7; color:#000;}
	.proDetail .description .list-ul .even{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:none;}
	.proDetail .install img{width:375px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:750px;}
	.newsList ul li a{width:500px;}	
	.newsDetail{width: 750px;}
	
	.downLoadList{width:750px;}
	.downLoadList ul li a.downLoads_c{width:500px;}
	
	.joinDetail{width:750px;}
	.joinDetail tr th{width:100px;}
	
	.onlineMessage{width:750px;}
	.onlineMessage .title{ width: 750px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:500px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:500px;}
	
	.contactUs{width:750px;}
	.contactUs .contactUs-info h3{font-size:24px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:750px; padding:0px 125px;}
	.contactUs-tel ul li{float:left;width:250px;height:64px; margin:20px 0px 0px 0px;}
	#dituContent{width:750px;height:400px;}
}
@media (max-width: 992px){
	.newsDetails img{width:100%;height:auto;}
}
@media (min-width: 992px){
	.top{width:970px;}	
	.nav>li>a{padding:15px 32px;}
	.skdslider ul.slide-navs{left:46%;}	
	.about{width:970px;padding: 50px 0px 20px 0px;}
	.about .aboutLeft{float:left;width:450px;height:100%;}
	.item{width:450px;height:80px;margin-bottom: 30px;}
	.item a{height:80px;}
	.about .aboutRight{float:right;width:450px;height:100%;padding-top:0px;}
	.about .aboutRight .aboutImg {width: 450px;height: 130px;}	
	.about .aboutRight .aboutImg img{width:450px;height:130px;}

	.product{width:970px;}
	#portfolio .portfolio-thumb .overlay .inner {padding: 15px;}
	
	.news{padding-bottom: 10px;}
	.newsContent{width:970px;}
	.newsGroup{width:465px;padding-bottom:0px;}
	.newsContent .newsLeft{float:left;}
	.newsContent .newsRight{float:right;}
	.newsGroup_list ul li a{width:280px;}
	
	.links{width:970px;}
	
	.footer{clear:both;width:970px;}
	.fTop{height:100px;}
	.fTop .fLogo{float:left; padding-top:22px;}
	.fTop .fAddress{float:left;padding-top:22px;}
	.fTop .fWeixin{float:right;}
	.copy{line-height:80px;padding-top:0px;}
	.copy p{width:970px; margin:0 auto;}
	
	
	.bread .curPosition{width:970px;}
	.submenu ul li{margin:5px;width:148px;}
	.submenu ul li a{width:148px;}
	.aboutus{width:970px;}
	
	#column{width:970px;}
	.prodBox{width:968px; margin:0 auto;}
	.prodBox ul li{margin:8px 6px;}
	.prodBox ul li a .img img{width:228px; height:165px;}
	.prodBox ul li a .txt{width:228px;}

	.proDetail{width:970px;}
	.proDetail .preview .img{float:left;width:450px;height:377px; margin:0 auto;}
	.proDetail .preview .img img{width:440px;height:367px;}
	.proDetail .preview .preTitle{float:left;margin-left:30px; width:490px;height:100%; text-align:left;}
	.proDetail .preview .preTitle h4 {font-size: 22px;}
	.proDetail .preview .preTitle .preTitleImg{padding:10px 0px 30px 0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:187px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:auto;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:760px; margin:0 auto;}
	.proDetail .description .sproducts .sproducts-l{float:left;}
	.proDetail .description .sproducts .sproducts-r{float:right;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{width:50%;float:left;padding:8px;background-color:#f7f7f7;border:2px solid #ffffff; color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:block;}
	.proDetail .install img{width:485px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:970px;}
	.newsList ul li a{width:600px;}	
	.newsDetail{width: 970px;}
	
	.downLoadList{width:970px;}
	.downLoadList ul li a.downLoads_c{width:600px;}
	
	.joinDetail{width:970px;}
	.joinDetail tr th{width:150px;}
	
	.onlineMessage{width:970px;}
	.onlineMessage .title{ width: 970px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:500px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:800px;}
	
	.contactUs{width:970px;}
	.contactUs .contactUs-info h3{font-size:24px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:970px; padding:20px 150px;}
	.contactUs-tel ul li{float:left;width:250px;height:64px; margin:0px 40px;}
	#dituContent{width:970px;height:550px;}
}

@media (max-width: 992px){
	.top .hotline{ }

}

@media (min-width: 1200px){	
	.top{width:1024px;}
	.container {width: 1024px;}
	.nav>li>a{padding:15px 35px;}
	.skdslider ul.slide-navs{left:48%;}	
	.about{width:1024px;padding: 60px 0px 50px 0px;}
	.about .aboutLeft{float:left;width:480px;height:310px;}
	.item{width:480px;height:80px;margin-bottom: 30px;}
	.item a{height:80px;}
	.about .aboutRight{float:right;width:480px;height:310px;padding-top:0px;}
	.about .aboutRight .aboutImg {width: 480px;height: 150px;}
	.about .aboutRight .aboutImg img{width:480px;height:150px;}

	.product{width:1024px;}
	#portfolio .portfolio-thumb .overlay .inner {padding:20px;}
	
	.news{padding-bottom: 30px;}
	.newsContent{width:1024px;}
	.newsGroup{width:492px; padding-bottom:0px;}
	.newsContent .newsLeft{float:left;}
	.newsContent .newsRight{float:right; }
	.newsGroup_list ul li a{width:300px;}
	
	.links{width:1024px;}
	
	.footer{clear:both;width:1024px;}
	.fTop{height:100px;}
	.fTop .fLogo{float:left; padding-top:22px;}
	.fTop .fAddress{float:left;padding-top:22px;}	
	.fTop .fWeixin{float:right;}
	.copy{line-height:80px;padding-top:0px;}
	.copy p{width:1024px; margin:0 auto;}
	
	
	.bread .curPosition{width:1024px;}
	
	.aboutus{width:1024px;}
	
	#column{width:1024px;}
	.aboutus{width:1024px; overflow:hidden;}
	.prodBox{width:1024px;}
	.prodBox ul li{margin:8px 6px;}
	.prodBox ul li a .img img{width:242px; height:174px;}
	.prodBox ul li a .txt{width:242px;}

	.proDetail{width:1024px;}
	.proDetail .preview .img{float:left;width:490px;height:410px; margin:0 auto;}
	.proDetail .preview .img img{width:480px;height:400px;}
	.proDetail .preview .preTitle{float:left;margin-left:60px; width:474px;height:100%; text-align:left;}
	.proDetail .preview .preTitle h4 {font-size: 22px;}
	.proDetail .preview .preTitle .preTitleImg{padding:10px 0px 70px 0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:181px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	.proDetail .description .jishu img{width:auto;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:800px; margin:0 auto;}
	.proDetail .description .sproducts .sproducts-l{float:left;}
	.proDetail .description .sproducts .sproducts-r{float:right;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{width:50%;float:left;padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:block;}
	.proDetail .install img{width:512px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
	
	.newsList{width:1024px;}
	.newsList ul li a{width:700px;}	
	.newsDetail{width: 1024px;}
	
	.downLoadList{width:1024px;}
	.downLoadList ul li a.downLoads_c{width:700px;}

	.joinDetail{width:1024px;}
	.joinDetail tr th{width:150px;}	

	.onlineMessage{width:1024px;}
	.onlineMessage .title{ width: 1024px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:500px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:800px;}

	.contactUs{width:1000px;}
	.contactUs .contactUs-info h3{font-size:24px;}
	.contactUs-tel{padding:20px 0px;}
	.contactUs-tel ul{width:1000px; padding:20px 150px;}
	.contactUs-tel ul li{float:left;width:250px;height:64px; margin:0px 50px;}
	#dituContent{width:1000px;height:550px;}
	
}
@media (max-width: 1200px){
	.top .hotline{ }

}

@media (min-width: 1300px){	
	.top{width:1200px;}
	.container {width: 1200px;}
	.nav>li>a{padding:15px 46px;}
	.skdslider ul.slide-navs{left:48%;}
	.about{width:1200px;padding: 60px 0px 50px 0px;}
	.about .aboutLeft{float:left;width:550px;height:310px;}
	.item{width:550px;height:80px;margin-bottom: 30px;}
	.item a{height:80px;}
	.about .aboutRight{float:right;width:550px;height:310px;padding-top:0px;}	
	.about .aboutRight .aboutImg {width: 550px;height: 150px;}
	.about .aboutRight .aboutImg img{width:550px;height:150px;}
	
	.product{width:1200px;}
	#portfolio .portfolio-thumb .overlay .inner {padding: 30px 20px;}
	
	.news{padding-bottom: 30px;}
	.newsContent{width:1200px;}
	.newsGroup{width:550px;padding-bottom:0px;}
	.newsContent .newsLeft{float:left;}
	.newsContent .newsRight{float:right;}
	.newsGroup_list ul li a{width:380px;}
	
	.links{width:1200px;}
	
	.footer{clear:both;width:1200px;}
	.fTop{height:100px;}
	.fTop .fLogo{float:left; padding-top:22px;}
	.fTop .fAddress{float:left;padding-top:22px;}
	.fTop .fWeixin{float:right;}
	.copy{line-height:80px;padding-top:0px;}
	.copy p{width:1200px; margin:0 auto;}	
	
	.bread .curPosition{width:1200px;}
	
	.aboutus{width:1200px;}
	
	#column{width:1200px;}
	.aboutus{width:1200px; overflow:hidden;}
	.prodBox{width:1200px;}
	.prodBox ul li{margin:8px 10px;}
	.prodBox ul li a .img img{width:278px; height:200px;}
	.prodBox ul li a .txt{width:278px;}
	
	.proDetail{width:1200px;}
	.proDetail .preview .img{float:left;width:490px;height:410px; margin:0 auto;}
	.proDetail .preview .img img{width:480px;height:400px;}
	.proDetail .preview .preTitle{float:left;margin-left:60px; width:650px;height:100%; text-align:left;}
	.proDetail .preview .preTitle .preTitleImg{padding:20px 0px; }
	.proDetail .preview .preTitle .preTitleImg img{height:248px;}
	.proDetail .description .jishu img{width:auto;}
	.proDetail .description .sproducts{clear:both; overflow:hidden;text-align:center; width:800px; margin:0 auto;}
	.proDetail .description .sproducts .sproducts-l{float:left;}
	.proDetail .description .sproducts .sproducts-r{float:right;}
	.proDetail .description .list-ul {width:100%;overflow:hidden;margin-bottom:20px;}
	.proDetail .description .list-ul .list-li{width:50%;float:left;padding:8px;background-color:#f7f7f7;border:2px solid #ffffff;color:#000;}
	.proDetail .description .list-ul .list-tr{background-color:#70a1d5; color:#fff;}
	.proDetail .description .list-ul .list-p{display:block;}
	.proDetail .install img{width:600px;}
	
	.newsList{width:1200px;}
	.newsList ul li a{width:700px;}	
	.newsDetail{width: 1200px;}
	
	.downLoadList{width:1200px;}
	.downLoadList ul li a.downLoads_c{width:700px;}

	.joinDetail{width:1200px;}
	.joinDetail tr th{width:150px;}	

	.onlineMessage{width:1200px;}
	.onlineMessage .title{ width: 1200px;}
	.onlineMessage .onlineMessage_ul ul li label{float:left;}
	.onlineMessage .onlineMessage_ul ul li input{width:500px;}
	.onlineMessage .onlineMessage_ul ul li textarea{width:800px;}

	.contactUs{width:1200px;}
	
}


/***animate css***/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}


.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
 
.technical table{border-collapse: collapse;width:100%;}
.technical table thead tr{background-color:#70a1d5}
.technical table tbody tr:nth-child(even){background-color:#f7f7f7;}
.technical table tr td{ border:1px #fff solid;padding:8px;}