/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin:0; padding:0;border:0;}
body{font-size:12px;position:relative;*overflow-x:hidden;overflow-x: hidden;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;} 
a:hover{color:#000;text-decoration:none;} 
a:visited {color:#666;}
a:active {color:#666;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family:'Montserrat-Light',PingFang SC, Verdana, Helvetica Neue,Arial,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif;font-style:normal;}
::selection { background:#B50000; color:#fff; } ::-moz-selection { background:#B50000; color:#fff;  } ::-webkit-selection { background:#B50000; color:#fff;  }

 


@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*
.caselogo .header{-moz-box-shadow:1px 1px 1px #eee;-webkit-box-shadow:1px 1px 1px #eee ;box-shadow:1px 1px 1px #eee;}
.caselogo .navigation-is-open .header {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
*/
.caselogo .header_logo {position: relative;}
.caselogo .header_logo::after {content: '';width: 100%;height: 100%;left:-1px;top: 0;z-index: 2;position: absolute;border-bottom: #eee 1px solid;border-right: #eee 1px solid;}
.caselogo .navigation-is-open .header_logo img {}


.header_top { background:#000; position: fixed; left:0; top:-100px; width:100%; height:60px; z-index:999;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.ht_fixed { top:0;}
.header_content{ overflow:hidden;width:67%; height:60px; margin:auto;}
.h_logo{ background: url(../images/logo-b2.svg) left center no-repeat;background-size:100%; width:100px; height:60px; display:block; float:left;position: relative;}
.header_nav{float:right;width:75%; text-align:right;}
.header_nav  li{margin-left:40px; display:inline-block;}
.header_nav  li a{ font-size:14px;display:block;padding-top: 0;line-height: 60px;color: #bababa;}
.header_nav  li a:hover {color: #fff;}
.hnone { display:none !important;}

.htlogo {float:left;}
.htlogo .h_logo{float:left;opacity: .9;}
.htlogo h1{float:left; display:block; font-size:14px; line-height:60px; margin-left: 15px;padding-left: 14px; color:#bababa; position:relative;}
.htlogo h1::after {content: '';width:1px;height: 20px;background: #bababa;position: absolute;left:0;top:50%; margin-top:-9px; opacity:.3;}

.header-nav-tel{margin-left:20px;display: inline-block;color: #fff;font-size: 14px;padding-left:20px;position: relative;}
.header-nav-tel::before {content: '';width: 1px;height: 20px;background: #bababa;position: absolute;left: 0;top: 50%;margin-top: -9px;opacity: .3;}

#topcontrol { z-index:99;}



/* 页尾 */ 
.footer {overflow:hidden; background:#191919;}
.footer .footer_content { width:67%; margin:auto; overflow:hidden; padding:56px 0 0px 0; z-index:9;position: relative;}
.footer .footer_content *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.footer .footer_content::after {content: '';width: 100%;height: 1px;background: #313131;position: absolute;left: 0;top: 126px;}

.footer .footer_content .fleft {float: left;width: 40%;}
.footer .footer_content .fleft .fl-name {}
.footer .footer_content .fleft .fl-name p{color: #fff;font-size: 14px;padding-bottom: 5px;}
.footer .footer_content .fleft .fl-name span{color: #fff;font-size: 24px;font-family: 'Montserrat-Bold';}
.footer .footer_content .fleft .fl-ewm {padding: 44px 0 22px 0;}
.footer .footer_content .fleft .fl-ewm img{display: block;float: left;}
.footer .footer_content .fleft .fl-ewm .fleright{display: block;float: left;padding: 12px 0px 0px 20px;}
.footer .footer_content .fleft .fl-ewm .fleright p{color: #999;font-size: 14px;padding-bottom: 5px;}
.footer .footer_content .fleft .fl-ewm .fleright span{color: #fff;font-size: 24px;font-family: 'Montserrat-Bold';}
.footer .footer_content .fleft .fl-ewm .fleright span * {color: #fff;font-family: 'Montserrat-Bold';}
.footer .footer_content .fleft .fl-add {color: #727272;font-size: 12px;line-height: 22px;clear: both;padding-top: 30px;}
.footer .footer_content .fright {float: right;width: 55%;padding-top: 30px;}

 
.footer .footer_content  ul{margin-bottom:0px;color:#666; overflow:hidden; display:block; width:100%;text-align: right;}
.footer .footer_content  ul li:nth-child(5) {text-align: right;}
.footer .footer_content  ul li:nth-child(5) a {text-align:right;}
.footer .footer_content  ul li:first-child {margin-left:0;}
.footer .footer_content  ul li{margin-bottom:20px;margin-left: 8%;overflow:hidden;text-align: left;display: inline-block;vertical-align: top;}
.footer .footer_content  ul li h4{ font-size:14px; color:#fff; padding-bottom:38px;font-weight:bold;  clear:both;}
.footer .footer_content  ul li a{ font-size:12px; line-height:30px;display:block;color:#666; text-align:left;}
.footer .footer_content  ul li a:hover {color:#fff;}
.footer .footer_content  ul li * {display:inline-block;vertical-align: top;}
.footer .footer_content  ul li p { display:block;}
.footer .footer_content  ul li .ewm { width:220px; height:220px; background:url(../images/chart.png); margin:20px auto; display:none}
.footer .footer_content  ul li.footerr { width:250px; float:left;color:#666;padding-right:40px;  }
.footer .footer_content  ul li.footerr span{ line-height:24px; }

.footer .footer_content  ul li.tel { width:250px; float:left;color:#666; overflow:hidden;}
.footer .footer_content  ul li.tel img{ padding-left:17px; display:inline-block;}
.footer .footer_content  ul li.tel  h3{ color:#FFF; font-size:14px; line-height:24px;padding-left:17px; padding-top:10px;}
.footer .footer_content  ul li.tel  h2{ line-height:24px; color:#FFF; font-size:24px;padding-left:17px;}

.footer .footer_content div.yq {padding:15px 0px 20px 0px;color:#666; display:block; width:100%;/*border-top:#3B3B3B 1px solid;*/margin-top: 16px;}
.footer .footer_content div.yq span.yqlj {display:inline-block;color:#535353;font-size: 12px; line-height: 20px; margin-right: 5px;}
.footer .footer_content div.yq li {color:#535353;}
.footer .footer_content div.yq li * {display:inline-block;vertical-align: top;}
.footer .footer_content div.yq li a{color:#535353; margin:0 10px 0 0px;line-height: 20px;display:inline-block;vertical-align: top;}
.footer .footer_content div.yq li a:hover{color: #fff;}

.footer .footer_bottom { background:#141414;}
.footer .footer_bottom ul {overflow:hidden;width:67%; margin:auto;padding: 10px 0;color:#444; font-size:12px; line-height:40px; height:40px;font-family:Arial,"微软雅黑",Microsoft YaHei;}
.footer .footer_bottom ul .left {float: left;width: 60%;}
.footer .footer_bottom ul .right {float: right;width:39%;text-align: right;}
.footer .footer_bottom a { font-size:12px;color:#444; padding:0 5px;}
.footer .footer_bottom a:hover {color:#fff;}


/* 图片切换 */
.slick-slider { display: block; /*box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; */}
.slick-slider *:focus { outline: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/loading.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%; height:auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto;   }
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 0.3;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:5%; background-image:url(../images/arrowleft.png);}
.slick-next { right:5%; background-image:url(../images/arrowright.png);}
.slick-prev:hover {opacity: 1.0;}
.slick-next:hover {opacity: 1.0;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom:40px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}
.slick-dots li { position: relative; display: inline-block; height:14px; width: 14px; margin: 0px 3px; padding: 0px; cursor: pointer; }
.slick-dots li button { background:#CCC; display: block; height:10px;width: 10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {background: #B50000;border: none; opacity:1.5;}



#topcontrol { -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; display: none}
#topcontrol span{display: block;position: relative;border:1px solid #818181;width: 40px;height: 40px;opacity:.5;}
#topcontrol span:hover { opacity: 1;}
#topcontrol span::before,#topcontrol span::after {content: ''; position: absolute; top: 18px; right: 0; width: 30%;height: 1px;background: #818181;}
#topcontrol span::before {-webkit-transform: translateX(-19px) rotate(140deg); -moz-transform: translateX(-19px) rotate(140deg); -ms-transform: translateX(-19px) rotate(140deg); -o-transform: translateX(-19px) rotate(140deg); transform: translateX(-19px) rotate(140deg);}
#topcontrol span::after {-webkit-transform: translateX(-10px) rotate(-140deg); -moz-transform: translateX(-10px) rotate(-140deg); -ms-transform: translateX(-10px) rotate(-140deg); -o-transform: translateX(-10px) rotate(-140deg); transform: translateX(-10px) rotate(-140deg);}



/*
.aside-right {position: fixed; top: 75%; margin-top: -78px; right: 0; width: 50px; z-index:199;}
.aside-right .aside-wrap {width: 100%;}
.aside-right ul li {position: relative; width: 50px; height: 50px; margin-bottom: 2px; margin-left: 0; cursor: pointer;}
.aside-right ul li a {display: block; width: 100%; height: 100%;}
.aside-right ul li.aside-wc a {background: #b2b2b2 url(../images/aside-wc.svg) no-repeat center;}
.aside-right ul li.aside-wc .wechat-code {display: none; position: absolute; left: -130px; top: -35px; z-index: 1000; width: 120px; height: auto; padding:2px; background:#FFF;}
.aside-right ul li.aside-wc .wechat-code:before{position:absolute;right:-15px;top:50px;content:'';border-left:8px #fff dashed;border-top:8px transparent dashed;border-right:8px transparent dashed;border-bottom:8px transparent solid;}
.aside-right ul li.aside-wc .wechat-code img {display: block; width: 100%; height:auto; max-width: 100%;}
.aside-right ul li.aside-qq a {background: #b2b2b2 url(../images/aside-qq.svg) no-repeat center;}
.aside-right ul li.aside-top a {background: #b2b2b2 url(../images/aside-top.svg) no-repeat center;}
.aside-right ul li.aside-wc a:hover {background: #00a78e url(../images/aside-wc.svg) no-repeat center;}
.aside-right ul li.aside-qq a:hover {background: #0077c7 url(../images/aside-qq.svg) no-repeat center;}
.aside-right ul li.aside-top a:hover {background: #ff0000 url(../images/aside-top.svg) no-repeat center;}
.aside-right ul li.aside-fulltop a {background: #b2b2b2 url(../images/aside-top.svg) no-repeat center;}
.aside-right ul li.aside-fulltop a:hover {background: #ff0000 url(../images/aside-top.svg) no-repeat center;}
*/





.aside-right {position: fixed; top: 75%; margin-top: -78px; right: 0; width: 50px; z-index:199;}
.aside-right .aside-wrap {width: 100%;}
.aside-right ul{background: #d12b2b;}
.aside-right ul li {position: relative; width: 50px; height: 50px;cursor: pointer;}
.aside-right ul li a {display: block; width: 100%; height: 100%;}
.aside-right ul li.aside-wc a {background:url(../images/ric2.png) no-repeat center;}
.aside-right ul li.aside-wc .wechat-code {display: none; position: absolute; left: -130px; top: -35px; z-index: 1000; width: 120px; height: auto; padding:2px; background:#FFF;}
.aside-right ul li.aside-wc .wechat-code:before{position:absolute;right:-15px;top:50px;content:'';border-left:8px #fff dashed;border-top:8px transparent dashed;border-right:8px transparent dashed;border-bottom:8px transparent solid;}
.aside-right ul li.aside-wc .wechat-code img {display: block; width: 100%; height:auto; max-width: 100%;}
.aside-right ul li.aside-qq a {background: url(../images/ric1.png) no-repeat center;}
.aside-right ul li.aside-top a {background:  url(../images/ric4.png) no-repeat center;}
.aside-right ul li.aside-tel a {background:#d12b2b url(../images/ric3.png) no-repeat center;z-index: 10;position: relative;}
.telshow {display: block;background: #d12b2b;position: absolute; right: -200px; top:0px;z-index: 2;width: 160px;height: 50px;line-height: 50px;overflow: hidden;text-align: center;transition:all .5s ease; color: #fff;font-size: 16px;}
.aside-right ul li.aside-tel:hover .telshow{display: block;right:50px;}
.telshow span{font-family: 'Montserrat-Bold';}
.aside-right ul li::after {content: '';display: block;background: #da5555;width: 80%;height: 1px;position:absolute;bottom: 0;left: 10%;}
.aside-right ul li:last-child::after {display: none;}
.aside-right ul li.aside-fulltop a {background: url(../images/ric4.png) no-repeat center;}
.aside-right ul li.aside-fulltop a:hover {background: url(../images/ric4.png) no-repeat center;}






@font-face {
  font-family: 'font_family';  /* project id 1519658 */
  src: url('//at.alicdn.com/t/font_1519658_gnogf7m0k4.eot');
  src: url('//at.alicdn.com/t/font_1519658_gnogf7m0k4.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1519658_gnogf7m0k4.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1519658_gnogf7m0k4.woff') format('woff'),
  url('//at.alicdn.com/t/font_1519658_gnogf7m0k4.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1519658_gnogf7m0k4.svg#font_family') format('svg');
}








@media screen and (max-width: 1280px) {	
	.header_content{width:100%; }
	.header_nav{padding-right:1%;}	
	.index_case {width:100%; height:300px; position:absolute;z-index:90;left:0;top:450px; overflow:hidden;}
	.index_case .index_case_content {width:90% !important; margin:auto;}
	.index_case .index_case_content li {width:24.7% !important; margin:0px 0.1% !important;float:left;}
	.index_case .index_case_content li a h1 {font-size:1.5em;}		
	.index_news .index_news_content {width:90%!important;}
	.index_news_title {font-size:1.5em!important;}
	.index_about_more {font-size:12px!important; text-align:center;}	
	.footer { background:#333}
	.footer .footer_content  ul li{margin-right:20px;}
	.footer .footer_content  ul li.footerr { padding-right:0px ;  }
	.footer .footer_content  ul li.tel { width: auto !important;}
	.footer .footer_content { width:90%;}
	.footer .footer_bottom ul {width:90%; }	
}



@media screen and (max-width: 980px) {

.header { position:absolute !important;}	
.header_top  { display: none;}
.hnone { display: block !important;}
.aside-right  { display: none!important;}
	
		

.footer .footer_content { width:90%!important;font-size:18px!important;}
.footer .footer_content  ul li{display:none!important}
.footer .footer_content .ewm { display: block!important;}
.footer .footer_content div.yq {display:none!important}
.footer .footer_content ul li.footerr {display: block!important}
.footer .footer_content ul li.footerr { width:100%!important;float:none!important; text-align:center;font-size:14px!important; line-height:24px!important;padding-left:0; background:none;}
.footer .footer_content ul li.footerr  h1{font-size:18px!important;}
.footer .footer_content ul li.footerr span *{ display:inline-block;font-size:14px!important; line-height:24px}
.footer .footer_bottom ul { width:100%!important;text-align:center;font-size:12px!important; height:auto !important; line-height:22px !important; padding:2% 0!important}
.footer .footer_bottom a { font-size:1em!important;}

 
}





@media screen and (max-width: 840px) {}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 480px) {}


















/* Font 文字排版 */
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f28{font-size:28px;}
.f38{font-size:38px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.lh150{ line-height:150%;}
.lh180{ line-height:180%;}
.lh200{ line-height:200%;}
.unl{ text-decoration:underline;}
.no-unl{ text-decoration:none;}
.fred { color:#c80000}
.fyellow { color:#fff600;}
.cheng {color:#ff8a00 !important;}
.cheng:hover {color:#ff8a00 !important; text-decoration:underline}
.fbule {color:#007bc8;}
.fgray { color:#6a6a6a;}
.fwhite { color:#FFF;}
.dxzm { text-transform:uppercase;}
.border1{ border:#999 1px solid;}
.border2{ border-left:#ccc 1px solid;}
.border3{ border-bottom:#ccc 1px solid;}
.border4{ border-top:#ccc 1px solid;}
.border5{ border:#333 1px solid;}
.border6{ border:#ccc 1px solid;}
.border7{ border-right:#ccc 1px solid;}
.border8{ border-left:#ff8a00 3px solid;}
.border9 {border-left:#ccc 1px solid;border-top:#ccc 1px solid;border-right:#ccc 1px solid;}
.border0{ border-bottom:#666 1px solid;}
.fsonti { font-family:"宋体"}




/* 定位 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto; margin-right:auto;}
.fl{ float:left;display:inline}
.fr{ float:right;display:inline;}
.clear{clear:both;}
.clear-l{clear:left;}
.clear-r{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block}
* html .clearfix{height:1%;}. Clearfix{ display:block;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.pn{position:static;}
.abs-right{}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.block{display:block;}
.in_block{display:inline-block;}
.v_top{ vertical-align:top;}
.v_mid{ vertical-align:middle;}
.text_ind20{ text-indent:2em;}
.ov_hid{ overflow:hidden}
.one_lin{ height:20px;line-height:20px;overflow:hidden;display:inline-block;}
.two_lin{ height:40px;line-height:40px;overflow:hidden;display:inline-block;}
.nowrap{white-space: nowrap;}


/* Width & Height */
.w20{width:20px;}
.w30{width:30px;}
.w50{width:50px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w140{width:140px;}
.w150{width:150px;}
.w190{width:190px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}
.w640{width:640px;}
.w700{width:700px;}
.w740{width:740px;}
.w770{width:770px;}
.w800{width:800px;}
.w950{width:950px;}
.w1000{width:1000px;}
.w980{width:980px;}
.w1000{width:1000px;}
.w{width:100%;}
.h{height:100%;}
.h18{height:18px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h70{height:70px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}

/* 边距 */
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt-1{margin-top:-1px}
.mt-5{margin-top:-5px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml-1{ margin-left:-1px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mauto { margin:auto}


.p0{ padding:0px;}
.p5{ padding:5px;}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}
.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl80{padding-left:80px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}



/* 圆角 */    
.br10{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;behavior: url(../../css/pie.htc); position:relative; z-index:1;}  
.br20{-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius:20px;behavior: url(../../css/pie.htc); position:relative; z-index:1;}  
.br50{-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius:50px;behavior: url(../../css/pie.htc); position:relative; z-index:1;}  
.br100{-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius:100px;behavior: url(../../css/pie.htc); position:relative; z-index:1;} 






