﻿@charset "utf-8";



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(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: #e60012; }
.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: #e60012; 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: #e60012; text-decoration: none; }

.col666, .col666 a, .col666 a:link, .col666 a:visited, .col666 a:active { color: #666; }
.col666 a:hover, a:hover .col666 { color: #e60012; 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:#e60012; border:1px solid #e60012; line-height:2.6em; padding:0.5em 2em;  border-radius:5px;}
.button-line:hover, a.button-line:hover, input.button-line:hover { background:#e60012; 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, #e60012,  #e60012);background:-moz-linear-gradient(top,#e60012,#e60012);
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e60012), to(#e60012));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60012), 
	to(#e60012)); background: -webkit-linear-gradient(top, #e60012, #e60012); background: -o-linear-gradient(top, #e60012, #e60012);color: #fff;border:solid 1px #e60012;}

/*-------------------宽度、高度--------------------*/
.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; }


/*-------------------结构-------------------*/

article, aside, details, figcaption, figure,lefter,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 }*/





/*-------------------通用头部-------------------*/ 




.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; }


.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 #e60012; display:block; background-color: #e60012; margin-bottom:5px; text-align: center; line-height:39px; }
.f_Button2{ width:42px; height:37px; border:1px solid #e60012; display:block; background-color: #e60012; 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: #e60012; border:1px solid #e60012; }

.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;}




.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;}