@charset "utf-8";body,html{font-size:14px;min-width:320px;color:#3c3c3c;position:relative;height:100%} body,html, button, input, select, textarea,a{ font-family:"AlibabaPuHuiTi-3-45-Light"} .fl{float:left} .fr{float:right} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} * html .clearfix{zoom:1} img{max-width:100%} a:hover{text-decoration:none} .clearfix:after,.clearfix:before{content:"";display:table} .clearfix:after{clear:both} .clearfix{zoom:1} a:hover{text-decoration:none} img{max-width:100%;vertical-align:middle} .mian-container{background:#001741;position:relative} .search_top{ height:120px;} .header{ background:rgba(255,255,255,0.3); position:relative; z-index:1000000; position:absolute; top:0; width:100%; padding-bottom:4px;} .navbar-contact{ float:right;padding-left:40px; font-size:15px; margin-top:20px; font-size:14px; color:#4a4b4d} .navbar-contact .search-box{ display:inline-block;width:145px; height:25px; position:relative; margin-left:20px;} .navbar-contact .search-box #q{ border:1px solid #d0d6e2;} .navbar-contact .search-box #q{ width:145px; height:25px;} .navbar-contact .search-box .submit{ position:absolute; right:0; background:url(../images/icon_03.png) no-repeat center center; width:25px; height:25px; border:0; text-indent:300px; overflow:hidden; top:0} .navbar-contact .topNav{ display:inline-block; margin-left:20px;} .navbar-contact .topNav p{ cursor:pointer} .navbar-contact a{ color:#4a4b4d} .dropdown-menu{ border-radius:0; box-shadow:none; border:1px solid #d0d6e2; right:0; left:10px;} .new-info-text,.page-info,.product-text{line-height:2.1em; font-size:16px;} .header,.header .navbar-brand img,.header .navbar-nav,.header .nav li a,.index_news .pro_box{transition-duration:.3s;transition-property:transform,background-color,box-shadow,line-height,height,width,margin,color,margin-top;} .header .nav li > a:hover,.header .nav li.active > a{color:#DC2730!important} .header .nav li a:hover{color:#DC2730!important} .header .navbar-brand img{} .navbar-nav > li{ position:relative} .navbar .nav > li:hover .dropdown-menu {display: block; right:0; min-width:130px; text-align:center; border-radius:0; border-top:1px solid #DC2730} .navbar .nav > li:hover .dropdown-menu li{ border-bottom:#eee 1px solid} .navbar .nav > li:hover .dropdown-menu li a{ padding:10px 0} .navbar-nav{ margin:0; padding:0;} .navbar-nav>li>a{ line-height:55px; height:55px; font-size:16px; color:#2c2b2b;margin-left:45px;padding:0; margin-right: 0;} .navbar-collapse{ padding:0} .navbar{border:0} .navbar-default{margin-bottom:0;margin-right:-15px;margin-left:-15px;background:0 0} .navbar-brand{height:auto; padding: 0; padding-top: 55px;} .navbar-default .navbar-nav>li>a{color:#050402;background:0 0!important} .h-r-nav{ position:relative; line-height:30px;margin-left:3px; z-index:100000} .h-r-nav-list{ background-color:#fff;position:absolute; right:0; top:30px; display:none; width:275px; padding:10px 15px;border:1px solid #d0d6e2; line-height:1.7em;} .h-r-nav-list dl{ padding:4px 0; border-top:1px dotted #ccc; margin-bottom:10px;} .h-r-nav-list dl.fist{ border-top:0 none;} .h-r-nav-list dt{ color:#DC2730;padding-bottom:2px; font-weight:bold; } .h-r-nav-hover .h-r-nav-list{ display:block;} .h-r-nav-list dd a{ margin-right:7px;white-space: nowrap;display: inline-block; font-size:12px; color:#666} .h-r-nav-list dd a:hover{ color:#DC2730} .banner{position:relative} .banner .arrow-left{position:absolute;z-index:10000;left:35px;top:50%;margin-top:7px;width:46px;height:54px} .banner .arrow-right{position:absolute;z-index:10000;right:35px;top:50%;margin-top:7px;width:46px;height:54px} .swiper-container{width:100%;height:100%} .zhanqun{position:relative;display:inline-block;z-index:100000} .zhanqun>a{height:31px;display:block} .drop_menu{position:absolute;right:0;top:25px;background:#fff;border:1px solid #ccc;padding:5px 0;display:none;width:110px} .drop_menu dd{padding:7px 0;text-align:center} .drop_menu dd a img{width:100px} .drop_menu dd:hover{background:#ECECEC} .zhanqun:hover .drop_menu{display:block} .css3{box-shadow:0 0;width:calc(100% + 2em);font-size:24px} blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} fieldset,img{border:0} :focus{outline:0} address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var{font-style:normal;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400} abbr,acronym{border:0;font-variant:normal} button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} code,kbd,samp,tt{font-size:100%} body{line-height:1.5} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} ctoolion,th{text-align:left} sub,sup{font-size:100%;vertical-align:baseline} :link,:visited,ins{text-decoration:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} .swiper-container{width:100%;height:100%;position:relative} .swiper-slide{background-position:center;background-size:cover!important} .id-bottom{position:absolute;bottom:25px;left:0;width:100%;z-index:3} @keyframes scale{from{visibility:hidden;transform:scale(0,0)} to{visibility:visible;transform:scale(1,1)} } .id-list2 img{transition:All .6s ease-in-out} .id-list2 img:hover{transform:rotate(360deg)} .id-list1{display:block;background:rgba(229,116,2,.8);padding:20px 10px;min-height:124px;animation:scale 1.4s;-webkit-animation:scale 1.4s;-moz-animation:scale 1.4s;-o-animation:scale 1.4s;-ms-animation:scale 1.4s} .id-list1 img{float:left;margin-right:8%} .id-list1 p{color:#fff;margin-bottom:0;max-height:80px;overflow:hidden} .id-list2{background:rgba(255,254,253,.8);padding:14px 0;min-height:124px;animation:scale 2.4s;-webkit-animation:scale 2.4s;-moz-animation:scale 2.4s;-o-animation:scale 2.4s;-ms-animation:scale 2.4s} .id-list2 a{display:block;width:33.33333%;float:left;color:#030303;text-align:center} .id-list2 a p{margin-bottom:0;margin-top:5px} .id-list3{background:rgba(185,72,2,.8);min-height:124px;animation:scale 3.4s;-webkit-animation:scale 3.4s;-moz-animation:scale 3.4s;-o-animation:scale 3.4s;-ms-animation:scale 3.4s} .id-list3 span{display:inline-block;width:73px;height:81px;background:url(../images/id-icon5.png) center center no-repeat;float:left;text-align:center;color:#fff;margin-right:8%} .id-list3 span b{font-size:24px;display:block;margin-top:10px;font-weight:500} .id-list3 p{margin-top:10px} .id-list>div{margin-bottom:25px} .id-bottom-info{text-align:center;color:#fff;margin-bottom:0} .big-product img,.small-product li img{width:100%;border:1px solid #E6E6E6} .small-product{display:none} .small-product li{float:left;margin-right:2.5%;width:18%;cursor:pointer;margin-top:15px} .small-product li.on img,.small-product li:hover img{border:2px solid #FF7F03} .small-product li:nth-child(5n){margin-right:0} .product-detail-r .title{border-bottom:1px solid #E7E7E7;padding:10px 0 15px 0;margin-bottom:15px} .main,.main-top{background:#fff} .main-top{text-align:center;border-bottom:1px solid #E7E7E7} .main-top a{display:inline-block;line-height:normal} .main-top a span{display:inline-block;padding:0 38px;border-left:1px solid #E9E9E9;margin:20px 0;color:#646363;font-size:16px} .main-top a:first-of-type span{border-left:0} .main-top a em{display:none;width:80%;background:#DC2730;height:2px;margin:0 auto} .main-top a.on em,.main-top a:hover em{display:block} .main-top a.on span,.main-top a:hover span{color:#DC2730} .main{padding:30px 0} .new-list li{padding:10px;border:2px solid #E9E9E9;margin-bottom:10px} .new-list li img{float:left;margin-right:2%} .new-list li p{font-size:12px;line-height:1.8em} .new-list li .h3{font-size:18px;color:#121212;margin:15px 0 20px 0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .new-list li .more{display:inline-block;width:60px;height:20px;color:#fff;line-height:20px;text-align:center;text-transform:uppercase;background:#5C5C5C;float:right;font-size:12px} .page{font-size:0;text-align:center;padding-top:30px} .page a{font-size:14px;color:#888;display:inline-block;height:32px;padding:0 12px;line-height:32px;border:1px solid #727272;margin:5px 3px} .page a.on,.page a:hover{background:#727272;color:#fff} .page span{font-size:14px} .page-title{background:url(../images/titlebj.png) center center no-repeat} .page-top{text-align:center} .page-info{padding:30px 0} .page-info p{line-height:2em} .contact-us p img{vertical-align:middle;margin-right:15px} .map{margin-top:40px} .product-list li{text-align:center;margin-top:20px} .product-list li p{margin:20px 0;color:#2d2d2c} .main-top2{font-size:16px} .main-top2 a span{border:0;padding:0 12px} .product-info{padding:20px 0} .product-info .title{border-bottom:1px solid #E7E7E7;padding-bottom:10px;margin-bottom:15px} .case-list{padding:0 2.5%} .case-list li{float:left;width:24.15%;margin-right:1.1%;margin-bottom:10px} .case-list li img{width:100%;max-height:133px} .new-info-top{text-align:center;margin-bottom:35px} .new-info-top h3{margin-bottom:20px; font-size:24px;} .new-detail{ display:none} .new-link{border-top:1px dashed #e0dfdf;margin-top:30px;padding-top:10px} .new-link a{margin-top:10px;color:#457ABE;margin-right:20px} .new-link a:hover{text-decoration:none;color:#FBC015} .new-info-text{line-height:2em} #top-btn{display:none} @media(min-width:768px){ .header{padding-bottom: 0;} .navbar-nav{float:right} .new-list li p{max-height:84px;overflow:hidden} .navbar-toggle{margin-top:25px} #top{position: relative;} #top>.container{position: static;} #top>.container>.navbar{position: static;} #top>.container>.navbar>.navbar-collapse{position: static;} #top>.container>.navbar>.navbar-collapse>.navbar-nav{position: static;} .navbar-nav > li{ position:static;} #top>.container>.navbar>.navbar-collapse>.navbar-nav .active>.animenu__nav__child{display: block !important;} /*.animenu{}*/ /*.animenu__nav{text-align:right; width:80%;}*/ /*.animenu__nav > li{text-align:center;}*/ /*.animenu__nav > li > a{line-height:1.5rem; font-size:.259rem; padding:0 .3rem;}*/ /*.animenu__nav > li:hover > .animenu__nav__child{display:block;}*/ /*.animenu__nav > li.active > a,.animenu__nav > li:hover > a{background:#4f91db; color:#fff;}*/ .animenu__nav__child{background:rgba(152, 152, 152, 0.9); width:100%; position: absolute; top: 100%;left:0; z-index: 9999; display:none; -webkit-transition: margin .15s, opacity .15s; transition: margin .15s, opacity .15s; text-align:center; padding:.2rem 0 .5rem 0;} .animenu__nav__child > ul{display:inline-block; text-align:left; width:735px; max-width:100%; margin-left:18%;} .animenu__nav__child > ul > li{float:left; width:calc(100% / 3); padding-right:5%; margin-bottom:.3rem;} .animenu__nav__child > ul > li > a{border-bottom:1px solid rgba(255,255,255,.5); color:#fff; display:block; line-height:2; padding:.5em 0;} .animenu__nav__child > ul > li > a:hover{color: #fff;} .animenu__nav__child > ul > li > dl{padding-top:.2rem;} .animenu__nav__child > ul > li > dl > a{font-size:12px; display:block; line-height:2.5;color: #fff;} .animenu__nav--open{display: block !important;position:absolute; left:0; top:100%; z-index:99999;} .animenu__nav--open .animenu__nav__child{display: block;} .activeColor >a{color:#DC2730!important;} } @media(max-width:767px){.id-list>div{margin-bottom:12px} .new-list li img{width:100%;display:block;margin-bottom:10px} .page-title{font-size:22px} .main{padding:20px 0} .product-list li{margin-top:5px} .page{padding-top:5px} .case-list li{width:48%;margin-right:2%} .case-list li:nth-child(2n){margin-right:0} .id-list1,.id-list3{display:none} .navbar-collapse{background:rgba(255,255,255,0.6)} .swiper-slide{background-position:center;background-size:100% 100%!important} #top-btn{display:block;width:32px;height:32px;background:url(../images/top-btn.png) center center no-repeat;position:fixed;top:55%;right:5px;z-index:999} .navbar-brand{height:auto;width:70%;max-width:211px} } @media(max-width:991px){ .main-top a span{font-size:14px;margin:10px 0; padding:0 12px} } @media(min-width:768px) and (max-width:991px){ .page-title{font-size:26px} .main{padding:30px 0} .case-list li{width:32%;margin-right:2%} .case-list li:nth-child(3n){margin-right:0} } .index_title{text-align:center;margin-bottom:40px; } .index_title h3{font-size:28px;color:#000000; margin:1px 0;} .index_title p{font-size:16px;text-transform:uppercase;color:#737272; margin-top:5px} .index_lingyu{ padding:50px 0 0} @media (max-width:768px) { .index_lingyu{ padding:30px 0 0} .index_title{ margin-bottom: 20px; } } .index_lingyu .lingyu_l{ float:left} .index_lingyu .lingyu_r{ float:right; width:775px;} .index_lingyu .lingyu_box{ background:#f7f7f7; margin-bottom:18px;} .index_lingyu .text{ padding:40px 25px 25px 25px;} .index_lingyu .text .tit{ font-size:22px; color:#434343; margin-bottom:10px;} .index_lingyu .text .tit span{ font-size:13px; margin-left:5px;} .index_lingyu .text .des{ color:#727272; font-size:14px; line-height:2em; min-height:112px;} .index_lingyu .text .more a{ background:#8c251e; color:#fff; font-size:12px; width:115px; height:35px; line-height:35px; text-align:center; display:block; border-radius:18px; margin-top:10px;} .index_lingyu .lingyu_box .text{ min-height:250px;} @media (max-width:768px) { .index_lingyu .text .tit{ font-size:18px;} } .index_fuwu{ padding:80px 0} .fu_list p{ margin:0; text-align:center; font-size:18px; color:#181818; background:#e3e2e2; height:80px; line-height:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fu_list a:hover p{ background:#8b241e; color:#fff} .fu_list .pro_box{ margin-bottom:30px;} .fu_list a{ display:block; width:100%} .index_peitaofuwu{ padding:40px 0 0} @media (max-width:768px) { .index_peitaofuwu{ padding:30px 0 0} } .index_yaowen{ background:#f7f7f7;padding:50px 0; } .pt_box2 li{ border:1px solid #e8e7e7; background:#fff; height:90px; margin-bottom:11px;padding:5px 8px 0 8px} .pt_box2 p{ color:#747474; font-size:12px; margin-top:10px;} .pt_box2 a{ color:#020202; font-size:16px; margin-bottom:5px;} .index_about{ padding: 50px 0 60px; background:url(../images/in_78.jpg) no-repeat center center; background-size:cover;} .index_about .cont{ text-align:center; color:#fff; font-size:16px; line-height:30px;} .index_about .index_title{ margin-bottom:35px;} .about_box { margin-top:100px;} .about_box li{ float:left; width:33.3333%; text-align:center; color:#fff;} .about_box li h3{ font-size:60px; font-weight:100;} .about_box li p{ font-size:18px;} .index_anzhuangtese{ padding:60px 0; background-color:#f5f5f6} .index_anzhuangtese .index_title p{margin-top:7px;} .index_anzhuangtese .box{ position:relative; padding:35px 0 25px; text-align:center; border:1px solid #333f48;margin-bottom:30px;} .index_anzhuangtese .box .title{ position:absolute; top:-20px; left:50%; margin-left:-95px;} .index_anzhuangtese .box1 .title{ margin-left:-111px;} .tese_box li{ float:left; text-align:center; width:20%; padding-top:15px; } .tese_box li h3{ font-size:32px; margin-top:15px;} .index_anli{ padding:40px 0 60px;} .anli_list .pro_box{ position:relative; margin-bottom:30px;} .anli_list .pro_box:hover .mengban{ display:block} .anli_list .mengban{ position:absolute; top:0; left:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); text-align:center; display:none} .anli_list .cont h3{ font-size:18px; color:#fff; margin-top:15px;} .anli_list .cont{ position:absolute; top:50%; margin-top:-77px; width:100%} .container.in-news{ padding: 55px 0; } #newlist .news{ margin-bottom: 35px; } #newlist .in-p-date{ font-size: 18px; color: #898a8c; } #newlist .in-p-title{ font-size: 16px; color: #000000; border-bottom: 1px solid #e3e2e2; padding-bottom: 5px; position: relative;} #newlist .in-p-title span{ width: 15px; display: block; position: absolute; bottom: -1px; z-index: 10; border-top:1px solid #000; } #newlist .in-p-des{ color: #828080; font-size: 14px; } .page_baout_jianjie .img{ vertical-align:bottom; margin-right:5%; width:46.5%; float:left} .page_baout_jianjie h3{ color:#050505; font-size:36px; margin-bottom:40px;} .jiaoton{background:#fff;margin-bottom:30px} .jiaoton .jt_img{width:32%} .jiaoton .jt_img img{width:100%;display:block} .jiaoton .jt_text{width:68%} .jiaoton .jt_text_l{width:92%;padding:45px 90px 0} .jiaoton .jt_text_l h3{font-size:20px;color:#000} .jiaoton .jt_text_l p{font-size:14px;color:#000;line-height:2em} .jiaoton .jt_text_btn{width:8%;background:#f0f0f0;height:262px} .jiaoton .jt_text_btn a{display:block;height:115px;background:#434343;text-align:center;line-height:115px;margin-top:75px} .index_hezuo{padding:55px 0; background:url(../images/hezuobg_36.jpg) no-repeat; background-size: cover;} .index_hezuo .pro_box{border:1px solid #dbd6d6;margin-bottom:12px} .index_hezuo .col-md-2{padding-left:6px;padding-right:6px} .index_hezuo .row{margin-left:-6px;margin-right:-6px} .index_hezuo .pro_box{ text-align:center; background:#fff; font-size:16px; color:#333; padding:10px 0} .index_hezuo .pro_box p{ padding-top:15px;} .index_hezuo .pro_title{ text-align: center; height:50px; line-height: 20px; text-align: center;} .footer{text-align:center;background:#8c251e;color:#fff; padding: 40px 0;} .f_info{ font-size:14px; text-align:center; margin-top:10px; color:#fff} .f_nav{ color:#fff;} @media (max-width:768px) { .f_nav{ display: none;} .f_info span{ display:block; text-align:center} } .footer a{ color:#fff;font-size:14px;} .myform{ width: 80%; margin:0 auto 30px;} .myform *{ border:none} .myform input{ width: 100%; background: #f5f6fa; height: 45px; line-height: 45px; text-indent: 5px; font-size: 20px; } .input_t,.textarea{ margin-bottom: 20px; } .myform label{color: #020202; font-size: 18px; vertical-align: top;} .myform textarea{ display: block; width: 100%; height: 120px; background: #f5f6fa ; padding:5px;} .myform input.submit{ background: #DC2730; color: #fff } .swiper-pagination-bullet-active{ background: #69d3e8 } .index_parts { padding:50px 0;} @media (max-width:768px) { .index_parts { padding:35px 0;} .index_parts .col-md-4{ margin-bottom: 15px } } .index_parts .title{ font-size:20px; color:#403f3f; border-bottom:1px solid #e4e4e4; padding-bottom:10px; margin-bottom:30px;} .jianjie_part2 { text-align:center; background:url(../images/jianjie2_06.jpg) no-repeat center center; background-size:cover; padding:100px 0; color:#fff; font-size:18px; margin:40px 0 70px;} .jianjie_part2 .p1{ font-size:60px; font-weight:100} .jianjie_part2 .line1{ text-align:center} .jianjie_part2 .line4{ text-align:center;} .jianjie_part3 { text-align:center; font-size:18px;} .jianjie_part3 .text{ padding:20px 0} .jianjie_part3 .box{ margin-bottom:15px;} .input-search-dark .form-control { background: #f3f7f9; -webkit-box-shadow: none; box-shadow: none; } .met-search { padding: 30px 0; background: #f6f6f6; border-top: 1px solid #f0f2f5 } @media (max-width:768px) { .met-search { padding: 0 } } .met-search .met-search-body { background: #fff; padding: 30px; min-height: 500px; box-shadow: 0 1px 1px rgba(0,0,0,0.05) } @media (max-width:768px) { .met-search .met-search-body { padding: 10px } } @media (max-width:768px) { .met-search .met-search-body { padding: 20px 10px } } .met-search .met-search-body .page-search-form { margin-bottom: 10px } .met-search .met-search-body .met_pager { text-align: left; margin-top: 30px } .met-search .met-search-body .page-search-title { font-size: 26px } .met-search .met-search-body .list-group-item { padding-top: 10px; padding-bottom: 10px } .met-search .met-search-body .list-group-item p { color: #76838f } .met-search .met-search-body .list-group-item>h4 { margin-bottom: 5px } .met-search .met-search-body .list-group-item>h4 a { color: #526069; text-decoration: none } .met-search .met-search-body .list-group-item>h4 a:hover { color: #37474f; text-decoration: none } .met-search .met-search-body .list-group-item>p:last-child { margin-bottom: 0 } @media (min-width:1600px) { .container-fluid .fu_list{ width:90%; margin:0 auto} } .met-news { padding: 30px 0; background: #f6f6f6; border-top: 1px solid #f0f2f5 } @media (max-width:768px) { .met-news { padding: 0 } } .type-1 .met-page-ajax-body.visible-xs-block{margin-right:10px;} .met-news .carousel .item .carousel-caption { right: 0; left: 0; bottom: 0; padding: 20px 0 30px } .met-news .carousel .item .carousel-caption h3 { margin: 0; margin-bottom: 5px; font-size: 20px; text-shadow:0 0 5px #555;} @media (max-width:768px) { .met-news .carousel .item .carousel-caption { padding: 20px 0 10px } .met-news .carousel .item .carousel-caption h3 { margin: 0; font-size: 18px } } .met-news .carousel .carousel-indicators { bottom: 5px } .met-news .carousel .carousel-indicators li { box-shadow: 0 0 0 1px #fff inset } .met-news .met-news-list ul li { padding:25px 15px } @media (max-width:768px) { .met-news .met-news-list { } } @media (max-width:768px) { .met-news .met-news-list { } } .met-news .met-news-list .news-carousel { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f0f2f5 } @media (max-width:768px) { .met-news .met-news-list .news-carousel { padding-bottom: 20px; margin-bottom: 20px } } .met-news .met-news-list h4 { margin: 0 } .met-news .met-news-list ul { padding: 0; list-style: none } .met-news .met-news-list ul li { margin-bottom: 10px; background: #fff;} .met-news .met-news-list ul li h4 { font-size: 18px; margin-bottom: 10px } .met-news .met-news-list ul li h4 a { color: #2a333c } .met-news .met-news-list ul li h4 a:hover { color: #9f1c15 } .met-news .met-news-list ul li p { margin-bottom: 0 } .met-news .met-news-list ul li p.des { color: #76838f; font-size: 14px; font-weight: 300; margin-bottom: 10px } .met-news .met-news-list ul li p.info { color: #4b4a4a; font-size: 14px; font-weight: 300 } .met-news .met-news-list ul li p a{ color: #4b4a4a; font-size: 14px;} .met-news .met-news-list ul li p.info i { color: #a3afb7; font-weight: 300 } @media (max-width:768px) { .met-news .met-news-list ul li { padding-bottom: 20px; margin-bottom: 20px } .met-news .met-news-list ul li h4 { font-size: 18px; margin-bottom: 10px } .met-news .met-news-list ul li .media .media-left { padding-right: 10px } .met-news .met-news-list ul li .media p.des { display: none } .met-news .met-news-list ul li .media.media-lg .media-object { width: 100px } } .met-news.type-3 .met-news-body { box-shadow: none } @media (max-width:768px) { .met-news.type-3 .met-news-body { margin-bottom: 20px } } .met-news.type-3 .widget { border-radius: 0 } @media (max-width:768px) { .met-news.type-3 .widget { margin: 15px 10px } } .met-news.type-3 .widget .widget-body:last-child { border-radius: 0 } .met-news.type-3 .widget .widget-title a { color: #2a333c } .met-news.type-3 .widget .widget-title a:hover { color: #9f1c15 } .met-news.type-3 .widget .widget-header { border-radius: 0 } .met-news-bar { background: #fff; margin-left: 30px; padding: 20px; box-shadow: 0 1px 1px rgba(0,0,0,0.05) } @media (max-width:992px) { .met-news-bar { margin-left: 0; margin-top: 30px; padding: 30px } .index_lingyu .text .des{ min-height:42px;} } @media (max-width:768px) { .met-news-bar { margin-left: 0; margin-top: 0; padding: 20px 15px } } .met-news-bar ul.column { padding: 0; list-style: none } .met-news-bar ul.column li { margin-bottom: 10px } .met-news-bar ul.column li a { font-size: 14px; color: #2a333c } .met-news-bar ul.column li a:hover { color: #9f1c15 } .met-news-bar ul.column li a.active { color: #9f1c15 } .met-news-bar .recommend { margin: 20px 0; padding: 20px 0; border-top: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5 } .met-news-bar .recommend h3 { font-size: 18px; font-weight: 300; margin: 0 } .met-news-bar .recommend .list-group { margin-top: 10px; margin-bottom: 0 } .met-news-bar .recommend .list-group a { color: #2a333c; font-size: 15px } .met-news-bar .recommend .list-group a:hover { color: #9f1c15 } .input-search { position: relative; } .input-search-btn + .form-control { padding-right: 50px; } .input-search .form-control { border-radius: 200px; } .input-search-btn { position: absolute; top: 0; right: 0; height: 100%; padding: 0 10px; background: 0 0; border: none; border-radius: 0 200px 200px 0; } .media-left, .media > .pull-left { padding-right: 20px; } .media-body { overflow: hidden; } .media-body { overflow: auto; } .media-lg .media-object { max-width: none; } .media-lg .media-object { width: 160px;display: block; } .page-contact{ background:#f6f6f6; } .page-contact .line1{ background:#fff;} .page-contact .line1 h3{ font-size:24px; color:#7e0a09; margin:30px 0} .page-contact .line2{ background:#fff; margin-top:40px;} .page-contact .line2 h3{ font-weight:bold; color:#010101; margin:30px 0} .page-contact .line2 img,.page-contact .line1 img{ position:relative; left:-15px;} @media (min-width:1300px){ .container{width:1230px} } @media(max-width:992px){ .page-contact .line1 h3{ margin-top: 0; } .page-contact .line1 .box{ padding-bottom:30px; padding-left:0} .page-contact .line2 .box{padding-left:0} .page-contact .line1 .col-xs-12 { padding:15px} .page-contact .line1 img{ left:0;} } @media (max-width:768px){ .page-contact .line1 > .col-xs-12 ,.page-contact .line2 > .col-xs-12 { padding:15px;} .page-contact .line2 .box{ padding:0 15px 30px;} .page-contact .line2 img{ left:0;} } @media (max-width:1300px){ .index_lingyu .lingyu_l{ width:374px;} .index_lingyu .lingyu_r{ width:745px;} .index_lingyu .text .tit span{ margin-left:0; display:block} .pt_box2 p{ margin-top:3px;} } @media (max-width:1200px){ .page-contact .line1 .box,.page-contact .line2 .box{ line-height:1.3em} .page-contact .line1 h3{font-size:20px; margin-bottom:10px;} .header .navbar-brand img{ height:25px;} .navbar-nav > li > a{ font-size:14px; margin-left:23px;} .navbar-brand{ padding-top:60px;} .footer .pro_box{ border:none} .footer .box1 .text{ padding-left:5px;} .index_jianjie .pro_box_text p{line-height:1.5em; font-size: 15px;} .index_pro .pro_list .pro_box .pro_list_img img{ margin-top: 0; } } @media(max-width:992px){ .index_lingyu{margin:0 15px;} .index_lingyu .lingyu_box .text{ padding:20px 0 0 15px; max-width:260px; height:auto; max-width:360px; float:left; min-height:inherit} .index_lingyu .lingyu_box .img{ float:left; width:300px;} .pt_box2{ margin-top:15px;} .footer .box1,.footer .box2,.footer .box3{ margin-bottom:30px;} .footer .title{ margin-bottom:15px;} .tese_box li{ width:33.3333%} .about_box{ margin-top:50px;} .footer .pro_box{ min-height:auto} .myform{ width:100%} .dropdown-menu { left: -15px; } .jiaoton .jt_img{width:100%} .jiaoton .jt_text{width:100%} .pro_box_img{margin-bottom:15px} .pro_box_4{text-align:center} .pro_box_2,.pro_box_3{margin:30px 0} .footer a{font-size:14px;line-height:30px} .pro_box_2 ul,.pro_box_3 ul{padding-left:10px} .index_title h3{font-size:20px;} .index_title p{font-size:12px;} .index_pro .pro_list .pro_box .pro_list_img h3{ font-size: 15px; } .index_pro .pro_list .pro_list_text{ line-height: 1.5em} .index_pro .pro_list .pro_box .pro_list_text{ width: 64%; } .index_pro .pro_list .pro_box .pro_list_img{ width: 30%; } .header.sticky .navbar-nav{margin-top:12px} } @media(max-width:768px){ .index_lingyu .lingyu_box{ padding-bottom:30px} .index_lingyu .lingyu_box .img{ float:none; width:100%;} .index_lingyu .lingyu_box .img img{ max-width:100%; width:100%} .index_lingyu .lingyu_box .text{ float:none; width:100%;max-width:100%; height:auto; padding-right:15px;} .navbar-header{ height:65px;} .about_box li{ float:left; width:100%; text-align:center; color:#fff;} .main-top a span{border-left:0; padding:0 3px} .f_info{ margin-top:0;} .footer{ padding: 20px 0; } .tese_box li{ width:50%} .pt_box2 li{ font-size:12px; height:auto; padding-bottom:8px;} .navbar-contact{ display:none} .navbar-toggle{ margin-top:13px;} .navbar-nav > li{ height:auto} .navbar-nav > li > a{ margin-left:0; padding-left:15px; height:40px; line-height:40px; font-size:16px;} .dropdown-menu{ position:static; float:none; min-width:auto;} .index_news .pro_box{margin-bottom:15px} .jiaoton .jt_text_btn{height:300px} .jiaoton .jt_text_btn a{margin-top:95px} .jiaoton .jt_text_l{padding-top:25px} .jiaoton .jt_text_l p{line-height:1.5em} .index_pro .pro_list .pro_box{ padding: 15px 15px; } .index_pro .pro_list .pro_box .pro_list_text{ width: 100%; } .index_pro .pro_list .pro_box .pro_list_img{ width: 100%; } .index_pro .swiper-slide{ padding-top: 0; } .index_pro .pro_list .pro_list_text{ margin-bottom: 20px; } .header .navbar-brand img{ height: 25px; } .header .navbar-brand{ padding-top: 17px; padding-left: 10px} .header{ height: 65px; } .index_hezuo{padding:40px 0} .index_news{padding:40px 0 0} .index_news{padding:40px 0} .index_about{ padding: 40px 0; } .footer_l { text-align: center;} .footer_r { text-align: center; } .jianjie_part2 .text{ margin-bottom:30px;} } @media(max-width:640px){ .page_baout_jianjie .img{ float:none; width:100%; margin-bottom:15px;} }