@charset "utf-8";

body{ color:#000; background:#f2f2f2;}

.yahei{font-family:'Microsoft YaHei';}
.top-box,.nav-box,.main-box,.sub-box{ margin:0 auto; min-width:1180px; width:100% !important; _width:100%;}

/********************top-box********************/
.top-box{ position:relative; z-index:10; height:90px; background:url(../images/top-bg.gif) repeat-x;}
.top-box .logo{ position:absolute; top:22px; left:0;}
.top-box .top-nav{ position:absolute; top:40px; right:0; background:url(../images/top-nav.png) 2px 0 no-repeat;}
.top-box .top-nav li{ float:left; display:inline; width:66px; height:20px; line-height:20px; margin-left:2px; text-align:center;}
.top-box .top-nav a{ color:#333;}
.top-box .top-nav a:hover{ color:#933;}

/********************nav-box********************/
.nav-box{ position:relative; z-index:5; height:40px; background:#0b5f9b;}
.nav-box .area{ position:relative; overflow:hidden; zoom:1;}
.nav-box ul{ margin-left:-2px;}
.nav-box li{ border-left:2px solid #fff; float:left; display:inline; margin:9px 0; width:145px; height:22px; line-height:22px; text-align:center;}
.nav-box li a{font-family:'Microsoft YaHei'; font-size:18px; color:#fff;}
.nav-box li a:hover{ color:#f00;}

/********************m-banner********************/
.m-banner{position:relative;z-index:1;width:100%;height:365px;overflow:hidden;}
.m-banner .switchable-box{width:100%;height:365px;}
.m-banner .switchable-content li{width:100%;height:365px;text-align:center;text-indent:-9999em;}
.m-banner .switchable-content li img{visibility:hidden;}
.m-banner .switchable-content li a{ display:block;}

/********************************************
main
********************************************/
.main-box{ padding:10px 0 0;}

.box-line{ border:1px solid #d7d4d4; background:#fff;}
.m-main .left-column{ width:290px; float:left; display:inline;}
.m-main .mid-column{ width:415px; float:left; display:inline; margin-left:10px;}
.m-main .right-column{ width:455px; float:right; display:inline;}

.m-tt{ height:38px; line-height:38px; background:url(../images/m-tt.gif) repeat-x;}
.m-tt h2{ float:left; display:inline; width:140px; font-size:16px; font-weight:normal; color:#fff; background:url(../images/m-tt-h2.gif) repeat-x;}
.m-tt h2 i{ float:left; display:inline; margin:0 6px; height:38px; background:url(../images/m-tt-ico.png) no-repeat;}
.m-tt .ico-1{ width:26px; background-position:0 0;}/* 联系我们 */
.m-tt .ico-2{ width:22px; background-position:-26px 0;}/* 新闻资讯 */
.m-tt .ico-3{ width:34px; background-position:-48px 0;}/* 应用领域 */
.m-tt .ico-4{ width:30px; background-position:-82px 0;}/* 产品中心 */
.m-tt .ico-5{ width:26px; background-position:-112px 0;}/* 公司概况 */

.m-tt .more{ float:right; display:inline; margin-right:8px; font-family:Arial;}
.m-tt .more:hover{ color:#933;}

.m-contact{ min-height:416px; _height:416px;}
.m-contact .u-con{ padding:5px 18px 0;}
.m-contact li{ font-size:14px; line-height:30px;}
.m-sub .m-contact li{ font-size:12px;}

.m-news .news-tt-1,.m-news .news-tt-2{ font-family:'宋体'; color:#106eae; text-align:center; width:24px; padding:64px 102px 0 4px; float:left; display:inline;}
.m-news .news-tt-1{ height:125px; background:url(../images/news-tt-1.jpg) no-repeat;}
.m-news .news-tt-2{ height:124px; background:url(../images/news-tt-2.jpg) no-repeat;}

.m-news-list ul{ float:left; display:inline; width:283px; padding-top:10px;}
.m-news-list li{ padding:0 20px 0 12px; height:24px; line-height:24px; overflow:hidden; background:url(../images/list-ico.gif) 0 9px no-repeat;}
.m-news-list li a{ color:#666;}
.m-news-list li a:hover{ color:#933;}

.m-news-plist{ border-top:1px solid #ccc;}
.m-news-plist ul{ float:left; display:inline; width:273px; padding:6px 10px 0 0;}
.m-news-plist li{position:relative;padding:6px 0;*zoom:1;}
.m-news-plist li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.m-news-plist li .u-img{float:left;display:inline;width:108px;height:73px;overflow:hidden; padding:1px; border:1px solid #d8d8d8; margin-right:10px;}
.m-news-plist li img{width:108px; height:73px;}
.m-news-plist li h4{ height:18px; overflow:hidden;text-align:left;font-family:'宋体';font-weight:normal;font-size:12px;}
.m-news-plist li h4 a:hover{ color:#933;}
.m-news-plist li p{color:#666;height:36px;overflow:hidden;text-align:justify;}
.m-news-plist .u-con{ line-height:18px;}
.m-news-plist .u-more a{float:right;display:inline;color:#933;}
.m-news-plist .u-more a:hover{ color:#000;}

.m-plist{ min-height:416px; _height:416px;}
.m-plist ul{ padding:0 15px;}
.m-plist li{ float:left; display:inline; margin:14px 0 0 0; width:50%;}
.m-plist li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.m-plist li .u-img{float:left;display:inline;width:108px;height:73px;overflow:hidden; padding:1px; border:1px solid #d8d8d8; margin-right:10px;}
.m-plist li img{width:108px; height:73px;}
.m-plist li h4{ text-align:left;font-family:'宋体';font-weight:normal;font-size:12px;}
.m-plist li h4 a:hover{ color:#933;}
.m-plist .u-con{ line-height:18px; height:72px; overflow:hidden; padding:5px 15px 0 0;}
.m-plist .u-more a{color:#933;}
.m-plist .u-more a:hover{ color:#000;}

.m-product{ padding:25px 0;}
.m-product li{float:left; display:inline;}
.m-product li .u-img,
.m-product li .u-name{display:block;text-align:center;overflow:hidden;}
.m-product li .u-box{text-align:center; background:#ddd; width:198px; margin:0 auto;}
.m-product li .u-img{width:194px; height:135px; padding:2px 2px 0; overflow:hidden;}
.m-product li .u-img img{ width:194px; height:135px;}
.m-product li .u-name{ height:32px;line-height:32px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-product li .u-name,
.m-product li .u-name a{color:#05548b;display:block;}
.m-product li.hover .u-box{ background:#000;}
.m-product li.hover .u-name,
.m-product li.hover .u-name a{color:#fff;}
.m-product li img{height:150px;width:226px;}

.footer-box{ margin-top:50px; padding:20px 0 30px; line-height:24px; text-align:center; border-top:1px solid #ccc; color:#333;}
.footer-box .foot-nav a{ color:#333; margin:0 5px;}
.footer-box .foot-nav a:hover{ color:#933;}

/********************************************
sub
********************************************/
.sub-box{ padding:10px 0 0;}

.m-sub .left-column{ width:200px; float:left; display:inline;}
.m-sub .right-column{ width:974px; float:right; display:inline;}

.m-sub .m-content{ min-height:400px; _height:400px;}
.sub-share{padding:15px 0;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}

.m-leftmenu li{ vertical-align:top; height:33px; line-height:33px; overflow:hidden; border-top:1px solid #fff; background:url(../images/menu-bg.gif) repeat-x;}
.m-leftmenu li a{ display:block; text-align:center; color:#666;}
.m-leftmenu li a:hover{ color:#933;}

.sub-tt{ height:38px; line-height:38px; background:url(../images/m-tt.gif) repeat-x; padding-left:35px;}
.sub-tt .m-current,
.sub-tt .m-current a{ color:#069;}
.sub-tt .m-current a:hover{ color:#933}

/*******sub-product*********/
.sub-product{ overflow:hidden; position:relative; zoom:1; padding:0 20px;}
.sub-product li{width:209px;float:left;display:inline; margin:24px 12px 0;}
.sub-product li .u-box{width:209px;}
.sub-product li .u-img{display:block;width:205px;height:143px; padding:1px; border:1px solid #d8d8d8; overflow:hidden;}
.sub-product li img{width:205px;height:143px;}

/***************** detail-pro *********************/
.pro-detail{padding:30px;}
.pro-detail h1{font-size:18px;color:#333;font-weight:bold;margin-bottom:5px;text-align:center;}
.pro-detail .detail-time{text-align:center;color:#999;font-size:12px;padding:5px 0;}
.pro-detail .detail-user{text-align:center;color:#595959;font-size:12px;padding:5px 0;margin-bottom:10px;}
.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:912px;_width: expression((documentElement.clientWidth < 912) ? "" : "912px" );}
.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{text-align:justify;padding:10px 0;line-height:30px;font-size:14px; color:#333;}
.pro-detail .detail-page{padding:10px 0;}
.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:#333;}
.pro-detail .detail-page .page-text a:hover{color:#05548b}

/***************** sub-content *********************/
.sub-content{padding:30px; text-align:justify;line-height:30px;}
.sub-content img{max-width:912px;_width: expression((documentElement.clientWidth < 912) ? "" : "912px" );}
.sub-content .right{ margin:0 0 10px 10px; width:auto;}
.sub-content h1{margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content p{ font-size:14px; color:#333;}
.sub-content #platform img{max-width:none;_width: none;}

/***************** sub-news-text *********************/
.sub-news-list{ padding:10px 30px 0; overflow:hidden; position:relative; zoom:1;}
.sub-news-list li{ padding-left:15px; height:40px;line-height:40px; border-bottom:1px solid #ddd; *zoom:1; background:url(../images/list-ico.gif) 0 18px no-repeat;}
.sub-news-list li .u-link{ font-size:14px; color:#666;}
.sub-news-list li .time{float:right;color:#666;}
.sub-news-list li.hover .time,
.sub-news-list li.hover .u-link{color:#933;text-decoration:none;}
.sub-news-list li:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}

.news-detail{padding:30px;}
.news-detail h1{padding:10px 0 0 0;line-height:28px;text-align:center;font-size:18px;color:#000;}
.news-detail .detail-time{position:relative;text-align:center;font-size:12px;color:#666;padding:5px 0;}
.news-detail .detail-user{text-align:center;color:#999;padding:5px 0;margin-bottom:10px;}
.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:912px;_width: expression((documentElement.clientWidth < 912) ? "auto" : "912px" );}
.news-detail .detail-con{text-align:justify;padding:10px 0;line-height:30px; font-size:14px; color:#333;}
.news-detail .detail-page{padding:10px 0;}
.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:#05548b}

/*****************sub-message ************/
.sub-message{padding:30px;}
.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;top:-1px;}
.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;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#05548b;}

.m-hr{ background:url(../images/hr-bg.jpg) center top no-repeat; padding-top:160px;}












