.top-nav{min-width:1200px;height:40px;font-size:12px;color:#71797F;background-color:#F3F5F7}
.top-nav-wrapper{width:1200px;margin:0 auto}
.top-nav-l{float:left}
.top-nav-l .menu:first-child{padding-left:0}
.top-nav-r{float:right}
.top-nav-r .menu:last-child{padding-right:0}
.top-nav .menu{padding:0 16px;line-height:40px;float:left}
.top-nav .menu.login a + a{margin-left:12px}
.top-nav .menu-dropdown{position:relative}
.top-nav .menu-dropdown .dropdown-box{display:none;position:absolute;top:100%;left:-1px;min-width:160px;padding:12px;font-size:12px;line-height:18px;color:#232628;background:#fff;border:1px solid #E9ECF0;border-top-color:transparent;text-align:center;z-index:1000}
.top-nav .menu-dropdown .dropdown-box-service{width:100%;min-width:100%;max-width:100%;padding:6px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.top-nav .menu-dropdown .dropdown-box-service a{display:block;font-size:12px;line-height:20px;text-align:center;color:#71797F}
.top-nav .menu-dropdown .dropdown-box-service a:hover{color:#FF734C}
.top-nav .menu-dropdown.open{background:#fff}
.top-nav .menu-dropdown.open a{color:#FF734C;background-color:#fff;z-index:1001}
.top-nav .menu-dropdown.open .dropdown-box{display:block}
.top-nav .menu-dropdown.open .dropdown-box-service a{color:#71797F}
.top-nav .menu-dropdown.open .dropdown-box-service a:hover{color:#FF734C}
.top-nav .menu-dropdown.open span.icon-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.top-nav .dropdown{position:relative}
.top-nav .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none}
.top-nav .open .dropdown-menu{display:block}
.top-nav span.icon{width:14px;height:14px;margin-top:12px;margin-right:4px}
.top-nav span.icon-star{background-position:0 -21px}
.top-nav span.icon-weixin{background-position:-24px -21px}
.top-nav span.icon-mobile{background-position:-48px -21px}
.top-nav span.icon-arrow{display:inline-block;width:8px;height:8px;margin-left:5px;background-image:url(../images/top_nav_arrow.png);background-position:top center;background-size:8px 8px;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;-o-transition:transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s}
.top-nav .menu.login .tcm{margin-left: 12px;}
.top-nav .menu.login .zcm{margin-left: 12px;}
#header{min-width:1200px;height:120px;background-color:#F7F9FA}
#header .header-jz{position:relative;width:1200px;margin:0 auto;/*font-size:0*/}
#header .logo{float:left;width:238px;height:100%}
#header .logo-nav{display:inline-block;width:238px;height:60px;margin-top:30px;background-image:url(../images/common_sprite.png);background-repeat:no-repeat;background-position:0 -248px}
#header .search-box{width:440px;margin:0 auto;padding-top:25px;font-size:0}
#header .search-box-group{position:relative;width:440px;height:48px;border-radius:24px;border:2px solid #fe4571}
#header .search-box-icon{display:inline-block;width:54px;height:100%;vertical-align:top;text-align:center}
#header .search-box-icon span.icon{width:16px;height:16px;margin-top:16px}
#header .search-box-icon span.icon-search{background-position:0 -48px}
#header .search-box-input{width:264px;height:100%;font-size:14px;border:none;background-color:inherit}
#header .search-box-input::-webkit-input-placeholder{color:#B4BABF}
#header .search-box-input::-moz-placeholder{color:#B4BABF}
#header .search-box-input:-ms-input-placeholder{color:#B4BABF}
#header .search-box-input::-ms-input-placeholder{color:#B4BABF}
#header .search-box-input::placeholder{color:#B4BABF}
#header .search-box-btn{position:absolute;top:-2px;right:-2px;width:118px;height:48px}
#header .search-box-btn button{width:100%;height:100%;border-radius:24px;outline:none;font-size:18px;font-weight:bold;background-color:#FF734C;background:-webkit-gradient(linear,left top,right top,from(#ff734c),to(#ff3d12));background:-webkit-linear-gradient(left,#ff734c 0%,#ff3d12 100%);background:-o-linear-gradient(left,#ff734c 0%,#ff3d12 100%);background:linear-gradient(90deg,#fe4571 0%,#e4063b 100%)}
#header .search-box-hotwords{margin-top:8px;margin-left:44px;font-size:12px;line-height:16px;color:#B4BABF}
#header .search-box-hotwords a{margin:0 12px}
#header .service{position:absolute;top:0;right:0;width:350px;padding-top:25px;line-height:18px;text-align:right}
#header .service-item{display:inline-block;font-size:14px;color:#71797F;vertical-align:top}
#header .service-item-info{display:inline-block;margin-top:15px;vertical-align:top;text-align:left}
#header .service-item.vipwechatchat .service-item-info{margin-top:6px}
#header .service .service-item + .service-item{margin-left:40px}
#header .service span.icon{width:24px;height:24px;margin-top:12px;margin-right:8px}
#header .service span.icon-phone{background-position:0 -102px}
#header .service span.icon-headset{background-position:-34px -102px}
#header .service span.icon-diamond{background-position:-272px -102px}
#header .search-box-btn button {color: white}
#header .logo-nav {background-repeat: no-repeat;background-size: 100%;background-position: 0 -26px;}
.clearfix:after, .clearfix:before {content: "";display: table;clear: both;}
*:after {box-sizing: border-box;}
#navi{position:relative;min-width:1200px;height:52px;background-color:#F7F9FA;border-bottom:1px solid #E9ECF0}
#navi .nav-main{width:1200px;height:100%;margin:0 auto}
#navi .nav-fenlei{position:relative;width:240px;height:52px;float:left;border-radius:12px 12px 0 0;background-color:#FF734C;background:-webkit-gradient(linear,left top,right top,from(#ff734c),to(#ff3d12));background:-webkit-linear-gradient(left,#ff734c 0%,#ff3d12 100%);background:-o-linear-gradient(left,#ff734c 0%,#ff3d12 100%);background:linear-gradient(90deg,#fe4571 0%,#e4063b 100%)}
#navi .nav-fenlei .fenlei-tit{padding-left:24px;font-size:18px;line-height:52px;font-weight:bold}
#navi .nav-fenlei .fenlei-tit span.icon{width:24px;height:24px;margin-top:14px;margin-right:4px}
#navi .nav-fenlei .fenlei-tit span.icon-fenlei{background-position:-68px -102px}
#navi .nav-fenlei .fenlei-tit a{color:#fff}
#navi .nav-fenlei .down-dh{position:absolute;top:52px;left:0;height:480px;width:240px;padding-top:10px;color:#fff;background:url(../images/black-bg.png);z-index:999}
#navi .nav-fenlei .down-dh-item{padding:9px 0px 9px 20px;border-bottom:1px dashed rgba(255,255,255,0.2)}
#navi .nav-fenlei .down-dh-item:last-child{height:48px;border-bottom:none}
#navi .nav-fenlei .down-dh-item h4{margin-top:2px;padding-left:4px;padding-right:28px;font-size:16px;line-height:20px;font-weight:bold}
#navi .nav-fenlei .down-dh-item .dh-lb li{display:inline-block;font-size:14px;line-height:24px;padding:0 4px}
#navi .nav-fenlei .down-dh-item .cate-lb-line{margin-top:5px}
#navi .nav-fenlei .down-dh-item.cate-pop.open{background-color:#fff}
#navi .nav-fenlei .down-dh-item.cate-pop.open h4{color:#232628}
#navi .nav-fenlei .down-dh-item.cate-pop.open .dh-lb{color:#71797F}
#navi .nav-fenlei .down-dh-item.cate-pop.open .right-pop{display:block}
#navi .nav-fenlei .down-dh-item.cate-pop span.icon{width:12px;height:12px;float:right;margin-top:4px}
#navi .nav-fenlei .down-dh-item.cate-pop span.icon-arrow-right{background-position:-44px 0}
#navi .nav-fenlei .down-dh-item .right-pop{display:none;position:absolute;top:1px;left:0;margin-left:240px;padding:20px 36px;width:960px;height:478px;background-color:#fff;z-index:9999}
#navi .nav-fenlei .down-dh-item .right-pop-list{margin-bottom:10px}
#navi .nav-fenlei .down-dh-item .right-pop-title{margin-bottom:16px;font-size:14px;line-height:22px;color:#232628}
#navi .nav-fenlei .down-dh-item .right-pop-items{color:#71797F;font-size:0}
#navi .nav-fenlei .down-dh-item .right-pop-items a{display:inline-block;width:108px;margin-right:22px;margin-bottom:30px;text-align:center}
#navi .nav-fenlei .down-dh-item .right-pop-items a:first-child + a + a + a + a + a + a,#navi .nav-fenlei .down-dh-item .right-pop-items a:first-child + a + a + a + a + a + a + a + a + a + a + a + a + a{margin-right:0}
#navi .nav-fenlei .down-dh-item .right-pop-items a:nth-child(7n){margin-right:0}
#navi .nav-fenlei .down-dh-item .right-pop-items img{width:68px}
#navi .nav-fenlei .down-dh-item .right-pop-items p{margin-top:4px;font-size:12px;line-height:16px}
#navi .nav-fenlei .down-dh-item .right-pop-items.square a{width:116px;margin-right:12px}
#navi .nav-fenlei .down-dh-item .right-pop-items.square a:first-child + a + a + a + a + a + a,#navi .nav-fenlei .down-dh-item .right-pop-items.square a:first-child + a + a + a + a + a + a + a + a + a + a + a + a + a{margin-right:0}
#navi .nav-fenlei .down-dh-item .right-pop-items.square a:nth-child(7n){margin-right:0}
#navi .nav-fenlei .down-dh-item .right-pop-items.square img{width:108px}
#navi .nav-fenlei .down-dh-item .right-pop-items.cities a{display:inline;margin-right:16px !important;font-size:12px;line-height:24px}
#navi .dao-nav{margin:0 0 0 265px;height:100%;list-style:none}
#navi .dao-nav li{float:left;margin:0 14px;font-size:16px;color:#FF734C;font-weight:bold;line-height:52px}
#navi .dao-nav li {margin: 0 14px;}
#footer{font-size:0;background-color:#232628}
#footer .ft-container{width:1200px;margin:0 auto;padding:40px 0 46px}
#footer .ft-nav{color:#fff}
#footer .ft-nav a{display:inline-block;font-size:16px;line-height:16px}
#footer .ft-nav a + a{padding-left:28px;margin-left:33px;border-left:1px solid #fff}
#footer .ft-site{margin-top:30px}
#footer .ft-site p{font-size:12px;color:#71797F;line-height:22px}
#footer .ft-site span.icon-beian{width:20px;height:20px;margin:0 2px;background-position:-360px -72px}
#footer .ft-auth{margin-top:7px}
#footer .ft-auth a{display:inline-block;vertical-align:top}
#footer .ft-auth span.icon{height:40px;margin-right:12px}
#footer .ft-auth span.icon-kxwz{width:109px;background-position:-400px -136px}
#footer .ft-auth span.icon-slogan{width:149px;background-position:-518px -136px}
#footer .ft-auth span.icon-top100{width:123px;background-position:-676px -136px}
#footer .ft-auth span.icon-icp{width:33px;background-position:-809px -136px}
#footer .ft-auth img{width:auto;height:40px;margin-right:12px}
#footer .ft-auth-border{display:inline-block;vertical-align:top;background:#fff;border-radius:2px;margin-right:12px}
#footer .ft-auth-border img{margin:0 4px}
#footer .ft-link{margin-top:30px;color:#71797F}
#footer .ft-link span,#footer .ft-link a{font-size:12px;line-height:16px}
#footer .ft-link span{margin-right:4px;font-weight:bold}
#footer .ft-link a{margin:0 2px}
.service .right{float:right}
.service .right span{display:inline-block;margin:13px 0 0 8px}
.service .right span:before{content:"";display:inline-block;width:31px;height:31px;position:relative;top:-1px;margin-right:10px;vertical-align:middle;background:url(../images/dl-xian-gurantee.jpg) no-repeat}
.service .right span:nth-child(2):before{background-position:0 -32px}
.service .right span:nth-child(3):before{background-position:0 -64px}