@charset "utf-8";

body{ color:#333; background:#fff;}

.yahei{ font-family:'Microsoft YaHei';}
.top-box,.main-box,.sub-box,.footer-box{ margin:0 auto; min-width:1000px; width:100% !important; _width:100%;}


.top-box,.top-box .area{ height:58px;}
.top-box{ position:relative; zoom:1; z-index:5; border-top:5px solid #333; background:#0066ff;}
.top-box .logo{ position:absolute; top:12px; left:0;}

.top-box .search{ position:absolute; top:20px; right:0; height:20px; overflow:hidden; border:1px solid #bdb27a; background:url(../images/search.gif) no-repeat;}
.top-box .search input{ float:left; display:inline; border:0 none; background:none; font-size:12px; font-family:Arial;}
.top-box .search .u-text{ padding:0 5px; width:110px; height:20px; line-height:20px; color:#999;}
.top-box .search .u-btn{ width:20px; height:20px; line-height:20px; text-align:center; cursor:pointer;}

/***********nav*******************/
.nav-box{position:relative;z-index:10;height:50px; margin:0 150px 0 170px;}
/* m-nav */
.m-nav a:hover{text-decoration:none;}
.m-nav .fir-ul{position:relative;height:58px;font-size:0;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;z-index:9;text-align:center;}
.m-nav .fir-ul .u-a{ display:block;height:58px;line-height:58px;font-size:16px;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{ color:#fff; background:url(../images/nav-bg.gif) center top no-repeat;}
.m-nav .sec-ul{position:absolute;top:58px;left:0;width:100%;text-align:center;border-top:2px solid #333;background:#fff;}
.m-nav .sec-ul li{ border-bottom:1px solid #eee;height:30px;line-height:30px;overflow:hidden;}
.m-nav .sec-ul li a{overflow:hidden;color:#434343; font-size:12px;}
.m-nav .sec-ul li.hover a{color:#fff; background:#e9c824;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;}
.m-nav .nav-y .sec-ul li a{display:block;}


.banner-box{ position:relative; zoom:1; height:360px; background:#0066ff;}
/***************m-focus*******************/
.m-focus{position:relative;z-index:1;width:100%;height:360px;overflow:hidden;}
.m-focus .switchable-box{width:100%;height:320px;}
.m-focus .switchable-content li{width:100%;height:320px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{ display:block; height:320px;}
.m-focus .switchable-nav{position:absolute;bottom:18px;left:0;width:100%;text-align:center;z-index:50;}
.m-focus .switchable-nav,.m-focus .switchable-nav ol{ height:39px;}
.m-focus .switchable-nav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 15px;width:39px;height:39;line-height:39px;text-align:center;overflow:hidden;font-size:16px;font-weight:bold;color:#fff;background:url(../images/switchable-nav.png) no-repeat;cursor:pointer;}
.m-focus .switchable-nav li.current{background:url(../images/switchable-nav-current.png) no-repeat;}


.main-box,.sub-box{ padding:45px 0 80px; background:url(../images/main-bg.gif) center top no-repeat;}

.topline{ border-top:5px solid #e9c825;}

.box-line{ border:1px solid #ccc; border-top:none;}

.m-tt{ height:56px; line-height:56px; overflow:hidden;}
.m-tt h2{ font-size:16px; color:#e9c824; text-indent:10px;}
.m-tt h2 span{ color:#333;}
.m-tt .more{ float:right; display:inline; margin:0 10px; font-size:14px; color:#e9c824;}


.m-about{ width:320px; padding-bottom:8px;}
.m-about .u-img{ width:320px; height:104px; overflow:hidden;}
.m-about .u-con{ margin-top:8px; padding:0 10px; height:120px; line-height:24px; overflow:hidden;}
.m-about .u-con a{ color:#666;}
.m-about .u-con a:hover{ color:#e9c824;}


.m-news{ width:400px; margin-left:12px; padding-bottom:8px;}
.m-news a:hover{ color:#e9c824;}
.m-news li{ padding:0 10px; height:24px; line-height:24px; overflow:hidden; *zoom:1;}
.m-news li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.m-news li .time{ float:right; display:inline;}

.m-news li.first{ height:112px; padding-left:0;}
.m-news li.first .u-img{ float:left; display:inline; margin-right:18px; width:164px; height:104px;}
.m-news li.first .u-name{ margin-top:10px; height:28px; line-height:28px; overflow:hidden; font-size:14px; text-align:center;}
.m-news li.first .u-con{ height:60px; line-height:20px; overflow:hidden; color:#666;}


.m-contact{ width:252px; padding-bottom:8px;}
.m-contact .u-img{ width:252px; height:104px; overflow:hidden;}
.m-contact .u-con{ margin-top:8px; padding:0 10px; height:120px; overflow:hidden; background:url(../images/contact-ico.gif) 10px 0 no-repeat;}
.m-contact .u-con li{ padding-left:24px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m-contact .u-con li strong{ font-size:16px; color:#c00;}


.m-title{ height:58px; line-height:58px; overflow:hidden; font-size:28px; text-align:center; color:#ccc;}
.m-title span{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-top:16px; height:30px; line-height:30px; font-size:18px;}

.m-case{ position:relative; zoom:1; overflow:hidden; width:1000px;}
.m-case ul{ margin:-30px 0 0 -16px; width:1016px;}
.m-case li{ float:left; display:inline; margin:30px 0 0 16px;}
.m-case li .u-box{ display:block;}
.m-case li .u-img{ position:relative; zoom:1; width:238px; height:172px; overflow:hidden;}
.m-case li .u-name{ position:absolute; bottom:0; left:0; width:100%; height:36px;}
.m-case li .u-name p{ position:relative; z-index:5; display:none; padding:0 6px; height:36px; line-height:36px; font-size:14px; text-align:center; color:#fff;}
.m-case li .u-more{ position:relative; zoom:1; margin-top:10px; padding:2px 0; width:238px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.m-case li .u-more p{ position:relative; z-index:5; display:block; padding:0 6px; height:22px; line-height:22px; overflow:hidden; text-align:center;}
.m-case li.hover .u-more p{ color:#fff;}

.m-case li .link-bg{ position:absolute; z-index:1; background:url(../images/pngbg-b55.png) repeat;}
.m-case li .u-name .link-bg{ top:0; height:36px;}
.m-case li .u-more .link-bg{ top:2px; height:22px;}

.m-product{ position:relative; zoom:1; width:944px; margin:12px auto 0;}
.m-product li{ float:left; display:inline;}
.m-product li .u-box{ margin:0 auto; width:224px;}
.m-product li .u-img{ position:relative; zoom:1; display:block; width:224px; height:164px; overflow:hidden; background:#000;}
.m-product li .u-name{ position:absolute; bottom:0; left:0; width:100%; height:38px; line-height:38px; font-size:14px; text-align:center; color:#fff; background:url(../images/pngbg-b55.png) repeat;}
.m-product .u-prev,
.m-product .u-next{position:absolute;top:40px;width:20px;height:0;padding-top:80px;overflow:hidden;}
.m-product .u-prev{left:-28px;background:url(../images/ad/ad-debtnL.gif) no-repeat;}
.m-product .u-next{right:-28px;background:url(../images/ad/ad-debtnR.gif) no-repeat;}

.m-case .more,.m-product .more{ margin-top:25px; display:block; height:32px; line-height:32px; overflow:hidden; text-align:center; background:#eacb33;}
.m-case .more span,.m-product .more span{ display:inline-block; *display:inline; zoom:1; padding-left:35px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/more.gif) 0 center no-repeat;}


.footer-box{ padding:25px 0 0; color:#fff; background:#333;}
.footer-box a{ color:#fff;}
.footer-box a:hover{ text-decoration:underline;}
.footer-box .u-erwei{ margin-right:30px; text-align:center; line-height:30px;}
.footer-box .u-erwei img{ width:100px; height:100px;}
.footer-box .u-con{ margin-top:15px; line-height:24px;}
.footer-box .u-tel{ padding:75px 0 0 0; width:245px; background:url(../images/footer-tel.gif) right top no-repeat;}
.footer-box .u-tel span,
.footer-box .u-tel strong{ display:block;}
.footer-box .u-tel span{ line-height:20px; font-size:14px;}
.footer-box .u-tel strong{ line-height:26px; font-size:24px; font-weight:bold;}


.footer-box .u-copyright{ margin-top:5px; padding:8px 0; background:#eacb33; text-align:center;}

.sub-box .left-column{float:left; display:inline; width:253px; padding-bottom:20px;}
.sub-box .right-column{float:right; display:inline; width:700px; margin-right:24px;}


.left-menu{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.left-menu .title{ padding:0 16px; height:56px; line-height:56px; overflow:hidden; font-size:18px;}

.m-leftmenu h4{ position:relative; z-index:1; overflow:hidden;font-size:16px;font-weight:normal;border-top:1px dashed #ddd;}
.m-leftmenu h4 a.u-link{ display:block;height:36px;line-height:36px;overflow:hidden; padding:0 16px;}
.m-leftmenu h4 i{ height:36px;line-height:36px;overflow:hidden;margin-left:5px;}
.m-leftmenu h4.current,
.m-leftmenu h4.hover,
.m-leftmenu h4.current a.u-link,
.m-leftmenu h4.hover a.u-link{color:#e9c824;}
.m-leftmenu h4 a:hover{text-decoration:none;}

.m-leftmenu ul{display:none;padding:0 16px 12px; font-size:14px;}
.m-leftmenu li{ text-indent:16px;height:36px;line-height:36px;}
.m-leftmenu li a.u-link{}
.m-leftmenu li a:hover{ color:#e9c824;}

.m-sub .m-contact{ width:252px; padding-bottom:8px; border:1px solid #ccc; border-left:none;}

.m-sub .m-rtt{padding:0 20px;height:56px;line-height:56px; font-size:14px;border-bottom:1px dashed #ddd;}
.m-sub .m-current{float:right;display:inline;}
.m-sub .m-current,.m-sub .m-current a{}
.m-sub .m-current a:hover{ color:#e9c824; text-decoration:underline;}


.m-sub .m-content{min-height:500px; _height:500px; line-height:24px;}
.sub-share{padding:15px 0;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}


.sub-product{ position:relative; zoom:1; overflow:hidden;}
.sub-product ul{ margin:-10px 0 0 -26px; width:726px;}
.sub-product li{float:left;display:inline; margin:32px 0 0 26px;width:216px;text-align:center;}
.sub-product .u-box{display:block;width:214px;margin:0 auto; border:1px solid #ccc;}
.sub-product .u-img{display:block;width:214px;height:164px;background:#000;}
.sub-product .u-name{ border-top:1px solid #ccc; height:32px; line-height:32px; overflow:hidden;}
.sub-product li.hover .u-name{ color:#e9c824;}

/***************** detail-pro *********************/
.pro-detail{ padding:20px 0;}
.pro-detail h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center;}
.pro-detail .detail-time,.pro-detail .detail-user{text-align:center;color:#999;font-size:12px;line-height:24px; padding-bottom:10px;border-bottom:1px solid #eee;}
.pro-detail .detail-share{padding:5px 0;text-align:right}
.pro-detail .detail-img{position:relative;zoom:1;overflow:hidden;padding:20px 0;text-align:center;}
.pro-detail .detail-img img{max-width:700px;_width: expression((documentElement.clientWidth < 700) ? "" : "700px" );}
.pro-detail .detail-img .debtn-prev,.pro-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;width:54px;height:87px;background:url(../images/ad/ad-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.pro-detail .detail-img .debtn-prev:hover,.pro-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.pro-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.pro-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.pro-detail .detail-con{padding:10px 0;line-height:24px;font-size:12px;}
.pro-detail .detail-page{border-top:1px solid #eee;}
.pro-detail .detail-page .page-text{width:48%;height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#999;}
.pro-detail .detail-page .page-text a{color:#666;}
.pro-detail .detail-page .page-text a:hover{color:#e9c824;}
.pro-detail .detail-page .f-fr{text-align:right;}


.sub-news-list{}
.sub-news-list a:hover{ color:#e9c824;}
.sub-news-list li{ padding:0 10px; height:36px; line-height:36px; overflow:hidden; *zoom:1; border-bottom:1px solid #eee;}
.sub-news-list li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-news-list li .time{ float:right; display:inline; margin:0 0 0 6px;}

.sub-news-list li.first{ height:auto; padding:20px 10px;}
.sub-news-list li.first .u-img{ float:left; display:inline; margin-right:18px; width:164px; height:104px;}
.sub-news-list li.first .u-name{ margin-top:10px; height:28px; line-height:28px; overflow:hidden; font-size:14px; text-align:center;}
.sub-news-list li.first .u-con{ height:60px; line-height:20px; overflow:hidden; color:#666;}


.news-detail{ padding:20px 0;}
.news-detail h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center;}
.news-detail .detail-time,.news-detail .detail-user{text-align:center;color:#999;font-size:12px;line-height:24px; padding-bottom:10px;border-bottom:1px solid #eee;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{text-align:center;padding:20px 0;}
.news-detail .detail-img img{max-width:700px;_width: expression((documentElement.clientWidth < 700) ? "auto" : "700px" );}
.news-detail .detail-con{padding:10px 0;line-height:24px;font-size:12px;}
.news-detail .detail-page{border-top:1px solid #eee;}
.news-detail .detail-page .page-text{width:48%;height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#999;}
.news-detail .detail-page .page-text a{color:#666;}
.news-detail .detail-page .page-text a:hover{color:#e9c824;}
.news-detail .detail-page .f-fr{text-align:right;}


/***************** sub-content *********************/
.sub-content{ padding:20px 0; line-height:24px;}
.sub-content img{max-width:700px;_width: expression((documentElement.clientWidth < 700) ? "auto" : "700px" );}
.sub-content .f-fl{ margin:0 0 10px 10px; width:auto;}
.sub-content h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center; padding-bottom:20px;}
.sub-content p{line-height:24px;font-size:12px;}
.sub-content #platform img{max-width:none;_width: none;}


/*****************sub-message ************/
.sub-message{padding:40px 25px;}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px; vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;font-family:"microsoft yahei";}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#e9c824;}


.search-no{}
.search-no .bd{border-bottom:1px solid #eee;padding:60px 0;}
.search-no .inputs{width:400px;margin-left:auto;margin-right:auto;}
.search-no .inputs input.text{float:left;width:331px;border:1px solid #666;height:15px;border-right:0;background:#fff;padding:5px 3px}
.search-no .inputs input.btn{float:left;width:60px;border:0;background:#666;height:27px;border:1px solid #666;padding:5px 0; cursor:pointer;color:#fff;font-size:14px}
.search-no .pt{background:url(../images/search-no.png) 30px center no-repeat;height:240px;padding:100px 0 0 240px;}
.search-no .pt h3{font-size:18px;margin-bottom:10px;font-weight:normal;}
.search-no .pt h3 span{color:#c00;}
.search-no .pt p{color:#666;}

.search-content{border-top:1px solid #eee;}
.search-content li{padding:20px 10px;border-bottom:1px solid #eee;*zoom:1;}
.search-content li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.search-content li .u-img{float:left;display:inline;width:164px;margin-right:15px;overflow:hidden;}
.search-content li .u-img img{width:164px;}
.search-content li h3{margin-bottom:5px;font-size:14px;}
.search-content li .u-time{float:right;font-weight:normal;font-size:12px;color:#666;}
.search-content li.hover a{ color:#e9c824;}
.search-content li p{color:#666;}