nav li {
float : left;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color : transparent !important ;
transition : background-color 50000s 0s ease-in-out;
}
header input {
display : block;
width : 270px;
height : 50px;
border : 0;
outline : 0;
text-indent : 60px;
color : #fff;
background : url("../image/1-search.png") 25px 15px no-repeat #4062ac;
}
a {
color : #333;
}
a:hover {
color : #ff623f;
}
.navbar-fixed-top {
position : fixed;
top : 0;
left : 0;
right : 0;
z-index : 1030;
background : #fff;
}
#waterfall {
margin : auto;
position : relative;
}
#topmenu_keleyi_com {
display : none;
position : fixed;
top : 0;
left : 0;
right : 0;
width : 800px;
height : 50px;
margin-left : auto;
margin-right : auto;
background-color : transparent;
}
.m-pro .img-responsive {
width : 100%;
}
.content video {
max-width : 100%;
}
.xs-nav {
height : 90px;
}
#menu {
position : relative;
z-index : 2;
}
.m-menu {
display : block;
position : relative;
float : left;
width : 170px;
line-height : 50px;
font-weight : 700;
color : #fff;
background : #274689;
}
.m-menu .span1 {
position : relative;
top : 5px;
margin : 0 15px;
font-size : 30px;
}
.m-menu:hover .tit {
display : block;
}
#menu .tit {
position : absolute;
line-height : 40px;
text-align : center;
background-color : #274689;
}
#menu .tit li:first-child {
border-top : 0;
}
#menu .m-cate {
width : 170px;
padding : 13.6px 0 13.5px;
border-top : 1px solid #2c3759;
}
#menu .m-cate h2 {
font-size : 15px;
font-weight : 700;
}
#menu .m-cate h2 a {
color : #fff;
}
.m-cate .u-zx {
height : 65px;
background : url("../image/1-1.1.png") center 5px no-repeat;
}
.m-cate .u-zx a {
display : block;
padding-top : 30px;
}
#menu .on {
width : 170px;
padding : 13.6px 0 13.5px;
border-top : 1px solid #2c3759;
background : #fff;
}
#menu .on h2 a {
color : #274689;
}
#menu .tit li:last-child {
background : #274689;
}
#menu .tit li:last-child h2 a {
color : #fff;
}
#menu .on .m-subcate {
display : block !important ;
}
#menu .m-subcate {
display : none;
position : absolute;
top : 0;
left : 170px;
width : 1000px;
height : 348.47px;
box-shadow : 5px 0 15px rgb(0, 0, 0, 0.4);
overflow : hidden;
z-index : 3;
background : rgb(24, 27, 37, 0.9);
transition : all 0.5s 0s ease;
}
#menu .m-subcate_main {
float : left;
width : 720px;
height : 348.47px;
padding : 20px;
border-right : 1px solid #ddd;
}
#menu .m-subcate_main dl {
float : left;
width : 200px;
margin : 0 10px;
}
#menu .m-subcate_main dt {
text-align : left;
}
#menu .m-subcate_main dd {
height : 40px;
line-height : 40px;
width : 195px;
margin : 10px 5px 10px 0;
}
#menu .m-subcate_main dd a {
color : #fff;
}
#menu .m-subcate_main dl:first-child dd {
background : #097542;
}
#menu .m-subcate_main dl:nth-child(2) dd {
background : #0c2357;
}
#menu .m-subcate_main dl:last-child dd {
border : #373434 solid 1px;
}
#menu .m-subcate_side {
float : left;
width : 280px;
height : 348.47px;
}
#menu .m-subcate_side img {
margin : 7.24px 0;
}
#menu .m-subcate_gg {
display : block;
position : absolute;
top : 10px;
}
.m-list {
float : left;
width : calc(100% - 450px);
margin : 0 50px;
line-height : 50px;
}
.m-list li {
width : 16.666%;
text-align : center;
}
.m-list .hover a {
color : #ff623f;
}
.phone {
float : right;
text-indent : 4em;
background : url("../image/1-1.png") 10px 2px no-repeat;
}
.phone span {
display : block;
}
#nav {
width : 100%;
height : 100px;
z-index : 5;
}
.banner, .index-banner {
z-index : -1;
position : relative;
text-align : center;
}
.index-banner img {
height : 348.47px;
margin : 0 auto;
}
.m-pro {
background : #eee;
}
.m-pro .u-pubtit {
border-bottom : 2px solid;
}
.m-pro-hot .u-pubtit {
border-bottom-color : #c4181f;
}
.m-pro-cs .u-pubtit {
border-bottom-color : #f60;
}
.m-pro-zs .u-pubtit {
border-bottom-color : #2f7ab4;
}
.m-pro-xs .u-pubtit {
border-bottom-color : #5856ae;
}
.m-pro .u-pubtit h2 {
color : #fff;
}
.m-pro-hot h2 {
background : #c4181f;
}
.m-pro-cs h2, .m-pro-cs .u-pop {
background : #f60;
}
.m-pro-zs h2, .m-pro-zs .u-pop {
background : #2f7ab4;
}
.m-pro-xs h2, .m-pro-xs .u-pop {
background : #5856ae;
}
.m-pro h3 a {
margin : 10px 0;
font-size : 16px;
color : #343434;
}
.m-pro span {
display : block;
}
.m-pro dl {
position : relative;
bottom : 0;
float : left;
padding : 25px;
background : #fff;
box-shadow : 0 0 15px 2px #bfbfbf;
transition : all 0.5s 0s ease;
}
.m-pro dl:hover {
bottom : 10px;
transition : all 0.5s 0s ease;
}
.m-pro .u-det1 {
padding : 4px 12px;
color : #fff;
background : #c4181f;
}
.m-pro-hot, .m-pro-cs, .m-pro-zs, .m-pro-xs {
overflow : hidden;
}
.m-pro-hot dd:nth-last-child(2) {
float : left;
color : #858585;
}
.m-pro-hot dd:last-child {
float : right;
margin-top : 13px;
}
.u-det2 {
padding : 5px 30px;
border : #c9c9c9 solid 1px;
}
.m-pro .u-pop {
display : none;
position : absolute;
left : 0;
bottom : 0;
width : 100%;
padding : 10px 20px;
text-align : center;
color : #fff;
}
.m-pro dl:hover .u-pop {
display : block;
}
.bar {
display : none;
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 40px;
z-index : 999;
color : #fff;
background : #274689;
}
.bar ul li {
float : left;
width : calc((100% - 180px) / 6);
text-align : center;
}
.bar ul li:hover {
background : #f60;
}
.bar ul li a {
display : block;
line-height : 40px;
color : #fff;
}
.index-case figure img {
height : 267px;
}
.m-case {
overflow : hidden;
}
.m-case figcaption {
margin-top : -36px;
line-height : 36px;
color : #fff;
background : #2f7ab4;
opacity : 0.8;
}
.m-case figure:hover figcaption {
background : #f60;
}
.m-case-dec div {
position : absolute;
top : 80px;
left : 0;
right : 0;
}
.m-case-dec h2 {
font-size : 24px;
font-weight : 700;
}
.m-case-dec p {
width : 80%;
margin : 0 auto;
padding : 30px 0;
}
.m-case-dec a {
color : #00275b;
}
.m-about {
position : relative;
margin-top : 55px;
}
.m-about .m-about-bg {
display : none;
position : relative;
height : 552px;
overflow : hidden;
background-position : center;
background-repeat : no-repeat;
transition : all 0.3s ease;
}
.m-about .m-about-bg video {
position : relative;
width : 1170px;
}
.m-about .m-about-bg-r {
position : absolute;
top : 0;
right : 0;
width : 100%;
height : 100%;
padding : 30px 15px;
background-color : rgb(35, 45, 51, 0.75);
}
.m-about .m-about-bg-r h3 {
color : #ff623f;
font-size : 2.4286em;
}
.m-about .m-about-bg-r h4 {
margin-bottom : 14px;
padding : 4px 0 10px;
border-bottom : 3px solid #ff623f;
font-size : 1.57143em;
}
.m-about .m-about-bg-r p {
line-height : 28px;
}
.m-about-b {
position : absolute;
left : 15px;
bottom : 5%;
font-size : 34px;
color : #7f7f7f;
}
.m-about-b i {
margin : 0 7px;
cursor : pointer;
}
.m-tec {
background : #3a4465;
}
.m-tec p {
padding : 20px 0;
font-size : 18px;
color : #fff;
}
.m-tec h2 {
padding : 40px 0;
font-size : 24px;
color : #fff;
}
.m-tec img {
display : inline-block;
max-width : 100%;
height : auto;
}
.m-tec span {
display : block;
float : left;
}
.m-tec ul {
overflow : hidden;
}
.m-tec li {
float : left;
width : 50%;
}
.m-tec-jt {
width : 8.841%;
margin-top : 90px;
}
.m-tec-1 li:last-child, .m-tec-2 li:nth-child(2), .m-tec-2 li:nth-child(4), .m-tec-2 li:nth-child(6), .m-tec-3 li:nth-child(2), .m-tec-3 li:nth-child(4) {
margin-right : 0;
}
.m-tec-1 img, .m-tec-2 img, .m-tec-3 img {
border : #fff solid 1px;
}
.m-tec-1 {
width : 21.8%;
}
.m-tec-1 ul {
padding-bottom : 8px;
}
.m-tec-3 ul {
padding-bottom : 4px;
}
.m-tec-1 li {
width : calc(50% - 3px);
margin-right : 3px;
}
.m-tec-2 {
width : 14.577%;
}
.m-tec-2 li {
width : calc(50% - 8px);
margin : 0 8px 8px 0;
}
.m-tec-3 {
width : 18.55%;
}
.m-tec-3 li {
width : calc(50% - 4px);
margin : 0 4px 4px 0;
}
.m-news .m-news-l {
box-shadow : 0 0 10px 2px #bfbfbf;
}
.m-news .m-news-l:last-child {
margin-right : 0;
}
.m-news h2 {
padding : 0 20px;
line-height : 70px;
color : #2d2d2d;
background : #eee;
}
.m-news ul {
width : 100%;
}
.m-news li {
list-style-type : disc;
list-style-position : inside;
margin : 10px 0;
}
.m-news li a {
display : inline-block;
width : 66%;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
line-height : 14px;
}
.m-news li span {
display : inline-block;
float : right;
width : 25%;
}
.m-news a:last-child {
display : block;
width : 118px;
height : 30px;
line-height : 30px;
margin : 0 auto;
border : #3c3c3c solid 1px;
border-radius : 15px;
text-align : center;
}
.m-news p {
margin : 100px 20px 0;
display : block;
height : 130px;
font-size : 1.6rem;
}
.text-over {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.m-footnav {
line-height : 50px;
background : #f60;
}
.m-footnav a {
color : #fff;
}
.m-footlist {
padding : 20px 0;
}
.m-footlist, .m-footlink, .m-footpow {
background : #282e41;
}
.m-footlist a {
display : block;
line-height : 25px;
color : #bdbfc3;
}
.m-footlink {
border-top : 1px solid #2c3759;
border-bottom : 1px solid #2c3759;
line-height : 30px;
}
.m-footlink span {
color : #f60;
}
.m-footlink a {
padding : 0 5px;
color : #fff;
}
.m-footpow {
line-height : 40px;
color : #4c5572;
}
.m-footpow span {
padding : 0 5px;
color : #4c5572;
}
@media (min-width: 300px) and (max-width: 759px) {
.m-about .m-about-bg {
height : 453px;
}
}
@media (min-width: 450px) {
.m-about .m-about-bg-r {
padding : 92px 34px 34px;
}
.m-about-b {
left : 34px;
}
}
@media (min-width: 760px) {
.m-about .m-about-bg-r p {
font-size : 1pc;
}
.m-about .m-about-bg-r {
width : 48.5%;
max-width : 436px;
}
.m-about-b {
left : 409px;
}
}
@media (min-width: 1000px) {
.m-about-b {
left : 578px;
}
}
@media (min-width: 1200px) {
.m-about-b {
left : 778px;
}
}
.other .tit {
display : none;
}
div#menu:hover .other {
display : block;
}
.m-snav {
width : 100%;
margin-top : -40px;
line-height : 40px;
overflow : hidden;
background : rgb(255, 255, 255, 0.7);
z-index : 999;
text-align : center;
}
.m-snav li:hover {
background : #ff623f;
}
.m-snav li:hover a {
color : #fff;
}
.m-snav .current {
background : #ff623f;
}
.m-snav .current a {
color : #fff;
}
.m-crm {
padding : 20px 0;
text-align : right;
}
.m-crm a {
color : #acacac;
}
.center-block {
display : block;
margin-right : auto;
margin-left : auto;
}
.g-news .m-snav li {
float : left;
width : 20%;
}
.g-news h1 {
font-size : 2.6rem;
}
.m-hotnews .sm7 div {
background : #f8f8f8;
}
.m-hotnews .sm7 div span {
color : #bdbdbd;
}
.m-hotnews li {
list-style-type : disc;
list-style-position : inside;
}
.m-hotnews li a {
display : inline-block;
width : 80%;
}
.m-hotnews li span {
float : right;
}
.m-newslist a {
color : #233142;
font-weight : 700;
}
.m-newslist article:hover .u-time span {
background : #ff623f;
}
.m-newslist article:hover .u-time p, .m-newslist article:hover .u-td, .m-newslist article:hover .u-td a {
color : #ff623f;
}
.m-newslist .u-time {
float : left;
width : 85px;
margin-top : 4px;
border : #cbcbcb solid 1px;
text-align : center;
}
.m-newslist .u-time span {
display : block;
padding : 2px 5px;
font-size : 36px;
color : #fff;
background : #cbcbcb;
}
.m-newslist .u-time p {
line-height : 30px;
font-size : 12px;
color : #b3b3b3;
}
.m-newslist .u-td {
float : right;
width : calc(100% - 110px);
}
.m-newslist .u-td p {
margin-top : 10px;
}
.m-page {
margin-top : 80px;
}
.m-page ul {
display : flex;
justify-content : center;
margin : 50px 0;
}
.m-page li {
float : left;
margin : 0 5px;
padding : 5px 10px;
border : #bcbcbc solid 1px;
color : #bcbcbc;
}
.m-page li a, .m-page li span {
color : #bcbcbc;
}
.m-page li:hover {
border-color : #f60;
background : #f60;
color : #fff;
}
.m-page .active {
border-color : #f60;
background : #f60;
color : #fff;
}
.m-page .active a, .m-page .active span, .m-page li:hover a, .m-page li:hover span {
color : #fff;
}
.u-down {
margin-top : 50px;
border-top : 1px solid #dedede;
}
.u-down span {
display : block;
width : 35px;
height : 35px;
line-height : 35px;
margin : -17px auto 0;
font-size : 25px;
text-align : center;
color : #fff;
background : #4062ac;
}
.u-goback {
display : block;
padding-top : 55px;
}
.u-font, .u-goback {
color : #999;
}
.u-font li {
display : inline-block;
}
.font-bigger, .font-normal, .font-smaller, .u-goback {
cursor : pointer;
}
.font-bigger {
padding-right : 5px;
}
.font-normal {
padding-right : 10px;
}
.u-pubp i, .u-pubp a, .icon-list, .icon-bell, .sitemap h1 {
font-weight : 700;
color : #ff623f;
}
.u-pubp, .u-tag {
padding : 20px 0;
border-bottom : 1px solid #ddd;
border-top : 1px solid #ddd;
}
.u-server {
padding : 40px 0;
}
.u-tag i {
color : #f60;
padding-right : 8px;
}
.u-tag a {
padding : 0 5px;
}
.u-pre {
padding : 20px 0;
}
.u-pre p {
padding : 5px 0;
}
.article-news aside {
margin-top : 60px;
}
aside section h2 {
padding-left : 10px;
border-left : 3px solid #ff623f;
}
aside section figure {
margin-top : 20px;
}
aside section figcaption {
margin : 10px 0;
padding : 5px 0;
background : #f5f5f5;
}
.s-tag ul, .s-list ul {
margin-top : 20px;
}
.s-tag li {
display : inline-block;
}
.s-list li, .m-baike dd {
padding : 5px 0;
color : #ff623f;
}
.check-error {
color : #e33;
transition : all 0s;
}
.check-error input, .check-error input:hover {
border-color : #e33;
transition : all 0s;
}
.m-msg, .bg {
background : #f5f5f5;
}
.m-msg label, .m-msg input, .m-msg textarea, .m-msg select {
margin : 10px 0;
}
.m-msg label {
width : 75px;
float : left;
line-height : 30px;
}
.m-msg .u-input {
position : relative;
width : calc(100% - 75px);
float : right;
}
.m-msg .u-msgtj {
padding : 5px 40px;
border : 0;
color : #fff;
background : #e3230a;
cursor : pointer;
}
.m-msg .u-asktj {
padding : 8px;
width : 70%;
border : 0;
color : #fff;
background : #4062ac;
float : right;
cursor : pointer;
}
.m-msg .label1 {
width : 120px;
}
.m-msg .u-input1 {
position : relative;
margin : 10px 0;
width : calc(100% - 120px);
float : right;
}
.input-help {
position : absolute;
z-index : 1;
float : left;
left : 0;
top : 100%;
}
.input-help ul {
border : #ddd solid 1px;
background : #fff;
padding : 10px 10px 10px 25px;
box-shadow : 0 0 5px #ddd;
border-radius : 4px;
width : 160px;
min-width : 160px;
width : auto;
list-style : disc;
}
.article-case {
overflow : hidden;
}
.article-case h1 {
padding : 0;
}
.article-case p {
padding : 3px 0;
text-indent : 2em;
}
.m-base {
margin : 10px 0;
padding : 10px 0;
border-top : 1px solid #ebebeb;
border-bottom : 1px solid #ebebeb;
}
.m-linkmat span {
display : inline-block;
float : left;
width : 70px;
}
.m-linkmat ul {
overflow : hidden;
}
.m-linkmat ul li {
float : left;
width : 30%;
margin : 0 0 10px 3.3333%;
padding : 5px 0;
background : #f7f7f7;
}
.m-casezx a {
margin-right : 10%;
padding : 8px 40px;
border-radius : 15px;
color : #fff;
background : #ff623f;
}
.m-casezx span {
font-size : 24px;
color : #4062ac;
}
.m-casezx span i {
font-size : 30px;
}
.m-casemain h2 {
padding : 30px 0;
font-size : 22px;
color : #4062ac;
}
.m-casemain h3 {
font-size : 18px;
}
.m-casemain img {
margin-top : 20px;
}
.m-casemain figure {
margin : 0;
}
.g-ask p {
padding : 15px;
background : #f5f5f5;
}
.g-ask p a {
color : #ff623f;
font-weight : 700;
}
.m-asklist li {
margin-top : 40px;
}
.m-asklist h1 {
display : inline-block;
font-size : 2.2rem;
}
.m-asklist span {
display : inline-block;
margin-right : 10px;
padding : 7px 10px;
color : #fff;
}
.m-asklist b, strong {
font-size : 16px;
}
.m-asklist1 .u-b1 {
font-size : 1.8rem;
}
.m-asklist1 b {
color : #ff623f;
}
.m-asklist1 span {
background : #4062ac;
}
.m-asklist2 span {
background : #ff623f;
}
.m-asklist2 b {
color : #4297db;
}
.m-asklist1 a, .m-asklist1 b, .m-asklist2 b {
line-height : 35px;
}
.m-asklist2 {
margin-top : 15px;
padding : 20px 25px;
background : #f7f7f7;
}
.m-asklist2 .u-b2 {
font-size : 1.8rem;
color : #ff623f;
}
.m-asklist2 p {
margin-top : 10px;
color : #666;
}
.m-askborder {
padding : 15px;
border : #ddd dotted 1px;
}
.m-asklist #cambrian0 ._1mpIIe {
background : #f7f7f7;
}
.s-main {
border : #e6e6e6 solid 1px;
}
.s-main .row, .s-main .s-list {
width : 90%;
margin : 0 auto;
}
.s-tj h2 {
text-indent : 15px;
font-size : 2.4rem;
font-weight : 700;
color : #ff623f;
background : #f5f5f5;
}
.s-tj img {
margin-top : 20px;
}
.s-tj .u-zx {
display : block;
width : 85%;
margin : 20px auto;
height : 50px;
line-height : 50px;
font-size : 18px;
color : #fff;
background : #ff623f;
}
.g-list {
overflow : hidden;
}
.g-list h3 {
font-size : 18px;
padding : 5px 0;
}
.u-tagmore {
line-height : 40px;
color : #ff623f;
}
.g-list .sm1 {
color : #fff;
background : #4062ac;
padding : 10px 15px 15px 0;
}
.g-list .sm1 span {
display : block;
font-size : 42px;
}
.g-list h2 {
font-size : 2.8rem;
font-weight : 700;
}
.u-tagtime {
display : inline-block;
padding : 15px 25px 25px;
margin-top : 15px;
background : #4062ac;
color : #fff;
}
.u-tagtime span {
display : block;
font-size : 36px;
}
.g-mat img {
padding : 15px;
}
.g-mat .u-bg {
background : #f6f6f6;
overflow : hidden;
padding : 0 15px;
}
.g-mat h3 {
margin : 22px 0 10px;
}
.g-mat p {
color : #555;
line-height : 1.857em;
}
.index-tag article h2 {
width : 150px;
height : 50px;
line-height : 50px;
padding : 0;
text-align : center;
color : #fff;
}
.index-tag1 h2 {
background : #d6150f;
}
.index-tag2 h2 {
background : #ff623f;
}
.index-tag3 h2 {
background : #4062ac;
}
.index-tag article section {
padding : 20px 0;
overflow : hidden;
}
.index-tag article section ul {
margin-top : 30px;
}
.index-tag article section ul li {
line-height : 30px;
}
.list-pro-l, .list-pro-r {
margin : 25px 0;
}
.list-pro-l h2 {
position : relative;
width : 100%;
height : 50px;
line-height : 50px;
padding : 0;
color : #fff;
z-index : 1;
}
.list-pro-l img {
margin-top : -50px;
z-index : -1;
}
.list-pro-l p {
height : 30px;
line-height : 30px;
margin-top : -50px;
text-align : center;
}
.list-pro-l p a {
padding : 7px 20px;
margin : 0 5px;
color : #fff;
}
.list-pro-l p a:first-child {
background : rgb(0, 0, 0, 0.4);
}
.list-ps h2, .list-ps .list-pro-l p a:last-child {
background : #d6150f;
}
.list-zf h2, .list-zf .list-pro-l p a:last-child {
background : #2f7ab4;
}
.list-zs h2, .list-zs .list-pro-l p a:last-child {
background : #5956af;
}
.list-yd h2, .list-yd .list-pro-l p a:last-child {
background : #ff623f;
}
.list-pt h2, .list-pt .list-pro-l p a:last-child {
background : #00a069;
}
.list-pro-r1 {
padding-bottom : 20px;
border-bottom : 1px solid #f0f0f0;
}
.list-pro-r1 a {
padding : 0 10px;
}
.list-pro-r2 dd {
padding-top : 10px;
}
.list-pro-r2 dd h4 {
font-size : 14px;
}
.list-pro-r2 span {
color : #a6a6a6;
}
.m-proline {
overflow : hidden;
}
.m-proline .tabbar {
width : 40%;
float : left;
}
.m-proline .tabimg {
width : 60%;
float : left;
}
.m-proline .tabimg img {
height : 215px;
}
.m-proline li {
border-top : 1px solid #eeeff0;
line-height : 53px;
background : #fff;
}
.m-proline li:first-child {
border : 0;
}
.m-proline li:hover, .m-proline .current {
background : #ff623f;
}
.m-proline li:hover a, .m-proline .current a {
color : #fff;
}
.m-proline dd {
background : #76c400;
opacity : 0.85;
transition : 0.5s;
height : 40px;
margin-top : -40px;
line-height : 40px;
}
.m-mat span {
display : block;
font-size : 16px;
font-weight : 700;
}
.m-mat p a:not(:last-child)::after {
content : "|";
margin : 10px;
}
.art-prozx {
border-top : 1px solid #e5e5e5;
border-bottom : 1px solid #e5e5e5;
padding : 30px 0;
margin : 20px 0;
}
.art-prozx a {
display : inline-block;
width : 160px;
height : 30px;
line-height : 30px;
color : #fff;
border-radius : 15px;
}
.art-prozx a:first-child {
background : #4062ac;
margin-right : 30px;
}
.art-prozx a:last-child {
background : #ff623f;
}
.art-promod a {
display : inline-block;
width : 100%;
background : #f7f7f7;
margin : 10px 0;
padding : 5px 0;
}
.art-promenu {
background : #f7f7f7;
}
.art-promenu li {
padding : 10px 0;
}
.art-promenu li:hover {
background : #4062ac;
}
.art-promenu li:hover a {
color : #fff;
}
.art-profea {
padding : 20px 15px;
background : #efefef;
}
.contact {
overflow : hidden;
}
.contact i {
font-size : 50px;
color : #e1e2e6;
}
.contact li span {
display : block;
color : #767676;
}
.contact li p {
color : #ff623f;
}
.m-map, .m-map iframe {
width : 100%;
height : 300px;
}
.about1 {
height : 75px;
line-height : 75px;
font-size : 24px;
color : #fff;
background : #4062ac;
}
.content p {
color : #646464;
line-height : 2em;
}
.content p img, .content div img {
display : block;
margin : 0 auto;
}
.u-more a {
display : block;
margin : 0 auto;
width : 170px;
height : 40px;
line-height : 40px;
color : #fff;
background : #4062ac;
border-radius : 6px;
}
.u-more a:hover {
background : #ff623f;
}
.g-search h1 b {
color : #ff623f;
}
.sitemap .icon-list {
top : 1px;
position : relative;
}
h2.u-title {
font-size : 26px;
font-weight : 700;
color : #ff623f;
position : relative;
text-align : center;
margin : 30px 0;
}
h2.u-title:before {
left : 20%;
}
h2.u-title:after {
right : 20%;
}
h2.u-title:after, h2.u-title:before {
content : '';
position : absolute;
top : 50%;
background : #ff623f;
width : 15%;
height : 1px;
}
.mask {
display : none;
position : fixed;
top : 0%;
left : 0%;
width : 100%;
height : 100%;
background-color : #000;
z-index : 1001;
opacity : 0.4;
}
.popup {
display : none;
position : fixed;
top : 0;
right : 0;
width : 180px;
height : auto;
background-color : #282828;
z-index : 1002;
overflow : auto;
color : #fff;
}
.popup p {
font-size : 1.8rem;
padding : 1rem 0;
border-bottom : 1px solid #454444;
}
.popup li {
font-size : 1.6rem;
padding : 0.75rem 0;
border-bottom : 1px solid #454444;
}
.popup li a {
color : #fff;
}
.popup a:last-of-type li {
border : 0;
}
#close {
position : fixed;
right : 190px;
top : 0;
display : none;
font-size : 30px;
}
#open {
font-size : 30px;
color : #111;
}
#elevator_item {
position : fixed;
right : 0.5rem;
bottom : 4rem;
height : 7.5rem;
opacity : 1;
z-index : 100020;
display : none;
}
#elevator {
width : 5rem;
height : 5rem;
cursor : pointer;
display : block;
background : url("../image/icon-top.png") center center no-repeat;
background-size : 5rem;
}
.mob-foot {
overflow : hidden;
position : fixed;
bottom : 0;
background-color : #fff;
padding : 1rem 0;
z-index : 9999;
margin : 0 auto;
width : 100%;
}
.mob-foot a {
float : left;
width : 33.33%;
line-height : 3rem;
font-size : 1.2rem;
color : #333;
text-align : center;
background-color : #fff;
position : relative;
}
.mob-foot a img {
display : inline-block;
vertical-align : middle;
margin-right : 0.2rem;
width : 18px;
}
.mob-foot a:nth-child(2) {
color : #fff;
border-radius : 2rem 0 0 2rem;
}
.mob-foot a:nth-child(3) {
background : linear-gradient(to right, #ffcb01, #ff9502 30%, #ff9502);
color : #fff;
border-radius : 0 2rem 2rem 0;
}
@media screen and (max-width: 1199px) {
#menu .m-subcate {
width : 800px;
}
.banner img {
height : auto;
}
.m-list {
width : calc(100% - 170px);
margin : 0;
}
.m-list li {
width : 16.666%;
text-align : left;
}
.index-case figure img {
height : 220px;
}
.m-case-dec img {
height : 470px;
}
.m-case-dec div {
top : 60px;
}
.m-case-dec p {
padding : 20px 0;
}
.m-tec-jt {
margin-top : 73px;
}
.m-menu {
display : none;
}
.m-news li span {
width : 30%;
}
.m-news li a {
width : 59%;
}
.m-proline .tabimg img {
height : 191px;
}
.m-proline li {
border-top : 1px solid #eeeff0;
line-height : 47px;
background : #fff;
}
.m-mat a {
margin : 6px 0;
}
.m-news p {
margin-top : 70px;
height : 100px;
}
.index-banner img {
height : auto;
}
}
@media screen and (max-width: 999px) {
.index-case figure img {
height : 162px;
}
.m-case-dec img {
height : 354px;
}
.m-case-dec div {
top : 50px;
}
.m-case-dec p {
width : 85%;
padding : 17px 0;
}
.m-news li a {
width : 80%;
}
.m-news li span {
width : 12%;
}
.m-tec-jt {
margin-top : 50px;
}
.m-proline .tabimg img {
height : 263px;
}
.m-proline li {
border-top : 1px solid #eeeff0;
line-height : 65px;
background : #fff;
}
.m-mat a {
margin : 10px 0;
}
aside {
margin-top : 40px;
}
.m-footpow {
line-height : 25px;
padding : 15px 0;
}
.m-footpow span:first-child, .m-footpow span:last-child {
display : block;
}
}
@media screen and (max-width: 767px) {
.m-about .m-about-bg video {
position : relative;
width : 960px;
}
.m-list {
width : 100%;
margin : 0;
}
.m-list li {
width : 50%;
text-align : center;
}
.index-case figure img {
height : auto;
}
.m-news li a {
width : 94%;
}
.m-news li span {
display : none;
}
.m-case-dec img {
display : none;
}
.m-proline .tabbar {
width : 100%;
float : left;
}
.m-proline .tabimg {
width : 100%;
float : left;
}
.m-proline .tabimg img {
height : auto;
}
.m-mat a {
margin : 10px 0;
}
.art-pro h1 {
margin-top : 20px;
}
.art-prozx a:first-child {
margin-right : 10px;
}
#elevator {
width : 3.5rem;
height : 3.5rem;
background-size : 3.5rem;
}
#elevator_item {
bottom : 6rem;
}
.m-footpow {
padding-bottom : 45px;
}
}
@media screen and (max-width: 364px) {
.art-prozx a {
width : 140px;
}
}
.road1 h2 {
color : white;
}
.road1 p {
line-height : 2em;
color : white;
}
.road1 {
background-color : #009dfa;
}
.road1 p {
padding-top : 0;
}
@media (max-width: 991px) {
.road1 img {
display : none;
}
}
@media (min-width: 992px) {
.road1 img {
max-width : 100%;
width : auto;
padding : 25px 0 25px 60px;
}
.road1 p {
margin-left : -20px;
padding : 10px 0 9px;
}
}