/* eyoucms.com 易优CMS -- 好用,免费,安全 */ body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; } h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;} a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none; outline-offset: 0;} ul,li{list-style: none;} i,em{font-style:normal;} .nav>li>a:focus, .nav>li>a:hover{background: none;} .lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;} .tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal} .db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;} .transition{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear; } img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } img.desaturate:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); } img{border:none;} html{ width:100%;} body{ width:100%; ;position: relative;overflow-x: hidden;} .slick-slide{outline: none;} .slick-slide img{margin:0 auto;max-width:100%;} .slick-dots li button:before{display: none;} .slick-dotted.slick-slider{margin-bottom:0;} .container{padding:0 10px;} .header_box{background: #fff;} .head_bot{height:90px;} .logo{height:90px;position: relative;} .logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-height: 100%;max-width: 100%;} .nav{padding-right:170px;} .nav li{float: left;text-align: center;padding:10px;position: relative;width:14.28%;} .nav li a{padding:0;display: block;font-size: 16px;color:#3b3b1d;height:70px;line-height:70px;overflow: hidden;} .nav li .nav_child{position: absolute;top:90px;left:50%;width:150px;margin-left:-75px;z-index:10;background: #fff;display: none;} .nav li .nav_child li{width:100%;float: none;padding:5px 0;} .nav li .nav_child li a{line-height: 35px;height:35px;border:none;} .nav li a:hover{background: #f1453b;color:#fff;} .nav li.current a{background: #f1453b;color:#fff;} .nav li.current .nav_child li a{background:none;color:#333;} .nav li .nav_child li a:hover{background:none;color:#f1453b;} .hot_line{position: absolute;right:0;top:33px;color:#f1453b;font-size: 18px;} .hot_line img{vertical-align: middle;margin:0 10px 0 0;} .hot_line span{ white-space:nowrap; } #model_banner .slick-dots{ } #model_banner .slick-dots li {vertical-align:middle;border-radius: 50%;margin:0 10px;} #model_banner .slick-dots li button{padding:0;width:12px;height:12px;border-radius: 50%;background: #fff;} #model_banner .slick-dots li.slick-active button{width:6px;height:6px; border-radius: 50%;background: #f1453b;} #model_banner .slick-dots li.slick-active{padding:3px;border:2px solid #f1453b;width:16px;height:16px;} .s_title{padding:70px 0 50px;} .s_title .ti_center{margin:0 40px;display: inline-block;} .s_title b{display: inline-block;width:200px;border-bottom:2px solid #333;vertical-align: top;margin-top:17px;} .s_title .ti_center h3{font-size: 30px;line-height: 35px;} .s_title .ti_center span{font-size: 14px;line-height:30px;color:#999;display: block;} .section_one {padding-bottom:80px;} .section_one .container{padding:0 100px;} .brand_lt{width:50%;padding:60px 95px 60px 0;position: relative;} .brand_lt:after{content:"";display: block;position: absolute;right:25px;top:0;width:70%;height:100%;border:2px solid #f1f1f1} .brand_lt img{position: relative;z-index:10;} .brand_lt:before{content:"";background: url(../img/index_07.png) no-repeat center center;position: absolute;bottom:0;left:0;display: block;width:47px;height:33px;} .brand_rt{width:50%;padding:60px 0 0 25px;position: relative;} .brand_rt .brand_txt{font-size: 14px;color:#666;line-height: 36px;height:324px;margin:15px 0 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:9;} .brand_rt h3{font-size: 24px;color:#666;} .brand_rt a{font-size: 14px;color:#cfcfcf;display: block;} .brand_rt:before{content:"";display: block;width:86px;height:60px;position: absolute;top:0;right:0;background: url(../img/index_03.png) no-repeat center center;} .section_two{background:#f9f9f9;} .service_tab{padding:0 100px;} .service_tab li{float:left;width:16%;text-align: center;} .service_tab li dl{margin:0 auto;} .service_tab li dl dt{width:100px;height:100px;margin:0 auto;border-radius: 50%; text-align: center;border:1px solid #e3e3e3;padding:10px;background: #f1f1f1; } .service_tab li dl dt a{width:80px;height:80px;line-height:80px;border-radius: 50%;background: #f9f9f9; font-size: 40px;color:#999;font-weight: normal;display: block;} .service_tab li dl dt a i{font-size: 40px;} .service_tab li dl dd a{color:#666;font-size: 16px;display: block;line-height: 24px;height:24px;margin-top:10px;} .service_tab li dl:hover dt{background:#f1453b;} .service_tab li dl:hover dt a{background:#d93c34;color:#fff;} .service_tab li dl:hover dd a{color:#f1453b;} .service_tab li.current dl dt{background:#f1453b;} .service_tab li.current dl dt a{background:#d93c34;color:#fff;} .service_tab li.current dl dd a{color:#f1453b;} .service_cont{padding:30px 0 80px;} .service_list{float: left;margin:30px 3% 0 0;width:31.33%;text-align: center;position: relative;} .service_cont .service_list:nth-child(3n){margin-right:0;} .service_list dd{position: absolute;top:20px;bottom:20px;left:20px;right:20px;background:rgba(241,69,59,.9);display: none;} .service_list dd a{display: block;text-align: center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto; height:45px;} .service_list dd a span{display: block;color:#fff;font-size: 24px;line-height: 26px;height:26px;overflow: hidden;} .service_list dd a:after{content:"";display: block;width:60px;border-bottom:2px solid #fff;margin:15px auto 0;} .service_list img{max-width: 100%;max-height: 100%;} .news_cont{padding-bottom:30px;} .news_list{float: left;width:48%;margin:0 4% 40px 0;padding:10px;} .news_cont .news_list:nth-child(2n){margin-right:0;} .news_list dl{background: #f9f9f9;padding:30px 30px;border-bottom:3px solid transparent;} .news_list dl dt{width:65px;float:left;text-align: right;font-weight: normal;} .news_list dl dt b{display: block;font-size: 22px;line-height: 20px;height:20px;} .news_list dl dt span{display: block;font-size: 14px;color:#666;margin:10px 0 12px;} .news_list dl dt i{display: block;width:55px;border-bottom:1px solid #ddd;float: right;} .news_list dl dd{margin-left:100px;} .news_list dl dd h3 a{display: block;font-size: 18px;line-height: 20px;height:20px;color:#333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;} .news_list dl dd .news_txt{font-size: 14px;color:#666;line-height: 30px;height:90px;margin:10px 0 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3} .news_list dl dd a{font-size: 12px;color:#999;} .fourBg{position: absolute;top:0;left:50%;width:1920px;margin-left:-960px;height:365px;} .contact_list li{float:left;width:33.33%;text-align: center;} .contact_list li span{display: block;width:80px;height:80px;border-radius: 50%;text-align: center;margin:0 auto;background: #666;} .contact_list li p{font-size: 14px;color:#666;margin-top:15px;} .contact_list{padding-bottom:70px;} .contact_list li span img{max-width: 100%;max-height: 100%;} .footer{background: #f9f9f9;padding:45px 0;} .footNav{display: inline-block;vertical-align: top;width:80%;} .footNav li{display: inline-block;width:23%;text-align: left;vertical-align: top;} .footNav li a{display: block;font-size: 14px;color:#666;line-height: 30px;} .footNav li h3 a{font-size: 16px;color:#333;margin-bottom:5px;} .footNav li a:hover{color:#f1453b;} .footNa dt{width:140px;height:140px;text-align: center;} .footNa dd{font-size: 14px;color:#666;line-height: 22px;margin-top:5px;} .footNa dt img{max-width: 100%;max-height: 100%;} .link{border:1px solid #ebebeb;margin-top:25px;padding:10px 15px;} .link li {color:#999;font-size: 14px;display: inline-block;vertical-align: top;margin:0 10px;} .link li a{color:#999;font-size: 14px;} .link li a:hover{color:#f1453b;} .copy{background: #f1453b;padding:10px 0;font-size: 14px;color:#fff;} .copy a{ font-size: 14px;color:#fff;} .model-dectil-bottom{height:auto;overflow: hidden;} /*pc端内页*/ .content_111color .quickbar_nav ul li.quickbar_weixin:hover .quickbar_hoverbox img{max-width: none;max-height: none;} .content_111color .updown_fenlei .cont_nav .one .o_li a.ez_a {color: #fff;background: #f1453b;font-weight: bold;text-align: left;} .content_111color .updown_fenlei .cont_nav .one .o_li a.ez_a i{background: url(../img/icon4_h.png) center no-repeat;background-size: 100% auto;} .content_111color .updown_fenlei .cont_nav .one .o_li:hover .one_a,.content_106color .updown_fenlei .cont_nav .one .o_li a.ez{background: #f1453b;} .content_111color .updown_posnav .nav_item a:hover,.content_106color .updown_posnav .nav_item a.on{color: #f1453b;} .content_111color .model-textlist-four ul li a:hover{background: #f1453b;} .content_111color .model-textlist-four ul li .textlist-r dd{color: #333;} .content_111color .model_page a.current,.content_106color .model_page a:hover {color: #f1453b;border-bottom: 1px solid #f1453b;} .content_111color #model_contant_main .model_dec_adress a:hover {color: #f1453b;} .content_111color .model-dectil-bottom .model-dectil-chose a:hover {color: #f1453b;} .content_111color .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border-bottom:1px solid #f1453b;background-color: #f1453b;} .content_111color .model-textlist-one ul li:hover{border-bottom:1px solid #f1453b;} .content_111color .model-textlist-one ul li:hover dt{color: #f1453b;} .content_111color .model-textlist-two ul li a:hover .textlist-l dt{color: #f1453b;} .content_111color .model-textlist-two ul li a:hover .textlist-l p{color: #f1453b;} .content_111color .model-textlist-two ul li a:hover .newtime{background: #f1453b;} .content_111color .model-textlist-three ul li a:hover, .content_106color .model-textlist-three ul li a:hover dt{color: #f1453b;} .content_111color .model-textlist-three ul li a:before{background: #f1453b;} .content_111color .model-imgtextlist-two ul li a:hover .imgtextlist-r dt{color: #f1453b;} .content_111color .model-imgtextlist-one ul li a:hover .imgtextlist-l dt{color: #f1453b;} .content_111color .model-imgtextlist-three ul li a:hover .imgtextlist-r dt{color: #f1453b;} .content_111color .model-imgtextlist-three ul li .imgtextlist-r .time p{color: #f1453b;} .content_111color .model-imgtextlist-four ul li a:hover .imgtextlist-text{background: #f1453b;} .content_111color .model-imgtextlist-four ul li .imgtextlist-text dd{color: #fff;} .content_111color .model-imgtextlist-four ul li a:hover .imgtextlist-text p{color: #fff;} .content_111color .model-imglist-two ul li .pimg em span{background-color: #f1453b;} .content_111color .model-imglist-two ul li a:hover p{background: #f1453b;} .content_111color .model-imglist-three ul li a:hover{border:1px solid #f1453b;} .content_111color .model-imglist-three ul li a:hover p{color: #f1453b;} .content_111color .model_seach .model-seachdiv form .seabtn{background: #f1453b;} .content_111color .model-textlist-three ul li a:before{background: #f1453b;} .content_111color .model-dectil-img .slick-dots li button{border:1px solid #f1453b;} .content_111color .model-dectil-img .slick-dots li.slick-active button{background: #f1453b;} .content_111color .model-textlist-four ul li a:hover{background: #f1453b!important;} .content_111color .model-textlist-four ul li a:hover .textlist-r dt{color:#fff!important;} .content_111color .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on {color:#f1453b;} /*手机端内页*/ .content_111color .model-classify .model-classify-posnav {background: #f1453b;} .content_111color .model-classify-nav .one .o_li a.ez{color:#f1453b} .content_111color .model-classify-nav .second a.sen_x{color:#f1453b} .content_111color .model-classify-nav .second a.sen_x:before{background:#f1453b} .content_111color .model-phone-page span i{color:#f1453b;} .content_111color .model-fixed{background:#f1453b;} .content_111color .model-leftnav-top{background:#f1453b;} .model-leftnav-main .nnav .yiji dl img{display: block;} .model-leftnav-main .nnav .yiji.xz a.ce{color:#f1453b}