@media screen and ( max-width:1920px ){
.nav{margin-left:150px!important;}
.productShow .part1 .imgDiv img {width:320px;}
.productShow .part1 .imgDiv2 img {width:320px;}
    
.nav li{ float:left; height:100px; line-height:100px; overflow:hidden;width: 150px;text-align:center;}
	}

@media screen and ( max-width:1700px ){
    .nav{margin-left:110px!important;}
.productShow .part1 .imgDiv2 img {width:320px;}
.productShow .part1 .imgDiv img {width:320px;}
.nav li{ float:left; height:100px; line-height:100px; overflow:hidden;width: 110px;text-align:center;}
.sNav{ display:none; position:absolute; top:100px; z-index:11; margin-left:0px; width:200px; overflow:hidden; background:#17792d;}
	}
	}

@media screen and ( max-width:1600px ){
    .nav{margin-left: 80px!important;}
	.headDiv .logoDiv{ padding:0 80px}
	.indexCase .slick .contentBox{ padding:100px 0 0 90px;}
.productShow .part1 .imgDiv img2 {width:450px;}
    .productShow .part1 .imgDiv img {
    text-align: center;}
	
	}

@media screen and ( max-width:1600px ){
	.headDiv .logoDiv{ padding:0 80px}
	.indexCase .slick .contentBox{ padding:100px 0 0 90px;}
	
	}
@media screen and ( max-width:1500px ){
	.nav{margin-left: 80px!important;}
	
	}
@media screen and ( max-width:1440px ){
    .nav{margin-left:0px!important;}
	.headDiv .logoDiv{ padding:0 40px}
	.headDiv .topRight li{ width:74px;}
	.headDiv .topRight li em{ width:74px;}
	.headDiv .topRight li a{ width:74px;}
	.indexPart4 .title{ top:25px;}
	.indexCase .slick .name{ padding-bottom:15px;}
	.indexCase .slick .contentBox{ padding:75px 0 0 90px;}	
	.indexCase .slick .content{ margin-bottom:5px;}

	}
@media screen and ( max-width:1366px ){
	.headDiv .topRight li{ width:64px;}
	.headDiv .topRight li em{ width:64px;}
	.headDiv .topRight li a{ width:64px;}
	.indexNews .slick-prev{ left:9px;}
	.indexNews .slick-next{ right:9px;}
	.nav li{ float:left; height:100px; line-height:100px; overflow:hidden;width: 110px;text-align:center;}
.sNav{ display:none; position:absolute; top:100px; z-index:11; margin-left:0px; width:200px; overflow:hidden; background:#17792d;}

	
	}

@media screen and ( max-width:1230px ){
    .nav{margin-left: 0px!important;}
	.nav li a { font-size: 16px;display: block; height: 100px; color: #fff;}
   .nav li{ float:left; height:100px; line-height:100px; overflow:hidden;width: 100px;text-align:center;}
   .sNav{ display:none; position:absolute; top:100px; z-index:11; margin-left:0px; width:200px; overflow:hidden; background:#17792d;}
	}


	@media screen and ( max-width:700px ){
		.productShow .tableList img {max-width: 100%;}
.productShow .part1 .imgDiv{ position:relative;text-align: center;border:none;}
   .productShow .part1 .imgDiv img { height: inherit!important;max-height:inherit!important;max-width:inherit!important;}
	.productShow .part1 .content dd{width: 96%!important;text-align: left;padding:2%!important; background: #f9f9f9; clear: both;display: inline-table;margin-bottom: 1%;}
.productShow .part1 .content dt{width: 96%!important;text-align: left;padding:2%!important; background: #f9f9f9; clear: both;display: inline-table;}
   
    .product .list li .imgDiv img{ width: 100%!important;height: inherit!important;}
	.product .list li {float: left;position: relative; height:205px; margin-bottom: 30px;}
	.product .list li .name {font-size:12px!important;padding-top:18px!important;height:33px!important;line-height:18px!important;}
	.product .list li .botDiv {height: 40px!important; line-height:40px!important;}
	}

	@media screen and ( max-width:800px )
	{
	.productShow .tableList img {max-width: 100%;}
	.contact .fl2, .contact .fr2{ float: none !important;}
	.contact .part3 .leftDiv{width:100%;}
	.contact .part3 .rightDiv{width:100%;}
   
	}

@media screen and ( max-width:1150px ){
	.wal{width:100%;}
	.wal100{width:100%;}
	.headDiv{height:60px;box-shadow: 0 0 9px rgba(0, 0, 0, 0.10);}
	.headDiv .topLeft{ position:absolute; left:0px; top:0px; z-index:11;}
	.headDiv .wal{ position:relative; height:60px;background:#113f24;}
	.headDiv .wal100{ position:relative; height:60px;background:#113f24;}
	.headDiv .logoDiv{ height:60px; padding:0 15px}
	.headDiv .logoDiv img{ position:relative; top:20px; width:135px;}
	.nav, .headDiv .topRight, .banner, .footDiv, .foot, .pageBanner, .pageNav, .pageNum{ display:none;}
	.navIco{ display:block; position:absolute; right:0px; top:0px; width:70px; height:60px;}
	.navIco img{ height:24px; position:relative; left:20px; top:18px;}
	.indexFlashTel, .footTel, .pageMore{ display:block;}
    .productShow .part1 .imgDiv img {overflow: hidden;padding: 5% 0%;width: 100%!important;}
    
    .productShow .part1 .imgDiv2 img {max-width: 240px;overflow: hidden;max-height: 240px;padding: 5% 0%;}
    
	.indexPart1{ padding:50px 10px;}
	.indexPart1 .contentBox{ height:auto; background:none;}
	.indexPart1 .title{ font-size:18px;}
	.indexPart1 .title em{ padding-left:10px; font-size:12px;}
	.indexPart1 .imgDiv{ padding:30px 0 0 0px;}
	.indexPart1 .imgDiv img{ width:100%;}
    
    	.indexPart1 .imgDiv2{ padding:30px 0 0 0px;}
	.indexPart1 .imgDiv2 img{ width:100%;}
    
	.indexPart1 .rightDiv{ width:auto; padding-top:15px;}
	.indexPart1 .name{ height:66px; line-height:66px; font-size:18px;}
	.indexPart1 .list{ position:relative; bottom:0px; right:0px; height:auto; padding-top:20px;}
	.indexPart1 .list li{ width:25%; height:100px;}
	.indexPart1 .list li a{ width:100%; height:100px;}
	.indexPart1 .list li .ico{ padding:24px 0 15px;}
	.indexPart1 .list li .img1{ display:none;}
	.indexPart1 .list a:hover{ background:url(../images/bg1.jpg) repeat; color:#fff;}
	.indexPart1 .list a:hover .img1{ display:inline-block;}
	.indexPart1 .list a:hover img{ display:none;}
	.indexPart2{ height:auto; padding-bottom:20px;}
	.indexPart2 .fl, .indexPart2 .fr{ float:none;}
	.indexPart2 .leftDiv{ padding:25px 10px; width:auto; background:url(../images/bg1.jpg) repeat; position:relative; height:40px;}
	.indexPart2 .title{ font-size:18px;}
	.indexPart2 .title em{ padding-left:10px; font-size:12px;}
	.indexPart2 .btnDiv{ padding-top:0px; position:absolute; right:10px; top:28px;}
	.indexPart2 .btnDiv a{ width:118px; height:30px; line-height:30px; text-indent:20px;}
	.indexPart2 .list{ padding-left:10px; padding-top:30px;}
	.indexPart2 .list li{ width:50%; height:120px; margin-left:0px; margin-bottom:10px;}
	.indexPart2 .list li .box{ margin-right:10px;}
	.indexPart2 .list li a{ width:100%; height:100px;}
	.indexPart2 .list li .ico{ padding:24px 0 15px;}
	.indexPart2 .list li .img1{ display:none;}
	.indexPart2 .list a:hover{ background:url(../images/bg1.jpg) repeat; color:#fff;}
	.indexPart2 .list a:hover .img1{ display:inline-block;}
	.indexPart2 .list a:hover img{ display:none;}
	.indexPart3{padding:30px 10px;}
	.indexPart3 .title{ font-size:18px;}
	.indexPart3 .title em{ padding-left:10px; font-size:12px;}
	.indexPart3 .tab2{ position:relative; width:300px; margin:15px auto 0;display: none;}
	.indexPart3 .tab2 li{ font-size:12px; width:118px; height:26px;margin-bottom: 15px;}
	.indexPart3 .list{ padding-top:5px;}
	.indexPart3 .list ul{ margin-right:-10px;}
	.indexPart3 .list li{ width:50%; margin-bottom:20px;}
	.indexPart3 .list li .box{ width:auto; height:auto; margin-right:10px;}
	.indexPart3 .list li .imgDiv img{ width:90%;max-height: 160px!important; min-height: 100px!important;}
	.indexPart3 .list li .botDiv{ height:60px;}
	.indexPart3 .list li .name{ font-size:14px; padding-top:10px;}
	.indexPart3 .btnDiv{ width:150px; height:40px; padding-top: 0!important;}
	.indexPart3 .btnDiv a{ width:148px; height:38px; line-height:38px;}
	.indexPart4{ padding:20px 0 0;}
	.indexPart4 .title{ position:relative; left:0; margin-left:0px; top:0px; height:46px; font-size:18px; color:#1d6b6d; padding-left:10px; background:url(../images/ico2.jpg) 10px top no-repeat;}
	.indexPart4 .title em{ padding-left:10px; font-size:12px; color:#dee2e7;}
	.indexCase .slick .imgDiv{ width:100%;}
	.indexCase .slick .rightDiv{ width:100%; padding-bottom:30px;}
	.indexCase .slick .contentBox{ padding:20px 10px 0 10px;}
	.indexCase .slick .name{ font-size:18px; padding-bottom:20px;}
	.indexCase .slick .msgList{ width:100%;}
	.indexCase .slick .content{ width:100%; padding-top:20px; margin-bottom:25px;}
	.indexCase .slick .more{ width:78px; background:url(../images/nimg32_1on.png) right center no-repeat; display:block; height:30px; line-height:30px; color:#fff;}
	.indexCase .slick-dots{ left:auto; margin-left:0px; right:10px; bottom:40px;}
	.indexCase .slick-dots li{display:inline-block; margin-right:10px; width:10px; height:10px; background:url(../images/ico3.png) no-repeat;}
	.indexCase .slick-dots .slick-active{background:url(../images/ico3on.png) no-repeat;}
	.indexPart4 .btnDiv{ display:none}
	.indexPart5{ padding:50px 10px;}
	.indexPart5 .title{ font-size:18px; height:46px;}
	.indexPart5 .title em{ padding-left:10px; font-size:12px;}
	.indexPart5 .links{ position:relative;margin:0 auto;}
	.indexPart5 .links li a{ height:inherit!important;}
	.indexNews{ padding:0px 0 28px 0;}
	.indexNews .slick-list{ padding-top:20px;}
	.indexNews .slick{ width:auto; padding:0 10px 3px 175px; height:115px; margin:0;}
	.indexNews .slick .imgDiv{ left:10px; top:10px;}
	.indexNews .slick .imgDiv img{ width:150px;}
	.indexNews .slick .name{ padding-top:18px; font-size:16px; height:inherit!important; line-height: 30px;overflow:hidden;}
	.indexNews .slick .time{ padding:12px 0 15px; border-bottom:none;}
	.indexNews .slick .content{ display:none;}
	.indexNews .slick .more{ display:none;}
	.indexPart5 .btnDiv{ padding-top:10px; width:150px; height:40px; margin:0 10px 0 0;}
	.indexPart5 .btnDiv a{ width:148px; height:38px; line-height:38px;}
	.pageBox{ padding:40px 10px 50px; background:url(../images/bg5.jpg) top repeat-x;}
	.pageBox2{ padding:20px 10px 50px; background:url(../images/bg5.jpg) top repeat-x;}
	.about{ padding-bottom:0px;}
	.about .title{ font-size:18px; padding-left:20px;}
	.about .part1{ padding-bottom:50px;}
	.about .part1 .imgDiv{ padding:30px 0;}
	.about .part1 .imgDiv img{ width:100%;}
	.about .list{ width:100%; padding:30px 0;}
	.about .list li{ width:33.33%; height:100px;}
	.about .list .li01{ background:#eee;}
	.about .list li .ico{ padding:18px 0 10px;}
	.about .contentBox{ padding-top:30px;}
	.about .part2 .imgDiv{ height:auto; background:none;}
	.about .part2 .imgDiv img{ width:100%;}
	.about .part2 .rightDiv{ padding-left:0px; width:100%; height:auto; background:none;}
	.about .part2 .icon{ padding-top:35px;}
	.about .part2 .icon img{ width:200px;}
	.about .part2 .msg{ padding-top:30px; color:#999; font-size:14px; line-height:24px;}
	.culture{ padding-bottom:0px;}
	.culture .title{ font-size:18px; padding-left:20px;}
	.culture .txt{ padding:20px 0 15px;}
	.culture .imgDiv img{ width:100%;}
	.culture .list li{ padding-left:90px; height:auto; min-height:90px; padding-bottom:20px;}
	.culture .list li .num{ top:30px; font-size:74px; }
	.culture .list li .name{ padding:45px 0 15px; font-size:16px; color:#1d6b6d; font-weight:bold;}
	.culture .list li .msg{ font-size:14px; color:#999; line-height:24px;}
	.culture .content2{ padding-top:20px;}
	.contact{ padding-bottom:0px;}
	.contact .fl, .contact .fr{ float:none;}
	.contact .part1 .leftDiv{ width:100%;}
	.contact .part1 .name{ padding-left:15px; background:url(../images/ico4.jpg) left 3px no-repeat; height:auto;}
	.contact .part1 .list{ padding-top:20px; }
	.contact .part1 .list li{ font-size:14px; color:#999;}
	.contact .part1 .list li em{ padding-right:15px;}
	.contact .part1 .rightDiv{ width:100%;}
	.contact .part1 .mapDiv{ margin-top:30px;}
	.contact .part1 .mapDiv img{ width:100%;}
	.contact .part2{ padding-top:50px;}
	.contact .part2 .title{ padding-left:20px;}
	.contact .part2 .list{ padding-top:25px;}
	.contact .part2 .list ul{ margin-right:0px;}
	.contact .part2 .list li{ margin-bottom:20px; width:100%;}
	.contact .part2 .list li .box{ margin-right:0px; width:auto; height:auto; padding-bottom:20px;}
	.history{ padding-bottom:0px;}
	.history .imgDiv{ padding-left:85px;}
	.history .list{ background:url(../images/line1.jpg) 115px top repeat-y; padding:40px 0 20px;}
	.history .list li{ padding-left:150px; min-height:50px; padding-bottom:60px;}
	.history .list li .time{ width:94px; height:30px; background-size:94px; line-height:30px; text-indent:10px;}
	.history .list li .ico{ left:105px; top:6px;}
	.history .list li .content{ padding-top:2px;}
	.video .list{ padding-bottom:20px;}
	.video .list ul{ margin-right:-10px;}
	.video .list li{ width:50%; margin-bottom:10px;}
	.video .list li .box{ width:auto; height:auto; margin-right:10px;}
	.video .list li .imgDiv img{ width:100%;}
	.video .list li .name{ padding-top:10px; height:48px; overflow:hidden; line-height:24px;}
	.videoShow{ padding-bottom:10px;}
	.videoShow .name{ font-size:20px; padding-bottom:10px;}
	.videoShow .time{ padding-bottom:10px;}
	.videoShow .imgDivBox{ width:100%; padding-top:30px;}
	.videoShow .imgDiv img{ width:100%;}
	.videoShow .ico img{ width:50px;}
	.videoShow .txt{ padding:30px 0 25px;}
	.videoShow .content{ padding-bottom:50px;}
	.videoShow .share{ float:right; padding-left:56px; position:relative; height:27px; line-height:27px; font-size:14px;}
	.videoShow .share em{ position:absolute; left:0px; top:0px;}
	.videoShow .share li{ float:left; margin-left:10px;}
	.pageDown{height:; position:relative;}
	.pageDown .btn{position:relative; top:20px; width:138px; height:38px; line-height:38px;}
	.productTab{ width:100%; height:100px;}
	.productTab ul{ margin:0 -5px;}
	.productTab li{ width:33.33%;}
	.productTab li .box{ margin:0 5px;}
	.product .list ul{ margin-right:-10px;}
	.product .list li{ width:50%; margin-bottom:20px;}
	.product .list li .box{ width:auto; height:auto; margin-right:10px;}
	
	.product .list li .botDiv{ height:60px;}
	.product .list li .name{ font-size:16px; padding-top:10px;}
	.productShow .part1{ height:auto; padding-left:0px;}
	.productShow .part1 .imgDiv{ position:relative;text-align: center;border:none;}
   .productShow .part1 .imgDiv img {width: 100%!important;}
	.productShow .part1 .name{ height:auto; font-size:18px; padding:20px 0 15px;}
	.productShow .part1 .content{ padding-top:20px;}
	.productShow .part1 .botDiv{ position:relative; left:0; width:100%; padding-top:30px;display: inline-table;}
	.productShow .part1 .num{ font-size:28px;}
	.productShow .part1 .btnDiv{ position:relative; padding-top:30px;}
	.productShow .part1 a{ width:138px; height:38px; line-height:38px;}
	.productShow .part2{ padding-top:10px;}
	.productShow .title{ height:40px; margin-bottom:30px;}
	.productShow .title p{ width:168px; height:40px; background-size:168px; line-height:40px;}
	.productShow .title a{ line-height:40px;}
	.productShow .tableList li{ padding:15px 0; padding-left:170px;}
	.productShow .tableList li em{ width:150px; line-height:50px;}
	.productShow .part3{ padding-top:50px;}
	.productShow .list{ padding-bottom:50px;}
	.productShow .list ul{ margin-right:-10px;}
	.productShow .list li{ width:50%;}
	.productShow .list li .box{ width:auto; margin-right:10px;}
	.productShow .list li .imgDiv img{ width:100%!important;}
	.productShow .list li .name{ font-size:14px; height:40px; line-height:40px;}
	.case{ padding-bottom:50px;} 
	.case .list li{ height:auto; padding:25px 0 25px 0;}
	.case .list li .imgDiv{ position:relative; top:0px;}
	.case .list li .imgDiv img{ width:100%;}
	.case .list li .name{ height:auto; padding:20px 0 15px;}
	.case .list li .content{ padding-top:20px;}
	.case .list .li01{ padding-right:0;}
	.caseShow .name{ font-size:20px; padding-bottom:10px;}
	.caseShow .msgList{ border-top:#eee solid 1px; border-bottom:#eee solid 1px; height:auto; padding:12px 0;}
	.caseShow .msgList li{ float:none; width:100%; background:none; height:30px; line-height:30px; text-align:left;}
	.caseShow .txt{ padding:28px 0 15px;}
	.caseShow .bigBox{ padding-bottom:50px;}
	.casePic .slick .imgDiv img{ width:100%;}
	.research{ padding-bottom:0px;}
	.research li{ padding:20px 0; padding-left:95px; padding-right:10px;}
	.research li em{ width:75px; line-height:60px; font-size:20px;}
	.customize{ padding-bottom:0px;}
	.customize .list{ width:100%; padding:30px 0;}
	.customize .list li{ width:33.33%; height:100px;}
	.customize .list .li01{ background:#eee;}
	.customize .list li .ico{ padding:18px 0 10px;}
	.customize .imgDiv img{ width:100%;}
	.install{ padding-bottom:0px;}
	.install .imgDiv img{ width:100%;}
	.service{ padding-bottom:0px;}
	.service .txt{ font-size:18px;}
	.service .txt b{ padding-left:20px;}
	.service .list{ padding-top:35px;}
	.service .list li{ padding-left:190px; min-height:60px; margin-bottom:30px;}
	.service .list li .name{ width:167px; height:60px; background-size:167px; line-height:60px;}
	.service .list li .name img{ top:-18px;}
	.service .list .li01 .name{ background-size:167px;}
	.service .content{ padding:30px 0;}
	.service .imgDiv img{ width:100%;}
	.news .list li{ height:115px; padding-left:165px;}
	.news .list li .imgDiv{ width:148px; top:10px;}
	.news .list li .imgDiv img{ width:148px;}
	.news .list li .timeDiv{ display:none;}
	.news .list li .name{ padding-top:12px; height:30px; position:relative; font-size:16px; line-height:30px;}
	.news .list li .content{ padding-top:10px; height:48px; margin-bottom:0px;}
	.news .list li .btnDiv{ display:none;}
	.newShow{ padding-bottom:10px;}
	.newShow .name{ font-size:20px; padding-bottom:10px;}
	.newShow .time{ padding-bottom:10px;}
	.newShow .imgDiv img{ width:100%;}
	.newShow .content{ padding-bottom:50px;}
	.concept .list li{ height:auto; min-height:100px; padding-left:158px; margin-bottom:30px; padding-bottom:16px;}
	.concept .list li .leftDiv{ width:140px; height:100%;}
	.job{ padding-bottom:0px;}
	.job .list ul{ margin-right:0px;}
	.job .list li{ float:none; margin-bottom:15px; width:100%;}
	.job .list li .box{ width:100%; margin-right:0px;}
	.job .list li .botDiv{ padding:18px 0 0 20px;}
	.job .list li .botDiv dd{ padding-left:103px;}
	.jobShow{ padding-bottom:0px;}
	.jobShow .name{ font-size:20px; padding-bottom:15px;}
	.jobShow .list li{ width:50%;}
	.jobShow .title{ padding:25px 0 10px;} 
	.jobShow .btnGroup{ padding-top:30px;}
	.jobShow .btnGroup li{ margin-right:10px;}
	.jobShow .btnGroup a{ width:138px; height:38px; line-height:38px;}
	.lyb{ padding-bottom:0px;}
	.lyb .msg{ font-size:14px; text-align:left; height:auto;}
	.lyb .msg em{ display:none;}
	.lyb .list{ padding:30px 0 0;}
	.lyb .list ul{ margin-right:0px;}
	.lyb .list li{ float:none; height:70px; width:100%;}
	.lyb .list li .box{ width:auto; height:50px; margin-right:0px; padding-left:65px;}
	.lyb .list li .icoDiv{ width:65px;}
	.lyb .list .li01 .box{ width:auto; margin-right:0px;}
	.lyb .list .li01 .icoDiv{ height:198px;}
	.lyb .list .li01 .icoDiv img{ top:83px;}
	.lyb .list textarea{ width:95%;}
	.lyb .btnGroup{ width:100%;}
	.lyb .btnGroup li{ margin:0 10px 0 0;}
	.lyb .btnGroup a{ width:138px; height:38px; line-height:38px;}


	}