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

.bh-aboutbanner{ width:100%; min-width:1200px; height:519px; overflow:hidden; background:url(../images/banner/about-banner.jpg) no-repeat top center;}

.bh-aboutmenu{width:100%; min-width:1200px; height:80px; border-bottom:solid 1px #e6e6e6;}
.bh-aboutmenu .aboutmenu{ width:1200px; height:80px; margin:0px auto; overflow:hidden; text-align:center;}
.bh-aboutmenu .aboutmenu li{ width:150px; height:80px; text-align:center; display:inline-block; margin:0px auto; line-height:80px;}
.bh-aboutmenu .aboutmenu li a{ font-size:14px; color:#262626;}
.bh-aboutmenu .aboutmenu li a:hover{ color:#0097e0;}
.bh-aboutmenu .aboutmenu li.selected{ border-bottom:solid 1px #0097e0; position:relative; top:0px;}
.bh-aboutmenu .aboutmenu li.selected a{ color:#0097e0;}

.bh-intro{ width:1180px; height:auto; margin:0px auto; overflow:hidden;}
.bh-intro h1{ text-align:center; font-size:26px; font-weight:normal; color:#333; line-height:50px; letter-spacing:1px; margin:65px auto 0px auto;}
.bh-intro h2{text-align:center; font-size:16px; font-weight:normal; color:#bbb; line-height:15px; letter-spacing:1px; margin:0px auto 30px auto;}
.bh-intro p{ text-indent:2em; color:#333; margin:0px auto 10px auto; line-height:220%; font-size:14px;}

.bh-about-service{ width:1200px; height:250px; margin:20px auto 90px auto; overflow:hidden;}
.bh-about-service .service-icon{ width:25%; height:250px; float:left;}
.icon1,.icon2,.icon3,.icon4{ width:147px; height:148px; background:url(../images/whoweare.png) no-repeat 0 0; margin:15px auto 20px auto; cursor:pointer;}
.bh-about-service .icon2{ background-position:-147px 0;}
.bh-about-service .icon3{ background-position:-294px 0;}
.bh-about-service .icon4{ background-position:right 0;}
.icon1:hover,.icon2:hover,.icon3:hover,.icon4:hover{ opacity:0.8;}
.bh-about-service .service-font{ font-size:14px; line-height:230%; text-align:center;} 

.bh-about-slogan{ width:100%; min-width:1200px; height:518px; overflow:hidden; background:url(../images/banner/tenyear.jpg) no-repeat top center;}

.bh-advantage{ width:100%;min-width:1200px; height:auto; margin:0px auto; overflow:hidden; background:#f2f2f2;}
.bh-advantage h1{ text-align:center; font-size:26px; font-weight:normal; color:#333; line-height:50px; letter-spacing:1px; margin:65px auto 0px auto;}
.bh-advantage h2{text-align:center; font-size:16px; font-weight:normal; color:#bbb; line-height:15px; letter-spacing:1px; margin:0px auto 10px auto;}
.bh-advantage .advantage{ width:1200px; height:337px; margin:30px auto 90px auto; overflow:hidden;}
.bh-advantage .advantage-icon{ width:288px; height:337px; float:left; background:#fff; margin-right:16px;}
.bh-advantage .adv-icon{ width:288px; height:218px; position:relative; overflow:hidden; background:#1bbc9c;}
.bh-advantage p{ margin:13px auto 0px auto; line-height:200%; width:254px; font-size:14px;}
.advicon1,.advicon2,.advicon3,.advicon4{ width:124px; height:124px; margin:45px auto 0px auto; overflow:hidden; background:url(../images/advantage.png) no-repeat 0 0; cursor:pointer;}
.bh-advantage .advicon2{ background-position:-124px 0;}
.bh-advantage .advicon3{ background-position:-248px 0;}
.bh-advantage .advicon4{ background-position:right 0;}
.bh-advantage .adv-bg2{ background-color:#ffd010;}
.bh-advantage .adv-bg3{ background-color:#e34d43;}
.bh-advantage .adv-bg4{ background-color:#39566e;}

.bh-team{ width:100%; min-width:1200px; height:auto; margin:0px auto; overflow:hidden;}
.bh-team h1{ text-align:center; font-size:26px; font-weight:normal; color:#333; line-height:50px; letter-spacing:1px; margin:65px auto 0px auto;}
.bh-team h2{text-align:center; font-size:16px; font-weight:normal; color:#bbb; line-height:15px; letter-spacing:1px; margin:0px auto 10px auto;}
.bh-team .team{ width:100%; height:auto; margin:20px auto 90px auto; overflow:hidden; text-align:center;}
.bh-team .team img{ display:block; margin:0px auto; overflow:hidden;}


.bh-honor{ width:1200px; min-height:400px; overflow:hidden; margin:40px auto; min-width:1200px;}

.hobor-img{ width:282px; float:left; height:400px; margin:0 18px 18px 0; overflow:hidden; box-sizing:border-box; border:solid 1px #ddd;}
.hobor-img img{ width:194px; margin:40px auto; display:block; cursor:pointer;}
.hobor-img div{ width:100%; height:auto; overflow:hidden; text-align:center; color:#666;}
/*.bh-team .team img{-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);} */