/* Write your styles */ @charset "utf-8"; /* CSS Document */ @media screen and (min-width: 1200px) { .cfcontwidth{padding: 0 18%} .foot_bottomleft{width: 50%} .two_conta{padding: 0 20px;} /*comoany_公司概况*/ .company_bg{padding: 0 10px;} /*车型纵横*/ .company_tiele .cxzl_padding{padding-right: 50px;} /*留言*/ .input_width{width: 350px;} /*会员*/ .hyzx_boredr{ } .shouji_padd{display: none} .hyzx_bg{padding-top: 60px; } } @media screen and (max-width: 750px) { .cfcontwidth{padding: 0} .footop{display: none;} .foot_topbg {padding: 0 10px;} .foot_bottom{padding: 0 10px;} .foot_bottomright{display: none} .foot_bottombg .foot_bottomleft{width: 100%;border-right:none} .two_conta{padding: 0 0px;} .four_cont{padding: 0 10px;text-align: justify} .company_bg{padding:0;} .am-list .am-list-item-dated a{margin-right: 0px;} .compan_icon{display: none} .company_tiele .cxzl_padding{padding-right: 24px;} .paleftright li{width: 100%;} .input_width{width: 60%;} .hyzx_bg .hyzx_left{display: none} .shouji_padd{padding:30px 10px 0 10px} .hyzx_boredr{margin-left: 0;} } address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul{margin: 0} .heard_nav .head_right{padding-right: 20px;} .head_conter{width: 100%} .head_img{padding: 11px 0 0 10px; } .heard_nav{width: 100%; background-color: #00294b;height:85px;position: fixed;top: 0;z-index: 9999 } .head_nava{float: left} .head_right{ float:right;} .headnav_p{font-size:14px ;color: #fff;display: block} .headnav_li{height: 85px;padding: 0 18px;line-height: 85px;} .headnav_ali{height: 85px;padding: 0 18px;line-height: 85px;} .headnav_p:hover{color: #fff;} .headnav_li:hover{color: #fff;background-color: #006ebc} .head_right {padding:0;margin: 0 } .headenav_bg{background-color: #006ebc} .am-slider-a1 .am-control-nav li a{border: 1px #fff solid;width:10px ;height:10px ; } .am-slider-a1 .am-control-nav li a.am-active{width:12px ;height:12px ;background-color: #fff;margin-top: 2px;padding-top: 2px} .am-slider-a1 .am-control-nav{bottom: 25px;} /*手机导航*/ .am-header .am-header-title{margin: 0;text-align: left} .am-header .am-header-title img{width: 18rem;height: 6.0rem;/*margin-top: -0.4rem;*/;padding: 0;margin-top: 5px} .am-header-default{background-color: #00294b} .am-header{height: 7rem} .am-menu-offcanvas1 .am-menu-toggle{top: -58px} .am-offcanvas-bar{background-color: rgba(0,0,0,0.8);/*box-shadow:10 8 24 red*/} .am-menu-offcanvas1 .am-menu-nav>li>a{color: #fff;border-right: none} .am-menu-offcanvas1 .am-menu-sub a{color: #fff;} .am-menu-offcanvas1 .am-menu-sub{background-color: rgba(0,0,0,0.8)} .am-menu-offcanvas1 .am-menu-nav>.am-open>a, .am-menu-offcanvas1 .am-menu-nav>li>a:focus, .am-menu-offcanvas1 .am-menu-nav>li>a:hover{background-color: rgba(0,41,75,0.6)} /*内容1_标题*/ .one_bg{padding: 35px 0 18px 0;} .one_title{border-bottom: 1px solid #ccc;margin-bottom: 40px;} .one_title_a{ font-size:40px;} .one_title_a a:hover{color: #999999} .one_title_b{text-align: center;padding: 10px;border-bottom: 3px solid #666;width: 187px;margin:0 auto;font-size: 14px;margin: 0 auto -2px;} /*内容1_内容*/ .one_conter{/*padding: 0 20%;*/} .onecont_bottom{margin-bottom: 20px;} .onetext_a{padding: 10px 0} .oneimg_a:hover{opacity: 0.7;} /*内容2*/ .two_bg{background-color: #f7f7f7} .two_img{width: 100%;height: 100%;} .two_padding{padding:0 15px;margin: 12px 0;} /*内容3*/ .three_text{margin-bottom: 40px;} .three_left{width:12% ;height:106px ; } .three_right{padding: 0;width: 88%;padding-left: 10px;} .three_leftop{display: block; height:53px ;line-height:53px ; background: #e4e4e4;} .three_lefbottom{font-family: Impact;display: block;height:53px ;line-height:53px;} .three_righb{width: 86%;} .three_righa{width: 14%;width: 19px;height: 19px;line-height: 19px;text-align: center;background: #999;} .three_textd{margin-bottom: 10px;} .index_banner{margin-top:85px} /*3内容经过*/ .three_text:hover .three_left .three_leftop{background-color: #006ebc;color: #fff;} .three_text:hover .three_left .three_lefbottom {color: #006ebc} .three_text:hover .three_right .three_righb{color: #006ebc} .three_text:hover .three_right .three_righa{background-color: #006ebc} /*内容4*/ .four_a{padding-bottom: 22px;text-indent: 2em; } /*页脚*/ .foot_a a{color: #9c9e9f;} .foot_a a:hover{color: #fff;} .foot_top{background-color: #282d30;padding: 17px 0;} .foot_topbg{width: 100%;background-color: #282d30;} .foot_bottombg{width: 100%;background-color: #323639;height:184px; } .foot {padding-bottom: 20px;background-color: #323639;} .foot_p{color: #9c9e9f;line-height: 2;} .foot_bottomleft{margin-top: 30px;border-right: 1px solid #5d5d5d;} .foot_bottomright{padding-left:50px;width: 50%; } .foot_botta{color: #9c9e9f;line-height: 1.8;} .foot_qq{ border-radius:6px;background-color: #b00000;padding:10px 16px;display: block;text-align: center;margin-top: 10px; } .foot_qq:hover{background-color: #ec971f;color: #fff;} .foot_bottleft{padding-top: 30px;} .footright_img{padding: 20px 16px;;background-color: #3e4144;} .footright_img img{width: 125px;height: 125px;} /*返回顶部*/ .am-gotop-default{margin: 0} .am-gotop-default a{padding:17px 46px; } /*首页案例*/ { overflow: hidden; margin: 0; width: 100%; list-style: none; } /* Common style */ .two_conta figure{ position: relative; z-index: 1; display: inline-block; overflow: hidden; margin:0.9em 0;/*text-align: center;*/ cursor: pointer; } .two_conta figure img{ position: relative; display: block; opacity: 1; } .two_conta figure figcaption{ padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .two_conta figure figcaption::before, .two_conta figure figcaption::after { pointer-events: none; } .two_conta figure figcaption{ position: absolute; top: 0; left: 15px; width:calc(100% - 29px);width:-moz-calc(100% - 29px);width: -webkit-calc(100% - 29px); height: 100%; } .two_conta figure a{ color: #333; } .two_conta figure a .glyphicon{height:3.75em; line-height:3.75em; margin-right:10px;} .glyphicon{ position: relative; top: 24px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; width: 20px; height: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .two_conta figure a:hover{ color: #006ebc; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .two_conta figure a{ z-index: 1000; } .two_conta figure h2{ word-spacing: -0.15em; font-weight:normal; } .two_conta figure h2, .two_conta figure p { margin: 0; } .two_conta figure p{ letter-spacing: 1px; font-size: 68.5%; } .img-responsive{max-width: 100%;} .pull-right{float: right !important;} figure.effect-zoe img { /*min-width: 100%; */height: auto;} figure.effect-zoe img { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } figure.effect-zoe img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-zoe:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-zoe:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-zoe figcaption { top: auto; bottom: 0; padding:0 0.8em; height: 3.4em; background: #fff; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); line-height:3.4em;} figure.effect-zoe h2 { float: left; width: 100%;} figure.effect-zoe p { position: absolute; left: 0; bottom: 6em; padding: 1em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-zoe h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } figure.effect-zoe h2 { display: inline-block;padding-left:10px; /*height:3.75em; line-height:3.75em;*/} figure.effect-zoe:hover p { opacity: 1; } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } /*内页company_公司简介*/ .company_bg{margin-bottom: 80px;} .company_padding{padding: 0 15px;} .company_tiele{height: 70px;line-height: 70px;border-bottom: 1px solid #ddd;margin-bottom: 50px;} .company_tiele .company_right{padding-right: 20px;} .company_text .comtext_p{padding:20px 0} /*在线留言*/ .rlzydetail_qt{margin-right: 17px;} .rlzydetail_E{margin-right: 65px} .rlzydetail_button{margin: 16px 112px;padding: 8px 46px;background-color: #23b7e5;border-radius: 2px;border: none;color: #fff;} .rlzydetail_button:hover{background-color: #38c4f0;color: #fff;} /*新闻中心*/ .am-list-news-default{margin: 0;} .am-list>li{border-bottom:1px solid #ddd;} .am-list>li:first-child{border: none} .am-list>li>a{padding:15px 0;} .compan_icon{margin-top: 1px;margin-right: 8px;} .company_p{} .companytext_hover:hover .am-list-item-hd{color: #999} .am-list{margin-bottom:30px; } .company_widyheft{width:65% } .company_deta{width: 25%; } /*新闻详情*/ .newdetail_a{color: #607fa6} .newdetail_title{border-bottom: 1px solid #ddd} .newdetail_title p{margin-bottom: 5px;} .newdetail_text{padding: 20px 10px;} .newdetail_text p{padding: 8px 0;} /*页脚*/ .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} .pagess ul li a:hover {color: #fff;} /*车型纵览*/ .company_tiele .cxzl_padding:last-child{padding-right: 0} .cxzl_cont{margin-bottom:30px; } .cxzl_cont img{width: 100%;} .cxzl_b p{position: absolute;top: 0} .cxzl_text{padding: 10px;background-color: #f7f7f7;} .cxzl_circle{background-color:#c10000;width: 10px;height: 10px; margin-top: 8px;margin-right: 15px; } .cxzl_buttom_bg{margin-top: 15px;margin-bottom: 5px;} .cxzl_buttom{padding:5px 20px;background-color:#c10000;} .cxzl_buttom:hover{color: #fff;opacity: 0.6} /*详情页*/ .cxzl_padding span:hover{color: #999} .company_right .cxzl_hover{color: #c10000} .cxzldetail_bg{background-color:#f7f7f7 ;padding: 10px 20px;margin-top: 8px;} .cxzldetail_bg li{padding: 6px 0} .cxzldetail_p{padding-top: 8px;} .cxzldetail_border{height:45px;line-height: 45px; width: 100%;border: 1px solid #ddd;margin-bottom: 30px} .cxzldetali_padding{padding:0 18px;margin-top:64px;margin-bottom: 30px; } .cxzldetail_border .cxzldetail_a{padding:13px 40px 10px 40px;background-color: #fafafa; } .cxzldetail_border .cxzldetail_a:hover{color: #b5b5b5;} /*人力资源*/ .company_right span:hover{color:#999;} .rlzy_bg{border: 1px solid #ddd} .rlzy_title{padding-left: 5px;padding-top: 10px} .rlzy_deta{border-bottom: 1px solid #ddd;padding-left: 5px} .rlzy_text{padding: 0 20px;} .rlzytext_a{padding: 20px 0;} .rlzy_b{color: #1c57c4;border-top: 1px solid #ddd;padding: 10px 20px;} /*人力资源详情页*/ .rlzydetai_a{background-color: #e7e7e7;height:60px ;line-height:60px;padding-left:15px;} .am-form-group{padding: 16px 0;border-bottom: 1px solid #ddd;margin-bottom: 0;} .am-form-group:last-child{border-bottom: none} .am_table{padding-right: 40px; } #doc-select-1{color: #656565;border: 1px solid #ccc;padding:2px 0 ; } .rlzydetail_name{padding-right: 73px; } .rlzydetail_name .rlzyname_input{border: 1px solid #ccc;color: #656565;padding: 2px 0;} .rlzydetail_xbbg{border-bottom: 1px solid #ccc;padding: 10px 0;} .rlzydetail_xb{padding-right: 65px;} .rlzydetail_xb .rlzydetail_xb_a{padding-top: 10px; } .am-radio{margin-top: 10px;} .rlzydetail_phone{padding-right: 45px;} .input_width{border: 1px solid #ddd;padding: 5px;} .rlzy_border{border: 1px solid #ddd;} /*走近工厂*/ .zjgc_hight{padding: 5px; } .zjgc_img{ } .zjgc_p{height:50px;line-height:50px ;background-color:#f8f8f8;color: #484848 } .zjgc_hight:hover .zjgc_img{opacity: 0.7;} .zjgc_hight:hover .zjgc_p{background-color:#006ebc;color: #fff;} /*会员中心*/ #hyzx .hyzx_one{background-color: #f5f5f5;color: #006ebc;border: 1px solid #e9e9e9; ;line-height: 68px;padding: 0;} .hyzx_left{padding: 0;border-left: 1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .hyzx_icon{padding-left: 20px;padding-top: 10px;width: 36px;height: 36px;} .hyzx_p {padding-left: 26px;} #hyzx .hyzx_a{height: 58px;line-height: 58px;padding-top: 0;padding-bottom: 0;padding: 0 0 0 20px} #hyzx .hyzx_a:hover{background-color: #006ebc;color: #fff;} #hyzx .hyzx_nwo{background-color: #006ebc;color: #fff;} #hyzx .am-list-static.am-list-border>li{padding: 0} #hyzx .am-list li{border:0px solid red;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;} .hyzx_right{padding: 0;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; } .hyzx_title{height:70px ;line-height: 70px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9; } .hyzx_mian{padding: 0;padding-right: 20px;} .hyzxright_span{margin-left: 20px;} #hyzx .hyzxa_a{color: #b3b3b3;} #hyzx .hyzxa_a:hover{color:#006ebc} #hyzx .hyzxa_b{color: #006ebc;} #hyzx .am-dropdown-content{left: 20px;} #hyzx .am-btn-primary{background-color: #006ebc; border-color: #006ebc;} #hyzx ul.am-dropdown-content>.am-active>a, ul.am-dropdown-content>.am-active>a:focus, ul.am-dropdown-content>.am-active>a:hover{background-color: #006ebc;} /*common*/ /* 通用 */ /*重置*/ .first_text{text-indent:35px} .cf-content{width:1200px;margin:0 auto;} .left{float:left;} .right{float:right;} .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} .clearfloat{zoom:1} .head{cursor:pointer;} .bold{font-weight:bold;} .red{color:red;} /*水平居中*/ .center{text-align: center} .justify{text-align: justify} /*a变快*/ .right_cont a{display: block} /*不计算宽高*/ *{font-family: 微软雅黑} *{-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} /*多行溢出*/ .overflow{display: -webkit-box; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .overflow2{display: -webkit-box; overflow: hidden; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .overflow3{word-break:keep-all; /* 不换行 */ white-space:nowrap; /* 不换行 */ overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis; -webkit-box-orient: vertical;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ -webkit-line-clamp: 3; } /*字体大小px*/ .size_12{font-size: 14px;} .size_14{font-size: 14px;} .size_16{font-size: 16px;} .size_18{font-size: 18px;} .size_20{font-size: 20px;} .size_22{font-size: 22px;} .size_24{font-size: 24px;} .size_26{font-size: 26px;} .size_28{font-size: 28px;} .size_30{font-size: 30px;} .size_32{font-size: 32px;} .size_34{font-size: 34px;} .size_38{font-size: 38px;} .size_40{font-size: 40px;} .size_42{font-size: 42px;} .size_44{font-size: 44px;} .size_46{font-size: 46px;} .size_48{font-size: 48px;} .size_50{font-size: 50px;} /*常规颜色*/ .color_0{color: #000} .color_10{color: #1a1a1a} .color_20{color: #333} .color_30{color: #4d4d4d} .color_32{color: #818181} .color_40{color: #666} .color_50{color: #808080} .color_60{color: #999} .color_70{color: #b3b3b3} .color_80{color: #cccccc} .color_90{color: #e5e5e5} .color_100{color: #fff} .color_96{color: #f5f5f5} /*字体加粗*/ .weight_0{font-weight: normal} .weight_700{font-weight: 700} .weight_600{font-weight: 600} .weight_600{font-weight: 500} /*块*/ .block{display: block} .inline-block{display: inline-block} /*行高*/ .line_1{line-height: 1} .line_15{line-height: 1.5} .line_18{line-height: 1.8} .line_2{line-height: 2} .line_3{line-height: 2} /*填充*/ .patopbottom_10{padding: 10px 0;} .paleftright{padding: 0 10px;} .paleftright20{padding: 0 20px;} .paright{padding-right: 10px;} .paleft{padding-left: 10px;} .patop{padding-top: 10px;} .paleft20{padding-left: 20px;} /*边角*/ .radius{border-radius: 50%} /*宽*/ .width_100{width: 100%;} /*首行缩进*/ .indent{text-indent: 1em;} .indent2{text-indent: 2em;} .margtop2{margin-top:2rem;} .margtop4{margin-top:4rem;} .margtop6{margin-top:6rem;} .am-g-fixed{ max-width: 1200px;margin: 0 auto} .video-title{text-align:center;color:#444;font-size:24px;margin-bottom:5rem;} .videolist-title{font-weight:bold;font-size:22px;margin-bottom:2rem;} /* 底部固定导航20210622added by syh */ @media screen and (max-width: 750px) { .social_nav5{height:6.5rem;position:fixed; bottom:0; min-width:320px; max-width:1020px; width:100%; z-index:999; background: rgba(14,30,63,0.8);} .social_nav5 li{ width:25%; float:left; position:relative;border-right:1px solid #2f3335;border-left:1px solid #4e4e4e; font-size:1.5rem; text-align:center; color:#fff;line-height:1rem; height:5rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;} .social_nav5 li:last-child{border-right:none;} .social_nav5 li em{ width:35%; display:block; margin:0 auto; padding:0.7rem 0 0.5rem 0;} .social_nav5 li a{ color:#fff;} .social_nav5 li.cur{ color:#fff;} .social_nav5 li .erji{ position:absolute; bottom:5rem; left:0; width:100%; text-align:left; background:#3d3d3d; display:none; } .social_nav5 li .erji a{ display:block; border-bottom:1px solid #4e4e4e; font-size:1rem; height: 2.5rem; line-height:2.5rem;position:relative; text-align:center; color:#fff;} .social_nav5 li .erji a:last-child{border-bottom:none;} } /*底部结束*/