.navbox { width: 1400px; margin: 30px auto 0; clear: both; }

.navL { float: left; width: 1020px; overflow: hidden;}

.indexword { line-height: 1.5; font-size: 18px; color: #d65345; margin-bottom: 25px; clear: both; text-indent: 2em;}
.catsearchbox{border:1px solid #eee; margin-bottom:20px; line-height:2em; padding:0 10px;}
.catsearchbox dl{ padding:8px 0; border-bottom:1px dashed #eee; }
.catsearchbox dl:last-child{ border:0;}
.catsearchbox dt{ display:table-cell; width:100px; padding-right:10px; font-size: 14px;}
.catsearchbox dd{ display:table-cell; position:relative; width:1143px; font-size: 14px;}
.catsearchbox dd .searchcat{ border:1px solid #ccc; width:200px; height:1.5em; line-height:1.5em;}
.catsearchbox dd .icon-sousuo{position:absolute; top:50%; margin-top:-11px; left:178px; color:#ccc; cursor:pointer;}
.catsearchbox dd a{ padding-right:1em; display:inline-block;}
.catsearchbox dd a.active{ color:#fe741c;}
.catsearchbox .secondcat{display:none;}
.catsearchbox .thirdcat{display:none;}
.catsearchbox dd select{ width:100px; line-height:1.5em; height:1.5em; border:1px solid #ccc; display:inline-block; color:#333; margin-right:5px;}

.catsearchbox .bigandcolor{color:#555ba6;font-size:2.6em;margin-right:20px;}
.catsearchbox .fontb{font-weight: bold;font-size:14px;color:#000;}

.catsearchbox .searchbrandlevel li{ width:7%; float:left; text-align:center; margin-bottom:10px;}
.catsearchbox .searchbrandlevel li a{color:#fff; background:#555ba6; display:block; width:38px; height:34px; padding:8px 6px; margin:0 auto; font-size:14px; line-height:1.3em; border-radius:50%; text-decoration:none;}
.catsearchbox .searchbrandlevel li a:hover{color:#fc0}
.catsearchbox .searchbrandlevel li:nth-child(2n) a{ background:#b5b6d9;}

.catsearchbox .haveselect .orange{border:1px solid #FE741C; padding:5px; line-height:1em; margin-right:5px; text-decoration:none; cursor:pointer;}
.catsearchbox .haveselect .orange:hover{ border-color:#fc0;}
.catsearchbox .haveselect .orange i{padding-left:5px; font-size:12px;}

.indexhotbrand ul { overflow: hidden; clear: both; }
.indexhotbrand ul li { float: left; width: 998px; padding:10px; border: 1px solid #eee; background: #fff; margin-top: 20px;  clear: both;}
.indexhotbrand ul li .brand_img { float: left; width: 180px; padding:20px 10px; overflow: hidden;}
.indexhotbrand ul li .brand_info { float: right; width: 778px; position: relative;}
.indexhotbrand ul li .brand_info h4 {color: #333333; font-size: 20px; font-weight: bolder; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}
.indexhotbrand ul li .brand_info p {color: #666; font-size: 12px; line-height: 22px; }
.indexhotbrand ul li .brand_info p.p1 {color: #333; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-top: 5px;}
.indexhotbrand ul li .brand_info .infobtn { background: #FF4C53; padding: 7px 31px; border-radius: 0; border-color: #FF4C53; transition: all 0.3s; color: #fff; font-size: 14px; position: absolute; top: 35px; right: 20px;}

.indexhotbrand ul li:hover { background-color: #f9f9f9;}

.brandphbList { width:980px; margin-top: 25px; overflow:hidden; clear:both; position:relative;}
.brandphbList ul { width:990px; overflow: hidden;  }
.brandphbList li { float:left; overflow: hidden;}
.brandphbList li img { width:130px; height:50px; margin-left:10px; margin-top:2px;}
.brandphbList li p { height:30px;font-size:14px; line-height:30px; text-align:center; display:none; display: block; border-top: 1px solid #e8e1d9; overflow:hidden;}
.brandphbList li a{ width:147px;  border:1px solid #e8e1d9;  display:block; float:left; margin: 0 10px 10px 0; padding: 0 3px;}


.brandconn { width: 100%; height: 300px; overflow: hidden; clear: both; line-height: 30px;color:#666;word-break:break-word;text-align:justify; font-size: 14px;}
.brandconnmore{text-align:center;height:30px;line-height:30px;border:1px solid #e3e3e3;font-size:14px;color:#333;background:#fff;border-radius:5px;margin-top:20px;cursor:pointer;}
.brandconnmore:hover{background:#c74c3f;}
.brandconnmore:hover a{color:#fff;display:block;}

.mgl{ margin-left:20px;}
.mgr{ margin-right:20px;}

.znz_dlly{width: 980px;overflow:hidden; background: #f2f2f2; padding-top: 25px; margin-bottom: 30px;}
.znz_dlly_l{width: 525px;float:left;font-size:14px;}
.znz_dlly_l dt{float:left;width:120px;}
.znz_dlly_l dd{float:right;width: 370px;}
.znz_dlly_ipt,.znz_dlly_slt,.znz_dlly_are,.ipt-s1,.ipt-s2,.ipt-s3{border:1px solid #ddd;border-radius:5px;color:#666;text-indent:10px;}
.znz_dlly_l p.p_are{height:150px;line-height:150px;padding-top:10px;}
.znz_dlly_ipt{width:250px;height:34px;line-height:34px;}
.znz_dlly_l p select{ width: 80px; height: 36px; margin-right: 5px;}
.znz_dlly_slt{width:120px;height:34px;margin-right:10px;}
.znz_dlly_are{width: 365px;height:120px;padding-top:10px;}
.znz_dlly_btn{width:200px;height:42px;background:#ec3a3e;color:#fff;text-align:center;border:none;border-radius:5px;font:18px "Microsoft Yahei";cursor:pointer;}
.znz_dlly_btn:hover{background:#c41840;color:#fff;font-weight:bold;}
.znz_dlly_l p{height:50px;line-height:36px;overflow:hidden;}
.znz_dlly_l dt p{text-align:right;}
.znz_dlly_l dt s{color:#ec3a3e;padding-right:5px;}
.znz_dlly_l p span,.znz_dlly_l p button{*margin-left:10px;}
.znz_dlly_r{width:300px;float:right;}
.znz_dlly_kfqq{width:293px;height:148px;display:block;background:url(/img/znz_dlly_kfqq.gif) no-repeat;float:right;}
.znz_dlly_kfqq:hover{background:url(/img/znz_dlly_kfqq02.gif) no-repeat;}
.znz_dlly_r dd{width:300px;height:164px;background:url(/img/znz_dlly_bg.gif) no-repeat;margin-top:20px;padding:50px 0 0;}
.znz_dlly_r dd li{width:75%;height:30px;line-height:30px;cursor:pointer;margin:0 20px;padding:0 5px;display:block; font-size: 12px;}
.znz_dlly_r dd li:hover{background:#eee;border-radius:5px;}


.brandHead { width: 100%; height: 100px; overflow: hidden; clear: both; background-color: #fff;}  
.brandHead .brandLogo {float: left; width: 180px; height: 60px; margin-top: 20px;}  
.brandHead .brandLogo img {  width: 180px; height: 60px; }
.brandMenu { float: right;}
.brandMenu li{float:left;padding:0 32px;border-right:1px solid #ddd;margin-top:33px;}
.brandMenu li:last-child{padding-right:0;border-right:none;}
.brandMenu li a{padding-bottom:40px;font-size:18px;}
.brandMenu li.on a,.brandMenu li a:hover{font-weight:bold;color:#db214c;border-bottom:3px solid #db214c;}

.brandBanner { width: 100%; height: 520px; overflow: hidden; clear: both; background-image: url(/dist/img/ban-bg.gif); background-position: top; background-repeat: repeat-x; background-color: #dadada; }


.indexJoinbox { width: 402px; height: 428px; background-color: #db224b; position: absolute; left: 0; top: 25px; z-index: 99; border-radius: 5px;}
.indexJoinbox h3 { width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 28px; color: #fff; font-weight: bold; letter-spacing: 3px;}
.indexJoinbox h3 em { font-style: normal; color:#fbdc6e;  font-size: 28px;}
.indexJoinbox .joinbox_item { width: 350px; height: 300px; margin: 0px auto 0; display: block; background-color: #fff; border-radius: 5px; padding: 20px 10px 0;}
.indexJoinbox .joinbox_item ul li { float: left; width: 350px; height: 40px; overflow: hidden; padding: 7px 0; clear: both;}
.indexJoinbox .joinbox_item ul li label { float: left; width: 80px; line-height: 40px; text-align: center; color: #acacac;}
.indexJoinbox .joinbox_item ul li select,.indexJoinbox .joinbox_item ul li input { float: left; border:1px solid #f8f8f8; height: 38px; margin-left: 10px;color: #767676; outline: none; }
.indexJoinbox .joinbox_item ul li select { -webkit-appearance: none; background: url(/dist/img/select_arr.png) no-repeat right ;background-size:38px 38px;}
.indexJoinbox .joinbox_item ul li .w270 { width: 230px; padding: 0 10px;}
.indexJoinbox .joinbox_item ul li .w250 { width: 250px; padding: 0 10px;}
.indexJoinbox .joinbox_item ul li .w80 { width: 77px;}
.indexJoinbox .joinbox_item ul li .w130 { width: 121px;}
.indexJoinbox .joinbox_item ul a.joinbox_btn { width: 339px; height: 46px; line-height: 46px; text-align: center; margin: 7px 0 0px 5px; background-color: #db224b;  display: block; font-size: 20px; color: #fff; float: left; }

.banner_item { width: 980px; height: 428px; position: absolute; top: 25px; right: 0;}
.banner_item img {  width: 980px; height: 428px; }


  
.indexfoot_join { width: 1400px; height: 100px; margin: -40px auto 10px; background-image: url(/dist/img/brandIcon01.png); background-repeat: no-repeat; background-size: auto 100%; background-position: left;  box-shadow:0px 0px 3px 0px rgba(60,60,60,0.28); background-color: #fff; }
.indexfoot_join ul {  width: 1400px; height: 100px; margin: 0 auto; position: relative;}
.indexfoot_join .txt_box { position: absolute; left: 92px; top: 70px;}
.indexfoot_join .txt_box p { float: left; width: 88px; color: #999;}
.indexfoot_join ul .join_box { width: 505px; height: 57px; position: absolute; right: 25px; top: 22px; }
.indexfoot_join ul .join_box .fl_item { float: left;  width: 356px; height: 55px; border: 1px solid #df2e55; border-right: 0; position: relative;  border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.indexfoot_join ul .join_box .fl_item input { float: left; border: 0;  width: 350px; height: 55px;  background: transparent; padding: 0 15px;  color: #000;outline: none;}
.indexfoot_join ul .join_box .fl_item input::placeholder { color: #999;}
.indexfoot_join ul .join_box a.fr_item { float: right; width: 148px; height: 57px; line-height: 57px; display: block; background-color: #df2e55; color: #fff; text-align: center; font-size: 18px;border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.main_box { overflow: hidden; clear: both;}
.main_box .fl_box { float: left; width: 980px;}
.main_box .fr_box { float: right; width: 350px;}
.main_box .info_box { padding: 15px; overflow: hidden; clear: both;line-height: 30px; font-size: 14px; text-indent: 2em; color: #666; word-break: break-word; text-align: justify;}
.main_box .frslide_box { padding: 15px; overflow: hidden; clear: both;  background-color: #f5f5f5; margin-bottom: 15px;}
.main_box .slide-header { padding: 8px 0; margin-left: 8px;}
.main_box .slide-header span { color: #333; font-size: 18px; font-weight: 700; padding: 8px 0; padding-right: 5px; border-bottom: 2px solid #db224b;}

.main_box .frslide_box .brandMid {overflow: hidden;  position: relative; width: 320px; float: left;}
.main_box .frslide_box .brandMid h1 {font-size: 22px; padding-bottom: 5px; line-height: 45px; padding-top: 10px; text-align: center;}
.main_box .frslide_box .brandMid p { color: #999; font-size: 14px; line-height: 28px;}

.main_box .frslide_box .brandMid i { width: 24px; height: 18px; float: left; background-size: auto 100%; background-position: left; background-repeat: no-repeat; margin-top: 5px;}
.main_box .frslide_box .brandMid i.dizhi { background-image: url(/dist/img/icon_dizhi.png);}
.main_box .frslide_box .brandMid i.ad { background-image: url(/dist/img/icon_ad.png);}
.main_box .frslide_box .brandMid i.url { background-image: url(/dist/img/icon_url.png);}
.main_box .frslide_box .brandMid i.time { background-image: url(/dist/img/icon_time.png);}
.main_box .frslide_box .brandMid i.fyd { background-image: url(/dist/img/icon_fyd.png);}
.main_box .frslide_box .brandMid i.qiye { background-image: url(/dist/img/icon_qiye.png);}

.btnbox { overflow: hidden; clear: both; padding-top: 10px; padding-left: 40px;}
.btnbox li { float: left; margin-right: 15px; cursor: pointer; overflow: hidden;}



.newslistarea li { float: left; overflow: hidden; padding: 26px 0; border-bottom: solid 1px #eee; width: 100%;}
.newslistarea li .img-link {  float: left; width: 160px; height: 110px; margin-right: 20px; position: relative;}
.newslistarea li .news-list-pic { width: 100%;}
.newslistarea li .news-list-detail { overflow: hidden; text-align: left;}
.newslistarea li .news-list-detail .news-list-detail-tlt { font-size: 20px; font-weight: 700; color: #333; line-height: 1.2; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newslistarea li .news-list-detail .news-list-detail-tlt:hover { color: #e00142;}
.newslistarea li .news-list-detail .news-list-detail-con { font-size: 14px; color: #666; line-height: 1.8; margin: 10px 0 10px; word-break: break-all; min-height: 50px;}
.newslistarea li .news-list-detail .news-list-detail-info { font-size: 12px; color: #999; position: relative;}
.newslistarea li .news-list-detail .news-list-detail-footer { margin-right: 7px; color: #999;}

.brand-zsgj{border:10px solid #db214c;width:960px;height:300px;border-radius:10px; float: left;}
.brand-zsgj .top{height:70px;background:#db214c;text-align:center;}
.brand-zsgj .top h3{font-size:32px;font-weight:normal;color:#fff; line-height: 65px;}
.brand-zsgj dt{float:left;width:370px;height:190px;background:#fff;padding:25px 25px 10px;}
.brand-zsgj dd{float:left;width:390px;height:205px;background:#f0f0f0;}
.brand-zsgj dt p{margin-bottom:8px;font-size:14px;}
.brand-zsgj dt select,.brand-zsgj dt input{margin-left:7px;border:1px solid #ddd;border-radius:5px;}
.brand-zsgj dt select{width:87px;height:35px;padding:0 10px 0 3px;}
.brand-zsgj dt input{width:262px;height:35px;line-height:29px; padding: 0 10px;}
.brand-zsgj dt input:focus{border:1px solid #db214c;}
.brand-zsgj dt button{width:362px;height:40px;margin:2px auto 10px;text-align:center;color:#fff;font:18px/30px "microsoft yahei";background:#db214c;border:2px solid #db214c;border-radius:5px;cursor:pointer;}
.brand-zsgj dt button:hover{color:#db214c;background:#fff;border:2px solid #db214c;}

.jmgw { padding: 15px 0 10px;}
.jmgw .pic {  width: 72px; height: 72px;  margin-right: 16px;}
.jmgw .pic img{  width: 72px; height: 72px; border-radius: 50%; border:2px solid #fff; }
.jmgw .desc{ width: 192px;}
.jmgw .desc .d1{ color:#333333; font-size: 16px; margin-top: 13px; margin-bottom: 6px; }
.jmgw .desc .d2{ color:#333333; font-size: 14px; }
.jmgw .desc .d2 span{  color:red; padding-left: 5px; padding-right: 5px; font-weight: bolder; }

.hot-tag { padding: 15px 0 10px;}
.hot-tag li{line-height:30px;font-size:14px;clear:both;}
.hot-tag li a{color:#666;}
.hot-tag li a:hover{color:#db214c;}
.hot-tag i{float:left;width:10px;margin-right:7px;font:bold 18px/35px "Arial";color:#ccc;vertical-align:middle;}


.phbBrand { border: 1px solid #eee; width: 348px; overflow: hidden; }
.phbBrand .hd{ width:348px; height: 50px;}
.phbBrand .hd ul{width:348px;  overflow:hidden; zoom:1; float:left;  }
.phbBrand .hd ul li{ float:left; width: 50%; height: 45px; font-size: 20px;  line-height: 45px; text-align: center; border-top: 5px solid #f5f5f5; background: #f5f5f5; cursor:pointer; display: block; }
.phbBrand .hd ul li.on{  border-top: 5px solid #e00142; background: #fff; }
.phbBrand .bd{ position:relative; width:348px; z-index:0; padding: 20px 0;}
.phbBrand .bd li{ zoom:1; vertical-align:middle; background: #fff; text-decoration: none;}
.phbBrand .bd li p {width: 90%; float: left; padding-left: 5%; font-size: 16px; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
.phbBrand .bd li p i { font: bold 12px/15px "Arial"; margin-right: 10px; text-align: center; background: #999; color: #fff; border-radius: 3px; width: 20px; height: 15px; display: inline-block; zoom: -1;}
.phbBrand .bd li p i.red {  background: #ec3a3e;}
.phbBrand .bd li p i.orange {background: #f90;}


.navR { float: right; width: 352px; padding: 36px 0 20px; border-top: 2px solid #FF4C53;  box-shadow:0px 0px 8px 0px rgba(60,60,60,0.28);}
.navR .topJoin { margin-bottom: 18px; position: relative; z-index: 5; overflow: hidden;}
.navR .topJoin .bc4{ margin-bottom: 18px; position: relative; z-index: 5; }
.navR .topJoin .bc4 .c0{ color:#FF4C53; font-size: 25px; text-align: center; font-weight: bolder; }
.navR .topJoin .bc4 .c1{ color:#333333; font-size: 16px; text-align: center; margin-top: 10px; margin-bottom: 10px; }
.navR .topJoin .bc4 .c2{ text-align: center; margin-bottom: 12px; line-height: 21px; }
.navR .topJoin .bc4 .c2 small{ color:#999999; font-size: 12px; display: block;}
.navR .topJoin ul li { float: left; width: 350px; height: 40px; overflow: hidden; padding: 7px 0; clear: both;}
.navR .topJoin ul li label { float: left; width: 80px; line-height: 40px; text-align: center; color: #acacac;}
.navR .topJoin ul li select,.navR .topJoin ul li input { float: left; border:1px solid #f8f8f8; height: 38px; margin-left: 10px;color: #767676; outline: none; }
.navR .topJoin ul li select { -webkit-appearance: none; background: url(/dist/img/select_arr.png) no-repeat right ;background-size:38px 38px;}
.navR .topJoin ul li .w270 { width: 230px; padding: 0 10px;}
.navR .topJoin ul li .w250 { width: 250px; padding: 0 10px;}
.navR .topJoin ul li .w80 { width: 77px;}
.navR .topJoin ul li .w130 { width: 121px;}
.navR .topJoin ul a.joinbox_btn { width: 339px; height: 40px; line-height: 40px; text-align: center; margin: 7px 0 0px 5px; background-color: #FF4C53; font-size: 14px; color: #fff; float: left; }
 
.navR .mainTit { width: 94%; margin-left: 3%;}
.navR .b_list { float: left; width: 100%;}
.navR .b_list ul { padding-left: 10px; padding-top: 10px;}
.navR .b_list li { float: left;width: 160px; border: 1px solid #E4E4E4; margin-bottom: 10px; margin-right: 8px;}
.navR .b_list li img { width: 95%; display: block; margin: 0 auto;}

.navR .newsarea { clear: both; overflow: hidden; padding-top: 15px;}
.navR .newsarea ul { float: left; width: 330px; margin-left: 10px;}
.navR .newsarea ul li { float: left; height: 32px; line-height: 32px; overflow: hidden; font-size: 16px;}
.navR .newsarea a { padding-left: 20px; background: url(../dist/img/icons-1.png) -404px -878px no-repeat; color: #333; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 300px;}
.navR .newsarea ul li:hover a { color: #FF4C53;}
.navR .newsarea ul li:hover a { background-position: -411px -214px;}


.dark { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: .7; z-index: 777; display: none;}

.brand-form .btn,.tc-form .btn{background:url(/dist/img/show-join-btn_bg.png) no-repeat;background-size:100% 100%;box-shadow:0 5px 10px 1px rgba(219,33,76,.4);}
.joinShowBox {background:url(/dist/img/show-join-bg2.png) no-repeat bottom center;height:603px;width:680px; position: fixed; left: 50%; top: 50%; margin-left: -340px; margin-top: -301px; z-index: 888; display: none;}
.joinShowBox .link{display:block;height:213px;}
.joinModal .figure-info .head-img{background:url(/dist/img/show-join-icon.png) no-repeat bottom center;}


.joinModal{width:680px;color:#625556; position: relative;}
.joinModal div { text-align: center;}
.joinModal .content{border-radius:15px;width:640px;height:350px;margin:0 auto;background:#fff;}
.joinModal .figure-info{padding-top:30px;width:200px;height:320px;text-align:center;background:url(/dist/img/gc.png) no-repeat right top;}
.joinModal .figure-info .head-img{width:117px;height:126px;margin:0 auto; position: relative;}
.joinModal .figure-info .head-img img{display:block; width:92px;height:92px; border-radius: 92px; position: absolute; left: 13px; top: 22px;}
.joinModal .figure-name span{margin:15px 0 10px ;color:#fe5850;border:1px solid #ffe1e0;border-radius:15px;display:inline-block;font-size:16px;padding:5px 10px;}
.joinModal .figure-info h3{font-size:18px;}
.joinModal .figure-info .dec{font-size:16px;}
.joinModal .brand-form{padding-top:30px;width:360px;padding-left:40px;font-size:18px;padding-right:40px;}
.joinModal .brand-form p{font-size:16px;}
.joinModal .tit{margin-bottom:6px; font-size: 16px;}
.joinSho w .tc-form .name ,.joinShowModal .tc-form .phone,.joinModal .tc-form .name, .joinModal .tc-form .phone{width:100%;margin-top:10px;line-height:46px;height:44px;box-sizing:border-box;}
.joinShowModal .tc-form .phone,.joinModal .tc-form .phone{margin-left:0;}
.joinModal .btn{box-shadow:none;width:100%;margin-top:22px;height:48px;line-height:48px;font-weight:bold;text-indent:0; display: block; text-align: center; color: #fff; font-size: 20px;}
.joinModal .line-icon{background:url(/dist/img/join-phone.png) no-repeat;width:58px;height:58px; float: left; display: block;}
.joinModal .hot-line{margin-top:30px;}
.joinModal .line-phone{font-size:16px;margin-left:10px;}
.joinModal .line-phone strong{font-size:26px;color:#fe5850;}
.joinModal .tc-tit{padding:0px;color:#fff;}
.joinModal .tc-tit b{color:#ffd618;}

.joinShowModal{width:420px;margin:0 auto;box-sizing:border-box;}
.joinShowModal .content{width:360px;height:280px;margin:0 auto;padding:30px 15px 0;background:#fff;border-radius:10px;}
.joinShowModal .tc-tit{font-size:14px;}
.joinShowModal .tc-tit b{color:#fb4c50;}
.joinShowModal .tc-form{text-align:center;}
.joinShowModal .brand-form .tit p{font-size:16px;}
.joinShowModal .btn{box-shadow:none;width:100%;margin-top:22px;height:48px;line-height:48px;font-weight:bold;text-indent:0;}
.joinShowModal .btn_close{top:50px;right:8px;}

a.joinShowBoxClose { position: absolute; right: 20px; width: 42px; height: 42px; z-index: 99999; cursor: pointer; background: url(/dist/img/btn_close2.png) no-repeat; top: -200px; display: block; }