@charset 'utf-8';body{color:#000;background:#fff}
.yahei{font-family:'Microsoft YaHei'}
.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:750px}
.m-focus .switchable-content li{width:100%;height:750px;text-align:center}
.m-focus .switchable-content li img{visibility:hidden}
.m-focus .switchable-content li a{display:block;height:750px}
.m-focus .switchable-btn a{position:absolute;bottom:90px;width:36px;height:42px;overflow:hidden;background:url(../images/btn-focus-scroll.png) no-repeat;-webkit-transition:none;-moz-transition:none;transition:none}
.m-focus .switchable-btn a.prev{left:50%;margin-left:-716px;background-position:left center}
.m-focus .switchable-btn a.next{right:50%;margin-right:-716px;background-position:right center}
.top-box{position:absolute;top:0;left:0;width:100%}
.top-box .logo{position:absolute;top:30px;left:0}
.top-tel{position:absolute;top:20px;right:0;padding:0 15px;line-height:35px;font-size:24px;font-weight:bold;color:#fff}
.top-tel:before{content:"";float:left;display:inline;margin:0 15px 0 -50px;width:35px;height:35px;overflow:hidden;background:#fff url(../images/ico-top-tel.png) no-repeat}
.top-nav{position:absolute;top:80px;right:0}
.top-nav li{position:relative;zoom:1;float:left;display:inline;padding:0 15px;height:30px;line-height:30px;overflow:hidden;font-size:18px;color:#fff}
.top-nav li:before{content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:0;height:16px;overflow:hidden;border-left:solid 1px #999}
.top-nav li:first-child:before{display:none}
.top-nav li.first:before{display:none}
.top-nav li a{color:#fff}
.top-nav li a:hover,.top-nav li.current a{color:#fee725}
.main-box,.sub-box{position:relative;z-index:5}
.m-title{position:relative;zoom:1;margin:0 auto;padding:27px 80px 0;width:300px}
.m-title:before,.m-title:after{content:"";position:absolute;top:50%;margin-top:12px;width:120px;height:0;overflow:hidden;border-top:solid 1px #fff}
.m-title:before{left:0}
.m-title:after{right:0}
.m-title .title{position:relative;zoom:1;padding:0 5px;text-align:center;border:solid 1px #fff;border-top:0}
.m-title .title:before,.m-title .title:after{content:"";position:absolute;top:0;width:80px;height:0;overflow:hidden;border-top:solid 1px #fff}
.m-title .title:before{left:0}
.m-title .title:after{right:0}
.m-title h2{position:relative;top:-27px;margin:0 auto -27px;width:130px;height:54px;line-height:54px;overflow:hidden;font-size:24px;color:#fff}
.m-title p{height:32px;line-height:32px;overflow:hidden;font-size:18px;font-family:Arial;color:#ccc}
.m-about{padding:48px 0 50px;height:537px;background:url(../images/bg-about.jpg) center no-repeat}
.m-about .conBox{margin-top:30px;height:252px;line-height:36px;overflow:hidden;font-size:16px;color:#fff}
.m-about .menuBox{margin-top:28px;line-height:0;font-size:0;text-align:center}
.m-about .menuBox li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 50px;width:100px}
.m-about .menuBox a{display:block}
.m-about .menuBox .ico{display:block;margin:0 auto;width:94px;height:94px;border:solid 3px #fff;background:url(../images/ico-about.png) no-repeat;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.m-about .menuBox li:nth-child(1) .ico{background-position:0 0}
.m-about .menuBox li:nth-child(2) .ico{background-position:0 -94px}
.m-about .menuBox li:nth-child(3) .ico{background-position:0 -188px}
.m-about .menuBox li:nth-child(4) .ico{background-position:0 -282px}
.m-about .menuBox li.child-1 .ico{background-position:0 0}
.m-about .menuBox li.child-2 .ico{background-position:0 -94px}
.m-about .menuBox li.child-3 .ico{background-position:0 -188px}
.m-about .menuBox li.child-4 .ico{background-position:0 -282px}
.m-about .menuBox .name{height:40px;line-height:40px;overflow:hidden;font-size:16px;font-weight:normal;color:#fff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.m-about .menuBox a:hover .ico{border-color:#fee725;background-color:#fee725;background-image:url(../images/ico-about-hover.png)}
.m-about .menuBox a:hover .name{color:#fee725}
.m-product{padding:48px 0 0;background:#f7f8fa}
.m-product .m-title:before,.m-product .m-title:after,.m-product .m-title .title,.m-product .m-title .title:before,.m-product .m-title .title:after{border-color:#000}
.m-product .m-title h2{color:#000}
.m-product .m-title p{color:#999}
.m-product .tabTitle{padding:40px 0}
.m-product .tabTitle ul{line-height:0;font-size:0;text-align:center}
.m-product .tabTitle li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 10px;min-width:140px}
.m-product .tabTitle a{display:block;padding:0 10px;height:40px;line-height:40px;overflow:hidden;font-size:16px;text-align:center;color:#fee725;background:#171e28}
.m-product .tabTitle a:hover,.m-product .tabTitle li.on a{color:#171e28;background:#fee725}
.m-product .listBox li{float:left;display:inline;width:400px}
.m-product .listBox .u-box{position:relative;zoom:1;overflow:hidden;display:block;color:#fff}
.m-product .listBox .u-img{display:block;width:400px;height:400px;overflow:hidden}
.m-product .listBox .u-con{position:absolute;top:0;left:0;width:100%;height:100%;
  background:url(../images/pro-bg.png) no-repeat;background-size: cover;
  filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.m-product .listBox .name{margin:82px 24px 0;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;text-align:center}
.m-product .listBox .con{margin:24px 24px 0;height:90px;line-height:30px;overflow:hidden;font-size:0}
.m-product .listBox .btn{margin:36px auto 0;width:200px;height:50px;line-height:50px;overflow:hidden;font-size:16px;text-align:center;color:#000;background:#fee725}
.m-product .listBox .u-box:hover .u-con{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.m-product .more{display:block;height:50px;line-height:50px;overflow:hidden;font-size:16px;text-align:center;background:#fee725}
.m-news{padding:48px 0 60px;height:607px;background:url(../images/bg-news.jpg) center no-repeat}
.m-news .tabBox{margin-top:40px}
.m-news .tabTitle{width:400px}
.m-news .tabTitle a{display:block;padding:38px 0 40px;text-align:center;color:#fee725;border:solid 3px #171e28;background:#171e28}
.m-news .tabTitle h4,.m-news .tabTitle p{height:38px;line-height:38px;overflow:hidden;font-size:24px}
.m-news .tabTitle h4{font-weight:normal}
.m-news .tabTitle p{font-family:Arial;font-weight:bold}
.m-news .tabTitle li.on a{border-color:#fee725;background:0}
.m-news .listBox li{float:left;display:inline;width:800px}
.m-news .listBox .u-box{position:relative;zoom:1;display:block}
.m-news .listBox .u-img{display:block;width:800px;height:480px;overflow:hidden}
.m-news .listBox .u-con{position:absolute;left:0;bottom:0;width:100%;padding:8px 0 6px;background:url(../images/pngbg-000-80.png) repeat}
.m-news .listBox .name,.m-news .listBox .date{margin:0 20px}
.m-news .listBox .name{height:34px;line-height:34px;overflow:hidden;font-size:18px;font-weight:normal;color:#fff}
.m-news .listBox .date{padding-left:30px;height:32px;line-height:32px;overflow:hidden;font-size:16px;color:#999;background:url(../images/ico-news-date.png) left center no-repeat}
.m-news .pageBox{position:absolute;top:-30px;right:-60px;width:114px;height:54px;line-height:54px;overflow:hidden;font-family:Arial;font-size:36px;text-align:center;color:#fee725;border:solid 3px #fee725;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.m-news .btnBox a{position:absolute;top:50%;margin-top:-21px;width:36px;height:42px;overflow:hidden;background:url(../images/btn-focus-scroll-white.png) no-repeat;-webkit-transition:none;-moz-transition:none;transition:none}
.m-news .btnBox a.prevBtn{left:20px;background-position:left center}
.m-news .btnBox a.nextBtn{right:20px;background-position:right center}
.footer-box{position:relative;z-index:10;padding-top:40px;overflow:hidden;background:#fee725}
.footer-box,.footer-box a{color:#171e28}
.footer-box a:hover{text-decoration:underline}
.m-footer{margin-bottom:40px}
.m-footer:before{content:"";position:absolute;top:0;left:540px;width:450px;height:100%;border-left:solid 1px #d0bb07;border-right:solid 1px #d0bb07}
.footer-nav{float:left;display:inline;width:540px}
.footer-nav .fir-li{float:left;display:inline}
.footer-nav h4{height:36px;line-height:36px;overflow:hidden;font-size:18px}
.footer-nav .sec-ul{margin-top:20px}
.footer-nav .sec-ul li{height:24px;line-height:24px;overflow:hidden;font-size:16px}
.footer-contact{position:relative;float:left;display:inline;padding:0 30px 20px 36px;width:386px}
.footer-contact .title{padding:10px 0;line-height:1;font-size:24px}
.footer-contact .conBox{margin-top:10px;line-height:30px;font-size:16px}
.footer-contact .conBox li:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:7px 12px 0 0;width:16px;height:16px;overflow:hidden;background:url(../images/ico-contact.png) no-repeat}
.footer-contact .conBox li.tel:before{background-position:0 0}
.footer-contact .conBox li.mail:before{background-position:0 -16px}
.footer-contact .conBox li.addr:before{background-position:0 -32px}
.footer-wechat{float:right;display:inline;padding:10px 0;width:140px}
.footer-wechat img.erwei{width:140px}
.footer-copyright{border-top:solid 1px #d0bb07;padding:10px 0;line-height:30px;font-size:16px}
.m-client{position:fixed;_position:absolute;z-index:999;right:5px;top:50%;margin-top:-102px;width:50px}
.m-client li{margin-bottom:1px}
.m-client li.client-goTop{display:none}
.m-client .u-a{position:relative;display:block;padding-left:50px;height:50px;background:#fee725;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.m-client .u-a:hover{-webkit-filter:brightness(1.1);-moz-filter:brightness(1.1);filter:brightness(1.1)}
.m-client .ico{position:absolute;top:50%;left:0;margin:-25px 0 0 0;width:50px;height:50px;overflow:hidden;background:url(../images/ico-client.png) no-repeat;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.m-client .home .ico{background-position:0 0}
.m-client .tel .ico{background-position:0 -50px}
.m-client .qq .ico{background-position:0 -100px}
.m-client .wechat .ico{background-position:0 -150px}
.m-client .goTop .ico{background-position:0 -200px}
.m-client .conBox .con{display:none;position:absolute;top:0;right:100%;margin-right:6px;min-height:40px;_height:40px;-moz-box-shadow:0 3px 5px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);box-shadow:0 3px 5px rgba(0,0,0,.2)}
.m-client .conBox .con:before{content:"";position:absolute;top:21px;right:0;margin-right:-10px;width:0;height:0;overflow:hidden;border-width:4px 5px;border-style:solid;border-color:transparent transparent transparent #fee725}
.m-client .text{padding:0 16px;line-height:50px;font-size:18px;color:#171d26;background:#fee725;white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.m-client .erwei{padding:5px;background:#fee725;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.m-client .erwei img{width:120px;height:120px}
.sub-box{padding-bottom:20px}
.sub-box .left-column{width:220px}
.sub-box .right-column{width:940px}
.m-current{position:relative;z-index:10;padding-top:8px;line-height:52px;font-size:16px;text-align:right}
.m-current,.m-current a{color:#171e27}
.m-current a:hover{text-decoration:underline}
.m-current:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:14px 6px 0 0;width:20px;height:20px;overflow:hidden;background:url(../images/sub/ico-home.png) no-repeat}
.sub-menuBox{border:solid 1px #e4e4e4}
.sub-menu-title{padding:0 20px;height:48px;line-height:48px;overflow:hidden;font-size:20px;color:#171e27}
.sub-menu-title:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:14px 14px 0 0;width:20px;height:20px;overflow:hidden;background:url(../images/sub/ico-menu-title.png) no-repeat}
.sub-menu{border-top:solid 1px #e4e4e4;background:#f8f8f8}
.sub-menu h4 a{position:relative;zoom:1;display:block;padding:0 50px 0 20px;height:50px;line-height:50px;overflow:hidden;font-size:16px;font-weight:normal}
.sub-menu h4 a:before{content:">";position:absolute;top:50%;right:15px;margin-top:-7px;width:15px;height:15px;line-height:16px;overflow:hidden;font-size:14px;font-family:'SimSun';text-indent:5px;color:#999;background:#ccc;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.sub-menu h4.current a,.sub-menu h4.hover a{color:#fee725;background:#171e28}
.sub-menu h4.current a:before,.sub-menu h4.hover a:before{color:#171e28;background:#fee725}
.sub-menu ul{display:none}
.sub-menu li a{display:block;padding:0 20px;height:50px;line-height:50px;overflow:hidden;font-size:14px;color:#000}
.sub-menu li a:hover{background:#fee725}
.m-sub .m-content{min-height:400px;_height:400px}
.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{padding:10px 0;border-top:solid 1px #e4e4e4}
.detail-page .page-text{overflow:hidden;width:48%;height:22px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#666}
.detail-page .page-text a{color:#666}
.detail-page .page-text a:hover{color:#171e28}
.detail-page .f-fr{text-align:right}
.sub-pic ul{margin:-20px 0 0 -20px}
.sub-pic li{float:left;display:inline;margin:20px 0 0 20px;width:300px}
.sub-pic .u-box{position:relative;zoom:1;overflow:hidden;display:block;color:#fff;-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.sub-pic .u-img{display:block;width:300px;height:300px;overflow:hidden}
.sub-pic .u-con{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/pro-bg.png) no-repeat;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;background-size: cover;}
.sub-pic .name{margin:46px 24px 0;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;text-align:center}
.sub-pic .con{margin:26px 24px 0;height:90px;line-height:30px;overflow:hidden;font-size:0}
.sub-pic .btn{margin:28px auto 0;width:200px;height:40px;line-height:40px;overflow:hidden;font-size:16px;text-align:center;color:#000;background:#fee725}
.sub-pic .u-box:hover .u-con{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.sub-news li{height:40px;line-height:40px;overflow:hidden;font-size:18px;font-weight:normal}
.sub-news a{color:#171e28}
.sub-news a:hover{text-decoration:underline}
.sub-news .date{float:right;display:inline;margin-left:20px;padding-left:30px;font-size:16px;color:#999;background:url(../images/ico-news-date.png) left center no-repeat}
.pro-detail .detail-item{position:relative;zoom:1}
.pro-detail .itemImg{width:380px;margin-right:30px;-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.pro-detail .imgBox{position:relative;zoom:1;height:380px;overflow:hidden}
.pro-detail .imgBox li{float:left;display:inline;text-align:center}
.pro-detail .imgBox li a{display:block;height:100%;text-align:center}
.pro-detail .imgBox li .u-img{width:380px;height:380px;overflow:hidden}
.pro-detail .itemContent{width:530px;padding-bottom:130px}
.pro-detail .itemContent h1{line-height:30px;font-size:24px;color:#171e28}
.pro-detail .conBox{margin-top:34px}
.pro-detail .conBox .title{line-height:30px;font-size:18px;color:#171e28}
.pro-detail .conBox .u-con{margin-top:18px;line-height:30px;font-size:16px;color:#666}
.pro-detail .pageBox{position:absolute;bottom:-5px;right:25px;width:480px}
.pro-detail .pageBox li{float:left;display:inline;padding:5px;width:110px}
.pro-detail .pageBox li a{display:block;overflow:hidden;height:100%;text-align:center}
.pro-detail .pageBox .u-img{position:relative;zoom:1;display:block;width:104px;height:104px;overflow:hidden;border:solid 3px #fff;cursor:pointer;-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.pro-detail .pageBox li.selected .u-img{border-color:#171e28}
.pro-detail .pageBox-btn{position:absolute;z-index:10;top:5px;width:20px;height:110px;line-height:110px;overflow:hidden;font-size:24px;font-family:'SimSun';color:#171e28}
.pro-detail .pageBox-btn:hover{color:#000}
.pro-detail .j-imgBox-prev{left:-25px;text-align:left}
.pro-detail .j-imgBox-next{right:-25px;text-align:right}
.pro-detail .detail-con{margin-top:35px}
.pro-detail .detail-con .title{height:44px;line-height:44px;overflow:hidden;font-size:20px;color:#171e27;border-bottom:solid 1px #e4e4e4}
.pro-detail .detail-con .title:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:12px 12px 0 0;width:20px;height:20px;overflow:hidden;background:url(../images/sub/ico-menu-title.png) no-repeat}
.pro-detail .detail-con .u-con{padding:20px 0;line-height:36px;font-size:18px}
.pro-detail .detail-con .u-con img{max-width:940px;_width:expression((documentElement.clientWidth < 940) ? "":"940px")}
.sub-content{padding-bottom:20px}
.sub-content img{max-width:940px;_width:expression((documentElement.clientWidth < 940) ? "":"940px")}
.sub-content .f-fl{width:auto;margin:0 0 10px 10px}
.sub-content h1{margin-bottom:20px;padding:5px 0;line-height:36px;font-size:24px;font-weight:normal;font-family:'Microsoft YaHei';text-align:center}
.sub-content p{line-height:36px;font-size:18px}
.sub-content a:hover{color:#e20100}
.sub-content #platform img{max-width:none;_width:none}
.news-detail{padding-bottom:10px}
.news-detail h1{padding:5px 0;line-height:36px;font-size:24px;font-weight:normal;font-family:'Microsoft YaHei';text-align:center}
.news-detail .detail-time,.news-detail .detail-user{line-height:20px;padding-bottom:10px;margin-bottom:10px;font-size:12px;text-align:center;color:#999;border-bottom:solid 1px #e4e4e4}
.news-detail .detail-img{padding:10px 0;text-align:center}
.news-detail .detail-img img,.news-detail .detail-con img{max-width:940px;_width:expression((documentElement.clientWidth < 940) ? "":"940px")}
.news-detail .detail-con{line-height:36px;padding:10px 0;font-size:18px}
.sub-message{padding:20px 0}
.sub-message .m-textimg{line-height:24px;margin-bottom:20px;font-size:14px}
.sub-message .m-textimg img{float:left;margin-right:15px}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:red;*display:inline;*zoom:1}
.sub-message .m-tage{padding:5px 0}
.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: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:top}
.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: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;font-family:'microsoft yahei';font-size:14px;border:0;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:#171e28}