@charset "utf-8";

body{ color:#333; background:url(../images/bg.gif) center top repeat;}

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


.top-box,.top-box .area{ height:145px;}
.top-box{ background:#fff;}
.logo{ position:absolute; top:22px; left:26px;}
.top-nav{ position:absolute; top:4px; right:0;}
.top-nav a:hover{ color:#09f;}
.top-tel{ position:absolute; top:66px; right:0; padding-left:35px; height:40px; line-height:20px; font-family:'Microsoft YaHei'; font-weight:bold; font-size:20px; color:#000; background:url(../images/tel.png) left center no-repeat;}

/***********nav*******************/
.nav-box{position:relative; background:url(../images/nav-bg.gif) repeat-x; z-index:10;}
.nav-box .area{height:52px;z-index:2;}

/* m-nav */
.m-nav{z-index:3;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:center;height:52px;}
.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:52px;line-height:52px;color:#fff;font-size:14px;font-weight:bold;z-index:11;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{ background:#0093df; -moz-box-shadow:0 0 50px #0079cc inset; -webkit-box-shadow:0 0 50px #0079cc inset; box-shadow:0 0 50px #0079cc inset;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;position:absolute;top:52px;left:0;width:100%;background:#0086d5;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{background:#00a0e9;}

/***************m-focus*******************/
.m-focus{position:relative;z-index:1;width:100%;height:346px;overflow:hidden; -moz-box-shadow:0 0 7px #b9b9b9; -webkit-box-shadow:0 0 7px #b9b9b9; box-shadow:0 0 7px #b9b9b9;}
.m-focus .switchable-box{width:100%;height:346px;}
.m-focus .switchable-content li{width:100%;height:346px;text-align:center;text-indent:-9999em;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{ display:block; height:346px;}
.m-focus .m-focus-page{ display:block;position:absolute;top:50%;margin-top:-30px;z-index:25;width:60px;height:60px; overflow:hidden; background:url(../images/focus-page.png) no-repeat;}
.m-focus .m-prev{left:0px; background-position:0 0;}
.m-focus .m-next{right:0px; background-position:-60px 0;}
.m-focus .switchable-nav {position:absolute;bottom:12px;left:0; width:100%; text-align:center;z-index:50;}
.m-focus .switchable-nav,.m-focus .switchable-nav ol{ height:5px;}
.m-focus .switchable-nav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 3px;width:30px;height:0;overflow:hidden;padding-top:5px;text-align:center; background:url(../images/pngbg-w50.png) repeat; cursor:pointer;}
.m-focus .switchable-nav li.active{background:#09f;}

.main-box,.sub-box{ padding:30px 0 0 0;}

.m-tt{ position:relative; zoom:1; padding-left:46px; height:42px; line-height:42px; overflow:hidden; color:#fff; background:url(../images/title-bg.gif) repeat-x;}
.m-tt h2 span{ font-family:Tahoma;}
.m-tt i{ position:absolute; top:14px; left:15px; width:14px; height:14px; overflow:hidden; background:url(../images/title-arr.png) no-repeat;}
.m-tt .more{ float:right; display:inline; margin-right:10px; font-family:'Microsoft YaHei'; color:#fff;}
.m-tt .more:hover{ margin-right:8px;}

.box-bg{ position:relative; zoom:1; background:#fff;}
.box-shadow{ position:absolute; bottom:-10px; height:10px; overflow:hidden;}

.m-contact,.m-about,.m-honor,.g-product{ padding-bottom:10px;}
.m-contact .box-bg,.m-about .box-bg,.m-honor .box-bg{ height:280px;}
.m-contact .box-shadow{ width:275px; background:url(../images/shadow-275.png) no-repeat;}
.m-about .box-shadow{ width:395px; background:url(../images/shadow-395.png) no-repeat;}
.m-honor .box-shadow{ width:300px; background:url(../images/shadow-300.png) no-repeat;}
.g-product .box-shadow{ width:1000px; background:url(../images/shadow-1000.png) no-repeat;}

.m-contact{ width:275px;}
.m-contact .u-img{ width:275px; height:107px;}
.m-contact ul{ margin-top:26px; height:120px; overflow:hidden;}
.m-contact li{ padding-left:65px; line-height:24px; position:relative; zoom:1; font-family:'Microsoft YaHei';}
.m-contact li span{ position:absolute; top:0; left:5px; width:60px;}

.m-about{ width:395px; margin-left:15px;}
.m-about .u-con{ padding:2px 5px; height:168px; overflow:hidden; font-family:'Microsoft YaHei';}
.m-about .u-con a{ color:#666;}
.m-about .u-con a:hover{ color:#09f;}

.m-honor{ width:300px;}
.m-honor .honor-scroll{ width:288px; margin:0 auto; position:relative; zoom:1;}
.m-honor li{ float:left; display:inline; margin-top:30px;}
.m-honor .u-box{ width:134px; margin:0 auto;}
.m-honor .u-img{ width:130px; height:184px; border:2px solid #fff; -moz-box-shadow:0 0 4px #7f7f7f; -webkit-box-shadow:0 0 4px #7f7f7f; box-shadow:0 0 4px #7f7f7f;}
.m-honor .u-img img{ width:130px; height:184px;}
.m-honor .u-name{ height:56px; line-height:56px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei';}
.m-honor .u-name a:hover{ color:#09f;}

/*******m-product*********/
.g-product{ position:relative; overflow:hidden; zoom:1; margin-top:8px;}
.m-product{ position:relative; zoom:1; margin-left:-8px; padding:10px 0;}
.m-product li{float:left; display:inline;}
.m-product li .u-box{ position:relative; zoom:1; width:244px; padding-left:8px;}
.m-product li .u-img{width:244px;height:198px;overflow:hidden;}
.m-product li .u-img img{width:244px;height:198px;}
.m-product li .u-name{ position:absolute; bottom:0; left:8px; width:244px;height:30px;line-height:30px;overflow:hidden; text-align:center;}
.m-product li a{ color:#fff;}
.m-product li.hover .u-a{ position:absolute; top:0; left:8px; width:236px; height:190px; border:4px solid #09f;}
.m-product .u-prev,
.m-product .u-next{ position:absolute; margin-top:-20px;top:50%;width:30px;height:40px;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;}
.m-product .u-prev{ left:18px; background:url(../images/pro-btn-left.png) no-repeat;}
.m-product .u-next{ right:10px; background:url(../images/pro-btn-right.png) no-repeat;}
.m-product .u-prev:hover,
.m-product .u-next:hover{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;}


.footer-box{ margin-top:50px; padding:32px 0; line-height:24px; text-align:center; color:#fff; background:#0083ce;}
.footer-nav a{ color:#fff; margin:0 8px;display:inline-block;*display:inline;*zoom:1;}
.footer-nav a:hover{ text-decoration:underline;}

.sub-box .left-column{float:left; display:inline; width:285px; background:url(../images/sub-left-bg.png) center top no-repeat;}
.sub-box .right-column{float:right; display:inline; width:710px; background:url(../images/sub-right-bg.png) center top no-repeat;}

.sub-box .left-column .box-bg{ width:255px; margin:0 auto; padding:0 10px; min-height:400px; _height:400px;}
.sub-box .right-column .box-bg{ width:640px; margin:0 auto; padding:0 30px; min-height:700px; _height:700px;}
.sub-box .left-column .box-shadow{ width:255px; background:url(../images/shadow-275.png) no-repeat;}
.sub-box .right-column .box-shadow{ width:700px; background:url(../images/shadow-700.png) no-repeat;}

.sub-tt{ position:relative; zoom:1; padding-left:45px; height:38px; line-height:38px; overflow:hidden; color:#0475b4; border-bottom:3px solid #61b4e2;}
.sub-tt h2{ font-size:16px; font-weight:normal;}
.sub-tt h2 span{ font-size:14px;}
.sub-tt i{ position:absolute; top:0px; left:10px; width:27px; height:38px; overflow:hidden; background:url(../images/title-sub-arr.gif) center no-repeat;}

.m-leftmenu li{ margin-top:8px;}
.m-leftmenu li a.u-link{display:block;padding:0 45px;height:38px;line-height:38px;overflow:hidden;color:#333;font-size:16px;font-family:'Microsoft YaHei';font-weight:normal;background:#f5f5f5;}
.m-leftmenu li.current a.u-link,
.m-leftmenu li.hover a.u-link{color:#fff;background:url(../images/menu-bg.gif) repeat-x;}
.m-leftmenu li.hover a{text-decoration:none;}

.sub-contact{ margin-top:10px;}
.sub-contact .u-con{ width:239px; margin:0 auto; padding:10px 8px;}
.sub-contact .u-img{ width:239px; margin-bottom:8px;}
.sub-contact p{ line-height:24px; font-family:'Microsoft YaHei';}
.sub-contact b{ font-size:18px; color:#127ab4;}

.m-sub .m-rtt{height:38px;line-height:38px;border-bottom:3px solid #61b4e2;}
.m-sub .m-rtt h2{float:left;display:inline;font-size:16px; font-weight:normal;}
.m-sub .m-current{float:right;display:inline; margin-top:6px; line-height:32px; font-family:'Microsoft YaHei';}
.m-sub .m-current a:hover{ text-decoration:underline;}
.sub-share{padding:15px 0;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}

.sub-product{ padding:20px 0; width:588px; margin:0 auto;}
.sub-product li{float:left;display:inline; margin:26px 30px 0;width:234px;text-align:center;}
.sub-product .u-box{position:relative;width:234px;margin:0 auto;}
.sub-product .u-img{display:block;width:228px;height:162px;margin:0 auto; border:4px solid #e4e5e6; background:#fff;}
.sub-product .u-name{ margin-top:26px; height:24px; line-height:24px; overflow:hidden;}
.sub-product .u-name a{color:#333;}
.sub-product .u-name a:hover{ text-decoration:underline;}
.sub-product .hover .u-img{ border-color:#09f;}
.sub-product .hover .u-name a{ color:#09f;}

/***************** detail-pro *********************/
.pro-detail{padding:20px 0;}
.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:640px;_width: expression((documentElement.clientWidth < 640) ? "" : "640px" );}
.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; color:#333; font-family:'Microsoft YaHei';}
.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:#09f;}

/***************** sub-content *********************/
.sub-content{padding:20px 0; text-align:justify;line-height:24px;}
.sub-content img{max-width:640px;_width: expression((documentElement.clientWidth < 640) ? "" : "640px" );}
.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:12px; color:#333; font-family:'Microsoft YaHei';}
.sub-content #platform img{max-width:none;_width: none;}

/***************** sub-news-list *********************/
.sub-news-list{ margin:10px 0 0; overflow:hidden; position:relative; zoom:1;}
.sub-news-list li{ height:32px;line-height:32px;overflow:hidden;*zoom:1;border-bottom:1px dashed #ccc;font-family:'宋体';}
.sub-news-list li .u-link{ font-size:12px; color:#333;}
.sub-news-list li .time{float:right;color:#333;}
.sub-news-list li.hover .u-link{color:#09f;}
.sub-news-list li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}

.news-detail{padding:20px 0;}
.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:640px;_width: expression((documentElement.clientWidth < 640) ? "auto" : "640px" );}
.news-detail .detail-con{padding:10px 0;line-height:24px; font-size:12px; color:#333; font-family:'Microsoft YaHei';}
.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:#09f;}

/*****************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:#09f;}