@charset 'utf-8';

/* author:ZJ; date:2018-03; */

body{color:#333;background:#fff;overflow-y:scroll;}


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


.header-box{ position: relative; z-index: 100; background: #fff url(../images/bg-top.png) center bottom repeat-x; }

.top-box{height:82px;padding-bottom: 4px;overflow: hidden;}
.top-box .logo{position:absolute;top:0;left:0;height:100%;font-size:0;}
.top-box .logo:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: middle; height: 100%; }
.top-box .logo img{ vertical-align: middle; }

.top-box .nav-open{ margin: 30px 0 0 408px; margin-top: 30px; width: 42px; height: 36px; overflow: hidden; background: url(../images/btn-nav.png) center no-repeat; }
.top-box .nav-open:hover{}

.m-nav{ margin: 30px 0 0 10px; max-width: 650px; height: 36px; overflow: hidden; }
.m-nav li{ float: left; display: inline; height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; text-align: center; }
.m-nav li:after,
.m-nav li.first:before{ content: "";float: left; display: inline; width: 2px; height: 100%; overflow: hidden; background: url(../images/line-nav.png) center no-repeat; }
.m-nav li:first-child:before{ content: "";float: left; display: inline; width: 2px; height: 100%; overflow: hidden; background: url(../images/line-nav.png) center no-repeat; }

.m-nav a,
.m-nav span{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease; }
.m-nav a{ float: left; display: inline; padding: 0 26px; }
.m-nav span{ display: block; }
.m-nav span.en{ display: none; }
.m-nav span.cn{ color: #000; }
.m-nav a:hover span.cn,
.m-nav li.current span.cn{ color: #c00; }


.m-search{ margin-top: 38px; line-height: 20px; font-size: 0; }
.m-search h4{ float: left; display: inline; font-weight: normal; color: #999; }
.m-search input{ vertical-align: top; font-size: 12px; border: 0 none; background: none; }
.m-search .u-text{ margin: 0 2px 0 4px; width: 0; height: 20px; line-height: 20px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; -moz-box-shadow:inset 0 0 0 1px #999; background: #f9f9f9; -webkit-box-shadow:inset 0 0 0 1px #999; box-shadow:inset 0 0 0 1px #999; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease; }
.m-search .u-btn{ width: 20px; height: 20px; background: url(../images/ico-search.png) center no-repeat; cursor: pointer; }

.search-show .m-nav a{ padding: 0 20px; }
.search-show .m-search .u-text{ width: 100px; padding: 0 6px; }


.nav-box{ position: absolute; visibility: hidden; top: 100%; left: 0; right: 0; padding: 18px 0 28px; background: #fff; -moz-box-shadow:0 0 3px rgba(0,0,0,.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,.2); box-shadow:0 0 3px rgba(0,0,0,.2); }
.nav-box:before{ content: ""; position: absolute; top: 1px; left: 0; right: 0; height: 0; overflow: hidden; border-top: solid 1px #f8f8f8; border-bottom: solid 1px #fcfcfc; }
.nav-box .nav-close{ display: block; margin-bottom: 20px; width: 27px; height: 27px; overflow: hidden; background: url(../images/btn-close-nav.png) center no-repeat; }
.nav-box .nav-close:hover{ background-image: url(../images/btn-close-nav-hover.png); }


.nav-all{ height: 324px; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; }
.nav-all .list{ position: relative; zoom:1; padding-right: 10px; }
.nav-all span{display: block;}
.nav-all span.en{ display: none; }
.nav-all span.cn{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.nav-all a:hover span.cn{ color: #c00; }

.nav-fir,
.nav-sec{ width: 260px; height: 324px; overflow: hidden; padding: 0 20px; border-right: solid 1px #e4e4e4; }

.nav-fir .list{ height: 324px; }
/*.nav-fir span.cn{ margin-top: -36px; text-decoration: line-through; }*/
.nav-fir a{display: block; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; }

.nav-sec .title{ height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: normal; }
.nav-sec-1 .title{ padding-bottom: 8px; border-bottom: solid 1px #ddd; }
.nav-sec-1 .list{ margin-top: 15px; height: 270px; }
.nav-sec-2 .list{ margin: 6px 0 12px; height: 120px; }
.nav-sec span.cn{ color: #666; }
.nav-sec a{display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; }
.nav-sec a:hover span.cn{ color: #c00; }


.nav-contact{ width: 260px; padding: 0 10px; }
.nav-contact .title{ display: block; }
.nav-contact .title h2{ position: relative; zoom:1; padding-right: 30px; height: 28px; line-height: 28px; overflow: hidden; font-size: 18px; font-weight: normal; }
.nav-contact .title h2:before{ content: ""; position: absolute; top: 0; right: 5px; width: 23px; height: 100%; overflow: hidden; background: url(../images/arrow-contact-more.png) center no-repeat; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.nav-contact .title p{ height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; }
.nav-contact .title:hover h2:before{ right: 0; }

.nav-contact .conBox{ margin-top: 15px; padding-top: 20px; line-height: 30px; font-size: 14px; color: #666; border-top: solid 1px #ddd; }
.nav-contact .content{ position: relative; zoom:1; height: 236px; }
.nav-contact .content h4{ margin-bottom: 4px; line-height: 36px; font-size: 18px; font-weight: normal; color: #333; }
.nav-contact .content .tel{ font-size: 16px; }

.nav-all .scrollbar{position:absolute;z-index:5;top:0;right:0;width:3px;}
.nav-all .scrollbar .handle{width:3px;margin:0 auto;cursor:pointer; -webkit-transition:background .4s ease;-moz-transition:background .4s ease;transition:background .4s ease;}
.nav-all .sly-show .scrollbar .handle{ background: #ccc; }



.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:776px;}
.m-focus .switchable-content li{width:100%;height:835px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;height:835px;}

.m-focus .switchable-btn a{ position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; line-height: 48px; overflow: hidden; font-size: 40px; font-family: 'SimSun'; text-align: center; color: #c00; background: #fff; }
.m-focus .switchable-btn a.prev{ left: 0; }
.m-focus .switchable-btn a.next{ right: 0; }
.m-focus .switchable-btn a:hover{ color: #fff; background: #c00; }

.m-focus .switchable-nav{ position: absolute; bottom: 14px; right: 50%; margin-right: -500px; line-height: 0; font-size: 0; }
.m-focus .switchable-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 10px; padding-top: 8px; width:8px; height:0; overflow: hidden; background: #fff; cursor:pointer; -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; }
.m-focus .switchable-nav li.active{ background-color: #fc0; }

.sub-focus .switchable-box,
.sub-focus .switchable-content li,
.sub-focus .switchable-content li a{ height: 288px; }


.m-focusLink{ position: absolute; z-index: 10; bottom: 44px; left: 50%; margin-left: -222px; line-height: 0; font-size: 0; }
.m-focusLink a{ display: inline-block; *display: inline; zoom:1; vertical-align: top; width: 222px; height: 115px; overflow: hidden; background: url(../images/demo/focusLink.png) no-repeat; }
.m-focusLink a.wechat{ background-position: left 0; }
.m-focusLink a.paimai{ background-position: right 0; }

.m-notice{ padding: 15px 0; background: #c60000; }
.m-notice .title{ float: left; display: inline; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; font-weight: normal; color: #fff; }
.m-notice .listBox{ height: 36px; overflow: hidden; }
.m-notice .listBox li{ height: 36px; line-height: 36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 18px; color: #fff; }
.m-notice .listBox li a{ color: #fff; }
.m-notice .listBox li a:hover{ text-decoration: underline; }


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

.main-box{ padding-bottom: 35px; }

.m-title{ text-align: center; }
.m-title h2{ display: inline-block; *display: inline; zoom:1; vertical-align: top; padding: 0 10px; height: 44px; line-height: 44px; overflow: hidden; font-size: 30px; color: #000; }
.m-title p{ height: 36px; line-height: 36px; overflow: hidden; font-size: 20px; color: #bbb; letter-spacing: .075em; }


.m-case{ padding: 34px 0; }
.m-case .tabTitle{ margin-top: 14px; line-height: 0; font-size: 0; text-align: center; }
.m-case .tabTitle li{ margin: 0 24px; height: 32px; line-height: 32px; overflow: hidden; font-size: 20px; }
.m-case .tabTitle li,
.m-case .tabTitle li a{ display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.m-case .tabTitle li a,
.m-case .tabTitle li a:before{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-case .tabTitle li a{ position: relative; color: #000; }
.m-case .tabTitle li a:before{ content: ""; position: absolute; top: 50%; left: 50%; margin-top: 2px; width: 0; height: 1px; overflow: hidden; background: #000; }
.m-case .tabTitle li.on a{ color: #c00; }
.m-case .tabTitle li.on a:before{ left: 0; width: 100%; background: #c00; }
.m-case .tabCon{ margin-top: 34px; }

.m-case .listBox{ position: relative; zoom:1; }

.m-case .menu{ position: absolute; z-index: 10; top: 269px; left: 400px; padding: 34px 0 0 20px; width: 379px; height: 234px; background: #f2f2f2; }
.m-case .menu h4{ height: 58px; line-height: 58px; overflow: hidden; font-size: 32px; }
.m-case .menu h4:after{ content: ""; display: block; margin-top: -1px; width: 34px; height: 0; overflow: hidden; border-bottom: solid 1px #333; }
.m-case .menu h4 span{ color: #c00; }
.m-case .menu ul{ margin-top: 30px; padding: 0 4px; height: 56px; overflow: hidden; }
.m-case .menu li{ float: left; display: inline; margin-right: 12px; width: 80px; height: 28px; line-height: 28px; overflow: hidden; font-size: 16px; }
.m-case .menu li a,
.m-case .menu li a:before{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-case .menu li a{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.m-case .menu li a:before{ content: ""; position: absolute; top: 50%; left: 50%; margin-top: 2px; width: 0; height: 1px; overflow: hidden; background: #000; }
.m-case .menu li a:hover{ color: #999; }
.m-case .menu li a:hover:before{ left: 0; width: 100%; background: #999; }

.m-case .menu .more{ margin: 16px 4px; display: inline-block; *display: inline; zoom:1; vertical-align: top; min-width: 32px; line-height: 28px; font-size: 14px; background: url(../images/arrow-case-more.png) -4px bottom no-repeat; }
.m-case .menu .more:hover{ color: #c00; background-position: 0 bottom; }

.m-case .list{ min-height: 537px; }
.m-case .list ul{ margin: -1px 0 0 -1px; }
.m-case .list li{ float: left; display: inline; margin: 1px 0 0 1px; width: 399px; }
.m-case .list li:nth-child(4){ margin-right: 400px; }
.m-case .list li.child-4{ margin-right: 400px; }
.m-case .list .u-box,
.m-case .list .u-img{ display: block; width: 399px; height: 268px; overflow: hidden; }
.m-case .list .u-box{ position: relative; zoom:1; color: #fff; background: #000; }
.m-case .list .u-img,
.m-case .list .u-con,
.m-case .list .u-num{ -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease; }
.m-case .list .u-con{ position: relative; padding: 8px 16px 10px; background: #000; }
.m-case .list .u-con h4{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: normal; }
.m-case .list .u-con h4 span{ font-size: 14px; }
.m-case .list .u-con p{ height: 20px; line-height: 20px; overflow: hidden; filter:alpha(opacity=65);opacity:.65; }
.m-case .list .u-num{ position: absolute; top: 20px; left: 50%; margin-left: -54px; padding-top: 30px; width: 108px; height: 80px; overflow: hidden; text-align: center; background: url(../images/bg-case-num.png) 0 0 no-repeat; filter:alpha(opacity=0);opacity:0; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg); }
.m-case .list .u-num h4{ height: 34px; line-height: 34px; font-size: 30px; font-weight: normal; }
.m-case .list .u-num p{ height: 18px; line-height: 18px; font-size: 14px; }

.m-case .list .u-box:hover .u-img{ margin-top: -20px; filter:alpha(opacity=74);opacity:.74; }
.m-case .list .u-box:hover .u-con{ margin-top: -48px; }
.m-case .list .u-box:hover .u-num{ top: 45px; filter:alpha(opacity=100);opacity:1; -webkit-transform:none;-moz-transform:none;transform:none; }


.m-video{ margin-top: 60px; padding-bottom: 20px; min-height: 320px; background: #fff url(../images/bg-video.png) center 20px no-repeat; }
.m-video .m-title h2{ background: #fff; }

.m-video .listBox{ margin-top: 34px; }
.m-video .listBox ul{ margin-left: -75px; }
.m-video .listBox li{ float: left; display: inline; margin-left: 75px; width: 350px; background: #dedede; }
.m-video .listBox .u-box{ position: relative; zoom:1; display: block; padding-bottom: 20px; background: #fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-video .listBox .u-img{ display: block; width: 350px; height: 338px; overflow: hidden; border-bottom: solid 12px #333; }
.m-video .listBox .u-name{ margin-top: 20px; padding: 0 20px; height: 36px; line-height: 36px; overflow: hidden; font-size: 20px; font-weight: normal; }
.m-video .listBox .u-name em{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-right: 10px; width: 32px; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; font-weight: bold; text-align: center; border: solid 2px #060001; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-video .listBox .u-con{ margin-top: 12px; padding: 0 20px; height: 72px; line-height: 24px; font-size: 14px; color: #666; }

.m-video .listBox li:nth-child(2) .u-img{ border-color: #c00; }
.m-video .listBox li:nth-child(3) .u-img{ border-color: #fc0; }
.m-video .listBox li.child-2 .u-img{ border-color: #c00; }
.m-video .listBox li.child-3 .u-img{ border-color: #fc0; }

.m-video .listBox .u-box:hover{ margin: -9px 9px 9px -9px; -moz-box-shadow:0 0 9px rgba(0,0,0,.2); -webkit-box-shadow:0 0 9px rgba(0,0,0,.2); box-shadow:0 0 9px rgba(0,0,0,.2); }


.m-news{ padding: 36px 0; }
.m-news .m-title{ margin-bottom: 22px; }

.m-news .recommend{ width: 226px; padding-right: 16px; border-right: solid 1px #ccc; }
.m-news .recommend .u-img{ display: block; width: 226px; height: 170px; overflow: hidden; }
.m-news .recommend .u-name{ margin-top: 6px; height: 46px; line-height: 46px; overflow: hidden; font-size: 18px; font-weight: normal; }
.m-news .recommend .u-con{ height: 120px; line-height: 24px; overflow: hidden; font-size: 14px; color: #747474; }
.m-news .recommend .more{ display: block; margin-top: 20px; width: 126px; height: 38px; line-height: 38px; font-size: 14px; font-weight: bold; text-align: center; color: #747474; border: solid 2px #100507; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-news .recommend .more:hover{ color: #fff; background: #747474; }

.m-news .focusBox{ position: relative; zoom:1; margin-left: -1px; padding-left: 16px; width: 540px; border-left: solid 1px #ccc; }
.m-news .focusBox .u-img{ display: block; width: 540px; height: 404px; overflow: hidden; }

.m-news .focus-page{ position: absolute; bottom: 16px; right: 16px; line-height: 0; font-size: 0; text-align: center; }
.m-news .focus-page li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 4px; padding-top: 10px; width: 10px; height: 0; overflow: hidden; background: #fff; cursor: pointer; }
.m-news .focus-page li.on{ background-color: #c00; }


.m-news .listBox{ width: 385px; }
.m-news .listBox ul{ margin-top: -16px; }
.m-news .listBox li{ zoom:1; margin-top: 16px; }
.m-news .listBox li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.m-news .listBox a{ color: #900; }
.m-news .listBox a:hover{ color: #c00; }
.m-news .listBox .u-img{ float: left; display: inline; margin-right: 16px; width: 164px; height: 124px; overflow: hidden; }
.m-news .listBox .u-name{ height: 30px; line-height: 30px; overflow: hidden; font-weight: normal; }
.m-news .listBox .u-con{ height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; }
.m-news .listBox .u-date{ margin-top: 6px; height: 16px; line-height: 16px; overflow: hidden; color: #999; }

.m-partner{ padding: 35px 0 30px; background: #fff; }
.m-partner .m-title{ position: relative; zoom:1; }
.m-partner .m-title:before{ content: ""; position: absolute; left: 0; right: 0; top: 22px; height: 3px; overflow: hidden; background: #000; }
.m-partner .m-title h2{ position: relative; z-index: 10; background: #fff; }
.m-partner .listBox{ margin-top: 30px; }
.m-partner .listBox li{ float: left; display: inline; margin-right: 75px; width: 180px; }
.m-partner .listBox .u-img{ display: block; width: 180px; height: 135px; overflow: hidden; }
.m-partner .listBox .u-name{ margin-top: 12px; height: 30px; line-height: 30px; overflow: hidden; font-weight: normal; text-align: center; }
.m-partner .listBox .u-name a,
.m-partner .listBox .u-name a:before{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-partner .listBox .u-name a{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.m-partner .listBox .u-name a:before{ content: ""; position: absolute; top: 50%; left: 50%; margin-top: 1px; width: 0; height: 1px; overflow: hidden; background: #333; }
.m-partner .listBox .u-name a:hover{ color: #c00; }
.m-partner .listBox .u-name a:hover:before{ left: 0; width: 100%; background: #c00; }


.footer-box{ position: relative; z-index: 20; background: #c00;}

.footer-news{ padding: 12px 0; width:500px; }
.footer-news .title{ float: left; display: inline; height: 24px; line-height: 24px; overflow: hidden; font-weight: normal; color: #fff; }
.footer-news .title span{ margin: 0 1em; }
.footer-news .listBox{ height: 24px; overflow: hidden; }
.footer-news .listBox li{ height: 24px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #fff; }
.footer-news .listBox li a{ color: #fff; }
.footer-news .listBox li a:hover{ text-decoration: underline; }
.footer-news .listBox .date{ margin-right: 1em; }

.footer-client{}
.footer-client li{ position: relative; zoom:1; float: left; display: inline; margin-left: 3px; padding-top: 7px; width: 35px; }
.footer-client .u-a{ display: block; width: 35px; height: 34px; overflow: hidden; background: url(../images/bg-footer-client.png) center no-repeat; }
/*.footer-client .u-a:hover{ background-image: url(../images/bg-footer-client-hover.png); }*/
.footer-client .ico{ display: block; width: 35px; height: 34px; overflow: hidden; background: url(../images/ico-footer-client.png) no-repeat; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.footer-client .wechat .ico{ background-position: 0 0; }
.footer-client .share .ico{ background-position: 0 -34px; }
.footer-client .map .ico{ background-position: 0 -68px; }
.footer-client .message .ico{ background-position: 0 -102px; }

.footer-client .u-a:hover .ico{ background-image: url(../images/ico-footer-client-hover.png); }

.footer-client .wechatBox,
.footer-client .shareBox{ display: none; position: absolute; bottom: 100%; left: 50%; border: solid 1px #e9e9e9; background: #fff; }
.footer-client .wechatBox{ margin-left: -52px; }
.footer-client .wechatBox .erwei{ width: 100px; height: 100px; }
.footer-client .shareBox{ margin-left: -62px; padding-left: 6px; width: 115px; }


.m-copyright{ padding: 20px 0 16px; line-height: 16px; color: #fff; }
.m-copyright:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 0; overflow: hidden; border-top: solid 1px rgba(0,0,0,.1); border-bottom: solid 1px rgba(255,255,255,.16); }

.footer-link{ margin-left: 15px; }
.footer-link li{ float: left; display: inline; height: 16px; line-height: 16px; overflow: hidden; text-align: center; }
.footer-link li:after,
.footer-link li.first:before{ content: "|"; float: left; display: inline; }
.footer-link li:first-child:before{ content: "|"; float: left; display: inline; }


.footer-link a,
.footer-link span{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease; }
.footer-link a{ float: left; display: inline; padding: 0 15px; color: #fff; }
.footer-link span{ display: block; }
.footer-link span.cn{ text-decoration: line-through; }
.footer-link a:hover span.en{ margin-top: -16px; }

.footer-copyright{ height: 16px; line-height: 16px; overflow: hidden; }

.btn-copyright{position: absolute; top: -35px; left: 50%; margin-left: -42px; display: block; width:85px; height: 42px; background: url(../images/btn-copyright.png) no-repeat; cursor: pointer;}


.m-client{ position:fixed;z-index:99;top:50%;right:0;margin-top:-85px;width:42px;_position:absolute; }
.m-client li{ margin-bottom: 1px; }
.m-client li.client-goTop{ display: none; }
.m-client .u-a,
.m-client .u-a:before,
.m-client .u-a .ico{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client .u-a{ position: relative; display: block; padding-left: 42px; height: 42px; background:#fff; }
.m-client .u-a:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../images/bg-client.png) repeat; filter:alpha(opacity=0);opacity:0; }
.m-client .u-a .ico{ position: absolute; top: 0; left: 0; width: 42px; height: 42px; overflow: hidden; background: url(../images/ico-client.png) no-repeat; }

.m-client .u-a:hover{ background-color: #c00; }
.m-client .u-a:hover:before{ filter:alpha(opacity=100);opacity:1; }
.m-client .u-a:hover .ico{ background-image: url(../images/ico-client-hover.png); }

.m-client .home .ico{ background-position: 0 0;}
.m-client .tel .ico{ background-position: 0 -42px;}
.m-client .qq .ico{ background-position: 0 -84px;}
.m-client .wechat .ico{ background-position: 0 -126px;}
.m-client .goTop .ico{ background-position: 0 -168px;}
.m-client .addr .ico{ background-position: 0 -210px;}

.m-client .conBox .con{ display: none; position: absolute; top: 0; right: 100%; margin-right: 6px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.m-client .conBox .con:before{ content: ""; position: absolute; top: 17px; right: 0; margin-right:-8px; width:0; height:0; overflow:hidden; border-width:4px; border-style:solid; border-color: transparent transparent transparent #c00; }

.m-client .text{ padding: 0 16px; line-height: 42px; font-size: 20px; font-family: Arial; font-weight: bold; color: #fff; background: #c00; white-space: nowrap; }

.m-client .erwei{ padding: 2px; min-height: 38px; background: #c00; }
.m-client .erwei img{ width: 124px; height: 124px; }

.m-client li.client-goTop .u-a,
.m-client li.client-goTop .u-a:hover{background:#000;}
.m-client li.client-goTop .u-a:hover .ico{-webkit-animation:goTop .6s infinite; animation:goTop .6s infinite;}
.m-client li.client-goTop .u-a:before{ display: none; }

@keyframes goTop{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-2px)}100%{-webkit-transform:translate(0,0)}}


.sub-box .m-sub{ padding-bottom: 65px; }

.menu-open{ width: 70px; height: 70px; overflow: hidden; background: url(../images/btn-menu.png) no-repeat; -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.menu-open.fixed{ position: fixed; z-index: 50; top: 50%; left: 50%; margin: -35px 0 0 -600px; }
.menu-open:hover{}
.menu-open.open{ filter:alpha(opacity=0);opacity:0; -webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg); }

.menu-box{ position: fixed; z-index: 10; top: 0; bottom: 0; left: -360px; width: 360px; background: #f0f0f0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.menu-box.open{ left: 0; }

.sub-menu{ padding: 0 30px; height: 100%; overflow: auto; text-align: center; }

.sub-menu .title{ margin-top: 48px; }
.sub-menu .title h2{ line-height: 26px; font-size: 22px; font-weight: normal; }
.sub-menu .title p{ line-height: 22px; font-size: 18px; color: #999; }

.sub-menu .menu-close{ display: block; margin: 48px auto 0; width: 33px; height: 33px; overflow: hidden; background: url(../images/btn-close-menu.png) no-repeat; }
.sub-menu .menu-close:hover{ background-image: url(../images/btn-close-menu-hover.png); }

.m-leftmenu{ margin: 55px 0; }
.m-leftmenu .fir-li .u-a,
.m-leftmenu .fir-li .u-a span{ display: block; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease; }
.m-leftmenu .fir-li .u-a{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; }
.m-leftmenu .fir-li .u-a span.en{ display: none; color: #000; }
.m-leftmenu .fir-li .u-a span.cn{ color: #000; }
.m-leftmenu .fir-li .u-a:hover span.cn{ color: #c00; }

.m-leftmenu .sec-box{ display: none; }
.m-leftmenu .sec-ul{ padding: 6px 0; }
.m-leftmenu .sec-ul li{ line-height: 24px; }
.m-leftmenu .sec-ul a{ display: block; font-size: 14px; }
.m-leftmenu .sec-ul a:hover{ color: #c00; }



.sub-case{ padding-left: 100px; }
.sub-case .title{ padding: 30px 0; text-align: center; }
.sub-case .title h2{ line-height: 30px; font-size: 24px; color: #c00; }
.sub-case .title p{ line-height: 24px; font-size: 18px; color: #999; }

.sub-case .tabTitle{ line-height: 0; font-size: 0; text-align: center; }
.sub-case .tabTitle li{ margin: 0 24px; height: 32px; line-height: 32px; overflow: hidden; font-size: 20px; }
.sub-case .tabTitle li,
.sub-case .tabTitle li a{ display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.sub-case .tabTitle li a,
.sub-case .tabTitle li a:before{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sub-case .tabTitle li a{ position: relative; color: #000; }
.sub-case .tabTitle li a:before{ content: ""; position: absolute; top: 50%; left: 50%; margin-top: 2px; width: 0; height: 1px; overflow: hidden; background: #000; }
.sub-case .tabTitle li.on a{ color: #c00; }
.sub-case .tabTitle li.on a:before{ left: 0; width: 100%; background: #c00; }
.sub-case .tabCon{ margin-top: 34px; }


.sub-case .listBox li{ float: left; display: inline; width: 550px; }
.sub-case .listBox .u-box{ position: relative; zoom:1; display: block; overflow: hidden; background: #fff; }
.sub-case .listBox .u-box:before,
.sub-case .listBox .u-img{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sub-case .listBox .u-box:before{ content: ""; position: absolute; z-index: 5; top: 100%; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../images/bg-case-box.png) center bottom no-repeat; }
.sub-case .listBox .u-img{ display: block; width: 550px; height: 370px; overflow: hidden;filter:alpha(opacity=20);opacity:.2; }
.sub-case .listBox .u-con{ position: absolute; z-index: 10; top: 150px; left: 0; right: 0; padding: 0 25px; text-align: center; }
.sub-case .listBox .u-con h4{ position: relative; zoom:1; line-height: 46px; font-size: 24px; color: #000; }
.sub-case .listBox .u-con h4:before{ content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -12px; width: 24px; height: 0; overflow: hidden; border-bottom: solid 1px #000; }
.sub-case .listBox .u-con p{ margin-top: 16px; line-height: 24px; font-size: 14px; color: #999; }

.sub-case .listBox .u-box:hover:before{ top: 0; }
.sub-case .listBox .u-box:hover .u-img{filter:alpha(opacity=100);opacity:1; }

.sub-title{ padding-top: 15px; line-height: 24px; }
.sub-title h2{ font-size: 22px; font-weight: normal; }
.sub-title p{ font-size: 18px; color: #999; }


.sub-case-list{ margin-left: 100px; margin-bottom: 85px; }
.sub-case-list .title{ margin-top: -50px; text-align: center; }
.sub-case-list .title h2{ line-height: 26px; font-size: 20px; color: #c00; }
.sub-case-list .title p{ line-height: 24px; font-size: 18px; color: #999; }

.caseTitle{ position: relative; zoom:1; margin-top: 25px; }
.caseTitle .menu-open{ position: absolute; top: 50%; left: -100px; margin-top: -35px; }
.caseTitle .conBox{ position: relative; zoom:1; padding: 40px 55px; width: 439px; height: 288px; text-align: center; border: solid 1px #bdbdbd; border-right: none; }
.caseTitle .conBox:before{ content: ""; position: absolute; left: 30px; right: 30px; top: 18px; bottom: 18px; border: solid 1px #d4d4d4; }
.caseTitle .conBox .u-name{ position: relative; padding-top: 32px; }
.caseTitle .conBox .u-name span{ color: #999; }
.caseTitle .conBox .u-name h2{ margin-top: 4px; line-height: 44px; font-size: 26px; }
.caseTitle .conBox .u-name h2:after{ content: ""; display: block; margin: 0 auto; width: 1em; height: 1px; overflow: hidden; background: #000; }
.caseTitle .conBox .u-name p{ margin-top: 18px; font-size: 14px; color: #666; }
.caseTitle .conBox .u-con{ position: relative; margin-top: 24px; font-size: 14px; }
.caseTitle .conBox .u-con h4{ margin-bottom: 14px; font-size: 16px; font-weight: normal; color: #666; }
.caseTitle .imgBox{ width: 550px; height: 370px; background: #bdbdbd; }
.caseTitle .imgBox .u-img{ display: block; width: 550px; height: 370px; overflow: hidden; }



.caseList{width: 100%; overflow: hidden;}
.caseList .title{position: absolute; top: 98px; left: 50%; margin-left: -500px; width:200px; text-align: center;}
.caseList .title .num{ position: absolute; top: -22px; left: 0; line-height: 1; font-size: 60px; font-family: 'SunHei'; font-style: italic; color: #bcbbbb; filter:alpha(opacity=60);opacity:.6; }
.caseList .title h4{ position: relative; line-height: 38px; font-size: 24px; color: #000; }
.caseList .title p{ position: relative; line-height: 30px; font-size: 16px; color: #999; }

.caseList .listBox{overflow: hidden; width: 3000px;}
.caseList .listBox li{float: left; display: inline; width: 492px; padding-right: 40px; filter:alpha(opacity=20);opacity:.2; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; } 
.caseList .listBox li.active{ filter:alpha(opacity=100);opacity:1; }
.caseList .listBox li .u-img{ display: block; width: 492px; height: 330px; overflow: hidden;  }

.caseList .btnBox{ padding: 35px 0; line-height: 24px; font-size: 0; text-align: center; }
.caseList .btnBox a{ display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.caseList .btnBox a.btn{ padding: 0 10px; font-size: 24px; font-family: 'SimHei'; filter:alpha(opacity=50);opacity:.5; }
.caseList .btnBox a.btn:hover{ filter:alpha(opacity=100);opacity:1; -webkit-filter:none;-moz-filter:none;filter:none;}
.caseList .btnBox a.btn-all{ position: relative; zoom:1; margin: 0 10px; font-size: 16px; }
.caseList .btnBox a.btn-all:before{ content: ""; position: absolute; top: 50%; left: 50%; margin-top: 2px; width: 0; height: 1px; overflow: hidden; background: #333;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.caseList .btnBox a.btn-all:hover{ color: #999; }
.caseList .btnBox a.btn-all:hover:before{ left: 0; width: 100%; background: #999; }


.case-detail{}
.case-detail .title{ padding: 15px 0; }
.case-detail .title .btn-close{ float: right; display: inline; margin-top: 8px; width: 33px; height: 33px; overflow: hidden; background: url(../images/btn-close-menu.png) no-repeat; }
.case-detail .title .btn-close:hover{ background-image: url(../images/btn-close-menu-hover.png); }
.case-detail .title .sub-title{ float: left; display: inline; margin-right: 30px; padding: 0; }
.case-detail .title h1{ padding: 0 24px; height: 48px; line-height: 48px; overflow: hidden; font-size: 20px; border-left: solid 1px #000; }
.case-detail .title .pageState{ margin-left: 24px; font-weight: normal; color: #999; }


.case-detail .detail-img{ position:relative; zoom:1; overflow:hidden; width:100%; height:520px;}
.case-detail .imgBox{width:776px;position:absolute;left:50%;margin-left:-388px}
.case-detail .imgBox li{width:776px;overflow:hidden;}
.case-detail .imgBox li img{display:block;width:776px;height:520px;}
.case-detail .tempWrap{overflow:visible !important}
.case-detail .tempWrap ul{margin-left:-776px !important;}

.case-detail .btn-prev,
.case-detail .btn-next{position:absolute;z-index:5;top:0;width:50%;height:100%;background: url(../images/pngbg-fff-80.png) center repeat;cursor:pointer;}
.case-detail .btn-prev{right:50%;margin-right:388px;text-align: right;}
.case-detail .btn-next{left:50%;margin-left:388px;text-align: left;}
.case-detail .btn-prev span,
.case-detail .btn-next span{line-height: 520px;font-size:70px;font-family:'SimSun';filter:alpha(opacity=60);opacity:.6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.case-detail .btn-prev span{ margin-right: 80px; }
.case-detail .btn-next span{ margin-left: 80px; }
.case-detail .btn-prev:hover span,
.case-detail .btn-next:hover span{filter:alpha(opacity=100);opacity:1;}

.case-detail .detail-con{ margin: 30px auto 0; width: 776px; line-height: 24px; font-size: 14px; color: #666; }
.case-detail .detail-con h4{ margin-bottom: 10px; line-height: 32px; font-size: 16px; font-weight: normal; color: #333; }

.bg-gray{ background: #eee; }


.sub-business{ padding-top: 44px; }
.sub-business ul{ margin: -30px 0 0 -45px; }
.sub-business li{ float: left; display: inline; margin: 30px 0 0 45px; width: 370px; text-align: center; }
.sub-business li:after{ content: ""; display: block; height: 14px; overflow: hidden; background: url(../images/bg-business.png) center 0 no-repeat; }
.sub-business .u-box{ display: block; background: #fff; }
.sub-business .u-img{ display: block; width: 370px; height: 278px; overflow: hidden; }
.sub-business .u-name{ height: 46px; line-height: 46px; overflow: hidden; font-size: 18px; font-weight: normal; }


.m-sub .m-content{ margin-top: 22px; }
.m-sub .left-column{ position: absolute; top: 0; left: 0; }
.m-sub .right-column{ width: 970px; min-height: 450px; _height: 450px; padding: 60px; border: solid 15px #a3a3a3; }


.left-menu{ padding: 15px 0; }
.left-menu a,
.left-menu a span{ display: inline-block; *display: inline; zoom:1; vertical-align: top; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease; }
.left-menu a{ height: 40px; line-height: 40px; overflow: hidden; }
.left-menu a span.en{ display: none; font-size: 24px; color: #666; }
.left-menu a span.cn{ padding: 0 25px; font-size: 20px; font-weight: bold; text-shadow: 2px 2px 0 #fff; }
.left-menu li.current{ padding: 10px 0; }
.left-menu li.current span.cn,
.left-menu a:hover span.cn{ color: #fff; background: #c00; text-shadow:none; }


.detail-page{ margin-top: 20px; border-top: solid 1px #e4e4e4;}
.detail-page .page-text{overflow:hidden;width:48%;height:48px;line-height:48px;white-space:nowrap;text-overflow:ellipsis;font-size: 12px;color:#888;}
.detail-page .page-text a{color:#888;}
.detail-page .page-text a:hover{color:#c00;}
.detail-page .f-fr{text-align:right;}


.sub-content{ padding: 0 60px; line-height: 24px; font-size: 14px; }
.sub-content img{ max-width:100%; }
.sub-content .f-fl{width:auto;margin:0 0 10px 10px;}
.sub-content h1{ margin-bottom: 20px; line-height:32px;font-size:22px;font-family:'Microsoft YaHei';text-align:center;}
.sub-content a:hover{ color: #c00; }
.sub-content #platform img{max-width:none;_width:none;}


.sub-about{ margin-left: 70px; padding: 0; }
.sub-about img.f-fl{ margin: 0 50px 0 0; -moz-box-shadow:4px 4px 0 #a3a3a3; -webkit-box-shadow:4px 4px 0 #a3a3a3; box-shadow:4px 4px 0 #a3a3a3; }
.sub-about h1{ margin-bottom: 15px; line-height: 38px; font-size: 24px; }

.sub-contact{ line-height: 40px; font-size: 16px; font-weight: bold; text-align: center; color: #666; }
.sub-contact h1{ display: inline-block; *display: inline; zoom:1; vertical-align: top; padding: 0 36px 18px; margin-bottom: 26px; line-height: 44px; font-size: 32px; color: #333; border-bottom: solid 1px #999; }
.sub-contact .tel{ line-height: 36px; font-size: 22px; color: #333; }

.contact-client{ padding: 50px 0; line-height: 0; font-size: 0; }
.contact-client li{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 8px; }
.contact-client li .u-a{ display: block; width: 40px; height: 40px; line-height: 40px; overflow: hidden; border: solid 1px #8c8c8c; background: url(../images/ico-contact-client.png) no-repeat; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }

.contact-client li.wechat .u-a{ background-position: 0 0; }
.contact-client li.weibo .u-a{ background-position: 0 -40px; }
.contact-client li.map .u-a{ background-position: 0 -80px; }
.contact-client li.share .u-a{ float: none; margin: 0; padding-left: 0; background-position: 0 -120px; }

.contact-client .u-a:hover{ border-color: #c00; background-image: url(../images/ico-contact-client-hover.png); opacity:1;filter:alpha(opacity=100); }


.contact-client .wechatBox{ display: none; position: absolute; bottom: 100%; left: 50%; margin-left: -60px; margin-bottom: 5px; padding: 4px; width: 100px; border: solid 1px #e9e9e9; background: #f6f6f6; }
.contact-client .wechatBox .erwei{ width: 100px; height: 100px; }

.bdshare_popup_box{ margin-left: -93px; }


.sub-news{ padding: 20px 60px; }
.sub-news ul{ margin-top: -16px; }
.sub-news li{ zoom:1; margin-top: 16px; }
.sub-news li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-news a{ color: #900; }
.sub-news a:hover{ color: #c00; }
.sub-news .u-img{ float: left; display: inline; margin-right: 16px; width: 164px; height: 124px; overflow: hidden; }
.sub-news .u-name{ height: 30px; line-height: 30px; overflow: hidden; font-weight: normal; }
.sub-news .u-con{ height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; }
.sub-news .u-date{ margin-top: 6px; height: 16px; line-height: 16px; overflow: hidden; color: #999; }


.news-detail{ padding: 0 60px; }
.news-detail h1{ padding: 5px 0;line-height:36px;font-size:24px;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:850px;_width:expression((documentElement.clientWidth < 850) ? "" : "850px" );}
.news-detail .detail-con{line-height:24px;padding:10px 0; font-size: 14px;}


.pro-detail{ padding: 0 60px; }
.pro-detail h1{ padding: 5px 0;line-height:36px;font-size:24px;font-family:'Microsoft YaHei';text-align:center;}
.pro-detail .detail-time,
.pro-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;}
.pro-detail .detail-img{position:relative;zoom:1;padding:10px 0;text-align:center;}
.pro-detail .detail-img img,
.pro-detail .detail-con img{ max-width:850px;_width:expression((documentElement.clientWidth < 850) ? "" : "850px" );}
.pro-detail .detail-img .debtn-prev,
.pro-detail .detail-img .debtn-next{position:absolute;z-index:11;top:50%;display:block;width:54px;height:87px;margin-top:-44px;background:url(../images/sub/pic-debtn.gif) no-repeat;opacity:.3;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;}
.pro-detail .detail-img .debtn-prev:hover,
.pro-detail .detail-img .debtn-next:hover{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.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{line-height:24px;padding:10px 0; font-size: 14px;}


.sub-recruit{ padding:0 60px; }
.sub-recruit dt,
.sub-recruit dd{ overflow: hidden; font-size: 14px;}
.sub-recruit dt p{height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; color: #333; border-bottom: 1px solid #b8b8b8;}
.sub-recruit dd p{height: 60px;padding-top: 8px;}
.sub-recruit dd .p2 a{font-weight: bold;}
.sub-recruit dd .p2 a:hover{text-decoration: underline;}
.sub-recruit dd .p2 span{display: block; height: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sub-recruit p{float: left; display: inline; border-bottom: 1px solid #dbdbdb;}
.sub-recruit .p1{width: 50px; text-align: center;}
.sub-recruit .p2{width: 335px; margin: 0 30px 0 35px;}
.sub-recruit .p3{width: 160px;}
.sub-recruit .p4{width: 100px; margin: 0 20px;}
.sub-recruit .p5{width: 100px;}


.sub-message{ padding: 0 60px; }
.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:#f00;*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: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:#c00;}


.search-no{ padding: 0 60px; }
.search-no .bd{padding:60px 0;border-bottom:1px solid #e4e4e4;}
.search-no .inputs{width:410px;margin-right:auto;margin-left:auto;font-size:0;}
.search-no .inputs input{font-family:'SimSun';font-size:14px;vertical-align:top;}
.search-no .inputs input.text{width:326px;height:30px;line-height:30px;padding:0 6px;border:2px solid #c00;border-right:0;background:#fff;}
.search-no .inputs input.btn{width:70px;height:34px;color:#fff;border:0;border:0 none;background:#c00;cursor:pointer;}
.search-no .pt{ height:240px;padding:100px 0 0 350px;background:url(../images/sub/search-no.png) 120px center no-repeat;border-bottom:1px solid #e4e4e4;}
.search-no .pt h3{margin-bottom:10px;font-size:18px;font-family:'microsoft yahei';font-weight:normal;color:#333;}
.search-no .pt h3 span{color:#c00;}
.search-no .pt p{color:#888;}


.sub-nav{ position: relative; z-index: 10; padding-top: 44px; }
.sub-nav .fir-ul{ line-height: 0; font-size: 0; }
.sub-nav .fir-ul .fir-li{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-right: 20px; }
.sub-nav .fir-ul .u-a{ display: block; padding: 0 20px; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; background: #fff; }
.sub-nav .fir-ul .current .u-a,
.sub-nav .fir-ul .hover .u-a{ color: #c00; }

.sub-nav .sec-box{ position:absolute;top:100%;left:0;right:0; background: #fff;}
.sub-nav .sec-ul li,
.sub-nav .sec-ul li a{ display: block; }
.sub-nav .sec-ul li{ border-top: solid 1px #f0f0f0; height:40px;line-height:40px;overflow:hidden; font-size:14px; text-align: center; }
.sub-nav .sec-ul li a{ padding: 0 10px; }
.sub-nav .sec-ul li a:hover{ color: #c00; }
.sub-nav .nav-y .sec-box{ display:none; }