@charset "utf-8";
/* CSS Document */

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body,html{ width: 100%; height: 100%;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-tap-highlight-color:rgba(255,255,255,0.1);}
body,html,div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; font-weight: normal;}
img { border:none; vertical-align: middle; }
ol, ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
body, input, select, button, textarea {font-family:Tahoma,Microsoft yahei,sans-serif; font-weight: 300; }
button,input,textarea{ /*-webkit-appearance: none;appearance: none; */border: none; resize: none; outline: none;  }
.normal, em, i { font-style:normal; font-weight:normal; }
body { color:#444; line-height:160%;background:#f5f5f5; font-size: 14px; min-width: 1200px;}
table { border-collapse:collapse; border-spacing:0; }
p { word-wrap:break-word; }
a { color: #525252; text-decoration:none; transition: all ease .1s;}
a:visited{text-decoration:none;}
a:hover{ -webkit-tap-highlight-color:rgba(255,255,255,0.1); text-decoration:none; color:#4cbecf}
a:active{ text-decoration:none;}
.clearfix { display:block; zoom:1; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.fl{ float: left;}
.fr{ float: right;}
.tl{ text-align: left;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.flex{ display: table; table-layout: fixed; width: 100%;}
.flex li{ display: table-cell;}
.flex li:last-child{ border-right: none;}
.normalColor{ color: #333;}
.white{ color: #fff;}
.red{ color: #ed5657;}
.yel{ color: #ffb03f;}
.green{ color: #01af63;}
.bense{color:#4cbecf;}
.darkGray{ color: #666;}
.orange{ color:#ff8840}
.gray2{ color:#666}
.gray{ color: #999;}
.bg_white{ background: #fff;}
.bg_black{ background: #151515;}
.bg_nav{ background: #4cbecf;}
.bg_foot{ background: #eeeeee;}
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt40 { padding-top:40px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml40 { margin-left:40px; }
.ml120 { margin-left:120px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt40 { margin-top:40px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.pt0{ padding-top:0px;}
.pr0{ padding-right:0px;}
.pb0{ padding-bottom:0px;}
.pl0{ padding-left:0px;}
.mt0{ margin-top:0px;}
.mr0{ margin-right:0px;}
.mb0{ margin-bottom:0px;}
.ml0{ margin-left:0px;}

.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.ppp1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.ppp2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ppp3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.border_dashed{ border-bottom:1px dashed #e5e5e5}
.iconfont{ font-size: inherit;}
.delLine{ text-decoration: line-through;}
.line{border-top:1px solid #eeeeee}
[class*=floatBox]{position:fixed; left: 0; top: 0; right: 0; bottom: 0;}
[class*=floatBoxBg]{background:rgba(0,0,0,0.8); display: none;}
[class*=floatBoxBgA]{position:absolute;}
.mid{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.midBox{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.flex2{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex;}
.flex2 .sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
[class*=tHide]{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
[class*=tHide2]{-webkit-line-clamp: 2; white-space: normal; display: -webkit-box;-webkit-box-orient: vertical;}
[class*=tHide3]{-webkit-line-clamp: 3;}
/*表单样式*/
[class*=btn]{ width: 100%; display: block; vertical-align: bottom; border-radius: 3px;}
[class*=btnb]{ background: #ED5657; color: #fff; text-align: center;}
[class*=btni]{padding:0 10px; background: none; border-radius: 3px;}
[class*=btnbx],[class*=btnix]{ height: 56px;}
[class*=btnbl],[class*=btnil]{ height: 46px;}
[class*=btnbb],[class*=btnib]{ height: 36px;}
[class*=btnbm],[class*=btnim]{ height: 30px;}
[class*=btnbs],[class*=btnis]{ height: 24px; font-size: 12px;}
[class*=btn]:active{ opacity: 0.8;}
[class*=cbtn]{ background: #ffb03f;}
/*边框*/
[class*=grid],[class*=arrow]{ position: relative;}
[class*=grid]:before{content:" "; display: block; position: absolute; background:rgba(0,0,0,.15); box-sizing: border-box;}
[class*=gridY]:before{ width: 1px; top: 0; bottom: 0; -webkit-transform: scale(0.5,1); transform: scale(0.5,1);}
[class*=gridYl]:before{ left: 0;}
[class*=gridYr]:before{ right: 0;}
[class*=gridX]:before{ height: 1px; right: 0; left: 0; -webkit-transform: scale(1,0.5); transform: scale(1,0.5);}
[class*=gridXt]:before{ top: 0;}
[class*=gridXb]:before{ bottom: 0;}
[class*=gridFour]:before{ width: 200%; border: 1px solid rgba(0,0,0,.15); height: 200%;-webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; border-radius: 6px; left: 0; top: 0; background: none;}
[class*=gridFourCirle]:before{ border-radius: 100px;}
[class*=arrow]:before{ content: ""; position: absolute; display: block; width: 0px; height: 0px; border:4px solid; border-color:#999 transparent transparent transparent; position: absolute; top: 70%; -webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
[class*=arrowR]:before{ right: 5px;}
[class*=arrowL]:before{ left: 5px;}
.arrow.active,.arrowR.active,.arrowL.active{ color: #01AF63;}
.arrow.active:before,.arrowR.active:before,.arrowL.active:before{border-color:#01AF63 transparent transparent transparent; -webkit-transform:translateY(-40%) rotate(180deg);transform:translateY(-40%) rotate(180deg);}
.w100{ width: 100%;}
.wrap{width: 1200px; margin: 0 auto;}



/*头部*/
/*header*/
.header{ height: 32px; color: rgba(255,255,255,.85); line-height: 32px;}
.header_lf{ float:left;}
.header_lf a{color: rgba(255,255,255,.85);padding-right:12px;}
.header_lf a:hover{color:#4cbecf}
.header_rg{float: right; text-align: right;}
.header_rg a{ color: rgba(255,255,255,.85); padding-right: 10px;}
.header_rg a:hover{color:#4cbecf}

.logo{ height: 120px; padding-top:0px;}

.header_search{ width:410px; height:38px; margin-top: 42px; margin-left: 120px;}
/*.select_search{ width:82px; position:relative; float:left; height:38px; border:1px solid #dddddd; border-right:none}
.select_search_text{ width:82px; background:#f8f8f8; height:36px;  border-right:1px solid #ebebeb; text-align:center; color:#999999; line-height:36px; cursor:pointer;}
.select_search_text:after{ content:""; display: inline-block; width: 7px;height: 7px; margin:12px 9px 0 0; position:absolute; right:0; background:transparent; vertical-align: middle; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-moz-transform: rotate(135deg);
 transform: rotate(135deg);	}*/

.select_search_all{  position: absolute; width: 83px; background-color: #f8f8f8; left:-1px; border: 1px solid #ddd; color: #333;}
.select_search_all li{line-height: 40px;  border-bottom:1px solid #ebebeb}
.select_search_all li:hover{background: #ececec; cursor: pointer;}
.select_search_all li:last-child{ border:0;}
.select_search_all li a{ padding:0 0 0 15px; display:block;}

.header_search_conent{ width:340px; height:38px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; line-height:38px;}
.search_content{ width:264px; height:36px; line-height:36px; background:none; border:none; margin:0px 8px;}
.button_search{ width:38px; height:38px; border:none; background:url(../images/search.png) center center no-repeat #4cbecf; cursor:pointer;}
.button_search:hover{ background:url(../images/search.png) center center no-repeat #2c8f9d;}

/*nav*/
.nav{ height: 48px; line-height: 48px;}
.nav li{ width:171px; float: left; padding: 0 0;}
.nav li a{ display: block; width: 100%; text-align: center; font-size: 16px; color: #fff; height:48px;}
.nav li a:hover{ background: #2c8f9d;}
.nav li a.curent{ background: #2c8f9d;}
.nav_zx:hover .nav_nav{ display:block;}
.nav_nav{ display:none; z-index:2; position:absolute;}
.nav_nav li{ background-color:rgba(76,190,207,0.9); float:none}



/*友情链接*/
.iyslj{ margin-top:100px; border-top:1px solid #ccc; padding-top:20px; padding-bottom:60px;}
.iyslj ul{ line-height:32px;}
.iyslj ul li{ float:left; margin-right:30px;}
.iyslj ul .iyqlj_title{ font-weight:700;}




/*底部*/
/*新手指南 start*/
.zhinan{ padding:0 37px 0 35px; background:url(../images/line.gif) right repeat-y; float:left}
.zhinan dt{ line-height:30px;}
.zhinan dd{ line-height:30px;}
.zhinan dd a{ color:#999999}
.zhinan dd a:hover{ color:#f0b408;}
.erwima{ padding:0 30px; float:right; font-size:12px; text-align:center}
.gzhu{padding:0 35px; float:right; line-height:30px;}
.gzhu dt{ line-height:30px;}
.gzhu dd{ line-height:30px;}
.gzhu a{ background:url(../images/guanzhu.png) 0 0 no-repeat; padding-left:24px; transition:none;}
.gzhu a.xl{ background-position: 0 4px;}
.gzhu a.qq{ background-position: 2px -17px;}
.gzhu a.kj{ background-position: 0 -37px;}
.gzhu a.wx{ background-position: 0 -57px;}
.gzhu a.xl:hover{ background-position: 0 -76px; color:#d6332a;}
.gzhu a.qq:hover{ background-position: 2px -97px; color:#42adcf;}
.gzhu a.kj:hover{ background-position: 0 -117px; color:#eaaf00;}
.gzhu a.wx:hover{ background-position: 0 -137px; color:#60b400;}
/*新手指南 end*/


/*footer start*/
.footer{ background:#1f1f1f; border-top:2px solid #4cbecf; text-align:center;}
.sub_nav{ line-height:30px; color:#fff;}
.sub_nav a{ color:#fff; padding:0px 8px;}
.sub_nav a:hover{ color:#4cbecf}
.copyright{ color:#666666; padding:25px; line-height:30px;}
/*footer end*/