﻿@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../fonts/sourcehansanscn-regular.eot');
    src: local('SourceHanSansCN-Regular'),('SourceHanSansCN'),
         url('../fonts/sourcehansanscn-regular.woff') format('woff'),
         url('../fonts/sourcehansanscn-regular.ttf') format('truetype'),
         url('../fonts/sourcehansanscn-regular.svg#sourcehansanscn') format('svg');
}

.navbar{display: none}
.ueditor_baidumap{margin:0 auto}

.site_wrapper{width: 100%; height: auto; overflow-x: auto; overflow-y:hidden; font-family: 'SourceHanSansCN-Regular'}
.logo_wrapper{width:100%; height:auto; /* max-height: 120px; */ background:#FFF; text-align:center}
.logo{width:90%; height:70px; margin:0 auto; padding: 15px 0 5px 0; position:relative; overflow:hidden;}
.logo img{width:auto; height:90%}

.search{width:600px; margin:0; overflow:hidden; padding:0px; position: absolute; left: 5%; top: 20px; z-index:99999}
.search input{ float:left; padding:0px; outline: none;}
.search .searchkey{width:90px; height:24px; line-height:24px; padding-left:4px; padding-right:4px; border-bottom:#fff solid 1px; background-color:transparent; color:#837d78}
.search .searchkeyfocus{ border-bottom:#837d78 solid 1px;}
.search .searchbtn{ padding-left:6px; padding-right:6px; cursor:pointer; background:url('../images/icon_search.png') no-repeat left center; background-size: 100% 100%; height:14px;width: 14px; margin-top: 6px; line-height:26px; margin-left:4px;}

.logo .lang{position: absolute; width: 80px; height: 60px; right: 20px; top: 20px; z-index: 999}
#dropdown{width:80px; margin:0 auto; position:relative; text-align: left;}
#dropdown p{width:90px; height:24px; line-height:24px; background:url(../images/icon.png) no-repeat right top;background-size: 20% 100%; color:#837d78; cursor:pointer}
#dropdown ul{width:80px; margin-top:2px; position:absolute; display:none;}
#dropdown ul li{height:24px; line-height:24px;}
#dropdown ul li a{display:block; height:24px; color:#837d78; text-decoration:none}
#dropdown ul li a:hover{color:#000}
.nav_info{width:100%; height:30px; line-height: 25px; margin:0 auto; padding:2px 0 20px 0; font-family: 'SourceHanSansCN-Regular'; position: relative;background-color: #837d78;}
.nav_info a{color: #fff; margin: 0 10px; text-decoration: none;}
.nav_info a:hover{color: #fff; text-decoration: none;}
.nav_info a #showInner{position: absolute;top:20px;left: 50%;display: none; width: 500px; height: 215px; margin: 0 0 0 -370px; background: url('../images/nav_bg.png') no-repeat left top; z-index: 9999; padding: 20px 20px 40px 20px}
.nav_info a #showInner .hd{width:70px; height: 410px; float: left; position:relative; }
.nav_info a #showInner .hd ul{ }
.nav_info a #showInner .hd ul li{width: 70px; height: 24px; line-height: 24px; background: url('../images/tip_normal.png') no-repeat right top; cursor:pointer; color: #fff}
.nav_info a #showInner .hd ul li.on{ background: url('../images/tip_on.png') no-repeat right top; color: #837d78}
.nav_info a #showInner .bd{float: right; width: 420px; overflow: hidden}
.nav_info a #showInner .bd .inBox img{float: right; width: 190px; height: 190px}
.nav_info a #showInner .bd .inBox ul{width: 220px; height: auto; float: left;}
.nav_info a #showInner .bd .inBox li{line-height: 24px; text-align: left; text-indent: 1rem; color: #fff}
.nav_info a #showInner .bd .inBox li:hover{color:#837d78}
.nav_info a #xfys_show{position: absolute;top:20px;left: 50%;display: none; width: 500px; height: 215px; margin: 0 0 0 -230px; background: url('../images/nav_bg.png') no-repeat left top; z-index: 9999; padding: 20px}
.nav_info a #xfys_show .hd{width:70px; height: 410px; float: left; position:relative; }
.nav_info a #xfys_show .hd ul{ }
.nav_info a #xfys_show .hd ul li{width: 70px; height: 24px; line-height: 24px; background: url('../images/tip_normal.png') no-repeat right top; cursor:pointer; color: #fff}
.nav_info a #xfys_show .hd ul li.on{ background: url('../images/tip_on.png') no-repeat right top; color: #837d78}
.nav_info a #xfys_show .bd{float: right; width: 420px; overflow: hidden}
.nav_info a #xfys_show .bd .inBox img{float: right; width: 190px; height: 190px}
.nav_info a #xfys_show .bd .inBox ul{width: 220px; height: auto; float: left;}
.nav_info a #xfys_show .bd .inBox li{line-height: 24px; text-align: left; text-indent: 1rem; color: #fff}
.nav_info a #xfys_show .bd .inBox li:hover{color:#837d78}
.nav_info a #jxs_show{position: absolute;top:20px;left: 61%;display: none; width: 100px; height: auto; margin: 0 0 0 -50px; background: url('../images/nav_bg.png') no-repeat center top; z-index: 9999; padding: 20px}
.nav_info a #gyxd_show{position: absolute;top:20px;left: 32%;display: none; width: 150px; height: auto; margin: 0 0 0 0px; background: url('../images/nav_bg.png') no-repeat center top; z-index: 9999; padding: 20px}
.nav_info a #jxs_show li, .nav_info a #gyxd_show li{line-height: 24px; text-align: left; text-indent: 1rem; color: #fff}
.nav_info a #jxs_show li:hover, .nav_info a #gyxd_show li:hover{color:#837d78}

.nav_info a #gyxd_show40{position: absolute;top:20px;left: 57%;display: none; width: 100px; height: auto; margin: 0 0 0 -60px; background: url('../images/nav_bg.png') no-repeat center top; z-index: 9999; padding: 20px}
.nav_info a #jxs_show li,  #gyxd_show40 li{line-height: 24px; text-align: left; text-indent: 1rem; color: #fff}
.nav_info a #jxs_show li:hover, #gyxd_show40 li:hover{color:#837d78}

.banner{width:100%; height:auto; max-height:628px !important; position:relative}
.banner p.info{position: absolute; z-index: 9999; right: 20px; bottom: 20px; width: auto; height: 30px; font-size: 14px; line-height: 30px; background:none; text-align: center; padding: 0 5px}
.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:628px !important;overflow:hidden;}
.fullwidthbanner-container .fullwidthabnner{width:100% !important;max-height:628px !important;position:relative;}
.banner li{position:relative; width:100%}
.banner li img{width: 100%; height: auto; max-height:628px}
.banner li p{height:40px; line-height:40px; width:100%; float:left; background:url(../images/txt_bg.png) repeat left top; color:#fff; font-size:16px; position:absolute; left:0; top:20px; z-index:999}
.tp-bullets.simplebullets.round .bullet:hover,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.navbar .bullet:hover,.tp-bullets.simplebullets.navbar .bullet.selected{background:#837d78 !important; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.tp-leftarrow:hover,.tp-rightarrow:hover{background-color:none;}
.tp-bullets{z-index:1001;position:absolute;bottom:10px;}
.tp-bullets.simplebullets.round .bullet{cursor:pointer;position:relative;background:#fff;width:10px;height:10px;margin:0 5px;float:left;-webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.tp-leftarrow.large{z-index:100;cursor:pointer;position:relative;background: url(../images/slider-left-arrow.png) no-Repeat;width: 42px;height:43px;margin-left:0px;margin-top:-21px;-webkit-transition:background 0.1s linear;-moz-transition:color, background 0.1s linear;-o-transition:color, background 0.1s linear;transition:color, background 0.1s linear;/*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;*/}
.tp-rightarrow.large{z-index:100;cursor:pointer;position: relative;background: url(../images/slider-right-arrow.png) no-Repeat 0 0;width:42px;height:43px;margin-left:0;margin-top:-21px;-webkit-transition:background 0.1s linear;-moz-transition: color, background 0.1s linear;-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;/*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;*/}
.tp-bullets.tp-thumbs{z-index:100;position:absolute;padding:3px;background-color:#fff;width:500px;height:50px;margin-top:-50px;}
.fullwidthbanner-container .tp-thumbs{padding:3px;}
.tp-bullets.tp-thumbs .tp-mask{width:500px;height:50px;overflow:hidden;position:relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer{width:5000px;position:absolute;}
.tp-bullets.tp-thumbs .bullet{width:100px;height:50px;cursor:pointer;overflow:hidden;background:none;margin:0;float:left;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*filter: alpha(opacity=50);*/-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.tp-bullets.tp-thumbs .bullet:hover,.tp-bullets.tp-thumbs .bullet.selected{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.tp-thumbs img{width:100%;}
.tp-bannertimer{width:100%;height:10px;position:absolute;z-index:200;z-index:5000;}
.tp-bannertimer.tp-bottom{bottom:0px !important;height:5px;}
.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;}
.tp-simpleresponsive a{text-decoration:none;}
.tp-simpleresponsive ul{list-style:none;padding:0;margin:0;}
.tp-simpleresponsive >ul >li{list-stye:none;position:absolute;visibility:hidden;}
.caption.slidelink a div,.tp-caption.slidelink a div{width:10000px;height:10000px;}
.tp-loader{background:url(../images/loader.gif) no-repeat 10px 10px;background-color:#fff;margin:-22px -22px;top:50%;left:50%;z-index:10000;position:absolute;width: 44px;height: 44px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

.txt_info{width:100%; height:auto; padding: 20px 0; background:#000; position: relative; text-align: center;font-family: 'SourceHanSansCN-Regular'}
.txt_info h2{font-size: 36px; font-weight: normal; line-height: 50px; color: #fdd7d9; letter-spacing: 12px; margin-bottom: 0px;}
.txt_info h2 p{font-size: 25px; line-height: 42px; font-family: Century Gothic; font-weight: normal; letter-spacing: 0}
.txt_info .text_1{font-size: 12px; width: 100%; color: #fdd7d9}

.list{width: 100%; height: auto; max-height: 400px; overflow: hidden; position: relative;}
.list li{width: 25%; float: left;}
.list li img{width: 100%; height: auto}
.img_info_1{width: 100%; height: auto; max-height: 400px; overflow: hidden; position: relative;}
.img_info_1 .rsp{width:100%;height:400px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.img_info_1 .text{position:absolute;width:100%;height:400px;left:0;top:0; overflow:hidden; display: none;}
.img_info_1 .text h3{width:100%;margin-top:45%;height:3rem;line-height:1.8rem;text-align:center;color:#fff;font-size:2rem; letter-spacing: 5px}
.img_info_1 .text p{width:90%;height:auto;line-height:2rem;text-align:center;color:#fff;font-size:1.2rem;padding: 0 5% 5% 5%;font-family: "Century Gothic";}
.img_info_1 .text div{width:100%; text-align:center;color:#fff;font-size:0.8rem; line-height: 2rem}

.img_info, .img_info_2{width: 100%; height: auto; max-height: 628px; overflow: hidden; position: relative;}
.img_info img, .img_info_2 img{width: 100%; height: auto}
.img_info .photo, .img_info_1 .photo, .img_info_2 .photo{width:100%;height:auto;overflow:hidden;}
.img_info .rsp{width:100%;height:100%;overflow:hidden;position: absolute;top:0px;left:60%;}
.img_info .rsp h3{width:500px;margin-top:16%;height:3rem;line-height:3rem;text-align:center;color:#747474;font-size:3rem; letter-spacing: 10px}
.img_info .rsp h4{width:500px;text-align: center;color:#747474;font-size:2rem;line-height: 1.5rem;font-weight: normal;margin-top: 20px;font-family: "Century Gothic";}
.img_info .text div{width:100%;text-align:center;color:#747474;font-size:1.5rem;line-height: 1.2rem;height: 3rem;letter-spacing: 3px;}
.img_info .text{position:absolute;width:auto;height:100%;left:60%;top:65%; overflow:hidden;}
.img_info_2 .rsp{width:100%;height:100%;overflow:hidden;position: absolute;top:0px;left:5%;}
.img_info_2 .rsp h3{width:500px;margin-top:10%;height:5rem;line-height:5rem;text-align:left;color:#fff;font-size:3.2rem; letter-spacing: 10px; font-weight: normal;}
.img_info_2 .text{position:absolute;width:auto;height:100%;left:57%;top:82%; overflow:hidden;}
.img_info .text a, .img_info_1 .text a, .img_info_2 .text a{text-decoration:none}
.img_info_2 .rsp h4{width:500px;text-align: left;color:#fff;font-size:1.8rem;line-height: 2rem;font-weight: normal;margin-top: 20px;font-family: "Century Gothic";}
.img_info_2 .text div{width:100%; text-align:left;color:#fff;font-size:2rem; line-height: 2rem;}

.footer{width: 100%; height: auto; text-align: center; position: relative; padding: 20px 0; background: #837d78; border-top: 1px solid #e0e0e0}
.footer a{padding: 0 15px}
.footer .weixin{width: 20px; height: 20px; padding: 0 5px; background: url(../images/weixin.png) no-repeat left top; display: inline-block; position: relative;}
.footer .facebook{width: 20px; height: 20px; padding: 0 5px; background: url(../images/facebook.png) no-repeat left top; display: inline-block;}
.footer .twitter{width: 20px; height: 20px; padding: 0 5px; background: url(../images/int.png) no-repeat left top; display: inline-block;}
.footer .weixin:hover{background: url(../images/weixin_1.png) no-repeat left top;}
.footer .facebook:hover{background: url(../images/facebook_1.png) no-repeat left top;}
.footer .twitter:hover{background: url(../images/int_1.png) no-repeat left top;}
.footer .weixin span{display: none; position: absolute; z-index: 100; top: -100px; left: -40px}
.footer.white a { color: #fff; }

@media only screen and (max-width: 1200px) {
	.list{width: 100%; height: auto; max-height: 800px; overflow: hidden; position: relative;}
	.list li{width: 50%; float: left;}
	.list li img{width: 100%; height: auto}
	.img_info_1{width: 100%; height: auto; max-height: 400px; overflow: hidden; position: relative;}
	.img_info_1 .rsp{width:100%;height:400px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
	.img_info_1 .text{position:absolute;width:100%;height:400px;left:0;top:0; overflow:hidden;}
	.img_info_1 .text h3{width:100%;margin-top:25%;height:3rem;line-height:3rem;text-align:center;color:#fff;font-size:3rem; letter-spacing: 5px}
	.img_info_1 .text p{width:90%;height:auto;line-height:1rem;text-align:center;color:#fff;font-size:1.5rem; padding: 5%}
	.img_info_1 .text div{width:100%; text-align:center;color:#f9b0b9;font-size:0.8rem; line-height: 2rem}

	.img_info, .img_info_2{width: 100%; height: auto; max-height: 628px; overflow: hidden; position: relative;}
	.img_info img, .img_info_2 img{width: 100%; height: auto}
	.img_info .photo, .img_info_1 .photo, .img_info_2 .photo{width:100%;height:auto;overflow:hidden;}
	.img_info .rsp{width:100%;height:100%;overflow:hidden;position: absolute;top:0px;right:25%;}
	.img_info_2 .rsp{width:100%;height:100%;overflow:hidden;position: absolute;top:0px;left:0px;}
	.img_info .text, .img_info_2 .text{position:absolute;width:50%;height:100%;left:-500px;top:0; overflow:hidden;}
	.img_info .rsp h3{width:500px;margin-top:10%;height:3rem;line-height:3rem;text-align:center;color:#747474;font-size:3rem; letter-spacing: 10px}
	.img_info .rsp h4{width:500px; text-align: center; color:#747474;font-size:2rem; line-height: 2rem; font-weight: normal; margin-top: 20px}
	.img_info_2 .rsp h3{width:500px;margin-top:10%;height:3rem;line-height:3rem;text-align:center;color:#fff;font-size:3rem; letter-spacing: 10px}
	.img_info .text a, .img_info_1 .text a, .img_info_2 .text a{text-decoration:none}
	.img_info .text div, .img_info_1 .text div, .img_info_2 .text div{text-align:center;color:#f9b0b9;font-size:1rem; line-height: 2rem}
	.img_info_2 .rsp h4{width:500px; text-align: center; color:#fff;font-size:2rem; line-height: 2rem; font-weight: normal; margin-top: 20px}
}

/*====================================================================================================================================*/
.list_wrapper{width:1200px; height: auto; margin: 0 auto; padding-bottom: 60px}
.list_wrapper_1{width:1200px; height: auto; margin: 0 auto; padding-bottom: 0}
.about_us_img{width: 100%; height: auto; max-height: 560px; overflow: hidden;}
.about_us_img img{width: 100%; height: auto}
.about_us_txt{width: 100%; height: auto; padding: 30px 0; text-align: center;}
.about_us_txt h2{font-family: Century Gothic; font-size: 48px; margin-bottom: 20px; line-height: 48px; letter-spacing: 5px}
.about_us_txt h3{font-family: 'SourceHanSansCN-Regular'; font-size: 36px; line-height: 36px; letter-spacing: 5px}
.about_us_txt h1{font-family: "SourceHanSansCN-Regular"; font-size: 32px; line-height: 40px; margin-bottom: 20px; letter-spacing: 2px}
.about_us_txt p{font-family: 'SourceHanSansCN-Regular'; font-size: 14px; line-height: 24px}
.list_wrapper .crumb{width: 100%; height: 40px; line-height: 40px; padding: 10px 0}
.news_box{width: 930px; height: auto; margin:0 auto; padding-bottom: 40px; text-align: center}
.news_box p{text-align:center}
.news_box .date{width: 100%; height: auto; overflow: hidden; font-family: Century Gothic;}
.news_box .date p.day{font-size:56px; line-height: 65px; color: #000}
.news_box .date p.month{font-size:14px; line-height: 16px; color: #666 }
.news_box h1{font-family: "SourceHanSansCN-Regular"; font-size: 24px; color: #333; line-height: 50px;}
.news_box h3{font-family: "SourceHanSansCN-Regular"; font-size: 14px; color: #000; line-height: 24px; width: 80%; margin:0 auto }
.news_box .news_img{width: 100%; height: 446px; overflow: hidden; padding: 10px 0}
.news_box .news_img img{width: 930px; height: 446px;}
.news_box .news_more{font-size: 16px; line-height: 32px}
.xiang_main{width: 100%; height: auto; padding: 30px 0; overflow: hidden; color: #4c4c4c; font-family: 'SourceHanSansCN-Regular'; text-align: center; cursor:pointer}
.xiang_main h1{font-size: 48px; line-height: 60px}
.xiang_main p{font-size: 18px; line-height: 24px; width: 40%; margin: 0 auto}
.xiang_main img{width: 100%; height: auto; padding: 20px 0}
.list_banner_img{width: 100%; height: 628px; overflow: hidden;}
.list_banner_img img{width: 100%; height: auto}
.cate_list{width: 100%; height: auto; overflow: hidden; text-align: center; padding-bottom: 40px}
.cate_list h2{font-size: 30px; line-height: 40px; color: #4c4c4c; letter-spacing: 10px; padding: 0 0 40px 0}
.cate_list ul{width: 100%; height: auto; margin: 0 auto; text-align: center}
.cate_list li{width: 30%; display: inline-block; padding-bottom: 40px}
.cate_list li img{width:100%; height:auto}
.pur_list{ width:100%; height: auto; position:relative; padding-bottom: 30px}
.pur_list_1{ width:100%; height: auto; position:relative; padding-bottom: 0px}
.pur_list h2{text-align: center; font-size: 36px; color: #4c4c4c; font-family: 'SourceHanSansCN-Regular'; padding: 30px 0; letter-spacing: 10px}
.pur_list .hd .prev{ width:24px; height:46px; overflow:hidden; cursor:pointer; background:url("../images/arrow_1.png") no-repeat left top; position: absolute; z-index: 111; top: 60%; left: -30px; margin-top: -23px}
.pur_list .hd .next{ width:24px; height:46px; overflow:hidden; cursor:pointer; background:url("../images/arrow_1.png") no-repeat right top; position: absolute; z-index: 111; top: 60%; right: -30px; margin-top: -23px}
.pur_list .bd{width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.pur_list .bd ul{ overflow:hidden; zoom:1; }
.pur_list .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 20%; margin:0 10px;  }
.pur_list .bd ul li .pic{ text-align:center; width: 100%; height:auto; overflow: hidden  }
.pur_list .bd ul li .pic img{ display:block; width: 80%; height: auto }
.main_banner{text-align: center; width: 100%; height: auto}
.main_banner img{width: 100%; height: auto}
.main_txt{width: 100%; height: auto; margin:0 auto;}
.main_txt h2{text-align: center; font-size: 28px; font-family: 'SourceHanSansCN-Regular'; padding: 20px 0; letter-spacing: 10px}
.main_txt ul{width: 60%; margin: 0 auto}
.main_txt li{padding-bottom: 10px; color: #4c4c4c}
.main_txt .left_txt{width: 25%; font-size: 14px; line-height: 30px; text-align: right}
.main_txt .right_txt{width: 70%; font-size: 14px; line-height: 24px}
.main_txt .right_txt h3{font-size: 16px}
.point_1{width: 70px; height: 24px; background: url('../images/point.png') no-repeat left 5px; float: left; margin-left: 10px}
.point_2{width: 70px; height: 24px; background: url('../images/point.png') no-repeat left -25px; float: left; margin-left: 10px}
.point_3{width: 70px; height: 24px; background: url('../images/point.png') no-repeat left -55px; float: left; margin-left: 10px}
.point_4{width: 70px; height: 24px; background: url('../images/point.png') no-repeat left -85px; float: left; margin-left: 10px}
.point_5{width: 70px; height: 24px; background: url('../images/point.png') no-repeat left -115px; float: left; margin-left: 10px}
.picFocus{width:730px;position:relative;overflow:hidden;zoom:1;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:235px; height:235px; border:2px solid #ddd; cursor:pointer; margin-right:6px;   }
.picFocus .hd ul li.on img{ border-color:#fdd6d9;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:730px; height:730px; display:block;  }
.pic_info{width: 400px; height: auto; font-family: 'SourceHanSansCN-Regular';}
.pic_info h1{font-size: 28px; line-height: 60px; color: #000}
.pic_info p{font-size: 14px; line-height: 24px; color: #666}
.pic_info p b, .pic_info .p_l b{color: #000; font-weight: normal;}
.pic_info .p_l{float: left; width: 35%}
.pic_info .p_r{float: right; width: 60%; color: #666}
.download_main{width: 790px; height: auto; overflow: hidden; margin: 0 auto; font-family: 'SourceHanSansCN-Regular'}
.download_main li{width: 100%; height: 30px; line-height: 30px; padding: 30px 0 4px 0; border-bottom: 1px solid #ececec; color: #333; font-size: 14px}
.download_main li span{float: right; color: #b2b2b2}
.paging{width: 100%; text-align: center; height: 30px; line-height: 30px; color: #b2b2b2; font-size: 14px; padding: 20px 0 0 0}
.paging a{color: #b2b2b2; text-decoration: none; margin: 0 10px}
.paging a:hover, .paging a.on{color: #f9b0b8; text-decoration: none;}
.paging a.icon{font-size: 18px}
.invest_main{width: 800px; height: auto; overflow: hidden; margin: 0 auto; font-family: 'SourceHanSansCN-Regular'; text-align: center}
.invest_main h2{font-size: 36px; padding:0 0 22px 0; text-align: center; letter-spacing: 10px; color: #555}
.invest_main p{font-size:18px; line-height: 28px; color: #666; text-align: center }
.invest_box{width: 760px; height: auto; padding: 10px 20px; overflow: hidden;}
.invest_box p{font-size: 14px; line-height: 28px; text-align: left}
.input_txt{width: 100%; height: 15px; line-height: 15px; font-size: 14px; text-indent: 0.5em; padding: 10px 0; border: 1px solid #ececec; outline: none;}
.input_txt_1{width: 100%; height: 15px; line-height: 15px; font-size: 14px; text-indent: 0.5em; padding: 5px 0 10px 0; outline: none }
.grid_1{width: 240px; padding-right: 10px; float: left;}
.grid_2{width: 490px; padding-right: 10px; float: left;}
.grid_3{width: 740px; padding-right: 10px; float: left;}
.invest_box a{padding: 10px 165px; background: #f8afb8; color: #fff; font-size: 18px; border: 1px solid #f8afb8}
.invest_box a:hover{background: #fff; color: #f8afb8; }
.invest_box select{width: 100%; font-size: 14px; text-indent: 0.5em; padding: 10px 0; border: 1px solid #ececec;}
.reglog_main{width: 420px; height: auto; margin: 10px auto; overflow: hidden}
.reglog_main h2{font-size: 24px; color: #333; line-height: 30px}
.reglog_main h2 span{float: right; font-size: 14px}
.reglog_main h2 a{color: #f8afb8; text-decoration: underline;}
.reglog_main h2 a:hover{color: #f00}
.reglog_main ul{background: url("../images/tag.png") no-repeat left 30px;}
.reglog_main li{height: 30px; padding: 30px 0 10px 0; border-bottom: 1px solid #ececec; font-size: 14px; border-bottom: 1px solid #ececec}
.reglog_main li .tag_1{width: 120px; padding-left: 30px; color: #666; float: left}
.reglog_main li .tag_2{width: 180px; color: #333; float: left}
.reglog_main li .tag_3{width: 270px; color: #333; float: left}
.reglog_main li .tag_img{width: 90px; height: 30px; float: left; overflow: hidden}
.reglog_main .btn_submit{width: 100%; height: 50px; overflow: hidden; font-size: 18px; text-align: center}
.reglog_main .btn_submit a{float: left; width: 418px; height: 48px; line-height: 48px; border: 1px solid #f8afb8; background: #f8afb8; color: #fff; text-decoration: none;}
.reglog_main .btn_submit a:hover{width: 418px; height: 48px; border: 1px solid #f8afb8; background: #fff; color: #f8afb8;}

.container{display: none;}
.map_box{width: 100%; height: 728px; background: url(../images/map_bg.jpg) repeat-x left top; overflow: hidden;}
.map_main{width:100%; height: 728px; background: url(../images/map_world.png) no-repeat center center; position:relative; overflow: hidden; }
.world_map_main{width:100%; height: 728px; background: url(../images/map_world.png) no-repeat center center; position:relative; overflow: hidden; }
.reveal-modal p{font-size:14px; color:#666; line-height:30px; float: left}
.reveal-modal span{color:#fe848e}
.reveal-modal table{border-top: 1px solid #ccc;border-right: 1px solid #ccc}
.reveal-modal th{font-size:14px; color:#fff; font-weight: bold; background: #000; padding: 10px 0; text-align: center}
.reveal-modal tr{font-size:12px; color:#333; background: #fff; border-bottom: 1px solid #ccc; text-align: center;}
.reveal-modal tr:nth-child(2n){color:#000; background: #f1f1f1;}
.reveal-modal td{padding: 10px; border-left: 1px solid #ccc}
.reveal-modal .hd{height:30px; line-height:30px; background:#fff; padding:10px 0; position:relative; text-align: center }
.reveal-modal .hd li{display: inline-block; margin: 0 10px; cursor: pointer;}
.reveal-modal .hd li{width: auto; height: 30px; line-height: 30px; padding: 0; border-bottom: 0; color: #999; font-weight: bold; font-size: 14px}
.reveal-modal .hd li.on{color: #f8afb8}

.tag_01{position:absolute; left:840px; top:400px}
.tag_02{position:absolute; left:490px; top:260px}
.tag_03{position:absolute; left:680px; top:440px}
.tag_04{position:absolute; left:800px; top:490px}
.tag_05{position:absolute; left:830px; top:420px}
.tag_06{position:absolute; left:810px; top:440px}
.tag_07{position:absolute; left:720px; top:270px}
.tag_08{position:absolute; left:750px; top:260px}
.tag_09{position:absolute; left:830px; top:380px}
.tag_10{position:absolute; left:820px; top:135px}
.tag_11{position:absolute; left:820px; top:200px}
.tag_12{position:absolute; left:810px; top:390px}
.tag_13{position:absolute; left:750px; top:330px}
.tag_14{position:absolute; left:640px; top:340px}
.tag_15{position:absolute; left:820px; top:400px}
.tag_16{position:absolute; left:810px; top:360px}
.tag_17{position:absolute; left:760px; top:530px}
.tag_18{position:absolute; left:650px; top:370px}

.world_tag_01{position:absolute; left:230px; top:270px}
.world_tag_02{position:absolute; left:520px; top:310px}
.world_tag_03{position:absolute; left:285px; top:355px}
.world_tag_04{position:absolute; left:925px; top:280px}
.world_tag_05{position:absolute; left:935px; top:390px}
.world_tag_06{position:absolute; left:215px; top:395px}
.world_tag_07{position:absolute; left:475px; top:320px}
.world_tag_08{position:absolute; left:445px; top:270px}
.world_tag_09{position:absolute; left:405px; top:310px}
.world_tag_10{position:absolute; left:440px; top:350px}
.world_tag_11{position:absolute; left:178px; top:288px}
.world_tag_12{position:absolute; left:268px; top:233px}
.world_tag_13{position:absolute; left:148px; top:240px}

.centered-btns_tabs{text-align: center; position: absolute; bottom: 10px; left: 50%; z-index: 222}
.centered-btns_tabs li{display: inline; float: none; _float: left; *float: left; margin-right: 5px;}
.centered-btns_tabs a{text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; }
.centered-btns_here a{background: #fddada; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

.kv-scene { width: 100%;height: 500px;position: relative;}
.a-1{background: url(../images/a_1.png) no-repeat center top; width: 940px; height: 520px; position: absolute; top: 0px; left: 50%; margin-left: -450px;}
.a-2{background: url(../images/a_2.png) no-repeat center top; width: 940px; height: 320px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.a-3{background: url(../images/a_3.png) no-repeat center top; width: 940px; height: 430px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.b-1{background: url(../images/b_1.png) no-repeat center top; width: 940px; height: 430px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.b-2{background: url(../images/b_2.png) no-repeat center top; width: 940px; height: 430px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.b-3{background: url(../images/b_3.png) no-repeat center top; width: 940px; height: 430px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.c-1{background: url(../images/c_1.png) no-repeat center top; width: 940px; height: 420px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.c-2{background: url(../images/c_2.png) no-repeat center top; width: 940px; height: 420px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.c-3{background: url(../images/c_3.png) no-repeat center top; width: 940px; height: 420px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.d-1{background: url(../images/d_1.png) no-repeat center top; width: 940px; height: 430px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.d-2{background: url(../images/d_2.png) no-repeat center top; width: 940px; height: 430px; position: absolute;top: 60px;left: 50%; margin-left: -450px;}
.d-3{background: url(../images/d_3.png) no-repeat center top; width: 940px; height: 430px; position: absolute;top: 60px;left: 50%; margin-left: -450px;}
.e-1{background: url(../images/e_1.png) no-repeat center top; width: 940px; height: 600px; position: absolute; top: 120px; left: 50%; margin-left: -450px;}
.e-2{background: url(../images/e_2.png) no-repeat center top; width: 940px; height: 600px; position: absolute; top: 120px; left: 50%; margin-left: -450px;}
.e-3{background: url(../images/e_3.png) no-repeat center top; width: 940px; height: 600px; position: absolute; top: 60px; left: 50%; margin-left: -450px;}
.f-1{background: url(../images/f_1.png) no-repeat center top; width: 940px; height: 370px; position: absolute; top: 260px; left: 50%; margin-left: -450px;}
.f-2{background: url(../images/f_2.png) no-repeat center top; width: 940px; height: 370px; position: absolute; top: 300px; left: 50%; margin-left: -450px;}
.f-3{background: url(../images/f_3.png) no-repeat center top; width: 940px; height: 370px; position: absolute; top: 320px; left: 50%; margin-left: -450px;}
.g-1{background: url(../images/g_1.png) no-repeat center top; width: 940px; height: 450px; position: absolute; top: 200px; left: 50%; margin-left: -450px;}
.g-2{background: url(../images/g_2.png) no-repeat center top; width: 940px; height: 450px; position: absolute; top: 80px; left: 50%; margin-left: -450px;}
.g-3{background: url(../images/g_3.png) no-repeat center top; width: 940px; height: 450px; position: absolute; top: 100px; left: 50%; margin-left: -450px;}

.xd_wrapper{width: 100%; height: auto; overflow: hidden}
#xd_bg_1{background: url(../images/xd_bg_01.jpg) no-repeat center top;}
.xd_wrapper h1{font-size: 36px; text-align: center; padding: 40px 0;}
.xd_box{width: 900px; height: auto; margin: 0 auto; padding-bottom:60px;}
.imgtag{width: 170px; height: auto; float: left; margin: 20px 20px 0 20px}
.tag_item{width: 170px; height: 260px; position: relative; left: 0; top: 0}
.tag_item a{width: 100%; height: 100%}
.tag_item img{width: 100%; height:auto}

.btn_sale{padding:10px 90px; text-align:center; background:#fddada; font-size:20px; color:#666;}

/* 2017-12-22 */
.map_web{width: 100%; height: 785px; padding: 20px 0; background: #f8d0d0}
.map_web_main{width: 1152px; height: 785px; overflow: hidden; position: relative; background: url('../images/map_bg_2018.jpg') no-repeat center center; margin: 0 auto}
.numb{width: 90%; margin: 0 auto; height: 50px; line-height: 50px; overflow: hidden;}
.numb .search_md{width: 180px; height: 40px; overflow: hidden; padding: 0 10px; border-bottom: 1px solid #fff; margin: 0}
.numb .search_md input[type="text"]{margin: 0; padding: 0; outline: none; background: inherit; width: 150px; color: #fff}
.numb .search_md input[type="submit"]{width: 24px; height: 23px; background: url('../images/search_icon.png') no-repeat left top; cursor: pointer; outline: none;}
.numb .search_md input[type="text"]::-webkit-input-placeholder {color:#fff;}
.numb .search_md input[type="text"]:-moz-placeholder {color:#fff;}
.numb .search_md input[type="text"]::-moz-placeholder {color:#fff;}
.numb .search_md input[type="text"]:-ms-input-placeholder{color:#fff;}
.map_dot{width: 100%; height: 735px; position: relative; overflow: hidden;}
.map_dot .btn_01{position: absolute; left: 100px; top: 30px}
.map_dot .btn_02{position: absolute; left: 295px; top: 0px}
.map_dot .btn_03{position: absolute; left: 500px; top: 70px}
.map_dot .btn_04{position: absolute; left: 730px; top: 0px}
.map_dot .btn_05{position: absolute; left: 860px; top: 160px}
.map_dot .btn_06{position: absolute; left: 950px; top: 230px}
.map_dot .btn_07{position: absolute; left: 870px; top: 400px}
.map_dot .btn_08{position: absolute; left: 970px; top: 530px}
.map_dot .btn_09{position: absolute; left: 600px; top: 505px}
.map_dot .btn_10{position: absolute; left: 405px; top: 580px}
.map_dot .btn_11{position: absolute; left: 0px; top: 390px}
.map_dot .btn_12{position: absolute; left: 0px; top: 160px}

.banner_04{width: 100%; height: auto; overflow: hidden;}
.banner_04 img{width: 100%; height: auto}

.wrap_memo{margin:0 auto; width: 1080px; height: auto; overflow: hidden;}
.tabBox_1{ margin:10px auto;}
.tabBox_1 .hd{ height:40px; line-height:40px; font-size:16px; overflow:hidden; width: 100%; position: relative; }
.tabBox_1 .hd ul{position: relative; left: 50%; float: left;}
.tabBox_1 .hd ul li{position: relative; right: 50%; float:left;  padding:0 5px; vertical-align:top;  }
.tabBox_1 .hd ul li a{color: #666}
.tabBox_1 .hd ul li.on a{ color:#333; display:block; height:38px; line-height:38px; border-bottom:2px solid #333;  }
.tabBox_1 .bd ul{ padding:10px;  }
.tabBox_1 .bd ul li{ width: 31%; height: auto; float: left; margin: 0 1% 15px 1%; overflow: hidden; text-align: center;}
.tabBox_1 .bd ul li img{width: 96%; height: auto; box-shadow: -5px 5px 3px #888;}
.tabBox_1 .bd ul li span{line-height: 2; font-size: 14px}
.tabBox_1 .bd ul li span a{color: #333; text-decoration: none}
.tabBox_1 .bd ul li span a:hover{color: #ccc; text-decoration: underline;}

/* 2017-12-26 */
.map_list{width: 100%; height: auto; padding: 20px 0; background: #fff}
.map_list_main{width: 1080px; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.map_list_detail{width: 100%; height: auto; overflow: hidden;}
.map_list_detail table{border-top: 1px solid #ccc;border-right: 1px solid #ccc; width: 100%}
.map_list_detail th{font-size:14px; color:#fff; font-weight: bold; background: #000; padding: 10px 0; text-align: center}
.map_list_detail tr{font-size:12px; color:#333; background: #fff; border-bottom: 1px solid #ccc; text-align: center;}
.map_list_detail tr:nth-child(2n){color:#000; background: #837d78;}
.map_list_detail td{padding: 10px; border-left: 1px solid #ccc}
.map_list_detail td img{width: 80px; height: auto}


@media only screen and (max-width:1200px) {
.picFocus{width:450px;position:relative;overflow:hidden;zoom:1;margin-top: 0;margin-right: auto;margin-bottom: 50px;margin-left: auto;}
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:143px; height:143px; border:2px solid #ddd; cursor:pointer; margin:0 2px;   }
.picFocus .hd ul li.on img{ border-color:#fdd6d9;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:450px; height:450px; display:block;  }
.pic_info{width: 700px; height: auto; font-family: 'SourceHanSansCN-Regular';}
.pic_info h1{font-size: 36px; line-height: 32px; color: #000}
.pic_info p{font-size: 14px; line-height: 24px; color: #666}
.pic_info p b, .pic_info .p_l b{color: #000; font-weight: normal;}
.pic_info .p_l{float: left; width: 35%}
.pic_info .p_r{float: right; width: 60%; color: #666}
.btn_sale{padding:20px 220px; text-align:center; background:#fddada; font-size:20px; color:#666;}
}
.logo_top{display:none}

.step_box{width:100%; height: auto; margin: 0 auto; background: #000; color: #fff}
.step_wrapper{width: 960px; height: auto; margin: 0 auto; background: #000; color: #fff}
.tech_h{text-align: center; width: 100%; height: 80px; line-height: 80px; font-size: 24px;}
.tech_p{text-align: center; width: 100%; height: auto; line-height: 42px; font-size: 16px}
.step{width: 95%; margin: 40px auto; }
.step_img{width: 60%; height: auto; float: left;}
.step_img img{width: 100%; height: auto; vertical-align: middle;}
.step_txt{width: 35%; height: auto; font-size: 14px; line-height: 28px; float: right}
.step_txt b{font-weight: normal;}

@media only screen and (max-width:800px) {
	.navbar{display: block; position: relative;	min-height: 50px; border: 1px solid transparent; background: #222;}
	.navbar-static-top {z-index: 1000;border-width: 0 0 1px}
	.navbar-brand {float: left;height: auto;padding: 15px 0;font-size: 18px;line-height: 20px}
	.navbar-brand:focus,.navbar-brand:hover {text-decoration: none}
	.navbar-brand>img {display: block}
	.navbar-inverse {background-color: #837d78;border-color: #837d78}
	.navbar-inverse .navbar-brand {color: #837d78}
	.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {color: #fff;background-color: transparent}
	.navbar-inverse .navbar-brand.white a {color: #fff}
	.logo_wrapper{display: none}
	.site_wrapper{width: 100%; height: auto; max-width: 800px; margin:  0 auto}
	.header{width: 100%; height: 50px; overflow: hidden;}
	.banner{width:100%; height:auto; position:relative;}
	.banner p.info{position: absolute; z-index: 9999; right: 20px; bottom: 20px; width: auto; height: 30px; font-size: 14px; line-height: 30px; background:none; text-align: center; padding: 0 5px}
	.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:523px !important;overflow:hidden;}
	.fullwidthbanner-container .fullwidthabnner{width:100% !important;max-height:523px !important;position:relative;}
	.banner li{position:relative; width:100%}
	.banner li img{width: 100%; height: auto}
	.banner li p{height:40px; line-height:40px; width:100%; float:left; background:url(../images/txt_bg.png) repeat left top; color:#fff; font-size:16px; position:absolute; left:0; top:20px; z-index:999}
	.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#FE6C9C;  }
	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:auto; background:url(../images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

	.txt_info{width:100%; height:auto; padding: 20px 0; background:#000; position: relative; text-align: center;font-family: 'SourceHanSansCN-Regular'}
	.txt_info h2{font-size:1.5rem; font-weight: normal; line-height: 2rem; color: #fdd7d9; letter-spacing: 5px; margin-top: 0px; margin-bottom: 5px;}
	.txt_info h2 p{font-size: 1.0rem; line-height: 1rem; font-family: Century Gothic; font-weight: normal; letter-spacing: 0}
	.txt_info .text_1{font-size: 0.8rem; width: 100%; color: #fdd7d9}

	.list{width: 100%; height: auto; max-height: 800px; overflow: hidden; position: relative;}
	.list li{width: 50%; float: left;}
	.list li img{width: 100%; height: auto}
	.img_info_1{width: 100%; height: auto; max-height: 400px; overflow: hidden; position: relative;}
	.img_info_1 .rsp{display:block;width:100%;height:40%;overflow:hidden;position: absolute;background:url(../images/txt_bg.png) repeat left top;bottom:0px;left:0px;}
	.img_info_1 .text{position:absolute;width:100%;height:200px;left:0;top:0; overflow:hidden; text-align: center; display: block}
	.img_info_1 .text h3{width:100%;margin-top:70%;height:1.8rem;line-height:1.8rem;text-align:center;color:#fff;font-size:1.5rem; letter-spacing: 0; background:url(../images/txt_bg.png) repeat left top;}
	.img_info_1 .text p{width:100%;height:auto;line-height:1rem;text-align:center;color:#fff;font-size:0.8rem; padding: 5%; background:url(../images/txt_bg.png) repeat left top;}
	.img_info_1 .text div{width:100%; text-align:center;color:#f9b0b9;font-size:0.8rem; line-height: 2rem}

	.img_info, .img_info_2{width: 100%; height: auto; max-height: 523px; overflow: hidden; position: relative;}
	.img_info img, .img_info_2 img{width: 100%; height: auto}
	.img_info .photo, .img_info_1 .photo, .img_info_2 .photo{width:100%;height:auto;overflow:hidden;}
	.img_info .rsp{width:100%;height:100%;overflow:hidden;position: absolute;top:0px;right:25%;}
	.img_info_2 .rsp{width:100%;height:100%;overflow:hidden;position: absolute;top:0px;left:0px;}
	.img_info .text, .img_info_2 .text{position:absolute;width:100%;height:100%;left:50%;transform: translate(-50%);top:68px; overflow:hidden;display: block !important;}
	.img_info .rsp h3{width:500px;margin-top:10%;height:3rem;line-height:3rem;text-align:center;color:#747474;font-size:3rem; letter-spacing: 10px}
	.img_info .rsp h4{width:500px; text-align: center; color:#747474;font-size:2rem; line-height: 2rem; font-weight: normal; margin-top: 20px}
	.img_info_2 .rsp h3{width:500px;margin-top:10%;height:3rem;line-height:3rem;text-align:center;color:#fff;font-size:3rem; letter-spacing: 10px}
	.img_info .text a, .img_info_1 .text a, .img_info_2 .text a{text-decoration:none}
	.img_info .text div, .img_info_1 .text div, .img_info_2 .text div{text-align:center;color:#fff;font-size:2rem; line-height: 3rem;background: url(../images/txt_bg.png) repeat left top;}
	.img_info_2 .rsp h4{width:500px; text-align: center; color:#fff;font-size:2rem; line-height: 2rem; font-weight: normal; margin-top: 20px}
	
	.site_wrapper .photo img{width: 100%;}

	.footer{width: 100%; height: auto; text-align: center; position: relative; padding: 20px 0; background: #837d78; border-top: 1px solid #e0e0e0}
	.footer_fix{width: 100%; height: auto; text-align: center; position: fixed; padding: 20px 0; background: #000; border-top: 1px solid #e0e0e0; bottom: 0; z-index: 999}
	.footer a{padding: 0 5px}
	.footer .weixin, .footer .facebook, .footer .twitter{display: none}
	.footer.white a { color: #fff; }

	.site_wrapper_main h1, .site_wrapper_main p, .map_web{display: none;}
	.about_us_img{width: 100%; height: auto; overflow: hidden; }
	.about_us_img img{width: 100%; height: auto}
	.about_us_txt{width: 100%; height: auto; padding: 10px 0; text-align: center;}
	.about_us_txt h2{font-family: Century Gothic; font-size: 3rem; line-height: 3rem; letter-spacing: 5px}
	.about_us_txt h3{font-family: 'SourceHanSansCN-Regular'; font-size: 2rem; line-height: 2rem; letter-spacing: 5px}
	.about_us_txt h1{font-family: "SourceHanSansCN-Regular"; font-size: 1.2rem; line-height: 1.5rem; letter-spacing: 2px; margin: 0 0 10px 0; display: block}
	.about_us_txt p{font-family: 'SourceHanSansCN-Regular'; font-size: 0.8rem; line-height: 1.4rem; display: block;}

	.preloader {position: absolute;left: 0;top: -100px;z-index: 0;color: #fff;text-align: center;line-height: 100px;height: 100px;width: 100%;opacity: 0;font-size: 24px;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;background: rgba(0,0,0,0.1);}
	.preloader.visible {top: 30px;opacity: 1;}
	.swiper-container {width: 100%;height: auto;color: #fff;text-align: center;position: relative;z-index: 10;}
	.red-slide {background: #ca4040;}
	.blue-slide {background: #4390ee;}
	.orange-slide {background: #ff8604;}
	.green-slide {background: #49a430;}
	.pink-slide {background: #973e76;}
	.swiper-slide {height: auto;width: 100%;opacity: 0.2;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
	.swiper-slide-visible {opacity: 1;}
	.swiper-slide .title {width: 86%; line-height: 30px; padding: 10px 0; color: #fff; font-size: 14px; margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.swiper-slide .title span{float: right; color: #f4f4f4; font-size: 12px}

	.list_wrapper{width:100%; height: auto; margin: 0 auto 30px auto; padding: 0; overflow: hidden;}
	.list_wrapper img{width: 100%; height: auto;}
	.pur_list{ width:100%; height: auto; position:relative; padding: 0; margin: 0 0 -30px 0}
	.pur_list h2{text-align: center; font-size: 1.5rem; line-height:3rem; color: #4c4c4c; font-family: 'SourceHanSansCN-Regular'; padding: 20px 0 0 0; letter-spacing: 10px}
	.pur_list .picList{width: 100%; height: 10rem; overflow-y: hidden; overflow-x:auto; white-space:nowrap; padding-bottom:20px;}
	.pur_list .picList a{margin: 0 10px}
	.pur_list .picList a img{width: 20%; height:100%}
	.pur_list .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 33%; margin:0  }
	.pur_list .bd ul li .pic{ text-align:center; width: 100%; height:auto; overflow: hidden; padding-bottom: 30px }
	.pur_list .bd ul li .pic img{ display:block; width: 100%; height: auto }

	.pic_info{width: 90%; height: auto; font-family: 'SourceHanSansCN-Regular'; margin: 0 auto}
	.pic_info h1{font-size: 2rem; line-height: 1.5rem; color: #000; text-align: center;}
	.pic_info p{font-size: 1rem; line-height: 1.5rem; color: #666}
	.pic_info p b, .pic_info .p_l b{color: #000; font-weight: normal;}
	.pic_info .p_l{float: left; width: 35%}
	.pic_info .p_r{float: right; width: 60%; color: #666}
	.btn_sale{text-align:center; background:#fddada; text-decoration: none; font-size:20px; color:#000; float: left; height: 40px; line-height: 40px; width: 95%}
	.btn_sale:hover{text-decoration: none; color: #000}
	.invest_main{width: 90%; height: auto; overflow: hidden; margin: 0 auto; font-family: 'SourceHanSansCN-Regular'; text-align: center}
	.invest_main h2{font-size: 2rem; padding:0 0 10px 0; text-align: center; color: #555}
	.invest_main p{font-size:1.4rem; line-height: 28px; color: #666; text-align: center;; display: block }
	.invest_box{width: 90%; height: auto; padding: 10px 0; overflow: hidden; margin: 0 auto }
	.invest_box p{font-size: 14px; line-height: 28px; text-align: left; display: block}
	.input_txt{width: 99%; height: 15px; line-height: 15px; font-size: 14px; text-indent: 0.5em; padding: 10px 0; border: 1px solid #ececec; outline: none;}
	.input_txt_1{width: 99%; height: 15px; line-height: 15px; font-size: 14px; text-indent: 0.5em; padding: 5px 0 10px 0; outline: none }
	.grid_1{width: 100%}
	.grid_2{width: 100%}
	.grid_3{width: 100%}
	.invest_box a{text-align:center; background:#fddada; padding:0 ; text-decoration: none; font-size:20px; color:#000; float: left; height: 40px; line-height: 40px; width: 99%}
	.invest_box a:hover{text-decoration: none; color: #000; }
	.invest_box select{width: 99%; font-size: 14px; text-indent: 0.5em; padding: 10px 0; border: 1px solid #ececec;}

	.xiang_main{width: 100%; height: auto; padding: 0; overflow: hidden; color: #4c4c4c; font-family: 'SourceHanSansCN-Regular'; text-align: center; cursor:pointer}
	.xiang_main h1{font-size: 2.4rem; line-height: 60px}
	.xiang_main p{font-size: 1.2rem; line-height: 24px; width: 90%; margin: 0 auto}
	.xiang_main img{width: 100%; height: auto; padding: 10px 0}
	.kv-scene { width: 100%;height: 250px;position: relative;}
	.a-1{background: url(../images/a_1.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 0px; background-size: 100% auto; left:0; margin-left:0}
	.a-2{background: url(../images/a_2.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.a-3{background: url(../images/a_3.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 20px;  background-size: 100% auto; left:0; margin-left:0}
	.b-1{background: url(../images/b_1.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.b-2{background: url(../images/b_2.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 20px;  background-size: 100% auto; left:0; margin-left:0}
	.b-3{background: url(../images/b_3.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.c-1{background: url(../images/c_1.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 20px;  background-size: 100% auto; left:0; margin-left:0}
	.c-2{background: url(../images/c_2.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.c-3{background: url(../images/c_3.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 20px;  background-size: 100% auto; left:0; margin-left:0}
	.d-1{background: url(../images/d_1.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.d-2{background: url(../images/d_2.png) no-repeat center top; width: 100%; height: 200px; position: absolute;top: 20px; background-size: 100% auto; left:0; margin-left:0}
	.d-3{background: url(../images/d_3.png) no-repeat center top; width: 100%; height: 200px; position: absolute;top: 30px; background-size: 100% auto; left:0; margin-left:0}
	.e-1{background: url(../images/e_1.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 60px;  background-size: 100% auto; left:0; margin-left:0}
	.e-2{background: url(../images/e_2.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 60px;  background-size: 100% auto; left:0; margin-left:0}
	.e-3{background: url(../images/e_3.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.f-1{background: url(../images/f_1.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 130px;  background-size: 100% auto; left:0; margin-left:0}
	.f-2{background: url(../images/f_2.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 150px;  background-size: 100% auto; left:0; margin-left:0}
	.f-3{background: url(../images/f_3.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 160px;  background-size: 100% auto; left:0; margin-left:0}
	.g-1{background: url(../images/c_1.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.g-2{background: url(../images/c_2.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.g-3{background: url(../images/c_3.png) no-repeat center top; width: 100%; height: 200px; position: absolute; top: 30px;  background-size: 100% auto; left:0; margin-left:0}
	.xiang_main p.nbsp{display:none}


	.reglog_main{width: 80%; height: auto; margin: 10px auto; overflow: hidden}
	.reglog_main h2{font-size: 24px; color: #333; line-height: 30px}
	.reglog_main h2 span{float: right; font-size: 14px}
	.reglog_main h2 a{color: #f8afb8; text-decoration: underline;}
	.reglog_main h2 a:hover{color: #f00}
	.reglog_main ul{background: none;}
	.reglog_main li{height: 40px; line-height: 40px; font-size: 14px;}
	.reglog_main li .tag_1{width: 30%; float: left; display: block; padding-left:0 }
	.reglog_main li .tag_2{width: 65%; float: right; display: block;}
	.reglog_main li .tag_3{width: 65%; float: right; display: block;}
	.reglog_main .btn_submit{width: 100%; height: 50px; overflow: hidden; font-size: 18px; text-align: center;display: block;}
	.reglog_main .btn_submit a{float: left; width: 99%; height: 48px; line-height: 48px; border: 1px solid #f8afb8; background: #f8afb8; color: #fff; text-decoration: none;}
	.reglog_main .btn_submit a:hover{width: 99%; height: 48px; border: 1px solid #f8afb8; background: #fff; color: #f8afb8;}

	.tabBox{ height:auto; line-height:40px; font-size:20px; background:#f4f4f4;  width: 100%; }
	.tabBox .hd{width: 100%; height: auto; overflow: hidden; position:relative; border-bottom:1px solid #F5AB38; padding-bottom: 10px}
	.tabBox .hd ul{width: 100%}
	.tabBox .hd ul li{ float:left; color:#666; width: 25%; height: 40px; line-height: 40px; text-align: center;}
	.tabBox .hd ul li.on{ color:#CF7F21; font-weight: bold; }
	.tabBox .hd ul li.on a{text-decoration: none;}
	.tabBox .bd{height: auto; width: 100%; margin: 0 auto}

	.tabBox .bd table{border-top: 1px solid #ccc;border-right: 1px solid #ccc; width: 100%; height: auto; margin: 0 auto}
	.tabBox .bd th{font-size:1.5rem; color:#fff; font-weight: bold; background: #000; padding: 10px 0; text-align: center}
	.tabBox .bd tr{font-size:1rem; color:#333; background: #fff; border-bottom: 1px solid #ccc; text-align: center;}
	.tabBox .bd tr:nth-child(2n){color:#000; background: #f1f1f1;}
	.tabBox .bd td{padding: 5px 10px; border-left: 1px solid #ccc}

	.picFocus{width:100%;position:relative;overflow:hidden;zoom:1;margin-top: 0;margin-right: auto;margin-bottom: 20px;margin-left: auto;}
	.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
	.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
	.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center; width:32%;}
	.picFocus .hd ul li img{ width:100%; height:auto; border:2px solid #ddd; cursor:pointer; margin:0 2px;   }
	.picFocus .hd ul li.on img{ border-color:#fdd6d9;  }
	.picFocus .bd li{ vertical-align:middle; }
	.picFocus .bd img{ width:100%; height:auto; display:block;  }
	.pic_info{width: 96%; height: auto; font-family: 'SourceHanSansCN-Regular'; margin: 0 auto}
	.pic_info h1{font-size: 1.5rem; line-height: 2rem; color: #000}
	.pic_info p{font-size: 14px; line-height: 24px; color: #666; padding: 5px 0 0 0; margin: 0}
	.pic_info p b, .pic_info .p_l b{color: #000; font-weight: normal;}
	.pic_info .p_l{float: left; width: 35%}
	.pic_info .p_r{float: right; width: 60%; color: #666}
	.btn_sale{padding:0; text-align:center; background:#fddada; color:#666;}
	.list_wrapper_1{width:100%; height: auto; margin: 0 auto; padding-bottom: 0}
	.list_wrapper_1 img{width: 100%; height: auto}

	.main_txt .left_txt{width: 100%; font-size: 14px; line-height: 30px; text-align: right}
	.main_txt .right_txt{width: 100%; font-size: 14px; line-height: 24px}
	.main_txt .right_txt h3{font-size: 16px}

	.xd_wrapper{width: 100%; height: auto; overflow: hidden}
	#xd_bg_1{background: url(../images/xd_bg_01.jpg) no-repeat center top;}
	.xd_wrapper h1{font-size: 36px; text-align: center; padding: 40px 0;}
	.xd_box{width: 96%; height: auto; margin: 0 auto}
	.imgtag{width: 50%; height: auto; float: left; margin: 20px 0 0 0}
	.tag_item{width: 80%; height: auto; position: relative; left: 0; top: 0}
	.tag_item a{width: 100%; height: 10%; overflow:hidden}
	.tag_item img{width: 100%; height:auto}
	
	.site_wrapper_main td p{display:block; width:100%; overflow:hidden}
	.site_wrapper_main{width:100%; height:auto; overflow:hidden}
	.site_wrapper_main .ueditor_baidumap{margin:0 auto; width:90%; height:auto; overflow:hidden}

	.news_box{width: 96%; height: auto; margin:0 auto; padding-bottom: 10px; text-align: left}
	.news_box p{text-align:left; display:block; font-size:0.8rem}
	.news_box .date{width: 100%; height: auto; overflow: hidden; font-family: Century Gothic;}
	.news_box .date p{display:block; text-indent:0}
	.news_box .date p.day{font-size:1.5rem; line-height: 1.5rem; color: #000; float: left}
	.news_box .date p.month{font-size:0.8px; line-height: 1rem; color: #666; float: left }
	.news_box h1{font-family: "SourceHanSansCN-Regular"; font-size: 1.2rem; color: #333; line-height: 2rem; display:block}
	.news_box h3{font-family: "SourceHanSansCN-Regular"; font-size: 0.8rem; color: #000; line-height: 1rem; float: right; width: 65%}
	.news_box .news_img{width: 32%; height: auto; overflow: hidden; padding: 0; float: left}
	.news_box .news_img img{width: 100%; height: auto;}
	.news_box .news_more{font-size: 16px; line-height: 32px; width: 100%; float: left; text-align: right;}

	.logo_top{display:block; width: 100%; height: auto; text-align: center; padding: 10px 0; background: #fff; border-bottom: 1px solid #837d78; position:relative }
	.logo_top img{width: 50%; height: auto}

	.pur_list li div p{display:none}
	
	.search{width:400px; margin:0; overflow:hidden; padding:0px; position: fixed; left:auto; top:auto; right:0; bottom: 10%; z-index:99999}
	.search input{padding:0px; outline: none}
	.search .searchkey{width:120px; height:29px; line-height:29px; padding-left:4px; padding-right:4px; border-bottom:#222 solid 1px; background-color:#222; color:#837d78; float:right}
	.search .searchkeyfocus{ border-bottom:#837d78 solid 1px;}
	.search .searchbtn{ width:30px; cursor:pointer; background:#222 url('../images/search_icon.png') no-repeat center center; height:30px; margin-left:4px; float:right;}

	.container{width: 100%; min-width: 320px; max-width: 960px;overflow: hidden;margin:0 auto; display: block}
	/*swiper.css*/
	.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}
	.wrap{margin:100px auto 0 auto;}
	.tabs{background:#ccc; background-size: 100%; overflow: hidden; text-align: center}
	.tabs a{display:inline-block;width:auto; color: #fff; margin: 10px}
	.tabs a.active{color:#f60;}
	.swiper-container{width:100%;border-top:0}
	.swiper-slide{width:100%;background:#fff; overflow: hidden;}
	.swiper-slide table{border-top: 1px solid #ccc;border-right: 1px solid #ccc}
	.swiper-slide th{font-size:14px; color:#fff; font-weight: bold; background: #000; padding: 10px 0; text-align: center}
	.swiper-slide tr{font-size:12px; color:#333; background: #fff; border-bottom: 1px solid #ccc; text-align: center;}
	.swiper-slide tr:nth-child(2n){color:#000; background: #f1f1f1;}
	.swiper-slide td{padding: 10px 0; border-left: 1px solid #ccc}
	.map_box{display: none}
	.pur_list .hd .prev{ width:24px; height:46px; overflow:hidden; cursor:pointer; background:url("../images/arrow_1.png") no-repeat left top; position: absolute; z-index: 111; top: 65%; left: 10px; margin-top: -23px}
	.pur_list .hd .next{ width:24px; height:46px; overflow:hidden; cursor:pointer; background:url("../images/arrow_1.png") no-repeat right top; position: absolute; z-index: 111; top: 65%; right: 10px; margin-top: -23px}

	.step_wrapper{width: 100%; height: auto; margin: 0 auto; background: #000; color: #fff}
	.step_wrapper p, .step_wrapper p.tech_p{display:block}
	.tech_h{text-align: center; width: 100%; height: auto; line-height: 3rem; font-size: 1.5rem;}
	.tech_p{text-align: left; width: 90%; height: auto; line-height: 1.5rem; font-size: 1rem; margin: 10px auto 0 auto; display:block}
	.step{width: 90%; margin: 20px auto; }
	.step_img{width: 100%; height: auto}
	.step_img img{width: 100%; height: auto; vertical-align: middle;}
	.step_txt{width: 100%; height: auto; font-size: 1rem; line-height: 0.6rem; display:block}
	.step_txt p{float: left; width: auto; margin-top: 15px; display:block}
	.step_txt b{margin-right: 15px; color: #ccc; display:block }

	/* 2017-12-22 */
	.map_phone{width: 100%; height: auto; overflow: hidden;}
	.map_phone li{width: 50%; float: left; text-align: center; line-height: 30px; font-size: 2em; margin: 15px 0}
	.map_phone li img{width: 0%; height: auto}

	.wrap_memo{width: 100%}
	.tabBox_1 .bd ul li{width: 98%; float: left; margin: 0 1% 15px 1%; overflow: hidden; text-align: center;}

	/* 2017-12-26 */
	.map_list{width: 100%; height: auto; padding: 20px 0; background: #fff}
	.map_list_main{width: 100%; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
	.map_list_detail{width: 100%; height: auto; overflow: hidden;}
	.map_list_detail table{border-top: 1px solid #ccc;border-right: 1px solid #ccc; width: 98%; margin: 0 auto}
	.map_list_detail th{font-size:14px; color:#fff; font-weight: bold; background: #000; padding: 10px 0; text-align: center}
	.map_list_detail tr{font-size:12px; color:#333; background: #fff; border-bottom: 1px solid #ccc; text-align: center;}
	.map_list_detail tr:nth-child(2n){color:#000; background: #837d78;}
	.map_list_detail td{padding: 10px; border-left: 1px solid #ccc}
	.map_list_detail td img{width: 0; height: 0}
	.small_icon{display: none;}

}
