@charset "utf-8";

body{ color:#333;}

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


.top-box{ position:relative; height:575px;}
/***************m-focus*******************/
.m-focus{position:relative;z-index:1;width:100%;height:575px;overflow:hidden;}
.m-focus .switchable-box{width:100%;height:575px;}
.m-focus .switchable-content li{width:100%;height:575px;text-align:center;text-indent:-9999em;}
.m-focus .switchable-content li img{visibility:hidden;}

.m-focus .switchable-nav{ position:relative; z-index:5; margin-top:-20px; text-align:center;}
.m-focus .switchable-nav ol{ height:6px; overflow:hidden;}
.m-focus .switchable-nav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:30px; margin:0 2px; padding-top:6px; height:0;overflow:hidden;background:#ccc;cursor:pointer;}
.m-focus .switchable-nav li.active{background:#84c10b;}

.sub-box{ background:#f1f1f1; padding-bottom:30px;}
.sub-box .top-box,
.sub-box .m-focus,
.sub-box .m-focus .switchable-box,
.sub-box .m-focus .switchable-content li{ height:320px;}
.sub-box .m-focus .switchable-nav{ display:none;}


/***********nav*******************/

.nav-box{position:relative;z-index:10; margin-top:-545px;}
.sub-box .nav-box{ margin-top:-290px;}

.logo{ position:absolute; top:0; left:0; width:318px; height:82px;}

/* m-nav */
.m-nav{ position:absolute; top:0; right:0; width:960px; background:url(../images/nav-bg.png) repeat;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:center;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1; vertical-align:top;z-index:9;text-align:center;}

.m-nav .fir-ul .u-a{ display:block;padding-top:20px;height:62px;line-height:24px;color:#fff;font-size:16px;font-weight:bold;z-index:11;}
.m-nav .fir-ul .u-a span{ display:block;line-height:20px;font-size:12px;font-weight:normal;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{color:#063;text-decoration:none; background:url(../images/nav-hover.png) repeat;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;position:absolute;top:82px;left:0;width:100%;background:url(../images/nav-bg.png) repeat;font-size:0;text-align:center;}
.m-nav .nav-y .sec-ul li{text-align:center;height:32px;line-height:32px;overflow:hidden;padding:0;}
.m-nav .nav-y .sec-ul li a{display:block;padding:0 6px;overflow:hidden;color:#fff;font-weight:normal;font-size:12px;}
.m-nav .nav-y .sec-ul li.hover a{color:#063;background:url(../images/nav-hover.png) repeat;text-decoration:none;}

.m-prolist{ width:1234px; margin:35px auto 0; padding:5px 15px 25px; border:8px solid #fff; background:#f1f1f1; -moz-box-shadow:0 0 12px #ccc; -webkit-box-shadow:0 0 12px #ccc; box-shadow:0 0 12px #ccc;}
.m-prolist li{ float:left; display:inline; margin:20px 10px 0;}
.m-prolist .u-box{ display:block; width:220px; overflow:hidden; background:#fff; -moz-box-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc;}
.m-prolist .u-img{ width:220px; height:156px; overflow:hidden;}
.m-prolist .u-img img{ width:220px; height:156px;}
.m-prolist .u-name{ position:relative; z-index:1; text-align:center; margin-top:-15px; display:block; font-size:0; height:30px; line-height:30px; overflow:hidden; background:#84c10b;}
.m-prolist .u-name span{ padding:0 15px; display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:18px; font-weight:bold; color:#fff;}
.m-prolist .u-con{ margin:6px 10px 10px 0; padding:0 42px 0 15px; height:22px; line-height:22px; overflow:hidden; color:#666; background:url(../images/ico-more.gif) right top no-repeat;}

.m-prolist .li-1 .u-box{ width:254px;}
.m-prolist .li-1 .u-img,.m-prolist .li-1 .u-img img{ width:254px; height:336px;}
.m-prolist .li-1 .u-con{ margin:11px 10px 11px 0;}

.m-prolist .li-6 .u-box{ width:460px;}
.m-prolist .li-6 .u-img,.m-prolist .li-6 .u-img img{ width:460px; height:105px;}
.m-prolist .li-6 .u-con{ margin:12px 10px 12px 0;}

.m-prolist .li-7 .u-img,.m-prolist .li-7 .u-img img,
.m-prolist .li-8 .u-img,.m-prolist .li-8 .u-img img{ height:122px;}
.m-prolist .li-7 .u-con,.m-prolist .li-8 .u-con{ margin:4px 10px 3px 0;}


.m-tt{ padding-right:15px; height:34px; line-height:34px; overflow:hidden;}
.m-tt h2{ float:left; display:inline; padding:0 15px 0 50px; position:relative; font-size:20px; color:#fff; background:url(../images/title.png) no-repeat;}
.m-tt span{ margin-left:10px; color:#ccc;}
.m-tt i{ position:absolute; top:0; right:-15px; width:15px; height:34px; overflow:hidden; background:url(../images/title.png) right top no-repeat;}
.m-tt .more{ float:right; display:inline; margin-right:10px; color:#666;}
.m-tt .more:hover{ color:#063;}

.m-imglist{ margin-top:35px; padding:25px 0 35px; background:url(../images/imglist-bg.gif) center top repeat; -moz-box-shadow:0 0 15px #ccc; -webkit-box-shadow:0 0 15px #ccc; box-shadow:0 0 15px #ccc;}
.m-imglist ul{ margin-top:15px;}
.m-imglist li{ float:left; display:inline; width:254px; border:1px solid #ccc;}
.m-imglist li .u-a{ width:254px; height:124px; position:relative; overflow:hidden; display:block;}
.m-imglist li img{ position:absolute; top:0; top:0; width:254px; height:124px;}
.m-imglist-line{ margin-top:15px; height:10px; overflow:hidden; border-top:2px dashed #fff; border-bottom:2px dashed #fff;}

.box-line{ border:1px solid #ccc; background:#f1f1f1;}

.m-about{ width:765px;}
.m-about .box-line{ padding:15px 10px 20px 20px;}
.m-about .u-img{ float:left; display:inline; margin:5px 20px 0 0; width:205px; height:110px;}
.m-about .u-con{ line-height:24px; height:120px; overflow:hidden; font-size:14px;}
.m-about .u-con a{ font-size:12px; color:#fff; background:#fc0; padding:0 4px;} 
.m-about .u-con a:hover{ background:#063;}

.m-news{ width:500px;}
.m-news .box-line{ padding:8px 15px 8px;}
.m-news .u-img{ float:left; display:inline; margin:6px 10px 0 0; width:138px; height:128px;}
.m-newslist{ position:relative; zoom:1; overflow:hidden;}
.m-newslist ul{ margin-top:-1px;} 
.m-newslist li{ height:27px; line-height:27px; overflow:hidden; font-size:14px; border-top:1px dotted #ccc;}
.m-newslist a:hover{ color:#063;}
.sub-box .m-newslist{ margin-top:10px;}
.sub-box .m-newslist ul{ margin:0;}
.sub-box .m-newslist li{ border-top:none; border-bottom:1px dotted #999;}


.links-box{ margin-top:30px;}
.m-links-tt{ height:48px; line-height:48px; overflow:hidden;}
.m-links-tt h2{ float:left; display:inline; font-size:20px; color:#84c10b;}
.m-links-tt span{ margin-left:10px; color:#ccc;}
.m-links-tt .more{ float:right; display:inline; margin-right:10px; color:#666;}
.m-links-tt .more:hover{ color:#063;}


.m-links{ background:#f1f1f1;}
.m-links .area{ position:relative; overflow:hidden; zoom:1;}
.m-links ul{ margin-left:-35px; padding:10px 0 25px;}
.m-links li{ float:left; display:inline; width:228px; height:90px; overflow:hidden; margin:15px 0 0 35px;}
.m-links li img{ width:228px; height:90px;}

.m-contact{ padding:25px 0; color:#ccc; background:#333;}
.m-contact .f-logo{ float:left; display:inline; margin:0 20px 0 200px;}
.m-contact .u-con{ line-height:24px;}

.footer-box{ padding:15px 0; line-height:24px; color:#999; text-align:center; background:#333; border-top:2px solid #494949;}

.sub-tt{ position:relative; zoom:1; border-bottom:7px solid #ccc;}
.sub-tt .u-title{ padding:24px 0 0 3px; height:58px; line-height:58px; font-size:30px; color:#063; background:url(../images/sub-title.png) 0 0 no-repeat;}
.sub-tt .u-text{ position:absolute; top:16px; right:0; font-size:14px; color:#063;}
.sub-tt .m-current{ position:absolute; top:58px; right:8px; line-height:24px;}
.sub-tt .m-current a:hover{ color:#063;}

.m-sub .left-column{float:left;display:inline;width:230px;}
.m-sub .right-column{float:right;display:inline;width:990px; background:#fff; margin-top:12px; padding:0 20px;}

.m-leftmenu{ padding-top:10px;}
.m-leftmenu li{ position:relative; margin-top:2px; height:42px; line-height:42px; overflow:hidden;}
.m-leftmenu li a{ position:relative; z-index:1; display:block; padding:0 42px 0 35px; font-size:14px; -webkit-transition:all 0.18s ease-out; -moz-transition:all 0.18s ease-out; -ms-transition:all 0.18s ease-out; -o-transition:all 0.18s ease-out; transition:all 0.18s ease-out;}
.m-leftmenu li .bg{ position:absolute; top:0; left:-230px; width:460px; height:42px; background:url(../images/leftmenu-bg.gif) no-repeat;}
.m-leftmenu li .arr{ position:absolute; top:10px; right:10px; width:22px; height:22px; background:url(../images/arr-menu.png) no-repeat;}

.m-leftmenu li a:hover,
.m-leftmenu li.current a{ color:#fff;}
.m-leftmenu li.current .bg{ left:0;}


.sub-ltt{ margin-top:15px; padding-left:3px; font-size:18px; color:#063; height:36px; line-height:36px; overflow:hidden; border-bottom:3px solid #333;}

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


.sub-product{ width:990px; margin:0 auto;}
.sub-product li{float:left;display:inline; margin:5px 0 0;width:198px;text-align:center;}
.sub-product .u-box{position:relative;width:150px;margin:0 auto;}
.sub-product .u-img{display:block;width:130px;height:172px;overflow:hidden;border:10px solid #fff;background:#fff; -moz-box-shadow:3px 3px 3px #ccc; -webkit-box-shadow:3px 3px 3px #ccc; box-shadow:3px 3px 3px #ccc;}
.sub-product .u-img img{width:130px;height:172px;}
.sub-product .u-name{ height:46px; line-height:46px; overflow:hidden;}
.sub-product .u-name a{color:#333;}
.sub-product li.hover .u-img{ border-color:#e8f2b1;}
.sub-product li.hover a{color:#063;}

.sub-news{ padding:0 20px;}
/***************** sub-news-imgtext *********************/
.sub-news-imgtext li{position:relative;padding:30px 0;border-bottom:1px dotted #ccc;*zoom:1;}
.sub-news-imgtext li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.sub-news-imgtext li h4,.sub-news-imgtext li a{color:#063;}
.sub-news-imgtext li a:hover{ text-decoration:underline;}
.sub-news-imgtext li .u-img{float:left;display:inline;margin-right:25px;width:130px;height:86px;padding:4px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.sub-news-imgtext li .u-img img{width:130px;height:86px;}
.sub-news-imgtext li h4{text-align:left;font-size:16px;height:24px;line-height:24px;overflow:hidden;}
.sub-news-imgtext li p{ margin-top:3px;line-height:24px;height:72px;overflow:hidden;text-align:justify;font-size:14px;color:#999;}

/***************** sub-news-list *********************/
.sub-news-list li{position:relative;padding-left:35px;height:48px;line-height:48px;overflow:hidden;border-bottom:1px dotted #ccc;*zoom:1;*zoom:1;}
.sub-news-list li:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.sub-news-list li i{width:6px;height:6px;overflow:hidden;position:absolute;top:21px;left:15px; background:#333;}
.sub-news-list li .time{float:right;font-size:16px;color:#999;}
.sub-news-list li .u-link{font-size:16px;}
.sub-news-list li a:hover{color:#063;text-decoration:none;}

/***************** detail-pro *********************/
.pro-detail{padding:20px;}
.pro-detail h1{line-height:30px;font-size:18px;color:#333;text-align:center;}
.pro-detail .detail-time,.pro-detail .detail-user{text-align:center;color:#999;font-size:12px;padding:5px 0;}
.pro-detail .detail-share{padding:5px 0;text-align:right}
.pro-detail .detail-img{position:relative;text-align:center;padding:10px 0; zoom:1; overflow:hidden;}
.pro-detail .detail-img img{max-width:950px;_width: expression((documentElement.clientWidth < 950) ? "" : "950px" );}
.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:30px;font-size:14px; color:#333;}
.pro-detail .detail-page{padding:10px;}
.pro-detail .detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-detail .detail-page .right{text-align:right;}
.pro-detail .detail-page .page-text a{color:#666;}
.pro-detail .detail-page .page-text a:hover{color:#063;}

/***************** sub-content *********************/
.sub-content{padding:20px; text-align:justify;line-height:30px;}
.sub-content img{max-width:950px;_width: expression((documentElement.clientWidth < 950) ? "" : "950px" );}
.sub-content .right{ margin:0 0 10px 10px; width:auto;}
.sub-content h1{line-height:30px;font-size:18px;color:#333;text-align:center; padding-bottom:20px;}
.sub-content p{ font-size:14px; color:#333;}
.sub-content #platform img{max-width:none;_width: none;}

.news-detail{padding:20px;}
.news-detail h1{line-height:30px;font-size:18px;color:#333;text-align:center;}
.news-detail .detail-time,.news-detail .detail-user{text-align:center;color:#999;font-size:12px;padding:5px 0;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{text-align:center;padding:10px 0;}
.news-detail .detail-img img{max-width:950px;_width: expression((documentElement.clientWidth < 950) ? "auto" : "950px" );}
.news-detail .detail-con{padding:10px 0;line-height:30px; font-size:14px; color:#333;}
.news-detail .detail-page{padding:10px;border-top:1px solid #ccc;}
.news-detail .detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-detail .detail-page .right{text-align:right;}
.news-detail .detail-page .page-text a{color:#666;}
.news-detail .detail-page .page-text a:hover{color:#063;}

/*****************sub-message ************/
.sub-message{padding:20px;}
.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:20px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:8px 0;}
.sub-message label{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:80px;height:30px;line-height:30px;text-align:right}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align: middle;}
.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;}
.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-size:12px;font-family:"microsoft yahei"; vertical-align:top;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#063;}


/*******************gallery*******************/
.detail-tt{ text-align:center; padding:20px 20px 0;}
.detail-tt h1{ line-height:30px; font-size:20px; font-weight:normal;}
.detail-tt .detail-time{ color:#999; display:block; line-height:24px;}

.m-gallery{ width:700px; margin:8px auto 0; position:relative; zoom:1;}
.m-gallery .ad-image-wrapper{width:700px;height:468px;overflow:hidden;position:relative;}
.m-gallery .ad-image-wrapper .ad-loader{position:absolute;z-index:10;top:50%;left:50%;margin:-12px 0 0 -12px;}
.m-gallery .ad-image-wrapper .ad-image{position:absolute;overflow:hidden;top:0;left:0;z-index:9;}
.m-gallery .ad-image-wrapper .ad-image a img{border:0;}
.m-gallery .ad-image-wrapper .ad-image .ad-image-description{position:absolute;bottom:0;left:0px;padding:10px; display:none;}
.m-gallery .ad-nav {width:700px;position: relative;}
.m-gallery .ad-forward, .m-gallery .ad-back {position:absolute;top:0;width:25px;height:105px;display:block;z-index:10;cursor:pointer;}
.m-gallery .ad-back {left:0;background:url(../images/ad_scroll_back.png) 0px center no-repeat}
.m-gallery .ad-forward {right:0;background:url(../images/ad_scroll_forward.png) 0px center no-repeat;}

.m-gallery .ad-nav{width:700px; height:105px; overflow:hidden;margin:15px 0 0;}
.m-gallery .ad-nav .ad-thumbs {overflow:hidden; zoom:1;width:700px;margin:0 auto;}
.m-gallery .ad-thumbs .ad-thumb-list{ margin-left:-20px;}
.m-gallery .ad-thumbs li {position:relative;float:left; display:inline;height:105px; padding:0 0 0 20px;}
.m-gallery .ad-thumbs li a{}
.m-gallery .ad-thumbs li a img {display: block; width:160px;height:105px;}
.m-gallery .ad-thumbs li .ad-name{position:absolute;bottom:0;left:0;width:100%;text-align:center; display:none;}
.m-gallery .cnt-text{ zoom:1; position:relative;padding:10px 0;line-height:30px;font-size:14px; color:#333;}

.ad-gallery .ad-image-wrapper .ad-prev{ display:none;}
.ad-gallery .ad-image-wrapper .ad-next{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;display:block;z-index:100;}