/*header-box*/
.header-box{height: 134px;background: url("../images/h-bg01.jpg") 0 center repeat-x;position: relative;z-index: 3;}
.header-box .logo{position: absolute;top: 0;left: 0;}
.header-box .t-tel{position: absolute;top: 6px;right: 0; width: 250px;padding-top: 30px;background: url("../images/m-tel.jpg") 0 top no-repeat;}
.header-box .t-tel p{color: #ff9900;font-family: "微软雅黑";font-size: 30px;font-weight: bold;}

/* m-nav */
.m-nav{position: absolute;top: 76px;left:0; width:1000px;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:right;height:58px;background:url("../images/li-bg01.jpg") left center no-repeat;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;z-index:9;text-align:center;background:url("../images/li-bg01.jpg") right center no-repeat;}
.m-nav .fir-ul .u-a{display:block;height:58px;line-height:58px;color:#000;font-size:14px;z-index:11;cursor:pointer;font-family:'microsoft yahei';}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{background: url("../images/li-hover01.jpg") repeat-x; text-decoration:none; color:#fff;}

.m-nav .sec-ul{position:absolute;top:58px;left:0;width:100%;font-size:0;text-align:center;background: url("../images/sub-nav.png");}
.m-nav .sec-ul li{height:30px;line-height:30px;overflow:hidden;}
.m-nav .sec-ul li a{overflow:hidden;color:#ccc;font-size:12px;}
.m-nav .sec-ul li.hover a{text-decoration:none;color:#fff;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;}
.m-nav .nav-y .sec-ul li a{display:block;}





.banner-box{ position:relative; zoom:1; height:312px; background:#0281ce;}
/***************m-focus*******************/
.m-focus{position:relative;z-index:1;width:100%;height:312px;overflow:hidden;}
.m-focus .switchable-box{width:100%;height:312px;}
.m-focus .switchable-content li{width:100%;height:312px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{ display:block; height:312px;}
.m-focus .switchable-nav{position:absolute;top:290px;left:0;width:100%;text-align:center;z-index:50;}
.m-focus .switchable-nav,.m-focus .switchable-nav ol{ height:10px;}
.m-focus .switchable-nav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 5px;width:30px;height:0;overflow:hidden;padding-top:10px;background:#fff;opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
.m-focus .switchable-nav li.current{background:#f60;}


.main-box .area{padding: 30px 0 0 0;background: url("../images/m-t-bg01.jpg") center top no-repeat;}

.content01 .con-l{width: 730px;}
.content01 .con-r{width: 262px;}

.con-wrap01{padding: 10px 20px 15px;margin-bottom: 10px;background: #333;}
.con-wrap02{width: 725px;}

.title-sty02{font-weight: normal;padding:0 10px 10px 0;background: url("../images/line-bg01.jpg") center bottom no-repeat;}
.title-sty02 .m-t-l{float: left;height: 30px;line-height: 30px; color: #58c0ff;font-family: "微软雅黑";font-size: 18px;font-weight: bold; padding-left: 40px;background: url("../images/tit-bg01.jpg") 0 center no-repeat;}
.title-sty02 .m-t-r{float: right;}
.title-sty02 .m-t-r a{color: #999;font-size: 12px;font-family: "宋体";display: block;height:30px;line-height: 30px;}
.title-sty02 .m-t-r a:hover{color: #00ccff;text-decoration: none;}

.title-sty03{font-weight: normal;padding:0 10px 10px 0;border-bottom: 1px dashed #ccc;}
.title-sty03 .m-t-l{float: left; color: #999;font-family: "微软雅黑";font-size: 18px;padding-left: 37px;background: url("../images/tit-bg02.jpg") 12px center no-repeat;}
.title-sty03 .m-t-r{float: right;}
.title-sty03 .m-t-r a{color: #999;font-size: 12px;font-family: "宋体"; display:inline-block; display:inline; zoom:1;height: 24px;line-height: 24px;}
.title-sty03 .m-t-r a:hover{color: #00ccff;text-decoration: none;}

.con-nav01{padding: 10px 10px 0;overflow: hidden;}
.con-nav01 li{float: left;margin: 8px 5px 8px 0; padding: 0 10px 0 15px;background: url("../images/dot-bg01.jpg") left 10px no-repeat;height: 24px;line-height: 24px;overflow: hidden;}
.con-nav01 li.hover{background-position: left -15px;}
.con-nav01 li a{font-size: 14px;color: #999;}
.con-nav01 li a:hover,.con-nav01 li.hover a{color: #00ccff;text-decoration: none;}

/*公司简介*/
.con-wrap02 .con-w-l{width: 398px;border: 1px solid #cdcdcd;padding: 10px 0 15px;}
.m-col-inner{padding:0 15px;margin-top: 15px;height: 215px;overflow: hidden;}
.m-col-inner a.left{display: block;margin-right: 15px;}
.m-col-inner a.left img{display: block;width: 212px;height: 132px;}
.m-col-inner p{color: #666;line-height: 24px;}
/*新闻*/
.con-wrap02 .con-w-r{width: 310px;border: 1px solid #cdcdcd;padding: 10px 0 6px;}
.ad-list01{margin-top: 15px;height: 224px;overflow: hidden;}
.ad-list01 li{color: #0a0605;padding: 0 15px 0 25px;margin: 0 0 6px; height: 24px;line-height: 24px; +height: 22px;+line-height: 22px; overflow: hidden; background: url("../images/dot-bg01.gif") 10px 10px no-repeat;}
.ad-list01 li:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.ad-list01 li.hover{background-position: 10px -15px;}
.ad-list01 li.hover,.ad-list01 li.hover a,.ad-list01 li.hover span{color: #0099cc;}
.ad-list01 li a{color: #333;float: left;display:block;width: 75%;_width: 70%;height: 24px;line-height: 24px; overflow: hidden;+height: 22px;+line-height: 22px;}
.ad-list01 li a:hover{text-decoration: none;color: #0099cc;}
.ad-list01 li span{;float: right;color: #999;}

/*联系我们*/

.con-wrap03{padding: 10px 0 15px;border: 1px solid #cdcdcd;}
.contact-wrap{padding: 10px 15px 0 15px;}
.contact-wrap .con{height: 140px;overflow:hidden;line-height: 24px;color: #333;}
.m-tel{padding: 30px 0 0 0; height: 40px;background: url("../images/tel-bg02.jpg") 0 top no-repeat;margin-bottom: 10px;}
.m-tel span{color: #ff9900;font-family:"georgia","微软雅黑";font-size: 25px;font-weight: bold;height: 40px;line-height: 40px;}
/*二维码*/
.con-wrap04{margin-top: 10px;}
.code-wrap{}
.code-wrap img{display: block;max-width: 100%;}

.content02{padding: 10px 0 15px;border: 1px solid #cdcdcd;margin-top:10px;}
.m-product-2{position: relative;margin-top: 22px;}
.m-product-2 ul{height: 120px;overflow: hidden;}
.m-product-2 ul li{float: left;}
.m-product-2 ul li{float: left; display:inline;margin: 0 9px 0 10px;position: relative;width: 185px;}
.m-pro01 ul li{height: 140px;overflow: hidden;}
.m-product-2 ul li img{width: 185px;height: 140px;display: block;}
.m-product-2 ul li a{display: block;color: #ccc;}
.m-product-2 .u-name{ position: absolute;left: 1px;bottom: -30px;background: #000;opacity: 0.7; filter:alpha(opacity=70); color: #00ccff;width: 185px;height: 30px;line-height: 30px; text-align: center;z-index: 30;}
.m-scr-list{position: relative;margin: 15px 0 20px;padding-bottom: 30px;}
.m-product-2 .u-prev,.m-product-2 .u-next{color: #336699;width: 42px;height: 42px;display: block;position: absolute;top: 50%; margin-top: -20px;}
.m-product-2 .u-prev{left: 0; background: url("../images/bg02.png") center 0 no-repeat;}
.m-product-2 .u-prev:hover{left: 0; background: url("../images/bg02_hover.png") center 0 no-repeat;}
.m-product-2 .u-next{right: 0; background: url("../images/bg01.png") center 0 no-repeat;}
.m-product-2 .u-next:hover{background: url("../images/bg01_hover.png") center 0 no-repeat;}

.sub-box{margin-top: 30px;}
.sub-box .s-left{width: 260px;}
.sub-box .s-right{width: 715px;padding: 10px 0 15px;border: 1px solid #cdcdcd;}
.sub-box .s-right .s-r-inner{padding: 0 25px;}
/*左栏*/
.s-title01{padding-left: 35px;background: #0281ce url("../images/s-tit02.jpg") 5px center no-repeat;color: #fff;height:36px;line-height:36px;font-family: "微软雅黑";font-size: 20px;font-weight: normal;}
.s-nav01{border: 1px solid #cdcdcd;border-top: none;border-top: 0;}

.s-l-content02{padding: 10px 0 15px;border: 1px solid #cdcdcd;margin-top: 10px;}

/*产品页*/
.s-title02{padding:0 10px 5px 20px;border-bottom: 1px dashed #cdcdcd;font-size: 12px;font-weight: normal;color: #333;}
.s-title02 a{color: #333;}
/* .s-title02 span{color: #00ccff;} */
.product-list02{margin-top: 15px;padding-bottom: 15px; }
.product-list02 li{float: left; margin: 12px 18px 12px 0;width: 152px;}
.product-list02 li p{text-align: center;width:100%;height: 30px;line-height: 30px; overflow: hidden;margin: 0 auto;color: #333;font-family:"宋体";font-size: 12px;font-weight: bold;}
.product-list02 li p a{color: #333;}
.product-list02 li p a:hover{color: #ff9900;text-decoration: none;}
.product-list02 .u-img{display: block;width: 150px;height: 103px;border: 1px solid #666;}
.product-list02 .u-img:hover{border: 1px solid #ff9900;}
.product-list02 .u-img img{height: 103px;display: block;margin: 0 auto;}

/*新闻页*/
.s-new-list01{overflow: hidden;margin: 15px 0;}
.s-new-list01 .s-n-title01{background:#438221;height: 40px;line-height: 40px;padding: 0 50px 0 15px; float:left;color: #fff;font-size: 12px;font-weight: normal;margin:0 0  10px 0;font-family: "微软雅黑";}
.s-new-list01 ul li:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.s-new-list01 ul li{zoom:1}
.s-new-list01 ul li{padding:15px 10px 16px 15px;position: relative;height: 100px;overflow: hidden;border-bottom: 1px solid #999;;}
.s-new-list01 ul li.hover{background-color: #d0e0ca;}
.s-new-list01 ul li .u-img{float: left; display: block; color: #fff;}
.s-new-list01 ul li .u-img img{width: 130px;height: 100px;display: block;}
.s-new-list01 .u-con{float: right; padding-left: 15px;width: 480px;overflow: hidden;height: 100px;}
.u-con h4 a{color: #111;font-family: "宋体";font-size: 14px;font-weight: bold;}
.u-con h4 a:hover{color: #ffcc00;text-decoration: none;}
.m-title2 span{color: #666;font-size: 12px;font-weight: normal;font-family: "宋体";}
.u-con p{color: #999;text-indent: 25px;}
.u-con p a{color: #e60012;}
.u-con p .ck{color: #ff9900;}

.footer-box{text-align: center;padding-top: 43px;/*background: url("../images/footer_bg.jpg")*/ 0 top repeat-x;margin-top: 15px;}
.footer-box .f-nav a{font-size: 14px;color: #000;}
.footer-box .f-nav a:hover{color: #00ccff;text-decoration: none;}
.footer-box .foo-bottom{margin-top: 25px;}
.footer-box .foo-bottom .p1{line-height: 22px;}
.footer-box .foo-bottom .p2{margin-top: 15px;}
.footer-box .foo-bottom .p2 a{font-weight: bold;}
.footer-box .foo-bottom .p2 a:hover{color: #00ccff;text-decoration: none;}


/*分页*/
/* 普通翻页器-默认居中 */
.m-page{margin:10px 0 5px;text-align:right;;line-height:32px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#666;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ccc;font-size:12px;letter-spacing:normal;word-spacing:normal;background:#fff;}
.m-page a,.m-page a:hover{text-decoration:none;color:#333;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprv .pagearr{margin-right:3px;}
.m-page a.pagenxt .pagearr{margin-left:3px;}
.m-page a:hover{background:#ff9900;color: #fff;}
.m-page a:active{background:#ff9900;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#fff;background:#ff9900;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;}
.m-page-sr i{border:0;}


/***************** detail-pro *********************/
.pro-detail h1{font-size:18px;color:#969696;font-weight:bold;margin-bottom:5px;text-align:center;font-family:'宋体';margin-top: 15px;}
.pro-detail .detail-time{text-align:center;color:#999;font-size:12px;padding:5px 0;border-bottom:1px solid #cdcdcd;}
.pro-detail .detail-user{text-align:center;color:#595959;font-size:12px;padding:5px 0;margin-bottom:10px;border-bottom:1px solid #cdcdcd;}
.pro-detail .detail-share{padding:5px 0;text-align:right}
.pro-detail .detail-img{position:relative;text-align:center;padding:10px 0;}
.pro-detail .detail-img img{max-width:100%;_width: expression((documentElement.clientWidth > 700) ? "auto" : "700px" );}
.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/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;line-height:20px;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:#00ccff}

/***************** detail-tab *********************/
.pro-detail .detail-tab{border:1px solid #cdcdcd;}
.pro-detail .detail-tab .tab-title{background:#f4f5f7 url(../images/tab-line.gif) bottom repeat-x;}
.pro-detail .detail-tab .tab-title dd{float:left;width:115px;height:40px;line-height:40px;border-right:1px solid #ddd;color:#333;text-align:center; cursor:pointer;}
.pro-detail .detail-tab .tab-title dd.current{font-weight:bold;background:#FFF;}
.pro-detail .detail-tab .tab-con{padding:20px 15px;}
.pro-detail .detail-tab .tab-con dd{display:none;min-height:300px;color: #333;}

/*****************sub-message ************/
.sub-message{padding: 20px; margin: 10px auto 0;background: #fff;}
.sub-message .m-textimg{font-size:14px;font-family:"microsoft yahei";margin-bottom:20px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message li{border-bottom:1px dotted #666;padding:15px 0;}
.sub-message .pt p{padding:2px 0;}
.sub-message .time{margin:0 20px;}
.sub-message li .user{margin-bottom:10px;}
.sub-message li .info{padding-left:25px;}
.sub-message li .info label{background-color:#3085c6;color:#efefef;padding:2px 4px;line-height:normal;display:inline-block;margin-left:-25px;margin-right:5px;}
.sub-message .content{padding:15px 0;}
.sub-message .content h3{border-bottom:1px solid #ddd;}
.sub-message .answer .pt{background-color:#fff;margin:-15px auto auto -10px;_margin-left:-10px;padding:10px;position:relative;}
.sub-message .answer{clear:both;padding:10px 5px 5px 5px;background-color:#eeeeee;margin-left:5px;}
.sub-message .answer .jt{width:13px;height:7px;position:absolute;background:url(../images/ly_jt.jpg) no-repeat;left:33px;top:-7px;text-indent:-888px;}

.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{border:1px solid #ddd;background:#fff;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:65%;height:28px;line-height:28px;border:1px solid #ddd;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:75%;height:168px;border:1px solid #ddd;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:26px;line-height:24px;margin:0;margin-left:5px;border:none;}
.sub-message .m-submit .btn{color:#fff;background:#ff6600;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;border:1px solid #ddd;background:none;color:#666;cursor:auto;padding-left:5px;}

/*****************下面是留言回复，没有留言回复的可以不用管************/

.sub-detail{;padding: 10px;position: relative;}
.sub-detail .detail-con{text-align:justify;padding:10px 0px;;line-height:24px; color: #333;}
.sub-detail h1{font-size:18px;color:#333;font-weight:bold;margin-bottom:5px;text-align:center;font-family:'宋体';border-bottom: 1px solid #ccc;height: 30px;line-height: 30px;padding-bottom: 5px;}


.m-client{position:fixed;top:200px;z-index:999;width: 200px;}
.m-client .client-con{width: 200px;background: #0281ce;padding: 10px 0;}
.m-c-tit{height: 30px;line-height: 30px;padding: 0 0 5px 66px;border-bottom: 1px solid #003366; font-family: "微软雅黑";font-size: 16px;font-weight: normal; background: url("../images/m-tel04.jpg") 25px center no-repeat;color: #fff;}
.m-c-nav01{margin-top: 5px;}
.m-c-nav01 li{font-family: "微软雅黑";font-size: 18px;color: #fff;height: 30px;line-height: 30px;overflow: hidden;padding: 0 0 0 10px;}
.m-c-nav01 li span{color: #f8b551;font-size: 16px;}