/* 公共部分 */
@charset "utf-8";
body,a,p,li,ul,ol,h1,h2,h3,h4,h5,h6,div,img,span,strong,article{margin:0; padding:0; font-family:'微软雅黑',Arial,'宋体'; font-size: 14px; line-height: 25px;}
section,article{display: block;}
body{background:#fff; width: 100%; height: 100%;}
ul,li{list-style: none;}
a{text-decoration: none !important;}
a:link{text-decoration:none;}
a:visited{text-decoration:none !important;}
a:active{text-decoration:none !important;}
a:hover{text-decoration:none;}
img{border:none;}
.wrap{width:100%; overflow: hidden; margin:0 auto;}
.header{width:100%;margin:0 auto;}
.main{width:100%; overflow: hidden; margin:0 auto;}
.footer{width:100%; overflow: hidden; margin:0 auto;}
.owl-carousel3 .owl-wrapper,.owl-carousel2 .owl-wrapper,.owl-wrapper{-webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
*/
.owl-theme .owl-controls .owl-buttons div{display:inline-block;zoom:1;*display:inline;font-size:30px}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url("AjaxLoader.gif") no-repeat center center}

/* 头部 */
.header .head{width:100%; height: 90px; overflow: hidden; background:url(../header_bg.jpg) center center no-repeat;background-size:cover;}
.header .head .tel{float: right; height: 90px; line-height: 90px;}
.header .head .tel span{ font-size: 16px; color:#8a8074;}
.header .head .tel a{color:#8a8074; font-size: 16px;}
.header .head .tel img{width:35px; height: 35px; margin-right: 5px;}
.header .logo img{width:110px; height: 100px; margin-top: -40px; margin-right: 30px;}
.header .navbar{background:url(../nav_bg.png) center center repeat-x; border:none !important; margin-bottom: 0 !important; width:100%; height: 66px;}
.header .navbar-toggle{background:#999;}
.header .navbar-toggle .icon-bar{background: #fff;}
.header .navbar .navlist1>a{background:url(../nav_icon.png) left center no-repeat; position: relative; text-align: center; color:#000; font-size: 16px; font-weight: bold; line-height: 66px; text-indent: 2.5em; background-size:55px 55px; width:139px; height: 66px; padding: 0 !important;}
.header .nav .active>a{background:url(../nav_active.png) left center no-repeat; margin-right:-4px; background-size:170px 55px !important; color:#fff;}
.header .navbar .navlist1>a:hover{background:url(../nav_active.png) left center no-repeat;background-size:170px 55px !important; color:#fff;}
.header .navbar .container{overflow:inherit !important;}
.header .nav .navlist a{height: 40px;margin-left: 3.6em; width:90px; padding: 0 2px;  text-align: center; line-height: 40px; color: #000; background: url(../footNavbg.png) center center no-repeat; background-size: 100% 45px !important; display: block;}
.header .nav .navlist{display: none; z-index: 99999; position: absolute; width: 100%; top:49px;}
.header .nav .navlist a:hover{color:#693827;}
.carousel .carousel-control span{font-size: 50px; position: relative; top:50%; margin-top: -10px; display: block;}
.carousel .carousel-control:nth-of-type(1) span{left:20px;}
.carousel .carousel-control:nth-of-type(2) span{right:20px;}
.carousel .carousel-inner p{position: absolute; z-index: 99; width:100%; font-size: 40px; color:#fff; top:50%; margin-top: -20px;}
.carousel .carousel-inner{text-align: center;}

/* 主体  */
/* 右侧边栏 */
.slideRight{position:fixed; z-index: 9999; left:15px; top:50%; margin-top: -150px; width:70px; }
.slideRight li{text-align: center; position: relative; margin-bottom: 3px;}
.slideRight li a{display: block; width:100%; padding-top:8px; height:70px; border-radius: 8px; background:#693827; color:#fff;}
.slideRight li a span{ font-size: 12px; margin-top: 5px; display: block;}
.slideRight li a:hover{text-decoration: none;}
.slideRight li i{display: block; font-size: 24px; margin:0 auto;}
.slideRight li .icon-QQ{background:url(../icon_qq.png) center center no-repeat; background-size:25px 25px;width:25px; height: 25px;}
.slideRight li .icon-msg{background:url(../icon_msg.png) center center no-repeat;background-size:25px 25px; width:25px; height: 25px;}
.slideRight .box{position: absolute; -webkit-transition:0.3s all; -o-transition:0.3s all; -moz-transition:0.3s all; -ms-transition:0.3s all; transition:0.3s all; display: none; white-space: nowrap; top:5px; border: 1px solid #eee; left:65px; padding: 10px; overflow: hidden; background: #f9f9f9; border-radius: 5px;}
.slideRight .box img{width: 150px;}


/* 内容  */
.met-index{padding:90px 0 60px;}
.met-index>.met-title{text-align: center; margin-bottom: 40px; background-size:100% auto; background: url(../title_bg.png) center center no-repeat;}
.met-index>.met-title strong{font-size: 22px; margin-bottom: 8px; display: block; color:#000;}
.met-index>.met-title p{font-size: 15px; color:#333;}
.met-index>.met-title .left{float: left;}
.met-index>.met-title .right{float: right;}
.met-about{background:url(../body_bg1.gif) center center no-repeat; overflow: hidden; background-size:cover;}
.met-about .info{border-right:1px dashed #999; padding-right: 24px;}
.met-about .territory{padding-left: 24px;}
.met-about .territory img{width:100%; height:440px;}
.met-about .alliance img{ margin-top: 25px; width:100%;}
.met-about .info-title{margin-bottom: 25px;}
.met-about .info-title span{color:#693827; font-size: 18px; font-weight: bold;}
.met-about .info-title a{color:#666; float: right;}
.met-about .info-title a:hover{color:#693827;}
.met-about .info-con p{color:#666; text-indent: 2em; font-size: 16px;}
.met-about .container{padding: 0;}

.piclink{padding:20px 15px 0; overflow: hidden;}
.piclink .design{width: 25%; padding: 0 8px; float: left; text-align: center;}
.piclink .design a{color: #333;}
.piclink .design img{width: 100%;}
.piclink .design span{display: block; margin-top: 8px;}

.met-case{background: url(../body_bg2.gif) center center no-repeat; overflow: hidden; background-size:cover;}
.caseList{border:1px solid #ccc; background: #fff; overflow: hidden;}
.caseList .menu a{height: 55px; width:16.666%; font-weight:bold; margin-bottom: 26px; -webkit-transition:0.3s all; transition:0.3s all; float: left; display: block; background: #f2f2f2; text-align: center; line-height: 55px; color:#000; font-size: 15px;}
.caseList .menu a.active{background: #fff; color: #693827;}
.caseList .menu a:hover{text-decoration: none;background: #fff; color: #693827;}
.caseList .menu a.active:after{display: block; content: ''; background: url(../lvxin_03.gif) center center no-repeat; margin: 0 auto; width:16px; height: 10px;}
.caseList .picList img{width:100%;}
.caseList .picList .name{height: 70px; line-height: 60px; display: block; text-align: center; color:#333;}
.caseList .picList .name:hover{color: #693827;}
.met-case .btn,.met-service .btn{display: block; clear: both; width:170px; height: 48px;margin: 48px auto 0; border:1px solid #693827; color:#fff; border-radius: 5px; padding: 4px;}
.met-case .btn span,.met-service .btn span{display: block; width:160px; line-height: 38px;  height: 38px; background: #693827; border-radius: 5px;}
.met-case .btn i,.met-service .btn i{margin-left: 20px; font-style: normal;}
.met-case .btn:hover,.met-service .btn:hover{text-decoration: none; color: #fff;}
.met-case .picList2{overflow: hidden;}
.met-case .picList2 img{width: 100%;}
.met-case .picList2 a{color: #333;}
.met-case .picList2 .name{height:30px; line-height:30px; display: block;}
.met-case .picList2 li{text-align: center;}

.met-service{background: url(../body_bg3.gif) center center no-repeat; overflow: hidden; background-size:cover;}
.service-box li{display: block; text-align: center;}
.service-box li a{display: block; background:#BBA8A2; width:135px; font-weight:bold; margin:0 auto; -webkit-transition: 0.2s all; transition: 0.2s all; height: 135px; border:1px solid #693827; border-radius: 50%; color: #73574D; font-size: 22px; padding:40px 35px;}
.service-box li p{color:#3d3d3d; text-align: center; height: 75px; font-size:13px; margin: 20px auto 65px; overflow: hidden;}
.youshi_list{overflow: hidden; width: 100%;}

/* 主营业务  */
.youshi_list li{padding: 45px 0; cursor: pointer; width:45%; float: left; border-top: 1px solid #cfcfcf;}
.youshi_list li:last-child{border-bottom: 1px solid #cfcfcf;}
.youshi_list li:nth-of-type(2n){margin-left: 100px;}
.youshi_list li .hexagon {width:70px;  margin-right: 24px; float: left; height:80px; color: #693827; font-size: 22px; text-align: center; line-height: 80px; background:url(../hexagon.png) center center no-repeat; background-size: 70px 80px;}
.youshi_list li img{float: right;-webkit-transition: 0.2s all; transition: 0.2s all; margin-right: 20px; margin-top: 15px;}
.youshi_list li span{color: #474747; -webkit-transition: 0.2s all; transition: 0.2s all; font-size: 16px; line-height: 80px;}
             
.met-team{overflow: hidden;background: url(../body_bg4.gif) center center no-repeat; background-size:cover;}
.team-box .item{float:left; width:20%; padding: 0 20px; background: #fff;}
.team-box .item img{width:100%;}
.team-box .item .name{height: 55px; line-height: 55px; font-size: 18px; color: #000; text-align: center; display: block;}
.team-box .item .name:hover{text-decoration: none; color:#693827;}
.team-box .item p{color: #555; text-align: center;}

.met-news{overflow: hidden;background: url(../body_bg5.gif) center center no-repeat; background-size:cover;}
.news-box .col-md-6{border:1px solid #ccc; background: #fff; padding-top: 15px !important;}
.news-box .title{overflow: hidden; margin-bottom: 20px;}
.news-box .title span{display: block; float: left; width:155px; height:36px; color:#fff; background: #693827; font-size: 16px; text-align: center; line-height: 36px;}
.news-box .title a{float: right; color: #666;}
.news-box .title a:hover{color:#693827;}
.news-box .col-md-6 li{height: 40px; line-height: 40px;}
.news-box .col-md-6 li a{color:#313131; width:70%; display: block; text-overflow: ellipsis; overflow: hidden; float: left;white-space:nowrap;}
.news-box .col-md-6 li a:hover{color:#693827;}
.news-box .col-md-6 li span{float: right; color: #666;}

.friendly-box .owl-carousel2 .owl-item,.friendly-box .owl-carousel3 .owl-item{display: block; padding: 0 10px; float: left;}
.friendly-box .owl-carousel2 .owl-item a,friendly-box .owl-carousel3 .owl-item a{display: block; width:100%;}
.friendly-box .owl-wrapper-outer{overflow:hidden;}
.friendly-box .owl-item img{width:100%; margin-bottom: 20px;}
.friendly-box .title{width:338px; height: 36px; margin: 0 auto 35px;}
.friendly-box .title a{border:1px solid #693827; color: #693827; -webkit-transition: 0.3s all; transition: 0.3s all; line-height: 34px; text-align: center; width:150px; height: 34px; display: inline-block;}
.friendly-box .title a:hover{text-decoration: none;}
.friendly-box .title a:nth-of-type(1){margin-right: 30px;}
.friendly-box .title .active{background: #693827; color: #fff;}
.friendly-box .mobile{display: none;}
.friendly-box .mobile img{width:100%; margin-bottom: 20px;}
.friendly-box .owl-buttons{width:140px; margin: 0 auto; overflow: hidden;}
.friendly-box .owl-buttons div{float: left;margin-top: 40px;}
.met-friendly{overflow: hidden;background: url(../body_bg6.gif) center center no-repeat; background-size:cover;}

/* 底部   */
.footer{overflow: hidden; padding-top: 50px; background: url(../body_bg7.gif) center center no-repeat; background-size:cover;}
.foot_nav {width:100%; height: 32px; margin-bottom: 20px; background-size:100% 100%; background: url(../footNavbg.png) center center repeat-x;}
.foot_nav li{float: left; width:14.285%;}
.foot_nav li a{color:#000; display: block; font-weight:bold; width:100%; height: 32px; line-height: 32px; text-align: center;}
.foot_nav li a:hover{color:#613528;}
.foot_info .contact,.foot_info .logo{border-right:1px dashed #979795;}
.foot_info .contact p{color: #000; font-size: 13px; margin: 0 !important;}
.foot_info .contact a{color:#000; font-size: 13px; }
.foot_info .contact a:hover{color:#613528;}
.foot_info .contact .web{padding: 12px 0;}
.foot_info .contact .email{padding-bottom:12px;}
.foot_info .contact .add{width:85%;}
.foot_info .logo img{width:180px; height: 160px; margin: 20px auto; display: block;}
.foot_info{overflow: hidden; padding: 15px 0; border-bottom:1px dashed #979795; border-top:1px dashed #979795;}
.vcode{padding: 0 !important;}
.vcode ul{margin-top: 40px;}
.vcode li{text-align: center; margin-top: 20px;}
.vcode li img{margin-right: 10px;}
.vcode li a{color:#000;}
.vcode li a:hover{color:#613528;}
.vcode .icon{padding: 0 !important;}
.vcode .code{margin-top:40px; padding: 0 !important;}
.vcode .code>img{float: left; margin-right: 12px; width: 120px;}
.vcode .code>span{margin-top: 8px; display: inline-block;}
.copyRight{clear: both; height: 52px;}
.copyRight .link li{float: left; color: #000; height: 52px; line-height: 52px;}
.copyRight .link li a{color:#000; margin-left: 6px; font-size: 13px; margin-right: 6px;}
.copyRight .link li a:hover{color:#613528;}
.copyRight .copy{float: right; color:#000;}
.copyRight .copy p{ font-size: 13px; line-height: 52px;}
.contact-us{padding: 0 15px; overflow: hidden; text-align: center;}
.contact-us .tel{display:block; width: 60%; margin: 0 auto 25px;  height: 50px; border-radius:20px; border:2px solid #ff0101; text-align: center; line-height: 50px; font-size:18px; color:#ff0101;}
.contact-us p{margin-bottom:25px; color: #333; font-size: 15px;}
.contact-us a{color: #333; font-size: 15px;}


/* 单页   */
.met-one .one-content,.article-content{background: url(../about_bg.png) center center no-repeat; background-size:cover; width:100%;}
.onepage{margin-bottom:40px;}
.main .out{width:100%; height: 40px; background-size:100% 40px !important; background: url(../footNavbg.png) center center repeat-x;}
.main .out .one-nav{overflow: hidden; margin-bottom: 0;}
.main .one-nav li{float: left;}
.main .one-nav a{display: block; width: 100%; font-weight: bold; font-size: 15px; height: 40px; line-height: 40px; text-align: center; color: #5c3425;}
.main .one-nav a:hover{text-decoration: none;}
.main .one-nav .active{background:rgba(0,0,0,0.4); color: #fff;}
.main .banner img{width: 100%;}
.met-one .one-box{margin-top:20px; overflow: hidden; clear: both;}
.rongyu_list li img{width:100%; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; padding: 10px; border:1px solid #ccc;}
.rongyu_list li img:hover{border:1px solid #693827;}
.rongyu_list li .title{display: block; text-align: center; font-size: 16px; overflow:hidden; height:70px;color: #333; margin-bottom: 20px;}
.rongyu_list li .title:hover{color:#693827; text-decoration: none;}
.rongyu_list{overflow: hidden; margin-bottom: 20px;}

/* 遮罩  */
.marks{display: none;}
.marks .shade{position: fixed;background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 9; top: 0; left: 0;}
.marks .content{width: 660px; position: absolute; top: 55%; left: 50%; margin-left: -330px; z-index: 10;}
.marks .picture{width: 100%; text-align: center; position: relative;}
.marks .picture img{width: 100%;}
.marks .owl{ position: relative; width:100%; margin-top:20px; overflow: hidden;}
.marks .picture .close{display: block; opacity: 1; filter: alpha(opacity:100); background: url(../colse.png) center center no-repeat; width: 35px; height:35px; background-size:35px 35px; position: absolute; z-index: 10; right: -34px; top: -27px;}
.marks .owl_list{-webkit-transition: 0.3s all; transition: 0.3s all; overflow: hidden;}
.marks .owl_list li{width:210px;float: left; margin-right:15px;}
.marks .owl_list li img{width: 100%; cursor: pointer;}
.marks .content>.btns{color: #fff; display: block; width: 30px; height: 30px; position: absolute; top: 85%; }
.marks .content>.prev{left: -50px; background: url(../prev.png) center center no-repeat;}
.marks .content>.next{right: -50px; background: url(../next.png) center center no-repeat;}

/* 新闻列表页  */
.article-list{overflow: hidden; width:100%;}
.article-list ul li{width:100%; background: #fff; padding:20px; margin-bottom:20px; overflow: hidden; border: 1px solid #ccc;}
.article-list ul li>a{overflow: hidden;}
.article-list ul li img{float: left;}
.article-list ul .pic{padding: 0;}
.article-list .pic .title{margin-top: 20px;}
.article-list li .title{color:#693827; display: inline-block; font-size: 18px; margin-bottom: 20px;}
.article-list li .note{color: #666; width: 95%; margin-bottom: 15px;}
.article-list li .see{color:#693827;}
.article-list .pic .desc{ border-right:1px dashed #ccc;}
.article-list .pic .time strong{font-size: 40px; width: 60px; height: 38px; margin: 60px auto 0; display: inline-block; border-bottom: 1px solid #333;}
.wenquan-box .wenquan_list{overflow: hidden; padding: 0 10px;}
.wenquan-box .subNav{overflow: hidden;}
.wenquan-box .subNav a{display: block; width: 190px; height: 67px; background-size: 190px 67px !important; text-align: center; color: #000;  font-size: 20px; line-height: 67px; background: url(../news_nav.gif) center center no-repeat; margin:0 auto 25px;}
.wenquan-box .subNav a:hover{color: #693827;}
.wenquan-box .subNav .active{color: #693827;}
.wenquan-box .wenquan_list li{margin-bottom: 45px;}
.wenquan-box .wenquan_list img{width: 100%; border:1px solid #ccc; border-bottom: none; cursor: pointer;}
.wenquan-box .wenquan_list .title{display: block; border: 1px solid #ccc; border-top:none; white-space:nowrap; width: 100%; overflow: hidden; height: 54px;-webkit-transition: 0.3s all; transition: 0.3s all; color: #666; background: #fff; text-align: center; line-height: 54px;}
.wenquan-box .wenquan_list .title:hover{color: #fff; background: #693827;}
.wenquan .marks .close{top:-45px;right:0;}
.wenquan .marks .btns{width:50px; height: 50px; position: absolute; top:40%; display: block; background-size: 100% 100% !important;}
.wenquan .marks .prev{background: url(../wenquan_prev.png) center center no-repeat; left: -60px;}
.wenquan .marks .next{background: url(../wenquan_next.png) center center no-repeat; right: -60px;}
.wenquan .marks .page{color: #fff; margin-top: 20px;}
.wenquan .owl_list img{width: 660px; float: left;}
.wenquan .picture .picList{overflow: hidden; width: 100%;}
.product-box .sum .desc,.product-box .proList{overflow:hidden; margin-bottom:20px; }

/* 新闻内容页  */
.article-box{overflow: hidden; width: 100%;}
.article-box .title{color: #333; margin: 22px; font-size: 24px; text-align: center;}
.article-box .time{margin-bottom: 35px; text-align: center;}
.article-box .time p{color: #333; margin-right: 22px; display: inline;}
.article-box .time span{color: #666;}
.article-box .time img{margin-right: 4px;}
.article-box .time div{display: inline-flex;}
.article-box .content p{color: #666 !important;}
.article-box .met-shownews-footer{margin-top: 50px;}
.article-box .page li a{color: #333;margin-top: 15px; display: block;}
.article-box .page li a:hover{color:#693827;}
.article-box .met-shownews-footer{overflow: hidden; margin-bottom: 100px;}
.article-box .met-shownews-footer ul{float: left;}
.article-box .met-shownews-footer .back{color: #333; float: right; border-top:1px solid #ccc; width: 65%; text-align: right; padding-top: 20px;}
.article-box .met-shownews-footer .back:hover{color:#693827;}


/* 案例列表页  */
.case_list li{margin:0 auto 20px !important; padding: 0 10px !important; border:none !important;}

/* 案例详情页   */
.product-box .sum{overflow: hidden; margin-bottom: 35px; border-bottom: 1px solid #818181; padding-bottom:50px;}
.product-box .sum .name{color: #693827; font-size: 18px; margin-bottom: 20px; display: block;}
.product-box .proList{margin-bottom: 40px; overflow: hidden; padding-bottom: 40px; border-bottom: 1px solid #818181;}
.product-box .proList img{margin-bottom:20px;}
.product-box .title{color: #000; text-indent: 15px; margin-bottom: 20px;}
.product-box .info .note p{line-height: 20px;}
.next_prev a{color:#333;}
.next_prev a:nth-of-type(2){float:right;}

/* 主营业务列表  */
.zhuying-box .zhuying_list{overflow: hidden; width: 100%;}
.zhuying-box .zhuying_list img{width: 100%;}
.zhuying-box .zhuying_list li{margin-bottom: 15px; padding-left: 10px; padding-right: 10px;}


/* 专家团队列表  */
.zhuanjia .zhuanjia_list{overflow: hidden; width: 100%;}
.zhuanjia_list li {margin-bottom: 20px;}
.zhuanjia_list li img{padding:0;}
.hexin_list{overflow: hidden; width: 100%;}
.hexin_list li img{width:100%;}
.hexin_list li {margin-bottom: 23px; margin-top: 2px; -webkit-transition: 0.3s all; transition: 0.3s all; margin-right: 7px; margin-left: 2px; padding: 12px; background: #fff;}
.hexin_list li:hover{ -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); -moz-box-shadow:0 0 10px rgba(0,0,0,0.5); box-shadow:0 0 10px rgba(0,0,0,0.5);}
.hexin_list li .title{display: block; width: 100%; text-align: center; color: #000; margin: 15px auto; font-size: 16px;}
.hexin_list li .note{color:#555; height:70px; text-align:center; overflow:hidden;}

/* 核心团队详情页  */
.hexin-box{width:100%; overflow: hidden; margin-bottom: 50px; background: #fff; padding: 15px 0 34px 15px;}
.hexin-box .desc{float: left; border-right: 1px solid #e1e1e1;}
.hexin-box .desc img{margin-bottom: 15px; width: 100%;}
.hexin-box .descs .title{margin-bottom: 15px; font-size: 18px; color: #000;}
.hexin-box .descs .note{color: #555;}
.hexin-box .content{float: left; padding-top:1px; color: #555;}
.hexin-box .content p{line-height: 20px; color: #555;}

/* 联系绿沁 */
.shijing_list li img{padding: 0;}
.shijing_list li{margin-bottom: 20px;}
.panel-title a{width: 100%; display: block;}
.panel-title a .eye{float: right; -webkit-transition: 0.3s all;transition: 0.3s all; color: #999;}
.panel-title a .eye i{margin-right: 10px;}
.panel-title a strong{color: #693827; font-size: 16px;}
.collapse .panel-body .email{color: #693827;}
.book-list .map{width: 100%; margin-bottom: 30px; height: 420px; overflow: hidden;}
.book-list .contact{overflow: hidden; margin-bottom: 60px;}
.book-list .form{ border-right: 1px dashed #999; padding-right: 25px;}
.book-list .info{padding-left: 25px; margin-top: 15px;}
.book-list .info .add{width: 22px; height: 20px; vertical-align: middle; background: url(../add.gif) center center no-repeat; display: block; background-size: 22px 20px; float: left;}
.book-list .info em{margin-right: 10px; vertical-align: middle; color:#693827; font-size: 18px;}
.book-list .info p{line-height: 15px;}
.book-list .info article{margin-bottom: 20px;}
.book-list .form .title{color: #693827; font-size: 18px;}
.book-list .input input{width: 31.7%; height:34px; background: transparent; -webkit-transition: 0.2s all; transition: 0.2s all; border:1px solid #ccc; margin-right: 10px; text-indent: 1em;}
.book-list .input input:last-child{margin-right: 0;}
.book-list .textarea textarea{width: 100%; background: transparent; -webkit-transition: 0.2s all; transition: 0.2s all;border:1px solid #ccc; margin: 15px auto; height: 225px; text-indent: 1em;}
.book-list .form .btn{width: 100%; height: 40px; background: #693827; color: #fff; padding: 0; border-radius: 2px; line-height: 40px; text-align: center;}
.book-list form input:focus,.book-list form textarea:focus{border: 1px solid #4398ED; outline:none;}
.panel-group{padding: 0 10px;}

/* 公告栏 */
.notice {overflow: hidden; margin-top: 15px; height:40px;}
.notice img{float:left;margin-top: 12px;}
.notice #demo{width:97%; margin-left: 8px; float:left; overflow: hidden;}
.notice #demo .qimo{height:40px; overflow:hidden;}
.notice #demo .qimo div,.notice #demo .qimo ul{float: left;}
.notice #demo .qimo li{float: left; margin-left:18px; line-height: 40px;}
.notice #demo .qimo li a{color:#333; font-size: 16px;}


@media screen and (max-width:767px) {
	.header .navbar{background:#fff; position:static;}
	.header .logo img{width:68px; height: 58px; margin-left: 10px; margin-top:8px;}
	.navbar-toggle{margin-top:15px !important;}
	.header .navbar .navlist1>a{width:100%;border-bottom:1px solid #ccc; text-align: left; text-indent: 3.5em; background-size:45px 45px; font-size: 15px;}
	.header .nav .active>a{background-size:140px 45px !important;}
	.header .navbar .navlist1>a:hover{background-size:140px 45px !important;}
	.slideRight{display: none;}
	.met-about,.met-case,.met-service,.met-team,.met-friendly,.met-news,.met-one .one-content,.article-content,.footer{background: none;}
	.met-about .territory{display: none;}
	.met-index>.met-title{background: none; margin-bottom: 25px;}
	.met-about .container{padding: 0 15px !important;}
	.header .navbar-nav{position: relative; top:7%; z-index: 999; background: #fff; margin:6px auto 0 !important; width:100%;}
	.caseList .menu a{width:33.333%;}
	.foot_nav{display: none;}
	.news-box .col-xs-12{width:97%; padding: 10px; margin:0 auto 10px; float: none;}
	.friendly-box .title a{width:130px; margin-left: 18px;}
	.friendly-box .title a:nth-of-type(1){margin-right:0;}
	.copyRight .link,.copyRight .copy{padding:0 10px; text-align: center; width:100%;}
	.article-list li .desc{width: 100%;}
	.article-list li .note{width: 100%; margin-bottom:10px;}
	.article-list li .time{float: left; margin-top: 8px;}
	.article-list li .title{font-size: 17px; margin-bottom:10px;}
	.article-list .container{padding-left: 10px; padding-right: 10px;}
	.article-list ul li{padding:15px; margin: 0 10px 20px; width: auto;}
	.article-list .pic .time strong{margin: 8px auto 0}
	.article-list ul li img{max-width: 100%;}
	.article-list .pic .desc{border: none;}
	.article-box .content{padding: 0 10px;}
	.article-box .content img{width: 100%;}
	.article-box .title{font-size: 17px;}
	.article-box .time p{margin-right: 12px;}
	.article-box .met-shownews-footer ul{width: 100%; float: none;}
	.article-box .met-shownews-footer .back{width: auto; border-top: none; margin-bottom: 20px; margin-right: 10px;}
	.wenquan .wenquan_list li{margin-bottom: 15px !important; padding: 0 10px.page #page;}
	.wenquan-box .wenquan_list .title{height: 44px; line-height: 44px;font-size: 12px;}
	.rongyu_list li .title{line-height: 20px; height:60px;}
	.wenquan-box .subNav a{width: 50%; float: left; height: 47px; line-height: 47px; font-size: 16px; background-size:auto 47px !important;}
	.product-box .sum img{margin-bottom: 20px; max-width:100%;}
	.hexin-box .desc{border-right: none;}
	.hexin-box{padding:20px 0;}
	.book-list .form{margin-bottom: 30px;}
	.shijing_list{padding-left: 10px !important; padding-right: 10px !important;}
	.shijing_list li,.zhuanjia_list li,.rongyu_list li{padding: 0 8px;}
	.page .container{padding-left:10px; padding-right: 10px;}
	.main .out{overflow-x: auto;}
	.main .out .subNav{width:90px;}
	.main .one-nav a{font-size: 13px;}
	.header .nav .navlist{position: relative; top:0;}
	.header .nav .navlist a{width:100%; margin-left: 0;}
	.onepage img{max-width:100%;}
	.notice #demo{width:91%;}
	#myCarousel{display: none;}	
	.navbar-collapse{position: absolute; background: #fff; height: 102%; top: -7px; width: 60%; z-index: 9; -webkit-transition:0.6s all; -o-transition:0.6s all; -moz-transition:0.6s all; -ms-transition:0.6s all; transition:0.6s all; -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}
	.navmarks{position: absolute; top: 0; left: 0; cursor: pointer; -webkit-transition:0.3s all; -o-transition:0.3s all; -moz-transition:0.3s all; -ms-transition:0.3s all; transition:0.3s all;  z-index:-8; background: rgba(0,0,0,0); display: block; width:100%; height: 100%;}
	.team-box .item{width: 50%;}
	.met-about .alliance img{display: none;}
}
@media screen and (min-width:1200px){
	.hexin_list li img{height:269px;}
	.team-box .item img{height:258px;}
}
@media screen and (max-width:1199px) and (min-width:992px) {
	.header .navbar .navlist1>a{width:111px; background-size:45px 45px; font-size: 15px; text-indent: 3em;}
	.header .nav .active>a{background-size:135px 45px !important;}
	.header .navbar .navlist1>a:hover{background-size:135px 45px !important;}
	.youshi_list li:nth-of-type(2n){margin-left: 80px;}
	.header .nav .navlist a{margin-left: 2.7em; width:78px;}
	.hexin_list li img{height:217px;}
	.team-box .item img{height:210px;}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.header .navbar .navlist1>a{width:79px; background-size:30px 30px; font-size: 12px;}
	.header .nav .active>a{background-size:95px 30px !important;}
	.header .navbar .navlist1>a:hover{background-size:95px 30px !important;}
	.met-about .alliance{width:580px; margin: 0 auto;}
	.met-about .territory{padding-left:15px;}
	.met-about .container{padding:0 15px !important;}
	.vcode .code>img{width:100px; height: 100px; margin-right: 10px;}
	.vcode .code>span{margin-top: 0;}
	.vcode li{margin-top: 14px;}
	.met-about .territory img{width:562px; margin:30px auto 0; display: block;}
	.service-box li p{height:90px; margin: 20px auto 10px;}
	.marks .content{width:490px; margin-left: -245px;}
	.wenquan .owl_list img{width:490px;}
	.marks .owl_list li{width:153px;}
	.marks .content>.next{right: -40px;}
	.marks .content>.prev{left: -40px;}
	.wenquan-box .subNav a{width: 50%; float: left;}
	.wenquan .marks .prev{left: -50px;}
	.wenquan .marks .next{right: -50px;}
	.wenquan .marks .btns{width:40px; height:40px; background-size: 40px 40px !important;}
	.header .nav .navlist{top:43px;}
	.header .nav .navlist a{margin-left: 1.8em; width:62px; padding:0;  font-size: 12px;}
	.hexin_list li img{height:448px;}
	.team-box .item img{height:280px;}
	.notice #demo{width:96%;}
	.team-box .item{width: 33.33%;}
}
@media screen and (max-width:991px) {
	.met-about .info{border:none; padding-right: 15px;}
	.friendly-box .mobile{display:block;}
	.friendly-box .owl-buttons{display: none;}
	.friendly-box .hezuo{display:none !important;}
	.service-box li p{padding: 0 10px;}
	.hexin_list li{margin-right: 5px;}
	.hexin_list li:nth-of-type(2n){margin-right: 3px;}
	.hexin_list .col-xs-6{width: 48%;}
	.article-list .desc .info{clear: both;}
	.article-list .pic .time strong{margin-top: 15px;}
	.article-list ul .pic{padding: 0 10px;}
	.youshi_list li{width: 100%;}
	.youshi_list li:nth-of-type(2n){margin-left: 0;}
	.youshi_list{padding: 0 10px;}
}
@media screen and (max-width:640px) {
	.header .head{height:60px;}
	.header .head .tel{line-height: 60px;}
	.header .head .tel img{width:25px; height: 25px;}
	.carousel .carousel-inner p{font-size: 18px;}
	.met-index{padding: 50px 0 20px;}
	.met-case .btn span, .met-service .btn span{width:140px;}
	.met-case .btn, .met-service .btn{width:150px;}
	.met-case .btn i, .met-service .btn i{margin-left: 15px;}
	.owl-buttons div{margin-top: 40px;}
	.friendly-box .owl-buttons div{margin-top: 20px;}
	.copyRight .link li{height:30px; line-height: 30px;}
	.copyRight .copy p{line-height: 30px;}
	.news-box .title span{width:110px; font-size: 14px;}
	.met-index>.met-title strong{font-size: 18px; margin-bottom: 0;}
	.met-index>.met-title p{font-size: 13px;}
	.met-about .info-con p{font-size: 15px;}
	.rongyu_list li .title{font-size: 12px;}
	.book-list .input input{width: 100%; margin-bottom: 15px;}
}
@media screen and (max-width:480px) {
	.youshi_list li .hexagon{width:50px; height: 60px; margin-right: 10px; background-size: 50px 60px; line-height: 60px; font-size: 20px;}	
	.youshi_list li{padding: 25px 0;}
	.youshi_list li span{font-size: 16px; line-height: 60px;}
	.youshi_list li img{width: 35px; height:43px; margin-right: 8px; margin-top: 8px;}
}
@media screen and (max-width:639px) {
	.marks .owl_list li{margin-right: 10px;}
	.service-box li a{width:120px; height: 120px; padding:32px 30px;}
}
@media screen and (max-width:767px) and (min-width:640px) {
	.marks .content{width: 512px; margin-left: -256px;}
	.wenquan .owl_list img{width: 512px;}
	.marks .picture .close{width:32px; height:32px; background-size: 32px 32px !important;}
	.marks .owl_list li{width: 160px;}
	.wenquan .marks .prev{left: -42px;}
	.wenquan .marks .next{right: -42px;}
	.wenquan .marks .btns{width:32px; height:32px; background-size: 32px 32px !important;}
}
@media screen and (max-width:639px) and (min-width:480px) {
	.marks .content{width: 420px; margin-left: -210px;}
	.wenquan .owl_list img{width: 420px;}
	.marks .picture .close{width:28px; height:28px; background-size: 28px 28px !important; right: -25px; top:-30px;}
	.marks .owl_list li{width: 134px;}
	.marks .content>.btns{width:24px; height: 24px; background-size: 24px 35px !important;}
	.marks .content>.prev{left: -28px;}
	.marks .content>.next{right: -28px !important;}
	.wenquan .marks .prev{left: -28px;}
	.wenquan .marks .next{right: -28px;}
	.wenquan .marks .btns{width:24px; height:24px; background-size: 24px 24px !important;}
}
@media screen and (max-width:479px) and (min-width:400px) {
	.marks .content{width:350px; margin-left: -175px;}
	.wenquan .owl_list img{width:350px;}
	.marks .picture .close{width:25px; height:25px; background-size: 25px 25px !important; right: -22px; top:-22px;}
	.marks .owl_list li{width: 110px;}
	.marks .content>.btns{width:22px; height: 22px; background-size: 22px 30px !important;}
	.marks .content>.prev{left: -22px;}
	.marks .content>.next{right: -22px;}
	.wenquan .marks .prev{left: -25px;}
	.wenquan .marks .next{right: -25px;}
	.wenquan .marks .btns{width:22px; height:22px; background-size: 22px 22px !important;}
}
@media screen and (max-width:399px) and (min-width:320px) {
	.marks .content{width:280px; margin-left: -140px;}
	.wenquan .owl_list img{width:280px;}
	.marks .picture .close{width:22px; height:22px; background-size: 22px 22px !important; right: -18px; top:-20px;}
	.marks .owl_list li{width: 87px;}
	.marks .content>.btns{width:20px; height:20px; background-size: 20px 30px !important;}
	.marks .content>.prev{left: -20px;}
	.marks .content>.next{right: -20px;}
	.wenquan .marks .prev{left: -20px;}
	.wenquan .marks .next{right: -20px;}
	.wenquan .marks .btns{width:20px; height:20px; background-size: 20px 20px !important;}
}
@media screen and (max-width:640px) and (min-width:580px) {
	.team-box .item{padding: 0 150px;}
}
@media screen and (max-width:579px) and (min-width:480px) {
	.team-box .item{padding: 0 100px;}
}
@media screen and (max-width:479px) and (min-width:414px) {
	.team-box .item{padding: 0 40px;}
}
@media screen and (max-width:375px) {
	.carousel .carousel-inner p{font-size: 15px;}
	.vcode .code>img{width:90px; height: 90px;}
	.vcode .code>img{margin-right:10px;}
	.vcode .code>span{margin-top: -5px;}
	.vcode li{margin-top: 8px;}
	.met-case .btn, .met-service .btn{width:120px !important;}
	.met-case .btn span, .met-service .btn span{width: 110px !important;}
	.met-case .btn i, .met-service .btn i{margin-left: 8px !important;}
	.caseList .picList .name{font-size:12px;}
	.carousel .carousel-control span{font-size: 40px;}
	.article-box .page li a{font-size: 13px;}
	.wenquan .marks .page{margin-top: 10px;}
	.service-box li a{width:100px; height: 100px; padding:25px 20px; font-size: 20px;}
	.contact-us .tel{height:40px; line-height: 40px; font-size: 16px;}
}
@media screen and (min-width:768px) {
	.news-box .col-md-6{width:49%;}
	.news-box .col-md-6:nth-of-type(1n){margin-right: 10px; margin-bottom: 10px;}
	.news-box .col-md-6:nth-of-type(2n){margin-right:0;}
	#myCarousel2{display: none;}
}
@media screen and (min-width:992px) {
	.met-about .territory{padding-right: 0;}
	.one-content .out{overflow: hidden;}
	.zhuying-box .zhuying_list .col-md-2{width: 20%;}
	.hexin_list li:nth-of-type(5n){margin-right: 0;}
	.article-list ul li img{margin-right: 20px;}
	.article-list li .time{float: right; color: #333; width:15%; text-align: center;}
	.article-list li .desc{width:85%; float: left; overflow: hidden;}
	.article-list .pic .time p{ width: 60px; margin: 0 auto;}
	.youshi_list li:nth-of-type(7){border-bottom: 1px solid #cfcfcf;}
	.hexin_list .col-md-2{width:19.2%;}
}
@media screen and (max-width:767px) and (min-width:320px) {
	.service-box li p{height:100px; margin: 20px auto 10px;}
}