body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; }
.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }


* { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }


/*----------header----------*/
.header { border-bottom: 1px solid rgba(255,255,255,0.1); position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; }
.header.fixed{position:fixed; line-height:60px;background:rgba(0,0,0,0.8)}
.header.fixed .menu ul li a{ line-height:60px;}
.header .logo { position: absolute; width: 137px; left: 50%; margin-left: -68px;  top:50%; margin-top:-12px;height:25px;line-height:25px;}
.logo img { vertical-align: middle; }
.menu ul li { float: left; width: 14%; text-align: center; }
.menu ul li.li3 { padding-left: 14%; }
.menu ul li a { display: inline-block; position: relative; padding: 0 5px; line-height: 100px; color: #fff; }
.menu ul li label { width: 0; display: block; position: absolute; bottom: -2px; height: 4px; left: 50%; margin-left: 0; background: #fff; }
.menu ul li.on label, .menu ul li a:hover label { width: 100%; margin-left: -50%; }



.banner_owl { position: relative; }
.banner_owl .banner_cur { position: absolute; z-index: 100; top: 50%; margin-top: -46px; left: 2.5%; right: 2.5%; }
.banner_cur span { cursor: pointer; display: block; width: 45px; height: 92px; }
.banner_cur span:hover { opacity: 0.6; }
.banner_cur span.prev { background: url(cur1.png) no-repeat center center; }
.banner_cur span.next { background: url(cur2.png) no-repeat center center; }
.banner .item { position: relative; font-family: Arial; }
.banner .item .img2 img { display: block; width: 384px; }
.banner .item .text { position: absolute; top: 50%; margin-top: -85px; left: 0; width: 100%; text-align: center; color: #fff; right: 0; }
.banner h2 { font-size: 36px; font-weight: normal; text-transform: uppercase; padding: 1em 0; }
.banner p { font-size: 16px; }
.banner_tit { width: 210px; margin: 0 auto; position: relative; }
.banner_tit .text2 { position: absolute; top: 0; left: 170px; width: 150px; margin-top: 160px; text-align: left; line-height: 20px; }
.banner_tit .text2 label { display: block; width: 2.5em; height: 2px; background: #fff; margin-top: 10px; }
.banner.owl-theme .owl-dots .owl-dot span { width: 14px; margin-bottom: 25px; height: 14px; background: url(cur-1.png) no-repeat center center; opacity: 0.6; }
.banner.owl-theme .owl-dots .owl-dot.active span, .banner.owl-theme .owl-dots .owl-dot:hover span { opacity: 1; background: url(cur.png) no-repeat center center; }

.page { padding: 80px 0; }
.page.on { background: #f9f9f9; }
.page1 { padding: 0; }
.tab { display: table; }
.cell { display: table-cell; vertical-align: middle; }
.page1 .cell { width: 50%; }
.page1 .list ul li { width: 50%; float: left; }
.page1 .list ul li img { display: block; }
.page1 .text { width: 90%; margin: 0 auto; max-width: 645px; text-align: center; line-height: 32px; color: #666; padding:20px 0;}
.page1 .text .logo { margin-bottom: 30px; }
.page1 .text h3 { line-height: 40px; padding-bottom: 10px; font-size: 26px; font-weight: normal; color: #000; }
.page1 .text label { display: block; width: 74px; height: 2px; background: #97732e; margin: 0 auto; margin-bottom: 20px; }

.page_tit { margin-bottom: 80px; text-align: center; }
.page_tit h2 { font-size: 36px; font-weight: normal; padding-bottom: 30px; background: url(icon1.png) no-repeat bottom center; }
.page2 { padding-bottom: 20px; }
.service_list ul li { width: 28.333%; margin: 0 2.5%; float: left; }
.service_list ul { margin: 0 -2.5%; }
.service_list ul .icon { width: 42px; height: 42px; border: 2px solid #000; float: left; margin-right: 35px; }
.service_list ul .icon.icon1 { background: url(icon2.png) no-repeat center center; }
.service_list ul .icon.icon2 { background: url(icon3.png) no-repeat center center; }
.service_list ul .icon.icon3 { background: url(icon4.png) no-repeat center center; }
.service_list ul .icon.icon4 { background: url(icon5.png) no-repeat center center; }
.service_list ul .icon.icon5 { background: url(icon6.png) no-repeat center center; }
.service_list ul .icon.icon6 { background: url(icon7.png) no-repeat center center; }
.service_list .text { overflow: hidden; }
.service_list .text h3 { font-size: 22px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service_list .text label { display: block; margin: 10px 0; width: 56px; height: 2px; background: #97732e; }
.service_list .text p { line-height: 24px; color: #999; height: 144px; overflow: hidden; margin-bottom: 15px; }

.page3 { overflow: hidden; }
.page3_owl { padding: 0 20px;position:relative; }
.page3_cur{position:absolute;bottom:-50px;width:400px;left:50%; margin-left:-200px;;z-index:10; height:0;}
.page3_cur span{width:auto; padding:0 20px;line-height:36px;}
.page3_cur span br{display:none;}
.page3_cur span { background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; border: 1px dashed #999; text-align: center; font-size: 12px;   width: 36px;  cursor: pointer; }
.page3_cur span:hover{color:#97732e;border-color:#97732e}
.page3_cur span.prev{ float:left;}
.page3_cur span.next{ float:right;}
.page3_owl .owl.owl-carousel .owl-stage-outer { overflow: initial; }
.page3_owl .img1 { overflow: hidden; position: relative; background: #000; }
.page3_owl .img1 img { display: block; width: 100%; }
.page3_owl .img1:hover img { opacity: 0.3; transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }
.page3_owl .img1 .text1 { position: absolute; top: 20%; left: 0; width: 100%; height: 100%; color: #fff; opacity:0;}
.page3_owl .img1:hover .text1 { top:0;opacity:1;}
.page3_owl .img1 .text1 h3 { font-size: 22px; font-weight: normal; }
.page3_owl .img1 .text1 label { display: block; width: 56px; height: 2px; margin: 30px auto; background: #fff; }
.page3_owl .img1 .text1 p { line-height: 24px; color: #dcdcdc; max-width: 256px; margin: 0 auto;  max-height:96px; overflow:hidden;}
.page3_owl .img1 i { display: block; width: 15px; height: 15px; border: 2px solid #fff; position: absolute; opacity:0;}
.page3_owl .img1:hover i{ opacity:1;}
.page3_owl .img1:hover .i1 {top: 15px; left: 15px; }
.page3_owl .img1:hover .i2 {top: 15px; right: 15px; }
.page3_owl .img1:hover .i3 {bottom: 15px; left: 15px;  }
.page3_owl .img1:hover .i4 { bottom: 15px; right: 15px; }
.page3_owl .img1 i.i1 { top: 5px; left: 5px; border-right: 0; border-bottom: 0; }
.page3_owl .img1 i.i2 { top: 5px; right: 5px; border-left: 0; border-bottom: 0; }
.page3_owl .img1 i.i3 { bottom: 5px; left: 5px; border-right: 0; border-top: 0; }
.page3_owl .img1 i.i4 { bottom: 5px; right: 5px; border-left: 0; border-top: 0; }
.page3_owl .tab { height: 100%; display: table; width: 80%; margin: 0 auto; text-align: center; }
.page3_owl .cell { display: table-cell; vertical-align: middle; }
.page3_owl .text{display:none; margin-top:40px; }
.page3_owl .text p{ margin-bottom:15px;color:#97732e;}
.page3_owl .text h3{ font-size:22px; font-weight:normal;}
.page3_owl .active .text{ display:block;}


.index_news .news_img{width:476px; height:286px; float:left; position:relative;}
.index_news .item{ background:#fff;}
.index_news .item.on .news_img{float:right;}
.index_news .line{position:absolute; left:100%; margin-left:85px;width:56px; height:2px;background:#97732e;top:50px;}
.index_news .item.on .line{ left:auto; right:100%; margin-right:85px;}
.index_news .item.on .date{ right:auto;left:0}
.index_news .item.on .news_img .time{left:auto;right:100%; margin-left:0;margin-right:20px; text-align:right;}
.news_img img{display:block;}
.news_img span{display:block;position:absolute;}
.news_img span.date{top:40px; right:0;width:65px;  font-size:46px;line-height:50px; background:rgba(0,0,0,0.7); text-align:center; color:#fff;}
.news_img span.time{ top:40px; left:100%; margin-left:20px;line-height:22px;color:#97732e}
.index_news .text{ overflow:hidden;padding:0 10%;line-height:26px; color:#666; height:286px; display:table;}
.index_news .text h3{font-size:22px; font-weight:normal; margin-bottom:5px; }
.index_news .text h3 a:hover{color:#97732e}
.div_more{margin-top:50px; text-align:center;}
.div_more a{display:inline-block; line-height:36px; padding:0 45px; border-radius:30px; border:1px solid #000}
/*----------mainer----------*/
.link_list ul li{width:25%; float:left;}
.link_list ul li a{display:block; margin:25px; border:1px solid #eaeaea}
.link_list ul li a:hover{ border-color:#97732e}
.link_list ul{ margin:-25px;}






.news_type{ margin-top:40px;line-height:54px;border-bottom:2px solid #97732e}
.news_tit{padding:40px 0 30px 0;}
.news_type h3{font-size:26px; font-weight:normal; float:left;}
.news_type ul{overflow:hidden;text-align:right; overflow-x:auto;}
.news_type ul li{display:inline-block;margin-left:70px;}
.news_type ul li a{color:#999;}
.news_type ul li.on a,.news_type ul li a:hover{color:#000;}
.index_news2 .item{margin-bottom:30px; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.page_case{padding-top:0px;}
.pagesize{margin-top:70px; text-align:center;}
.pagesize a{display:inline-block; line-height:40px; min-width:20px; text-align:center;padding:0 10px; background-color:#fff; border:1px solid #f2f2f2;height:40px;vertical-align:middle;}
.pagesize a.prev{ background-image:url(prev.png);background-position:center center;background-repeat:no-repeat;}
.pagesize a.next{ background-image:url(next.png);background-position:center center;background-repeat:no-repeat;}
.pagesize a.on,.pagesize a:hover{background-color:#000;color:#fff; border-color:#000}

.about{ position:relative;}
.about .text{  }
.about_owl{ height:100%; width:50%;}
.page1 .about .text{position:absolute; top:0; width:50%; right:0;bottom:0; max-width:initial;}
.page1 .about .tab{  height:100%;width:80%; margin:0 auto;}
.page1 .about .text{text-align:left;}
.page1 .about .text label{ margin-left:0} 
.about_owl .owl-theme .owl-controls{width:140px;height:70px; left:auto;right:-70px;}
.about_owl .owl-theme .owl-controls .owl-nav [class*=owl-]{width:70px; height:70px; margin:0; padding:0;border-radius:0; background-color:#fff;background-position:center center; background-repeat:no-repeat;}
.about_owl .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background-color:#97732e}
.about_owl .owl-theme .owl-controls .owl-nav .owl-prev{background-image:url(cur3.png);}
.about_owl .owl-theme .owl-controls .owl-nav .owl-prev:hover{background-image:url(cur3-1.png);}
.about_owl .owl-theme .owl-controls .owl-nav .owl-next{background-image:url(cur4.png);}
.about_owl .owl-theme .owl-controls .owl-nav .owl-next:hover{background-image:url(cur4-1.png);}

/*----------footer----------*/
.footer { background:#19202a;padding:34px 0;}
.footer .f_logo{position:absolute; top:50%; left:0; float:left; margin-top:-30px;}
.footer .f_logo h3{font-weight:normal; font-size:18px;color:#fff;text-align:center; line-height:35px;}
.footer .list{line-height:24px; padding-left:40px;padding-right:180px; position:relative; overflow:hidden; border-left:1px solid #fff;margin-left:180px;}
.footer .list li{ margin-bottom:15px; color:#fff;}
.footer .list li span{color:#adadad}
.footer .list li a{ color:#fff; font-size:22px;}
.footer .list li span a{font-size:14px;color:#adadad}
.footer .list li:last-child{margin-bottom:0}
.footer .list .ewm{position:absolute; top:0; right:0;}
.footer .list .ewm span{display:block; text-align:center; font-size:14px;color:#fff;}

.page_about{background:url(banner4.jpg) no-repeat top center;padding-bottom:0;}

.box_team .owl-carousel .owl-stage-outer{padding-top:90px; margin-top:-90px;} 
.team_owl .box{ background:#fff;position:relative;}
.team_owl .box .img1{width:40%;text-align:center; float:right; margin-top:-80px;}
.team_owl .box .img1 img{display:block; margin:0 auto;}
.team_owl .box{ box-shadow:0 5px 10px rgba(0,0,0,0.05)}
.team_owl .box .text{width:50%;top:50%; margin-top:-120px; padding:0 50px;position:absolute;line-height:32px;color:#666; left:0;height:100%;}
.team_owl .item{padding:10px;}
.team_owl .box .text h3{ font-size:26px; font-weight:normal; width:75px; white-space:nowrap;border-bottom:2px solid #97732e;padding-bottom:10px;margin-bottom:20px;color:#000;}
.team_owl.owl-theme .owl-controls{left:40px; bottom:155px;text-align:left;width:auto;}
.team_owl.owl-theme .owl-controls .owl-nav [class*=owl-]{  padding:0 15px; color:#000; text-align:center; margin:0 10px;  height:36px; border-radius:0; border:1px dashed #999;}
.team_owl.owl-theme .owl-controls .owl-nav [class*=owl-] span{display:block;  line-height:36px;  margin:0 auto;  }
.team_owl.owl-theme .owl-controls .owl-nav [class*=owl-] span br{display:none;}
.team_owl.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{color:#97732e; border-color:#97732e;opacity:1;}
/*----------custom----------*/
.news_tit .logo{display:none;}
.news_tit{ padding-top:0}
/*.service_p_list ul li{ width:48.5%; float:left; margin:10px 0.75% }*/
.service_p_list ul li .list_bq{ left:-20px;}
.page4{padding-top:40px;}
.service_p_list ul li:nth-child(2n) .list_bq{right:-20px; left:auto;}
@media only screen and (max-width: 1200px){
    .service_list ul{ margin:0}
    .link_list ul{ margin:-25px 0;}
    .page3_cur{left:0; right:0}
    .link_list ul li a{ margin:10px;}
    .page1 .text{ line-height:28px;}
    .page1 .text .logo{ margin-bottom:15px;}
    .service_list ul .icon{ margin-right:20px;}
    .page_tit{ margin-bottom:60px;}
    .contact_tab .web{padding-top:40px; height:auto; height:340px;}
    .contact_tab .contact_map .img1{ height:380px;}
    .contact_tab .contact_map img{height:100%;}
    .contact_tab .web .list ul li{ padding:15px 0;}
    .contact_tab .web .list{ margin-top:20px;}
    .page_service .item .list ul li .web span{margin-right:20px;}
}
@media only screen and (max-width: 800px){
    .contact_tab .web{width:auto; float:none;    background: url(pic2.jpg) no-repeat center center;background-size:cover;}
    .contact_tab .contact_map .img1{ height:auto;}
    .page_box{ padding:50px 0;}
    .page_case .list ul li{width:47%;}
    .news_tit{ padding:10px 0;}
    .news_type{ margin-top:0px;}
    .page_case{ padding-top:0}
    .index_news .news_img{width:300px; height:180px;}
    .index_news .text{ height:180px;padding:0 20px;padding-left:60px;}
    .news_img span.time,.news_img span.date{ top:10px;}
    .news_img span.time{margin-left:10px;}
    .index_news .line{top:20px;margin-left:61px;}
    .page{padding:40px 0;}
    .news_type ul{ }
    .news_type h3{ margin-right:20px;}
    .page1 .tab{display:block;}
    .page1 .cell{ display:block;width:100%;}
    .page1 .cell:after{ clear:both; clear:both; content:''; display:block;}
    .page1{padding-bottom:0px;}
    .service_list ul li{width:45%;}
    .index_news .item.on .text{padding-left:20px;}
    .index_news .item.on .line{margin-left:auto;margin-right:60px;}
    .link_list ul li a{ margin:5px;}
    .about_owl{width:100%;}
    .about_owl .owl-theme .owl-controls{ right:0;}
    .page1 .about .text{position:initial; top:auto; left:auto; right:auto; bottom:auto; width:100%;margin-top:20px;}
    .team_owl.owl-theme .owl-controls{ bottom:30px}
    .page1 .about .tab{width:90%;}
}

@media only screen and (max-width: 750px){
    .page_banner{padding-top:60px}
    .page_banner .web{ padding:20px 0;}
    .page_banner .web .img1 img{ height:200px;}
    .page_box{ padding:30px 0;}
    .page_top .web{ margin-top:0px;}
    .footer .f_logo{ position:initial;top:auto; left:auto; right:auto; bottom:auto; margin:0 auto;float:none;text-align:center; border-bottom:1px solid #fff;margin-bottom:20px;}
    .footer .list{ margin-left:0;padding-left:10px; border-left:0}
    .footer .list li{margin-bottom:10px;}
    .menu{position:fixed;top:0;left:-100%;width:100%; height:100%;display:table; background:rgba(0,0,0,0.8)}
    .menu_wrap{position:fixed;top:10px; right:10px; width:40px; height:40px; background:url(menu.png) no-repeat center center #97732e;border-radius:2px; background-size:20px auto;}
    .header.h_menu .menu_wrap{background:url(menu-1.png) no-repeat center center #97732e; background-size:25px auto; }
    .header.h_menu .menu { left:0;}
    .header{ position:fixed;}
    .header.fixed .menu ul li a{ line-height:40px;}
    .menu ul{display:table-cell; vertical-align:middle;}
    .menu ul li{ float:none;margin:10px auto;width:96%;line-height:40px;}
    .menu ul li a{ line-height:40px;font-size:20px;}
    .menu ul li.li3{ padding-left:0}
    .header .logo{z-index:10; position:relative; top:auto;left:auto; right:auto; bottom:auto; margin:0 auto; line-height:60px;height:auto;}
    .page_service .item .list ul li .img_box .line{ top:20px; left:20px; right:20px; bottom:20px;}
    .page_service .item .list ul li .img_box .num{ right:22px;top:22px;}
    .page_service{ overflow:hidden;}
    .about_owl .owl-theme .owl-controls .owl-nav [class*=owl-]{width:50px; height:50px;}
    .about_owl .owl-theme .owl-controls{ text-align:right;height:50px}
    .team_owl .box .text{position:initial; top:auto; left:auto; right:auto; bottom:auto;}
    .team_owl .box .img1{ margin-top:0;}
    .box_team .owl-carousel .owl-stage-outer{ margin:0;padding:0}
    .team_owl .box .text{width:auto; margin-top:0;padding:20px 10px;line-height:25px;}
    .team_owl .item .box{padding-bottom:50px;}
    .team_owl .box .img1{ position:absolute; bottom:0; right:0;opacity:0.25}
    .team_owl.owl-theme .owl-controls { left:auto; right:auto;text-align:center;width:100%;}
    .page{padding:20px 0;}
    .page_tit h2{ font-size:26px;}
    .link_list ul li{width:50%;}
    .page_tit{ margin-bottom:20px;}
    .banner h2{padding:0.5em 0; font-size:26px;}
    .banner .item{ overflow:hidden;}
    .banner .item .img1 img{width:130%; margin-left:-15%;max-width:initial;}
}


@media only screen and (max-width: 550px) {
    
    .banner .item .img1 img{width:200%; margin-left:-50%;max-width:initial;}
    .banner .item .text{ margin-top:-20px;}
    .banner_cur{display:none;}
    .service_list ul li{width:100%; margin:10px 0;}
    .service_list .text p{ height:auto;margin-bottom:0;}
    .page1{padding-bottom:0}
    .service_list .text h3{ font-size:18px;}
    .banner h2{ font-size:20px;}
    .index_news .news_img{width:100%; height:auto;}
    .news_img span.time, .news_img span.date{top:20px;}
    .news_img span.date{ font-size:30px;}
    .news_img span.time{ left:auto;display:none;}
    .index_news .line{ display:none;}
    .index_news .text{ height:auto;padding:10px;}
    .div_more{ margin-top:30px;}
    .link_list{padding-top:20px;}
    .page3_owl .text{ margin-top:20px;}
    .page3_cur{height:0; bottom:-33px; text-align:center;left:0; right:0;width:auto;margin-left:0}
    .page3_cur span{ display:inline-block;height:auto; width:auto; padding:0 20px;line-height:30px}
    .page3_cur span br{display:none;} 
    .news_type ul{white-space:nowrap; overflow-x:auto;text-align:center;}
    .news_type h3{ font-size:20px;display:none;}
    .pagesize a{ padding:0 5px;line-height:30px;height:30px;}
    .pagesize {margin-top:30px;}
    .news_type ul li{ margin-left:10px;}
    .page_case{padding-top:0}
    .page_case .list ul li{width:auto;float:none; margin:20px 10px;}
    .page_case .list ul li .text{ margin-top:10px;}
    .page_banner .web .img1 img{height:150px;}
    .page_banner .web{ padding:10px 0;}
    .contact_tab .web{padding:20px;}
    .details_web .img_box{margin:15px 0;}
    .page_banner .web .img1 .text h3{ font-size:30px;}
    .page_service .item{width:100%;}
    .service_top{ padding-bottom:20px}
    .page_service .item .list ul li{ padding-bottom:20px;}
    .page_service .item .item_logo{ margin-top:30px;}
}