@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{font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */}

body{line-height:1.4em;font-family:"microsoft yahei","微软雅黑","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;background: #fff;}

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:#666; 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}



a:link{

	color:#484848; 

	cursor:pointer;

	text-decoration:none;

	}

a:visited{

	color:#484848; 

	text-decoration:none;

	cursor:pointer;

	}

a:hover{

	color:#0075be;

	text-decoration:none;

	}

a:active{

	color:#484848; 

	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;}

input[type="text"]:focus, input[type="password"]:focus{}

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;}

.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;}

.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}



/*-------------------分割线、边框-------------------*/

.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; */margin-top: 35px;}

.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%;}

.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{display:block}

.container{margin-right:auto; margin-left:auto; padding: 0; width:100%; max-width:1900px;}

.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:#e60012;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;}

.mhide{}

.mshow{display: none;}



/*----------------返回顶部-------------------*/

a.up2Top{display: block; width: 45px; height: 45px; background: rgba(0, 0, 0, .8) url('../images/upTop.png') no-repeat center center;position: fixed; right: 2px; bottom: 60px; z-index: 999;}



