body{ background-color: #070f1c; } .sec2,.sec3,.sec4,.sec5,.sec6{ margin-top: 30px; } .img-cen{ margin: 0 auto; } .navv{ background-color: #fff; } .img-max{ width: 100%; } .banner{ background: url("../img/bannerbg.jpg") repeat-x; position: relative; } .banner img { position: relative; left: 50%; -webkit-transform: translateX(-50%); } .banner p{ position: absolute; color: #fff; bottom: 100px; left: 15%; text-shadow: 1px 1px 0 #000; font-family: "宋体"; font-weight: bold; } .banner p span{ color: #f6d569; } .banner p a{ font-weight: normal; color: #fff; } .banner p a:hover{ text-decoration: underline; ; } .road_img { height: auto; padding: 6px; } .road_img li .title { height: 34px; background: url(../img/bluebg.jpg) top repeat-x; margin-top: 1px; font-size: 14px; line-height: 34px; padding-left: 35px; text-align: left; color: #FFF; position: relative; font-weight: bold; } .road_img li .title span { height: 33px; width: 20px; background: url(../img/arrowl.jpg) no-repeat; display: block; background-position: left center; position: absolute; left: 10px; top: 0px; z-index: 1000; } .road_img li .show_img { height: auto; padding: 6px 4px; text-align: left; display: none; background: #28364f; color: #000; border: 1px solid #50678e; } .road_right { height: auto; } .l { float: left; } .road_art p{ padding: 12px 30px 0; border-top:1px solid #3d4959; background: linear-gradient(to bottom,#192435,#070f1c); background: -moz-linear-gradient(to bottom,#192435,#070f1c); background: -o-linear-gradient(to bottom,#192435,#070f1c); } .road_text { height: auto; padding: 40px 0 0 23px; } .road_text h2 { height: 21px; line-height: 20px; padding-left: 8px; font-size: 14px; background: url(../img/road_h2bg.jpg) left no-repeat; margin-bottom: 20px; text-align: left; color: #fad868; } .road_text h2 em { color: #FFF; padding-right: 15px; font-style: normal; font-weight: bold; } .road_text p { padding-right: 15px; } .road_art p, .road_text p { line-height: 25px; text-indent: 24px; color: #c9def7; text-align: left; } .baidu_share { padding-top: 22px; line-height: 18px; padding-left: 230px; color: #FFF; } #bdshare { _overflow-x: hidden; z-index: 999999; padding-bottom: 2px; font-size: 12px; float: left; text-align: left!important; zoom: 1; } span.bds_more, .bds_tools a{ height: 21px !important; } .road_right h1{ font-size: 23px; color: #c9e2ff; padding-left: 25px; padding-top: 10px; } .road_right h1 span{ color: #fad768; } .sec1 ul{ list-style: none; border: 1px solid #465c86; } .sec3 { color: #c9def7; font-family: "宋体","Microsoft YaHei",simsun,"Helvetica Neue",Arial,Helvetica,sans-serif; } h3.xl12 p{ padding-bottom: 15px; display: inline-block; background: url("../img/line.jpg") no-repeat bottom left; } h3.xl12{ line-height: 128px; font-size: 26px; color: #a8d0ff; font-family: "Microsoft YaHei",simsun,"Helvetica Neue",Arial,Helvetica,sans-serif; } h3.xl12 span{ color: #fad768; } .sel_t{ text-align: center; color: #c9def7; font-size: 26px; font-weight: bold; line-height: 52px; position: relative; } .sel_t:hover{ cursor: pointer; } .sec3 .bo{ margin: 0 auto; padding: 4px; border: 1px solid #7f8fa4; } .sec2 .xm6{ font-family: "宋体","Microsoft YaHei",simsun,"Helvetica Neue",Arial,Helvetica,sans-serif; } .sec2 h2{ font-family: "Microsoft YaHei",simsun,"Helvetica Neue",Arial,Helvetica,sans-serif; color: #fad868; margin-bottom: 19px; } .sec2 a b{ color: #fad868; } .sel_c{ color: #c9def7; margin-top: 40px; display: none; } .sel_c.active{ display: block; } .sel_c h3{ color: #a8d0ff; margin-top: 24px; margin-bottom: 12px; } .sel_c td{ line-height: 30px; } #ccc td,#ddd td{width: 50%;} h4{ margin: 50px 0; padding-left: 12px; background: url("../img/line1.jpg") no-repeat left; font-size: 18px; font-weight: normal; font-family: "Microsoft YaHei",simsun,"Helvetica Neue",Arial,Helvetica,sans-serif; } h4 span{ color: #fad768; } .sec3 .xm8 p:first-child{ margin-top: 30px; text-indent: 2em; background: url("../img/yjt.jpg") no-repeat left 10%; } .sec3 .xm8 p:nth-of-type(2){ padding: 28px 0 21px; } .sec3 .xm8 .xs3 b{ color:#fad768; } .sec3_p{ font-size: 16px; font-weight: bold; } .sec3_p + p b{ color: #fad768; } .sec3_div,.sec3_div2{ margin-top: 40px; } .sec3_div2 p{ line-height: 27px; text-indent: 2em; background: url("../img/yjt.jpg") no-repeat left 10%; } .sec_d{ background: url("../img/bg.jpg") no-repeat right bottom; } .sec4 .xm8 p{ text-indent: 2em; background: url("../img/xjt.jpg") no-repeat left 10%; padding-bottom: 40px; line-height: 25px; } .sec4_p{ padding-top: 30px; background: url("../img/sjt.jpg") no-repeat left 10%; } .sec4,.sec5,.sec6{ color: #c9def7; font-family: "宋体"; line-height: 25px !important; } .bord{ padding: 5px; border:1px solid #515f71; border-radius: 5px; } .sec6 ul{ border: 1px solid #7f8fa4; padding: 30px; background: -webkit-linear-gradient(#0d1520, #202733,#0d1520); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#0d1520, #202733,#0d1520); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#0d1520, #202733,#0d1520); /* Firefox 3.6 - 15 */ background: linear-gradient(#0d1520, #202733,#0d1520); /* 标准的语法(必须放在最后) */ } .sec6 ul li{ border-bottom: 1px dashed #fff; line-height: 34px; margin-right: 20px; } .sec6 ul li a{ color: #c9def7; } .fo{ padding-top: 50px; } form{ padding: 30px; border: 1px solid #6a7683; } form select,form input,form textarea{ border-color: #6a7683; background-color: #070f1c; color: #fff; } form textarea{ height: 100px !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity:1;} ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff;opacity:1; } input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #fff;opacity:1; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #fff;opacity:1; } #sendMsg .button{ background: -webkit-linear-gradient(#656668, #38393d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#656668, #38393d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#656668, #38393d); /* Firefox 3.6 - 15 */ background: linear-gradient(#656668, #38393d); /* 标准的语法(必须放在最后) */ padding: 3px 20px; border-radius: 0; } .div-hid{ line-height: 30px; } .bg1{ background: url("../img/bg1.jpg") no-repeat center; } .bg2{ background: url("../img/bg2.jpg") no-repeat center; } @media(min-width: 760px){ .div-hid{ display: none; } h3.xl12{ transform:skewX(-7deg); -ms-transform:skewX(-7deg); /* IE 9 */ -moz-transform:skewX(-7deg); /* Firefox */ -webkit-transform:skewX(-7deg); /* Safari 和 Chrome */ -o-transform:skewX(-7deg); } .road_art { padding: 13px 0 0 25px;} } @media(min-width: 1000px){ #ddd img{ margin-top: 15%; } } @media(min-width: 1200px){ .sel_t{ background: url("../img/unselect.png") no-repeat center; } .sel_t.active{ background: url('../img/select.png') no-repeat center; color: #1b4876; } .sel_t.active:hover{ cursor: default; } .sel_t:after{ width: 100%; height:2px; background: #1b4876; content: " "; position: absolute; bottom: 0px; left: 35px; z-index: 10000; } .last{ overflow: hidden; } .last:after{ left: -16px; } h3.xl12 p{ width: 89%; } .sec6 h3.xl12 p { width: 76%; } } @media (max-width: 1199px){ .banner img { width: 100%; } .sel_t{ background-color: #1b4876; } .sel_t.active{ background-color: #fad868; color: #1b4876; } .sel_t.active:hover{ cursor: pointer; } } @media(max-width: 999px){ .sec4 img{ margin: 0 auto; } .sec4 .xm8{ margin-bottom: 30px; } .sec4 .xm8 p { background: url(../img/xjt.jpg) no-repeat left 5%; } .sec3_div2 p { background: url(../img/yjt.jpg) no-repeat left 15%; } .sec3 .xm8 p:first-child { background: url(../img/yjt.jpg) no-repeat left 10%; } .sec4_p { background: url(../img/sjt.jpg) no-repeat center 10%; } .sec3 .bo{ margin-top: 40px; } .sec3 .xl12.xs3{ line-height: 25px; } .banner p{ display: none; } } @media(max-width: 759px){ .sec4 .xm8 p { background: url(../img/xjt.jpg) no-repeat left 6%; } .sec3_div2 p { background: url(../img/yjt.jpg) no-repeat left 7%; } .sec3 .xm8 p:first-child { background: url(../img/yjt.jpg) no-repeat left 5%; } .tab-hid{ display: none; } h3.xl12 p{ line-height: 40px; } .bord{ margin: 20px 0px; } } @media(max-width: 499px){ .baidu_share{ padding-top: 15px; padding-left: 66px; } } @media(max-width: 449px){ .xl12{ width: 100%; display: inherit; } }