*{padding:0px; margin:0px;}
li{list-style:none;}
a{text-decoration:none;}
@font-face {
    font-family: 'gothamlightregular';
    src: url('gothamlight-webfont.eot');
    src: url('gothamlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamlight-webfont.woff2') format('woff2'),
         url('gothamlight-webfont.woff') format('woff'),
         url('gothamlight-webfont.ttf') format('truetype'),
         url('gothamlight-webfont.svg#gothamlightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font-family: "微软雅黑";color:#4d4d4f;}
.box{width:100%; overflow:hidden;}
.nav_huibian{width:100%; background:#fff;height:1px;opacity:0.3;}


.tishijian{width:8%;}
.tishijian img{width:100%;}

.youtan01{background: url(../img/ssss002.jpg) no-repeat; background-size:100% 100%;width:100%;position:absolute;bottom:35%;width:30%;right:20%;line-height:2em;color:#fff;}
.youtan02{background: url(../img/ssss001.jpg) no-repeat; background-size:100% 100%;width:100%;position:absolute;bottom:27%;width:30%;right:20%;line-height:2em;color:#fff;}
.youtan01 a{color:#fff;}
.youtan02 a{color:#fff;}



/*通用滑下导航*/
/*这里用到-600px是为了让页面加载的时候先让导航浮上去，再通过jquery控制，就不会出现加载的时候首页出现导航的现象*/
.tanv{ position:fixed;z-index:100;width: 100%; overflow: hidden;top:-900px;}
.tanv_img{background: #fff;width: 100%;}

.tanv_img01{width:9%;position: absolute;top:3.5%;left:2%;}




.tanv_img02{width:8%;position: absolute;right:7%; top:4%;display: block;}
.tanv_list{width: 100%;background: url(../img/tanchu_09.jpg) no-repeat; background-size:100% 100%;position: relative;}
.tanv_listxiao{width:50%; float: right;padding-top:4%;}
.tanv_listxiao a{color:#fff;}
.tanv_listxiao li{display:block;width:100%;margin-top: 5%;}
.tanv_list li h3{float: left;}
.tanv_list li h4{font-weight: 100;float: left; font-family: "gothamlightregular";padding-top:1.5%;padding-left: 5%;}
#wx_logo img{width:120px;height:41px;}
/*首页第一屏的导航*/
.synav{position:absolute;z-index:5;width: 100%;border-bottom:solid #c8c7c6 1px;display:block;top: 0;}
.sylogo{width:38%;position:absolute;left:5%;top:10%;}
.sylogo img{width: 100%;}
.synavan{width:7%;right:4%;top:50%; position: absolute;}
.synavan img{width:100%;}

/*首页第一屏的baner*/
.sybanner{ position:relative; overflow:hidden;}
.sybanner ul{position: relative;}
.sybanner li{width:100%;float:left;}
.sybanner li img{width:100%;}
.lunan{position:absolute; bottom:10%;z-index:20;overflow:hidden;right:0;width:37%;}
.lunan p{ float:left; background:#fff;margin-left:4%;}
.lunzibian{background:#577fa5!important;}
/*首页优势版块*/
.syyoushi{background: url(../img/index_02.jpg) no-repeat;background-size:100% 100%;position: relative;}
.syyoushi_nav{position:fixed; top: 0;background:rgba(255,255,255,0.5); width: 100%;height:0px; overflow: hidden;z-index: 50;}
.syyoushi_nav_left{width:27%;position: absolute;left:3%;top:15%;}
.syyoushi_nav_left img{width: 100%;}
.syyoushi_nav_right{width:8%;position: absolute;right:3%;top:20%;}
.syyoushi_nav_right img{width: 100%;}
.syyoushi p{width: 56%; text-align: center;margin: 0 auto;}
.syyoushi_img{width:53.5%; margin: 0 auto; margin-top:9%;}
.syyoushi_img img{width:100%;display:block;}
.syyoushi_list{background:url(../img/ccc3.jpg) no-repeat;background-size:100% 100%; position:absolute;bottom: 0;}
.syyoushi_list li{width:100%; position:relative;}
.syyoushi_list li span{color: #fff; font-weight: bold; position: absolute;left:23%;top:40%; display:block; }
.syyoushi_list .syyoushi_list_show{color:#d6c474;position: absolute; right:5%;display: block;width:20%;background-size:16%;}

.sychixu_title{bottom:13%;position: absolute;width: 40%;display: block;}
.sychixu_title span{display:block;}
.sychixu_title_01{font-family:Gotham;color: #FFFFFF;position: relative;left:37%; font-weight:100;}
.sychixu_title_02{font-weight: bold;color:#FFFFFF;position: relative;left:37%;}
.sychixu_liaojie{width:83.1%;height: 20px;position: relative;margin: 0 auto;border-bottom: 1px solid #d9d9d9;padding-top:5%;}
/*按钮样式*/
.sychixu_liaojie_an{margin: 0 auto;background: url(../img/anniu.jpg) no-repeat;width: 26.5%;background-size: 100% 100%;}
.sychixu_liaojie_an a{display:block;padding-top:1.7%;padding-left:7%;color:#d7c783;}

/*首页产品版块样式*/
.sycp{border-bottom: #d9d9d9 solid 1px;width: 80%; margin: 0 auto;}
.sycp_title_01{color:#4d4d4f;font-family: Gotham; font-weight:100;}
.sycp_title{width:32%; margin: 0 auto;color: #454545;text-align: center;}
.sytitle_tong{margin-top:2%;}
.sycp_text{width:100%; margin: 0 auto; text-align:center;}
.sycplistyin{width:100%;overflow:hidden; position: relative;}
.sycplist{ margin: 0 auto;position:relative;}
.sycplist li{float:left;}
.sycplist li img{width:100%;}
#syankong{margin-top:10%;}

.sycplist_qie{width:10%; margin:0 auto;margin-top:3%;}
.sycplist_qie li{width:28%;display:block; float:left; margin-left:15%; background:url(../img/huangkong.jpg) no-repeat 0px 0px;background-size:100%;
}
.sycplist_qie li img{width:100%;display:block;}

/*首页新闻版块样式*/
.synews{width:85%;margin: 0 auto;}
.synews li{border-bottom: #d9d9d9 solid 1px; position:relative;padding-bottom: 5%;padding-top: 5%;}
.synews_img{width:21%;}
.synews_img img{width: 100%;}
.synewstitle{position:absolute;top:23%;width:71.25%; right:2%;color:#4d4d4f;}
.synewsmiaoshu{position:absolute;color:#888888;right:2%;top:54%;width:71.25%;}
.syquanqiu{margin-top:10%}
.syquanqiu_img{width:100%;margin-top:10%;}
.syquanqiu_img img{width: 100%; display: block;}
.synews_shijian{position: absolute;top:37%;left:4.5%;color: #fff;font-family:"gothamlightregular";}
.synews_shijian span{padding-left:15%;font-weight: bold;}
/*首页地图版块样式*/
.syditu img{width:100%;}
.ditulistbao{width:63%; margin:0 auto;overflow: hidden; position: relative;}
.ditulist{margin: 0 auto;position:relative;}
.ditulist li{float:left;top:0;overflow:hidden;}
.ditulist li img{width: 100%;display: block;}
.huangan{width:15%; margin:0 auto;margin-top:1%;}
.huangan span{width:18%;display:block; float:left; margin-left:15%; background:url(../img/huangkong.jpg) no-repeat 0px 0px;background-size:100%;
}
.huangan span img{width:100%;display: block; display: none;}
.syditu_show{width: 80%; margin: 0 auto;}
.syditu img{display: none;}
#sydituxiaokong{margin-bottom:8%;margin-top:5%;}
/*底部样式*/
.footer{background:#b8bdc1;position: relative;color: #fff;}
.footerhuang{background:#eee3aa;width: 100%;}
.footerban{position: absolute;bottom:15%;left:4.6%;}
.footerban_01{font-family:Gotham;}
.footerban_02 a{color:#ffffff;}