@charset "utf-8";

/* CSS Document */

* { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

*:focus {outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);} 

html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }

 

body { 

	line-height:1.6em; 

	font-family:opensans,微软雅黑,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",黑体,新細明體,Arial,"Lucida Grande",sans-serif; color:#555;

	width:100%; height:100%;min-width:320px;min-height: 480px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;overflow-x: hidden;



}

em, q, cite, address { font-weight:normal; font-style:normal }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

address { display:inline }

img { border:none }

li { list-style:none }

q { quotes:none }

table { border-collapse:collapse }

th { text-align:left; font-weight:normal }

small { -webkit-text-size-adjust:none; font-size:10px }

i { font-style:normal } 

/* link */

a { color:#555; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }

a:hover { text-decoration:none }





/* clear float */

.cf { zoom:1 } /* for IE */

.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */



/* float */

.fleft { float:left!important }

.fright { float:right!important }

.fnone { float:none!important }



/* text-align */

.tleft { text-align:left }

.tright { text-align:right }

.tcenter { text-align:center }



/* display */

.dis { display:block }

.undis { display:none }

.disinline { display:inline }



.mo_adis { display:none }



.text_transform{  text-transform:uppercase }

/* form */

label { cursor:pointer }

label:hover { text-decoration:underline }

input, select, textarea { vertical-align:middle; color:#3a3a3a; font-family:微软雅黑,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",黑体,新細明體,Arial,"Lucida Grande",sans-serif; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

input[type="text"], input[type="password"] { padding-left:0.5rem; padding-right:0.5rem; font-size:1.6rem; height:2.2em; line-height:2.2em;  }

input[type="text"]:focus, input[type="password"]:focus { background:#f2f2f2 }

textarea { padding:0.1em; border:1px solid #565656 }

textarea:focus { border:1px solid #f2f2f2; background:#f2f2f2 }

button { cursor:pointer; vertical-align:middle; text-align:center; font-family:微软雅黑,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",黑体,新細明體,Arial,"Lucida Grande",sans-serif }



/*-------------------定位-------------------*/

.positionRelative { position: relative }

.positionAbsolute { position: absolute } 



.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }



.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }



.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }



.poabsolute-b { position:absolute; bottom:0 }



.zindex2 { z-index:2 }



.overhidden { overflow:hidden }



/*-------------------通用圆角、阴影、模糊等样式-------------------*/

.box-shadow3 { -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); box-shadow:0 1px 3px rgba(0,0,0,0.3);  }



.box-shadow5 { -moz-box-shadow:0 0 1em rgba(0,0,0,0.2); -webkit-box-shadow:0 0 1em rgba(0,0,0,0.2); box-shadow:0 0 1em rgba(0,0,0,0.2) }

*+html .box-shadow5 { border:1px solid #e0e0e0 }

.box-shadow5 { border\0:1px solid #e0e0e0 }



.inbox-shadow { -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset }



.blur5 { filter: url(../other/blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(5px); /* Chrome, Opera */ -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */  }

border_radius5{ border-radius:5px;}



/*-------------------透明度-------------------*/

.opacity0_5{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}

.opacity0_7 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 }





/*-------------------字体颜色、样式、字体间距-------------------*/



.fontSize12 { font-size:12px; font-size:1.2rem }

.fontSize14 { font-size:14px; font-size:1.4rem }

.fontSize16 { font-size:16px; font-size:1.6rem }

.fontSize18 { font-size:18px; font-size:1.8rem }



.fontSize20{ font-size:20px; font-size:2.0rem }

.fontSize24{ font-size:24px; font-size:2.4rem }

.fontSize26{ font-size:26px; font-size:2.6rem }

.fontSize30{ font-size:30px; font-size:3.0rem }

.fontSize36{ font-size:36px; font-size:3.6rem }

.fontSize50{ font-size:50px; font-size:5.0rem }



.fontSize80{ font-size:80px; font-size:8.0rem }





.line_height1_6em { line-height:1.6em }

.line_height2em { line-height:2em }

.line_height2_6em { line-height:2.6em }





.underline { text-decoration:underline }



.font_bold { font-weight:bold }

.font_italic { font-style:italic }



.letter_spacing5 { letter-spacing:5px }



.colora2a2a2 { color:#a2a2a2 }





.colfff, .colfff a, .colfff a:link, .colfff a:visited, .colfff a:active { color: #fff; }

.colfff a:hover, a:hover .colfff { color: #ff0; text-decoration: none; }



.cole60012, .cole60012 a, .cole60012 a:link, .cole60012 a:visited, .cole60012 a:active { color: #E0243B; }

.cole60012 a:hover, a:hover .cole60012 { color: #ff0; text-decoration: none; }



.col333, .col333 a, .col333 a:link, .col333 a:visited, .col333 a:active { color: #333; }

.col333 a:hover, a:hover .col333 { color: #E0243B; text-decoration: none; }





.col000, .col000 a, .col000 a:link, .col000 a:visited, .col000 a:active { color: #000; }

.col000 a:hover, a:hover .col000 { color: #fff; text-decoration: none; }



.col0001, .col0001 a, .col0001 a:link, .col0001 a:visited, .col0001 a:active { color: #000; }

.col0001 a:hover, a:hover .col0001 { color: #E0243B; text-decoration: none; }



.col666, .col666 a, .col666 a:link, .col666 a:visited, .col666 a:active { color: #666; }

.col666 a:hover, a:hover .col666 { color: #E0243B; text-decoration: none; }



.colf00, .colf00 a, .colf00 a:link, .colf00 a:visited, .colf00 a:active { color: #f00; }

.colf00 a:hover, a:hover .colf00 { color: #f00; text-decoration: none; }





/*-------------------背景颜色--------------------*/

.bgfff { background:#fff }

.bg000 { background:#000 }

.bgeff{ background:#eff2f4 }

.bg4c4{ background:#4c4c4c }

.bgf3f{ background:#f3f3f3 }







/*-------------------分割线、边框-------------------*/

.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }

.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }



.border_t_d6d6d6 { border-top:1px solid #d6d6d6 }

.border_b_d6d6d6 { border-bottom:1px solid #d6d6d6 }

.border_ededee{ border:1px solid #dfdfdf }



.noborder { border:0 none }





/*-------------------间距-------------------*/

.margintop10 { margin-top:1rem; margin-top:10px\9 }

.margintop15 { margin-top:1.5rem; margin-top:15px\9 }

.margintop20 { margin-top:2rem; margin-top:20px\9 }

.margintop30 { margin-top:3rem; margin-top:30px\9 }

.margintop50 { margin-top:5rem; margin-top:50px\9 }

.margintop80 { margin-top:8rem; margin-top:80px\9 }







.marginbottom3 { margin-bottom:0.3rem; margin-bottom:3px\9 }

.marginbottom5 { margin-bottom:0.5rem; margin-bottom:5px\9 }

.marginbottom20{ margin-bottom:2rem; margin-bottom:20px\9 }



.marginbottom50 { margin-bottom:5rem; margin-top:50px\9 }



.marginleft5 { margin-left:0.5rem; margin-left:5px\9 }

.

.marginright5 { margin-right:0.5rem; margin-right:5px\9 }



.marginleft5 { margin-right:0.5rem; margin-right:5px\9 }





.row { margin-left:-10px; margin-right:-10px }



.paddingtop0 { padding-top:0!important }

.paddingtop5 { padding-top:0.5rem; padding-top:5px\9 }

.paddingtop10{ padding-top:1rem; padding-top:10px\9 }

.paddingtop20{ padding-top:2rem; padding-top:20px\9 }

.paddingtop30{ padding-top:3rem; padding-top:30px\9 }

.paddingtop80{ padding-top:8rem; padding-top:80px\9 }



.paddingbottom5 { padding-bottom:0.5rem; padding-bottom:5px\9 }

.paddingbottom10 { padding-bottom:1rem; padding-bottom:10px\9 }

.paddingbottom20 { padding-bottom:2rem; padding-bottom:20px\9 }



.paddingleft0 { padding-left:0!important }

.paddingleft5 { padding-left:0.5rem; padding-left:5px\9 } 

.paddingleft10 { padding-left:1rem; padding-left:10px\9 } 



.paddingright0 { padding-right:0!important }

.paddingright5 { padding-right:0.5rem; padding-right:5px\9 } 

.paddingright10{ padding-right:1rem; padding-right:10px\9 } 

.paddingright20{ padding-right:2rem; padding-right:20px\9 } 





.nopadding { padding:0!important }



.marginauto { margin-left:auto; margin-right:auto }



.mo_gap20 { display:none }



.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }



/*-------------------按钮-------------------*/ 

.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }



.button-line, a.button-line, input.button-line { color:#E0243B; border:1px solid #E0243B; line-height:2.6em; padding:0.5em 2em;  border-radius:5px;}

.button-line:hover, a.button-line:hover, input.button-line:hover { background:#E0243B; color:#fff }





.button-s { width:110px; height:34px; line-height:34px; font-size:14px; font-size:1.4rem }





.submit{ width:300px;  height:2.2em; line-height:2.2em;cursor: pointer; border:none;  font-size:1.6em; font-family:微软雅黑}

.submit1{ width:150px;  height:2.2em; line-height:2.2em;cursor: pointer; border:none;  font-size:1em; font-family:微软雅黑}

.inbtn02, a.inbtn02 { background: -ms-linear-gradient(top, #fff,  #fff);background:-moz-linear-gradient(top,#fff,#fff);

	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#fff));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), 

to(#fff)); background: -webkit-linear-gradient(top, #fff, #fff); background: -o-linear-gradient(top, #fff, #fff);border-radius:10px; border:solid 1px #ccc; color: #333;}



.inbtn02:hover, a.inbtn02:hover {text-align:center;background: -ms-linear-gradient(top, #E0243B,  #E0243B);background:-moz-linear-gradient(top,#E0243B,#E0243B);

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#E0243B), to(#E0243B));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0243B), 

	to(#E0243B)); background: -webkit-linear-gradient(top, #E0243B, #E0243B); background: -o-linear-gradient(top, #E0243B, #E0243B);color: #fff;border:solid 1px #E0243B;}



/*-------------------宽度、高度--------------------*/

.width90 { width:90%;margin-right:auto; margin-left:auto; }

.width95 { width:95%;}

.width1360{ width:1360px; float:left; margin:10em 0 0 8em; }

.width70 { width:70%;margin-right:auto; margin-left:auto; }





.width100 { width:100%;}

.height120 { height:120px }

.height100 { height:100% }



.imgw60 { display:block; max-width:60%; height:auto }

.imgw100 { display:block; max-width:100%; height:auto }

.imgh100 { display:block; width:auto; height:100% }



/*-------------------区块-------------------*/

.area_100 { float:left; width:100%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.area_75 { float:left; width:75%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.area_50{ float:left; width:50%; padding-right:15px; padding-left:15px; padding-top:2rem; padding-top:20px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }







.area_33 { float:left; width:33%; padding-right:15px; padding-left:15px; padding-top:2rem; padding-top:20px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.area_40{ float:left; width:400px; padding-right:15px; padding-left:15px; padding-top:2rem; padding-top:20px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }





.area_25{ float:left; width:25%; padding-right:15px; padding-left:15px; padding-top:2rem; padding-top:20px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.area_20{ float:left; width:20%; padding-right:15px; padding-left:15px; padding-top:2rem; padding-top:20px\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }



.com-rows_m2 { max-height:4em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }



.com-rows_7 { max-height:11.2em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical/*最多显示8行，超出省略号*/ }



/*-------------------表格-------------------*/

.tableBox{ border-radius: 5px; overflow: hidden; margin:3em 0 2em 0;  }

.table tr td { border-bottom: 1px solid #ddd; border-top: medium none;}

.table tr:hover {	background-color: #fdfdfd;}

.table td,  .table th { padding:8px;}

.table th { background-color: #f2f2f2; color:#000; font-weight:bold}

.table .left{ padding-left:30px;}

.table td.noBorder{border-bottom:0;background-color:#fff;}

.table .tdtop{border-top:2px solid #b9b9b9; }





/*-------------------结构-------------------*/

header, footer,.footer1 lefter{ clear:both; margin:0 auto; width:100% }

article, aside, details, figcaption, figure, footer, header,lefter,footer, hgroup, main, nav, section, summary, time, ul, li { display:block }



.container { margin-right:auto; margin-left:auto; width:1160px;}

.container:before, .container:after { content:" "; display:table; }

.container:after { clear: both; }

.container:before, .container:after { content:" "; display:table; }

.container:after { clear:both; }







/*.site-main { margin-top:105px }*/



.header, .page { position:relative; left:0 }







/*-------------------通用头部-------------------*/ 

.headbox { width:100%;  position:fixed; top:0; left:0; z-index:999; height:90px; }

.mini_icon{position:absolute;top:3em;right:1em;width:24px;height:24px;display:none;}

.mini_icon span{float:left;width:100%;height:0.3em;background:#E0243B;border-radius:1em;margin-bottom:0.2em;}







.floatButton { position: fixed; right: 24px; bottom:260px; z-index:999; }

.floatButton { transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; }



.rightMenu{ width:20px;height:16px;background-position: -842px -124px;display: inline-block;}

.floatButton a, .floatButton a i, .floatButton{ transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }





.toTop{ width:18px;height:20px;background-position: -844px -211px;display: inline-block;}



.f_Button{ width:42px; height:37px; border:1px solid #E0243B; display:block; background-color: #E0243B; margin-bottom:5px; text-align: center; line-height:39px; }

.f_Button2{ width:42px; height:37px; border:1px solid #E0243B; display:block; background-color: #E0243B; text-align: center; line-height:39px; }

.f_Button:hover, .floatMenu:hover .rightMenua{ background-color: #000; border:1px solid #000; }

.f_Button2:hover .toTop{ background-position: -844px -235px; }

.f_Button2:hover{ background-color: #E0243B; border:1px solid #E0243B; }



.floatMenuBox{ position:absolute; width:120px;  right:44px;/*border-right:5px solid #fff;*/ padding-right:5px;}

.floatMenuul{background-color: #e6e7e8;}

.f_Buttonli{ display:none; padding:0;line-height:30px; font-size:1em; font-weight:700; line-height:2.6em;}

.f_Buttonli a{ display:block; text-align: center; clear:#515151;}

.f_Buttonli a:hover{ background-color: #bdbdbd; color:#fff;}



.footbg{width:100%;background:url(../images/foot.jpg)  no-repeat top center; height:auto; border-top:1px #ccc solid;padding:12px;box-sizing: border-box;}

.footbg>span{ display: block;width: 100%; font-size:24px;text-align: center;opacity: 0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;margin-bottom:5px;}

.footbg p{ width: 100%; font-size:14px;text-align: center; }



.footer{ position:relative;width: 100%;  bottom:-2px;z-index:100;}

.footer .footbg>a,

.footer .footbg>a[title='51.La 网站流量统计系统'],

.footbg>a,

.footbg>a[title='51.La 网站流量统计系统']{display:none;}







.m_tel_tip{display:none;}







.consultation{position:fixed;height:52px;width:144px;background:#00AEF3 url(../images/iconWord0.png) no-repeat center;border-radius:5px;right:5px;top:55%;margin-top:-72px;cursor:pointer;z-index:5;}

.shangQiao{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:1000;display:none;}

.shangQiao .inner{position:absolute;width:390px;height:460px;padding:15px;border:1px solid #000;border-radius:5px;background:#fff;left:50%;top:50%;overflow:hidden;margin:-195px 0 0 -230px;background:#D0D0D0;}

.shangQiao .qiao{width:100%;height:100%;overflow:outo;}

.shangQiao .close{position:absolute;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;top:10px;right:10px;cursor:pointer;color:#333;background:#fff;}



section.lefter,footer.lefter{display: none;}

.windowGotop{position:fixed;width:40px;height:40px;background:url(../images/windowGotop.png) no-repeat center;background-size:100% 100%;right:10px;bottom:10%;cursor:pointer;display:none;z-index: 10;}

.indexBody .windowGotop{display: none!important;}