@charset "utf-8";

 













/* CSS Document */
.index-header{background:#333;color:#fff;width:100%;height:30px;position:relative;top:0;left:0;}
.index-header h5{color:#fff;height:30px;line-height: 30px;margin:0;}
.index-header ul{margin-bottom: 0;}
.index-header ul li{float:left}
.index-header ul li a{line-height: 30px;margin-left:15px;color:#fff;font-size:12px;}
.index-header ul li a:hover{color:#C8A063;}
.index1{ width:100%; background-color:#fff;}
.index11{ width:90%; margin:auto;position:relative;}

.index11a{ width:65%;padding-top: 36px;position: relative;top:0;left:0; 

}

.index11a1{ font-size:30px;  line-height:80px;}
.index11a2{ font-size:16px;  line-height:30px; margin-bottom: 5%; }
.indexAbout{width:15%;height:auto;background:#c8a063;position: absolute;right:0;top:-40px;z-index:2;}
.indexAbout .white-bor{margin:4% 3%;border:2px solid #fff;color:#fff;}
.indexAbout .white-bor ul{padding-top:5%;}
.indexAbout .white-bor li{text-align:center;margin-bottom: 20%;}
.indexAbout .white-bor li:first-child{font-size: 36px;font-family: arial, "Microsoft Yahei";margin-bottom: 0;}
.lead{font-size: 18px;margin-top:10px;}
.lead span{padding:0 5px;}
.indexAbout .white-bor li:first-child+li{margin-bottom: 5%;}
.indexAbout .white-bor li:first-child+li+li{font-size:18px;font-weight: bold}
.indexAbout .white-bor li i{font-size: 30px;font-weight: 300}
.indexAbout .white-bor li a{padding:4% 9%;border:1px solid #fff;color:#fff;}
.indexAbout .white-bor li:last-child:hover a{padding:4% 9%;border:1px solid rgba(255,255,255,0.8);color:rgba(255,255,255,0.8);}
.top_nav{display:none;}

.index11b{ width:100%; }

.index11b1{ background-color:#F0F0F0; width:32%; float:left; height:100%; margin-right:2%;}
.index11b2{ background-color:#F0F0F0; width:32%; float:left; height:100%;  }
.index11b22{ background-color:#F0F0F0; width:32%; float:left; height:100%; margin-right:2%; }

.index11b11{ width:80%; margin:auto; font-size:18px;  line-height:50px; color:#000; padding-top: 10px; }
.index11b12{ width:80%; margin:auto; font-size:13px; line-height:20px; margin-top: 2%; margin-bottom: 3%;color:#7f7f7f}
.index11b13{ width:80%; margin:auto; font-size:14px;   line-height:30px; color:#739F10; margin-bottom: 5%; }

.index11b1:hover { background-image:url(../img/index1.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;}
.index11b2:hover { background-image:url(../img/index1a.jpg);  background-position: center;background-repeat: no-repeat;background-size: cover;}
.index11b22:hover { background-image:url(../img/index1b.jpg);  background-position: center;background-repeat: no-repeat;background-size: cover; }
/* 首页3小组样式PC end*/

.index2{ width:100%; background-color:#F0F0F0;  overflow: hidden; }
.index21{ width:90%;  margin: 3% auto; overflow: hidden;  }
/*.index21 li{ width:33.33%;float:left;  }*/
.index21 li .li-in{padding:0 3%;width:94%;float:left;}
.index21 li .li-in .img-box{ position:relative }
.index21 li .li-in h3{margin-bottom: 30px;margin-top:20px; }
.index21 li .li-in h3 span{display: inline-block;background:url("../img/icon01.png") no-repeat;width:40px;height:32px;background-position:center;margin-right: 5px;}
.index21 li:first-child+li .li-in h3 span{display: inline-block;background:url("../img/icon02.png") no-repeat;width:40px;height:32px;background-position:center;margin-right: 5px;}
.index21 li:last-child .li-in h3 span{display: inline-block;background:url("../img/icon03.png") no-repeat;width:40px;height:32px;background-position:center;margin-right: 5px;}
.index21 li .li-in h3 b{font-size:18px;font-weight: normal;color:#333;}
.index21 li .li-in .img-ue{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);text-align: center;color:#fff;width:100%;}
.index21 li:hover .li-in .img-ue{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);text-align: center;color:#fff;width:100%;}
.index21 li .li-in .img-ue img{margin:17% auto 0;}
.index21 li .li-in .img-ue:hover img{cursor:pointer}
/* 首页产品组样式PC end*/

.index3{ width:100%;  height:400px;  margin-top: 50px; }
.index3news{ width:92%; margin:auto; height:auto;}
.index3news1{ width:23%; height:350px;  float:left; margin-right:2%; padding:20px 30px 10px 30px ;   }

.index3news1:hover{ background-color:#F0F0F0;}
.index3news11{ /*width:320px; height:162px*/; border:1px solid #DCDCDC; text-align: center; font-size:20px; font-weight:bold; color:#000;}
.index3news11 img{ width:100%; }
.index3news11 p{ font-size:16px; text-align:left; padding-left:20px; font-weight:400;}

.index3news12{ font-size:16px; color:#000; line-height:24px; margin-top: 20px; font-weight: bold; }
.index3news13{ font-size:12px; color:#4D4D4D; line-height:20px; margin-top: 10px;}
.index3news15{ font-size:12px; color:#4d4d4d; line-height:20px; margin-top: 10px;}
.index3news14{ font-size:12px; color:#739F10; line-height:20px; margin-top: 10px; font-weight:bold;}
/* 首页新闻组样式PC end*/



 
/*ipad横向样式组*/

@media (min-width: 900px) and (max-width: 1190px) {
    .index-header{display: none;}
.bannergg1h1{ font-size: 2.5rem; line-height:2rem;  margin-top: 15%;}
.bannergg1h2{ font-size: 2.4rem; line-height: 2rem;  margin-top: 22%; }
.bannergg1h3{ font-size: 2rem; line-height: 2rem; margin-top: 28%; }
.bannergg1h4{ margin-top:33%; }

.bannergg3h1{ font-size:3rem; line-height:3rem; }
.bannergg3h2{ font-size:2rem; line-height:2rem; margin-top: 23%;}
.bannergg3h3{ font-size:2rem; line-height:2rem; margin-top: 26%;}

.bannergg4h1{ font-size:2.8rem; line-height:2.8rem; padding-left:9%; margin-top: 18%; }
.bannergg4h2{ font-size:1.8rem; line-height:1.8rem; padding-left:9%; margin-top: 24%;}
.bannergg4h3{ font-size:1.8rem; line-height:1.8rem; padding-left:9%; margin-top: 30%; }

.bannergg5h2{ margin-top:24%; }
.bannergg5h3{ margin-top:28%; }
.bannergg5h4{ margin-top:34%; }

body .navbar-nav > li > a{padding:10px 0 0;color:#fff;line-height:10px;padding-bottom:25px !important;display:block;text-decoration: none;}
.index21b2to1 h1{ font-size: 14px; font-weight: bold; padding-top: 98%; color: #000; line-height: 20px; }
.index21b2to1 h2{ font-size: 14px; letter-spacing: 2px; }
.index21b2to11 h1{ font-size: 14px; font-weight: bold; padding-top: 100%; color: #000; line-height: 20px; }
.index21b2to11{ height:250px; }

.lanrenzhijia .content ul li h1{ width:60%; }
.lanrenzhijia .content ul li h2{ margin-left: 15%; }
.lanrenzhijia .content ul li h3{ width: 50%; margin-left: 4%; font-size: 1.3rem; padding-top: 0%;  }
.lanrenzhijia .content ul li h4{ width:58%;  padding-top: 0%;}

.footer2onto1 a{ font-size:1.2rem; }

.abinfoon table p{ padding-left:2%; padding-right:2%; }
.newsin1{ width:32%; }
.newsin1 img { width:70%;}
.newsin2{margin-left: 1px;}
.newsin21{ font-size:16px; height:30px;}
.newsin3{ height:80px; width:80px;padding-top: 16px; font-size:16px;}
.newsin3 p{ font-size:12px;}
.newsinfoon { height:220px;}
.newsin22{ font-size:12px; line-height:20px;}
.newsin23{ margin-top:10px;}
.index11a1{ font-size:30px; line-height:60px;}
.index11a2{ font-size:14px;   line-height:26px;}
.index11a{ width:65%; padding-top: 36px;float:left; }
.index11b1 {background-color: #F0F0F0;width: 32%;float: left;height: 100%;margin-right: 2%;}
.index11b11{ width:80%; margin:auto; font-size:18px;  line-height:60px; color:#000; padding-top: 10px; }
.index11b12{ width:80%; margin:auto; font-size:12px;  line-height:18px; color:#7f7f7f}
.index11b13{ width:80%; margin:auto; font-size:14px;   line-height:30px; color:#739F10; margin-bottom: 5%; margin-top: 2%;  }
.index3news12{font-size: 14px; line-height: 22px; }
.index3news13{ line-height:20px; }
.footer2onto1 a{ line-height:24px;}
.footer2on{width: 10%;margin-right: 13%;}
.index3news11{ /*width:90px; height:80px;font-size:18px;*/}
    .indexAbout{width:22%;position:static;float:right;margin:10px 0;}
    ul.navbar-nav > li{margin-left:10px;}
    #footer .container ul  li{margin-left:2%;}
}


/*ipad横向样式组*/
@media (min-width: 900px) and (max-width: 1190px) {
    .sidebar{display: none;}
    .callbacks_container{margin-top:70px;}
    .footer-ue{display:none;}
}
@media (min-width: 750px) and (max-width: 900px) {
    .footer-ue{display:none;}
    .callbacks_container{margin-top:70px;}
    .sidebar{display: none;}
    .index-header{display: none;}
.bannergg1h1{ font-size:2rem; line-height:2.2rem; }
.bannergg1h2{ font-size:1.8rem; line-height:2rem; }
.bannergg1h3{ font-size:1.3rem; line-height:1.6rem; margin-top:28%; }
.bannergg1h4{ width:10%; font-size:1.2rem; margin-top: 36%;}

.bannergg2h1{ font-size:2rem; line-height:2.2rem;  }
.bannergg2h2{ font-size:1.5rem; line-height:1.4rem; }
.bannergg2h3{ font-size:1.5rem; line-height:1.4rem; }
.bannergg2h4{ width:10%; font-size:1.2rem; margin-left: 82%; }

.bannergg3h1{ font-size:2rem; line-height:2rem; }
.bannergg3h2{ font-size:1.5rem; line-height:1.4rem; margin-top:24%; }
.bannergg3h3{ font-size:1.5rem; line-height:1.4rem; margin-top:27%; }
.bannergg3h4{ width:10%; font-size:1.2rem; margin-top:32%; }

.bannergg4h1{ font-size:2rem; line-height:2rem; }
.bannergg4h2{ font-size:1.5rem; line-height:1.4rem; margin-top: 26%;}
.bannergg4h3{ font-size:1.5rem; line-height:1.4rem; margin-top: 32%;}
.bannergg4h4{ width:10%; font-size:1.2rem; margin-top:38%; }

.bannergg5h1{ font-size:2rem; line-height:2rem; margin-left:8%; }
.bannergg5h2{ font-size:1.7rem; line-height:2rem; margin-left:8%; }
.bannergg5h3{ font-size:1.2rem; margin-left:8%; }
.bannergg5h4{ width:10%; font-size:1.2rem; }
    .indexAbout{width:22%;position:static;margin:10px 0;float:right;}
    ul.navbar-nav > li{margin-left:10px;}
    body .navbar-nav > li > a{padding:10px 0 0;}
    ul.navbar-nav > li{margin-left:5px;}
    body .index3, body .index3news{height:727px;}
    #footer .container ul > li{margin-left:2%;}
    
.index21b2to1 h1{ padding-top: 140%; font-size: 1.1rem; }
.index21b2to1 h2{ letter-spacing: 0px; font-size: 1rem;}
.index21b2to11 h1{  padding-top: 140%; font-size: 1.1rem;}
.index21b2to11 h2{ letter-spacing: 0px; font-size: 1rem;}

.lanrenzhijia .content{ height:340px; }
.lanrenzhijia .tab a{width: 23.8%; font-size:0.8rem; }
.lanrenzhijia .content ul li h1{ font-size: 1.5rem; width: 43%; }
.lanrenzhijia .content ul li h2{ margin-left: 7%; width: 28%; }
.lanrenzhijia .content ul li h3{ padding-left:1%; width:30%; font-size: 1.2rem; line-height: 1.4rem; }
.lanrenzhijia .content ul li h4{ font-size: 1.1rem; width: 45%; padding-top: 2%;}


.abinfoon table p{ padding-left:2%; padding-right:2%; }
.newsinfoon{ height:650px;}
.newsin1{ width:50%; float:none; }
.newsin2{ width:100%; float:none; margin-left:0px; }
.newsin21{ height:40px; line-height:40px;}
.newsin22{ font-size:12px; line-height:20px;}
.newsin23{ margin-top:10px;}
.newsin3{ margin-top:20px; float:none; height:60px; padding-top: 10px; font-size:16px;}
.newsin3 p{ font-size:12px; padding-left:35px;}
.newsin1 img{ width:100%; }

.index11a1{ font-size:2rem;  line-height:5rem;}
.index11a2{ font-size:1.2rem;  line-height:2rem; margin-bottom: 3%; }
.index11a{ width:65%;   padding-top: 36px;float:left; }

.index11b11{ width:90%; margin:auto; font-size:1.6rem;  line-height:50px; color:#000; padding-top:5px; }
.index11b12{ width:90%; margin:auto; font-size:1rem;  line-height:18px; color:#7f7f7f; margin-top: 5%; margin-bottom: 5%;}
.index11b13{ width:90%; margin:auto; font-size:1.2rem;  line-height:50px; color:#739F10; }

.index3,.index3news{ height:650px;}
.index3{ margin-top:1px;}
.index3news{ width:90%;}
.index3news1{ width:42%; margin-right:2%; }
.index3news11,.index3news12,.index3news13,.index3news14{ line-height:20px; margin-top:10px; }
.index3news12{ font-size:14px;}
.index3news1:first-child+.index3news1,.index3news1:first-child+.index3news1+.index3news1+.index3news1{ float:right}


.index21a1{ font-size:30px;}
.index21b2 p{ font-size:26px; font-size:20px;}
.index21b2 p a{ font-size:46px; color: #7f7f7f  }

.index21b1{font-size: 26px;}

.index21a21{ width:23%; margin-right:1%; }
.abindex1a{ height:70px; line-height:70px; font-size:12px;}

.abinfoto ul li{ margin-bottom:5%; }
.abinfoto{ height:120px;}

.abindex1{ margin-top:50px;}
.header{position: fixed; }
 
.footer2on{width: 14%; margin-right: 5%;}
.footer2onA{ width:12%;}
.footer3{ width:100%; }
.footer2onto1 a{font-size: 1rem; }
}
@media (min-width:768px) and (max-width:768px) {
    .callbacks_container{margin-top:60px;}
}

.list_title{
	font-family: 微軟正黑體, 'Microsoft YaHei'; font-size: 36px; color: rgb(127, 127, 127);
}
@media (min-width: 540px) and (max-width:767px){
    .index2 .index21 li .li-in .img-box > img{width:120%;}
}
/*手机样式*/
@media (max-width: 740px) {
.index21 li .li-in h3{margin-bottom: 20px;margin-top:30px; }
.sidebar li{background:rgba(0,0,0,0.6);}
.sidebar li:hover{

    margin:0;
}
.sidebar li{
    height: 50px; width: 160px; padding-left: 20px; border-radius:8px 0 0 8px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.sidebar{background:none;}
.footer-ue{display: none;}
.sidebar li:first-child,.sidebar li:first-child+li{display: none;}
.callbacks_container{margin-top:60px;}
.index-header{display: none;}
.index21b2to1{ height:85%; }
.index21b2to11{ height:85%; }

.index21b2 p a{font-size: 2.8rem;}
.index21b2 p{ font-size:1.5rem; }

.index21b2to1 h1{ padding-top: 230%; font-size: 1.2rem; }
.index21b2to1 h2{ letter-spacing: 0px; font-size: 1rem;}
.index21b2to11 h1{ padding-top:230%; font-size:1.2rem;}
.index21b2to11 h2{letter-spacing: 0px; font-size: 1rem;}

.header{position: fixed; }

.callbacks_container{ /*padding-top:60px;*/}
 
.index11a{ width:60%; padding-top: 20px;float:left; }

.index11a1{ font-size:1.6rem;   line-height:2rem; margin-bottom:10%;font-weight:bold;}

.index11a2{ font-size:1.2rem; line-height:1.8rem; margin-bottom: 10%; }
 
 
.index11b1{ width:100%; background-color: #F0F0F0; margin-bottom: 5%;}
.index11b22{ width:100%;  background-color: #F0F0F0; margin-bottom: 5%;}
.index11b2{ width:100%;  background-color: #F0F0F0;  margin-bottom: 5%; }
.indexAbout .white-bor li:first-child{font-size:18px;}
.indexAbout .white-bor li:first-child + li + li{font-size:14px;}
.indexAbout{width:35%;top:17px;position:static;margin:25px 0;float:right}
.indexAbout .white-bor li:last-child:hover a{padding:4% 9%;border:1px solid rgba(255,255,255,0.8);color:rgba(255,255,255,0.8);border:1px solid #fff;color:#fff;}
.index11b11{ width: 90%;margin: auto;font-size: 1.3rem; line-height: 4rem;color: #000; }
.index11b12{ width: 90%;margin: auto;font-size: 1.1rem; line-height: 1.8rem;color: #7f7f7f;}
.index11b13{ width: 90%;margin: auto;font-size: 1rem; line-height:4rem;color: #739F10;}


/*.index2{ height:1100px;}*/
.index21b,.index21a{ float:none; width:100%; }
.index21a1{ text-align: center; font-size:2rem; font-weight:bold; color:#000;}
.index21b{ margin-top:60px;}
.index21a2{ height:360px; }
.index21a21{ margin-top:20px; }

.index3{ height:auto;}
.index3news{ width:100%; }
.index3news1{width: 100%;height: auto;float:none;margin-right: 4%;padding: 20px 30px 10px 30px; border-bottom-style: solid;border-width: 1px;border-color: #CCCCCC;}
.index3news11{ width:100%; height:auto; font-size:16px;  }
.index3news12{ margin-top:10px;}
.index3news13{ margin-top:10px; line-height: 20px; }

.index3news11 p{ font-size:13px; text-align:center; padding-left:0px;}
#footer ul{display: none;}
#footer .row ul > li{float:none;margin-left:0;text-align:center;}
#footer .row ul > li dd{border:none;}
#footer ul li dl dd a:hover {  color: #ccc;  }
#footer ul li dl dt a:hover {  color: #fff;  }
#recent-works .btn-primary:hover, #recent-works .btn-primary:focus, #recent-works .btn-primary.active.focus, #recent-works .btn-primary.active:focus, #recent-works .btn-primary.active:hover, #recent-works .btn-primary.focus:active, #recent-works .btn-primary:active:focus, #recent-works .btn-primary:active:hover {
        background: #c0a16b;
        box-shadow: none;
        outline: medium none;
    }
    #footer .container ul > li{margin-left:2%;}
}



/*
main*/


hr {
    border-top: 4px solid #c0a16b;
    width: 70px;
    margin:auto
}
.btn-primary {
    background: #C8A063 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    margin-top: 30px;
    padding: 8px 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover {
    background: rgba(200,160,99,0.6);
    box-shadow: none;
    outline: medium none;
}


#recent-works .col-xs-12.col-sm-4.col-md-4 {
    padding: 15px;
}
#recent-works {
    padding-bottom: 70px;
}
#recent-works .center{
   text-align:center;
}
.recent-work-wrap {
    position: relative;
}

#recent-works .readmore {
    color: #a40000;
    font-weight: bold;
    margin-left: 5px;
    text-transform: uppercase;
}
#recent-works .readmore:hover {
    color: #444;
}
.recent-work-wrap img {
    width: 100%;
}
.recent-work-wrap .recent-work-inner {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    margin-bottom: 0;
    opacity: 1;
    text-align: center;
    top: 0;
    width: 100%;
    margin-top:30%;
}
.recent-work-wrap .recent-work-inner h3 {
    margin: 10px 0;
}
.recent-work-wrap .recent-work-inner h3 a {
    color: #fff;
    font-size: 16px;
}
.recent-work-wrap .recent-work-inner p {
    color: #fff;
    font-size: 16px;
}
.recent-work-wrap .overlay {
    background: #c0a16b none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    transition: opacity 500ms ease 0s;
    vertical-align: middle;
    width: 100%;
}
.recent-work-wrap .overlay .preview {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size:16px;
    margin-top:5px;
}
.recent-work-wrap:hover .overlay {
    opacity: 0.9;
}
.recent-work-wrap .overlay .preview i{
    background:url("../img/search.png") no-repeat;width:18px;height:15px;display: inline-block;margin-left: -18px;
}
#testimonials {
    background: rgba(0, 0, 0, 0) url("../img/testimonial-bg.jpg") repeat fixed 0 0 / cover ;
    color: #ddd;
    padding: 80px 0 40px;
}
#testimonials h2 {
    color: #ddd;
    font-size:20px;
    margin-bottom: 10px;
}
#testimonial {
    padding: 0;
}
#testimonial .item {
    display: block;
    font-size: 18px;
    height: auto;
    line-height: 30px;
    width: 100%;
}
#testimonial .item p {
    color: #ddd;
    font-weight: 500;
    margin: 20px 0 0;
    font-size: 14px;
}
.owl-theme .owl-controls .owl-page span {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 10px;
    margin: 5px 7px;
    opacity: 1;
    transition: all 0.5s ease 0s;
    width: 10px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #c0a16b none repeat scroll 0 0;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span {
    background: #c0a16b none repeat scroll 0 0;
}

.portfolio-items, .portfolio-filter {
    list-style: outside none none;
    margin: 0 0 40px;
    padding: 0;
}
.portfolio-filter > li {
    display: inline-block;
}
.portfolio-filter > li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    outline: medium none;
    text-transform: uppercase;
    transition: all 0.9s ease 0s;
}
.portfolio-filter > li a:hover, .portfolio-filter > li a.active {
    background: #a40000 none repeat scroll 0 0;
    border: 1px solid #a40000;
    box-shadow: none;
    color: #fff;
}
.portfolio-filter .btn-default.active.focus, .portfolio-filter .btn-default.active:focus, .portfolio-filter .btn-default.active:hover, .portfolio-filter .btn-default.focus:active, .portfolio-filter .btn-default:active:focus, .portfolio-filter .btn-default:active:hover {
    background-color: #a40000;
    border-color: #a40000;
    color: #fff;
    outline: medium none;
}
.portfolio-items > li {
    box-sizing: border-box;
    float: left;
    padding: 0;
}
.portfolio-item {
    margin: 0;
    padding: 15px;
}

#footer {
    background: #2e2e2e none repeat scroll 0 0;
    color: #aaa;
    padding-bottom: 40px;
    padding-top: 30px;
    font-size:12px;
}
#footer .col-sm-1{padding:0;}
#footer .col-sm-1 p,#footer .col-sm-2 p{text-align:center;}
#footer a {
    color: #ccc;
}
#footer a:hover {
    color: #c8a063;
}
#footer ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;

}
#footer ul li {
    float:left;
    margin-left: 5%;

}
#footer ul dl dt{margin-left:-4px;margin-bottom: 8px;}
#footer ul dl dt a{color:#fff;}
#footer ul dl dd{color:#999;border-left:1px solid #999;padding-bottom:5px;}
#footer ul dl dd a{padding-left:6px;}
.follow-us {
    text-align: center;
}
.weixin {
    font-size: 14px;
}

.glyphicon-search::before {
    content: "";
}
.glyphicon {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.glyphicon.glyphicon-search{font-weight: 300;}

.share-box {
    float: right;
}
.share-box a{display: block;width:30px;height:30px;}
.share-box i.weibo{background:url("../img/weibo.png") no-repeat;display: block;width:30px;height:30px;background-position:center;}
.share-box i.weixin{background:url("../img/weixin.png") no-repeat;display: block;width:30px;height:30px;background-position:center;}
.share-box li {
    background: #ccc none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 30px;
    margin-left: 20px;
    position: relative;
    text-align: center;
    width: 30px;
}

.share-box li:hover {
    background: #c8a063 none repeat scroll 0 0;
}
.share-box li .share-item {
    background: #c8a063 none repeat scroll 0 0;
    border-radius: 3px;
    display: none;
    height: 145px;
    left: 50%;
    margin-left: -62.5px;
    padding: 10px;
    position: absolute;
    top: 50px;
    width: 128px;
    z-index: 99;
}
.share-box li .share-item img {
    width: 100%;
}
.share-box li .share-item p {
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
}
.share-item::after, .share-item::before {
    border: medium solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.share-item::after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #c8a063;
    border-width: 10px;
    margin-left: -10px;
}
.share-item::before {
    border-bottom-color: #c8a063;
    border-width: 12px;
    margin-left: -13px;
}
.share-box li:hover .share-item {
    display: block;
}


@media (max-width: 767px) {
    #testimonials{background-color:#ccc;background-image:none;padding:30px 0 5px;}
    #testimonial .item p{color:#333;}
    #testimonials h2{color:#333;}
    .index21 li .li-in{float:none;width:100%;}
    #testimonial .item p{margin:10px 0 20px;}
    #recent-works h2{font-size:24px;}


}