#footer { background: #4871bb;margin-top: 20px; }

.footerTop { padding-top: 30px; padding-bottom: 30px; position: relative; }

.footerTop .title { font-size: 20px; color: #fff; }

.footerTop .top .box { position: relative; }

.footerTop .top .box ul { margin-top: 15px; }

.footerTop .top .box ul > li { margin-bottom: 10px; font-size: 14px; }

.footerTop .top .box ul > li > a { color: #777779; }

.footerTop .top .box ul > li > a:hover { color: #fff; }

.footerTop .bot { margin-top: 2.08333%;width:1200px;margin:0 auto; overflow:hidden;}

.footerTop .footerLogo {vertical-align: middle;width:150px;float: left;margin-left: 330px;margin-right:100px;}
.footerTop .footerLogo img{width: 150px;}
.footerTop .footerLogo p{color: #000;text-align:center;}

.footerTop .footerContact { width:680px ; vertical-align: middle;float:left;line-height:40px; font-size:14px; color:#000; }
.footerTop .footerContact.box{ width:450px;}
.footerTop .footerContact.box img{ margin-top:30px; width:400px;}
.footerTop .footerContact a{ color:#000;}
.footerTop .footerContact a:hover{ color:#333;}
.footerTop .footerContact .msg {font-size: 0;text-align: left;}

.footerTop .footerContact .msg > li { display: inline-block; color: #000; font-size: 14px; margin-bottom: 5px; margin-right: 20px;  margin-left:80px; }

.footerTop .footerContact .msg > li.eml, .footerTop .footerContact .msg > li.add { display: block; }

.footerTop .footerContact .msg > li:last-child { margin-bottom: 0; }

.footerTop .footerContact .msg > li > span { text-transform: capitalize; }

.footerTop .footerContact .msg > li > a { color: #000; }

.footerTop .footerContact .msg > li > a:hover { color: #0061B0; text-decoration: underline; }

.footerTop .top .footerShare > ul > li { margin-right: 5px; display: inline-block; }

.footerTop .top .footerShare > ul > li:last-child { margin-right: 0; }

.footerTop .top .footerShare > ul > li span { display: inline-block; margin-left: 15px; }

.footerTop .top .footerShare > ul > li > a { display: inline-block; height: 32px; width: 32px; border-radius: 2px; background: #333; color: #fff; font-size: 24px; line-height: 32px; vertical-align: middle; text-align: center; }

.footerTop .top .footerShare > ul > li > a:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.footerTop .top .footerShare > ul > li > a.fb:before { content: "\e62c"; font-size: 28px; line-height: 40px; }

.footerTop .top .footerShare > ul > li > a.tt:before { content: "\e62b"; }

.footerTop .top .footerShare > ul > li > a.in:before { content: "\e630"; }

.footerTop .top .footerShare > ul > li > a.yt:before { content: "\e631"; }

.footerTop .top .footerShare > ul > li > a.gg:before { content: "\e62d"; }

.footerTop .top .footerShare > ul > li > a.fb { background: #344978; }

.footerTop .top .footerShare > ul > li > a.yt { background: #CF2200; }

.footerTop .top .footerShare > ul > li > a.in { background: #1296DB; color: #23242D; }

.footerTop .top .footerShare > ul > li > a:hover { filter: alpha(opacity=70); opacity: 0.7; }



.footerPro { width: 20.16129%; }



.footerServ { width: 22.98387%; }



.footerEquip { width: 26.6129%; }



.footerChemicals { width: 12.90323%; }



.footerBot { padding-top: 1%; padding-bottom: 2%; border-top: 1px solid #000; }

.footerBot .copyRight, .footerBot .support { display: inline-block; line-height: 1; color: #000; font-size: 14px; }

.footerBot .copyRight a, .footerBot .support a { color: #000; }

.footerBot .copyRight a:hover, .footerBot .support a:hover { text-decoration: underline; }
.footerBot .copyRight{float: left;margin-left: 22%;}


@media screen and (max-width: 875px) { .footerTop { padding-top: 40px; }

  .footerTop .footerPro, .footerTop .footerServ, .footerTop .footerEquip, .footerTop .footerChemicals { display: none; }

  .footerTop .footerContact { width: 100%; margin-top: 20px; }

  .footerTop .footerContact .msg { margin-top: 15px; }

  .footerTop .footerShareWrap { width: 100%; margin-top: 10px; }

  .footerTop .footerShare > ul { text-align: left; padding: 0; margin-top: 15px; }

  .footerTop .footerLogo { width: 200px; }

  .footerBot { padding: 10px 10px 20px; }

  .footerBot .copyRight, .footerBot .support { margin-top: 10px; }
	
	
	
  .footerNav { display: none; }

  .footerShare ul { padding: 20px 10px 10px; }

  .footerShare ul li { margin-bottom: 10px; }

  .footerBot .center { padding: 20px 10px; } }

@media screen and (max-width: 600px) { .footerBot .copyRight { font-size: 14px; width: 100%; }

  .footerBot .support { margin-top: 10px; } }