﻿* {margin:0;padding:0;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;list-style-type:none;text-decoration:none;}
a:link {color:#333;}
a:active {color:#333;}
a:visited {color:#333;}
a:hover {color:#1C7DC8;}
.txt1:link {color:#fff;}
.txt1:active {color:#fff;}
.txt1:visited {color:#fff;}
.txt1:hover {color:#fff;}
input,button,select,textarea {outline:none;-webkit-appearance:none;}        
@media only screen and (max-width:1023px) {

 /*动画*/
 body {height:100%;font:20px/20px "microsoft yahei";color:#666;overflow-x:hidden;width:100vw;}

 #topdb{display: none;}
 #topbg {width:96vw;height:12vw;position:fixed;z-index:9998;box-shadow:#CCC 0 5px 5px -5px;background-color:#fff;padding-left:1vw;padding-right:3vw;}
#logo img {height:12vw;padding-top:0vw;float:left;padding-left:2vw;}
.navtel_1 {height:5vw;width:6vw;float:right;padding-top:3.5vw;}
#toptxt {display:none;}
#topright {width:100%;position:fixed;height:5000px;left:0px;z-index:89;background-color:#fff;display:none;}
#topback {width:94vw;padding-left:3vw;padding-right:3vw;float:right;text-align:right;padding-top:3.5vw;padding-bottom:3.5vw;}
#topback img {width:3vw;height:3vw;float:left;padding:1.5vw;border-radius:3vw;background-color:#1C7DC8;}
#topnav {background-color:#fff;}
#topnav dt {font-size:3.5vw;height:5vw;line-height:5vw;float:left;width:94vw;padding-left:3vw;padding-right:3vw;border-bottom:solid 1px #efefef;padding-bottom:3.5vw;padding-top:3.8vw;color:#333;}
#topnav dd {display:none;}
#toptel {display:none;}
#topenglish{position: absolute; top:3vw;right:3vw;display: none;z-index: 99999;}
#topenglish font{float:left;font-size:3.5vw;line-height:3.5vw;color: #fff;padding-left: 2vw;padding-right: 2vw;padding-top: 1.6vw;padding-bottom: 1.2vw;border-radius: 3vw;background-color:#1C7DC8;}
#sch{display: none;}


#banner{float: left;width: 100%;height: 30vw;background-color: #1C7DC8;background-size: 100vw 30vw;position: relative;margin-top: 12vw;}
#banner  dl{position: absolute; top:4vw;left:36vw; width:23vw;height: 22vw;padding-top: 3vw;padding-left:3vw; background-image:url(../images/bn_bg.png);background-repeat:no-repeat;background-size: 26vw 22vw; background-position:top center;margin-left: auto;margin-right: auto;}
#banner  dt{width:23vw;height: 22vw;text-align: center;color: #fff;font-size:1.8vw;line-height: 4vw;padding-top: 2vw;}
#banner  font{font-size: 3.6vw;line-height: 8vw;border-bottom: solid 2px #fff;padding-bottom: 1.2vw;font-weight: bold;}


 /*导航条*/
 #columnnav {float:left;width:98.5vw; text-align: center; padding-top: 3vw;padding-bottom: 1vw; padding-left: 1.5vw;}
 #columnnav font  {padding-left: 1.5vw;width: 45.5vw;float:left;padding-bottom: 2vw;padding-right: 1.5vw;}
 #columnnav span {background-color: #fff;font-size: 3vw;float:left;width: 45.5vw;line-height: 8vw;}
 .checked {background-color: #0C5F95;color: #fff;}
 #columnnav img{display: none;}


  /*导航条*/
 #columnnavA {float:left;width:98.5vw; text-align: center; padding-top: 3vw;padding-bottom: 1vw; padding-left: 1.5vw;}
 #columnnavA font  {padding-left: 1.5vw;width: 45.5vw;float:left;padding-bottom: 2vw;padding-right: 1.5vw;}
 #columnnavA span {background-color: #fff;font-size: 3vw;float:left;width: 45.5vw;line-height: 8vw;}
 .checkedA {background-color: #0C5F95;color: #fff;}
 #columnnavA img{display: none;}

 #columnnavB {float:left;width:98.5vw; text-align: center; padding-top: 0vw;padding-bottom: 1vw; padding-left: 1.5vw;}
 #columnnavB font  {padding-left: 1.5vw;width: 45.5vw;float:left;padding-bottom: 2vw;padding-right: 1.5vw;}
 #columnnavB span {background-color: #fff;font-size: 2.6vw;float:left;width: 45.5vw;line-height: 5.6vw;}
 .checkedB {background-color: #0C5F95;color: #fff;}
 #columnnavB img{display: none;}


 #AboutBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #About{float:left;width:100%; padding-bottom: 3vw;font-size:2.8vw; line-height: 4.8vw;}
   #About dl{margin-left: auto;margin-right: auto;width: 88vw;padding-left: 3vw;padding-right: 3vw;padding-bottom: 2vw;padding-top: 3.6vw;background-color: #fff;color: #333;}
   #About p {text-indent: 5.6vw;padding-bottom: 3vw;}
   #About img{float:left;width:100%;overflow: hidden;padding-bottom: 4vw;}


   #AbImgBg{float:left;width:100%; }
   #AbImg{float:left;width:96vw; padding-bottom: 3vw;padding-left: 3vw;padding-top: 0vw;}
   #AbImg div {float:left;width:45.5vw; padding-right:3vw;padding-bottom: 1.5vw;position: relative;}
    #AbImg div:nth-child(2n) {padding-right:0vw;padding-bottom: 3vw;}
   #AbImg dl {float:left;width:45.5vw;background-color: #fff;height: 26.2vw; display: flex;align-items: center;justify-content: center; overflow: hidden; }
   #AbImg img{width:45.5vw;height: 26.2vw; }


     #PrBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #Pr{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 5.4vh;}
   #Pr dl{margin-left: auto;margin-right: auto;width: 94vw;padding-top: 0vw;}
   #Pr img{float:left;width: 94vw;}



#AbSpBg{float:left;width:100%; background-image: url(/images/bg/1.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #AbSp{float:left;width:97vw;overflow: hidden;padding-bottom: 4vw;text-align: center;}
     #AbSp .AbSpBox {float:left;width:100vw; height: 56vw;padding-left: 3vw;}
     #AbSp .AbSpV {float:left;width:100vw; height: 56vw;}




   #HistoryBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #History{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 5.4vh;}
   #History dl{margin-left: auto;margin-right: auto;width: 94vw;padding-top: 0vw;}
   #History img{float:left;width: 94vw;}

  #ManageBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;  background-size: 100% 60vw; background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
    #Manage{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 5.4vh;}
   #Manage dl{margin-left: auto;margin-right: auto;width: 94vw;padding-top: 0vw;}
   #Manage img{float:left;width: 94vw;}






   #CultureBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #Culture{float:left;width:100%; padding-bottom: 4vw;}
   #CultureMain{width:100vw;}
   #CultureMain dl{width:45.5vw;height:82vw;background-repeat: no-repeat;background-size: 45.5vw 82vw;margin-left: 3vw;float: left;margin-bottom: 3vw;}
   #CultureMain dd{width:41.5vw;font-size: 2.4vw;line-height: 4.6vw;padding-left: 2vw;padding-right: 2vw;color: #fff;padding-top: 4vw;text-align: center;}
   #CultureMain dt{width:45.5vw;font-size: 2.8vw;line-height: 3vw;color: #fff;text-align: center;padding-top: 6vw;}
   #CultureMain dt font{border-bottom: solid 2px #fff;padding-bottom:2vw;font-weight: bold;}
   #CultureMain dl:hover{position:relative;animation:myfirst 2s;}


   /*绿色环保详细*/
  #JobImgBg{width:100vw;margin-left: auto;margin-right: auto;display: none;}
  #JobImg {float:left;width:100vw;overflow: hidden;padding-bottom: 2vw;}
  #JobImg div {float:left;width:45.5vw; padding-left: 3vw;padding-bottom: 3vw;position: relative;}
  #JobImg img{float:left;width:45.5vw; height: 26.5vw;}
  #JobImg dl{float:left;width:45.5vw;background-color: #fff;height:5vw;height: 5vw;padding-top: 1vw;padding-bottom: 1vw; }
  #JobImg dt{float:left;width:45.5vw;height: 5vw;line-height: 5vw;color: #333;font-size:2.6vw;  overflow: hidden;text-align: center;}
  #JobImg div:hover{position:relative;animation:myfirst 2s;}



   
   #CertBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #Cert{float:left;width:100%; padding-bottom: 1vw;padding-left: 3vw;padding-top: 1vw;}
   .CertT{float:left;width:100%; font-size: 3vw;line-height:6vw;color: #000;font-weight: bold;text-align: center;padding-bottom: 2vw;padding-top:3vw;}
   #Cert div {float:left;width:45.5vw; padding-right: 3vw;padding-bottom: 3vw;position: relative;}
   #Cert dl {float:left;width:45.5vw;background-color: #fff;height: 45.5vw; display: flex;align-items: center;justify-content: center; overflow: hidden; }
   #Cert img{display: block;max-width: 100%;max-height: 100%;object-fit: contain;}



 
  
   #PlanBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #Plan{float:left;width:100%; padding-bottom: 4vw;font-size:2.8vw; line-height: 6vw;}
   #Plan dl{margin-left: auto;margin-right: auto;width: 88vw;padding-left: 3vw;padding-right: 3vw;padding-bottom: 2vw;padding-top: 3vw;background-color: #fff;color: #333;}
   #Plan p {text-indent: 5.6vw;padding-bottom: 3vw;}
   #Plan img{float:left;width:100%;overflow: hidden;padding-bottom: 5vw;}


   #ContactUsBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;padding-bottom: 4vw;}
	#ContactUsMid {width:94vw;margin-left: auto;margin-right: auto;display: none;}
    #ContactUs{float:left;width:94vw;}
	#ContactUsLeft{float:left;width:82vw;background-color: #999;height: 89vw;background-size:cover;background-repeat:no-repeat;background-position:top center;background-image: url(/images/bg/5.jpg);padding-left: 6vw;padding-right: 6vw;}
	#ContactUsLeft dt{float:left;width:82vw;font-size: 3.6vw;color: #fff;font-weight: bold;border-bottom: solid 1px #88B79D;line-height:12vw;padding-top: 16vw;}
	#ContactUsLeft dd{float:left;width:82vw;font-size:3.2vw;color: #fff;line-height: 12vw;border-bottom: solid 1px #88B79D;}

	#ContactUsRight{float:right;width:88vw;background-color: #fff;padding-left: 3vw;padding-right: 3vw;padding-bottom: 4vw;margin-top: 3vw;}
	#ContactUsRightT1{float:left;width:86vw;font-size: 3.6vw;color: #333;font-weight: bold;line-height: 12vw;border-bottom: solid 1px #ddd;padding-top: 1vw;margin-left: 1vw;margin-right: 1vw;}
	#ContactUsRightT2{float:left;width:86vw;font-size: 3.6vw;color: #333;font-weight: bold;line-height: 12vw;border-bottom: solid 1px #ddd;padding-top: 2vw;margin-left: 1vw;margin-right: 1vw;}
	#ContactUsRight dl{float:left;width:88vw;overflow: hidden;}
	
	#ContactUsRight dd{float:left;width:37vw;background-color: #efefef;color: #333;font-size: 2.6vw;padding-left: 2vw;padding-right: 2vw;padding-top: 1.6vw;padding-bottom: 1.6vw;line-height: 5vw;margin-top: 2vw;margin-left: 1vw;margin-right: 1vw;}



   #ApplyBg{width:94vw;margin-left: auto;margin-right: auto;display: none;}
   #Apply{float: left;width:88vw;background-color: #fff;padding-left: 3vw;padding-right: 3vw;padding-top: 6vw;padding-bottom:3vw;}
   #ApplyTitle{float: left;width:88vw;text-align: center;font-size: 3.6vw;line-height:5vw;padding-bottom: 3vw;font-weight: bold;}
 
   #ApplyMark{float: left;width:84vw;padding-left: 1vw;padding-right: 1vw;padding-bottom: 2vw;}
   #ApplyMark dl{border-bottom: solid 1px #ddd;border-top: solid 1px #ddd;line-height: 6vw;font-size: 3vw;padding-top: 2vw;padding-bottom: 2vw;}
 
   #ApplyA{float: left;width: 88vw;padding: 1vw;position: relative;}
   #ApplyA dd{position: absolute;left: 4vw;top:1vw;font-size: 2.6vw;line-height:10vw;color: #666;}
   .Applybd1{float: left;font-size: 3vw;line-height:10vw;border: solid 1px #ddd;padding-left: 4vw;width: 82vw;color: #1C7DC8;}

   #ApplyB{float: left;width: 88vw;padding: 1vw;position: relative;}
   #ApplyB dd{position: absolute;left: 4vw;top:3vw;font-size: 2.6vw;line-height:6vw;color: #666;background-color: #FFF;}
   .Applybd2{float: left;font-size: 2.8vw;line-height:6vw;color: #1C7DC8; border: solid 1px #ddd;width: 78vw;height: 18vw;padding-left: 4vw;padding-right: 4vw;padding-top: 2vw;padding-bottom: 2vw;font-family: 'microsoft yahei';}
 

   .ApplyBtn{float: left;width: 86vw;float: left;font-size: 3.2vw;line-height:12vw;background-color: #1C7DC8;color: #fff;text-align: center;}
 
 
   #ApplyMsg{width: 100%;text-align: center;position: fixed;top:0px;left:0px;}
   #ApplyMsg font{font-size: 3vw;line-height: 3vw;color: #fff;background-color: #000;padding-left: 4vw;padding-right: 4vw;padding-top: 2vw;padding-bottom: 2vw;border-radius: 0.6vw;}
   
   #ApplyWin{width: 100%;text-align: center;position: fixed;top:0px;left:0px;z-index: 9999;height: 67vh;background-image:url('/images/bg3.png');padding-top: 43vh;}
   #ApplyWin dl{height: 18vw;width: 40vw;background-color: #fff;margin-left: auto;margin-right: auto;border-radius: 1vw;}
   #ApplyWin dd{line-height: 10vw;font-size: 2.4vw;color: #1C7DC8;}
   #ApplyWin dt{line-height: 8vw;font-size: 3vw;color: #fff;background-color: #1C7DC8;border-bottom-left-radius: 1vw;border-bottom-right-radius: 1vw;}
   #ApplyWin dt:hover{cursor: pointer;background-color: #1C7DC8;}
 
   #AgentBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;display: none;padding-bottom: 4vw;}
   #SupplierBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;display: none;padding-bottom: 4vw;}
   


   #JobTxt{float:left;width:100%; padding-bottom: 2vw;font-size:2vh; line-height: 4.4vh;display: none;}
	#JobTxt dl{margin-left: auto;margin-right: auto;width: 86vw;padding-left: 4vw;padding-right: 4vw;padding-bottom: 2vw;padding-top: 2vw;color: #333;background-color: #fff;}
	
	#JobTxt dd{width: 78vw;padding-top: 3vw;color: #333;font-size: 2.6vw;line-height:4.8vw;padding-bottom: 3vw;}


	

   

   
	#JobBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;padding-bottom: 4vw;}
	#JobABg {width:94vw;float:left;padding-bottom: 3vw;padding-left: 3VW;display: none;}
	#JobA {width:94vw;float:left;padding: 0vw;background-color: #fff;}
	#JobA table{width: 100%;border: solid 2px #1C7DC8;text-align: center;border-collapse: collapse;font-size: 2.4vw;line-height: 8vw;}
	#JobA th{background-color: #1C7DC8;color: #fff;}
	#JobA td{border: solid 2px #1C7DC8; color: #333;border-collapse: collapse;}
	#JobA tr:hover{background-color: #efefef;cursor: pointer;}


	
	#NewsListBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
	#NewsList{float:left;border-top:0.2vw solid #ececec;border-right:0.2vw solid #ececec;margin-left: 3vw;margin-bottom: 4vw;}
	.NewsListBox  {height:16vw;width:46.8vw;float:left;background:#fff;border-left:0.2vw solid #ececec;border-bottom:0.2vw solid #ececec;}

	.NewsBox {height:16vw;width:46.8vw;float:left;background:#fff;border-left:0.2vw solid #ececec;border-bottom:0.2vw solid #ececec;}
	.NewsLeft {float:left;width:10vw;text-align:center;}
	.NewsLeft dt {float:left;width:10vw;font-size:5vw;line-height:5vw;color:#555;padding-top:3.4vw;}
	.NewsLeft dd {float:left;width:10vw;font-size:1.6vw;line-height:1.8vw;color:#666;padding-top:2vw;}

	.Newsright {float:left;width:33vw;text-align:left;padding-left: 1vw;}
	.Newsright dt {font-size:2.8vw;color:#333;padding-top:3vw;line-height:2.8vw;height:2.8vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.Newsright dd {font-size:1.8vw;color:#777;padding-top:1.6vw;line-height:3vw;height:6vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	

	
	#News{float:left;width:100%; padding-bottom: 4vw;font-size:2.8vw; line-height: 5.6vw;display: none;}
	#News dl{margin-left: auto;margin-right: auto;width: 86vw;padding-left: 4vw;padding-right:4vw;padding-bottom: 5vw;padding-top: 4vw;color: #333;background-color: #fff;}
	#News dt{width: 86vw;color: #333;font-size: 3.6vw;line-height: 4.6vw;font-weight: bold;text-align: center;border-bottom: solid 1px #ececec;padding-bottom: 4vw;}
	#News ul{width: 86vw;color: #333;font-size:2.8vw;line-height: 5.6vw;color: #333;padding-top: 3vw;text-align: right;}
	#News img{width: 86vw;padding-top: 2vw;padding-bottom: 2vw;}
	#News dd{width: 86vw;padding-top: 3vw;border-bottom: solid 1px #ececec;color: #333;font-size: 2.6vw;line-height: 4.8vw;padding-bottom: 3vw;}


	#ProductListBg{float:left;width:100%;background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
	#ProductNav{float:left;width:100vw;}
	#ProductNav dl{float:left;width:98vw;padding-left: 2vw;}
	#ProductNav dd{float:left;width:27.6vw;line-height: 6vw;height: 6vw;font-size: 2.6vw;background-color: #fff;margin-top: 0.6vw;position: relative;margin-left: 1vw;overflow: hidden;padding-left: 1.5vw;padding-right: 1.5vw;}
	#ProductNav dd img{display: none;}
	#ProductNav dt{float:left;width:94vw;line-height: 6vw;font-size: 3.2vw;color: #333;text-align: center;text-align: left;text-indent: 0.8vw;font-weight: bold;text-align: center;padding-bottom: 2vw;padding-top: 1vw;}

	#ProductNav .checked{background-color: #1C7DC8;color: #fff;font-weight: bold;}
	
 
	#ProductListA{float:left;width:100vw; padding-bottom: 4vw;  display: none;}
	#ProductListTop{float:left;width:94vw;font-weight: bold; background-color: #fff;line-height:8vw;font-size: 2.6vw;background-color: #fff;color: #333;text-align: center;margin-left: 3vw;text-align: left;text-indent: 2vw;margin-top: 3vw;}
	#ProductListTop strong{color: #1C7DC8;padding-right: 0.6vw;}

  
	#ProductList{float: left;width:100vw;padding-left: 2vw;}
	#ProductList div{float:left;width:30.6vw; padding-top:1vw;padding-left: 1vw;}
	 #ProductList dl{float: left; width:30.6vw;height:38vw;background-color: #fff;margin-right: 1vw;margin-bottom: 2vw;}
	 #ProductList dd{width:30.6vw;height:30.6vw;overflow: hidden;}
	 #ProductList dt{float: left;width:30.6vw;height:8vw;background-color: #fff;color: #333;text-indent: 1.5vw;font-size: 2.4vw;line-height: 8vw;position: relative;overflow: hidden;}
	 #ProductList .PrArrow{display: none;}
	 #ProductList .PrImg{float: left;width:30.6vw;height:30.6vw;cursor: pointer;}
	 
	 
	
	 #ProductDetailBg{float:left;width:100vw;  display: none;padding-bottom: 4vw;}
	 #ProductDetail{float:left;width:100vw;}
	 #ProductDetailTop{float:left;width:100vw; padding-top: 2vw;padding-bottom: 2vw;}
	 #ProductDetailTopLeft{float:left;width: 97vw;padding-left: 3vw;}
	 #ProductDetailTopLeft img{float:left;background-color: #fff;width: 94vw;height: 94vw;border: solid 1px #ddd;margin-bottom: 3vw;}

	 #ProductDetailTopRight{float:left;width:88vw;min-height: 28vw;background-color: #fff;margin-left: 3vw;padding: 3vw;}

	 #ProductDetailTopRight dl{float:left;width:88vw;border-bottom: solid 1px #ddd;text-align: left;}
	 #ProductDetailTopRight dl font{float:left;font-size: 3.6vw;line-height:8vw;border-bottom: solid 4px #1C7DC8;color: #1C7DC8;font-weight: bold;}



	 #ProductDetailTopRight div{float:left;width:88vw;text-align: left;font-size: 2.8vw;line-height:5.6vw;padding-top: 1.8vw;}


	 #ProductDetailBtn{float:left;width:94vw; padding-top: 2vw;display: flex;justify-content: space-between;padding-bottom: 2vw;margin-left: 3vw;}
	 #ProductDetailBtn dl{width:45vw; border: solid 1px #ccc;font-size: 2.8vw;line-height: 8vw;text-align: center;background-color: #fff;}
	 



	 #ProductDetailTitle{float:left;width:94vw;text-align: left;margin-left: 3vw;}
	 #ProductDetailTitle  font{float:left;font-size: 3.6vw;line-height:8vw;border-bottom: solid 4px #1C7DC8;color: #1C7DC8;font-weight: bold;}
	 #ProductDetailMark{float:left;width:88vw;color: #333;font-size: 2.8vw;line-height: 5.6vw;padding:4vw;background-color: #fff;margin-left: 3vw;}
	 #ProductDetailMark img{width: 88vw;}
	 #ProductDetailMark table{width: 100%;border: solid 1px #ddd;text-align: center;border-collapse: collapse;margin-bottom: 2vh;}
	 #ProductDetailMark td{border: solid 1px #ddd; border-collapse: collapse;font-size: 2.6vw;line-height: 5.6vw;padding-top: 1vw;padding-bottom: 1vw;}
	 #ProductDetailMark tr:nth-child(1){background-color: #1C7DC8;color: #fff;}
 
 
	 #ProductSeletBg{float:left;width:100%;display: none;}
	 #ProductSelet{width:92vw;margin-left: auto;margin-right: auto;background-color: #1C7DC8;padding-bottom: 4vw;}
	 #ProductSeletMark{float: left;width:84vw;padding-left: 1vw;padding-right: 1vw;}
	 #ProductSeletMark dl{border-top: solid 1px #ddd;line-height: 5.6vw;font-size: 2.8vw;padding-top: 2vw;}
	 #ProductSeletMark img{width: 100%;}
	 
	

 




	
/*在线客服*/
#service{width:20vh;position:fixed;bottom: 24vh;right:0px; z-index:999999;font-family:Impact;display: none;}
#service li{float:left;width:20vh;height:5.4vh;}
#service .Mr{float:left;width:5vh;height:5vh;}

#service li img{float:right;}
#service li a{height:6vh;float:right;display:block;min-width:5vh;max-width:25vh;}
#service li a .shows{display:block;width:5vh;height:5vh;}

#service li a .hides{float:left;cursor:pointer;cursor:hand;width:25vh;}

#service dd{float:right;width:20vh;height:5vh;line-height: 5vh;margin-left:0vh;text-align:center;color: #1C7DC8;background-color: #fff;font-size: 2.2vh;}
#top_btn{width:5vh;height:5vh;}
#top_btn:hover{opacity: 0.8;}


#btmtop{display: none;}
#btmcopybg{float:left;width:94vw;padding-left: 3vw;padding-right: 3vw;font-size: 2.6vw;line-height:4.6vw;color:#666;background-color: #252525;color: #D3D3D3;padding-top: 6vw;padding-bottom: 6vw;}	
#btmcopybg a{color: #D3D3D3;}
#btmcopybg img{width: 20px;}
.btmbr{float:left;width:94vw;}

.section-nav {display: none;}
.arrow{display: none;}





}

/*960PC屏幕开始-------------*/
@media only screen and (min-width:1024px) {
	body {height:100%;font:20px/20px "microsoft yahei";color:#333;}
	
	/*第一屏*/
	
	#topbg {width:100%;height:10vh;position:fixed;z-index:9999;background-image:url(../images/topbg1.png);background-size:100vw 10vh;}
	.topyy {box-shadow:#879EAC 0 5px 5px -5px;}
	#top {width:94%;margin-left:auto;margin-right:auto;padding-left:4%;padding-right:2%;position: relative;}
	#logo {float:left;height:8vh;}
	#logo img {float:left;height:8vh;padding-top: 1vh;}
	#topnav {float:right;height:10vh;line-height:10vh;font-size:2.2vh;width:56vw;position: absolute;right: 0px;}
	#topnav dl{width: 8vw;float:left;position: relative;text-align: center;cursor:pointer;color: #fff;}
	#topnav dl:nth-child(1){width: 7vw;}
	#topnav div{width: 8vw;float:left;padding-left: 0.8vw;padding-right: 0.8vw;}
	#topnav dl:hover dt{background-size : 100% 2px;}
	#topnav dt{width: 100%;cursor:pointer;float: left;height:10vh;width: 8.5vw;background-image:linear-gradient(#1C7DC8,#1C7DC8);background-position:center bottom;background-size:0 2px;background-repeat:no-repeat; transition:.3s;overflow: hidden;}
	#topnav dd {left:0vw;width: 8.5vw;font-size:1.6vh;line-height: 5.8vh;color: #666;display: none;border-top: solid 1px #ececec;border-left: solid 1px #ececec;position: absolute;top:10vh;}
	#topnav p {float: left;width: 100%; border-right:solid 1px #ececec;border-bottom:solid 1px #ececec;background-color: #fff;}
	#topnav p:hover {cursor:pointer;color:#1C7DC8;background-color: #EFEFEF;}
	
	#toptel {position:absolute;right:7vw;top:3.4vh;height:4vh;min-width:10vw;}
	#toptel img {height:2.6vh;float:right;padding-top:0.3vh;padding-right: 0.2vw;}
	#toptel dd {float:right;font-size:2.6vh;padding-left:0.2vw;color:#fff;line-height:3vh;font-family:Impact;padding-top:0vh;}

	#sch {position:absolute;right:0vw;top:0vh;height:10vh;padding-right: 4vw;z-index: 9999;}
	#sch dl{position:relative;width: 2.6vh;width: 2.6vh;height:10vh;}
	#sch img{float: left;height:2.6vh;width: 2.6vh;padding-top: 3.6vh;padding-bottom: 2.8vh;}
	#sch dd{position:absolute;right:0vh;top: 10vh;padding:0.6vw;border-bottom-left-radius: 0.6vw;border-bottom-right-radius: 0.6vw;display: none;border: solid 1px #ededed;background-color: #fff;}
	#sch div{background-color: #3767B1;border: solid 1px #ddd;width: 18vw;height:2.2vw;border-radius: 2vw;background-color: #f9f9f9;}
	#sch .bd1{background-color: #f9f9f9;height:2.2vw;;line-height:2.2vw;font-size:1.6vh;float: left;width: 13.4vw;text-indent: 1vw;border-radius: 2vw;color: #ccc;}
	#sch .bd2{float: right;height:2.2vw;;line-height:2.2vw;background-color: #1C7DC8;font-size:1.6vh;width: 4vw;color: #fff;border-top-right-radius: 2vw;;border-bottom-right-radius: 2vw;}
	#sch .bd2:hover{cursor: pointer;opacity: 0.8;}

	.navtel_1 {display:none;}
	#topback {display:none;}


	#banner{float: left;width: 100%;height: 30vw;background-color: #1C7DC8;background-size: 100vw 30vw;position: relative;}
	#banner  dl{position: absolute; top:11.6vw;left:42vw; width:11.5vw;height: 9.5vw;padding-top: 1.5vw;padding-left:1.5vw; background-image:url(../images/bn_bg.png);background-repeat:no-repeat;background-size: 13vw 11vw; background-position:center center;margin-left: auto;margin-right: auto;}
	#banner  dt{width:11.5vw;height: 8vw;text-align: center;color: #fff;font-size: 0.7vw;line-height: 2vw;padding-top: 1.5vw;}
	#banner  font{font-size: 1.4vw;line-height: 3vw;border-bottom: solid 2px #fff;padding-bottom: 0.6vw;font-weight: bold;}
 

   /*导航条*/
   #columnnav {float:left;width:100%; text-align: center; padding-top: 3vw;padding-bottom: 3vw; }
   #columnnav font {display: inline;padding-left: 0.4vw;padding-right:  0.4vw;position: relative;}
   #columnnav span {background-color: #fff;padding-left: 4vh;padding-right: 4vh;padding-top: 1.4vh;padding-bottom: 1.4vh;font-size: 1.8vh;text-decoration: none;}
   #columnnav span:hover {background-color: #1C7DC8;color: #fff;cursor: pointer;}
   .checked {background-color: #1C7DC8;color: #fff;}
   #columnnav img{width: 2vh; height: 1vh;position: absolute;bottom: -2vh; left:7.4vh}


   #columnnavA {float:left;width:100%; text-align: center; padding-top: 3vw;padding-bottom: 0vw; }
   #columnnavA font {display: inline;padding-left: 0.4vw;padding-right:  0.4vw;position: relative;}
   #columnnavA span {background-color: #fff;padding-left: 4vh;padding-right: 4vh;padding-top: 1.4vh;padding-bottom: 1.4vh;font-size: 1.8vh;text-decoration: none;}
   #columnnavA span:hover {background-color: #1C7DC8;color: #fff;cursor: pointer;}
   .checked {background-color: #1C7DC8;color: #fff;}
   #columnnavA img{width: 2vh; height: 1vh;position: absolute;bottom: -2vh; left:7.4vh}

   #columnnavB {float:left;width:100%; text-align: center; padding-top: 3vw;padding-bottom: 3vw; }
   #columnnavB font {display: inline;padding-left: 0.4vw;padding-right:  0.4vw;position: relative;}
   #columnnavB span {background-color: #fff;padding-left: 3vh;padding-right: 3vh;padding-top: 1vh;padding-bottom: 1vh;font-size: 1.6vh;text-decoration: none;}
   #columnnavB span:hover {background-color: #1C7DC8;color: #fff;cursor: pointer;}
   .checked {background-color: #1C7DC8;color: #fff;}
   #columnnavB img{width: 2vh; height: 1vh;position: absolute;bottom: -1.8vh; left:6.4vh}

   #AboutBg{float:left;width:100%; background-image: url(/images/bg/1.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #About{float:left;width:100%; padding-bottom: 0vw;font-size:2vh; line-height: 4.4vh;}
   #About dl{margin-left: auto;margin-right: auto;width: 80vw;padding-left: 5vw;padding-right: 5vw;padding-bottom: 2vw;padding-top: 4vw;background-image: url(/images/bg/a.png);color: #333;}
   #About p {text-indent: 4vh;padding-bottom: 2vh;}
   #About img{float:left;width:40vh;height: 30vh;padding-right: 4vh;padding-top: 1.6vh;overflow: hidden;}

   #AbImgBg{float:left;width:100%; }
   #AbImg{float:left;width:96vw; padding-bottom: 3vw;padding-left: 4.5vw;padding-top: 1vw;}
   #AbImg div {float:left;width:16.8vw; padding-right: 1.5vw;padding-bottom: 1.5vw;position: relative;}
   #AbImg dl {float:left;width:16.8vw;background-color: #fff;height: 10.2vw; display: flex;align-items: center;justify-content: center; overflow: hidden; }
   #AbImg img{width:16.8vw;height: 10.2vw; }
   #AbImg dl:hover{position:relative;animation:myfirst 2s;}


      #PrBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #Pr{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 5.4vh;}
   #Pr dl{margin-left: auto;margin-right: auto;width: 82vw;padding-top: 0vw;}
   #Pr img{float:left;width: 82vw;}



#AbSpBg{float:left;width:100%; background-image: url(/images/bg/1.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #AbSp{float:left;width:90vw;overflow: hidden;padding-bottom: 4vw;text-align: center;}
     #AbSp .AbSpBox {float:left;width:60vw; height: 36vw;padding-left: 20vw;}
     #AbSp .AbSpV {float:left;width:60vw; height: 36vw;}




   #HistoryBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #History{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 5.4vh;}
   #History dl{margin-left: auto;margin-right: auto;width: 82vw;padding-top: 0vw;}
   #History img{float:left;width: 82vw;}

  #ManageBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;  background-size: 100% 60vw; background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
    #Manage{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 5.4vh;}
   #Manage dl{margin-left: auto;margin-right: auto;width: 82vw;padding-top: 0vw;}
   #Manage img{float:left;width: 82vw;}

#JobTxt{float:left;width:100%; padding-bottom: 2vw;font-size:2vh; line-height: 4.4vh;display: none;}
	#JobTxt dl{margin-left: auto;margin-right: auto;width: 78vw;padding-left: 6vw;padding-right: 6vw;padding-bottom: 2vw;padding-top: 2vw;color: #333;background-color: #fff;}
	#JobTxt img{max-width: 60vw;padding-top: 2vw;padding-bottom: 2vw;}
	#JobTxt dd{width: 78vw;padding-top: 3vh;color: #333;font-size: 2vh;line-height: 4vh;padding-bottom: 3vh;}

 /*绿色环保详细*/
  #JobImgBg{width:92vw;margin-left: auto;margin-right: auto;display: none;}
  #JobImg {float:left;width:92vw;overflow: hidden;padding-bottom: 2vw;padding-left: 1vw;}
  #JobImg div {float:left;width:16.8vw; padding-right: 1.5vw;padding-bottom: 1.5vw;position: relative;}
  #GreenJobImgImg div:nth-child(5n) {float:left;width:16.8vw; padding-right: 0;}
  #JobImg img{float:left;width:16.8vw; height: 12.5vw;}
  #JobImg dl{float:left;width:14.8vw;background-color: #fff;height:1.2vw;height: 1.2vw;padding-left: 1vw;padding-right: 1vw;padding-top: 0.8vw;padding-bottom: 0.8vw; }
  #JobImg dt{float:left;width:14.8vw;height: 1.2vw;line-height: 1.2vw;color: #333;font-size:0.8vw;  overflow: hidden;text-align: center;}
  #JobImg div:hover{position:relative;animation:myfirst 2s;}

  


   #CultureBg{float:left;width:100%; box-shadow:inset 0px 8px 5px -8px #999;background-color: #000;}
   #Culture{float:left;width:100%; padding-bottom: 4vw;}
   #CultureMain{width:92vw;display: flex;justify-content: space-between;margin-left: auto;margin-right: auto;}
   #CultureMain dl{width:17vw;height:32vw;background-repeat: no-repeat;background-size: 18vw 32vw;border: solid 0.4vw #ddd;}
   #CultureMain dd{width:15vw;font-size: 0.8vw;line-height: 1.4vw;padding-left: 1vw;padding-right: 1vw;color: #fff;padding-top: 2vw;text-align: center;}
   #CultureMain dt{width:17vw;font-size: 1.2vw;line-height: 1vw;color: #fff;text-align: center;padding-top: 3vw;}
   #CultureMain dt font{border-bottom: solid 2px #fff;padding-bottom:1vw;font-weight: bold;}
   #CultureMain dl:hover{position:relative;animation:myfirst 2s;}


   #CertBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #Cert{float:left;width:96%; padding-bottom: 1vw;padding-left: 4%;padding-top: 1vw;}
   .CertT{float:left;width:100%; font-size: 3vh;line-height:3vh;color: #000;font-weight: bold;text-align: center;padding-bottom: 1vw;padding-top: 1vw;}
   #Cert div {float:left;width:16.8vw; padding-right: 1.5vw;padding-bottom: 1.5vw;position: relative;}
   #Cert dl {float:left;width:16.8vw;background-color: #fff;height: 16.8vw; display: flex;align-items: center;justify-content: center; overflow: hidden; }
   #Cert img{display: block;max-width: 100%;max-height: 100%;object-fit: contain;}
   #Cert dl:hover{position:relative;animation:myfirst 2s;}






   #PlanBg{float:left;width:100%; background-image: url(/images/bg/3.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #Plan{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 4.4vh;}
   #Plan dl{margin-left: auto;margin-right: auto;width: 80vw;padding-left: 5vw;padding-right: 5vw;padding-bottom: 4vw;padding-top: 4vw;background-image: url(/images/bg/a.png);color: #333;}
   #Plan p {text-indent: 4vh;padding-bottom: 2vh;}
   #Plan img{float:left;width:32vh;height: 24vh;padding-right: 4vh;padding-top: 1.6vh;overflow: hidden;}
  


   #ProductListBg{float:left;width:100%;background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
   #ProductNav{float:left;width:16vw;padding-left: 4vw;padding-bottom: 4vw;}
   #ProductNav dl{float:left;width:16vw;}
   #ProductNav dd{float:left;width:16vw;line-height: 6vh;font-size: 1.8vh;background-color: #fff;margin-top: 1px;text-indent: 0.8vw;position: relative;}
   #ProductNav dd img{position:absolute;height:0.8vw;width: 0.4vw;top:1vw;right:0.8vw}
   #ProductNav dt{float:left;width:16vw;line-height: 6vh;font-size: 2vh;background-color: #1C7DC8;color: #fff;text-align: center;text-align: left;text-indent: 0.8vw;font-weight: bold;}
   #ProductNav dd:hover{ cursor: pointer;background-color: #ececec;color: #1C7DC8;}
   #ProductNav .checked{background-color: #efefef;color: #1C7DC8;font-weight: bold;}

   #ProductListA{float:left;width:76vw; padding-bottom: 4vw;  display: none;}
   #ProductListTop{float:left;width:74vw;font-weight: bold; background-color: #fff;line-height: 6vh;font-size: 2vh;background-color: #fff;color: #333;text-align: center;margin-left: 1.2vw;text-align: left;text-indent: 1.2vw;}
   #ProductListTop strong{color: #1C7DC8;padding-right: 0.6vw;}
 
   #ProductList{float:left;width:76vw;}
   #ProductList div{float:left;width:17.6vw; padding-top: 1.2vw;padding-left: 1.2vw;}
    #ProductList dl{width:17.6vw;height:17.6vw;background-color: #fff;}
	#ProductList dd{width:17.6vw;height:17.6vw;overflow: hidden;}
	#ProductList dt{float: left;width:16vw;height:2.8vw;background-color: #1C7DC8;color: #fff;text-indent: 0.8vw;font-size: 1.7vh;line-height: 2.8vw;position: relative;margin-top: 0.4vw;padding-right: 1.6vw;}
	#ProductList .PrArrow{position:absolute;height:0.8vw;width: 0.4vw;top:1vw;right:0.8vw}
	#ProductList .PrImg{float: left;width:17.6vw;height:17.6vw;cursor: pointer;}
	#ProductList dl:hover dt{transition: all 0.5s linear; cursor: pointer;color: #fff; background-color: #3767B1;}
	#ProductList dl:hover .PrImg{ cursor: pointer; transform:scale(1.2);transition:all 1s ease 0s;-webkit-transform:scale(1.2);-webkit-transform:all 1s ease 0s;}
	#ProductDetailBg{float:left;width:74vw; padding-left: 1.2vw; display: none;padding-bottom: 4vw;}
	#ProductDetail{float:left;width:72vw;background-color: #fff;min-height: 134.2vh;padding-left: 2vw;}
	#ProductDetailTop{float:left;width:70vw; padding-top: 2vw;padding-bottom: 2vw;}
	#ProductDetailTopLeft{float:left;width: 28vw;height: 33vw;padding-right: 2vw;}
	#ProductDetailTopLeftA{float:left;width: 28vw;}
	#ProductDetailTopLeftA img{float:left;background-color: #fff;width: 28vw;height: 28vw;border: solid 1px #ddd;}
	#ProductDetailTopLeftB{float:left;width: 28vw;padding-top: 1vw;}
	#ProductDetailTopLeftB dd{float:left;width: 4vw;height: 4vw;padding-right: 1vw;}
	#ProductDetailTopLeftB img{float:left;background-color: #fff;width: 4vw;height: 4vw;border: solid 1px #ddd;}
	#ProductDetailTopLeftB img:hover{width: 4vw;height: 4vw;border: solid 1px #1C7DC8;cursor: pointer;}
	#ProductDetailTopLeftB .Check{width: 4vw;height: 4vw;border: solid 1px #1C7DC8;}



	#ProductDetailTopRight{float:left;width:40vw;min-height: 28vw;}
	#ProductDetailTopRight dl{float:left;width:40vw;border-bottom: solid 1px #ddd;text-align: left;}
	#ProductDetailTopRight dl font{float:left;font-size: 2.4vh;line-height:6.8vh;border-bottom: solid 4px #1C7DC8;color: #1C7DC8;font-weight: bold;}
	#ProductDetailTopRight div{float:left;width:40vw;text-align: left;font-size: 1.8vh;line-height:3.6vh;padding-top: 1.8vh;}
	#ProductDetailBtn{float:left;width:70vw; border-top: solid 1px #ddd;padding-top: 2vw;display: flex;justify-content: space-between;padding-bottom: 2vw;}
	#ProductDetailBtn dl{width:34vw; border: solid 1px #ddd;font-size: 1.8vh;line-height: 6vh;text-align: center;}
	#ProductDetailBtn dl:hover{background-color: #1C7DC8;cursor: pointer;color:#fff;}
	#ProductDetailTitle{float:left;width:70vw;border-bottom: solid 1px #ddd;text-align: left;}
	#ProductDetailTitle  font{float:left;font-size: 2.4vh;line-height:6.8vh;border-bottom: solid 4px #1C7DC8;color: #1C7DC8;font-weight: bold;}
	#ProductDetailMark{float:left;width:70vw;color: #333;font-size: 1.8vh;line-height: 3.6vh;padding-top:2vh;padding-bottom: 4vh;}
	#ProductDetailMark img{max-width: 70vw;}
	#ProductDetailMark table{width: 100%;border: solid 1px #ddd;text-align: center;border-collapse: collapse;margin-bottom: 2vh;}
	#ProductDetailMark td{border: solid 1px #ddd; border-collapse: collapse;font-size: 1.8vh;line-height: 2.6vh;padding-top: 1.2vh;padding-bottom: 1.2vh;}
	#ProductDetailMark tr:nth-child(1){background-color: #1C7DC8;color: #fff;}


	#ProductSeletBg{float:left;width:100%;display: none;}
	#ProductSelet{width:92vw;margin-left: auto;margin-right: auto;background-color: #1C7DC8;padding-bottom: 4vw;}
	#ProductSeletMark{float: left;width:84vw;padding-left: 1vw;padding-right: 1vw;}
	#ProductSeletMark dl{border-top: solid 1px #ddd;line-height: 3.6vh;font-size: 1.8vh;padding-top: 2vh;}
	#ProductSeletMark img{max-width: 80%;}
	

	#ApplyBg{width:92vw;margin-left: auto;margin-right: auto;display: none;}
	#Apply{float: left;width:86vw;background-color: #fff;padding-left: 3vw;padding-right: 3vw;padding-top: 3vw;padding-bottom:3vw;}
	#ApplyTitle{float: left;width:86vw;text-align: center;font-size: 2.8vh;line-height:2.8vh;padding-bottom: 3vh;font-weight: bold;}

	#ApplyMark{float: left;width:84vw;padding-left: 1vw;padding-right: 1vw;padding-bottom: 1vw;}
	#ApplyMark dl{border-bottom: solid 1px #ddd;border-top: solid 1px #ddd;line-height: 3.6vh;font-size: 1.8vh;padding-top: 2vh;padding-bottom: 2vh;}

	#ApplyA{float: left;width: 41vw;padding: 1vw;position: relative;}
	#ApplyA dd{position: absolute;left: 2vw;top:1vw;font-size: 1.8vh;line-height:5.6vh;color: #666;}
	.Applybd1{float: left;font-size: 1.8vh;line-height:5.6vh;border: solid 1px #ddd;padding-left: 1vw;width: 40vw;color: #1C7DC8;}
	.Applybd1:hover{border: solid 1px #1C7DC8;}
	#ApplyB{float: left;width: 86vw;padding: 1vw;position: relative;}
	#ApplyB dd{position: absolute;left: 2vw;top:1.8vw;font-size: 1.8vh;line-height:3vh;color: #666;background-color: #FFF;}
	.Applybd2{float: left;font-size: 1.8vh;line-height:3vh;color: #1C7DC8; border: solid 1px #ddd;width: 82vw;height: 12vh;padding-left: 1vw;padding-right: 1vw;padding-top: 0.7vw;padding-bottom: 0.7vw;font-family: 'microsoft yahei';}
	.Applybd2:hover{border: solid 1px #1C7DC8;}


	.ApplyBtn{float: left;width: 84vw;float: left;font-size: 2.4vh;line-height:6.8vh;background-color: #1C7DC8;color: #fff;text-align: center;}
	.ApplyBtn:hover{cursor: pointer;background-color: #1C7DC8;}

	#ApplyMsg{width: 100%;text-align: center;position: fixed;top:0px;left:0px;}
	#ApplyMsg font{font-size: 2vh;line-height: 2vh;color: #fff;background-color: #000;padding-left: 4vh;padding-right: 4vh;padding-top: 2vh;padding-bottom: 2vh;border-radius: 0.6vh;}
	
	#ApplyWin{width: 100%;text-align: center;position: fixed;top:0px;left:0px;z-index: 9999;height: 67vh;background-image:url('/images/bg3.png');padding-top: 43vh;}
	#ApplyWin dl{height: 14vh;width: 40vh;background-color: #fff;margin-left: auto;margin-right: auto;border-radius: 1vh;}
	#ApplyWin dd{line-height: 8vh;font-size: 2.4vh;color: #1C7DC8;}
	#ApplyWin dt{line-height: 6vh;font-size: 2vh;color: #fff;background-color: #1C7DC8;border-bottom-left-radius: 1vh;border-bottom-right-radius: 1vh;}
	#ApplyWin dt:hover{cursor: pointer;background-color: #1C7DC8;}

	#NewsListBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
	#NewsList {width:96vw;float:left;padding-bottom: 4vw;padding-left: 4VW;display: none;}
	.NewsListBox {height:22vh;width:45.5vw;float:left;background:#fff;border-left:0.16vw solid #EDF2F5;border-bottom:0.16vw solid #EDF2F5;}
	.NewsListBox:hover {box-shadow:0 0 30px #A3BDCD;transition:all 0.5s linear;cursor:pointer;background:#1C7DC8;}
	.NewsListBox:hover  dt a {padding-left:2.2vh;color:#fff;transition:all 0.5s linear;}
	.NewsListBox:hover  .Newsright dt {background-image:url(../images/jiantou1.png);color:#fff;background-repeat:no-repeat;background-size:1.6vh 1.6vh;background-position:left bottom;}
	.NewsListBox:hover  .NewsLeft{color:#fff;}
	.NewsListBox:hover  .Newsright dd{color:#fff;}
	#News{float:left;width:100%; padding-bottom: 4vw;font-size:2vh; line-height: 4.4vh;display: none;}
	#News dl{margin-left: auto;margin-right: auto;width: 78vw;padding-left: 6vw;padding-right: 6vw;padding-bottom: 2vw;padding-top: 4vw;color: #333;background-color: #fff;}
	#News dt{width: 78vw;color: #333;font-size: 2.8vh;line-height: 2.8vh;font-weight: bold;text-align: center;border-bottom: solid 1px #ececec;padding-bottom: 4.4vh;}
	#News ul{width: 78vw;color: #333;font-size: 1.6vh;line-height: 1.6vh;color: #333;padding-top: 3vh;text-align: right;}
	#News img{max-width: 60vw;padding-top: 2vw;padding-bottom: 2vw;}
	#News dd{width: 78vw;padding-top: 3vh;border-bottom: solid 1px #ececec;color: #333;font-size: 2vh;line-height: 4vh;padding-bottom: 3vh;}
	.NewsLeft {float:left;width:8vw;text-align:center;color:#555;}
	.NewsLeft dt {font-size:5vh;padding-top:8.1vh;}
	.NewsLeft dd {font-size:1.4vh;padding-top:3vh;}
	.Newsright {float:left;width:35vw;text-align:left;}
	.Newsright dt {font-size:2.4vh;color:#333;padding-top:6.3vh;line-height:2.4vh;height:2.4vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.Newsright dd {font-size:1.8vh;color:#777;padding-top:1.6vh;line-height:3vh;height:6vh;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	
	#JobBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;}
	#JobABg {width:96vw;float:left;padding-bottom: 4vw;padding-left: 4VW;display: none;}
	#JobA {width:84vw;float:left;padding: 4vw;background-color: #fff;}
	#JobA table{width: 100%;border: solid 2px #1C7DC8;text-align: center;border-collapse: collapse;font-size: 1.8vh;line-height: 5.6vh;}
	#JobA th{background-color: #1C7DC8;color: #fff;}
	#JobA td{border: solid 2px #1C7DC8; color: #333;border-collapse: collapse;}
	#JobA tr:hover{background-color: #efefef;cursor: pointer;}

	#AgentBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;display: none;}
	#SupplierBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;display: none;}
	
	#ContactUsBg{float:left;width:100%; background-image: url(/images/bg/2.jpg);background-size:cover;background-repeat:no-repeat;background-position:top center;box-shadow:inset 0px 8px 5px -8px #999;padding-bottom: 4vw;}
	#ContactUsMid {width:92vw;margin-left: auto;margin-right: auto;display: none;}
    #ContactUs{float:left;width:92vw;height: 60vh;background-color: #fff;}
	#ContactUsLeft{float:left;width:26vw;background-color: #999;height: 60vh;background-size:cover;background-repeat:no-repeat;background-position:top center;background-image: url(/images/bg/5.jpg);padding-left: 3vw;padding-right: 3vw;}
	#ContactUsLeft dt{float:left;width:26vw;font-size: 2.4vh;color: #fff;font-weight: bold;border-bottom: solid 1px #619FCD;line-height: 8vh;padding-top: 12vh;}
	#ContactUsLeft dd{float:left;width:26vw;font-size: 2vh;color: #fff;line-height: 8vh;border-bottom: solid 1px #619FCD;}

	#ContactUsRight{float:right;width:56vw;height: 40vh;padding-right: 2vw;}
	#ContactUsRightT1{float:left;width:56vw;font-size: 2.4vh;color: #333;font-weight: bold;line-height: 8vh;border-bottom: solid 1px #ddd;padding-top: 2vh;}
	#ContactUsRightT2{float:left;width:56vw;font-size: 2.4vh;color: #333;font-weight: bold;line-height: 8vh;border-bottom: solid 1px #ddd;padding-top: 2vh;}
	#ContactUsRight dl{float:left;width:56vw;}
	
	#ContactUsRight dd{float:left;width:14vw;background-color: #efefef;margin-top: 1.5vw;margin-right: 1.5vw;color: #333;font-size: 1.6vh;padding-left: 1vw;padding-right: 1.4vw;padding-top: 1.4vh;padding-bottom: 1vh;line-height: 3vh;}

 
	#btmbg {float:left;width:100%;background-color:#252525;padding-bottom:2vh;}
	#btmbg a {text-decoration:none;color:#B6CFDF;}
#btmbg a:hover {color:#fff;text-decoration:underline;}
#btmtop {width:92%;margin-right:auto;margin-left:auto;padding-top:8vh;padding-left:4%;padding-right:4%;}
#btm_left {width:80%;float:left;height: 50vh;overflow: hidden;}
.btm_one {float:left;font-size:2vh;padding-right:8vw;color:#fff;line-height:6vh;}
.btm_two {line-height:6vh;font-weight:normal;padding-top:1vw;font-size:1.7vh;opacity: 0.8;height: 42vh;}



#btm_left li{color:#fff;cursor: pointer;}
#btmtop_left li {display:inline;color:#fff;padding-right:2vw;}
#btm_right {width:8vw;float:right;border-right:solid 1px #3B3B3B;padding-right:4vw;padding-left:4vw;border-left:solid 1px #3B3B3B;}
#btm_right1 {width:8vw;float:right;}
#btm_right2 {width:8vw;float:right;padding-top:1.2vw;position:relative;background-color:#2589FF;}
.btm_right2v {width:16px;height:16px;position:absolute;top:3.2vw;right:4vw;}
.btm_right2img {width:4vw;height:4vw;float:left;border-radius:0.2vw;padding-top:0.1vw;}
#btm_right2 dl {width:8.3vw;padding-left:0.7vw;float:left;}
#btm_right2 dt {font-size:0.1vw;color:#BFBFBF;}
#btm_right2 dd {font-size:0.9vw;color:#BFBFBF;padding-top:0.4vw;}
#btm_right2 dd font {color:#BFBFBF;font-weight:bold;}
.btm_right2btn {width:3.66vw;height:1.2vw;float:left;}
.btm_right2btn:hover {opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
#btm_right3 {padding-top:1vw;width:13vw;float:right;height:36px;overflow:hidden;opacity:0.5;}
#btm_right3:hover {opacity:0.9;}
#btm_right1 dl {width:7vw;float:right;padding-bottom:1.2vw;}
#btm_right1 dl:nth-child(1) {width:7vw;float:right;padding-left:1vw;}
#btm_right1 img {width:7vw;float:right;float:left;}
#btm_right1 dt {width:7vw;color:#fff;font-size:0.85vw;line-height:0.8vw;padding-bottom:0.5vw;padding-top:1vw;text-align:center;float:left;text-align:center;font-weight: bold;}

#btmcopybg {float:left;width:100%;background-color:#252525;padding-top:6vh;border-top: solid 1px #3B3B3B;}
#btmcopy {width:92%;margin-right:auto;margin-left:auto;line-height:4vh;color:#fff;font-size:1.6vh;padding-left:4%;padding-right:4%;font-weight:normal;opacity: 0.8;}
#btmcopy a {text-decoration:none;color:#fff;}
#btmcopy a:hover {color:#fff;text-decoration:underline;}
#btmcopyleft {float:left;text-align:left;padding-bottom:2vh;}

	

/*在线客服*/
#service{width:20vh;position:fixed;bottom: 24vh;right:0px; z-index:999999;font-family:Impact;display: none;}
#service li{float:left;width:20vh;height:5.4vh;}
#service .Mr{float:left;width:5vh;height:5vh;}

#service li img{float:right;}
#service li a{height:6vh;float:right;display:block;min-width:5vh;max-width:25vh;}
#service li a .shows{display:block;width:5vh;height:5vh;}

#service li a .hides{float:left;cursor:pointer;cursor:hand;width:25vh;}

#service dd{float:right;width:20vh;height:5vh;line-height: 5vh;margin-left:0vh;text-align:center;color: #1C7DC8;background-color: #fff;font-size: 2.2vh;}
#top_btn{width:5vh;height:5vh;}
#top_btn:hover{opacity: 0.8;}


img {margin:0 auto;display:block;}
/**/   @keyframes myfirst {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-moz-keyframes myfirst /* Firefox */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-o-keyframes myfirst /* Opera */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
/**/@keyframes mytwo {0% {left:0px;top:0px;}
100% {left:0px;top:-100px;}
}
@keyframes rotate {
	0% {
	transform-origin:center;
	transform:rotate3d(0,0,1,0deg);
}
100% {
	transform-origin:center;
	transform:rotate3d(0,0,1,360deg);
}
}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.1); /*放大1.1倍*/
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.1);
	}
}

@keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:.5} }
@-webkit-keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:0.5} }

@keyframes arrow {%0,%100 {bottom:5px;opacity:1;}
50% {bottom:10px;opacity:.5}
}
@-webkit-keyframes arrow {%0,%100 {bottom:5px;opacity:1;}
50% {bottom:10px;opacity:.5}
}

@keyframes cf4FadeInOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.8;
		transform:scale(1.2);
	}
}
@keyframes cf4FadeInOutflash {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.8;
	
	}
}

.btboxarrow{ opacity:1;animation:btboxarrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:btboxarrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:0px;left:50%;margin-left:-6px;width:21px;height:11px;cursor:pointer;overflow:hidden;}
@keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-10px; opacity:.5} }
@-webkit-keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-10px; opacity:0.5} }

@keyframes arrow {%0,%100 {bottom:10px;opacity:1;}
50% {bottom:20px;opacity:.5}
}
@-webkit-keyframes arrow {%0,%100 {bottom:10px;opacity:1;}
50% {bottom:20px;opacity:.5}
}


}

img {margin:0 auto;display:block;}
/**/   @keyframes myfirst {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-moz-keyframes myfirst /* Firefox */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-o-keyframes myfirst /* Opera */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
/**/@keyframes mytwo {0% {left:0px;top:0px;}
100% {left:0px;top:-100px;}
}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.1); /*放大1.1倍*/
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.1);
	}
}