@charset "utf-8"; /* 娓呴櫎鍐呭杈硅窛*/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; _background-image:url(../other/about:blank); _background-attachment:fixed; } /* 璁剧疆榛樿瀛椾綋*/ body, button, input, select, textarea { font-family: "寰蒋闆呴粦","瀹嬩綋","Arail"; font-size: 14px; outline:none; color:#888 ; } /* 鍒楄〃鍏冪礌*/ ul,ol,li { list-style: none; } img { border: none; vertical-align: middle; } .img-responsive { width:100%; height: auto } /*鑷€傚簲鍥剧墖*/ /* a鏍囩*/ a { text-decoration: none ; color:#000000 ; } a:hover { text-decoration: none ; } /* 瀹氫箟娴姩灞呬腑*/ .fl { float: left; display: inline } .fr { float: right; display: inline } .center { margin: 0 auto; } .clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; } .clearfix:after, .clearfix:before { content:""; display:table } .clearfix:after { clear:both } .clearfix { zoom:1 } /*閲嶅div鏍囩*/ .DIV { position:relative; width:98%; margin:0 auto; } .DIV4 { position:relative; width:90%; margin:0 auto; } /* 閲嶇疆h鏍囩*/ h1 { font-size: 24px } .h1 { color:#2a2a2a; font-family:"Arial"; text-align:right; } h2 { font-size: 20px } h3 { font-size: 30px; color: #333; } .h3 { color:#2a2a2a; font-family:"Arial"; } h4 { font-size: 18px } .h4 { color:#313131; margin-top: 65px; font-weight: 100; } h5 { font-size: 14px } h6 { font-size: 12px } /* 瀛椾綋澶у皬*/ .font12 { font-size: 0.75em; } .font14 { font-size: .875em; } .font16 { font-size: 1em; } .font18 { font-size: 1.125em; } .font20 { font-size: 1.25em; } .font22 { font-size: 1.375em; } .font24 { font-size: 1.5em; } .font26 { font-size: 26px } .font28 { font-size: 28px } .font30 { font-size: 30px } /* 涓昏壊*/ .role_color { color:#3fb560 } .c1 { color:#d0292a; /*red*/ } .c2 { color:#313131; /*gray*/ } .c3 { color:#b3b3b3; } .c4 { color:#2d2c2c } .c5 { color:#ababab; } /* 瀹氫箟杈硅窛 padding margin*/ .p1 { padding-top:25px; } .p3 { padding-top:30px; } .m1 { margin-top:15px; } .m2 { margin-top:25px; } .m3 { margin-top:30px; } .p1 { padding-top:15px; } .p2 { padding-top:10px; } /*line-height*/ .line1 { line-height:20px; } .line2 { line-height:24px; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#7e7e7e; font-size:0.875em; } input:-moz-placeholder,textarea::-moz-input-placeholder { color:#7e7e7e; font-size:0.875em; } .navbar-top{ height:30px; line-height:30px; background-color: rgba(0,0,0,.7); } .navbar-top a{ color: #7a7a7a; } /*navbar*/ .navbar{ width: 100%; left: 0; top: 0; /* position: fixed;*/ z-index: 9999; transition: height .3s; } .navbar-top{ height: 30px; line-height: 30px; background-color: #181818; } .navbar .logo{ /* width: 226px;*/ height: 60px; display: block; position: relative; top: 0; background-size: 300px 62px; } .navbar-brand a{ transition: all .3s; } /* .navbar.fixed{ background: #fff; margin-top: -30px; box-shadow: 0 0 1px 0 rgba(0,0,0,.3), 0 0 6px 2px rgba(0,0,0,.15); } */ /* .navbar.fixed .navbar-brand a{ width: 200px; } .navbar.fixed .logo{ display: block; background-size: 120px 41px; top: 5px; } */ .img-sy{ width: 100%; height: auto; } .navbar .navbar-brand img{ transition: all .4s; width:200px; height: 59px; } .menu_nav{ width: 35px; height: 25px; margin-top: 12px; cursor: pointer; } .menu_nav ul{ border: 1px solid #eee; padding: 3px; border-radius: 5px; } .menu_nav ul li{ width: 100%; height: 3px; border-radius: 2px; margin: 3px; background: #d61919; margin-left: 0px; } .nav-right ul li a{ color: #333; transition: all .4s; } .nav-right ul li a:hover,.nav-right ul li.cur a{ color: #d61919; } .navbar .nav-right ul li:hover sub,.navbar .nav-right ul li.cur sub { width:100%; } /* .navbar.fixed .nav-right ul li sub { bottom: 10px; } */ .navbar .nav-right ul li sub { height:2px; background-color:#d61919; display:block; bottom: 25px; width:0; margin:0 auto; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* .navbar.fixed .navbar-header{ line-height:50px; } */ .header{position:relative;} /*鍥涘ぇ鍒嗙被*/ .wzzz{ margin-top: 40px; } .wzzz h4{ color: #333333; padding-top: 20px; } .wzzz p{ color: #888; font-size: 14px; padding-top: 10px; } .wzzz .wz{ padding: 10px; } /*瀹㈡埛妗堜緥*/ .case{ margin-top: 50px; }.bt_tit{ color: #888; font-size: 14px; line-height: 30px; padding-top: 20px; } .case .nav_fl{ display: inline-block; margin-top: 30px; margin-bottom: 20px; } .case .nav_fl > li{ padding:10px; display:inline-block; } .case .nav_fl li a{ border: 1px solid #b9b9b9; color: #888; padding: 10px 25px; transition: all .5s; } .case .nav_fl li a:hover{ border: 1px solid #d61919; color: #fff; background: #D61919; } .case .item .item2{ position: relative; overflow: hidden; display: block; z-index: 110; width: 97%; margin-bottom: 10px; } .case .item .item2 .overlay{ position: absolute; z-index: 11; vertical-align: middle; /*visibility: hidden;*/ opacity: 0; transition: 0.5s; right: 0; bottom: 0; left: 0; top: 0; background-color: rgba(214, 25, 25,.8); width: 100%; height: 100%; } .case .item .item2 .overlay:hover{ opacity: 1; } .case .item .overlay h4{ padding-top: 32%; color: #fff; } .more{ padding-top: 40px; } .more a{ border: 2px solid #d61919; padding: 10px 25px; color: #d61919; font-size: 16px; transition: 0.5s; } .more a:hover{ background: #d61919; color: #fff; } .more2{ padding-top: 20px; } .more2 a{ border: 2px solid #d61919; padding: 10px 25px; color: #d61919; font-size: 16px; transition: 0.5s; } .more2 a:hover{ background: #d61919; color: #fff; } /*绉戞妧鏉ヨ*/ .kjlx{ margin-top: 60px; } .tdpad{ padding-left: 15px; } .kjlx_l,.kjlx_r{ padding: 80px 10px 15px 0; } .kjlx_l table tr td,.kjlx_r table tr td{ padding-bottom: 54px; text-align: left; } .kjlx_box{ padding-top: 40px; } /*鍙嶉*/ .layout{ background: url(../images/lay_bg.jpg) no-repeat center; } .lay_tit{ padding: 60px 0 30px; } .lay_out{ background: #fff; padding: 30px 20px; margin: 15px; } .lay_box{ margin-bottom: 40px; } .lay_out img{ width: 170px; height: 170px; } .lay_con{ font-size: 14px; line-height: 24px; color: #888; margin-top: 20px; transition: 0.5s; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .lay_con:hover{ color: #d61919; } .media{ margin-bottom: 30px; } .media_left{ width: 78px; height: 78px; background: #d61919; margin-right: 20px; } .media_left .year{ font-size: 24px; color: #fff; padding-top: 10px; } .media_left .day{ font-size: 12px; color: #fff; } .media_con h4 a{ font-size: 16px; color: #333; } .media_con h4 a:hover{ color: #d61919; } .media_con > p{ color: #888; font-size: 13px; padding-top: 10px; } /*鍟嗙洘鎴愬憳*/ .smcy{ margin-top: 50px; background-color: #eee; border-top: solid 1px #fff; padding: 20px 0; } .smcy a{ color: #666; padding: 0 15px; line-height: 28px; } /*搴曢儴*/ .footer{ background: #252525; padding-top: 40px; } .footer .line_big{ padding-bottom: 30px; } .service-box h3{ color: #ccc; font-size: 18px; margin-bottom: 10px; } .service-box .ser_list li a{ color: #666; font-size: 14px; } .service-box .ser_list li a:hover{ color: #d61919; } .copy{ background: #000; padding: 10px 0; } /*鑱旂郴鎴戜滑椤甸潰*/ .con_box{ margin-bottom: 80px; } .con_con > p{ text-align: left; line-height: 30px; } .con_con .ewm{ margin-bottom: 20px; } .mbx{ line-height: 55px; color: #666; background: #eee; white-space: nowrap; } .mbx a{ color: #666; } .abo_con{ margin-top: 20px; margin-bottom: 60px; } .abo_tit{ margin-bottom: 30px; font-size: 32px; color: #121212; font-weight: bold; } /*鍏充簬鎴戜滑椤甸潰*/ .nav_xqy li{ padding-right: 10px; margin-bottom: 10px; } .nav_xqy li a{ border: 1px solid #b9b9b9; padding: 10px 25px; color: #888; transition: all 0.5s; } .nav_xqy li a:hover,.nav_xqy li a.on{ border: 1px solid #d61919; background: #d61919; color: #fff; } .text_con{ margin-top: 20px; color: #808080; line-height: 30px; font-size: 14px; text-indent: 2em; } /*浜у搧涓績椤甸潰*/ .pro_con{ margin-top: 10px; } .pro_con .item .item2{ position: relative; overflow: hidden; display: block; z-index: 110; width: 97%; margin-bottom: 10px; } .pro_con .item .item2 .overlay{ position: absolute; z-index: 11; vertical-align: middle; /*visibility: hidden;*/ opacity: 0; transition: 0.5s; right: 0; bottom: 0; left: 0; top: 0; background-color: rgba(214, 25, 25,.8); width: 100%; height: 100%; } .pro_con .item .item2 .overlay:hover{ opacity: 1; } .pro_con .item .overlay h4{ padding-top: 32%; color: #fff; } /*鏂伴椈璧勮椤甸潰*/ .new_con{ margin-top: 20px; } /*.new_con > .new > .media > .media_con{ width: 80%; float: left; } .new_con > .new > .media{ display: inline-block; }*/ .xq_con{ margin-top: 30px; margin-bottom: 60px; } h1.tit{ margin-bottom: 10px; font-size: 24px; color: #121212; } .time{ color: #999; font-size: 12px; margin-bottom: 20px; } .time a{ color: #999; } .bq{ padding-top: 10px; } .xyg,.xyg2{ padding-bottom: 20px; border-bottom: 1px solid #eee; } .xyg a,.xyg2 a{ color: #888; } .ms{ padding-top:20px; } /* 缃戠珯鍦板浘 */ .sitemap { text-align:left; } .sitemap .sti_tit{ font-size:20px; color:#333; padding-bottom:5px; } .sitemap_con > a{ font-size:16px; color:#666; padding:4px 10px; } .abo_tit2{ margin-bottom: 30px; font-size: 32px; color: #121212; font-weight: bold; } /*鐩稿叧鏂伴椈*/ .xgxw{ margin-top: 20px; } .xgxw h3{ color: #121212; font-size: 18px; line-height: 40px; height: 40px !important; text-align: left; width: 100%; font-weight: bold; } .xgxw_list li{ float: left; width: 100%; padding: 0 15px; } .xgxw_list li h4 a{ float: left; font-size: 14px; line-height: 30px; margin: 0; width: 70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #808080; } .xgxw_list li h4 a:hover{ color: #d61919; } .xgxw_list li time{ float: right; color: #999; font-size: 12px; line-height: 30px; width: 25%; text-align: right; } /*鐩稿叧浜у搧*/ .xgcp{ margin-top: 10px; } .abo_con{ margin-bottom: 60px; } .xgcp h3{ color: #121212; font-size: 18px; line-height: 40px; height: 40px !important; text-align: left; width: 100%; font-weight: bold; } .xgcp_tit{ text-align: center !important; line-height: 30px; font-size: 16px; color:#333; } .xgcp_list .ys a .xgcp_tit:hover{ color: #d61919; } .xgcp_list img{ max-width: 95%; } /*椤电爜*/ .pagess ul li { display:inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 20px 0 3px; line-height: 20px; background: #fff; color:#999 } .pagess ul li:hover { background:#d61919; color:#fff; border: 1px solid #d61919 } .pagess ul li.thisclass { display: inline-block; border: 1px solid #d61919; padding: 2px 9px; margin: 0 3px; background: #d61919; color: #fff; } .pagess ul li.thisclass a { color: #fff; } .pagess ul li a { display:block; color:#999 } .pagess ul li a:hover { color: #fff; } .phonefooternav { position: fixed; bottom: 0; width: 100%; z-index: 99999; display:none; } .phonefooternav ul{ padding: 0; } .phonefooternav ul li { width: 25%; background: #494949; float: left; padding: 10px 0; border-right: 1px solid #666; list-style: none; } .phonefooternav ul li a { display: block; color: #fff; text-align: center; } .phonefooternav ul li a:hover { text-decoration: initial; } .phonefooternav ul li a i { display: block; font-size: 20px; padding: 10px 0; } @media (max-width: 480px) { .phonefooternav ul li { padding: 3px 0px; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (max-width: 767px) { .phonefooternav { display: block !important; } } .carousel-inner .item{ text-align:center; } .carousel-inner .item img{ display:inline; } /* banner鑷€傚簲 */ .carousel-inner > .item { text-align:center; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display:block; max-width:100%; height:auto; }