﻿@charset "utf-8";

body,input,button,select,textarea{font:13px/1.5 '微软雅黑','新宋体','宋体',Arial,Tahoma,Helvetica,'SimSun',sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}
*{white-space:normal;}
li{list-style:none;}
body{ background:#fff;}






.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #2a3843 url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #2a3843 url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #2a3843 url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #2a3843 url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #2a3843 url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ff963a url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ff963a url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ff963a url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ff963a url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ff963a url(../images/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ff963a; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ff963a; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}






.clearfix:after{clear:both; display:block; content:""; visibility:hidden; height:0;}
.clearfix{zoom:1;}
img{border:none; vertical-align:middle;}
button, input, select, textarea{vertical-align:middle;}
a{text-decoration:none; color:#3f3f3f; outline:none;}
a:hover{text-decoration:none; color:#fd7400;}
li{list-style:none;}
h1{font-size:24px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4, h5, h6{font-size:100%;}
.none{display:none;}
.gaodu{height:12px;}

.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}

.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}
.ml70{ margin-left:70px;}
.ml80{ margin-left:80px;}


.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.lf{ float:left;}
.rt{ float:right;}
.red{ background:#c9000a;}
.blue{background:#1264a0;}
.hd{visibility:hidden;}
.box{ width:1280px; margin:0 auto;}
.ad{ text-align:center;}

.logo_box{ width:100%; z-index:100; position: fixed;}
.top_box{ width:100%; z-index:50; position: fixed; height:100px;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background:#000;}
.top_box02{ width:100%; z-index:20; position: fixed; height:100px;background:#000;}
.top ul{ float:right; width:820px;}
.top ul li{ float:left; margin-right:20px;}
.top ul .li01{ margin-right:0;}
.top ul li a{ color:#fff; display:block; font-size:14px; line-height:100px;}
.top ul li a:hover{ color:#FF0;}
.top ul li .a1{ background:url(../images/ico05.png) bottom center no-repeat;}

.cor01_bg{ background:#f6f6f6; padding:40px 0;}
.key{ width:200px; line-height:35px; float:right; font-size:16px; color:#666;}
.key a{ float:right; width:103px; line-height:35px; text-align:center; background:url(../images/ico01.jpg) 92px 12px no-repeat; color:#333; font-size:16px;}
.key a:hover{ color:#0F0;}
.key p{ display:none; width:103px; margin-left:83px;}
.key:hover p{ display:block; width:115px; z-index:1; position:absolute;}
.cor01_bg h1,.cor02_bg h1,.cor03_bg h1,.cor04_bg h1{ text-align: center; font-size:24px; color:#000; line-height:normal; background:url(../images/line_01.png) 0 5px no-repeat;}
.cor02_bg h1 b,.cor04_bg h1 b{ display:block; font-size:18px; background:#fff; padding:0 10px; width:90px; margin:0 auto;}
.cor01_bg h1 b,.cor03_bg h1 b{display:block; font-size:18px; background:#f6f6f6; padding:0 10px; width:90px; margin:0 auto;}
.cor01{ margin-top:80px;}
.cor01 ul li{ float:left; width:202px; text-align:center; line-height:105px; margin-right:65px;}
.cor01 ul .li02{ margin-right:0;}
.cor01 ul li a{ font-size:16px; color:#333;}

.cor02_bg{ margin-top:40px;}
.cor02{ margin-top:80px;}
.cor02 ul li{ width:280px; float:left; background:#f6f6f6; padding: 45px 70px;  line-height:20px; margin-right:10px;}
.cor02 ul li a{ font-size:12px; color:#666;}
.cor02 ul .li03{ margin-right:0;}
.cor02 ul li span { display:block; width:60px; color:#999; font-size:12px; line-height:normal; text-align:center;}
.cor02 ul li span b{ font-size:48px; display:block; line-height:normal;}
.cor02 ul li img{ display:block; margin-top:25px;}
.cor02 ul li h3{ color:#333; font-size:16px; line-height:60px;width:280px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
.cor02 ul li:hover{ background:url(../images/cor02_pic01.jpg) no-repeat;}
.cor02 ul li:hover a{ color:#fff;}
.cor02 ul li:hover h3{ color:#fff;}

.cor03_bg{ background:#f6f6f6; margin-top:110px; padding:40px 0;}
.cor03{ margin-top:60px; overflow:hidden;}
.cor03 ul li{ width:310px; float:left; margin-right:10px;}
.cor03 ul li .p1,.cor03 ul li .p2{ display:none;}
.cor03 ul li:hover .p1{ display:block; z-index:10; position:absolute; width:310px; padding:120px 0 200px; text-align:center; color:#fff; font-size:18px; line-height:60px;}
.cor03 ul li:hover .p1 span{ display:block;}
.cor03 ul li:hover .p2{ display:block; width:310px; height:400px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:1; position:absolute;}

.cor04_bg{ margin-top:40px;}
.cor04{ margin-top:110px;}
.cor04 ul li{ float:left; margin-bottom:100px;}

.fotoer_bg{ background:#333; padding-top:60px;}
.footer{ text-align:center;}
.footer_txt{ margin-top:50px; border-top:1px solid #ccc; color:#ccc; text-align:center; font-size:14px; padding:35px 0; line-height:25px;}

.corbox_bg{ background:#f8f8f8; padding:30px 0;}
.corbox_lf{ float:left; width:240px; padding-left:5px}
.corbox_menu{ border:1px solid #d7d7d7;}
.corbox_menu dl dt{ padding-left:15px; line-height:50px; color:#fff; font-size:18px; background:#211d1e;}
.corbox_menu dl dd{ display:block; border-bottom:1px solid #d7d7d7;} 
.corbox_menu dl .dd01{ border-bottom:none;}
.corbox_menu dl dd a{ display:block;  padding-left:20px; line-height:45px; color:#666;}
.corbox_menu dl dd a:hover,.corbox_menu dl dd .a2{ background:#000; color:#fff;}

.corbox_rt{ width:1000px; float:right;}
.prolist ul li{ float:left; width:300px; margin:0 20px 30px 0;}
.prolist ul li img{ width:300px;}
.prolist ul li .lizz{ z-index:10; position:absolute; filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; width:300px; height:250px;}
.prolist ul li:hover .lizz{ display:none;}
.prolist ul li a .lip{ height:220px; width:180px; z-index:1; position:absolute; margin:20px 0 0 20px; border:0px #fff solid; padding:10px; color:#fff; }
.prolist ul li a .lip h3{ font-size:24px; color:#fff; line-height:normal;}
.prolist ul li a .lip h3 p{ font-size:18px;}
.prolist ul li a .lip span{ display:block; font-size:18px; line-height:50px; font-weight:bold;}

.page{ margin:10px auto; line-height:30px; width:480px;}
.page a{padding:0 10px; background:#fafafa; color:#666; margin-right:10px; border:1px solid #cfcfcf; border-radius:5px;}
.page p{border:1px solid #cfcfcf;  background:#fafafa; padding:0 10px; border-radius:5px;}
.page a:hover,.page .a3{ background:#333; color:#fff;}

.proshow h2{ font-size:24px; color:#333; text-align:center; line-height:normal; border-bottom:1px #ccc solid;}
.proshow h2 span{ display:block; text-align:center; font-size:16px;}
.proshow h2 p{ display:block; font-size:14px; margin-top:40px; padding-bottom:10px;}
.proshow img{ max-width:1000px; display:block; margin:20px auto;}

.aboutbox{ font-size:14px; line-height:28px; color:#666;}
.aboutbox img{ max-width:1000px;}
.aboutbox h2{ color:#333; font-size:30px; line-height:normal; text-align:center; font-weight:400; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.aboutbox h2 p{ font-size:18px;}
.newslist ul li{ height:200px; overflow:hidden; margin-bottom:50px;}
.newslist ul li span{ width:160px; background:#000; color:#fff; text-align:center;}
.newslist ul li:hover span{ background:#999;}
.newslist ul li .sp1{ padding:70px 0; font-size:18px; }
.newslist ul li .sp1 b{ display:block; font-size:24px;}
.newslist ul li .sp2{ line-height:200px; font-size:50px; height:200px;}
.newslist ul li div{ width:360px; float:left; padding:0 10px; background:#fff; height:200px;}
.newslist ul li a div h3{ color:#333; font-size:16px; line-height:30px;}
.newslist ul li a div{ font-size:14px; color:#666; line-height:25px;}

.catbox{}
.catbox h2{ color:#333; font-size:30px; line-height:normal; text-align:center; font-weight:400; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.catbox ul{ float:left; background:url(../images/cat_pic01.jpg) no-repeat; padding-left:80px;}
.catbox ul li{ font-size:16px; color:#333; margin:8px 0 55px 0;}

.cat_car{ margin-top:25px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*badoo style*/
    div#badoopager {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 13px;
        padding-bottom: 10px;
        color: #48b9ef;
        padding-top: 10px;
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        clear: both;
    }
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}