@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(../fonts/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} .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;}