@charset "utf-8";

body{ color:#333; background:#fff url(../images/body-bg.gif) center 10px repeat-x;}

.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:122px;}
.top-box{ position:relative; zoom:1; border-top:10px solid #004a99;}
.top-box .logo{ position:absolute; top:18px; left:6px;}

.top-tel{ position:absolute; top:54px; right:0; float:left; display:inline; padding:0 10px 0 53px; background:url(../images/ico-tel.png) 0 0 no-repeat; font-family:'Microsoft YaHei'; font-weight:bold; text-align:center;}
.top-tel span{ display:inline-block; *display:inline; zoom:1; line-height:28px; font-size:18px; color:#0494dd; padding-right:54px; background:url(../images/header/tel-tt.gif) right center no-repeat;}
.top-tel h4{ height:20px; line-height:20px; overflow:hidden; font-size:18px;}
.top-tel p{ height:40px; line-height:40px; overflow:hidden; font-size:24px; color:#eb3c00;}

/********** nav **********/
.nav-box{position:relative;z-index:10;height:40px;width:100%;background:#eb3c00;}
.nav-box .area{}
.nav-box .all-nav{position:relative;zoom:1;float:left;display:inline;width:178px;height:40px;}
.nav-box .all-nav .open-link{position:absolute;top:0;left:0;display:block;width:178px;height:40px;line-height:40px;font-size:14px;font-weight:bold;text-align:center;color:#fff;}
.nav-1{display:none;}
.show-nav .nav-1{display:block;}
.all-nav .nav-1{position:absolute;z-index:50;left:0;top:40px;width:174px; padding-top:1px; border:2px solid #eb3c00; border-top:none;}
.all-nav .nav-1 .nav-li{ position:relative; zoom:1; float:left; display:inline; width:174px; height:38px;}
.all-nav .nav-1 .nli{ position:absolute; top:0; left:0; padding:2px 0; height:34px; line-height:34px; overflow:hidden;}
.all-nav .nav-1 .nli h2{ width:176px;}
.all-nav .nav-1 .nli h2 a{ position:relative; zoom:1; display:block; padding-left:58px; font-size:12px; font-family:'宋体'; font-weight:normal; color:#004a99;}
.all-nav .nav-1 .nli i{ position:absolute; top:5px; left:16px; width:24px; height:24px; overflow:hidden;  no-repeat;}
.all-nav .nav-1 .nli i.hover{ display:none; z-index:1;}
.all-nav .nav-1 .li-1 .nli i{ background-position:0 0;}
.all-nav .nav-1 .li-2 .nli i{ background-position:0 -34px;}
.all-nav .nav-1 .li-3 .nli i{ background-position:0 -68px;}
.all-nav .nav-1 .li-4 .nli i{ background-position:0 -102px;}
.all-nav .nav-1 .li-5 .nli i{ background-position:0 -136px;}
.all-nav .nav-1 .li-6 .nli i{ background-position:0 -170px;}
.all-nav .nav-1 .li-7 .nli i{ background-position:0 -204px;}
.all-nav .nav-1 .li-1 .nli i.hover{ background-position:-34px 0;}
.all-nav .nav-1 .li-2 .nli i.hover{ background-position:-34px -34px;}
.all-nav .nav-1 .li-3 .nli i.hover{ background-position:-34px -68px;}
.all-nav .nav-1 .li-4 .nli i.hover{ background-position:-34px -102px;}
.all-nav .nav-1 .li-5 .nli i.hover{ background-position:-34px -136px;}
.all-nav .nav-1 .li-6 .nli i.hover{ background-position:-34px -170px;}
.all-nav .nav-1 .li-7 .nli i.hover{ background-position:-34px -204px;}

.all-nav .nav-1 li.hover{ height:34px; border-top:2px solid #eb3c00; border-bottom:2px solid #eb3c00; background:#f7f7f7;}
.all-nav .nav-1 li.hover .nli{ padding:0; z-index:5; background:#f7f7f7;}
.all-nav .nav-1 li.hover .nli a{ color:#000;}

.all-nav .nav-2{display:none;position:absolute;left:174px;top:-2px;width:114px;padding:12px 20px; border:2px solid #eb3c00; background:#f7f7f7;}
.all-nav .nav-2 li{ line-height:22px;}
.all-nav .nav-2 a{ color:#666;}
.all-nav .nav-2 a:hover{ color:#f90;}

/* m-nav */
.m-nav{float:left;display:inline;width:822px;height:40px;}
.m-nav .fir-ul .fir-li{position:relative;zoom:1;float:left;display:inline;vertical-align:top;height:40px;text-align:center;}
.m-nav .fir-ul .u-a{ display:block;height:40px;line-height:40px;overflow:hidden;font-size:14px;font-weight:bold;color:#fff;cursor:pointer;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{ background:#a40000;}

.m-nav .sec-ul{display:none;position:absolute;z-index:45;top:40px;left:0;width:100%;border-bottom:2px solid #a40000;background:#fff;text-align:center;}
.m-nav .sec-ul li{height:30px;line-height:30px;overflow:hidden;border:2px solid #a40000;border-bottom:none;}
.m-nav .sec-ul li a{display:block;overflow:hidden;font-size:12px;}
.m-nav .sec-ul li.hover a{ background:#eb3c00; color:#fff;}
.m-nav .nav-y .sec-ul{display:none;}
.m-nav .nav-y .sec-ul li a{display:block;}

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

.banner-box{ padding-left:183px;}
.m-focus{position:relative;zoom:1;overflow:hidden;width:817px;}
.m-focus,.m-focus .pic-list,.m-focus .pic-list img,.m-focus .pic-list li{width:817px;height:264px;}
.m-focus .pic-list{position:absolute;top:0;left:0;z-index:1;}
.m-focus .pic-list a{display:block;}
.m-focus .switchable-nav {position:absolute;bottom:10px;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 5px;width:40px;height:0;overflow:hidden;padding-top:5px;background:#fff;cursor:pointer;}
.m-focus .switchable-nav li.active{ background:#eb3c00;}


.w244{ width:244px;}
.m-video{ width:244px; height:142px; overflow:hidden;}
.m-ad{ margin-top:6px;}
.m-ad .u-img{ display:block; width:244px; height:116px; overflow:hidden;}

.m-recommend{ width:178px;}
.m-recommend .u-img{ display:block; width:178px; height:151px; overflow:hidden;}

.m-imglist{ position:relative; zoom:1; overflow:hidden; width:816px;}
.m-imglist li{ float:left; display:inline; margin-right:12px; width:264px;}
.m-imglist li .u-img{ display:block; width:264px; height:151px; overflow:hidden;}


.m-title{ margin-top:8px; height:34px; line-height:34px; overflow:hidden; border-bottom:2px solid #0056b1;}
.m-title h2{ font-size:18px; color:#004a99;}
.m-title h2.odd{ color:#eb3c00;}
.m-title .more{ float:right; display:inline; margin-top:6px; height:28px; line-height:28px; overflow:hidden;}
.m-title .more:hover{ color:#004a99;}

.m-product .title{ margin-top:10px; width:176px;}
.m-product .title .u-img{ position:relative; zoom:1; display:block; width:176px; height:195px; overflow:hidden;}
.m-product .title .u-name{ position:absolute; top:84px; left:8px; width:158px; height:96px; overflow:hidden; padding-top:2px; text-align:center; color:#000; background:url(../images/product-title.png) no-repeat;}
.m-product .title .u-name h2{ height:44px; line-height:44px; overflow:hidden; font-size:24px;}
.m-product .title .u-name p{ margin-top:8px; height:36px; line-height:18px; overflow:hidden; font-size:14px;}

.m-product .u-list{ margin-top:10px; position:relative; zoom:1; overflow:hidden; width:816px;}
.m-product .u-list ul{ margin-left:-12px;}
.m-product .u-list li{ float:left; display:inline; margin-left:12px;}
.m-product .u-list .u-img{ position:relative; zoom:1; display:block; width:244px; height:161px; overflow:hidden; padding:16px 9px; border:1px solid #dedbdb;}
.m-product .u-list .u-img .mask{ display:none; position:absolute; top:0; left:0; z-index:1; width:262px; height:193px; overflow:hidden; background:url(../images/product-list-mask.png) no-repeat;}

.m-cooperate{ position:relative; zoom:1; overflow:hidden;}
.m-cooperate ul{ margin-left:-9px;}
.m-cooperate li{ margin:10px 0 0 10px; float:left; display:inline;}
.m-cooperate .u-img{ width:132px; height:50px; border:1px solid #999;}


.footer-box{ padding:16px 0 12px; color:#000; border-top:6px solid #004a99; background:#f7f7f7;}

.footer-weixin{ float:left; display:inline; width:104px; margin-left:26px; line-height:38px; font-weight:bold; text-align:center;}
.footer-weixin img{ width:104px; height:104px;}

.footer-text{ float:right; display:inline; width:790px; margin-right:26px; padding:12px 0; line-height:24px;}


.fixed-message{ width:260px; overflow:hidden; position:fixed; _position:absolute; bottom:0; z-index:50;}
.fixed-message .title{ position:relative; zoom:1; padding:4px 8px 0; height:38px; overflow:hidden; color:#fff; background:url(../images/fixed-msg-title.gif) no-repeat;}
.fixed-message .title h2{ height:22px; line-height:22px; overflow:hidden; font-size:18px; font-family:'宋体';}
.fixed-message .title p{ height:14px; line-height:14px; overflow:hidden; font-family:Arial;}
.fixed-message .title .fixed-message-btn{ position:absolute; top:12px; right:20px;}
.fixed-message .title .fixed-message-btn a{ display:block; _display:none; width:20px; height:20px; overflow:hidden; background:url(../images/fixed-msg-btn.gif) 0 0 no-repeat;}
.fixed-message .title .fixed-message-btn .open{ background-position:-20px 0;}

.fixed-message .form{ padding-bottom:6px; border:2px solid #39c; border-top:none; background:#f5f5f5;}
.fixed-message .form ul{ padding:5px 10px 0; overflow-y:scroll;}
.fixed-message .form li{ margin-top:10px; *zoom:1;}
.fixed-message .form li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.fixed-message .form label{ float:left; display:inline; width:48px; height:23px; line-height:23px; font-size:14px; text-align:center; color:#666; border:1px solid #ccc; border-right:none; background:url(../images/fixed-msg-label.gif) repeat-x;}
.fixed-message .form input{ font-size:14px; font-family:'宋体'; border:1px solid #ccc; background:#fff;}
.fixed-message .form .text{ float:left; display:inline; padding:0 5px; width:142px; height:23px; line-height:23px; overflow:hidden; color:#a3a3a3;}
.fixed-message .form .textarea{ vertical-align:top; padding:0 5px; width:191px; height:106px; line-height:18px; font-size:14px; font-family:'宋体'; color:#a3a3a3; border:1px solid #ccc;}

.fixed-message .form-btn{ padding-bottom:32px; background:url(../images/logo-msg.gif) center bottom no-repeat;}
.fixed-message .form-btn input{ display:block; width:94px; height:24px; overflow:hidden; margin:18px auto 0; font-size:14px; font-weight:bold; border:0 none; background:#39c; cursor:pointer; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}


/******************** client ********************/
.m-client{position:fixed;top:300px;z-index:999;}
.m-client .client-title{float:left;display:inline;position:relative;zoom:1;margin:62px 0 0;padding:10px 0;width:27px;line-height:1em;font-size:14px;text-align:center;color:#fff;cursor:pointer;-moz-border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.m-client .client-con{float:left;display:inline;width:152px;height:auto;}
.m-client .client-con .title{ height:32px; line-height:32px; font-family:'宋体'; text-align:center; color:#c6f1e8; background:url(../images/client-title.gif) repeat-x;
-moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;}
.m-client .client-con .content{ padding:8px 0 4px; border:2px solid #d9def4; background:#fff;}
.m-client .qq-list{ width:130px; margin:0 auto; background:#eaedf6;}
.m-client .qq-list li{ width:112px; height:28px; line-height:28px; margin:0 auto; border-top:1px solid #d8d8d8;}
.m-client .qq-list li.first{ border:none;}
.m-client .qq-list li a{display:block;color:#2d5cb4;}
.m-client .qq-list li a:hover{ text-decoration:underline;}
.m-client .qq-list li .ico{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:16px; height:20px; overflow:hidden; background:url(../images/ico-qq.gif) no-repeat; margin:4px 25px 0 15px;}

.m-client .client-con .tel{ line-height:22px; font-size:14px; text-align:center; color:#2d5cb4;}

.m-client .client-title{background-color:#4562ab;}



.sub-box .left-column{ float:left; display:inline; width:254px;}
.sub-box .right-column{ float:right; display:inline; width:730px;}


.left-menu .title{ padding:0 12px; height:40px; line-height:40px; overflow:hidden; font-size:18px; color:#fff; background:#eb3c00;}
.left-menu .title span{ margin-left:6px; font-size:14px; font-family:Arial; font-weight:normal;}

.m-leftmenu{}
.m-leftmenu h4{ margin-top:5px; position:relative;z-index:1;font-size:14px;font-family:'宋体';font-weight:normal;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background:url(../images/leftmenu-a.gif) repeat-x;}
.m-leftmenu h4 a.u-link{ position:relative;zoom:1;display:block;height:40px;line-height:40px;overflow:hidden;padding-left:52px; color:#000;}
.m-leftmenu h4 i{ display:none; position:absolute; top:0; right:0; height:32px;line-height:32px;overflow:hidden;font-size:18px; color:#0084e2;}
.m-leftmenu h4.first{ padding:1px 0; background:none;}
.m-leftmenu h4.current,
.m-leftmenu h4.hover{ padding:0 1px; border:none; background-position:0 -40px;}
.m-leftmenu h4.current a.u-link,
.m-leftmenu h4.hover a.u-link{ color:#fff;}
.m-leftmenu h4 a:hover{text-decoration:none;}

.m-leftmenu ul{display:none; padding:4px 0;}
.m-leftmenu li{ height:24px;line-height:24px;padding-left:52px;font-size:12px;}
.m-leftmenu li a:hover{ color:#eb3c00;}


.sub-contact{ margin-top:8px;}
.sub-contact .title{ height:42px; line-height:42px; overflow:hidden; font-size:18px; color:#666;}
.sub-contact .title span{ color:#004a99;}
.sub-contact .u-img{ width:254px; height:104px; overflow:hidden;}
.sub-contact .u-con{ line-height:24px; font-size:14px; font-weight:bold;}
.sub-contact .u-con li{ position:relative; zoom:1; margin-top:14px; padding-left:50px;}
.sub-contact .u-con .ico{ position:absolute; top:0; left:8px; width:24px; height:24px; overflow:hidden; background:url(../images/contact-ico.gif) no-repeat;}
.sub-contact .u-con .li-1 .ico{ background-position:0 0;}
.sub-contact .u-con .li-2 .ico{ background-position:0 -24px;}
.sub-contact .u-con .li-3 .ico{ background-position:0 -48px;}
.sub-contact .u-con .li-4 .ico{ background-position:0 -72px;}
.sub-contact .u-con .li-5 .ico{ background-position:0 -96px;}



.sub-rtt{ padding-top:2px; height:36px; line-height:36px; overflow:hidden; border-bottom:2px solid #eb3c00;}
.sub-rtt h2{ font-size:18px; color:#004a99;}

.sub-rtt .m-current{float:right; display:inline; padding-top:14px; height:24px; line-height:24px; overflow:hidden;}
.sub-rtt .m-current,.sub-rtt .m-current a{ color:#000;}
.sub-rtt .m-current a:hover{ color:#eb3c00;}

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

.sub-product{ position:relative; zoom:1; overflow:hidden;}
.sub-product ul{ margin-left:-20px;}
.sub-product li{ float:left; display:inline; margin:20px 0 0 20px; width:230px;}
.sub-product .u-box{ position:relative; zoom:1; display:block; padding:8px 8px 0; border:1px solid #dedbdb;}
.sub-product .u-img{ width:208px; height:138px; overflow:hidden; border:2px solid #666;}
.sub-product .u-name{ position:relative; z-index:5; margin-top:2px; height:38px; line-height:38px; overflow:hidden; font-size:14px; text-align:center;}
.sub-product .mask{ display:none; position:absolute; top:0; left:0; z-index:1; width:228px; height:190px; overflow:hidden; background:url(../images/product-mask.png) no-repeat;}


.pro-detail{ padding:20px;}
.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;}
.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:690px;_width: expression((documentElement.clientWidth < 690) ? "" : "690px" );}
.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;}
.pro-detail .detail-page{border-top:1px solid #eee;}
.pro-detail .detail-page .page-text{width:48%;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#666;}
.pro-detail .detail-page .page-text a{color:#666;}
.pro-detail .detail-page .page-text a:hover{color:#eb3c00;}
.pro-detail .detail-page .f-fr{text-align:right;}



.sub-news-list{ padding-top:10px;}
.sub-news-list a:hover{ color:#eb3c00;}
.sub-news-list li{ padding:0 10px; height:40px; line-height:40px; overflow:hidden; font-size:14px; border-bottom:1px dotted #dedbdb; *zoom:1;}
.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; font-size:12px; color:#999;}


.news-detail{ padding:20px;}
.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;}
.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:690px;_width: expression((documentElement.clientWidth < 690) ? "auto" : "690px" );}
.news-detail .detail-con{padding:10px 0;line-height:30px;font-size:14px;}
.news-detail .detail-page{}
.news-detail .detail-page .page-text{width:48%;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#666;}
.news-detail .detail-page .page-text a{color:#666;}
.news-detail .detail-page .page-text a:hover{color:#eb3c00;}
.news-detail .detail-page .f-fr{text-align:right;}


/***************** sub-content *********************/
.sub-content{ padding:20px; line-height:30px;}
.sub-content img{max-width:690px;_width: expression((documentElement.clientWidth < 690) ? "auto" : "690px" );}
.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:30px;font-size:14px;}
.sub-content #platform img{max-width:none;_width: none;}


/*****************sub-message ************/
.sub-message{padding:40px 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: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:#eb3c00;}