/* ====== css reset ====== */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td ,figure{ margin:0; padding:0 } fieldset, img { border:0 } :focus { outline:0 } address, caption, cite, code, dfn, em, th, var, optgroup { font-style:normal; font-weight:normal } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } abbr, acronym { border:0; font-variant:normal } input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit } code, kbd, samp, tt { font-size:100% } input, button, textarea, select { *font-size:100% } body { line-height:1.5 } ol, ul ,li { list-style:none; } table { border-collapse:collapse; border-spacing:0 } caption, th { text-align:left } sup, sub { font-size:100%; vertical-align:baseline } :link, :visited, ins { text-decoration:none } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } /*新填*/ input,select,img { vertical-align: middle; border: none; outline: none; } em,i { font-style: normal; } span,i,em { display: inline-block; zoom: 1; *display: inline; } a { text-decoration: none; color: #333; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } a:hover { text-decoration: none; color: #c80606 !important; } /* ====== fonts ====== */ body { font: 14px/1.4286 "Microsoft YaHei",arial, helvetica, clean, sans-serif; color: #333333; } table { font-size: inherit; font: 100%; } pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%; line-height: 100%; } /* ====== clearfix ====== */ .clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; } .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { *zoom:1; } /* ====== Start ====== */ .w1200{width: 1200px;margin: auto;} .fl{float: left;} .fr{float:right} .bg-color{background: #e73b3b;} .in_tchj ul li img,.art_con_2 dt img{width: 100%;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .in_tchj ul li:hover img,.art_con_2 dl a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} /*ad*/ .ad-con img{width: 100%;margin: 20px 0px;} .text-center {text-align: center;} /*top*/ .top{padding: 9px 0px; background: #fcfcfc;font-size: 12px;color: #999;} .top a{color: #999;} .top_ad img{width: 100%;} /*search*/ .logo{overflow: hidden;margin: 20px 0px;} .search{margin: 15px 0px 0px 100px;} .form .search-keyword{border: 3px solid #e73b3b;color: #999; width: 383px;height: 30px;padding: 0px 15px;} .form .search-submit{width:95px;height: 36px;border: 0px;color: #fff;cursor: pointer; margin-left: -4px;vertical-align: top;} input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;} .tags{margin-top: 10px;} .tags ul li{float: left;padding:0px 15px;margin-top: 5px;height: 13px;line-height: 13px; color: #999;border-right: 1px solid #999;} .tags ul li:first-child{padding-left:0px ;} .tags ul li:last-child{border:0px ;} .tags ul li a{color: #999;} /*nav*/ .nav{height: 50px;color: #fff;} .nav a{color: #fff !important;} .nav_area{width: 19%;margin-right: 1px;position: relative;} .nav_area span{background: #ff7801;display: block;text-align: center;line-height: 50px;} .nav_area i{background: url(/static/skin/images/icon_lb.png) no-repeat;width: 17px;height: 14px;_vertical-align: middle;margin-left: 15px;margin-top: 18px;} .nav_area ul{width: 100%;height: 400px;background: rgba(231,59,59,.9);position: absolute;z-index: 999;} .nav_area ul li{float: left;width: 33.333%;text-align: center;padding: 17px 0px;} .nav_area ul li a:hover{border-bottom: 1px solid #fff;} .nav_area button{border: 0px;width: 100%;} .nav_area button span{height: 50px;} .nav_area span p{float: left;color: #fff;margin-left: 30px;} .nav_none ul{display: none;} .nav_none:hover ul{display: block;} .nav_lm{width: 80%;line-height: 50px;} .nav_lm li{float: left;width: 20%;text-align: center;} .nav_lm li a{display: block;} .nav_lm li a:hover{background: #ff7801;} /*banner*/ .swiper-container {width: 100%;height: 100%;} .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .tcbanner img{width: 100%;height: 400px;} .bnr1,.bnr2,.bnr3{width: 100%;height: 400px;background-size: cover;} .bnr1{background: url(/static/skin/images/banner1.jpg) no-repeat center center;} .bnr2{background: url(/static/skin/images/banner2.jpg) no-repeat center center;} .bnr3{background: url(/static/skin/images/banner3.jpg) no-repeat center center;} /*content*/ .recommend{margin-top: 50px;} .rec-bg{height: 50px;color: #fff;line-height: 50px;} .rec-bg span{font-size: 20px;float: left;margin: 0px 20px;} .rec-bg i{background: url(/static/skin/images/icon_1.png) no-repeat;vertical-align: middle; width: 35px;height: 40px;margin-right: 10px;} .rec-bg p{padding-top: 5px;color: rgba(255,255,255,.9);letter-spacing: 1px;} .rec-con{margin-top: 20px;} .rec-con ul li{float: left; width: 16.566%;height: 240px; overflow: hidden;border: 1px solid #f2f2f2;border-right: 0px;} .rec-con ul li:last-child{border-right: 1px solid #f2f2f2;} .rec-con ul li img{width: 100%;height: 178px;border-radius: 100%;box-sizing: border-box;padding: 20px 30px;} .rec-con ul li p{text-align: center;margin-bottom: 20px;padding: 0px 16px;box-sizing: border-box;} .rec-con ul li a{display: block;-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out;} .rec-con ul li a:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);} /*2*/ .tit_L{width:298px;} .tit_R{width: 900px;} .in_lb{overflow: hidden;} .tit-bg{height: 48px;background: #f8f8f8;line-height: 48px;border-bottom: 1px solid #e73b3b;overflow: hidden;} .tit a{font-size: 18px;letter-spacing: 2px;margin-left: 20px;} .tit em{vertical-align: middle;margin: -5px 10px 0px 0px;font-weight: bold;color: #c80606;font-size: 24px;} .tit_zl ul li:first-child{border-left: 1px solid #e5e5e5;} .tit_zl ul li{float: left;width: 124px;height: 35px;line-height: 35px;margin: 7px 0px; border-right: 1px solid #e5e5e5;text-align: center;} .tit_zl ul li:last-child {border-right: 0;} .tit-con{width: 100%;height: 500px;border-bottom: 1px solid #f2f2f2;overflow: hidden;} .tit-con-L{border: 1px solid #f2f2f2;height: 500px;} .tit-con-L img{width: 100%;} .tit-con-L p{box-sizing: border-box;padding:2px 10px;line-height: 24px;font-size: 13px;} .tit-con-R dl{width: 19.89%;height: 250px; float: left;border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;} .tit-con-R dl dt{height: 189px;vertical-align: middle;overflow: hidden;} .tit-con-R dl dd{padding: 0 16px;box-sizing: border-box;text-align: center;} .tit-con-R dl img{width: 100%;border-radius: 100%;height: 189px;box-sizing: border-box;padding: 20px 20px;} .tit-con-R dl a{display: block;-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out;} .tit-con-R dl a:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);} /*3*/ .in_tchj{border: 1px solid #f2f2f2;overflow: hidden;} .in_tchj ul li{width: 220px;height: 155px; float: left;margin:15px 8.8px;border: 1px solid #f2f2f2; position: relative;overflow: hidden;} .in_tchj ul li p{width: 100%; height: 30px;line-height: 30px;box-sizing: border-box;padding: 0px 10px; background: rgba(0,0,0,.5);position: absolute;bottom: 0px;color: #fff;} /*link*/ .link ul{border-top: 1px solid #eaeaea;margin-top: 50px;} .link ul li{float: left;font-size: 14px;padding: 5px 0px;} .link ul li:first-child{width:100%;margin-right: 30px; font-size: 16px;} .link ul li a{color: #666;margin-right: 40px;} .in_link ul{margin-top:0;border:0} .in_link ul li:nth-child(1){display:none} /* ====== footer ====== */ .footer{text-align: center;color: #fff;padding: 15px 0px;margin-top: 10px;} /* ====== list-news ====== */ .list_news{overflow: hidden;width: 880px;} .list_news ul li{ overflow: hidden;border-bottom: 1px solid #f2f2f2;padding: 30px 0px;} .list_news ul li:first-child{padding-top: 0px;} .list_news .news_tit{width: 20%;height: 115px;overflow: hidden;float: left;} .list_news .news_tit img{max-width: 100%;} .list_news .news_con{width: 75%;float: left;margin-left: 30px;} .news_con span{font-size: 18px;display: block;font-weight: bold;} .news_con i{color: #999;padding: 5PX 0PX;} .news_con p{padding: 8px 0px;color: #999;} .ssjg{margin-top: 10px;} .ssjg a{color: #e73b3b;} /* ====== article-news ====== */ /* ====== list-article ====== */ .list_con{overflow: hidden;width: 920px;} .list_con ul.list-art li{width: 220px;height: 252px;overflow: hidden;margin: 0px 10px 20px 0px; border: 1px solid #f2f2f2; float: left;box-sizing: border-box;padding: 10px;} .list_con ul.list-art li:nth-child(4n){margin-right: 0px;} .list_con ul.list-art li div{height: 150px;overflow: hidden;} .list_con ul.list-art li img{width: 100%;} .list_con ul.list-art li p{padding: 20px 0px;} .list_con ul.list-art li:hover{border: 1px solid #e73b3b;} /*page*/ /* .list_sx{float: left;overflow: hidden;margin-top: 30px;} .list_sx li{display: block;line-height: 30px;width: 60px; text-align: center;margin-right: 10px;float: left; margin-bottom: 10px;} .list_sx a{display: block;border: 1px solid #ccc;border-radius: 5px;overflow: hidden; -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;} .list_sx a:hover{color: #fff !important;background: #e73b3b;border:1px solid transparent;} .list_sx li.clickli a{border: 1px solid #e73b3b;color: #fff !important;border-radius: 5px;background: #e73b3b;} .list_sx li:last-child{width: 120px;} */ .pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} .pagination>li {display: inline;} .pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff;border: 1px solid #ddd;} .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;} .pagination>.active>a{z-index: 3;color: #fff;cursor: default;background-color: #e73b3b;border-color: #e73b3b;} /* ====== article-article ====== */ .art_tit{margin: 20px 0px;} .art_con{overflow: hidden;} /*L*/ .art_con_L{width: 260px;overflow: hidden;} .art_con_1 span{height: 40px;line-height: 40px; text-align: center; display: block;font-size: 16px;color: #fff;} .art_con_1 ul{border: 1px solid #f2f2f2;overflow: hidden;} .art_con_1 ul li{float: left;width: 45%;box-sizing: border-box; padding: 10px 9px; margin-left: 12px;text-align: left;} .art_con_2{margin-top: 50px; border: 1px solid #f2f2f2;overflow: hidden;} .art_con_2 .acon_tit{height: 35px;line-height: 35px;text-align: center; background: #f2f2f2;font-size: 16px;} .art_con_2 dl{border-bottom: 1px solid #f2f2f2;padding: 10px 10px; margin-bottom: 10px;overflow: hidden;} .art_con_2 dl:last-child{border-bottom: 0px;margin-bottom: 0px;} .art_con_2 dt{float: left;width: 30%;} .art_con_2 dt img{max-height: 60px;overflow: hidden;} .art_con_2 dd{float: right;width: 65%;margin-top: 3px;} .art_con_2 dd span{font-size: 16px; font-weight: bold;} .art_con_2 dd p {font-size: 12px;color: #999;margin-top: 10px;} /*R*/ .art_con_R{width: 880px;overflow: hidden;} .art_h1{text-align: center;color: #ccc;} .art_h1 h1{font-size: 20px;color: #333;margin-bottom: 10px;font-weight: bold;} .art_body span,.art_body p{font-size: 16px !important;font-family: "微软雅黑" !important; line-height:30px;margin: 6px 0px;color: rgb(102, 102, 102) !important;display:block} .art_body img{max-width: 100% !important;display: block;margin: 20px auto;} .artnr ul li {overflow: hidden; margin: 20px 0;} .artnr ul li img {max-width: 100px; max-height: 100px; float: left; padding-right: 40px;} .artnr ul li span {font-size: 16px; margin: 10px 0 10px 0;} #post_industry a{background: #eee;padding: 3px 8px;border-radius: 3px;text-align: center;margin: 5px;display: inline-block;} #post_source{height: 100px;width: 100%;padding: 20px 10px 0;box-sizing: border-box;font-weight: bold;margin-top: 10px;background-color: #eee;text-align: left;color: #333;} /*fanye*/ .fan_ye{border-top: 1px solid #cccccc;margin: 10px 0px;} .fan_ye span{color: #e73b3b;padding: 20px 0px 20px;} /* ====== TAG ====== */ .tags-con{margin: 80px auto 200px;} .tag-tit{height: 30px;line-height:30px;} .tag-tit h2{color: #fff;padding: 0px 12px;} .tbox {margin-top:20px;border-bottom: 1px solid #dadada;overflow: hidden;} .tbox dt {height: 24px;border: 1px solid #dadada;overflow: hidden;clear: both;padding:5px 10px;} .tbox dd {border-left: 1px solid #dadada;border-right: 1px solid #dadada;padding: 10px 12px;line-height: 220%;} .tags_list dd a {margin-right: 10px;white-space: nowrap;} .tagc2 {font-size: 14px;font-weight: bold;color: #555;} .w770{display: none;} .art_con_R #tk_box_1,.art_con_R #tk_box_2,.art_con_R #tk_box_3{ margin: 15px auto;} .list_con #tk_box_1 {margin-bottom: 15px;} #tk_box_1,#tk_box_2,#tk_box_3{overflow: hidden;} /* ====== @media ====== */ @media screen and (max-width:1199px ) { .w1200{width: 100%;margin: auto;box-sizing: border-box;padding: 0px 10px;} } @media screen and (max-width:770px ){ .w770{display: block;} /*.fl,.fr{float: initial;}*/ .top span:last-child,.top_ad,.rec-bg i,.tit_zl ,.tit-con-L,.ad-con,.art_con_L,.news_tit,.link{display: none;} .rec-con ul li p,.tit-con-R dl dd,.list_con ul li p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } .tit_R,.link ul li:first-child,.list_news,.art_con_R,.list_con{width: 100% !important;} .nav_lm li{width: 30%;float: left;} .nav_area{float: right;} .nav_area p{display: none;} .nav_area i{margin: auto;} .nav_none ul{display: initial;} .nav{width: 100%;position: relative;} .nav_area{position: initial;} .nav .nav_area ul{position: absolute;width: 100%;left: 0px;display: none;} .search{margin: 0px 27px;} .form .search-keyword{width: 52%;} .rec-bg span{display: block;float: initial;} .rec-bg{height: auto;text-align: center;line-height: 30px;} .rec-con ul li{width: 49.5%;height: 208px;border-right:initial;border-right: 1px solid #f2f2f2;} .rec-con ul li img{max-width: 100%;height: 146px;} .tit-con{height: auto;border-bottom: 0px;} .tit-con-R dl{border: 1px solid #f2f2f2;width: 49.5%;} .tit-con-R dl:nth-child(2n),.rec-con ul li:nth-child(2n){border-left: 0px;} .tit-con-R dl dd{padding: 0px 16px;} .in_lb{margin: 20px 0px;} .in_tchj ul li{width: 47.5%;height: 130px;margin:15px auto;margin-right: 4%;border: 1px solid #f2f2f2;} .in_tchj ul li:nth-child(2n){margin-right: 0%;border-right: 0px;} .in_tchj ul li img{max-width: 100%;} .list_news .news_con{width: 100%;margin: auto;} .list_con ul li{width: 48%;height: 220px;} .list_con ul li img{height: 140px;} .list_con ul li:nth-child(2n){margin-right: 0%;} .list_con ul li div{height: auto;} }