@charset "utf-8";

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

.yahei{font-family:'Microsoft YaHei';}
.more,
.more a{color:#f60;}

.top-box,.nav-box,.main-box,.sub-box{ margin:0 auto; min-width:1000px; width:100% !important; _width:100%;}

.top-box{ position:relative; height:74px;}
.top-tel{ position:absolute; top:21px; right:48px; padding-left:38px; color:#666; font-family:'Microsoft YaHei'; background:url(../images/top-tel.png) 0 0 no-repeat;}
.top-tel span{ display:block; font-weight:bold; font-size:14px; line-height:18px;}
.top-tel p{ font-size:24px; line-height:28px; color:#f63;}

/***********nav*******************/
.nav-box{position:relative;z-index:10; height:67px; border-top:1px solid #f3cb8e; border-bottom:1px solid #f3cb8e; background:url(../images/nav-bg.gif) repeat-x;}
.nav-box .logo{ position:absolute; z-index:5; top:-75px; left:-3px;}

/* m-nav */
.m-nav{}
.m-nav a:hover{text-decoration:none;}

.m-nav .f-nav{font-size:0;text-align:right; height:67px;}
.m-nav .f-nav .u-li{ position:relative;display:inline-block;*display:inline;*zoom:1; background:url(../images/nav-line.gif) 0 36px no-repeat;}
.m-nav .f-nav .u-a{display:inline-block;*display:inline;*zoom:1;width:100px; height:49px; line-height:49px; padding-top:18px;color:#333; font-size:16px; font-weight:bold; font-family:'Microsoft YaHei';text-align:center;}
.m-nav .f-nav .hover .u-a,
.m-nav .f-nav .current .u-a{text-decoration:none; color:#fff; background:url(../images/nav-hover.gif) center top repeat-x;}
.m-nav .f-nav .first{ background:none;}

.m-nav .f-uNav{display:none;position:absolute;top:67px;left:0;width:100px;font-size:0;text-align:center;background:#fc0; overflow:hidden; zoom:1;}
.m-nav .f-uNav li{text-align:center;height:37px;line-height:36px;overflow:hidden; border-top:1px dotted #960; margin-top:-1px;}
.m-nav .f-uNav li a{display:block;padding:0 5px;overflow:hidden;color:#000;font-size:12px;}
.m-nav .f-uNav li.hover a{ background:#ffda3d;}

/***************m-main***************/
.m-main{ width:1000px; margin:3px auto 0;}
.banner-shadow{ background:url(../images/banner-shadow.png) bottom repeat-x; padding-bottom:6px;}
.banner-box{ border:1px solid #fc0; width:998px; position:relative; zoom:1;}
.banner-box .banner{ position:absolute; top:0; left:0;}
.banner-box .banner a{ display:block;}
.banner-box .banner img{ width:377px; height:298px;}
/***************m-focus*******************/
.m-focus{position:relative;overflow:hidden; width:621px;}
.m-focus,.m-focus .pic-list,.m-focus .pic-list img,.m-focus .pic-list li{width:621px;height:298px;}
.m-focus .pic-list {position:absolute;top:0;left:0;z-index:1}
.m-focus .thumbs-list{ position:absolute; bottom:10px; right:60px; z-index:5; text-align:center; font-size:0;}
.m-focus .thumbs-list li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 2px; width:9px; height:9px; overflow:hidden; cursor:pointer;}
.m-focus .thumbs-list i{ width:7px; height:7px; display:block; overflow:hidden; background:#fc3; border:1px solid #fc3;}
.m-focus .thumbs-list li.current i{ background:#ccc; border:1px solid #fff;}

/***************m-news-ptext*******************/
.news-box{ height:100px; border:1px solid #fc9; background:#fff; position:relative; zoom:1;}
.news-box h2{ position:absolute; top:0; left:0; width:25px; height:64px; overflow:hidden; line-height:16px; padding:18px 0; border-right:1px solid #fc9; background:#ccc url(../images/ptext-tt.gif) no-repeat; text-align:center;}

.m-news-ptext{ margin-left:26px; width:972px;}
.m-news-ptext li{ float:left; display:inline; width:310px; margin:8px 7px 0;}
.m-news-ptext li a:hover{color:#f60;}
.m-news-ptext li .u-img{float:left;display:inline;width:128px;height:86px;text-align:center;overflow:hidden;background:url(../images/ptext-shadow.gif) no-repeat;}
.m-news-ptext li img{width:120px;height:78px; margin-top:3px;}
.m-news-ptext li h4,
.m-news-ptext li h4 a{height:28px; line-height:28px; font-size:12px; font-family:'宋体'; color:#666;}
.m-news-ptext li h4 a:hover{ text-decoration:none;}
.m-news-ptext li p{ margin-top:5px;color:#666;line-height:24px;height:48px;overflow:hidden;text-align:justify;}
.m-news-ptext .u-con{padding-left:140px;}

.m-tt{ padding:8px 0 0 0;}
.m-tt h2{ font-size:16px; color:#f60; line-height:22px;}
.m-tt h2 .more{ font-size:12px; color:#333;}
.m-tt h2 .more:hover{ color:#f60; text-decoration:none;}
.m-tt p{ line-height:16px; font-size:12px; font-family:'Microsoft YaHei'; font-weight:bold; text-transform:uppercase;}

/***************main-bg*******************/
.main-bg{ height:237px; border:1px solid #e6e5e5; background:url(../images/main-bg.gif) top repeat-x;}
.m-about,.m-news-list,.m-contact{ height:237px; padding-left:24px;}
.m-about{ width:274px; background:url(../images/m-about.gif) right no-repeat;}
.m-about .u-con{ margin-top:16px; width:140px; line-height:24px;}

.m-news-list{ width:332px; background:url(../images/m-news-list.gif) right no-repeat;}
.m-news-list ul{ width:270px; margin-top:12px;}
.m-news-list li{ height:30px; line-height:30px; overflow:hidden; *zoom:1;}
.m-news-list li:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.m-news-list li.hover,
.m-news-list li.hover .u-a{ color:#f63;}
.m-news-list .u-time{ float:right;}

.m-contact{ width:300px; padding-left:44px;}
.m-contact li{ line-height:24px;}
.m-contact .consult{ padding:25px 0 5px; line-height:18px; font-size:14px; font-weight:bold; font-family:'Microsoft YaHei';}
.m-contact .tel,
.m-contact .phone{ font-size:28px; line-height:36px;}
.m-contact .tel{ color:#f60;}

/***************product-box*******************/
.product-box{ width:720px; border:1px solid #e6e5e5; background:#fff;}
.product-box .m-tt{ padding-left:24px;}
.m-product{ position:relative; margin:0 auto; padding:18px 0 8px; width:690px;}
.m-product li{ float:left; display:inline; width:128px; padding:0 5px;}
.m-product li .u-box{text-align:center;}
.m-product li .u-img{ display:block; width:122px; height:122px; padding:2px; border:1px solid #f90; overflow:hidden;}
.m-product li .u-name{font-size:12px; height:38px;line-height:38px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m-product li.hover .u-name a{ color:#f63;}
.m-product .u-prev,
.m-product .u-next{position:absolute; top:57px;width:33px;height:50px;background:url(../images/pro-btn.png) no-repeat;}
.m-product .u-prev{left:-15px;background-position: left 0;}
.m-product .u-next{right:-15px;background-position: right 0;}

/***************video-box*******************/
.video-box{ width:270px; height:240px; border:1px solid #e6e5e5; background:#fff;}
.video-box .m-tt{ padding-left:24px;}
.video-box .m-video{ width:216px; height:124px; margin:18px auto 0; padding:3px 4px 5px; background:url(../images/video-shadow.gif) no-repeat;}
.video-box .u-name{ height:34px; line-height:34px; overflow:hidden; text-align:center;}
.video-box .u-name a:hover{ text-decoration:none; color:#f63;}

.footer-box{ border-top:3px solid #fc3; text-align:center; line-height:24px; padding:20px 0;}

/***************m-client*******************/
.m-client{position:fixed;top:200px;z-index:999;}
.m-client .client-title{float:left;display:inline-block;*display:inline;*zoom:1;width:32px;padding:50px 0 20px 0;text-align:center;background:url(../images/client/ttqq-ico.png) center 10px no-repeat;cursor:pointer;font-size:18px;font-family:'microsoft yahei';cursor:pointer;}
.m-client .client-con{float:left;display:inline-block;*display:inline;*zoom:1;width:160px;padding:6px 0;height:auto;font-family:'microsoft yahei';}
.m-client .client-qq,
.m-client .tel,
.m-client .erwei{width:140px;padding:5px 0;margin:4px auto;background:#fff;}
.m-client h2{padding:5px 0;color:#333;text-align:center;}
.m-client .qq-list{width:130px;margin:0 auto;padding:5px 0; vertical-align:middle;}
.m-client .qq-list i{display:inline-block;*display:inline;*zoom:1;width:27px;height:30px;margin-right:6px;vertical-align:middle;}
.m-client .qq-list i.i1{background:url(../images/client/qq01.png) no-repeat;}
.m-client .qq-list i.i2{background:url(../images/client/qq02.png) no-repeat;}
.m-client .qq-list i.i3{background:url(../images/client/qq03.png) no-repeat;}
.m-client .qq-list li{width:130px;height:30px;line-height:30px;margin-bottom:3px;text-align:center;}
.m-client .qq-list li:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.m-client .qq-list li a{display:block;color:#333;font-size:14px;}
.m-client .qq-list li a:hover{color:#c00;}
.m-client .erwei{line-height:16px;text-align:center;}
.m-client .erwei img{width:130px;}
.m-client .tel{ font-weight:bold;font-size:16px;}
.m-client .tel h2{ background:url(../images/client/tel.gif) 12px center no-repeat;font-size:16px;}
.m-client .tel .telcn{padding-bottom:5px;text-align:center;}
.leftclient .client-title{-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-top-right-radius: 4px;-moz-border-bottom-right-radius: 4px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
.rightclient .client-title{-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-top-left-radius: 4px;-moz-border-bottom-left-radius: 4px;border-top-left-radius:4px;border-bottom-left-radius:4px;}

.m-client .client-title{color:#333;}
.m-client .client-title,
.m-client .client-con{background-color:#fc3}


/********************************************
sub
********************************************/
.m-sub{ width:1000px; margin:3px auto 0;}
.m-sub .left-column{float:left;display:inline; width:240px;}
.m-sub .right-column{float:right;display:inline; width:738px; background:#fff; border:1px solid #e5e5e5;}

.sub-tt{ padding:10px 0; border-bottom:1px solid #e5e5e5;}
.sub-tt h2,
.sub-tt p{ border-left:4px solid #333; margin-left:15px; padding-left:10px;}
.sub-tt h2{ font-size:16px; color:#f60; line-height:22px;}
.sub-tt p{ line-height:16px; font-size:12px; font-family:'Microsoft YaHei'; font-weight:bold; text-transform:uppercase;}

.leftmenu-box{ background:#fafafa; border:1px solid #e5e5e5;}
.m-leftmenu{ padding:6px 0;}
.m-leftmenu h4{ margin-top:3px;}
.m-leftmenu h4 .u-link{display:block;height:33px;line-height:33px;overflow:hidden; text-align:center; font-weight:normal;}
.m-leftmenu h4.hover .u-link{ background:#333 url(../images/menu-ico.png) 26px center no-repeat; color:#fff; text-decoration:none;}

.sub-contact{ background:#fafafa; border:1px solid #e5e5e5;}
.sub-contact .u-con{ padding:15px 15px 20px; color:#333;}
.sub-contact li{ line-height:24px;}
.sub-contact .consult{ padding:0 0 5px; line-height:18px; font-size:14px; font-weight:bold;}
.sub-contact .tel,
.sub-contact .phone{ font-size:28px; line-height:40px; font-family:'Microsoft YaHei';}
.sub-contact .tel{ color:#f63;}
.sub-contact strong{ font-size:14px;}

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

.sub-rtt .m-current{ padding:0 25px; height:33px; line-height:33px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.sub-rtt .m-current a:hover{ color:#f60;}

/***************sub-product*******************/
.sub-product{ overflow:hidden; position:relative; zoom:1;}
.sub-product ul{ padding:10px 17px 0;}
.sub-product li{ float:left; display:inline; width:160px; margin:10px 8px 0;}
.sub-product li .u-box{text-align:center;}
.sub-product li .u-img{ display:block; width:154px; height:122px; padding:2px; border:1px solid #f90; overflow:hidden;}
.sub-product li .u-name{font-size:12px; height:28px;line-height:28px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sub-product li.hover .u-name a{ color:#f63;}

/***************sub-video*******************/
.sub-video li .u-img{ position:relative;}
.sub-video li .u-img i{ position:absolute; top:50%; left:50%; margin:-21px 0 0 -21px; width:43px; height:43px; background:url(../images/video-ico.png) no-repeat;}

/***************** detail-pro *********************/
.pro-detail{padding:25px;}
.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:688px;_width: expression((documentElement.clientWidth < 688) ? "" : "688px" );}
.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;}
.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:#900}

/***************** sub-content *********************/
.sub-content{padding:30px; text-align:justify;line-height:30px;}
.sub-content img{max-width:688px;_width: expression((documentElement.clientWidth < 688) ? "" : "688px" );}
.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-imgtext*******************/
.sub-news-imgtext{padding:0 30px;}
.sub-news-imgtext li{position:relative; padding:20px 8px 10px;border-bottom:1px dashed #d9d9d9;*zoom:1;}
.sub-news-imgtext li a:hover{color:#f63;}
.sub-news-imgtext li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.sub-news-imgtext li .u-img{float:left;display:block;width:160px;height:90px;margin-right:15px;overflow:hidden;}
.sub-news-imgtext li .u-img img{width:160px;height:90px;}
.sub-news-imgtext li h4{text-align:left; height:24px; overflow:hidden;}
.sub-news-imgtext li h4 .u-time{float:right;color:#505050;font-weight:normal; padding-left:10px; font-size:12px;}
.sub-news-imgtext li p{ margin-top:8px; color:#505050;line-height:24px;height:48px;overflow:hidden;font-family:'宋体';text-align:justify}
.sub-news-imgtext li p .more{ margin-left:2em;}

.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:688px;_width: expression((documentElement.clientWidth < 688) ? "auto" : "688px" );}
.news-detail .detail-con{text-align:justify;padding:10px 0;line-height:30px; font-size:14px; color:#333;}
.news-detail .detail-page{padding:10px;border-top:1px solid #e4e4e4;}
.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:#f60}

/*****************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; line-height:30px;}
.sub-message label{display:inline-block;*display:inline;*zoom:1; vertical-align:top;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:top;width:60%;}
.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 #aaa;background:#FFF;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#f63;}

.sub-order .m-form{border:none;background:none;}
.sub-order .m-form table input{width:50%;}
.sub-order .m-form table td span{display:inline-block;*display:inline;*zoom:1; vertical-align:top;}