/*鍏叡鏍峰紡寮€濮?/ * { padding: 0; margin: 0; list-style: none; } html, body { margin: 0 auto; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, header, section, footer { margin: 0; padding: 0 } body, button, input, select, textarea { font: 12px/1.5 "瀹嬩綋"; color: #666666; } body { overflow-x: hidden; } address, cite, dfn, em, var, i { font-style: normal } ul, ol, dl { list-style: none } a { text-decoration: none; outline: none; font-family: "瀹嬩綋"; color: #666666; cursor: pointer; font-size: 12px; } * { margin: 0; padding: 0; } body, div, ul { margin: 0; padding: 0; } li { font-size: 12px; font-family: "瀹嬩綋"; list-style: none; margin: 0; padding: 0; } em { font-style: normal; font-size: 12px; } body, p, span { font-family: "瀹嬩綋"; } img { border: none; } p { margin: 0px; padding: 0px; word-wrap: break-word; } :focus { outline: none; } img { border: 0; vertical-align: middle; display: inline-block; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .clear:after { display: block; content: ""; clear: both; } .transtion { transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .all{ background: url("all_bg.png"); } .mainContent{ /*width: 1180px;*/ margin: 0 auto; /*background: #fff;*/ } /*涓讳綋鏍峰紡*/ .header{ max-width: 1920px; height: 40px; width: 100%; background-image: -moz-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%); margin: 0px auto; border-bottom: 1px solid #dddddd; } .header .h_content{ width: 1140px; margin: 0 auto; height: 40px; } .header .h_content p{ float: left; line-height: 40px; color: #4e4e4e; font-size: 12px; } .header .h_content p.time{ margin-left: 32px; } .header .h_content p.time span.p_secounds{ margin-left: 5px; } .header .h_content .search{ margin-top: 5px; float: right; position: relative; } .header .h_content .search input{ border-width: 1px; border-color: rgb(239, 239, 239); border-style: solid; border-radius: 15px; width: 238px; height: 28px; font-size: 12px; color: #d0d0d0; text-indent: 12px; } .header .h_content .search a{ position: absolute; top: 7px; right: 13px; background:rgb(255, 255, 255) url("search.png") no-repeat center; width: 18px; height: 16px; border: none; cursor: pointer; font-size: 0; } .header .h_content .search input::-webkit-input-placeholder{ color: #d0d0d0; } .header .h_content .search input:-moz-placeholder{ color: #d0d0d0; } .header .h_content .search input::-moz-placeholder{ color: #d0d0d0; } .header .h_content .search input:-ms-input-placeholder{ color: #d0d0d0; } /*banner*/ .banner{ width: 1180px; height: 250px; margin: 0 auto; position: relative; } .banner .index_logo{ position: absolute; top: 83px; left: 57px; width: 382px; height: 78px; z-index: 100; } .banner .index_logo img{ margin-left: -191px; max-width: 382px; max-height: 78px; } .banner img{ position: absolute; top: 0; left: 50%; margin-left: -590px; } /*nav*/ .nav{ width: 1180px; height: 50px; margin: 0 auto; } .nav ul{ height: 50px; background: url("ul_bg.jpg") no-repeat center; } .nav ul li{ float: left; width: 131px; height: 50px; background: url("li_bg.png") no-repeat left center; } .nav ul li:last-child{ width: 132px; } .nav ul li:last-child a.on{ width: 132px; } .nav ul li:last-child a span{ width: 132px; text-indent: -1px; } .nav ul li a{ display: block; width: 130px; height: 50px; line-height: 50px; color: #ffffff; text-align: center; font-size: 16px; } .nav ul li a.on{ background: #9b100a; } .nav ul li a span{ display: block; width: 100%; height: 100%; background: #9b100a; } .nav ul li a:hover{ background: #9b100a; } /*news_list*/ .news_list{ width: 1140px; padding: 20px 20px 0px; background: #fff; margin: 0 auto; overflow: hidden; height: 318px; } .news_list .news_list_left{ float: left; position: relative; overflow: hidden; width: 450px; height: 318px; } .news_list .news_list_left .bd ul li{ position: relative; width: 450px; height: 318px; } .news_list .news_list_left .bd ul li img{ max-width: 450px; max-height: 318px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .news_list .news_list_left .bd ul li p{ position: absolute; bottom: 0px; left: 0; z-index: 99; background: rgba(0,0,0,0.7); height: 40px; width: 100%; line-height: 40px; text-align: center; color: #fff; font-size: 14px; } .news_list .news_list_left a.prev,.news_list .news_list_left a.next{ display: block; width: 28px; height: 28px; position: absolute; top: 125px; } .news_list .news_list_left a.prev{ left: 10px; background: url("prev.png") no-repeat center; } .news_list .news_list_left a.next{ right: 10px; background: url("next.png") no-repeat center; } .news_list .news_list_right{ float: right; width: 670px; height: 316px; border-top: 1px solid #b10e07; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; position: relative; } .news_list .news_list_right a.more{ position: absolute; right: 15px; top: 8px; color: #959595; font-size: 14px; } .news_list .news_list_right a.more:hover{ color: #d01109; } .news_list .news_list_right div.hd ul{ height: 40px; background: url("dynamic_bg.png") no-repeat center; } .news_list .news_list_right div.hd ul li{ float: left; height: 47px; line-height: 40px; /*text-align: center;*/ text-indent: 50px; font-size: 16px; width: 130px; cursor: pointer; margin-left: -6px; margin-top: -1px; } .news_list .news_list_right div.hd ul li.on{ background: url("workTrend_bg.jpg") no-repeat 0px 0px; color: #fff; } .news_list .news_list_right div.hd ul li:last-child.on{ background: url("workTrend_bg1.jpg") no-repeat 0px 0px; color: #fff; } .news_list .news_list_right div.bd{ padding: 8px 15px; } .news_list .news_list_right div.bd ul li a{ display: block; overflow: hidden; padding-left: 20px; height: 33px; line-height: 33px; background: url("li_list_style.jpg") no-repeat 3px center; color: #4e4e4e; } .news_list .news_list_right div.bd ul li a h3{ float: left; font-size: 14px; font-weight: normal; } .news_list .news_list_right div.bd ul li a span{ float: right; } .news_list .news_list_right div.bd ul li a:hover{ color: #b10e07; } .my_sux{ display: inline-block; width: 80px; height: 80px; background: url(hosd.png) no-repeat center; background-size: 100% 100%; margin-right: 20px; } /*cc*/ .center_content{ width: 1140px; padding: 20px; overflow: hidden; background: #fff; margin: 0 auto; } .center_content .cc_left{ float: left; width: 874px; } .center_content .cc_left .cc_left_top{ overflow: hidden; width: 874px; height: 282px; } .center_content .cc_left .cc_left_top .association div{ overflow: hidden; height: 40px; background: url("information_bg.png") no-repeat center; width: 450px; border-top: 1px solid #b10e07; } .center_content .cc_left .cc_left_top .association div h3{ float: left; height: 40px; width: 136px; text-indent: 50px; line-height: 40px; font-size: 16px; font-weight: normal; color: #fff; background: url("association.png") no-repeat center; } .center_content .cc_left .cc_left_top .association div a{ float: right; margin-top: 10px; margin-right: 15px; color: #959595; font-size: 14px; } .center_content .cc_left .cc_left_top .association div a:hover{ color: #b10e07; } .center_content .cc_left .cc_left_top .association{ float: left; width: 450px; height: 282px; } .center_content .cc_left .cc_left_top .policy{ float: right; } .center_content .cc_left .cc_left_top .association ul{ margin-top: 10px; } .center_content .cc_left .cc_left_top .association ul li a{ display: block; overflow: hidden; padding-left: 20px; height: 33px; line-height: 33px; background: url("li_list_style.jpg") no-repeat 3px center; color: #4e4e4e; } .center_content .cc_left .cc_left_top .association ul li a h3{ float: left; font-size: 14px; font-weight: normal; } .center_content .cc_left .cc_left_top .association ul li a span{ float: right; } .center_content .cc_left .cc_left_top .association ul li a:hover{ color: #b10e07; } .center_content .cc_left .cc_left_top .policy div{ overflow: hidden; height: 40px; background: url("policy_bg.png") no-repeat center; width: 404px; border-top: 1px solid #b10e07; } .center_content .cc_left .cc_left_top .policy div h3{ float: left; height: 40px; width: 136px; text-indent: 50px; line-height: 40px; font-size: 16px; font-weight: normal; color: #fff; background: url("policy.png") no-repeat center; } .center_content .cc_left .cc_left_top .policy div a{ float: right; margin-top: 10px; margin-right: 15px; font-size: 14px; color: #959595; } .center_content .cc_left .cc_left_top .policy div a:hover{ color: #b10e07; } .center_content .cc_left .cc_left_top .policy{ float: left; } .center_content .cc_left .cc_left_top .policy{ float: right; margin-left: 20px; } .center_content .cc_left .cc_left_top .policy ul{ margin-top: 10px; } .center_content .cc_left .cc_left_top .policy ul li a{ display: block; overflow: hidden; padding-left: 20px; height: 33px; line-height: 33px; background: url("li_list_style.jpg") no-repeat 3px center; color: #4e4e4e; } .center_content .cc_left .cc_left_top .policy ul li a h3{ float: left; font-size: 14px; font-weight: normal; } .center_content .cc_left .cc_left_top .policy ul li a span{ float: right; } .center_content .cc_left .cc_left_top .policy ul li a:hover{ color: #b10e07; } /*鎺ㄨ崘鍝佺墝*/ .cc_left_center{ position: relative; border-top: 1px solid #b10e07; margin-top: 10px; } .cc_left_center a.more{ position: absolute; top: 8px; right: 15px; color: #959595; font-size: 14px; } .cc_left_center a.more:hover{ color: #b10e07; } .cc_left_center .parHd{ height: 40px; } .cc_left_center .parHd ul{ height: 40px; background: url("recommend_bg.png") no-repeat center; } .cc_left_center .parHd ul li{ float: left; width: 136px; line-height: 38px; /*text-align: center;*/ font-size: 16px; cursor: pointer; height: 40px; text-indent: 50px; } .cc_left_center .parHd ul li.on{ background: url("recommend.png") no-repeat center; color: #fff; } .cc_left_center .parBd a.sPrev .slideBox{ position: relative; } .cc_left_center .parBd a.sPrev,.cc_left_center .parBd a.sNext{ width: 20px; height: 40px; position: absolute; top: 112px; border: 1px solid rgba(255,255,255,.5); z-index: 99; } .cc_left_center .parBd .slideBox{ margin-top: 20px; } .cc_left_center .parBd a.sPrev{ left: 0px; background: rgba(255,255,255,0.3) url("sPrev.png") no-repeat center; } .cc_left_center .parBd a.sNext{ background: rgba(255,255,255,0.3) url("sNext.png") no-repeat center; right: 0px; } .cc_left_center .parBd .slideBox li{ width: 213px; height: 145px; margin: 0px 3px; vertical-align: top; text-align: center; line-height: 145px; } .cc_left_center .parBd .slideBox li img{ max-height: 145px; } /*閰掍笟鎺ㄨ崘*/ .center_content .cc_left{ float: left; width: 874px; overflow: hidden; } .center_content .cc_left .cc_left_bottom{ overflow: hidden; margin-top: 20px; } .center_content .cc_left .cc_left_bottom .wine_news div{ overflow: hidden; height: 40px; background: url("information_bg.png") no-repeat center; width: 450px; border-top: 1px solid #b10e07; } .center_content .cc_left .cc_left_bottom .wine_news div h3{ float: left; height: 40px; width: 136px; text-indent: 50px; line-height: 40px; font-size: 16px; font-weight: normal; color: #fff; background: url("wine_news.png") no-repeat center; } .center_content .cc_left .cc_left_bottom .wine_news div a{ float: right; margin-top: 10px; margin-right: 15px; font-size: 14px; color: #959595; } .center_content .cc_left .cc_left_bottom .wine_news div a:hover{ color: #b10e07; } .center_content .cc_left .cc_left_bottom .wine_news{ float: left; } .center_content .cc_left .cc_left_top .policy{ float: right; width: 404px; height: 282px; } .center_content .cc_left .cc_left_bottom .wine_news ul{ margin-top: 10px; } .center_content .cc_left .cc_left_bottom .wine_news ul li a{ display: block; overflow: hidden; padding-left: 20px; height: 33px; line-height: 33px; background: url("li_list_style.jpg") no-repeat 3px center; color: #4e4e4e; } .center_content .cc_left .cc_left_bottom .wine_news ul li a h3{ float: left; font-size: 14px; font-weight: normal; } .center_content .cc_left .cc_left_bottom .wine_news ul li a span{ float: right; } .center_content .cc_left .cc_left_bottom .wine_news ul li a:hover{ color: #b10e07; } .center_content .cc_left .cc_left_bottom .wine_knowledge div{ overflow: hidden; height: 40px; background: url("policy_bg.png") no-repeat center; width: 404px; border-top: 1px solid #b10e07; } .center_content .cc_left .cc_left_bottom .wine_knowledge div h3{ float: left; height: 40px; width: 136px; text-indent: 50px; line-height: 40px; font-size: 16px; font-weight: normal; color: #fff; background: url("wine_knowledge.png") no-repeat center; } .center_content .cc_left .cc_left_bottom .wine_knowledge div a{ float: right; margin-top: 10px; margin-right: 15px; font-size: 14px; color: #959595; } .center_content .cc_left .cc_left_bottom .wine_knowledge div a:hover{ color: #b10e07; } .center_content .cc_left .cc_left_bottom .wine_knowledge{ float: left; } .center_content .cc_left .cc_left_bottom .wine_knowledge{ float: right; margin-left: 20px; } .center_content .cc_left .cc_left_bottom .wine_knowledge ul{ margin-top: 10px; } .center_content .cc_left .cc_left_bottom .wine_knowledge ul li a{ display: block; overflow: hidden; padding-left: 20px; height: 33px; line-height: 33px; background: url("li_list_style.jpg") no-repeat 3px center; color: #4e4e4e; } .center_content .cc_left .cc_left_bottom .wine_knowledge ul li a h3{ float: left; font-size: 14px; font-weight: normal; } .center_content .cc_left .cc_left_bottom .wine_knowledge ul li a span{ float: right; } .center_content .cc_left .cc_left_bottom .wine_knowledge ul li a:hover{ color: #b10e07; } /**/ .center_content .cc_right{ float: right; width: 240px; /*overflow: hidden;*/ } .center_content .cc_right ul{ margin-top: -7px; } .center_content .cc_right ul li{ height: 65px; width: 228px; padding: 5px; background: url("six_bg.jpg") no-repeat center; margin-top: 7.2px; border: 1px solid #e1e1e1; } .center_content .cc_right ul li a{ display: block; position: relative; height: 100%; border: 1px solid #f7f7f7; } .center_content .cc_right ul li a div{ position: absolute; top: 10px; left: 40px; width: 45px; height: 45px; border-radius: 50%; background: #b10e07; z-index: 99; overflow: hidden; } .center_content .cc_right ul li a div img{ position: absolute; top: 22px; left: 2px; right: 0px; bottom: 0px; max-width: 45px; max-height: 45px; margin: auto; z-index: 999; } .center_content .cc_right ul li:hover a div img{ top: -20px; } .center_content .cc_right ul li.on a div img{ top: -20px; } .center_content .cc_right ul li.on a div{ background: #fff; } .center_content .cc_right ul li.on{ background: #b10e07; border: 1px solid #b10e07; } .center_content .cc_right ul li.on a{ color: #fff; border: 1px solid #d01109; } .center_content .cc_right ul li h3{ font-weight: normal; font-size: 16px; margin-top: 10px; margin-left: 98px; } .center_content .cc_right ul li p{ font-size: 10px; margin-left: 98px; } .center_content .cc_right ul li:hover{ background: #b10e07; border: 1px solid #b10e07; } .center_content .cc_right ul li:hover a div{ background: #fff; } .center_content .cc_right ul li:hover a{ color: #fff; border: 1px solid #d01109; } .center_content .cc_right .exchange{ margin-top: 21px; border: 1px solid #e1e1e1; border-top: 1px solid #d01109; } .center_content .cc_right .exchange .ex_top{ height: 40px; background: url("exchange_bg.png") no-repeat center; } .center_content .cc_right .exchange .ex_top h3{ float: left; text-indent: 40px; background: url("inform.png") no-repeat 15px 13px; font-size: 16px; font-weight: normal; color: #d01109; line-height: 40px; } .center_content .cc_right .exchange .ex_top a{ float: right; font-size: 14px; color: #959595; margin-top: 10px; margin-right: 15px; } .center_content .cc_right .exchange .ex_top a:hover{ color: #b10e07; } .center_content .cc_right .exchange .ex_bottom{ /*overflow-y: scroll;*/ height: 240px; position: relative; } .center_content .cc_right .exchange .ex_bottom::-webkit-scrollbar-button{ display: none; } .center_content .cc_right .exchange .ex_bottom div#ex_bottom{ height: 227px; width: 230px; padding-left: 0px; margin-top: 0px; position: absolute; top: 13px; left: -4px; } .center_content .cc_right .exchange .ex_bottom div#ex_bottom div:first-child{ margin-top: 0px; } .center_content .cc_right .exchange .ex_bottom div { position: relative; padding-left: 10px; margin-top: 13px; height: 51px; } .center_content .cc_right .exchange .ex_bottom div a{ overflow: hidden; position: relative; } .center_content .cc_right .exchange .ex_bottom div span{ display: inline-block; background: #b10e07; } .center_content .cc_right .exchange .ex_bottom div span.circle{ width: 7px; height: 7px; border-radius: 50%; margin-right: 8px; background: #fff url("circle_bg.png") no-repeat center; position: absolute; top: 4px; left: -10px; z-index: 999; } .center_content .cc_right .exchange .ex_bottom div span.squery{ width: 58px; height: 25px; color: #fff; text-align: center; line-height: 25px; margin-left: 10px; } .center_content .cc_right .exchange .ex_bottom div span:last-child{ margin-left: -6px; } .center_content .cc_right .exchange .ex_bottom div h3{ font-size: 14px; font-weight: normal; margin-top: 5px; text-indent: 10px; } /*vip*/ .vip{ width: 1140px; padding: 0px 20px 20px; background: #fff; margin: 0 auto; } .vip h3{ background: url("vip_bg.png") no-repeat center; overflow: hidden; border-top: 1px solid #b10e07; } .vip h3 span{ display: inline-block; width: 136px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; background: url("vip.png") no-repeat center; font-weight: normal; text-indent: 50px; } .vip h3 a{ float: right; margin-top: 10px; margin-right: 15px; color: #959595; font-size: 14px; font-weight: normal; } .vip h3 a:hover{ color: #b10e07; } .vip ul{ overflow: hidden; margin-left: -5px; margin-top: 20px; width: 1152px; } .vip ul li{ float: left; width: 182px; height: 190px; margin: 0 5px; position: relative; overflow: hidden; } .vip ul li:hover img{ transform: scale(1.05); transform-origin: center; } .vip ul li img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-height: 190px; max-width: 182px; } .vip ul li p{ position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,0.8); line-height: 24px; height: 24px; text-align: center; color: #fff; width: 100%; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .vip ul li p:nth-of-type(1){ bottom: 24px; } .vip ul li p span.name{ margin-left: 5px; } .vip ul li p span.job{ color: #fff; float: right; font-size: 14px; display: inline-block; margin-right: 10px; width: 70px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*footer*/ .footer{ max-width: 1920px; width: 100%; border-top: 2px solid #b10e07; height: 94px; background: url("footer_bg.jpg") no-repeat center; } .footer .f_content{ width: 1180px; margin: 0 auto; overflow: hidden; } .footer .f_content .f_left{ float: left; margin-top: 23px; } .footer .f_content .f_left p{ margin-top: 5px; font-size: 12px; } .footer .f_content .f_left p span{ margin: 0 5px; } .footer .f_content .f_left p span a:hover{ color: #d71811; } .footer .f_content .f_right{ float: right; margin-top: 30px; } .footer .f_content .f_right select{ width: 212px; height: 38px; font-size: 14px; font-family: "寰蒋闆呴粦"; border: 1px solid #e1e1e1; color: #4d4d4d; } /*news*/ /*news*/ .news{ width: 1140px; padding: 20px; margin: 0 auto; overflow: hidden; background: #fff; } .news .side{ float: left; width: 240px; } .news .side h3{ width: 240px; height: 70px; text-align: center; font-weight: normal; font-size: 20px; color: #fff; line-height: 60px; background-image: -moz-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); background-image: -ms-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); position: relative; } .news .side h3 img{ position: absolute; top: 0; left: 0; } .news .side h3 span{ position: absolute; top: 0px; left: 80px; z-index: 99; } .news .side .side_nav ul{ border: 1px solid #d5d5d5; margin-top: 2px; } .news .side .side_nav ul li{ height: 49px; width: 239px; text-align: center; line-height: 50px; } .news .side .side_nav ul li a.on{ background-image: -moz-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); background-image: -ms-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); color:#fff; } .news .side .side_nav ul li a{ font-size: 16px; color: #b10e07; display: block; } .news .right_content{ float: right; } .news .side .side_nav ul li:hover{ background-image: -moz-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); background-image: -ms-linear-gradient( 90deg, rgb(177,14,7) 0%, rgb(217,37,29) 100%); } .news .side .side_nav ul li:hover a{ color: #fff; } .news .side_vip{ margin-top: 20px; } .news .side_vip h3{ background: url("vip_bg.jpg") no-repeat center; } .news .side_vip .side_vip_pic{ height: 250px; border: 1px solid #dddddd; position: relative; } .news .side_vip .side_vip_pic li{ height: 250px; position: relative; } .news .side_vip .side_vip_pic li img{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; max-width: 220px; max-height: 232px; margin: auto; } .news .side_vip .side_vip_pic .prev{ opacity: 0; position: absolute; top: 115px; left: 20px; width: 28px; height: 28px; background: url("prev_r.png") no-repeat center; } .news .side_vip .side_vip_pic:hover .prev{ opacity: 1; } .news .side_vip .side_vip_pic .next{ opacity: 0; position: absolute; top: 115px; right: 20px; width: 28px; height: 28px; background: url("next_r.png") no-repeat center; } .news .side_vip .side_vip_pic:hover .next{ opacity: 1; } .news .right_content{ width: 880px; } .news .right_content .position{ height: 42px; border-bottom: 1px solid #e2e2e2; } .news .right_content .position .current_column{ font-size: 16px; color: #3d3d3d; display: inline-block; height: 40px; border-bottom: 2px solid #b10e07; line-height: 40px; } .news .right_content .position .current_position{ float: right; margin-top: 10px; margin-right: 0px; color: #848484; font-size: 14px; } .news .right_content .position .current_position a{ font-size: 14px; } .news .right_content .position .current_position a{ color: #848484; } .news .right_content .position .current_position a:last-child{ color: #b10e07; } .news .right_content .recommend{ overflow: hidden; margin-top: 20px; } .news .right_content .recommend .recommend_pic{ float: left; width: 200px; height: 150px; position: relative; } .news .right_content .recommend .recommend_pic img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 200px; max-height: 150px; margin: auto; } .news .right_content .recommend .recommend_content{ width: 660px; float: right; } .news .right_content .recommend .recommend_content h3{ font-size: 16px; font-weight: normal; color: #3d3d3d; margin-top: 10px; } .news .right_content .recommend .recommend_content h3 span{ float: right; font-size: 14px; color: #848484; margin-top: 4px; } .news .right_content .recommend .recommend_content p{ font-size: 14px; color: #848484; text-indent: 2rem; margin-top: 5px; line-height: 26px; } .news .right_content .recommend .recommend_content a{ font-size: 14px; color: #b10e07; margin-top: 5px; display: block; } .news .right_content ul{ border-top: 1px solid #e2e2e2; margin-top: 20px; } .news .right_content ul li{ height: 50px; border-bottom: 1px dashed #e2e2e2; position: relative; line-height: 50px; font-size: 14px; } .news .right_content ul li a{ font-size: 14px; color: #3d3d3d; } .news .right_content ul li span{ float: right; /*margin-right: 60px;*/ } /*.news .right_content ul li a{ color: #3d3d3d; font-size: 14px; line-height: 50px; display: block; }*/ .news .product ul li a{ color: #fff; line-height: 36px; display: inline-block; } .news .right_content ul li a span{ color: #848484; float: right; font-size: 12px; } .news .right_content ul li a:hover{ color: #b10e07; } .news .right_content ul li a:hover span{ color: #b10e07; } /*product*/ .news .product ul{ border: none; overflow: hidden; margin-left: -10px; width: 900px; margin-top: 0px; } .news .product ul li{ float: left; width: 205px; height: 210px; margin: 10px; position: relative; border: none; } .news .product ul li:hover{ } .news .product ul li img{ position: absolute; max-height: 210px; max-width: 205px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .news .product ul li p{ position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,0.8); line-height: 24px; height: 24px; color: #fff; width: 100%; font-size: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news .product ul li p:nth-of-type(1){ bottom: 24px; } .brand .product ul li p:nth-of-type(1){ bottom: 0; } .news .product ul li p span.name{ color: #fff; float: left; font-size: 14px; margin-left: 10px; display: inline-block; margin-right: 0px; text-align: left; width: 70px; overflow: hidden; /*鑷姩闅愯棌鏂囧瓧*/ text-overflow: ellipsis;/*鏂囧瓧闅愯棌鍚庢坊鍔犵渷鐣ュ彿*/ white-space: nowrap;/*寮哄埗涓嶆崲琛?/ } .news .product ul li p span.job{ color: #fff; float: right; font-size: 14px; display: inline-block; margin-right: 10px; width: 70px; text-align: right; overflow: hidden; /*鑷姩闅愯棌鏂囧瓧*/ text-overflow: ellipsis;/*鏂囧瓧闅愯棌鍚庢坊鍔犵渷鐣ュ彿*/ white-space: nowrap;/*寮哄埗涓嶆崲琛?/ } /*鍐呭椤?/ .content1{margin:10px 0 30px;overflow: hidden;background-color: #ffffff;padding-bottom: 20px;} .content1 .article_title { margin:30px 20px 10px; text-align: center; border-bottom:1px solid #eeeeee; padding-bottom:40px; } .content1 .article_title h3 { font-size: 20px; color:#333333; } .content1 .article_title .author { font-size: 13px; color: #c6c5c6; margin-top: 10px; } .content1 .article_con{ padding: 25px 20px 0; font-size: 14px; color: #333; text-align: justify; line-height: 33px; min-height: 500px; } .content1 .article_con table{margin:auto;} .content1 .article_con img{max-width: 100%;display: inline-block;height: auto !important;} .content1 .up,.content1 .down { font-size: 14px; text-align: left; color: #333333; font-weight: bold; margin:10px 20px 0; } .content1 .up a,.content1 .down a { color: #777777; font-weight: normal; } .content1 .up a,.content1 .down a,.content1 .up span,.content1 .down span{font-size: 14px;} .content1 .up a:hover,.content1 .down a:hover{color:#b10e07;} .content1 .up{border-top:1px solid #eeeeee;padding-top: 20px;} /*鎼滅储椤垫ā鏉?/ .section-news{margin:10px 0 30px;overflow: hidden;background-color: #ffffff;padding-bottom: 70px;width: 880px;margin: 0px auto;float: right;} .section-news .article_title { margin:30px 20px 10px; text-align: center; /*border-bottom:1px solid #eeeeee; padding-bottom:40px;*/ } .section-news .article_title h3 { font-size: 20px; color:#333333; } .section-news .article_title .author { font-size: 13px; color: #c6c5c6; margin-top: 10px; } .section-news .article_con{ padding: 25px 20px 0; font-size: 14px; color: #333; text-align: justify; line-height: 24px; min-height: 500px; } .section-news .article_con table{margin:auto;} .section-news .article_con img{max-width: 100%;display: inline-block;height: auto !important;} .section-news .up,.section-news .down { font-size: 14px; text-align: left; color: #333333; font-weight: bold; margin:10px 20px 0; } .section-news .up a,.section-news .down a { color: #777777; font-weight: normal; } .section-news .up a,.section-news .down a,.section-news .up span,.section-news .down span{font-size: 14px;} .section-news .up a:hover,.section-news .down a:hover{color:#c9282d;} .section-news .up{border-top:1px solid #eeeeee;padding-top: 20px;} .section-news .search_title{ font-size: 14px; } .section-news .search_title span{ font-size: 16px; color: #b10e07; } .section-news #news_list{ font-size: 14px; margin-top: 10px; } .news .section-news .position{ height: 42px; border-bottom: 1px solid #e2e2e2; } .news .section-news .position .current_column{ font-size: 16px; color: #3d3d3d; display: inline-block; height: 40px; border-bottom: 2px solid #b10e07; line-height: 40px; } .news .section-news .position .current_position{ float: right; margin-top: 10px; margin-right: 0px; color: #848484; font-size: 14px; } .news .section-news .position .current_position a{ font-size: 14px; } .news .section-news .position .current_position a{ color: #848484; } .news .section-news .search_content{ margin-top: 15px; } /**/ .downloadAll{ position: absolute; top: 0px; right: 0px; width: 22px; height: 24px; display: block; overflow: hidden; margin-top: 12px; } .downloadAll img{ position: absolute; top: 0px; left: 0px; max-width: 22px; } /*.downloadAll:hover img{ top: -24px; }*/ /*.news .right_content ul li a:hover .downloadAll img{ top: -20px; }*/ /*pageclass*/ .pageClass { text-align: center; font-size: 14px; padding-top: 70px; padding-bottom: 50px; clear: both; } .pageClass span { padding: 7px 12px; display: inline-block; margin-left: 3px; font-size: 14px; background-color:#fff; color: #666666;border: 1px solid #e3e3e3; } .pageClass span:hover{ background-color:#c9282d; color: #fff; border: 1px solid #c9282d; } .pageClass strong span{ color: #fff; background-color: #c9282d; border: 1px solid #c9282d; } .pageClass .next span{color: #666666;background-color: #fff;} .pageClass .next span:hover{ background-color:#c9282d; color: #fff; } /*婊氬姩鏉℃牱寮?/ .nicescroll-rails{ background: #e1e1e1; } .news .right_content ul.d_ul{ border: none; } .news .right_content ul.d_ul li span{ margin-right: 60px; } /* 12.04 */ .layui-laypage{width: 100%;text-align: center;margin: 50px auto;} .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #9B100A;color: #FFFFFF;}