@charset 'utf-8';


body{color:#333;background:#fff;}


.yahei{font-family:'Microsoft YaHei';}

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


.tip-box{ position:relative;z-index:5; height: 40px; line-height: 40px; overflow: hidden; background: #4d4d4d; }
.tip-tel{ font-size: 18px; color: #fff; }
.tip-text{ font-size: 14px; color: #c0c0c0; }


.top-box{position:relative;z-index:5; border-bottom: solid 3px #e60012; }
.top-box .area{height:100px;}
.top-box .logo{position:absolute;top:9px;left:0;}


.top-box .nav-sbg{display:none;position:absolute;z-index:1;left:0;top:103px;width:100%;height:32px;border-bottom: solid 1px #ccc;background:#fff;}
.m-nav{ position: relative; z-index: 5; zoom:1; margin-top: 54px; }
.m-nav .fir-ul{ font-size:0; text-align: center;}
.m-nav .fir-ul .fir-li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-left:26px;text-align:center;}
.m-nav .fir-ul .u-a{ position: relative; zoom:1; display:block; height:46px; line-height: 46px; overflow: hidden; font-size: 18px; color: #4c4c4c; }
.m-nav .fir-ul .u-a:before{ content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -4px; width:0; height:0; overflow:hidden; border-width:0 4px; border-style:solid; border-color: transparent transparent #e60012 transparent; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.m-nav .fir-ul .current .u-a,
.m-nav .fir-ul .hover .u-a{ color: #e60012; }
.m-nav .fir-ul .current .u-a:before,
.m-nav .fir-ul .hover .u-a:before{ border-width:8px 4px;}

.m-nav .sec-box{ display: none; position:absolute;top:100%;left:0;font-size:0;}
.m-nav .sec-ul,
.m-nav .sec-ul li,
.m-nav .sec-ul li a{display:inline-block;*display:inline;zoom:1; vertical-align: top;}
.m-nav .sec-ul{ margin-top: 3px; height: 32px; overflow: hidden; text-align: left; }
.m-nav .sec-ul li{ height:32px;line-height:32px;overflow:hidden; font-size:14px; color: #ccc; }
.m-nav .sec-ul li:before{content: "|";}
.m-nav .sec-ul li.first:before{ display: none; }
.m-nav .sec-ul li a{ padding:0 12px; color: #666; }
.m-nav .sec-ul li a:hover{ color: #e60012; }




.banner-box{position:relative;z-index:0;}
.m-focus{position:relative;zoom:1;width:100%;}
.m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;height:600px;}
.m-focus .switchable-content li{width:100%;height:600px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;height:600px;}
.m-focus .switchable-nav{ position: absolute; bottom: 32px; left: 0; width: 100%; line-height: 0; text-align: center; }
.m-focus .switchable-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; overflow:hidden; width:5px;height:0;line-height: 1;margin:0 10px;padding-top:5px; background: #fff; cursor:pointer; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-focus .switchable-nav li.active{ background-color: #ef0702;}

.sub-focus .switchable-box,
.sub-focus .switchable-content li,
.sub-focus .switchable-content li a{height:384px;}
.sub-focus .switchable-nav{ bottom: 10px;}



.main-box,.sub-box{ position: relative; z-index:5;}

.m-menu{ padding: 40px 0 16px; line-height: 0; font-size: 0; text-align: center; border-bottom: solid 1px #e3e5e5; background: #f5f7f7; }
.m-menu li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 30px; }
.m-menu a:hover{ color: #e60012; }
.m-menu .u-box{ display: block; }
.m-menu .u-img{ display: block; width: 116px; height: 88px; overflow: hidden; }
.m-menu .u-name{ margin-top: 16px; height: 24px; line-height: 24px; overflow: hidden; font-size: 18px; font-weight: normal; }




.m-title{ position: relative; zoom:1; margin: 0 auto; padding-top: 42px; width: 226px; text-align: center; }
.m-title:before{ content: ""; position: absolute; top: 22px; left: 0; width: 224px; height: 36px; border: solid 1px #e60012; }
.m-title .ico{ position: absolute; top: 0; left: 50%; margin-left: -20px; width: 40px; height: 40px; overflow: hidden; }
.m-title h2{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; padding: 0 8px; height: 28px; line-height: 28px; overflow: hidden; font-size: 24px; font-weight: normal; background: #fff; }
.m-title p{ height: 16px; line-height:16px; overflow: hidden; color: #919191; }

.m-about .m-title .ico{ background: url(../images/ico-about.gif) no-repeat; }
.m-news .m-title .ico{ background: url(../images/ico-news.gif) no-repeat; }
.m-shop .m-title .ico{ background: url(../images/ico-shop.gif) no-repeat; }


.m-about{ padding: 40px 0; }
.m-about .conBox{ margin-top: 25px; }
.m-about .conBox .content{ padding: 26px 0; width: 570px; }
.m-about .conBox .content .u-con{ line-height: 24px; font-size: 14px; }
.m-about .conBox .list{ position: relative; zoom:1; width: 382px; height: 300px; }
.m-about .conBox .list:before{ content: ""; position: absolute; top: 0; left: 44px; width: 230px; height: 278px; border: solid 1px #e50000; }
.m-about .conBox .list li{ position: absolute; }
.m-about .conBox .list .child-1{ top: 18px; left: 0; }
.m-about .conBox .list .child-1 .u-img{ display: block; width: 215px; height: 235px; }
.m-about .conBox .list .child-2{ bottom: 0; right: 0; }
.m-about .conBox .list .child-2 .u-img{ display: block; width: 204px; height: 134px; }


.m-product{ padding-top: 128px; }
.m-product .title{ position: absolute; top: -128px; left: 333px; padding: 56px 15px 54px; width: 303px; text-align: center; background: #e60012; }
.m-product .title h2{ height: 34px; line-height: 34px; overflow: hidden; font-size: 30px; font-weight: normal; color: #fff; }
.m-product .title p{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #cbb1b3; }

.m-product .listBox{ padding: 32px 0; height: 472px; background: url(../images/bg-product.jpg) center 0 no-repeat; }
.m-product .listBox li{ float: left; display: inline; width: 333px; }
.m-product .listBox .u-box{ position: relative; zoom:1; display: block; }
.m-product .listBox .u-img{ display: block; width: 333px; height: 236px; overflow: hidden; }

.m-product .listBox .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: url(../images/pngbg-black-40.png) repeat;}
.m-product .listBox .mask .ico{  display: block; margin: 54px auto 26px; width: 250px; height: 53px; overflow: hidden; background: url(../images/ico-logo.png) no-repeat; }
.m-product .listBox .mask .name{ display: block; margin: 0 auto; width: 226px; height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; text-align: center; color: #fff; border: solid 1px #fff; }
.m-product .listBox li.child-odd .mask{ display: none; }


.m-news{ padding: 30px 0 0; }
.m-news .listBox ul{ margin-left: -40px; }
.m-news .listBox li{ float: left; display: inline; margin-left: 40px; padding: 34px 0; width: 480px; }
.m-news .listBox a:hover{ color: #e60012; }
.m-news .listBox .date{ float: left; display: inline; margin-right: 20px; width: 68px; height: 68px; line-height: 34px; overflow: hidden; border: solid 2px #a6a6a6; background: url(../images/bg-news-date.gif) center no-repeat; }
.m-news .listBox .date i{ display: block; padding: 0 4px; font-size: 24px; color: #a6a6a6; }
.m-news .listBox .date i.month{ text-align: left; }
.m-news .listBox .date i.day{ text-align: right; }
.m-news .listBox .u-name{ height: 24px; line-height: 24px; overflow: hidden; font-weight: normal; }
.m-news .listBox .u-con{ margin-top: 6px; height: 36px; line-height: 18px; overflow: hidden; }


.m-shop{ padding: 36px 0 48px; }
.m-shop .listBox{ margin-top: 24px; }
.m-shop .listBox ul{ margin-left: -13px; }
.m-shop .listBox li{ float: left; display: inline; margin-left: 13px; width: 240px; }
.m-shop .listBox .u-img{ display: block; width: 240px; height: 352px; overflow: hidden; }

.m-shop .listBox li.child-even{ margin-bottom: 46px; }
.m-shop .listBox li.child-odd{ margin-top: 46px; }



.footer-box{ position: relative; z-index: 10; background: #4d4d4d; }
.footer-box,
.footer-box a{ color: #fff; }
.footer-box a:hover{ color: #999; }

.footer-contact{ padding: 58px 0; width: 460px; }
.footer-contact .title{ padding: 5px 0; line-height: 1; }
.footer-contact .u-name{ margin-top: 16px; line-height: 48px; font-size: 24px; font-family: 'SimHei'; font-weight: normal; }
.footer-contact .u-con{ margin-top: 10px; line-height: 36px; font-size: 18px; }

.footer-message{ padding: 42px 0 32px; width: 500px; }
.footer-message li{ zoom:1; margin-top: 16px; line-height: 0; font-size: 0; }
.footer-message li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.footer-message input{ vertical-align: top; font-size: 14px; font-family: 'Microsoft YaHei'; border: solid 1px #ccc; }
.footer-message .u-text{ padding: 0 8px; width: 482px; height: 34px; line-height: 34px; }
.footer-message input.f-fl{ width: 224px; }
.footer-message input.f-fr{ width: 216px; }

.footer-message .u-textarea{ line-height: 18px; padding: 8px; width: 482px; height: 118px; font-size: 14px; font-family: 'Microsoft YaHei'; }

.footer-message .u-btn{ display: block; width: 122px; height: 40px; line-height: 0; font-size: 24px; font-family: 'Microsoft YaHei'; color: #fff; border: 0 none; background: url(../images/btn-footer-message.gif) no-repeat; }


.m-copyright{ padding: 15px 0; line-height: 24px; font-size: 12px; text-align: center; color: #919191; background: #262626; }



.sub-box{ padding-bottom: 20px; }
.m-sub .left-column{ width:auto; }
.m-sub .right-column{ width:auto; }


.sub-nav{ position: relative; zoom:1; margin-bottom: 46px; background: #e6ece9; }
.sub-nav .nav-sbg{display:none;position:absolute;z-index:1;left:0;top:100%;width:100%;height:46px;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,.25); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.25); box-shadow:0 1px 1px rgba(0,0,0,.25); }
.sub-nav .fir-ul{ position: relative; z-index: 5; font-size:0;}
.sub-nav .fir-ul .fir-li{display:inline-block;*display:inline;zoom:1;vertical-align:top;text-align:center;}
.sub-nav .fir-ul .u-a{ position: relative; zoom:1; display:block; padding: 0 50px; height:46px; line-height: 46px; overflow: hidden; font-size: 24px; color: #4c4c4c; }
.sub-nav .fir-ul .current .u-a,
.sub-nav .fir-ul .hover .u-a{ color: #fff; background-color: #e60012; }

.sub-nav .sec-box{ display: none; position:absolute;top:100%;left:0;font-size:0;}
.sub-nav .sec-ul,
.sub-nav .sec-ul li,
.sub-nav .sec-ul li a{display:inline-block;*display:inline;zoom:1; vertical-align: top;}
.sub-nav .sec-ul{ margin-top: 8px; height: 38px; overflow: hidden; text-align: left; }
.sub-nav .sec-ul li{ height:38px;line-height:38px;overflow:hidden; font-size:14px; }
.sub-nav .sec-ul li:before{content: "|";}
.sub-nav .sec-ul li.first:before{ display: none; }
.sub-nav .sec-ul li a{ padding:0 12px; color: #666; }
.sub-nav .sec-ul li a:hover{ color: #e60012; }


.m-sub .m-content{ min-height:400px;_height:400px;}


.sub-product{ padding: 0 0 20px; }
.sub-product ul{ margin-left: -13px; }
.sub-product li{ margin: 20px 0 0 13px; float: left; display: inline; width: 240px; }
.sub-product .u-box{ display: block;}
.sub-product .u-img{ position: relative; zoom:1; display: block; width: 240px; height: 260px; overflow: hidden; }
.sub-product .u-img .mask{ display: none; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/pngbg-242424-50.png) repeat; }
.sub-product .u-img .mask:after{ content: ""; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; overflow: hidden; background: url(../images/ico-product.png) no-repeat; }
.sub-product .u-name{ display: block; height: 46px; line-height: 46px; overflow: hidden; font-size: 18px; font-weight: normal; text-align: center; }
.sub-product a{ color: #333; }
.sub-product a:hover{ color: #e60012; }


.sub-news{ padding-bottom: 40px; }
.sub-news ul{ margin-left: -40px; }
.sub-news li{ float: left; display: inline; margin:40px 0 0 40px; width: 480px; }
.sub-news a:hover{ color: #e60012; }
.sub-news .date{ float: left; display: inline; margin-right: 20px; width: 68px; height: 68px; line-height: 34px; overflow: hidden; border: solid 2px #a6a6a6; background: url(../images/bg-news-date.gif) center no-repeat; }
.sub-news .date i{ display: block; padding: 0 4px; font-size: 24px; color: #a6a6a6; }
.sub-news .date i.month{ text-align: left; }
.sub-news .date i.day{ text-align: right; }
.sub-news .u-name{ height: 24px; line-height: 24px; overflow: hidden; font-weight: normal; }
.sub-news .u-con{ margin-top: 6px; height: 36px; line-height: 18px; overflow: hidden; }



.detail-share{padding:15px 0;}
.detail-share a{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.detail-share .bdsharebuttonbox{float:right;display:inline;}

.detail-page{ border-top: solid 1px #dadada;}
.detail-page .page-text{overflow:hidden;width:48%;height:34px;line-height:34px;white-space:nowrap;text-overflow:ellipsis;font-size: 14px;color:#999;}
.detail-page .page-text a{color:#999;}
.detail-page .page-text a:hover{color:#e60012;}
.detail-page .f-fr{text-align:right; }


/******************** sub-content ********************/
.sub-content{ padding: 20px 0;}
.sub-content img{ max-width:1000px;_width:expression((documentElement.clientWidth < 1000) ? "" : "1000px" );}
.sub-content .f-fl{width:auto;margin:0 0 10px 10px;}
.sub-content h1{line-height:36px;padding:5px 0;font-size:24px;font-weight: normal;font-family:'Microsoft YaHei';text-align:center; color: #000;}
.sub-content p{line-height:40px;font-size: 18px;font-family:'Microsoft YaHei'; color: #55646b; }
.sub-content #platform img{max-width:none;_width:none;}


.pic-detail{ padding: 20px 0;}
.pic-detail h1{line-height:36px;padding:5px 0;font-size:24px;font-weight: normal;font-family:'Microsoft YaHei';text-align:center; color: #000;}
.pic-detail .detail-time,
.pic-detail .detail-user{ padding: 10px 0; line-height:24px;font-size:14px;text-align:center;color:#666;}
.pic-detail .detail-img{position:relative;zoom:1;overflow:hidden;padding:10px 0;text-align:center;}
.pic-detail .detail-img img,
.pic-detail .detail-con img{max-width:1000px;_width:expression((documentElement.clientWidth < 1000) ? "" : "1000px" );}
.pic-detail .detail-img .debtn-prev,
.pic-detail .detail-img .debtn-next{position:absolute;z-index:11;top:50%;display:block;margin-top:-40px;width:40px;height:80px;line-height:80px;overflow: hidden; font-size: 30px; text-align: center; color:#fff; background:url(../images/pngbg-black-50.png) repeat;}
.pic-detail .detail-img .debtn-prev:hover,
.pic-detail .detail-img .debtn-next:hover{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;}
.pic-detail .detail-img .debtn-prev{left:0;}
.pic-detail .detail-img .debtn-next{right:0;}
.pic-detail .detail-con{line-height:40px;padding:10px 0; font-size: 18px;font-family:'Microsoft YaHei'; color: #55646b; }

.pic-detail .imgBox{position:relative;zoom:1; width: 560px; margin: 20px auto;}
.pic-detail .imgBox li{float:left;overflow:hidden;text-align:center;_display:inline;}
.pic-detail .imgBox li a{display:block;height:100%;text-align:center;}
.pic-detail .imgBox li img{max-width:100%;max-height:100%;}

.pic-detail .pageBox{ position: relative; zoom:1; margin: 0 auto; width: 536px; padding: 0 12px; }
.pic-detail .pageBox li{float:left;display:inline;overflow:hidden;width:60px;height:60px;margin:0 12px;text-align:center;border: solid 2px #fff; background: #fff; cursor:pointer;}
.pic-detail .pageBox li a{display:block;overflow:hidden;height:100%;text-align:center;}
.pic-detail .pageBox li.selected{ border-color: #e60012; }
.pic-detail .pageBox li img{max-width:100%;max-height:100%;}
.pic-detail .pageBox-btn{position:absolute;z-index:100; top:10px; width: 12px; height: 40px; overflow: hidden; background: url(../images/sub/pic-debtn.gif) no-repeat; cursor:pointer;}
.pic-detail .pageBox-btn:hover{ opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5; }
.pic-detail .j-imgBox-prev{left:0; background-position: left 0;}
.pic-detail .j-imgBox-next{right:0; background-position: right 0;}
.pic-detail .textBox{ margin-top: 20px;}
.pic-detail .textBox img{max-width:1000px;_width:expression((documentElement.clientWidth < 1000) ? "" : "1000px" );}


.news-detail{ padding: 20px 0;}
.news-detail h1{line-height:36px;padding:5px 0;font-size:24px;font-weight: normal;font-family:'Microsoft YaHei';text-align:center; color: #000;}
.news-detail .detail-time,
.news-detail .detail-user{ padding: 10px 0; line-height:24px;font-size:14px;text-align:center;color:#666;}
.news-detail .detail-img{padding:10px 0;text-align:center;}
.news-detail .detail-img img,
.news-detail .detail-con img{ max-width:1000px;_width:expression((documentElement.clientWidth < 1000) ? "" : "1000px" );}
.news-detail .detail-con{line-height:40px;padding:10px 0; font-size: 18px;font-family:'Microsoft YaHei'; color: #55646b; }


.sub-message{ padding:40px;}
.sub-message .m-textimg{line-height:30px;margin-bottom:20px;font-size:16px;}
.sub-message .m-textimg img{ max-width:920px;_width:expression((documentElement.clientWidth < 920) ? "" : "920px" ); }
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:#f00;*display:inline;*zoom:1;}
.sub-message .m-tage{padding:5px 0;font-size: 16px;}
.sub-message .m-form{margin-bottom:20px;padding:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{position:relative;display:inline-block;width:100px;height:30px;line-height:30px;font-size:16px;text-align:right;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;font-size: 16px;}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:198px;padding:3px 5px;vertical-align:middle;font-size: 16px;}
.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;font-family:'microsoft yahei';font-size:16px;border:none;cursor:pointer;}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{font-family:'microsoft yahei';border:1px solid #ddd;background:#fff;}
.sub-message .m-form{border:1px solid #e9e9e9;background:#fcfcfc;}
.sub-message .m-submit .btn{color:#fff;background:#e60012;}