.container h2{font-family: 'ebrima';font-size: 24px;color: #2d2d2d;position: relative;padding-bottom: 24px;}
.container h2 em{width: 45px;height: 5px;overflow: hidden;position: absolute;bottom: 0;left: 0;background-color: #dbe3e8;}
.container h2 a{color:#2d2d2d; }
.container h2 a:hover{color:#fe8b4d; }
/* banner */
.banner{width:100%;position:relative;height:520px;background:#fff;border-bottom: 2px solid #bec4c7;}
.banner .bd{ margin:0 auto; position:relative;z-index:0;overflow:hidden;}	
.banner .bd ul{ width:100% !important;}	
.banner .bd li{ width:100% !important;height:520px;overflow:hidden;text-align:center;}
.banner .bd li a{ display:block;height:520px;}
.banner .bd li .bd-text{position: absolute;right: 0;top:142px;}
.banner .bd li h2{font-family: 'verdanab';color: #254353;font-weight: bolder;font-size: 40px;margin-bottom: 20px;*text-align: right;}
.banner .bd li em{float:right;font-family: 'verdanab';background-color: #ed7e44;font-size: 34px;color: #fff;display: inline-block;padding: 6px 27px;}
.banner .hd{ width:100%;  position:absolute;z-index:1;bottom:0;left:0;height:40px;line-height:40px;}
.banner .hd ul{text-align:center;}	
.banner .hd ul li{ cursor:pointer; display:inline-block;*display:inline;zoom:1;width:50px;height:8px;margin:0 10px 0 0;
    overflow:hidden;background:#000;filter:alpha(opacity=20);opacity:0.2;line-height:999px;}
.banner .hd ul .on{ background:#fe8b4d;filter:alpha(opacity=100);opacity:1;}
.banner .prev,	.banner .next{position:absolute;z-index:1;top:50%;margin-top:-40px;left:0;
    z-index:1;width:40px; height:80px; background:url('../images/slider-arrow.png') -126px -126px #020202 no-repeat;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;display:none;}
.banner .next{ left:auto; right:0; background-position:-6px -126px;}

/*product*/
.product{height: auto;overflow: hidden;padding: 32px 0 50px;}
.product a img{position: relative;}
.product a:hover img{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-o-transform: matrix(1, 0, 0, 1, 0, 0);-moz-transform: matrix(1, 0, 0, 1, 0, 0);-ms-transform: matrix(1, 0, 0, 1, 0, 0);}
.product .product-first{float: left;width: 556px;height: 354px;overflow: hidden;margin-top: 18px;}
.product .product-first a{display: block;width: 556px;height: 354px;position: relative;}
.product .product-first a p{z-index:2;font-size: 14px;color: #fff;position: absolute;left:0;bottom:0;height: 40px;line-height: 40px;padding-left: 16px;width: 100%;}
.product .product-first a div{z-index:1;position: absolute;left:0;bottom:0;height: 40px;background-color: #445660;opacity: 0.8;width: 100%;}
.product ul{height: auto;overflow: hidden;}
.product ul li{float: left;width: 262px;height: 168px;overflow: hidden;margin: 18px 0 0 30px;}
/*.product ul li.first{width: 556px;height: 354px;}*/
.product ul li a{display: block;position: relative;}
.product ul li a p{z-index:2;font-size: 14px;color: #fff;position: absolute;left:0;bottom:0;height: 40px;line-height: 40px;padding-left: 16px;width: 100%;}
.product ul li a div{z-index:1;position: absolute;left:0;bottom:0;height: 40px;background-color: #445660;opacity: 0.8;width: 100%;}
/*.product ul li.first a p{font-size: 14px;padding-left: 32px;height: 40px;line-height: 40px;}
.product ul li.first a div{height: 40px;}*/

/*about*/
.about{height: 321px;overflow: hidden;padding-top: 59px;background: url("../images/about_bg.jpg") center top no-repeat;}
.about .about-fl{height: auto;overflow: hidden;float: left;width: 360px;margin-right: 36px;}
.about .about-fl h2{padding-bottom: 33px;}
.about .about-fl p{color: #8f8f8f;line-height: 24px;margin-top: 20px;}
.about .about-fl .more{color: #fe8b4d;margin-top: 22px;display: inline-block;}
.about .about-fl .more:hover{text-decoration: underline;}
.about .about-fr{height: auto;overflow: hidden;}
.about .about-fr ul{height: auto;overflow: hidden;}
.about .about-fr ul li{float: left;width: 50%;height: auto;overflow: hidden;margin-bottom: 14px;}
.about .about-fr ul li a{display: block;}
.about .about-fr ul li .about-fr-img{float:left;margin-right: 20px;background-color: #fe8b4d;width: 72px;text-align: center;height: 72px;line-height: 72px;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-in-out 0s; /* Safari �� Chrome */ -o-transition: all 0.3s ease-in-out 0s; /* Opera */}
.about .about-fr ul li .about-fr-img i{color: #fff;font-size: 30px;}
.about .about-fr ul li a:hover .about-fr-img{background-color: #f8742d;}
.about .about-fr ul li a:hover .about-fr-text h3{color: #f8742d;}
.about .about-fr ul li .about-fr-text{height: auto;overflow: hidden;}
.about .about-fr ul li .about-fr-text h3{color: #25354e;padding-bottom: 7px;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-in-out 0s; /* Safari �� Chrome */ -o-transition: all 0.3s ease-in-out 0s; /* Opera */}
.about .about-fr ul li .about-fr-text p{font-size: 13px;color: #999;line-height: 20px;min-height: 60px;padding-right: 10px;}
/*news and project*/
.news{height: auto;overflow: hidden;padding: 50px 0 0;}
.news .news-fl{height: auto;overflow: hidden;width: 47%;margin-right: 3%;}
.news .news-fl ul{height: auto;overflow: hidden;width: 100%;}
.news .news-fl ul li{height: auto;overflow: hidden;margin-bottom: 19px;}
.news .news-fl ul li a{display: block;}
.news .news-fl ul li .news-fl-img{width: 156px;height: 104px;overflow: hidden;border: 1px solid #abd5ed;margin-right: 19px;}
.news .news-fl ul li .news-fl-text{height: auto;overflow: hidden;}
.news .news-fl ul li .news-fl-text h3{color: #333;line-height: 24px;margin-bottom: 20px;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-in-out 0s; /* Safari �� Chrome */ -o-transition: all 0.3s ease-in-out 0s; /* Opera */}
.news .news-fl ul li .news-fl-text span{color: #999;font-size: 13px;}
.news .news-fl ul li a:hover h3{color: #fe8b4d;}
.news .news-fr{height: auto;overflow: hidden;width: 49%;}
.news .news-fr .project { position: relative; width: 556px; height: 354px; overflow: hidden;text-align: left;}
.news .news-fr .project .pic img { width: 556px; height: 354px; display: block; }
.news .news-fr .project .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 55px; width:100%;  background: #445660; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; }
.news .news-fr .project .txt { position: absolute; bottom: 0; z-index: 2; height: 55px; width:100%; overflow: hidden; }
.news .news-fr .project .txt li{ height:55px; line-height:55px; position:absolute; bottom:-55px;}
.news .news-fr .project .txt li a{ display: block; color: #fff; padding: 0 0 0 25px; font-size: 16px;text-decoration: none;}
.news .news-fr .project .pageState { position: absolute; z-index: 3; bottom:16px; right: 25px; font-size: 16px;color: #fff;}
.project .prev,.project .next{position:absolute;z-index:1;top:50%;margin-top:-20px;left:0;font-size: 24px;
    z-index:1;width:40px; height:40px;text-align:center;line-height:40px;background-color:#fff;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;display:block;}
.project .next{ left:auto; right:0;}