/* CSS Document */
#bannerNav{height:285px;margin:20px auto 10px auto;background-color:#0b695b;}
#show{width:780px;float:left;}
#show img{width:780px;}
#kinMaxShow{width:780px;display:none;}
#xhTxt{width:260px;float:left;padding:20px;text-align:left;color:#d0fff8;font-size:13px;}
#xhTxt h3{font-size:16px;margin-bottom:10px;}
#xhTxt p{padding-top:10px;}
#xhTxt a{color:#333;background-color:#f5da23;font-size:12px;font-family:"ËÎÌå";padding:4px 5px;}

.mr15{margin-right:9px;}
.proClass{width:240px;float:left;background-color:#F0F0F0;}
.pcTitle{height:36px;line-height:36px;font-weight:bold;background-color:#262648;color:#FFF;font-size:16px;text-align:left;}
.pcTitle img{height:24px;margin-right:8px; vertical-align:middle;padding-left:15px;}
.proClass ul{margin-left:30px;margin-top:10px;}
.proClass li{float:left;width:48%;line-height:30px; list-style-type:disc;text-align:left;color:#555;}
.proClass li:nth-child(2n+1){margin-right:4%;}
.proClass li a{color:#555;}
.proClass li a:hover{color:#F30;}
.pro-class-list{padding-bottom:20px;}
#leftNav{width:260px;float:right;}
#newNav{width:640px;float:left;margin-left:25px;overflow:hidden;}
#loginNav{height:180px;}
#loginNav dl{height:30px;margin:12px 0px;}
#loginNav dt{width:60px;height:30px;float:left;text-align:right;margin-right:0px;}
#loginNav dd{width:180px;height:30px;float:left;text-align:left;border:0px;margin-left:10px;}
.inp{width:210px; height:20px; border:1px solid #7c9edc; border-radius:13px;padding: 2px 0 3px 10px; color: gray;overflow:hidden; outline:none;}
#loginBtn{width:151px;height:33px;float:left;background:url(../images/loginbtn.jpg) no-repeat top center;border:none;padding:0px;cursor:pointer;margin:0px 0px 0px 10px;overflow:hidden;}
#loging{font-size:14px;color:#333;}
#loging a{color:#FF6600;}
#loging a:hover{color:#333;}
.leftTit{height:35px;background:url(../images/icon1.jpg) no-repeat top center;margin-bottom:15px;color:#FFF;padding-left:45px;line-height:35px;font-size:14px;text-align:left;}

#links li{float:left;width:124px;font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;margin-left:8px;line-height:30px;}
#links li a{color:#666;}
#news{width:100%;float:left;margin:0px 15px 0px 0px;}
.tit{height:32px;text-align:left;position:relative;top:0px;left:0px;overflow:hidden;}
.tit span{display:block;float:left;height:32px;line-height:32px;width:100px;text-align:center;font-size:16px;font-weight:bolder;color:#333;background-color:#FFF;}
.tit span img{vertical-align:middle;margin-right:5px;height:24px;}
.tit span a{color:#333;}
.tit span a:hover{color:#333;}
.tit-big{float:left;font-size:16px;font-weight:bolder;color:#333;line-height:32px; display:inline-block;}
.tit-big a{color:#333;}
.tit-big img{margin-top:3px;height:28px;line-height:32px; vertical-align:middle;float:left;margin-right:5px;}
.tit-small{margin-top:2px;float:right;color:#666;font-size:14px; display:flex;font-size:12px; aligin-items:center;}
.tit-small img{width:16px;height:16px;margin-top:auto;margin-bottom:auto;margin-right:3px;}
.more{position:absolute;right:15px;font-size:12px;top:5px;color:#666;}
.more a{color:#666;}
.hot-link{color:#ff4644; text-decoration:underline;font-weight:bolder;}
.hot-link:hover{color:#333;}



#news ul{padding:10px 5px;}
#news li{float:left;text-align:left;color:#888;line-height:28px;width:48%;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
#news li:nth-child(2n+1){margin-right:4%;}
#news li a{font-size:14px;color:#4a4a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#news li a:hover{color:#F30;}
.new-hot{height:100px;text-align:left;margin-top:18px;border-bottom:1px dashed #D9D9D9;padding-bottom:15px;}
.new-hot h3{font-size:18px;color:#ee0300;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;top:-5px;}
.new-hot h3 a{color:#ee0300;}
.new-hot h3 a:hover{color:#333;}
.new-hot img{width:133px;max-height:100px;float:left;margin-right:15px;border-radius:3px;overflow:hidden;}
.new-hot p{font-size:12px;line-height:22px;color:#999;text-align:left;padding:0px 10px 15px 10px;}

#hd{width:320px;float:right;overflow:hidden;overflow:hidden;}
.art{margin:10px 5px 12px 25px;}
.art li{text-align:left; list-style-type:disc;white-space:nowrap;color:#999;line-height:30px;}
.art li a{color:#4a4a4a;font-size:14px;}
#scrollDiv{line-height:24px;height:230px;overflow:hidden;}
#scrollDiv li{height:24px;padding-left:10px;}

.company{height:85px;}
.company_left{width:240px;float:left;background-color:#2c6bdf;height:85px;}
.company_left p{color:#abc8ff;font-size:12px;}
.companyTitle{font-size:24px;color:#FFF;font-weight:bolder;margin-top:15px;}
.companyTitle img{vertical-align:text-bottom;}
.company_right{width:960px;float:left;background-color:#d6e3f6;height:85px;}
.company_right li{width:20%;float:left;margin-left:4.2%;border-radius:8px;overflow:hidden;margin-top:12px;height:50px;padding-top:5px;padding-bottom:5px; box-shadow:#CCC; transition:all 1s;}
.company_right li:hover{background-color:#2c3ddf;}
.company_right li img{float:left;margin-left:14%; vertical-align:middle;}
.company_right li h4{color:#FFF;font-size:18px;text-align:left;line-height:20px;padding-top:5px;}
.company_right li p{color:#d2e2ee;float:left;}
.company-right-color1{background-color:#2b9ddf;}
.company-right-color2{background-color:#2bbfdf;}
.company-right-color3{background-color:#df6b2b;}
.company-right-color4{background-color:#ee4141;}

/***Çó¹ºÐÅÏ¢***/
.shop-ad{width:240px;float:left;}
.shop-list{width:940px;float:right;}
.shop-list-tit{width:49%;display:block;float:left;background-color:#efefef;border-radius:3px;overflow:hidden;}
.shop-list-tit .shop-pro-name{text-align:center;}
#shop-list-tit dl{width:100%;}
.shop-list-div{width:100%;float:left;}
.margin-left2{margin-left:2%;}
.shop-list-div dl{width:49%;float:left;height:28px;line-height:28px;margin-top:2px;}
.shop-list-div dl:nth-child(2n+1){margin-right:2%;}
.shop-list-div dt{float:left;text-align:left;}
.shop-list-div dd{}
.shop-pro-name{width:42%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shop-pro-name a{color:#333;}
.shop-pro-name a:hover{color:#F30;}
.shop-pro-num{width:20%;float:left;color:#2b9ced;font-weight:bolder;}
.shop-pro-area{width:20%;float:left;overflow:hidden; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shop-pro-date{width:15%;margin-right:2%;float:right;font-size:12px;color:#666;}

/*****ÕÐƸ***/
.recruit li{float:left;width:calc(24.4% - 2px);border:1px solid #E3E3E3;height:120px;margin-left:0.8%;margin-bottom:15px; position:relative;text-align:left;}
.recruit li:nth-child(4n+1){margin-left:0;}
.recruit-nav{padding:10px 15px;}
.recruit-tit{font-size:16px;font-weight:bolder;margin-bottom:5px;color:#555;}
.recruit-tit span{float:right;font-size:12px;color:#999;font-weight:300;}
.recruit-tit a{color:#555;}
.recruit-tit a:hover{color:#F30;}
.recruit-money{font-size:16px;font-weight:bolder;color:#e53131;}
.recruit-money span{color:#666;}
.recruit-ask{font-size:12px;color:#666;}
.recruit-company{font-size:14px;color:#666;}
.recruit-view{width:70px;height:18px;line-height:18px;border-radius:9px;overflow:hidden;border:1px solid #2d6add;color:#2d6add;text-align:center;position:absolute;right:15px;bottom:10px;font-size:12px;}
.recruit-view a{color:#2d6add;}
.recruit-view a:hover{color:#F30;}

#display{width:70%;;height:270px;float:left;}
#dislist{margin:15px 5px 10px 25px;}
#dislist li{list-style-type:disc;text-align:left;height:32px;line-height:32px;}
#dislist li a{font-size:14px;line-height:28px;color:#4a4a4a;}
#dislist li a:hover{}
.display-tit{background-color:#ebebeb;height:30px;line-height:30px;padding-left:25px;padding-right:15px;overflow:hidden; font-weight:bold;}
.display-tit li{float:left;}
.display-tit li:first-child{width:50%;}

.dis-name{width:60%;float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}
.dis-address{width:30%;float:left; color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dis-date{width:10%;float:right;color:#666;}

.books{width:28%;float:right;}
.books ul{margin-top:10px;}
.books li{float:left;width:32%;margin-left:2%;}
.books li:nth-child(3n+1){margin-left:0;}
.books li img{width:100%;}
.books li p{font-size:14px;line-height:18px;color:#666;padding-top:5px;}

.brands{border:1px solid #D9D9D9;}
.brands-class{background-image:linear-gradient(#eaeaea,#FFF);border-bottom:1px solid #E9E9E9;height:32px;line-height:32px;}
.brands-class li{float:left;width:10%;color:#333; cursor:pointer;}
.cur-brands-class{background-color:#FFF;border-left:1px solid #D9D9D9;border-top:1px solid #D9D9D9;border-right:2px solid #D9D9D9;border-bottom:0;font-weight:bolder;}
.brands-list{width:97%;margin-left:auto;margin-right:auto;margin-bottom:20px;margin-top:5px;}
.brands-list li{float:left;width:calc(16% - 2px);border:1px solid #E6E6E6;border-radius:3px;overflow:hidden;margin-left:0.8%;margin-top:15px;}
.brands-list li:nth-child(6n+1){margin-left:0;}
.brands-list li p{line-height:30px;color:#666;}
#bl2,#bl3,#bl4{display:none;}

#user{width:320px;height:270px;float:right;}

#pros{width:100%;height:690px;float:right;}
#pro{}
#pro li{height:300px;border:1px solid #dcdcdc;width:calc(18% - 2px);float:left;line-height:24px;overflow:hidden;margin-top:20px; position:relative;margin-left:2.5%; transition:all 1.2s;}
#pro li:nth-child(5n+1){margin-left:0;}
#pro li img{width:140px;height:105px;border:none;}
#pro li:hover{opacity:0.8;}
#pro li p a{color:#666;}
#pro li p a:hover{color:#006600;}
.protit{padding:15px 20px;height:50px;font-size:14px;font-weight:bolder;color:#4d4d4d;line-height:22px;}
.pclass{position:absolute;left:110px;top:8px;height:16px;padding:0px;margin:0px;}
.pclass li{float:left;padding:0px 15px;line-height:16px;height:16px;font-size:12px;color:#666;}
.pclass li a{color:#666;}
.pclass li a:hover{color:#333;}
.pmore{width:50%;height:26px;border:1px solid #2b6adf;left:calc(25% - 2px);color:#2b6adf;position:absolute;bottom:30px;}
.pmore a{color:#2b6adf;}
.pmore a:hover{color:#F30;}

#ad1{height:60px;margin-bottom:15px;background-color:#ff4546;line-height:60px;font-size:24px;color:#FFF;}
#ad1 li{width:268px;height:60px;float:left;background-color:#c4e0e1;text-align:center;font-size:18px;line-height:60px;color:#333;overflow:hidden;}
#ad2{width:100%;height:60px;margin:8px 0px;background-color:#D3D3D3;text-align:left;}
.ad8-11{height:60px;}
.ad8-11 li{float:left;margin-left:5px;}
.ad8-11 li:first-child{margin-left:0;}