html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-family: "Microsoft Yahei","微软雅黑",verdana;color:#444}
/* HTML5 display-role reset for older browsers*/
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
	display: block;
}
ul,li,ol {
	list-style: none;
}
dl,dd {
	margin: auto;
}
input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
a,a: visited {
	color: #333;
}
a: link,a: visited {
	text-decoration: none;
	outline: none;
}
a {
	cursor: pointer;
	text-decoration:none;
	color:#333
}
a:hover {color:#0078D7}
/* *
/*,*: after,*: before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/**/
table{border-collapse:collapse;border-spacing:0}
.left {float:left;}
.right {float:right;}
.w-gray {color:#aaaaaa}
.w-white {color:#FFFFFF !important;}
.w-blue {color:#0086da;}
.clear {clear: both;}
.margin-t30 {margin-top:30px !important;}
.margin-t20 {margin-top:20px !important; height:1px}

button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
input,button,select,textarea{outline:none}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}

.c-Yellow {font-family:Lato;color: #F60;}
.container {width:1200px; height:auto; margin:0 auto; clear:both;}


/*--header--*/
.header {width:100%; min-width:1200px; position:relative; top:0; z-index:1001; height:76px;line-height:76px; background:#F5F5F5;}
.logo {width:100px;height:76px; display:inline-block; color:transparent;text-shadow:none;}
.logo a {width:60px;height:60px; margin:8px 0; display:block;position:relative;background:url("MX-C.jpg") no-repeat 0 0px; font: 0/0 a;}
.logo a:hover {background:url("MX-B.jpg") no-repeat 0 0px;}
.logo span{width:46px;height:30px;display:block;position:absolute;top:50%;left:50%;margin:-15px 0 0 -27px}
.top-menu {width:auto; height:76px; line-height:76px; margin:0; font-size:16px}
.top-menu li {height:76px; width:auto; float:left; margin:0 20px 0 0}
.top-menu-active a {color:#F60; }
.top-menu li a:hover {color: #F60;}
.top-menu li a {line-height:66px; color:#444}

.top-contact {width:288px; height:76px;  float:right}
.top-contact li {height:76px; width:auto; float:right; margin:0 20px 0 0; font-size:12px;}

/* banner */
#solid {width:100%;height:700px;clear:both;position:relative; background:#F5F5F5}
.banner {width: 1200px; height:650px;margin: auto;position: relative;overflow: hidden;}
.imglist{ position: absolute;}
.banner li{list-style: none; margin-right: 10px;float: left;}
.banner img{width: 1200px; height:600px;}
.banner .cir{position: absolute;left:50%;bottom:20px;transform:translateX(-50%);}
.banner .cir a {display: block;width:8px;height:8px; border:#F60 solid 2px; margin-right:10px;float:left;}
.banner .cir a.hover{border:green solid 2px; opacity: .8;}

/* slogan */
#slogan {width:1200px;height:108px; margin:36px auto;clear:both;}
#slogan dt {width:208px; height:36px; font-size:18px; color:#000; border-bottom:#CCC solid 1px}
#slogan .sub, #show-product .sub {font-size:12px; margin:10px; color:#888}
#slogan dd {line-height:38px; font-size:12px; color:#444;}
#slogan img {width:68px; height:68px; display:block;float:right;margin-left:36px}

/* Product */
#show-product {width:1200px;height:1268px; margin:30px auto; clear:both;}
#show-product .title {height:48px; font-size:18px; color:#000;}
#show-product .main {width:1200px; height:360px; border-bottom:#CCC solid 2px;}
#show-product .main img {width:300px;height:300px}
#show-product dl {width:858px; height:300px;}
#show-product dt {font-size:16px; color:#444}
#show-product p {font-size:12px; color:#888; line-height:30px; padding-top:40px}
#show-product A.button {width:108px; height:36px; line-height:36px; text-align:center; border:#F60 solid 1px; margin:60px 30px  0 0px;float:left; border-radius:2px; border:none; background:#F60; color:#FFF; }
#show-product A.button:hover {background:#0078D7}


#mainbody {width:100%;min-width:1200px; height:60px; margin:0 auto; clear:both; background:#FFF;}	

/*--footer--*/
.sub-footer {width:100%; height:278px; background-color:#f1f1f1; clear:both}
.sub-footer .box {width:300px; margin-top:20px; float:left}
.sub-footer .box dt {width:280px; height:48px; line-height:48px; color:#444; border-bottom:#444 solid 1px; margin-bottom:16px}

.footer_menu A {width:280px; height:32px; line-height:32px; display:block; font-size:13px; color:#0078D7}
.footer_menu A:hover {color:#444}
.footer_about {width:280px;font-size:13px; line-height:32px;}

.footer_about form {width:270px;height:38px; padding: 0;margin-top:20px;float: left;}
.footer_about .email {width:168px;height:28px;padding:2px 10px!important;float:left; border-radius: 2px;border: #CCC solid 1px;}
.footer_about .button {width:68px; height:32px; float:right; border-radius:2px; border:none; background:#F60; color:#FFF; }
.footer_about .button:hover {background:#0078D7}
.sub-footer .other {width:300px!important; }
.footer_phone {width:128px; height:48px; line-height:48px; float:right; font-size:13px; color:#F60}
.footer_qq {width:128px; height:48px; float:right; margin-top:12px}
.footer_weixin {width:138px; height:138px; float:left; margin-top:10px}
.footer_weixin img {width:138px; height:138px;}

.footer {width:100%; font-size:12px;line-height:68px;color: #444444;}
.ft-social {text-align:center; padding:0; margin:0}
.ft-social li {display:inline-block;margin-left:10px}
.ft-social a {display:block;height:30px;width:30px;background:#999;color:#555;line-height:28px;border-radius:50%;-webkit-transition:.15s;transition:.15s}
.ft-social a:hover{background:#EEE}


.side-pannel {position: fixed;left: 50%;margin-left:620px;z-index: 99;font-size:14px}
.side-bar {border: 1px solid #E7E7E7;border-bottom: none;bottom: 100px;background: #fff}
.side-bar a {display: block;cursor: pointer;width:70px;height:auto; padding-bottom:16px; border-bottom: 1px solid #E7E7E7;position: relative;color: #676767;text-align: center;}
.side-bar a s {display: block;margin:18px auto 5px }

.side-bar a.qq s {height:20px;width:22px; background-position: -35px -33px}
.side-bar a.weibo s {height:25px;width:27px; background-position: -72px -25px}
.side-bar a.weibo:hover s {height: 25px;width: 27px;background-position:-72px -0px}
.side-bar a.qr s {height:33px;width:36px; background-position:0 0; margin-top:24px}
.side-bar a.qr:hover s {height:33px;width:36px; background-position:-36px 0}
.side-bar a.gotop s {height:20px;width:35px; background-position: -0 -33px}

.side-bar a.qr i {width: 277px;height: 259px;position: absolute;left: -277px;top: 50%;margin-top: -120px;display: none;background-position: 0 0}
.side-bar a.qr:hover i {display: block}
.side-bar a.qr i {background-image: url(weixin.png)}
.side-bar a.qq s, .side-bar a.weibo s, .side-bar a.qr s, .side-bar a.gotop s, .side-bar a.qr:hover s {background-image: url(sprite.png)}