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

/*
 *范围:首页
 *作用:banner轮播
 */

/*********** banner **************/
.homeBanner{width:100%; margin-top:3rem;}
.homeBanner .swiper-slide{width:100%; overflow: hidden;}
.homeBanner .swiper-slide img{width:100%; vertical-align: middle;}
.homeBanner .swiper-pagination{ bottom:2rem; text-align:center; }
.homeBanner .swiper-pagination-bullet{width:0.4rem; height:0.4rem; opacity:1; background:#d9d9d9; border-radius:50%; }
.homeBanner .swiper-pagination-bullet-active{ background:#0054ff; }

/*
 *作用: homeBrand
 */
.hBrand{padding:50px 0; overflow:hidden;}
.hBrand .search{border:1px solid #ccc; border-radius:5px; width:82%; height:40px; margin:0 auto; position:relative; overflow:hidden;}
.hBrand .search input{width:60%; margin:5px 0 5px 10px; line-height:30px; font-size:13px; outline: none;}
.hBrand .search a{display:block; position:absolute; top:0px; right:0px; width:30%; height:100%; background:#d1ad79 url(../img/icon/search.png) center no-repeat; background-size:36%;}
.hBrand dl{text-align:center; overflow:hidden; line-height:30px; padding:20px 0;}
.hBrand dl dd{display:inline-block; padding:0 10px; border-bottom:2px solid transparent; font-size:12px; color:#b4b4b4;}
.hBrand dl dd:hover{border-bottom:2px solid #d1ad79; color:#000;}
.hBrand ul{display:block; width:90%; margin:0 auto;}
.hBrand ul li{display:inline-block; float:left; width:33%; padding:30px 0; text-align:center;}
.hBrand ul li.on{/*box-shadow:2px 2px 10px 2px rgba(220,220,220,0.3);*/}
.hBrand ul li img{display:inline-block; vertical-align: middle; width:90%;}

/*
 *作用: homeExample
 */
.hExample{width:100%;}
.hExample ul{overflow:hidden;}
.hExample ul li{width:50%; float:left;}
.hExample ul li img{display:block; width:100%;}



/*
 *作用: page - brand
 */
.brand{width:100%; padding:50px 0;}
.brand .search{border-radius:5px; width:70%; height:40px; background:#fff; margin:3.5rem auto 2rem; position:relative; overflow:hidden;}
.brand .search input{width:60%; margin:5px 0 5px 10px; line-height:30px; font-size:13px; outline: none; }
.brand .search a{display:block; position:absolute; top:0px; right:0px; width:30%; height:100%; background:#d1ad79 url(../img/icon/search.png) center no-repeat; background-size:36%;}
.brand ul{text-align:center; overflow:hidden; line-height:30px; padding:20px 0;}
.brand ul li{display:inline-block; padding:0 10px; border-bottom:2px solid transparent; font-size:12px; color:#b4b4b4;}
.brand ul li:hover{border-bottom:2px solid #d1ad79; color:#000;}

.brand .brandimg{overflow:hidden; width:92%; margin:0 auto;}
.brand .brandimg a{display:block; float:left; width:50%; border:5px solid transparent; box-sizing: border-box; text-align: center; transition:border 0.5s;}
.brand .brandimg a:hover{border:5px solid #c5a16d;}
.brand .brandimg a img{width:94%;}


/*
 *作用: item - list
 */

.item{width:100%; background:#fff; position:relative;}
.item .inbox{width:90%; margin:0 auto; padding-top:3rem; overflow:hidden;}
.item .inbox .title{height:3.5rem; border-bottom:#dcdcdc solid 1px; margin:0.9rem 0; overflow:hidden;}
.item .inbox .title .logo{float:left; height:100%;}
.item .inbox .title .logo img{height:100%;}
.item .inbox .title a{display:block; height:100%; line-height:5rem; font-size:14px; float:right;}

.item .inbox .itemMenu{background:#f4f4f4; border:1px solid #c5a16d; line-height: 40px; margin-top:40px; overflow:hidden;}
.item .inbox .itemMenu p{width:70%; float:left; text-indent:15px; font-size:18px; color:#575757;}
.item .inbox .itemMenu em{display:block; float:right; width:20%; height:40px; line-height:40px; background:#ddb67e url(/LHqEJSkFUHEIEE5oKyZnJSSpJucWJ1WeDyyoE1RoDIkH.jpg) center no-repeat;}
.item .inbox .slide{width:100%; background:#e1e1e1; display:none; position:relative; z-index: 5;}
.item .inbox .slide.on{display:block;}
.item .inbox .slide h3{height:40px; text-indent:15px; font-size:18px; color:#575757; line-height:40px; background:transparent; cursor:pointer; transition:all 0.5s;}
.item .inbox .slide h3 em{float:right; display:block; margin:10px 15px 0 0; width:20px; height:20px; background:url(/LHqEJSkFUHEIEE5oKyZnJSSpJucWJ1WeI11GHS8oDIkH.jpg) center no-repeat; cursor:pointer; }
.item .inbox .slide h3.on,
.item .inbox .slide h3:hover{background:#ddb67e; color:#fff;}
.item .inbox .slide h3.on em,
.item .inbox .slide h3:hover em{background:url(/LHqEJSkFUHEIEE5oKyZnJSSpJucWJ1WeDyyoE1RoDIkH.jpg) center no-repeat; }
.item .inbox .slide ul{ padding:8px 12px; color:#999; display:none; }
.item .inbox .slide ul li{color:#a1a1a1; font-size:14px; line-height:36px;}
.item .inbox .slide ul li em{float:right; display:block; margin:10px 0 0; width:16px; height:16px; background:url(/LHqEJSkFUHEIEE5oKyZnJSSpJucsI0gNnyMNHx0oDIkH.jpg) center no-repeat;}
.item .inbox .slide ul li.on,
.item .inbox .slide ul li:hover{color:#333;}
.item .inbox .slide ul li.on em,
.item .inbox .slide ul li:hover em{background:url(/LHqEJSkFUHEIEE5oKyZnJSSpJucsI0gNnyArHyqrU0WqHj.jpg) center no-repeat;}

.item .inbox .list{width:100%; overflow:hidden; padding:20px 0;}
.item .inbox .list a{display:block; float:left; position:relative; width:48%; margin:0 2% 20px 0; border:1px solid #ddb67e; box-sizing:border-box;}
.item .inbox .list a:nth-child(2n){margin:0 0 20px 2%;}
.item .inbox .list a h2{margin:0 10px; line-height:32px; overflow:hidden; border-bottom:1px solid #ccc; color:#6e6e6e; font-size:12px;}
.item .inbox .list a span{display:block; width:100%; overflow:hidden; text-align: center;}
.item .inbox .list a span img{width:100%;}
.item .inbox .list a p{display:block; background:#ddb67e; width:100%; height:52px; line-height:22px; color:#fff; font-size:12px; position:absolute; bottom:0px; padding:4px 8px; box-sizing: border-box; line-height: 20px;}
.item .inbox .list a p em{position:absolute; display:block; top:14px; right:10px; width:29px; height:29px; background:url(/LHqEJSkFUHEIEE5oKyZnJSSpJucUJ1MQT0SpIN.jpg) center no-repeat;}

.item .bottom{width:100%; border-bottom:1px solid #dcdcdc; margin-bottom:1rem; padding-bottom:1rem;}


/*
 *作用: item - show
 */
.item .inbox .itemBanner{width:100%;}
.item .inbox .itemBanner .swiper-slide{width:100%; overflow: hidden;}
.item .inbox .itemBanner .swiper-slide img{width:100%; vertical-align: middle;}
.item .inbox .itemBanner .swiper-pagination{ bottom:0rem; text-align:center; }
.item .inbox .itemBanner .swiper-pagination-bullet{width:0.4rem; height:0.4rem; opacity:1; background:#d9d9d9; border-radius:50%; }
.item .inbox .itemBanner .swiper-pagination-bullet-active{ background:#0054ff; }

.item .inbox .itemTable{width:100%; margin:1.2rem auto; background:#f3f3f3; padding-bottom:1rem;}
.item .inbox .itemTable h1{display:block; height:2.2rem; line-height:2.2rem; text-align:center; font-size:0.9rem; background:#898989; color:#fff;}
.item .inbox .itemTable .outbox{margin:0.6rem;}
.item .inbox .itemTable .outbox2{margin:0.6rem; font-size:0.6rem; line-height:1.2rem; color: #818181;}

.item .inbox .itemTable h2{padding-bottom:1rem; font-size:0.7rem;}
.item .inbox .itemTable table{width:100%; margin-bottom:1rem; font-size:12px; color:#818181; line-height:1.2rem;}
.item .inbox .itemTable table th{color:#000; font-size:0.6rem;}
.item .inbox .itemTable table td{border-bottom:#eaeaea 1px solid; width:30%;}
.item .inbox .itemTable table td:nth-child(2n){width:70%; text-align: right;}

.item .inbox .download{width:100%; margin:20px auto; text-indent:5px;}
.item .inbox .download h1{font-size:15px; color:#666; line-height:30px; border-bottom:#eaeaea solid 1px;}
.item .inbox .download h2{overflow:hidden;}
.item .inbox .download h2 i{line-height:24px; font-size:0.7rem;}
.item .inbox .download h2 a{float:right; padding-top:5px;}

/*
 *作用: item - search
 */

.itemSearch .box{width:92%; padding:0 0.5rem; box-sizing:border-box; overflow:hidden; border-radius:5px; background:#fff; margin:0 auto;}
.itemSearch .box .title{height:3rem; position:relative; border-bottom:#dcdcdc solid 1px; margin-bottom:16px;}
.itemSearch .box .title a{position:absolute; line-height:2rem; bottom:0px; font-size:14px;}
.itemSearch .box .title a span{color:#c5a16d;}

.itemSearch .box .list{width:100%; overflow:hidden; padding:20px 0;}
.itemSearch .box .list a{display:block; float:left; position:relative; width:48%; margin:0 2% 20px 0; border:1px solid #ddb67e; box-sizing:border-box;}
.itemSearch .box .list a:nth-child(2n){margin:0 0 20px 2%;}
.itemSearch .box .list a h2{margin:0 10px; line-height:32px; overflow:hidden; border-bottom:1px solid #ccc; color:#6e6e6e; font-size:12px;}
.itemSearch .box .list a span{display:block; width:100%; height:7.7rem; overflow:hidden; text-align: center;}
.itemSearch .box .list a span img{width:100%;}
.itemSearch .box .list a p{display:block; background:#ddb67e; width:100%; height:52px; line-height:22px; color:#fff; font-size:12px; position:absolute; bottom:0px; padding:4px 8px; box-sizing: border-box; line-height: 20px;}
.itemSearch .box .list a p em{position:absolute; display:block; top:14px; right:10px; width:29px; height:29px; background:url(/LHqEJSkFUHEIEE5oKyZnJSSpJucUJ1MQT0SpIN.jpg) center no-repeat;}

.itemSearch .box .bottom{width:100%; margin-bottom:20px;}

/*
 *作用: example
 */
.example{width:100%; overflow:hidden; background:#eaeaea;}
.example .banner{margin:3rem 0 2rem; overflow:hidden;}
.example .banner .title{height:3.5rem; width:100%; margin:3rem auto; position:relative;}
.example .banner .title i{display:block; width:3px; height:100%; overflow:hidden; background:#c5a16d; position:absolute; left:49.5%; top:0px;}
.example .banner .title h1{display:block; width:50%; text-align: center; float:left; color:#fff; font-size:14px; line-height: 24px; padding-top:6px;}
.example .banner .title a.on{color:#c5a16d;}

.example .list{width:90%; overflow:hidden; margin:0 auto;}
.example .list ul{width:100%; overflow:hidden;}
.example .list li{width:48%; height:8rem; float:left; position:relative; margin:0 2% 0.6rem 0; overflow:hidden;}
.example .list li:nth-child(2n-1){margin:0 0 0.6rem 2%;}
.example .list li.large{width:100%; height:16rem; margin:0 0 0.6rem 0;}
.example .list li img{display:block; position:relative;}
.example .list li p{position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background:#1f1f1f; filter:alpha(opacity=0); opacity: 0; transition:all 0.5s;}
.example .list li p:hover{opacity:0.9; filter:alpha(opacity=90);}
.example .list li p i{display:inline-block; width:5%; height:5%; background:#fff; border-radius:50%; margin:47.5% 4px;}
.example .list .initPage{padding:1.2rem 0 2rem;}

/*************************
 * public Box
 *************************/
.homeTopBox{display:block; width:0; height:0; position:fixed; top:50%; left:50%; z-index:99999; overflow:hidden; }
.homeTopBox.on{width:100%; height:100%; top:0; left:0;}
.homeTopBox .add{width:100%; height:100%; background:#000; filter:alpha(opacity=60); background:rgba(0,0,0,0.6);}
.homeTopBox .box{display:block; width:100%; height:18rem; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#fff; color:#333; text-align:center; }
.homeTopBox .box .closeBox{display:block; width:2rem; height:2rem; position:absolute; top:-1rem; right:0%; background:#2b2b2b; z-index:5;}
.homeTopBox .box .closeBox i{display:block; width:2rem; text-align:center; line-height:2rem; color:#fff; font-size:1.8rem; font-family:"宋体"; transform:rotate(45deg);}

.homeTopBox .box .content{width:100%; height:100%; overflow:hidden;}
.homeTopBox .box .content ul{display:block; width:18rem; height:100%; overflow:hidden;}
.homeTopBox .box .content ul li{float:left; width:22rem; height:18rem; display:block; position:relative; overflow: hidden;}
.homeTopBox .box .content ul li img{position:absolute; right:0; }
.homeTopBox .box h1{line-height:3rem; font-size:14px; background:#dadada; color:#3a3a3a;} 

.homeTopBox .box a{width:50px; height:50px; display:none; position:absolute; top:40%; z-index: 9999; background:rgba(0,0,0,0.4); color:#fff; font-family: '宋体'; font-size:40px; line-height:50px; text-align: center; cursor:pointer; }
.homeTopBox .box a.prev{left:0%;}
.homeTopBox .box a.next{right:0%;}


/*
 *作用: news - list
 */
.news{width:100%; overflow:hidden;}
.news .banner{width:36rem; position:relative; left:50%; margin-left:-18rem; text-align:center; overflow:hidden; margin-top:3rem;}
.news .banner img{display:block; width:100%;}

.news .box{width:90%; margin:0 auto; overflow:hidden; padding:1rem 0 3rem;}
.news .box ul{display:block; overflow:hidden; width:90%; margin:0 auto;}
.news .box ul li{display:block; background:#f2f2f2; padding:0.6rem; margin:1rem 0 0 0; font-size:12px; color:#717171;}
.news .box ul li span{display:block; width:100%; height:8rem; overflow:hidden;}
.news .box ul li span img{width:100%;}
.news .box ul li p{padding-top:8px; height:16px; line-height:16px; overflow:hidden; margin-top:14px; border-top:1px solid #dcdcdc;}
.news .box ul li i{line-height:20px;}
.news .box .line{border-bottom:1px solid #dcdcdc; padding:40px 0;}
/*
 *作用: news - show
 */
.news .page{width:100%; overflow:hidden; padding:1rem 0; background:#f2f2f2;}
.news .page .left{width:90%; margin:0 auto;}
.news .page .left .a{display:block; color:#c5a26e; font-size:13px; line-height: 2rem; border-bottom:1px solid #dcdcdc;}
.news .page .left .a i{font-size:16px; font-weight:bold; font-family:'宋体'; float:left; padding-right:10px;}
.news .page .left .h1{color:#717171; font-size:14px; line-height:3rem;}
.news .page .left .div{color:#8d8d8d; line-height: 1.2rem; font-size:12px; overflow:hidden;}
.news .page .left .div img{max-width:100%;}
.news .page .left .bottom{padding:30px 0; overflow:hidden; border-top:1px solid #dcdcdc; text-align: center; margin-top:20px;}
.news .page .left .bottom a{display:inline-block; color:#666; font-size:13px;}
.news .page .left .bottom .prev{float:left;}
.news .page .left .bottom .next{float:right;}
.news .page .left .bottom .middle{width:20px;}
.news .page .left .bottom .middle i{display:block; width:100%; height:3px; background:#666; margin:3px; border-radius:2px;}

.news .page .right{width:90%; margin:0 auto; background:#f2f2f2; display:none;}
.news .page .right h1{display:block; margin-bottom:4px; color:#717171; font-size:18px; line-height: 50px; border-bottom:1px solid #dcdcdc;}
.news .page .right a{display:block; font-size:12px; color:#717171; line-height:30px; border-bottom:1px solid #e5e5e5;}

/*
 *作用: about
 */
.about{width:100%; overflow:hidden;}
.about .banner{width:36rem; position:relative; left:50%; margin-left:-18rem; text-align:center; overflow:hidden; margin-top:3rem;}
.about .banner img{display:block; width:100%;}

.about .introduction{width:100%; padding:2rem 5%; box-sizing:border-box; overflow:hidden;}
.about .introduction .left{position:relative;}
.about .introduction .right{position:relative;}
.about .introduction .right .columnTitle{text-align:left;}
.about .introduction .right p{color:#535353; line-height:1.2rem; font-size:12px; padding-top:1rem;}

.about .business{width:100%;  background:#f7f7f7; padding:2rem 5%; box-sizing:border-box; overflow:hidden;}
.about .business .text{color:#535353; line-height: 1.2rem; font-size:12px;}
.about .business .text img{width:100%;}

.about .area{width:100%; padding:2rem 5%; box-sizing:border-box; overflow:hidden;}
.about .area .title{color:#fff;}
.about .area .text{overflow:hidden; padding-top:2rem;}
.about .area .text .left{width:100%; color:#fff; font-size:12px; line-height:1.2rem;}
.about .area .text .right{width:100%; display:block; padding-top:1rem;}
.about .area .text .right li{display:inline-block; width:23%; height:4.2rem; border-radius:50%; border:1px solid #c5a16d; box-sizing:border-box;}
.about .area .text .right p{line-height:1rem; margin-top:1rem; text-align: center; font-size:12px; color:#c5a16d;}


/*
 *作用: news - iShow
 */
.contact{width:100%; overflow:hidden;}
.contactIn{width:92%; margin:0 auto; padding:5rem 0 1rem;}
.contact .title{padding:2rem 0; margin:1rem 0;}
.contact .title h2{color:#fff;}
.contact .title h1{color:#c5a16d;}
.contact .company{overflow:hidden;}
.contact .company .list{width:100%; color:#fff; font-size:14px; background:rgba(255,255,255,0.1); margin:0.6rem 0; padding:0 0 1rem; border-radius:0.3rem;}
.contact .company .list h1{font-size:18px; line-height: 3rem; text-indent:1rem;}
.contact .company .list dl{padding:0 1rem;}
.contact .company .list dd{overflow:hidden; height:2.6rem;}
.contact .company .list dd span{display:inline-block; float:left; padding-right:1rem; height:2.6rem;}
.contact .company .list dd span img{width:1.5rem;}
.contact .company .list dd p{display:block; overflow:hidden; font-size:12px;}
.contact .company .list dd p i{float:left;}
.contact .company .list dd p em{float:left;}

/*
 *作用: news - iShow
 */
.recruit{width:100%; overflow:hidden;}
.recruitIn{width:92%; margin:0 auto; padding:5rem 0 1rem;}
.recruit .title{padding:2rem 0; margin:1rem 0;}
.recruit .title h2{color:#fff;}
.recruit .title h1{color:#c5a16d;}

.recruit .zpStaffBox{padding:1rem; background:rgba(255,255,255,0.9); border-radius:0.3rem;}
.recruit .zpStaffBox .hd{ overflow:scroll; white-space:nowrap; padding-bottom:1rem;}
.recruit .zpStaffBox .hd li{ display:inline-block; line-height:1.4rem; color:#fff; padding:0 0.8rem; background:#ccc; font-size:14px; cursor:pointer; border-radius:0.2rem; }
.recruit .zpStaffBox .hd li:hover,
.recruit .zpStaffBox .hd li.on{ color:#fff; background:#0b488d;}

.recruit .zpStaffBox .bd{ display:block; overflow:hidden; }
.recruit .zpStaffBox .bd li{ display:none; color:#333; font-size:12px; line-height:1rem; }
.recruit .zpStaffBox .bd .bdLeft{width:100%;}
.recruit .zpStaffBox .bd .bdRight{width:100%;}
.recruit .zpStaffBox .bd li h2{ font-size:14px; padding:1rem 0 0.3rem; margin-bottom:0.6rem;  border-bottom:1px solid #ccc;}

.recruit .bottom{text-align:center; color:#a8a8a8; font-size:12px; padding-top:1rem;}
.recruit .bottom i{color:#c5a16d;}


/*
 *作用: guide - list
 */
.guide{width:100%; overflow:hidden; background:#f5f5f5;}
.guide .banner{width:36rem; position:relative; left:50%; margin-left:-18rem; text-align:center; overflow:hidden; margin-top:3rem;}
.guide .banner img{display:block; width:100%;}

.guide .box{width:90%; margin:0 auto;}
.guide .left{padding:1rem 0;}
.guide .left .logo{height:2rem;  position:relative; border-bottom:#b7b7b7 solid 1px; margin-bottom:16px;}
.guide .left .logo a{position:absolute; line-height:50px; bottom:0px; font-size:18px; color:#2b2b2b;}
.guide .left .select{overflow:hidden;}
.guide .left .select .selectWarp{overflow:hidden; padding-bottom:0.4rem;}
.guide .left .select h3{display:inline-block; padding-right:1rem; font-size:14px; color:#2b2b2b; line-height: 30px; float:left;}
.guide .left .select select{float:right; border:1px solid #a5a5a5; line-height: 28px; height:28px; width: 12rem; max-width:18rem; min-width:9rem; font-size:13px; background:#e7e7e7; outline: none;}
.guide .left .select a{display:block; width:12rem; float:right; font-size:13px; line-height:30px; margin-top:0.2rem; background:#dfdfdf; text-align: center;}
.guide .left .select a:hover{background:#d5d5d5;}

.guide .right{padding:0.4rem; margin-top:1rem;}
.guide .box .line{border-bottom:1px solid #dcdcdc; padding:40px 0;}
.guide .bottom{ padding:20px 0; border-bottom:1px solid #dcdcdc; margin-bottom:50px;}

.guide .right .download{margin:0 auto; font-size:16px; color:#777;}
.guide .right .download h1{line-height:40px; font-size:15px;border-bottom:#e2e2e2 solid 1px;}
.guide .right .download h2{display:block; overflow:hidden; line-height:36px; border-bottom:#e2e2e2 solid 1px;}
.guide .right .download h2 i{font-size:15px; padding-left:5px;}
.guide .right .download h2 a{float:right; padding-right:10px; font-size:13px;}
.guide .right .download h2 a img{vertical-align: middle;}
.guide .right .download h2:hover{background:#dfdfdf;}

.guide .initPage{padding:1rem 0;}


/*
 *作用: video - list
 */
.video{width:100%; overflow:hidden;}
.video .banner{width:36rem; position:relative; left:50%; margin-left:-18rem; text-align:center; overflow:hidden; margin-top:3rem;}
.video .banner img{display:block; width:100%;}

.video .box{width:90%; margin:0 auto; overflow:hidden; padding:30px 0 50px;}
.video .box .videoMenu{text-align:center;}
.video .box .videoMenu a{display:inline-block; padding:0 0.6rem; line-height: 30px; background:#eee; margin:0 0.2rem; font-size:13px;}
.video .box .videoMenu a:hover,
.video .box .videoMenu a.on{background:#e2e2e2;}

.video .box ul{display:block; overflow:hidden; width:90%; margin:0 auto;}
.video .box ul li{display:block; background:#f2f2f2; padding:0.6rem; margin:1rem 0 0 0; font-size:12px; color:#717171;}
.video .box ul li:hover{background:#d8b267; color:#fff;}
.video .box ul li span{display:block; width:100%; height:10rem; overflow:hidden; position:relative;}
.video .box ul li span em{display:block; position:absolute; top:0px; left:0px; width:100%;}
.video .box ul li img{width:100%;}
.video .box ul li p{padding-top:8px; height:16px; line-height:16px; overflow:hidden; margin-top:14px; border-top:1px solid #dcdcdc;}
.video .box ul li i{line-height:20px;}

.video .box .line{border-bottom:1px solid #dcdcdc; padding:40px 0;}
<!--耗时0.00046896934509277秒-->