﻿ /* CSS Document */
body{margin:0px;padding:0px;font-size:14px;font-family: "微软雅黑",Arial; line-height:24px; }
a{color:#666;text-decoration: none;}
a:hover{text-decoration: none; color:#d6000f;}
ul,li,dt,dd,dl,h1,p,form{margin:0px;padding:0px;list-style:none; border:none; }
img{border:none;.caseh}
img a:hover{border:none;}
a,area{blr:expression(this.onFocus=this.blur());}/*For IE*/
a:focus{outline:none; -moz-outline-style:none;}/*For Firefox*/
.clear{ font-size:12px;clear:both;line-height:0px; height:0px;}
*{margin:0px auto; padding:0px;}
.index_bg{ width:100%; position:fixed; height:96%; top:0px;  left:0; background:url(../images/index.jpg) no-repeat; background-position: center 0; background-size:cover; }
.top{ width:100%; position:relative; z-index:999;}
.menu{ background:url(../images/bg_bl.png); position: relative;width:100%; z-index:3; height:80px;}
.men{ width:810px; float:right; z-index:9999; margin-right:100px;}
.menu ul li{ width:100px; margin-left:10px; text-align:center; float:left; position:relative; height:60px; padding:10px 0; }
.menu ul li span{  width:100%; height:60px; line-height:60px; overflow:hidden; padding:5px 0; font-size:15px;}
.menu ul li span:hover{ border-bottom:2px solid #d6000f; color:#fff;}
.mcurrent span{ font-weight:bold;border-bottom:2px solid #d6000f;}

#content{ width:1024px; margin:120px auto 0 auto; position:relative; overflow:hidden;}
#container{ width:1420px; margin:120px auto 0 auto; position:relative; overflow:hidden;}
#left{ width:210px; float:left; }

#right{ width:730px; float:right; }
.biaoshi{ position:absolute; left:70px; width:30px; top:5px; height:27px; overflow:hidden; }
.biaoshi a{ color:#fff;}
.biaoshi img{ width:27px; height:30px;}
/*新闻*/
.tit{ width:100%; color:#d6000f; margin-bottom:30px; }
.tit1{ width:100%; color:#d6000f; margin-bottom:30px; margin-top:100px; }
.tit1 h1{ font-size:20px; font-weight: 600; font-family:"黑体";}

.tit h1{ font-size:20px; font-weight: 600; font-family:"黑体";}

.list{ width:100%; position:relative; overflow:hidden;}
.list li{ width:100%; line-height:25px; margin-bottom:5px; font-size:14px; float:left;}
.list div{ margin-left:0 !important; position:relative; width:100%;}
.listcurrent a{ color:#d6000f;}
.list li:hover a{color:#d6000f;}
.list li p{ float:left; margin-right:15px;}
.list li span{ font-size:12px;}
.news_tit{ width:100%; position:relative; margin-bottom:80px; }
.news_tit h1{ font-size:24px; color:#4b4948; margin-bottom:15px; width:100%;line-height:30px;}
.news_tit p{ font-size:14px; line-height:20px; margin-left:5px; color:#666464; width:75%; white-space:nowrap;text-overflow:ellipsis;}
.news_txt{ width:100%; position:relative;}
.news_pic{ width:100%; position:relative; overflow:hidden; margin-bottom:50px;}
.news_intro img{ max-width:100%; vertical-align:middle; margin-bottom:10px;}
.news_intro{ width:100%; overflow:hidden; position:relative; margin:0; font	size:14px; color:#4b4948;}

/*案例*/
.case{ margin:0 auto; position:relative; overflow:hidden;margin-top: 150px;}
.case_top{ width:396px; margin-left:628px; height:30px;}
.select{ width:225px; float:left; height:20px; margin-top:5px; border:1px solid #6e6e70;  }
.select input{ border:0;}
.sea{ width:195px; float:left; height:20px; line-height:20px; padding-left:5px;  }
.but{ width:25px; height:20px; float:left; cursor:pointer; background:url(../images/sub.jpg) center no-repeat; }
.casehonor{ width:100%; position:relative; margin-top:15px;}
.leixing{width:150px; float:right; height:30px; line-height:30px;}
.leixing li{ width:75px; float:left; text-align:center;}

.jingwai{ width:73px; height:25px; line-height:25px; display:none; border:1px solid #ccc;}
.dq:hover .jingwai{ display: block;}
.moshi{ float:right; width:35px; height:30px; line-height:33px;  }
.moshi img{ width:14px; }
.case_list{ width:100%; margin-top:30px; position:relative; min-height:980px;}
.img_list{width:100%;position:relative;}
.img_list li{ width:300px; height:300px; overflow:hidden; position:relative;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; }
.img_list li img{ width:100%; height:100%; vertical-align:middle;object-fit: cover;}
.img_list li p{ width:92%; background: rgba(0,0,0,.5);border-left: 20px solid #E8B04A; padding:10px 4%; display:none; color:#fff; font-size:16px; position:absolute; bottom:0; left:0; white-space:nowrap; overflow:hidden;}
.img_list ul li img
        {
            -webkit-filter: grayscale(100%);
            filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImdyYXlzY2FsZSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvc3ZnPg==#grayscale);
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
        }
.img_list ul li:hover img
        {
            filter: none;
            -webkit-filter: grayscale(0%);
        }
.img_list ul li:hover p{ display:block;}
.biaoti{ background:#E8B04A; color:#fff;}
.biaoti h1{ width: 85%;text-align: right;margin-top: 30px;font-size: 32px;margin-bottom: 40px;float: left;height: 35px;line-height: 35px;}
#case_rolling{ float:left; width:200px; height:140px; margin:30px 25px 20px 30px; overflow:hidden; position:relative; -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; }

.typeidall{ width:100px;margin-left: 30px; text-align:left; height:30px; line-height:30px;}
.typeidall a{ color:#fff; font-size:16px; font-weight:bold;}
#case_rolling  li{ width:100%; text-align:left; line-height:26px; font-size:13px; height:26px; overflow:hidden; }
#case_rolling  li a:hover{color:#fff; font-size:16px; font-weight:bold;}

#case_rolling li a{ color:#fff;}
#case_rolling li a:hover{color:#fff;}
#news_rolling_up{ position:absolute; right:15px; bottom:60px; height:15px; width:18px; background:url(../images/menu1.png) center no-repeat; text-indent:-9999px; background-position:-8px -5px; display:none;}
#news_rolling_down{ position:absolute; right:15px; bottom:37px; height:15px; width:18px; background:url(../images/menu1.png) center no-repeat; text-indent:-9999px; background-position:-8px -15px; display:none;}


.reveal-modal-bg{position: fixed !important; opacity:0.85 !important ;height: auto;width:100%;background-color:#000; top:0;z-index:1000;display:none;left:0; height:100%;}
.reveal-modal{visibility:hidden; top:0 !important; left:0;width:984px;position:fixed;z-index:1001;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.7);-webkit-box-shadow:0 0 10px rgba(0,0,0,.7);-box-shadow:0 0 10px rgba(0,0,0,.7); padding:0 20px; left:50%; margin-left:-512px; margin-top:30px !important;}
.reveal-modal .close-reveal-modal { background:url(../images/icon5.jpg) no-repeat;
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;cursor:pointer; width:25px; height:25px; display:block;}
.reveal-modal h2{font-size:16px;color:#990000; line-height:30px; height:30px; background:#e7e7e7; text-align:center; width:100%; float:left; font-weight:500;}



#banner{width:650px; height:640px;  position:relative; margin-top:55px; float:left; }
#banner .bigimg{width:650px; height:640px; position: relative;}
#banner .bigimg ul li{width:650px;  position:relative; text-align:center; line-height:640px; height:640px; }
#banner .bigimg ul li img{border:0;z-index:1; max-width:100%;max-height:640px;}
#banner .bigimg ul li p{border:0; bottom:0; left:0; position:absolute; z-index:9; height:30px; line-height:30px; text-align:center; width:100%;}
#banner .bigimg ul li p span{width:100%; height:30px; line-height:30px; text-align:center; bottom:0; left:0; display:block; z-index:9; position:absolute; color:#fff;}
#banner .bigimg ul li p i{width:100%; height:30px; line-height:30px; text-align:center; bottom:0; left:0; display:block; z-index:1; position:absolute; background:#000; opacity:0.5}
#banner .banprev,#banner .bannext{position:absolute; top:0;}
#banner .banprev{left:10px;width:30px; height:100px;position:absolute; top:50%;margin-top:-50px; background:url(../images/arr.png) no-repeat; background-position:0 0; z-index:999; cursor:pointer;}
#banner .bannext{right:10px;width:30px; height:100px;position:absolute; top:50%;margin-top:-50px; background:url(../images/arr.png) no-repeat;background-position:-132px 0; z-index:999; cursor:pointer;}
#banner .banprev a,#banner .bannext a{ color:#fff; display:block; text-align:center; line-height:100px;  text-indent:-999em }
#banner .banprev a{left:0;}
#banner .bannext a{right:0;}
#banner .smaimg{width:285px; height:180px; position:absolute; bottom:-10px; right:-335px; overflow:hidden;l}
#banner .smaprev,#banner .smanext{position:absolute; bottom:0; z-index:999;}
#banner .smaprev a,#banner .smanext a{color:#fff; width:10px; padding:0 5px; height:80px; line-height:80px; background:#000; opacity:0.5; display:block; filter:alpha(opacity=50);}
#banner .smaprev{left:0;}
#banner .smanext{right:0;}
#banner .smaimg ul{height:180px; overflow:hidden; position:absolute; left:0 !important; width:285px !important;}
#banner .smaimg ul li{float:left; margin:0 9px 10px 0;}
#banner .smaimg ul li a img{width:85px; height:80px; float:left; display:inline;}
#banner .smaimg ul li.smacur a img{opacity:1;}

.caseinfo{ width:285px; float:right; color:#fff; position:relative; margin-top:50px;height:450px; overflow:hidden;}
.info_txt{ width:100%;height:450px; overflow:hidden }
.info_txt h1{ width:100%; font-size:18px;  overflow:hidden; margin-bottom:15px;}
.info_txt p{ width:100%; opacity:0.7;}
.case_cs{ position:relative; width:100%; margin-bottom:30px; font-size:13px;}
.case_cs p{ line-height:22px;}
.region{ width:100%; position:relative; height:700px; overflow:hidden; margin-top:20px; margin-bottom:50px;}
.region_map{ width:950px; float:left; height:700px; position:relative;}
.region_map p{ width:100%; text-align:center;}
.region_map p img{ width:856px; height:672px; margin:14px auto 0 auto;}
.region_tit{ width:350px; float:right; height:700px; position:relative;}
.region_map ul{ position:absolute; top:0; left:0; width:100%; height:100%;}
.region_map ul li{}
.region_map ul li span{ display:none; position:absolute;}
.region_map ul li:hover span{ display:block;}
.cur_map span{ display:block ;}
.region_map ul li p{width:40px; padding-left:12px; background:url(../images/icon.png) left no-repeat;height:28px; position:absolute; line-height:28px; color:#3f3a39 }
#icon1{ left:350px;top:460px;}
#icon2{ left:330px;top:300px;}
#icon3{left:610px; top:270px;}
#icon4{left:780px; top:150px;}
#icon5{left:600px;top:580px;}
#icon6{left:610px; top:470px;}
#icon7{left:720px;top:470px}

.map1 span { left:108px; top:335px; background:url(../images/map1.png) center no-repeat; display:block; width:493px; height:315px;}
.map2  span{ left:73px; top:102px; background:url(../images/map2.png) center no-repeat; width:535px; height:357px}
.map3  span{ left:409px; top:36px; background:url(../images/map3.png) center no-repeat; width:357px; height:362px}
.map4  span{ left:695px; top:29px; background:url(../images/map4.png) center no-repeat; width:190px; height:273px}
.map5  span{ left:505px; top:543px; background:url(../images/map5.png) center no-repeat; width:226px; height:119px}
.map6  span{ left:566px; top:352px; background:url(../images/map6.png) center no-repeat; width:130px; height:232px}
.map7  span{ left:646px; top:318px; background:url(../images/map7.png) center no-repeat; width:148px; height:273px}



.diqu{ width:350px; height:350px; position:relative; background:#d6000f; color:#fff;}
.difan{ width:350px; height:350px; position:relative; background:#3f3a39; color:#fff;}
.diqu h1{ width:100px; height:40px; line-height:40px; margin:25px 0 0 30px; float:left; }
.diqu ul{ width:50px; float:right; margin:25px 50px 25px 0; height:300px; text-align:center; font-size:16px; overflow:hidden;}
.diqu ul li{ width:100%; height:33px; line-height:33px; cursor:pointer;}
.diqu ul li a{ color:#fff;}
.diqu ul li a:hover{color:#fff; font-size:18px; font-weight:bold;}
.cur_map span{ display:block !important  ;}
.current{color:#fff; font-size:16px !important; font-weight:bold;}
.difan h1{ width:100px; height:40px; line-height:40px; margin:25px 0 0 30px; float:left; font-weight:500;}
#region_rolling{ float:right; width:50px; height:300px;  margin:25px 50px 25px 0; overflow:hidden;text-align:center;font-size:16px; }
#region_rolling li{ width:100%; height:33px; line-height:33px; }
#region_rolling li a{ color:#fff;}
#region_rolling li a:hover{ color:#fff; font-size:18px; font-weight:bold;}



/*团队*/
.team{width:1420px; margin:0 auto; position:relative; overflow:hidden;}
.team_tit{ width:920px; float:right; position:relative; margin-right:40px;}
.team_tit h1{color:#d6000f;font-size:32px; font-weight:500; font-family:"黑体"; height:35px; line-height:35px; width:100%; margin-bottom:50px;}
.team_tit p{ width:100%; position: relative; overflow:hidden;font-size:18px; color:#3f3a39; font-size:14px; }
.team_tit p span{ width:660px; background:url(../images/line.jpg) center repeat-x; height:30px; display:block;}
.line1{  float:left;}
.line2{  float:right;}
.team_jj{padding-left:1px; width:919px;}
.people{ width:100%; margin-top:50px; position:relative;}
.jieshao{ width:100%; position:relative; margin-bottom:50px; line-height:20px;}

.chengjiu{ width:100%; position:relative; }
.zuop{ width:260px; float:left; position:relative;}
.zuop h1{ font-size:16px; font-weight:500; position:relative; margin-bottom:20px; width:100%; line-height:30px; font-family: "微软雅黑";}
.zuop li{ display:block; height:auto !important; line-height:22px; width:100%; margin:0 0 5px 0; border:none;}
.rongyu{ width:340px; float:right; position:relative;}
.rongyu h1{ font-size:16px; font-weight:500; position:relative; margin-bottom:20px; width:100%; line-height:30px; font-family: "微软雅黑";}
.rongyu dd{ display:block; line-height:20px; width:100%; margin:0; border:none; font-size:11px; }
.rongyu dt{ display:block; height:23px !important; line-height:23px; width:100%; margin:0; border:none;}


.team_list{width:1340px;position:relative; clear:both; margin-top:60px; overflow:hidden; min-height:750px; padding-left:40px; padding-right:40px;}
.team_list li{ width:268px; float:left; height:268px; overflow:hidden; position:relative;}
.team_list li img{ width:100%; height:100%; vertical-align:middle}
.team_list li p{ width:92%; background: url(../images/bg.png); padding:10px 4%; display:none; color:#fff; font-size:16px; position:absolute; bottom:0; left:0; white-space:nowrap; overflow:hidden;}
.team_list li:hover{ background:url(../images/beijian.png);}
.team_list ul li img {
            -webkit-filter: grayscale(100%);
            filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImdyYXlzY2FsZSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvc3ZnPg==#grayscale);
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
        }
.team_list ul li:hover img
        {
            filter: none;
            -webkit-filter: grayscale(0%);
        }
.team_list ul li:hover p{ display:block;}

#pro_mo{ width:1320px; margin:60px 0; background:#fff; padding:10px; height:470px; position:relative;}
.pro_img{ width:330px; height:470px; position:relative; float:left; margin-right:30px;}
.pro_img img{ height:100%;width:100%; vertical-align: middle;}
.pro_na{ width:250px; margin-right:30px; height:470px; float:left;}
.pro_mo{  width:640px; float:left; height:420px; margin-top:50px; position:relative; padding-right:10px;}
.name{ width:100%; margin-top:50px; position:relative; margin-bottom:30px;}
.name h1{ font-size:22px; opacity:0.8; margin-bottom:5px;}
.pro_na p{ font-size:13px; line-height:20px;opacity:0.8;}
.jieshao{ width:100%; position:relative; overflow:hidden; }
.jieshao p{ font-size:14px; line-height:20px;}


/*人文*/
.culture{ width:1024px; position:relative; overflow:hidden; margin-bottom:70px; overflow:hidden; padding-bottom:30px; }
.cul_tit{ width:100%; position:relative; height:35px; margin-bottom:30px; text-align:center; color:#d6000f; line-height:35px;}
.cul_tit h1{ font-size:28px; font-weight:bold; color:#727171;}
.cul_pic{ width:100%; position:relative; overflow:hidden ; margin-bottom:30px;}
.cul_pic img{width:100%; vertical-align:middle; }
.cul_txt{ margin:0; color:#4b4948; width:100%;}

.sow1{width:100%; margin:0; height:185px; overflow:hidden;}
.sowmore1{width:100%; margin:0; height:auto; overflow:hidden;}
.sow2{width:100%; margin:0; overflow:hidden;}
.sowmore2{width:100%; margin:0; height:auto; overflow:hidden;}

.albumInfo_con{width:100%; margin:0; }
.cul_txt p{ width:100%; margin-bottom:10px;}
.xiazai{ width:100%; position:relative; overflow:hidden; margin:30px 0 0 0;}
.xiazai ul{ width:1084px; margin-left:-60px; position:relative; overflow:hidden; }
.xiazai ul li{ width:301px; float:left; font-size:12px; margin-left:60px;}
.altitle{ width:100%; display:block; position:relative; font-size:14px; font-weight:bold;}
.xiazai ul li img{ width:100%; vertical-align:middle;}
.culture3 li{ width:252px; float:left; padding:2px;}
.culture3 li img{ width:100%; vertical-align:middle; height:100%;}
.keti_tit{ width:100%; height:30px; line-height:30px; margin-bottom:10px; white-space:nowrap ; overflow:hidden;font-size:20px; font-weight:500; font-family:"黑体";}
.keti{ width:100%; position:relative; margin-top:50px; overflow:hidden;}
.keti h1{ font-weight:500; font-size:14px; width:100%; height:30px; line-height:30px; margin-bottom:10px; white-space:nowrap ; overflow:hidden;font-family:"黑体"; color:#d6000f;}
.keti ul{ margin-left:-51.3px; position:relative; overflow:hidden;}
.keti li{ width:305px; float:left; margin-left:51.3px;  font-size:12px; margin-bottom:20px;line-height:35px;}
.keti li img{ width:100%; vertical-align:middle; height:200px;}
.keti li p{ width:100%;  }
.keti li span{ font-size:12px;}
.more{ width:100px; height:30px; line-height:30px;  display:block; margin:10px 0 0 0; position:relative;}
.cn1{ cursor:pointer; margin-top:20px; position:relative; width:150px; display:block; margin-left:0;font-family:"黑体";}
.cn{ cursor:pointer; margin-top:20px; position:relative; width:150px; display:block; margin-left:0;font-family:"黑体";}
.yc{ display:none;}
.yc1{ display:none;}

.job_l{ width:240px; float:left; position:relative;}
.linian_pic{width:240px; height:240px; float:left; position:relative;
  -moz-border-radius: 50%; /* Firefox */
  -webkit-border-radius:  50%; /* Safari 和 Chrome */
  border-radius:  50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ overflow:hidden; margin-top:90px}
.linian_pic img{ width:100%; height:100%; vertical-align:middle;}
.job_tit{ width:720px; float:right; position:relative; height:45px; margin-bottom:40px; color:#727171; line-height:35px; border-bottom:2px solid #999;}
.job_tit h1{ font-size:28px; font-weight: bold; line-height:35px}

.job_txt{ width:720px; margin:0; color:#4b4948; position:relative; float:right; overflow:hidden;}
.job_txt ul li{ margin-bottom:80px; width:100%; margin-left:0;}
.job_title{ width:100%; height:30px; line-height:30px; font-size:20px; color:#727171; margin-bottom:40px; }
.job_nr{ width:100%; position:relative; overflow:hidden; margin-bottom:15px;}
.job_nr h1{ font-size:16px; width:100%; height:30px; line-height:30px;white-space:nowrap ; overflow:hidden;font-family:"黑体"; color:#4b4948;}
.job_jn{ width:100%; position:relative; overflow:hidden; margin-bottom:15px;}
.job_jn h1{ font-size:16px; width:100%; height:30px; line-height:30px;white-space:nowrap ; overflow:hidden;font-family:"黑体"; color:#4b4948;}

.job3{ border-bottom:none;}
.culture3{ border-bottom:none;}
.other{ width:240px; float:right; height:100px; margin-top:50px;}
.sm{ width:170px; float:left; margin-top:5px; height:90px;}
.other img{ float:right; width:60px; margin-top:20px;}
.sm p{  line-height:20px; font-size:14px; font-family:"黑体" ,Arial; font-weight:bold; color:#666464; text-align:right;}
.s1{ text-align:right;}
.s2{text-align:left !important;}
.s3{ }

.title{ width:100%; color:#727171; margin-bottom:30px; text-align:center;}

.title h1{  font-size:28px; font-weight: bold;  line-height:40px;}
.title1{ width:100%; color:#727171; margin-bottom:30px;text-align:center;}

.title1 h1{  font-size:28px; font-weight: bold; line-height:40px;}

.about_tit{font-size:25px; color:#727171; font-family:"黑体"; margin-bottom:15px; width:100%; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about_txt{ width:100%; margin-left:0; position:relative; color:#4b4948; font-size:14px;}
.about_pic{ width:100%; position:relative; margin-top:50px ;}
.about_pic img{ width:100%; vertical-align:middle;}

#c_left{ width:640px; float:left; }
.map{ width:640px;  position:relative;text-align:center;}
.map img{ width:100%; vertical-align:middle; text-align:center;}
#c_right{ width:360px; float:right; }
.contact_txt{ width:100%; /*margin-top:110px;*/ position:relative; overflow:hidden;}
.con_tit { width:100%; position:relative; margin-bottom:40px;}
.con_tit h1{ width:100%; height:30px; line-height:30px;white-space:nowrap ; overflow:hidden; color:#4b4948; margin-bottom:10px; font-size:20px;}
.con_tit p{ line-height:20px; font-size:14px; }
.cont{ width:100%; position:relative; overflow:hidden;}
.cont h1{ font-size:14px;}
.cont p{ line-height:22px;}
.weixin{ width:100%; margin-top:20px; position:relative;}
.weixin img{ width:89px; margin:0; vertical-align:middle;}
#honor{ width:100%; margin:0 auto; position:relative; overflow:hidden; margin-bottom:70px; padding-bottom:70px;}
.hor_pic{ width:100%; position:relative;}
.hor_pic img{ width:100%; vertical-align:middle;}
.hor_pic table tr td{ border-bottom:1px dotted #ccc;}
.about{ width:100%; margin:0 auto; position:relative; overflow:hidden; margin-bottom:70px;}
.contact{ width:100%;; margin:0 auto; position:relative; overflow:hidden; margin-top:70px;}
#thank{ width:100%; margin:0 auto; position:relative; overflow:hidden; margin-bottom:70px; margin-top:70px;}
.hon{width:100%; margin:0 auto; position:relative; overflow:hidden; margin-top:50px;}







  /* 返回顶部 */
.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 60px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#E8B04A url(../img/top.png);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top  img{ width:100%; height:100%; vertical-align:middle; z-index:999;}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 30px;
    width: 30px;
    right: 30px;
    bottom: 50px;
  }
}

@media only screen and (max-width: 1420px) {

.men{ margin:0; width:670px;}
.men li{ width:80px; margin-left:10px;}
.logo2{ margin-right:10px;}
.logo{ margin-left:0;}

}



