@charset "utf-8";
@font-face {
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,b,u,i,dl,dt,dd,ol,ul,li,form,label,menu,nav,input,textarea,blockquote{ margin:0; padding:0; border:0; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px;}
ol,ul {	list-style:none}
a{ text-decoration:none; color:#5b5b5b;}
a:hover{color:#e94609;}
p{ line-height:21px;}
.clear{ clear:both;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.fl{ float: left;}
.fr{ float: right;}
.tl{ text-align: left;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.w85{ width: 84.7%}
.w100{ width: 100%;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.pt10{ padding-top: 10px;}
.pb10{ padding-bottom: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.bd{border: 1px solid #d7d9d8;}
.bdt{border-top:1px solid #e0e0e0;}
body{ min-width:320px; background:url(../images/wild_oliva_light.png)}
/* base结束 */

/*head-footer.css 开始*/
h1,h1 a{ font-size:22px; line-height:24px;}
h2,h2 a{ font-size:19px; margin-bottom:5px; }
h3,h3 a{ font-size:16px;}
h1,h1 a,h2,h2 a,h3,h3 a{ color:#373737;}
h1 + p{ margin-top:5px;}

.topLocation{ width:100%;height:42px; line-height:15px; background-color:#293649;  display:none;}
.topLocIn{ width:; margin:0 auto; color:#ffffff;}

.indexTop{ max-width:1440px; height:87px; margin:auto; position:relative; background:url(../images/top.jpg) repeat;}
.indexTopLeft{width:154px; float:left;  margin-left: 6.4%;}
.indexTopLeft img{ width:100%; min-width:225px;}
.indexTopRight{ float:right;  margin-top:30px; margin-right: 6.4%;}

.top{ max-width:1024px; height:79px; margin:auto; position:relative;}
.topLeft{ width:154px; float:left;  margin-top:20px; margin-left:2.5%;}
.topLeft img{ width:100%; min-width:100px;}
.topRightIco{ position:absolute; top:0; right:28px; display:none; cursor:pointer}
.topRight{ float:right;  margin-top:30px; margin-right:2.5%;}
.location{ float:left;}
.websites{ float:left; margin-top: -3px;  margin-left:15px; }
/*.websites:hover{ background-position: 0 -23px;}*/

.navigation{ height:28px; background-color:#232323; width:100%; display:none;}
.navigationLeft{ float:left; line-height:28px; color:#ffffff; margin-left:14px;}
.navigationRight{ float:right; margin-right:15px;}

.indexMenu{ width:100%; height:46px; background:url(../images/head-footer/nav_1.gif) repeat-x;}
.indexMenuin{ max-width: 1440px; margin: auto;}
.navl{ float:left; line-height:px; width:; text-align:center; background-color:#232323}
.indexMenu ul li a{  display:block; font-size:15px; background:url(../images/gegeg.png) no-repeat right center;}
.open ul li a{ background:none; color:#687074; font-size:12px}
.indexMenu ul li.menuLast{ width:15%}
.indexMenu ul li.menuLast a{ border-right:none}
.indexMenu ul li a:hover{ background-color:#0074c3; background-image:none; border:none}
.indexMenu .menuin-cur{background:url(../images/head-footer/nav_2.gif) repeat-x;}

.menu{  width:100%; height:28px;  background:url(../images/head-footer/nav_1.gif) repeat-x;}
.menuin{ margin:auto; max-width:1024px;}
.menu ul li{ float:left; line-height:28px; width:17%; text-align:center;}
.menu ul li a{ border-right:1px solid #7e8693; color:#e8e8e8; display:block}
.menu ul li.menuLast{ width:15%}
.menu ul li.menuLast a{ border-right:none}
.menu ul li:hover{ background:url(../images/head-footer/nav_2.gif) repeat-x;}
.menu .menuin-cur{background:url(../images/head-footer/nav_2.gif) repeat-x;}

.indextoTop{ width:100%; display:none; background-color:#f3f3f3;}
.toTop{ width:100%; display:none;}
.toTopImg{ width:30px; margin:auto; }

.indexfooter{width:100%; height:58px; border-top:1px solid #c8c8c8; }
.footer{ width:100%; height:58px; border-top:1px solid #c8c8c8; margin-top: 50px;}
.indexfooterin{ max-width:1440px; margin:auto;}
.indexfooterin .footerinLeft{ margin-left: 6.4%;}
.indexfooterin .footerinRight { margin-right: 6.4%;}

.footerin{ max-width:1024px; margin:auto;}
.footerinLeft{ float:left; margin-left:1.5%; margin-top:5px; margin-bottom:10px}
.footerinRight{ float:right; margin-right:1.5%;}

.focus{float:left; width:24px; height:24px; margin:17px 5px 0 5px; background:url(../images/head-footer/csg.png); cursor:pointer}
.youtube{ background-position: 0 0;}
.youtube:hover{ background-position: -132px 0;}
.facebook{ background-position: -44px 0; }
.facebook:hover{ background-position: -176px 0;}
.twitter{background-position: -88px 0;}
.twitter:hover{background-position: -220px 0;}

.link{ float:left; margin-left:10px; margin-top:20px;}
/*head-footer.css 结束*/


/*公共头部、底部、表单、侧边栏开始*/
.menuNav{ width:100%; height:26px; background-color:#dddddd;}
.menuNavin{ max-width:1024px; height:26px; margin:auto; line-height:26px; padding-left:30px;}

.topSelect{ display:none; width:96%; border:5px solid #a9a9a9; margin-bottom:10px; height:22px;}
.topSelect select{ border:none; width:100%;}

.main{ width:100%; margin-top:6px;}
.content{ max-width:1024px; margin:auto}
.conLeft{ width:17.6%; float:left; background-color:#e8e8e8; margin-left:1.5%;}
.conLeft ul li{ border-bottom:1px solid #bcbcbc; border-top:1px solid #ffffff; padding:5px 0 5px 8px;} 
.conLeft ul li:hover{ background-color:#f4f4f4; cursor:pointer;}
.curLi{background-color:#f4f4f4;}
.conLeft ul li.conLeftLast{ border-bottom:none; padding:0;}
.conLeft ul li a{color:#5b5b5b; line-height:22px; display:block; font-weight: bold;}

.second{ border-bottom:1px solid #bcbcbc; border-top:1px solid #ffffff; display:none}
.second ul li{ border:none;  padding:5px 0 5px 8px; font-weight:normal;}
.second ul li a{ line-height:16px; font-weight: normal;}
.second .pro_active{ background-color:#f4f4f4;}
.lis_cur{ display:block}

.conRight{ float:left; width:77.9%; margin-left:1.5%; margin-right:1.5%; color:#5b5b5b;}
.conRightTop{ width:100%; background-color:#f3f3f3;}
.conRightTopin{ padding:10px;}
.conRightTop h2{ font-size:20px; font-weight:normal}
.conRightMain{margin-top:10px;}
.mainBox{ float:left; width:72.2%; }
.mainBox p img{ max-width: 100%; margin: 10px 0;}
.conRightBanner{ width:100%;}
.conRightBanner img{ width:100%;}
.eachBox{ border-bottom:1px solid #e0e0e0; overflow:hidden; clear:both; padding-bottom:20px; margin-top:30px;}
.eachBox:last-child{ border: none; padding-bottom:0;}
.eachBoxImg{ float:left;  width:19%;  }
.eachBoxImg img{  width:100%; margin-top:5px;}
/*.eachBox img{float: left; width: 19%; margin-right: 2%}*/
.eachBoxText{ float:left; width:78.4%; margin-left:2.6%;}
.learnMore{ background:url(../images/more_bg.jpg) left center no-repeat; padding-left:15px;}
.learnMore a{color:#e94609;}

/*新右侧边栏样式开始*/
.sideBar{ float:left; width:26%; margin-left:1.8%; min-height: 430px;}
.sideBarin{ padding-left:7%; }
.sideContact{ padding-bottom:15px; margin-top:5px;}
.sideText{height: 29px; line-height: 29px; padding-left: 45px; margin-top: 1px; }
.sideText:hover{ cursor:pointer;}
.sideTel{  background: #e1e1e1 url(../images/head-footer/tel1.jpg) no-repeat; margin-top: 10px}
.sideFax{ background: #e1e1e1 url(../images/head-footer/fax1.jpg) no-repeat;}
.sideMail{  background: #e1e1e1 url(../images/head-footer/email1.jpg) no-repeat;}
.sideTel:hover{  background: #cccccc url(../images/head-footer/tel1_2.jpg) no-repeat;}
.sideFax:hover{ background: #cccccc url(../images/head-footer/fax1_2.jpg) no-repeat;}
.sideMail:hover{  background: #cccccc url(../images/head-footer/email1_2.jpg) no-repeat;}

.servOnline{  width: 100%; background-color: #ef7448; }
.servOnline:hover{ background-color: #e94609}
.servOnline p{ margin-left: 16px; color: #ffffff; height: 29px; line-height: 29px; font-size: 14px; cursor:pointer;}
.servOnline span{ float: right; padding-right: 18px; font-size: 18px;}
.sideSchBox{ margin-top: 31px;}
#sideSchBox{ height: 29px; border: 1px solid #d7d9d8}
#sideSchBox input{ border: none;}
#sideSchBox input[type='text']{ color: #999999; font-size: 14px;  width: 74%; padding-left: 6%; height: 29px; line-height: 29px; float: left;}
#sideSchBox input[type='submit']{ float: right; margin-right: 2%; background-image: url(../images/index/sch.jpg/); width: 16px;  height: 29px;  cursor:pointer;}
.schbline{ border-top: 1px solid #d9d9d9; border-bottom: 1px solid #ffffff; margin-top: 18px;}
/*新右侧边栏样式结束*/


/*表单样式开始*/
.proForm{ margin-top:10px; }
#proForm{ border-top:1px solid #e0e0e0; padding-top:20px; margin-top:10px;}
#proForm div{ margin: 10px 0;}
#proForm div b{ font-weight: normal; display: block; float: left;}
#proForm label{ width: 15%; float: left; font-weight: bold; text-align: right; margin-right: 5%;}
#proForm input{ width: 79%; height: 25px; border: 1px solid #d7d9d8;}
#proForm input:focus{ border: 1px solid orange;}
#proForm p{ width: 79%; float: left;}
#proForm input[type='checkbox']{ width:15px; height: 12px;}
#proForm textarea{ width:79%; height: 100px; border: 1px solid #d7d9d8;}
#proForm input[type='submit']{ width:135px; height:28px; cursor:pointer; background-color: #293246; color: #ffffff; border-radius: 3px; border: none; margin-top: 10px;}
#proForm input[type='submit']:hover{ background-color: #e94609;}
/*表单样式结束*/

@media screen and (max-width:1024px){
	.menuNavin{ padding-left:23px;}
}

@media screen and (max-width: 940px){
	.sideMail{ display: none;}
}

@media screen and (max-width:768px){
	#lpButDivID-1320914009318{ display: none;}
	.indexTopLeft{ width: 20%;}
	.topLeft{ width:20%;}
	.link{ display:none}
	.conLeft{ width:23.5%; margin-left:2%;}
	.conRight{ width:70.5%; margin-left:2%; margin-right:2%;}
	.mainBox{ width:100%; float:none;}
	
	.sideBar{ width:100%; margin-left:0; float:none; border-top:1px solid #e0e0e0; padding-top:10px; margin-top:20px; min-height: 250px;}
	.sideBarin{ border-left:none; padding-left:0;}
	
	.sideMail{ display: block;}
    .schbline{ display: none;}
	
	.headImg{ width:44.3%;}
	.headAdd{ width:53.5%;}
	
	.inqHead{ margin-left:10px;}

	#proForm label{ width: 99%; float: none; margin: 5px 0; display: block; text-align: left;}
	#proForm input{ width: 99%; }
	#proForm p{ width: 99%; float: none;}
	#proForm textarea{ width:99%;}
    #proForm .nbsp{ display: none;}	

    .footerinLeft{ margin-left: 2%;}
	.footerinRight{ margin-right: 2%;}
}

@media screen and (max-width:600px){
	.sideSearch{ width:100%; float:none; border-bottom:1px solid #e0e0e0;}
	#sideSaaechForm input{ width:92%;}
	.sideContact{ width:100%; float:none; border-bottom:1px solid #e0e0e0; margin-left:0}
	.quote{ border-top:none;}
}

@media screen and (max-width:600px){
    .menuNavin{ padding-left:15px;}
	
	.toTop{ display:block; margin-top: 50px;}
	.navigation{ display:block; cursor:pointer}
	.menu{ display:none; height:auto;}
	.menu ul li{ height:28px; width:100%; float:none;  line-height:28px; border-top:1px solid #4c5363; text-align:left;  }
	.menu ul li a{ background:#232b3f url(../images/head-footer/menu_bg.png) 95% center no-repeat; padding-left:14px; color:#ffffff;}
	.menu ul li.menuLast{ width:100%;}
	.menu ul li a:hover{ background:#4c5363 url(../images/head-footer/menu_bg1.png) 95% center no-repeat;}
	.menu .menuin-cur a{ background:#4c5363 url(../images/head-footer/menu_bg1.png) 95% center no-repeat;}
	
	.topLeft{ width:154px; float:none; margin:auto}
	.topLeft img{ margin-top:20px;}
	.topRightIco{ display:block;}
	.topRight{ display:none;}
/* 	.websites{background:url(../images/head-footer/website_bg1.png) no-repeat left top; }
.websites:hover{ background-position: 0 -23px;}	 */
	.topSelect{ display:block;}
	.conLeft{ display:none;}
	.conRight{ width:94%; margin-left:3%; margin-right:3%;}
	
	.eachBoxImg{ width:24.4%;}
	.eachBoxText{ margin-left:3.3%; width:72.3%;}
	.menuNavin a{ display: none;}

	.footer{ height:75px; line-height:21px; margin-top: 0;}
	.footerinLeft{ float:none;  width:280px; margin:15px auto 10px;}
	.footerinRight{ float:none; width:110px; margin:auto}
	.focus{ margin-top:0;}
}

@media screen and (max-width:320px){
	.conRight{ margin-left:4.6%; width:90.8%; margin-right:4.6%;}
	.eachBoxImg{ width:38%;}
	.eachBoxText{ width:57%; margin-left:5%;}
}
/*公共头部、底部、侧边栏结束*/



/*产品内页css开始*/
.proText{ margin-left:2%; line-height: 18px;}
.proPic{ width:38%; float:right; margin-left: 4%; margin-bottom: 20px;}
.proPic p{ text-align:center; margin-top:20px; border: 1px solid #bababa; padding: 2px 0;}
.proPic p:hover{ background-color: #bababa; }
.proPic p a{ display: block;}
.proPic p a:hover{ color: #ffffff; }
.proPic img{ width:100%;}

.changeMenu{ height:27px; border-bottom:1px solid #bababa; margin-top:20px;}
.changeMenu ul li{ width:120px; float:left; line-height:27px; background-color:#bababa; margin-right:4px; text-align:center; cursor:pointer}
.changeMenu ul li.hover{ background-color:#e94609; color:#FFF;}
.changeMenu ul li:hover{ background-color:#e94609; color:#FFF; }
.changeInfo{ margin-top:30px; margin-bottom:30px; line-height: 18px;}
#proInfo_2{ max-width: 576px; overflow: hidden;}
#proInfo_2:hover{ position: relative; margin: 40px 0; overflow: visible;}


.botContact{border-top:1px solid #e0e0e0; padding-top:20px; margin-bottom:10px;}
.botContact p a{ color:#e94609}

#tabletitle{color:#FFF; font-weight:bold;}

@media screen and (max-width:768px){
	.botContact{  padding-bottom:10px;}
}

@media screen and (max-width:600px){
	.conLeft{ width:27.5%; margin-left:2.5%;}
	.proText{ float:none; margin-left:0; width:100%;}
	.proPic{ float:none; width:230px;}
	.proPic img{  margin-top:10px;}
	.proPic p{ text-align:left; margin-top:10px;}
	.conRight{ width:65%; margin-left:2.5%; margin-right:2.5%;}
	.changeMenu ul li{ width:48%; margin-right:1%;}
	#parameter{ display:none;}
}

@media screen and (max-width:520px){
	.changeMenu{ border-bottom:none}
	.changeMenu ul li{ width:48%; margin-right:2%; margin-top:3px;}
	.changeInfo{ margin-top:40px;}
}

@media screen and (max-width:480px){
	.conRight{ width:94%; margin-left:3%; margin-right:3%;}
	.proPic{ width:230px; margin:auto;}
	.proPic p{ text-align:center;}
}
/*产品内页css结束*/


/*解决方案开始*/
.eachCaseList{ }
.eachCaseList:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.eachCaseList ul{ margin-top:10px; }
.eachCaseList ul li{ width: 32%; margin-right: 2%; float: left; height: 140px;}
.eachCaseList ul li:nth-child(3n){ margin-right: 0;}
.eachCaseList ul li div{ padding: 5px; }
.eachCaseList ul li img{ width:100%;}
.eachCaseList ul li p{ text-align:center; margin-top: 5px}
.eachCaseList:last-child{ }
.projectCase img{ margin:10px 0; max-width: 100%;}
.crushingPlant img{ margin: 10px 0; max-width: 100%;}

.p_prod_product{ width: 110px; height: 130px; margin-right: 20px; float: left;}

@media screen and (max-width:480px){
	.eachCaseList + .eachCaseList{ margin-top:30px;}
	.eachCaseList ul{ margin-top:1px; }
	.eachCaseList ul li{ width: 100%; float: none; background:url(../images/more_bg.png) left 20px no-repeat; padding-left:12px; height: 30px; line-height: 30px;}
    .eachCaseList ul li + li{ margin-left:0}
    .eachCaseList ul li p{ width: 100%; text-align: left;}
    .eachCaseList ul li div{ border:none;}
	.eachCaseList ul li img{ display: none;}
	.eachCaseList:last-child{ margin-bottom: 20px}
}
/*解决方案结束*/

/*contact us begin*/
.headOffice{border-bottom:1px solid #e0e0e0; padding-bottom:15px;}
.headImg{ float:left; width:41.8%; margin-top:5px;}
.headImg img{ width:100%;}
.headAdd{ width:55%; margin-left:2.2%; float:left;}

.agencyOffice{border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-top:10px; }
.agencyOffice h3 + p{ margin-top: 5px;}
.agencyOffice:last-child{ border-bottom: none;}
/*contact us end*/

/*新闻模块开始*/
.firstNews{background-color: #e8e8e8; padding: 10px; margin-bottom: 20px;}
.fNewsLeft{ width: 60%;}
.fNewsLeft strong{ font-size: 14px; line-height: 24px;}
.fNewsLeft a{ color: #e94609;}
.fNewsRight{ width: 32.5%; margin-left: 5%;}
.fNewsRight img{ width: 100%;}
.newsList li{list-style-type: none; padding-left: 10px; margin: 8px 0;}
.newsList li a{ width: 80%; display: inline-block; line-height: 20px}
.newsList span{ float: right; display: inline-block;}
.newsList li:nth-child(2n){ background-color: #eeeeee;}

.newsPage{ margin-bottom: 30px;}
.newsPage h2{ text-align: center;}
.newsTime{ text-align: center; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px;}
.newsCon{ margin-top: 20px; line-height: 18px;}
.newsCon img{ max-width: 100%;}

@media screen and (max-width:480px){
	.firstNews{ display: none;}
}
/**list page**/
.listpage{line-height:25px;}
.listpage a{padding:2px 5px;}
.listpage a:hover{color:red;}
/*新闻模块结束*/

/*our websites开始*/
.difWeb ul li{ float: left; width: 48%; height: 20px; background-color: #eeeeee; margin-top: 20px;}
.difWeb ul li:nth-child(2n){ margin-left: 4%;}
.difWeb ul li img{ margin: 2px 20px 0 10px; float: left;}
.difWeb ul li a{ line-height: 20px; float: left;}

.website_arrange{ width: 33%; float: left;}
.website_arrange ul li{ height: 20px;}
@media screen and (max-width:600px){
	.difWeb ul li{ width: 100%; float: none;}
	.difWeb ul li:nth-child(2n){ margin-left: 0;}
}
/*our websites结束*/

/*返回顶部*/
a[id="gotop"]{ width:60px; height:60px; position:fixed; bottom:40px; right:40px; border-radius:10px 10px 10px 10px; display:none; background-color:#cccccc; cursor: pointer; }
a[id="gotop"]:hover{  background-color:#999999;}
#gotop img{ display: block; margin: auto; margin-top: 17px;}

/*屏幕宽度<700px,商务通图标隐藏*/
@media screen and (max-width: 700px){
	.lpStaticButton{ display: none;}
}

/* index.html begin */
#focus{width:100%; overflow:hidden;position:relative;color:#fff;margin-top:2px}
			#focus ul li{float:left;position:relative;overflow:hidden}
			#focus ul li img{width:100%}


			#focus ul {
				height: 380px;
				position: absolute;
			}
			#focus ul li div {
				overflow: hidden;
				position: absolute;
			}
			#focus .btnBg {
				bottom: 10px;
				height: 20px;
				left: 0;
				position: absolute;
				width: 1420px;
			}
			#focus .btn {
				bottom: 20px;
				height: 4px;
				padding: 0 13px;
				position: absolute;
				right: 0;
				text-align: center;
				width: 97%;
			}
			#focus .btn span {
				background: none repeat scroll 0 0 #fff;
				cursor: pointer;
				display: inline-block;
				height: 4px;
				margin-left: 10px;
				width: 40px;
			}
			#focus .btn span a {
				background: none repeat scroll 0 0 #fff;
			}
			#focus .btn span a:hover {
				background: none repeat scroll 0 0 #FF9900;
			}
			#focus .btn span.on {
				background: none repeat scroll 0 0 #FF9900;
			}	
                        #focus h1{color:#fff;font-weight:bold;}
			.bannermove{padding:10px;position:absolute;background:#e94609;border:1px #e94609 solid;line-height:18px;}
                        #tleft:hover, #tright:hover{background:#E94609}
                         .bannermove{width:300px;padding-bottom:20px;position:absolute;left:10%;bottom:10%;opacity:0}
                         #focus h1{line-height:30px}
                         .bannermove p{margin-top:10px}
			 #infodown{position:absolute;bottom:0;right:318px;z-index:2000;display:block;line-height:37px;background:#313942;padding:0 1%}
			 #tleft{position:absolute;bottom:0;right:279px;;z-index:2000;background:#fff;z-index:30px;display:block;}
			 #tright{position:absolute;bottom:0;right:240px;background:#fff;z-index:2000;display:block;}
                         #tleft img , #tright img{padding:7px 12px;width:auto;}
			@media screen and (min-width:800px){
				.bannermove #hidden1,.bannermove #hidden2{display:none}	
				#cantonfair{background:none;border:none}
			}

			@media screen and (max-width:800px) and (min-width:500px){
				 .bannermove{width:200px;height:100%;position:absolute;left:50px;top:0;opacity:0}
				#focus ul li img{width:160%;left:-30%;top:0;position:absolute}
				#tleft{position:absolute;bottom:0;right:238px;z-index:2000;background:#fff;z-index:30px;display:block;}
                                #infodown{display:none;}
				#tright{position:absolute;bottom:0;right:200px;background:#fff;z-index:2000;display:block;}
                                #tleft img,#tright img{padding:4px 7px;width:auto;}
								.bannermove #hidden3{display:none}
			}
			@media screen and (max-width:500px) and (min-width:320px){
				.bannermove{width:100%;height:50px;position:absolute;left:0;bottom:0;opacity:0;}
				#focus ul li img{width:160%;left:-30%;top:-9%;position:absolute}
				#focus .btn{display:none}
                                 #tleft,#tright{display:none}
				 .pre{position:absolute;left:0;bottom:25px;color:#fff;padding:2px 5px;}
				 .next{position:absolute;right:0;bottom:25px;color:#fff;padding:2px 5px;}
				h1{font-size:16px;margin:5px 50px 0 50px;}
				 #focus p{font-weight:normal;font-size:12px;display:none;}
                                  #infodown{display:none;}
								.bannermove #hidden3{display:none}
			}        


.indexMain{}
.indexCt{ max-width: 1440px; margin: auto; color:#5b5b5b;  padding: 22px 0 26px 0;}
.ctLeft{ float: left; margin-left: 6.4%; width: 24.3%; }
.ctLeft p{ line-height: 20px;}
.ltstNews{}
.ltstNewsImg{ float: left; width: 29%;}
.ltstNewsCt{ float: left; width: 65.7%; margin-left: 5%;}
.ltstNewsCt strong + p{ margin-top: 5px;}
.ctLeft ul{ margin: 20px 0 5px 0;}
.ctLeft ul li{ line-height:30px; }
.ctLeft ul li a{font-size:13px;height:30px;overflow:hidden; display: block; width:220px;float:left}
.ctLeft ul span{ float: right;}
.ctMid{ float: left; margin-left: 5.3%; width: 35%;}
.ctMid h2 span{ float: right; margin-top: 6px; display: none;}
.ctMid h2 span img{ margin-left: 10px;}
.threeApp{}
.threeApp .eachApp{ float: left; width:44%; margin-bottom:12px; margin-right: 4.1%}
.threeApp .eachApp img{ width: 100%;}

.eachApp{ position: relative; }
.eachApp:last-child{ display: none;}
.eachApp span{ display: none; position:absolute; }
.eachApp span:hover{ background:#e94609}
.eachApp:hover{ cursor: pointer; }
.eachApp span{ display: block; left: 0;top: 70%; width: 100%; height: 30%; background-color: #000000; opacity: 0.7;}
.eachApp span p{ color: white; text-align: center; line-height:38px; font-size:14px}

.ctMid h3{ margin: 17px 0 10px 0;}
.ctRight{ float: left; margin-left: 1.7%; width: 23.5%;}
.ctRight h2 + p{ margin-top: 8px;}
.readMore{ background:url(../images/more_bg.png) left center no-repeat; padding-left:15px; font-style:italic}
.readMore a{color:#e94609;}

@media screen and (max-width: 1010px){
	.eachApp:hover span p{ font-size: 9px;}
	.ctLeft ul span{ display: none;}
}

@media screen and (max-width: 768px){
	.indexTopLeft{ margin-left: 3.4%;}
	.indexTopRight{ margin-right: 3.4%;}

	.indexCt{ padding: 20px 0 50px 0;}
	.ctLeft{ margin-left: 3.4%; padding-bottom: 15px; margin-bottom: 25px; width: 93.2%; border-bottom: 1px solid #d4d4d4;}
	.ltstNewsImg{ width: 14%;}
	.ltstNewsCt{ width: 82.4%; margin-left: 3.6%;}
	.ctLeft ul{ width: 49%;}
	.ctLeft ul span{ display: block;}
	.ctMid{ margin-left: 3.4%; width: 56.3%;}
	.eachApp:hover span p{ font-size: 14px;}
	.ctRight{ margin-left: 4.4%; width: 32.5%;}

	.indexfooterin .footerinLeft{ margin-left: 3.4%;}
	.indexfooterin .footerinRight { margin-right: 3.4%;}

}

@media screen and (max-width: 600px){
	.ctLeft{ margin-left: 4.3%; width: 91.4%;}
	.ltstNewsImg{ width: 18.2%;}
	.ltstNewsCt{ width: 76.6%; margin-left: 5%;}
	.ctLeft ul{ width: 64%;}
	.ctMid{ margin-left: 4.3%; width: 91.4%;  padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #d4d4d4;}
	.threeApp .eachApp{ width: 25.4%; margin-left: 1.3%;}
	.ctRight{ margin-left: 4.3%; width: 91.4%;}
}
@media screen and (max-width: 650px){
	.indexTopLeft{ width:154px; float:none; margin:auto}
	.indexTopLeft img{ margin-top:5px;}
	.indexTopRightIco{ display:block;}
	.indexTopRight{ display:none;}

	.navigation{ display:block; cursor:pointer}
	.indexMenu{ display:none; height:auto;}
	.indexMenu ul li{ height:28px; width:100%; float:none;  line-height:28px; border-top:1px solid #4c5363; text-align:left;  }
	.indexMenu ul li a{ background:#232b3f url(../images/head-footer/menu_bg.png) 95% center no-repeat; padding-left:14px; color:#ffffff;}
	.indexMenu ul li.menuLast{ width:100%;}
	.indexMenu ul li a:hover{ background:#4c5363 url(../images/head-footer/menu_bg1.png) 95% center no-repeat;}
	.indexMenu .menuin-cur a{ background:#4c5363 url(../images/head-footer/menu_bg1.png) 95% center no-repeat;}

	.ctLeft ul{ width: 90%;}
	.eachApp:hover span p{ font-size: 10px;}

	.indexfooterin .footerinLeft{ float:none;  width:280px; margin:15px auto 10px;}
	.indexfooterin .footerinRight { float:none; width:110px; margin:auto}
}
@media screen and (max-width: 320px){
	.ctLeft{ margin-left: 8.1%; width: 83.7%;}
	.ltstNewsImg{ width: 37.3%;}
	.ltstNewsCt{ width: 52.7%; margin-left: 10%;}
	.ctLeft ul{ width: 100%;}
	.ctMid{ margin-left: 8.1%; width: 83.7%;}
	.ctMid h2 span{ display: block;}
	.eachApp:hover span p{ font-size: 14px;}
	.threeApp{ overflow: hidden; }
	.threeApp .eachApp{ width: 130px; margin-right: 6px; margin-left: 0;}
	.eachApp:last-child{ display: block;}
	#appin{ width: 600px; }
	.ctRight{ margin-left: 8.1%; width: 83.7%;}
}
/* index.html end */

/* Application Page css begin*/
.flowPro{ border: 1px solid #e3e3e3; padding: 2% 1% 3% 2.8%; }
.extraStyle{  border: 1px solid #e3e3e3; border-top: none; height: 3px; width: 97%; margin:0 auto 15px;}
.flowImg{ float: left; width: 21.9%;}
.flowImg img{ width: 100%; margin-top: 0;}
.flowList{ float: left; width: 72%; margin-left: 5.4%;}
.flowList h3 + ul{ margin-top: 10px;}
.flowList ul li{ background: url(../images/application/flowListType.jpg) left 5px no-repeat; padding-left: 15px; height: 18px;}

#two-process{ position: relative; height: 40px; border-bottom: 1px solid #d7d9d8;}
#two-process strong{ position: absolute; top: 40px; width: 19px; height: 11px; background: url(../images/application/toBtm.jpg);}
#two-process li{ width: 50%; float: left;  font-size: 14px;}
#two-process li:hover{ cursor: pointer; color: #e94609;}
#two-process li.current{  color: #e94609; }
#two-process li span{ width: 7px; height: 7px; background: #293246; display: inline-block; margin-right: 8px;}
#two-process li.current span{ background: #e94609;}
#mining-box{ width: 94%; padding: 5px 2.5%; margin-top: 30px; padding-top: 20px;}
#mining-box ul li{ width: 100%; background: url(../images/application/flowListType.jpg) left 5px no-repeat; padding-left: 15px; height: 18px;}
.ore-box{ width: 94%; padding: 10px 3% 15px; color: white; background: #888888; margin-top: 22px;}
.ore-box h3{ color: white; border-bottom: 1px solid #b1b1b1;}
.ore-box ul li{ height: 20px; background: url(../images/application/flowListType.jpg) left 5px no-repeat; padding-left: 3%;}
#ore-intro ul li{ width: 27%; float: left;}
.ore-child p{ width: 22.2%; float: left;}
.ore-child p img{ width: 100%;}
.ore-child ul{ width: 70%; margin-left: 7.8%; float: left; padding-top: 18px;}


@media screen and (max-width: 600px){
	.flowImg{ display: none;}
	.flowList{ width: 94.6%;}
}
/* Application Page css end*/

/*页面右下角浮动图片*/
#footerPopup{ position: fixed; right: -300px; bottom: 0;}
#footerPopup span{ display: none; font-size: 18px; color: white; position: fixed; right: 5px; bottom: 200px; cursor: pointer;}






/* 下拉 CSS */
.demo{width:300px;margin:40px auto 0 auto;}

/* select */
.select{position:relative;float:left;margin:0 10px; z-index:99; padding-top:6px}
.select dt{height:28px;display:inline-block;border:1px solid #d2ccc4;background:#fcfcfb url(../images/xial.png) no-repeat 97px center;line-height:28px;font-weight:bold;padding-left:10px;cursor:pointer;width:90px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; color:#000000}
.select dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;}
.select dd{position:absolute;left:0;top:29px;border:1px solid #d2ccc4;background:#fff;display:none;}
.select dd ul{padding:4px;width:104px;max-height:250px;overflow:auto;}
.select dd ul li a{line-height:28px;display:block;padding:0 8px;}
.select dd ul li a:hover{background:#f5f5f5;}


/*Menu*/
.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	background:#fff;
	filter:none;
	border:none;
	padding:0;
	margin:0 !important;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.nav i.icon-sort-up { 
	position:absolute; 
	font-size:13px;
	bottom:-6px;
}

.navbar-inner {
	position:relative; z-index:99;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.navbar .nav > li { 
	display:block; 
	position:relative;
}
.navbar .nav > li > a {
	display:block;
	font-size:14px;
	font-weight:400;
	height:46px;
	color: #687074;
	text-shadow:none;
	text-transform:uppercase;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.collapse.in ul { 
	margin-top:10px !important;
}

.collapse.in li a { 
	padding:0 10px;
	border-bottom:solid 1px #eee;
	background:none;
}

.collapse.in li a:hover,
.collapse.in li a.dropdown-toggle { 
	border-bottom:solid 1px #72c02c !important;
	background:none;
}

.collapse.in ul.dropdown-menu {
	margin-bottom:5px;
}

.collapse.in ul.dropdown-menu a {
	padding:5px;
	border-bottom:solid 1px #bbb; 
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	margin:0 !important;
	border-radius:0 !important;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  	color:#72c02c;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
  	color:#72c02c;	
  	text-decoration:none;
	border-bottom:solid 2px #72c02c;
  	background:none;	
  	-webkit-box-shadow:none;
       -moz-box-shadow:none;
          	box-shadow:none;
}

.navbar .nav > .active > a:hover {	
  	color:#72c02c;	
	background:none;		
	border-bottom:solid 2px #72c02c;
  	-webkit-box-shadow:none;
       -moz-box-shadow:none;
          	box-shadow:none;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:9px 0 0 3px !important;	
  border-top-color: #72c02c!important;	
  border-bottom-color: #72c02c !important;
}

/*Dropdown Menu*/
.dropdown-menu { 
	padding:0;
	border:none;
	margin-top:-2px; 
	min-width:200px;
	border-radius:0; 
	border-top:solid 2px #cc0000; 
	border-bottom:solid 2px #687074; 
	z-index: 9999 !important;
}
.dropdown-menu li a { 
	color:#687074; 
	font-size:13px; 
	font-weight:400; 
	padding:6px 15px; 
	border-bottom:solid 1px #eee;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color:#ffffff;
  background:#687074 !important;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
	filter:none !important;
}

.dropdown-menu .active > a {
	color:#ffffff !important;
  	background:#687074 !important;
	filter:none !important;
}

.navbar .btn-navbar {
	padding:10px 15px;
	margin-top:1px;
	margin-right:0;
	background:#72c02c;
	border:none !important;	
}
.navbar .btn-navbar:hover {
	background:#5fb611;
}
.navbar .btn-navbar span, 
.navbar .btn-navbar:hover span { 
	background:#fff !important;
	box-shadow:none !important;
}

.navbar .nav > li > .dropdown-menu:after {
	left:19px;
}
.navbar .nav > li > .dropdown-menu:before {
	left:18px;
	border-bottom:none;
}
.navbar .nav > li > .dropdown-menu:after {
	left:19px;
	border-top-color: #cc0000 !important;
	border-bottom-color: #cc0000 !important;
}

/*Serach*/
.navbar .search-open {
	right:0; 
	top:44px; 
	display:none;
	padding:15px; 
	position:absolute; 
	background:#fcfcfc; 
	border-top:solid 2px #eee; 
}

.navbar .search-open form,
.navbar .search-open .input-append {
	margin:0 !important;	
}

.navbar a.search i.icon-remove {
	top:2px;
	font-size:18px;
	position:relative;
}

.navbar .nav > li > a.search {
	color:#aaa;
	cursor:pointer;
	background:#f7f7f7;
	border-bottom-color:#aaa;
}
.navbar .nav > li > a.search:hover {
	color:#72c02c;
	border-bottom-color:#72c02c;
}

/*Fancybox for gallery page*/
.fancybox-overlay.fancybox-overlay-fixed {
	z-index:9999;
}


.btn-u {background: #72c02c;}
.btn-u:hover {background: #5fb611;}


.sb-search {
	position: relative;
	width: 0%;
	min-width: 30px;
	height: 30px;
	float: right;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 20px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #016eb8 url(../images/sss.png) center no-repeat;
	z-index: 90;
	font-size: 22px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}


/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #da6d0d url(../images/sss.png) center no-repeat;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

.more a:link{ color:#e94609; font-size:14px }
.more a:visited{color:#e94609}
.readMore:link,.readMore:visited{color:#e94609}

.footnav{ margin-left:6.4%; margin-top:15px}
.footnav ul li{ float:left; margin-right:2%}

/* =UItoTop jQuery Plugin 1.2
-------------------------------------------------------------- */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 35px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url(../images/ui.totop.png) no-repeat left top;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 2;
}
#toTopHover {
  background: url(../images/ui.totop.png) no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  filter: alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
  outline: none;
}
.eachApp a img{ height:130px}

.neibu span{

font-size: 13px;
display:inline-block
}
.lanse{color: #008cd7;}

.main{*width:50%}
.navl{*width:12.49999999999%}