@charset "utf-8";
/*common-start;*/
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden }
ul{ margin:0px; padding:0px; list-style:none} 
li{ margin:0px; padding:0px; list-style:none} 
.navbar {border-radius: 0px !important;}
button {
  outline: none !important;
}
.top{ width:100%; float:left; height:100px; }
.top .logo{ width:30%; float:left; height:100px; padding-top:16px; margin-left:5.55%;}
.menu{ width:100%; float:left; height:52px; position: absolute; z-index: 1000; top: 100px;}

.contactBox{ 
  width:100%; float:left; height:auto; 
  margin-top:50px; background-color:#505d75;
}
.contact{ width:1200px; margin-left:auto; margin-right:auto; height:390px; margin-top:90px;}
.contact form{ width:100%; float:left; height:auto; margin-top:30px;}
.contact form .uname{float:left; width:32.33%; background:none; border:solid 1px #c7d0d7; height:60px; line-height:60px; font-size:18px; padding-left:1%; padding-right:1%; color:#CCC}
.contact form .umail{float:left; width:32.33%; margin-left:1.5%; margin-right:1.5%; background:none; border:solid 1px #c7d0d7; height:60px; line-height:60px; font-size:18px; padding-left:1%; padding-right:1%; color:#CCC}
.contact form .utel{float:left; width:32.33%; background:none; border:solid 1px #c7d0d7; height:60px; line-height:60px; font-size:18px; padding-left:1%; padding-right:1%; color:#CCC}
.contact form .utxts{width:100%; float:left; height:390px; margin-top:20px; background:none; border:solid 1px #c7d0d7; padding:1%; font-size:16px; color:#CCC}
.contact .qq_logo,
.contact .weixin_logo {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.contact .qq_logo {
  background-image: url(../../common/images/qq_logo.png);
}
.contact .weixin_logo {
  background-image: url(../../common/images/weixin_logo.png);
}
.contact .weixin_wrapper {
  padding-top: 10px;
}
.contact .qrcode {
  width: 100px;
  height: 100px;
  vertical-align: top;
  margin-left: 4px;
}
.footer{ background-color:#333333; width:100%; float:left; height:200px; text-align:center; padding-top:50px;}
.footer a{ color:#FFF; font-size:16px; margin-left:10px; margin-right:10px; text-transform:uppercase }
 span strong{ font-size:36px; float:left; width:100%; color:#4d4d4d; font-family:"Arial Black", Gadget, sans-serif}
 span .title{ font-size:16px; float:left; width:100%; }
 hr{ width:60px;  color:#F00; float:left; margin-top:1px;}
.float_box {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 250px;
  background: rgba(0,0,0,0.75);
  color: #FFF;
  padding: 20px 30px;  
}

.float_box i {
  margin-right: 10px;
}
.float_box li {
  font-size: 20px;
}
.float_box li {
  font-size: 20px;
}
.float_box li:last-child {
  margin-top: 10px;
}
.float_box p {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 40px;
}
.float_box p:first-child {
  padding-top: 10px;
}
.float_box button {
  display: inline-block;
}
/*common-end;*/

.infoMBox{ width:100%; float:left; height:auto; margin-top:100px; padding-bottom:50px; padding-left: 20px;}
.infoM{ width:1200px; margin-left:auto; margin-right:auto; height:auto}
.infoM .Navbar{ width:100%; height:30px; line-height:30px; border-bottom:solid 1px #cbcbcb; color:#999999; margin-bottom:30px;}
.infoM .left{ float:left;  width:74.5%;}
.infoM .left .title{ width:100%; font-size:40px; font-family:"Arial Black", Gadget, sans-serif; color:#4d4d4d; margin-bottom:30px; }
.infoM .red{ width:20%;  float:left; margin-top:4px;  border:none; border-top:6px solid #ef8354;}
.infoM .blue{ width:78.5%;  float:right; margin-top:4px;  border:none; border-top:6px solid #57a4be;}
.infoM .texts{ line-height:36px; font-size:16px; color:#959595; padding-top:50px; padding-bottom:80px; }

.infoM .right{ float:right; width:22%;}



.infoM{ width:1200px; margin-left:auto; margin-right:auto; height:690px;}

@media (max-width:1440px){}

@media (max-width:1024px){
.top{ display:none}
.menu{ top: 0;}
.infoM{ width:100%}
.contact{ width:96%; margin-left:2%; margin-right:2%;}
}

@media (max-width:960px){
.float_box { display: none; }
.moveBox{ width:100%}
.contact span{ width:100% !important; margin-bottom:20px;}
.MtelBtn{ display:block; position:fixed; bottom:0px; width:100%; left:0px; height:46px; line-height:46px; background:rgba(0,0,0,0.75); color:#FFF}
.MtelBtn i{ font-size:36px; height:46px; line-height:46px;}
}