body { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #585858; margin-top:82px; } .navbar { position: relative; margin-bottom: 0px; border-bottom: 0px solid #BEBCBC; } .navbar-inverse { background:url(../images/dhbj.jpg); border-color: #5F5D5D; } .navbar-brand { margin-top:0px; padding:0px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; padding-left:20px; padding-right:20px; line-height: 31px; text-align:center; } .nav { padding-left: 160px; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #FFF; background-color:#d0171b; } a { color: #585858; text-decoration: none; } a:hover { text-decoration:none; transition: all 300ms ease-in 0ms;} .navbar-inverse .navbar-nav > li > a { color: #666666; font-size:16px; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #000; border: 1px solid transparent; border-radius: 4px; } .menu ul.sub_menu{position:absolute; width:600px; display:none; z-index:999; margin-left:0px;} .menu ul.sub_menu a{ color:#ffffff;} .menu ul.sub_menu a:hover{ color:#ffffff; background:none;} .bg{ background:url(../images/bg.png) repeat; height:40px; display:none; width:100%; z-index:99; position:absolute;} .menu ul.sub_menu li { float:left; width:100px; line-height: 40px; list-style-type:none; background:none; } .menu ul.sub_menu li a{ color:#ffffff; font-size:12px; } .kq1 {-webkit-animation-delay: 1s;} .kq2 {-webkit-animation-delay: 1.5s; -webkit-animation-duration: 1.5s;} .kq3 {-webkit-animation-delay: 2s; -webkit-animation-duration: 2s;} .kq4 {-webkit-animation-delay: 2.5s; -webkit-animation-duration: 2.5s;} .kq5 {-webkit-animation-delay: 3s; -webkit-animation-duration: 3s;} .kq6 {-webkit-animation-delay: 3.5s; -webkit-animation-duration: 3.5s;} .mm1 {-webkit-animation-delay: 0.4s; -webkit-animation-duration: 0.4s;} .mm2 {-webkit-animation-delay: 0.8s; -webkit-animation-duration: 0.8s;} .mm3 {-webkit-animation-delay: 1.2s; -webkit-animation-duration: 1.2s;} .mm4 {-webkit-animation-delay: 1.6s; -webkit-animation-duration: 1.6s;} .mm5 {-webkit-animation-delay: 2s; -webkit-animation-duration: 2s;} .mm6 {-webkit-animation-delay: 2.4s; -webkit-animation-duration: 2.4s;} .guding { position:fixed; top:0px; z-index:999; } .xiaozi { font-size:12px; } .kuanping { width:1200px; padding-right: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; } .kkt { width:100%; padding-right: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; } .mokuai { margin-top:20px; height:auto; overflow:hidden; } .mokuai2 { margin-bottom:20px; height:auto; overflow:hidden; } .mkhh { margin-bottom:20px; background-color:#575757; padding:20px; height:183px; font-size:12px; text-align:center; color:#FFFFFF; } .mkhh-bb { width:60px; height:60px; margin:0 auto; } .mkhh h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:18px; margin-top:15px; margin-bottom:10px; text-align:center; } .mkhh:hover { background-color:#d0171b; transition: all 500ms ease-in 0ms; } .mkhh a { display:block; color:#FFFFFF; } .bottom { height:auto; overflow:hidden; padding-top:30px; background-color:#2e2e2e; color:#606060; font-size:16px; } .bottom a { color:#606060; } .bmaa { height:auto; overflow:hidden; border-bottom:1px solid #606060; padding-bottom:25px; } .bmaa-1 { margin-top:40px; height:auto; overflow:hidden; } .footer { height:55px; line-height:55px; text-align:center; } .mkhh:hover img { -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); } .mkhh img { -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; max-width: 100%; margin: 0 auto; } /* 单页 */ .neiye { height:auto; overflow:hidden; padding-top:43px; padding-bottom:50px; line-height:26px; } .lielan { height:auto; overflow:hidden; } .lielan h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:40px; font-weight:bold; margin-top:0px; padding-bottom:12px; margin-bottom:12px; background:url(../images/xiahua.jpg) left bottom; background-repeat:no-repeat; } .lielan h3 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:38px; margin-top:0px; margin-bottom:20px; } .liehh { height:auto; overflow:hidden; border-top:1px solid #9fa0a0; } .liehh li { list-style-type:none; width:100%; height:45px; border-bottom:1px solid #9fa0a0; } .liehh li a { display:block; width:100%; height:45px; line-height:45px; padding-left:9px; font-size:16px; color:#595757; background:url(../images/liebj.png) left; background-repeat:no-repeat; } .liehh li a:hover { color:#d0171b; background:url(../images/liebj2.png) left; background-repeat:no-repeat; transition: all 500ms ease-in 0ms; } .liehh li.hover a { color:#d0171b; background:url(../images/liebj2.png) left; background-repeat:no-repeat; transition: all 500ms ease-in 0ms; } .tubiao { height:auto; overflow:hidden; margin-top:60px; } .tubiao li { width:78px; list-style-type:none; margin-bottom:16px; } .tubiao li:hover img { -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); } .tubiao li img { -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; max-width: 100%; margin: 0 auto; } /* 集团总 */ .jtzz { background: url('../images/jtbj.jpg') no-repeat center center; background-attachment: scroll; background-size: auto auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; color: #FFFFFF; padding: 85px 0; padding-bottom:35px; } .jtkuai { margin-bottom:50px; height:auto; overflow:hidden; } .fudd { background-color:rgba(208, 23, 27, 0.89); width:214px; height:214px; position:relative; margin-top: -214px; color:#FFFFFF; text-align:center; left:0px; padding:30px; } .fudd-tu { width:57px; height:57px; margin:0 auto; } .fudd h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:16px; text-align:center; margin-top:25px; margin-bottom:12px; color:#FFFFFF; font-weight:bold; } .jtkuai:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; filter: alpha(opacity=90); transition: all 500ms ease-in 0ms; } /* 新闻 */ .xwkuai { height:auto; overflow:hidden; margin-bottom:50px; border:1px solid #e5e5e5; transition: all 500ms ease-in 0ms; } .xwkuai:hover { border:1px solid #ff0000; } .xwkuai-nei { height:auto; overflow:hidden; padding:10px; color:#9fa0a0; } .xwkuai-nei h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:16px; margin-top:0px; height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom:12px; padding-bottom:12px; color:#000000; border-bottom:1px dashed #ececec; } .xwtime { margin-top:40px; color:#e60012; height:auto; overflow:hidden; } /* 新闻中心 */ .newhh { margin-bottom:15px; height:auto; overflow:hidden; padding-top:10px; padding-bottom:10px; border:1px solid #f2f3f3; font-size:12px; background-color:#FFFFFF; } .newhh:hover { border:1px solid #e62129; background-color:#e62129; transition: all 300ms ease-in 0ms; } .newhh a:hover { color:#FFFFFF; } .timex { margin-top:23px; } .newhh h3 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:12px; } .ab-nei h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:35px; text-align:center; margin-top:20px; margin-bottom:15px; color:#595757; } .ab-nei h3 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:14px; text-align:center; margin-top:0px; margin-bottom:75px; color:#9b9a9a; } .xwtp { margin-top:30px; margin-bottom:30px; } .xwda { font-size:18px; } .xwdd { background: #d7dbde; padding: 50px 0px; } /* 新闻内页 */ .xwnn h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:40px; height:auto; overflow:hidden; text-align:center; color:#3a3a3a; font-weight:bold; margin-top:0px; margin-bottom:15px; } .xwnn h3 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:15px; height:auto; overflow:hidden; line-height:36px; text-align:center; color:#898989; margin-top:0px; margin-bottom:30px; border-bottom:1px solid #898989; } /* 联系我们 */ .lxkuai { border:1px solid #eeeeee; height:200px; text-align:center; position: relative; margin-top:-50px; } .lxkuai h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:18px; text-align:center; margin-top:65px; margin-bottom:25px; } .lxkuai h3 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:18px; text-align:center; margin-top:65px; margin-bottom:10px; } .lxkuai2 { border:1px solid #eeeeee; height:200px; text-align:center; position: relative; margin-top:20px; } .lxkuai2 h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:18px; text-align:center; margin-top:65px; margin-bottom:25px; } .lxkuai2 h3 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:18px; text-align:center; margin-top:25px; margin-bottom:10px; } .b1 { width: 100px; height: 100px; position: relative; z-index: 99; border-radius: 50%; margin: 0 auto; } .rclie { margin-top:40px; height:auto; overflow:hidden; } .rclie h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:22px; margin-top:0px; margin-bottom:20px; } .tline { border-top:1px solid #cacaca; } .difx { height:auto; overflow:hidden; text-align:right; } /* 故事 */ .gshh { height:auto; overflow:hidden; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #d3d3d3; } .gs-time { height:auto; overflow:hidden; padding-top:60px; } .gs-time h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:30px; color:#6e6e6e; margin-top:0px; margin-bottom:6px; } .gs-time h3 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:20px; color:#6e6e6e; margin-top:0px; margin-bottom:0px; } .gshh h4 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size:20px; color:#000000; font-weight:bold; margin-top:0px; margin-bottom:18px; } .gshh p { height:auto; overflow:hidden; } .gsmore { width:83px; height:27px; margin-top:15px; float:right; } .gsmore a { display:block; width:81px; height:27px; line-height:27px; color:#717171; border:2px solid #717171; text-align:center; } .gsmore a:hover { background-color:#717171; color:#FFFFFF; } /* 新增 */ .symore { margin-top:20px; width:203px; height:33px; float:right; } .symore a { display:block; height:33px; line-height:33px; background-color:#e00000; color:#FFFFFF; text-align:center; font-size:16px; } .about img { border: 0px none; height: auto; max-width: 100%; vertical-align: middle; } .yc { display:block; } .yd { display:none; } .xwkuai img{ display: block; height: auto; max-width: 100%; width: 100%; } .gshh img{ display: block; height: auto; max-width: 100%; width: 100%; } .cptux { border:6px solid #efefef; background-color:#efefef; height:auto; overflow:hidden; margin-bottom:30px; } .cptux:hover { border:6px solid #e62129; background-color:#e62129; box-shadow:0px 0px 15px rgba(0,0,0,.5); transition: all 500ms ease-in 0ms; } .cptux a { color:#333333; } .cptux a:hover { color:#ffffff; } .cptux p { margin-top:15px; margin-bottom:7px; text-align:center; } .liebiao { height: auto; overflow: hidden; margin-top:20px; } .liebiao-aa { width: 80%; line-height: 30px; color: #666666; float: left; } .shangy { height: auto; overflow: hidden; line-height: 32px; color: #666666; border-bottom: 1px dotted #ececec; } .xiay { height: auto; overflow: hidden; color: #666666; line-height: 32px; } .liebiao-bb { width: 16%; float: right; } .fanhui { width: 142px; height: 43px; margin-top: 6px; float: right; } .fanhui a { display: block; width: 142px; height: 43px; line-height: 43px; color: #FFFFFF; background-color: #e62129; font-size: 14px; text-align: center; border-radius: 20px; } .about h5 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size: 24px; text-align: center; font-weight: bold; color: #333333; margin-top: 0px; margin-bottom: 20px; } .pager span { padding:3px; } .symorek { height:auto; overflow:hidden; margin-top:30px; margin-bottom:30px; } .symorek a { display:block; width:150px; height:auto; overflow:hidden; line-height:30px; padding:5px; color:#FFFFFF; text-align:center; background-color:#d0171b; } .symorek a:hover { background-color:#000000; } @media (min-width: 0px) and (max-width: 768px) { body { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #585858; margin-top:0px; } .navbar-nav > li > a { padding: 10px 20px; line-height: 20px; } .nav { padding-left: 0px; } .kuanping { width:100%; } .tubiao li { width: 23%; margin-left:1%; margin-right:1%; float:left; list-style-type: none; margin-bottom: 5px; } .yc { display:none; } .yd { display:block; } .daohang ul { padding:0px; margin:0px;} .daohang ul li { width:33.3%; height:45px; line-height:45px; float:left; text-align:center; list-style-type:none; background-color:#bb1214; border-bottom: 1px solid #e3394c; } .daohang ul li a { display: block; color: #FFF; font-weight: bold; border-left: 1px solid #cc2526; border-right: 1px solid #dd1e1f; } .daohang ul li a:hover { background-color:#590004; } .biaoti { overflow: hidden; height: 56px; line-height: 56px; background: #fff; } .biaoti .left { width: 14%; float: left; background: url(../images/a_01.jpg) no-repeat center; } .biaoti .center { width: auto; float: left; color: #e72d2e; font-size: 18px; padding-left: 3%; } .biaoti .right { width: auto; float: right; margin-right: 4%; color: #898989; font-size: 14px; background: url(../images/home.jpg) no-repeat center left; padding-left: 25px; } .neiye { height: auto; overflow: hidden; padding-top: 0px; padding-bottom: 0px; line-height: 26px; } .class { height: auto; padding-bottom: 20px; overflow: hidden; position: relative; padding-top: 20px; } .class li { width: 32.3%; margin-right: 1%; height: 32px; line-height: 32px; float: left; font-size: 14px; text-align: center; margin-bottom: 5px; list-style-type:none; } .class li.hover a { color: #fff; background: #a4140c; } .class li a:hover { color: #fff; background: #a4140c; } .class li a { width: 100%; height: 32px; display: block; color: #848484; background: #eeeeee; transition: all 300ms ease-in 0ms; } .tubiao { height: auto; overflow: hidden; margin-top: 0px; } /* 固定底 */ .fygnav { padding: 0px; height:34px; line-height:34px; background:url(../images/bottom1.jpg); } .fygnav ul { list-style-type: none; width: 100%; margin: 0px; padding: 0px; } .fygnav li { width: 25%; text-align: center; border-right: 1px solid #7c340e; border-left:#a64613; float: left; } .fygnav li a { color:#FFFFFF;} #mcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; } #mcover { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7); display: none; } .bmk { padding-bottom:80px; } .xwnn h2 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size: 18px; } .bmaa-1 { margin-top: 20px; margin-bottom:20px; height: auto; overflow: hidden; } .juzhong { margin:0 auto; } }