<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "gb2312";

/*响应式导航*/
.mobileIconCon {
  display: none;
  background: url(../images/menu.png) no-repeat 20px center #60c0bd;
  position: relative;
}
.mobileIconCon a {
  display: block;
  width: 40px;
  height: 50px;
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
}
.searchBtn {
  background: url(../images/search.jpg) center center no-repeat;
  width: 40px;
  height: 60px;
  right: 20px;
  position: absolute;
  top: 35px;
  z-index: 5;
  display: none;
}
#mobileNavTit {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 1.8em;
  color: #fff;
}
.mobileSearchCon {
  display: none;
  width: 100%;
  height: 46px;
  background-color: #9bc0df;
  overflow: hidden;
}
.mobileSearchBox {
  position: relative;
  width: 98%;
  height: 40px;
  margin: 3px auto;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.mobileSearchBox input[type="text"] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.4em;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  color: #999;
}
.mobileSearchBox input[type="submit"] {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  border: none;
  background: url(../images/search.jpg) center no-repeat;
}
.sideNavCon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999;
}
.sideNavCon .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11000;
}
.sideNavCon .sideNavScroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: #fff;
  overflow: hidden;
  z-index: 11001;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: .5s ease all;
  transition: .5s ease all;
}
.sideNavCon .sideNavScroll.on {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.sideNavCon .sideNavScroll .closeSideNavCon {
  display: block;
  width: 100%;
  height: 30px;
  text-align: right;
  padding-top: 5px;
}
.sideNavCon .sideNavScroll .closeSideNavCon a {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-color: #666;
  border-radius: 50%;
  line-height: 30px;
  font-size: 22px;
  color: #fff;
  text-align: center;
}
.sideNavCon .sideNav {
  width: 100%;
}
.sideNavCon .sideNav li {
  position: relative;
  margin: 0 10px;
  border-bottom: 1px solid #dcdbdb;
}
.sideNavCon .sideNav li &gt; a {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 1.6em;
  color: #333;
  line-height: 50px;
}
.sideNavCon .sideNav li i {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  font-size: 1.4em;
  width: 50px;
  height: 50px;
  line-height: 4;
  color: #333;
  font-weight: bold;
  text-align: center;
  font-style: normal;
  z-index: 2;
  transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
}
.sideNavCon .sideChildNavScroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: #f1f1f1;
  overflow: hidden;
  z-index: 11002;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: .5s ease all;
  transition: .5s ease all;
}
.sideNavCon .sideChildNavScroll.on {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.sideNavCon .sideChildNavScroll .backBtn {
  position: relative;
  width: 100%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  color: #333;
  font-size: 16px;
  background-color: #fff;
  border-bottom: 1px solid #ededed;
}
.sideNavCon .sideChildNavScroll .backBtn span {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
.sideNavCon .sideChildNav &gt; ul {
  width: 100%;
}
.sideNavCon .sideChildNav &gt; ul &gt; li {
  width: 100%;
  display: none;
}
.sideNavCon .sideChildNav dl dt {
  height: 60px;
  line-height: 60px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ededed;
}
.sideNavCon .sideChildNav dl dt a {
  display: block;
  padding: 0 10px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.sideNavCon .sideChildNav dl dd {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e8e8e8;
}
.sideNavCon .sideChildNav dl dd a {
  display: block;
  padding: 0 20px;
  color: #333;
  font-size: 16px;
}
.sideNavCon .sideChildNav .sideChildWord li {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e8e8e8;
}
.sideNavCon .sideChildNav .sideChildWord li a {
  display: block;
  padding: 0 20px;
  color: #333;
  font-size: 16px;
}

@media screen and (max-width: 1200px){	
	
	body{ width:100%;}
	.order{ display:none;}
	.bann{ width:100%;}
	
}
#focus img{ width:100%;height:auto;}
#focus{ width:100%;height:auto;}
@media screen and (max-width: 1024px){
	
	
	.navgrp{ display:none;}
	.mobileIconCon{ display:block;}
	.inav, .casePicUl, .claPicUl, .ccbd, .footOne, .link, .copyright, .banner2, .contact, .main, .top{ width:100%;}
	.mainConListCurr .ProView{ width:100%;}
	.inav, .topnbd, .top{height:auto;}
	
	.inav .iteam{    width: 33%;
	padding-left:0;
	padding-top:50px;
	height:quto;
	font-size:14px;line-height:24px; text-align:center;}
	.inav .bg1{background: url(../images/inav1.jpg) center  top  no-repeat;background-size: 50px;}
.inav .bg2{background: url(../images/inav2.jpg) center  top  no-repeat;background-size: 50px;}
.inav .bg3{background: url(../images/inav3.jpg) center  top  no-repeat;background-size: 50px;}
.casePicUl li {
    width: 50%;
    height: auto;
    margin-right: 0;
    background: #fff;
}
.casePicUl .casePicUlP {
    width: 98%;
	margin:0 auto;
    height: auto;
}
.casePicUl .casePicUlP img{
    width: 100%;
    height: auto;
}
.casePicUl .casePicUlT {
    width:95%;padding: 0px;text-align:center;margin-top: 0px; 
}
.casePicUl .casePicUlTr {
    width: 95%;
    padding: 0;height: 110px; overflow:hidden;margin:0 auto
}
.claPicUl{height:auto;}
.claPicUl li{
	width: 48%; height: auto; padding:1%; margin-right:0 ;
}
.claPicUl .claPicUlP {
    width: 90%;
    height: 159px;
	margin: 0 auto;
    text-align: center;
}
.company{width:100%;height:auto}
.companynr{width:100%;height:auto}
.companynr dt{ 
	width: 40%; height: auto; padding-right: 5%;
} 
.companynr dt img{ 
	width: 100%; height: auto; margin-top:10px;
} 
.companynr dd{
	width:55%; height:auto;float:right;margin-top:10px;
}	
.companynr dd span{ 
	width:100%; height:auto;display: block;
	color:#333333; font-size: 12px; line-height: 16px; 
}
.contactnr p {   
    font-size: 14px;
    line-height: 28px;
}
.company{ 
	float:left; 
}
.footTel{ 
	float: none;
	height:70px; padding-left:100px;margin-left:0px;
	width:60%;margin:0 auto
	 }
.footTel .tel .fl{ 
display:none;
	 }
.footImg, .footOneOrder{display:none;}
.btnav{display:none}
.linkTitle{
	width: auto; 
}
.link_list{ 
	
	width: 100%;}
	.copyrightnr{ width:100%;padding-left:0px;}
.searchbd{display:none;}
#mbanner{display:block}
#pcbanner{display:none}
.logo{width:90%; height:auto;float:none;margin:0 auto;text-align:center}
.logo img{width:auto; margin:0 auto;height:auto;max-width:50%}
.contact{ height: auto; }
.contactnr{ height: auto; overflow:hidden;}
.contactnr{width:100%;}
.claPicUl .claPicUlT{ 
	width: 100%;
}
.claPicUl .claPicUlTr{
	width: 100%;
}
.left{display:none}
.mainCon{width:95%;margin:0 auto;padding-left:0;float:none}
.mainConTitle .position{display:none}
.mainConList .pic1{ 
	
	width:50%; height:auto;margin-right: 0px;}
.mainConList .pic1 a{
	
	width:95%; height:auto;
}		
.mainConList .pic1 dt.pic{width:100%; height:auto;}
.mainConList .pic1 dt.pic img{width:100%; height:300px;padding:0 !important}
.mainConList .pic1 dd.intro{
	 width:100%; height: 60px; 
}
.mainConList .pic1 dd.intro span{
	width:100%; height:22px; 
}
.mainConListCurr .ProView li.a{ 
	width: 70%; 
}

.mainConListCurr .ProView li.e{ width: 30%  }
.backgroudR{background: #fff;}
}
@media screen and (min-width: 1025px){
.inav, .casePicUl, .claPicUl, .ccbd, .footOne, .link, .copyright, .banner2, .main, .mainConTitle, .top{width:1000px;}
.mainConListCurr .ProView{ width:1000px;}
.inav{height:166px;}
.topnbd, .top{height:90px;}
.inav .iteam {
font-size:14px;line-height:24px; text-align:left;
    width: 175px;
  height: 166px;
    padding-left: 148px;
    padding-right: 10px;
}
.inav .bg1{background: url(../images/inav1.jpg) left  top  no-repeat;}
.inav .bg2{background: url(../images/inav2.jpg) left  top  no-repeat;}
.inav .bg3{background: url(../images/inav3.jpg) left  top  no-repeat;}
.casePicUl li {
    width: 240px;
    height: 316px;
    margin-right: 13px;
 background: #eee;
}
.casePicUl .casePicUlP {
    width: 240px;
    height: 158px;
}
.casePicUl .casePicUlT {
    width: 216px;padding: 0px 12px;margin-top: 17px; 
}
.casePicUl .casePicUlTr {
    width: 216px;
    padding: 0px 12px;height: 100px; 
}
.claPicUl{ margin:0 auto 48px auto;}
.claPicUl li{

	 width: 240px; margin-right:13px ;
}
.claPicUl li:nth-child(4){
margin-right:0 ;
}
.claPicUl .claPicUlP {
    width: 240px;
    height: 159px;
}
.company{width:360px;float:left;}
.companynr{

	width:640px; 
}
.companynr dt{ 
	
	width: 255px; height: 196px; padding-right: 25px;
} 
.companynr {height:226px;}
.companynr dd{
	float:left;
	width:360px; height:36px;
}	
.companynr dd span{ 
	width:360px; height:36px;display: block;
	color:#333333; font-size: 16px; line-height: 36px;  font-weight: bold;  
}
.contactnr p{display: block;
    color: #333333;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;}
.footTel{ 
 padding-left:100px;margin-left:50px;
 }
.linkTitle{

	width: 80px; 
}
.link_list{ 
	
	width: 908px;}
.copyrightnr{ 
	width:988px;padding-left:12px;
	 }
#mbanner{display:none}
#pcbanner{display:block}
.logo{width:580px; height:90px;float:left;}
.contact{ width:360px; }
.contactnr{width:310px;}
.contactnr{  overflow:hidden;}
.claPicUl .claPicUlT{ 
	width: 240px;
}
.claPicUl .claPicUlTr{
	width: 240px;
}
.mainCon{width:700px; padding-left: 30px; float:left; }
.mainConTitle{width:700px;}
.mainConList .pic1{ 
	width:300px; height:360px;margin-right:100px }
.mainConList .pic1 a{
	
	width:300px; height:360px;
}		
.mainConList .pic1 dt.pic{width:300px; height:300px;}
.mainConList .pic1 dt.pic img{width:300px; height:300px;}
.mainConList .pic1 dd.intro{
	 width: 300px; height: 60px; 
}
.mainConList .pic1 dd.intro span{
	width:300px; height:22px; 
}
.mainConListCurr .ProView li.a{ 
	width: 530px; 
}

.mainConListCurr .ProView li.e{ width: 120px;  }
.backgroudR{background: #fff;padding:10px;}
}
@media screen and (max-width: 980px){

}

@media screen and (max-width: 800px){

	
}

@media screen and (max-width: 768px){
.fixed{display:none}
.mainConList .pic1 dt.pic img{height:200px;}
}

@media screen and (max-width: 640px){

}

@media screen and (max-width: 540px){

.mainConList .pic1 dt.pic img{height:150px;}
}

@media screen and (max-width: 480px){	

		.claPicUl .claPicUlP {
    width: 90%;
    height: 100px;
	margin: 0 auto;
    text-align: center;
}
.claPicUl .claPicUlP img{
    width: 90%;
    height: 100px;
}
	
}

@media screen and (max-width: 414px){
.mainConList .pic1 dt.pic img{height:120px;}
}

@media screen and (max-width: 320px){	

}</pre></body></html>