@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; outline: 0; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
img {max-width: 100%; border: none;}
a,.footer ul li{text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
body,html{ height: 100%;}
body{ font-family:Arial, Helvetica, sans-serif;}
.logo,.Mo-L,.Mo-e,.Mo-T ul li a,.HDri{font-size:12px;color:#000; line-height:20px;}
.font12{font-size: 12px;}.font13{font-size: 13px;}.font14{font-size: 14px;}.font15{font-size: 15px;}.font16{font-size: 16px;}.font17{font-size: 17px;}.font18{font-size: 18px;}.font19{font-size: 19px;}.font20{font-size: 20px;}.font21{font-size: 21px;}.font22{font-size: 22px;}.font23{font-size: 23px;}.font24{font-size: 24px;}.font25{font-size: 25px;}.font26{font-size: 26px;}.font27{font-size: 27px;}.font23{font-size: 28px;}.font29{font-size: 29px;}.font30{font-size: 30px;}
h1,h2,h3,h4,h5{ font-weight:100;}
ul,li,h1,h2,h3,h4,p{ padding: 0px; margin: 0px;}
.W1200{ max-width: 1119px; margin: 0px auto; font-size: 24px; position: relative;}
.clear{ clear:both;}
.clear2::after{ content: ""; clear: both; display: block; }
.hd-t{background: #fff; padding: 17px 0;}
.hd-50{ height: 50px; overflow: hidden;}
.logo{ float: left;}
.logo img{ max-width:200px;}
.HDri{ margin-left: 220px; overflow:hidden;  border-left: 1px #ccc solid; padding: 15px 0px 15px 20px; }
.HDri span{ display: inline-block; background: #999 url(//www.tomtop.com/activity/arrows_20160118_20x20.png) no-repeat center; background-size:50%; border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px;text-align: center; width: 12px; height: 12px;vertical-align: middle; margin: 0 5px;}
.HDri span img{ width: 40%; }
.footer ul li,.footer p,.Mo-T ul li,.Mo-T ul li a,.Mo-T ul li a span{display: inline-block;}
.footer-bg{background: #dcdcdc; padding: 50px 0 
30px 0;  margin-bottom: -30px;}
.footer ul{ text-align: center; background: #dcdcdc;  display:block;}
.footer ul li{width: 50px;height: 50px;line-height: 80px;border-radius: 25px; background: #666; margin:5px;}
.footer ul li:hover{background: #5ea9dd;}
.footer ul li img{ width: 80%;vertical-align:inherit !important;}
.footer p{ vertical-align: middle; margin-top: -30px; font-size: 14px; margin-right: 20px; color: #000;}
.Mo-T{ text-align:center; margin-top: 40px;}
.Mo-T ul li{ margin: 0 5px;}
.Mo-T ul li a{ border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px;  padding: 5px; background:#999; color: #fff;}
.Mo-T ul li a span{ vertical-align: middle;  padding-left: 5px;padding-right: 5px; }
.Mo-T ul li a img{ vertical-align: middle; width: 23px;}
.Mo-T ul li a:hover{background:#acce22;}
.Mo-x{ height: 2px; margin: 40px 0 30px 0; width: 100%; background: #999; border-bottom: 1px solid #fff;}
.Mo-e{  text-align: center; font-size: 12px; }
.Mo-T ul li a.Mo-current{background:#acce22;}
.Mo-T ul li a.Mo-current:hover{background:#a3c516;}
@media (max-width:1450px) {
.W1200 {
    max-width: 1000px;
}
	}
@media(max-width:768px){.logo img{ width: 130px;} .HDri{ padding:4px 0px 4px 15px; margin-left: 147px; }.hd-50{ height: 40px; overflow: hidden; margin: 0px 0 0 0 ;} .hd-t{ padding-bottom:5px;} .footer p{ display: block;  vertical-align: middle; margin-bottom:10px; text-align:center;} .footer ul{ max-width:320px; margin: 0 auto;} }
@media(max-width:550px){.Mo-T ul .Mo-L{ display: block; margin-bottom:10px;}.Mo-T{ margin-top: 20px;} .footer-bg{ padding-bottom: 20px;} .Mo-x{margin: 30px 0 20px 0;}}
@media(max-width:350px){.footer ul{ max-width:300px; margin: 0 auto;}.footer ul li{ display: inline-block; width: 40px;height: 40px;line-height: 65px;border-radius: 25px; background: #666; margin:5px;} }