.top_bar { background: #303030; padding: 16px 0; padding: 0.14rem 0; color: #fff; } .top_bar a { color: #fff; } .top_bar a:hover { color: #f80e01; } .contact_style { float: left; } .language { float: right; } .language a {} .contact_style i { font-size: 14px; font-size: 0.14rem; } .contact_style a { margin-right: 14px; margin-right: 0.14rem; } /*菜单样式*/ .menu_wrap { padding-top: 5px; padding-top: 0.05rem; background: #fff; } nav { background: #a60900; position: relative; } nav .layout{ position: relative; width: 74%; } .logo { float: left; } .logo a { display: block; } .logo a img { width: 110px; width: 1.1rem; display: inline-block; margin-top: 14px; margin-top: 0.14rem; } .logo a h1 { display: inline-block; font-size: 30px; font-size: 0.3rem; color: #fff; font-weight: 500; letter-spacing: 3px; letter-spacing: 0.03rem; margin-left: 10px; margin-left: 0.1rem; } .logo a h1 span { display: block; font-size: 12px; font-size: 0.12rem; letter-spacing: 0; } nav ul { float: right; /*width: 70%;*/ /*margin-top: 30px; margin-top: 0.3rem;*/ position: absolute; right: 0; top:0; } nav ul li { display: inline-block; padding: 0 16px; padding: 0 0.16rem; } nav ul li a { display: inline-block; color: #fff; height: 79px; height: 0.79rem; line-height: 79px; line-height: 0.79rem; font-size: 18px; font-size: 0.18rem; position: relative; } nav ul li a span { width: 100%; height: 5px; height: 0.05rem; background: #005bac; display: block; position: absolute; top: -19px; top: -0.19rem; left: 0; display: none; } nav ul li a:hover span { display: block; } nav ul li form { position: relative; } nav ul li input { display: inline-block; width: 0; height: 26px; height: 0.26rem; line-height: 26px; line-height: 0.26rem; border-style: none; border: 1px solid #ddd; visibility: hidden; } nav ul li form i { font-size: 18px; font-size: 0.18rem; cursor: pointer; } nav ul li i { color: #fff; font-size: 30px; font-size: 0.3rem; } nav ul li.menu { display: none; } nav ul li.menu { padding: 0; } nav ul li.search { padding: 0; } /*hidden_menu样式*/ .hidden_menu { position: relative; width: 100%; background: #950a02; color: #fff; padding: 0.1rem 0; text-align: center; display: none; } .hidden_menu ul li a { color: #fff; display: inline-block; width: 50%; height: 0.4rem; line-height: 0.4rem; font-size: 0.2rem; margin-bottom: 0.05rem; border-bottom: 1px dashed rgba(255, 255, 255, .2) } /*页脚样式*/ .foot_bar { background: #910000; padding-bottom: 40px; padding-bottom: 0.4rem; } .foot_logo { float: left; width: 22%; margin-top: 70px; margin-top: 0.7rem; } .foot_logo h2 { display: inline-block; color: #fff; font-size: } .foot_logo h2 span { display: block; font-size: 12px; font-size: 0.12rem; font-weight: normal; } .foot_bar ul { float: left; width: 33.3%; margin-top: 50px; margin-top: 0.5rem; } .foot_bar ul li { float: left; width: 44%; list-style: none; } .foot_bar ul li a { display: block; color: #fff; font-size: 16px; font-size: 0.16rem; margin-bottom: 6px; margin-bottom: 0.06rem; } .foot_bar ul li a.application_hide, .foot_bar ul li a.prod_hide{ display:none; } .foot_bar ul li a:hover { text-decoration: underline; } .foot_bar ul li a.foot_list_tit { font-size: 18px; font-size: 0.18rem; margin-bottom: 24px; margin-bottom: 0.24rem; } .foot_bar ul li a.foot_list_tit:hover { text-decoration: none; } .foot_bar ul li a.list_more { font-size: 13px; font-size: 0.13rem; color: #ead7d7; } .weiixn { float: left; } .weiixn h5 { color: #fff; font-size: 24px; font-size: 0.24rem; font-weight: normal; margin: 6px 0; margin: 0.06rem 0; } .weiixn img { width: 120px; width: 1.2rem; } .weiixn span { display: block; color: #fff; margin-top: 6px; margin-top: 0.06rem; } .copy { padding: 16px 0; padding: 0.16rem 0; background: #303030; color: #eee; text-align: center; } .copy a { display: inline-block; color: #fff; } .copy a:hover { color: #ff0707; } .copy a img { display: block; width: 24px; margin-left: 10px; position: relative; top: 7px; } /*返回顶部*/ .sidebar { position: fixed; bottom: 10%; right: 10px; width: 32px; height: 32px; background: #999; background: rgba(51, 51, 51, .6); text-align: center; z-index: 99999; } .sidebar:hover { background: rgba(166, 9, 0, .9); } .sidebar .back_top { display: block; width: 100%; height: 100%; } .sidebar .back_top img { display: inline-block; width: 100%; } /*banner样式*/ .banner_slide img { width: 100%; } /*首页关于我们样式*/ .index_about { text-align: center; margin: 30px 0; margin: 0.3rem 0; } .index_about_tit { display: block; position: relative; width: 310px; width: 3.1rem; margin: auto; } .index_about_tit img { display: block; margin: auto; width: 100%; } .index_about_tit h2 { display: inline-block; height: 60px; height: 0.6rem; line-height: 19px; line-height: 0.19rem; margin: 0 auto; position: relative; font-size: 48px; font-size: 0.48rem; font-weight: 500; border-bottom: 4px solid #ccc; border-bottom: 0.04rem solid #ccc; top: -4px; top: -0.04rem; } .index_about_tit h2 i { display: block; position: absolute; bottom: -2px; right: -11%; font-size: 22px; font-size: 0.22rem; } .index_about p { width: 80%; margin:20px auto; line-height: 26px; line-height: 0.26rem; } .index_more span { display: inline-block; width: 12px; width: 0.12rem; height: 12px; height: 0.12rem; line-height: 12px; line-height: 0.12rem; border: 1px solid #555; margin: 20px 0 0 10px; margin: 0.2rem 0 0 0.1rem; } .index_more:hover { color: #a60900; } .index_more:hover span { border: 1px solid #a60900; } /*品牌优势*/ .swiper-container-w { background: #edf2f6; padding-bottom: 20px; padding-bottom: 0.2rem; margin-top: 48px; margin-top: 0.48rem; } .index_brand { /*margin: 60px 0 20px; margin: 0.6rem 0 0.2rem;*/ background: #edf2f6; } .index_brand_left { float: left; width: 50%; margin-top: 40px; } .index_brand_left h2 { font-size: 18px; font-size: 0.18rem; margin-top: 20px; } .index_brand_left p { font-size: 12px; font-size: 0.12rem; margin-top: 5%; } .index_brand_right { float: right; width: 32%; margin-top: 40px; max-height: 260px; overflow: hidden; } .index_brand_right img { width: 100%; } .param { overflow: hidden; width: 80%; margin-top: 5%; } .param span { display: inline-block; width: 40%; margin: 20px 0 0; margin: 0.2rem 0 0; } .param span i { display: inline-block; width: 10px; width: 0.1rem; height: 10px; height: 0.1rem; background: #005bac; margin-right: 5%; } .index_brand_left h6 { color: #005bac; padding-left: 16px; padding-left: 0.16rem; border-left: 1px solid #ccc; margin-top: 10%; font-size: 20px; font-size: 0.20rem; } .index_brand_left h6 span { display: block; color: #ccc; font-weight: normal; } /*首页产品中心*/ .index_common_tit { text-align: center; } .index_common_tit h1 a { position: relative; font-size: 72px; font-size: 0.72rem; color: #e4e4e4; } .index_common_tit h1 a span { display: block; font-size: 36px; font-size: 0.36rem; position: relative; top: -40px; top: -0.4rem; color: #333; font-weight: 500; } .index_common_tit h1 a span i { display: block; width: 72px; width: 0.72rem; height: 6px; height: 0.06rem; background: #a60900; position: absolute; left: 50%; bottom: -24px; bottom: -0.24rem; margin-left: -36px; margin-left: -0.36rem; } .pro_list { display: inline-block; margin: 5px; margin: 0.05rem; } .pro_list:hover { color: #a60900; } .index_pro_tit { text-align: center; background: #a60900; color: #fff; font-size: 36px; font-size: 0.36rem; padding: 10px 0; padding: 0.10rem 0; margin: 14px 0 0; margin: 0.14rem 0 0; } .index_product { background: #f6f6f6; padding: 40px 0 20px; padding: 0.4rem 0 0.2rem; } .index_product ul { padding: 0; } .index_product ul li { float: left; width: 33.33%; list-style: none; } .index_product ul li a { display: block; width: 92%; margin: auto; } .index_product ul li a img { width: 100%; } .index_product ul li a h4 { margin: 10px 0; margin: 0.1rem 0; color: #005bac; } .index_product ul li a h5 { margin: 10px 0; margin: 0.1rem 0; font-weight: normal; color: #a9a9a9; } .index_product ul li a p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 28px; line-height: 0.28rem; color: #999; font-size: 14px; font-size: 0.14rem; } .index_product ul li a span { color: #999; font-size: 14px; font-size: 0.14rem; } .index_product ul li a:hover p { color: #005bac; } .swiper-pagination-product .swiper-pagination-bullet-active { opacity: 1; background: #005bac; } /*首页我们的服务*/ .index_common_tit h2 { position: relative; font-size: 32px; font-size: 0.32rem; color: #e4e4e4; margin: -20px 0 30px; margin: -0.2rem 0 0.3rem; } .index_common_tit h2 span { display: block; font-size: 14px; font-size: 0.14rem; margin-top: 10px; margin-top: 0.1rem; color: #d5d5d5; } /*我们的服务*/ .index_serivce {} .index_serivce li { float: left; width: 33.3%; list-style: none; } .index_serivce li a { display: block; width: 65%; margin: auto; position: relative; cursor: default; } .index_serivce li a p { width: 100%; } .index_serivce li a i { font-size: 76px; font-size: 0.76rem; position: absolute; left: -80px; left: -0.80rem; top: -16px; top: -0.16rem; color: #005bac; } .index_serivce li a span { display: block; color: #005bac; } /*首页新闻样式*/ .index_news { background: #f6f6f6; padding: 30px 0 60px; padding: 0.3rem 0 0.6rem; } .index_news ul { padding: 0; display: flex; flex-flow: row wrap; } .index_news li { float: left; width: 50%; list-style: none; background: #fff; padding: 20px 0; padding: 0.2rem 0; } .index_news .index_last_news { float: right; } .index_news li a { display: block; width: 94%; margin: auto; } .index_news li:hover { box-shadow: 0 2px 5px #ccc; -webkit-box-shadow: 0 2px 5px #ccc; -moz-box-shadow: 0 2px 5px #ccc; -ms-box-shadow: 0 2px 5px #ccc; -o-box-shadow: 0 2px 5px #ccc; } .index_news li a .news_pic_box{ width: 100%; overflow: hidden; } .index_news li a .news_pic_box img { display: block; width: 100%; } .index_news li a p { height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; line-height: 0.24rem; } .index_news li a h6 { margin: 40px 0 16px; margin: 0.40rem 0 0.16rem; } .index_news li a h6 i { display: inline-block; max-width: 70%; font-size: 16px; font-size: 0.16rem; color: #333; } .index_news li a h6 span { display: inline-block; font-size: 24px; font-size: 0.24rem; color: #a60900; font-weight: normal; margin-left: 10px; margin-left: 0.1rem; } .index_news_arrow i { display: block; font-size: 50px; font-size: 0.5rem; color: #a60900; float: left; } .index_news_arrow span { float: right; font-size: 24px; font-size: 0.24rem; font-weight: bold; font-style: italic; color: #ededed; margin-top: 12px; margin-top: 0.12rem; } .index_news li:hover .index_news_arrow span { color: #a60900; } .news_more { display: block; background: #fff; padding: 26px 12px; padding: 0.26rem 0.12rem; overflow: hidden; margin-top: 40px; margin-top: 0.4rem; } .news_more:hover { /*background: #005bac;*/ } .news_more:hover span { color: #a60900; } .news_more:hover i{ color: #a60900; } .news_more span { font-size: 16px; font-size: 0.16rem; font-weight: bold; font-style: italic; float: left; margin-top: 14px; margin-top: 0.14rem; } .news_more i { font-size: 40px; font-size: 0.40rem; font-weight: bold; font-style: italic; float: right; color: #ededed; margin-right: 16px; margin-right: 0.16rem; } /*首页联系我们*/ .index_contact {} .index_contact li { float: left; width: 33.3%; text-align: center; list-style: none; } .index_contact li a h5 { margin: 14px 0; margin: 0.14rem 0; } .index_contact li a h6 { margin: 0; font-weight: normal; color: #999; font-size: 18px; font-size: 0.18rem; } .index_contact li a span { display: block; width: 80px; width: 0.8rem; height: 80px; height: 0.8rem; line-height: 80px; line-height: 0.8rem; border: 1px solid #910000; margin: auto; color: #910000; font-size: 22px; font-size: 0.22rem; } .index_contact li a span i { display: inline-block; color: #910000; font-size: 22px; font-size: 0.22rem; } .index_contact li a:hover span { background: #910000; } .index_contact li a:hover span i { transform: rotateY(360deg) scale(1.5); -webkit-transform: rotateY(360deg) scale(1.5); -moz-transform: rotateY(360deg) scale(1.5); color: #fff; } .huaai { border-top: 3px solid #ccc; background: #f6f6f6; height: 110px; height: 1.1rem; text-align: center; font-size: 100px; font-size: 1rem; font-weight: bold; color: #eaeaea; font-style: italic; margin-top: 50px; margin-top: 0.5rem; text-align: right; } .inner_bg { width: 100%; height: 241px; height: 2.41rem; background: url(../images/inner_bg.jpg) no-repeat center; } .inner_bg .layout { position: relative; height: 241px; height: 2.41rem; } .inner_bg .layout h2 { position: absolute; right: 0; bottom: 5px; bottom: 0.05rem; color: #fff; font-weight: 500; font-size: 36px; font-size: 0.36rem; margin: 0; text-align: right; } .inner_bg .layout h2 span { display: block; font-size: 24px; font-size: 0.24rem; } .inner_tit { margin-top: 30px; margin-top: 0.3rem; text-align: center; } .inner_tit h5, .inner_tit h6 { margin: 0; font-weight: normal; } .inner_tit h5 { font-size: 30px; font-size: 0.3rem; color: #333; } .inner_tit h6 { color: #ccc; font-size: 18px; font-size: 0.18rem; } .inner_tit span { display: block; width: 130px; width: 1.3rem; margin: 10px auto; margin: 0.1rem auto; position: relative; color: #910000; font-size: 18px; font-size: 0.18rem; } .inner_tit span:after { display: block; content: ""; position: absolute; left: 0; bottom: 10px; bottom: 0.1rem; height: 10px; height: 0.1rem; width: 100%; border-bottom: 1px dashed #ccc; } .inner_tit i{ color:#913335; } .product_list_tit ul { margin: 40px 0; margin: 0.4rem 0; padding: 0; } .product_list_tit li { float: left; width: 14%; list-style: none; border-right: 1px dashed #ccc; text-align: center; } .product_list_tit li.even { margin-top: 20px; } .product_list_tit li h5 { font-size: 22px; font-size: 0.22rem; font-weight: normal; margin: 12px auto; margin: 0.12rem auto; } /*.product_list_tit li h5 a:link { color: #333; } .product_list_tit li h5 a:visited { color: #a60900; } */ /*.product_list_tit li h5 a:hover { color: #a60900; }*/ .product_list_tit li h5 a.cu_red { color: #fc0511; } .product_list_tit li h5 i { display: block; font-size: 12px; font-size: 0.12rem; color: #a60900; } .product_list_tit li h6 { margin: 0 0; margin: 0 0; font-weight: normal; font-size: 15px; font-size: 0.15rem; } .product_list_tit li h6 a:hover { color: #a60900; } .product_list_tit li h6 a.cu_red { color: #fc0511; } .inner_tit_bgcolor { background: #f5f5f5; padding: 20px 0; padding: 0.2rem 0; } .inner_tit_bgcolor h5 { font-size: 20px; font-size: 0.20rem; } .inner_tit_bgcolor h6 { font-size: 18px; font-size: 0.18rem; } .inner_tit_bgcolor p { width: 50%; color: #8a8a8a; font-size: 12px; font-size: 0.12rem; line-height: 24px; line-height: 0.24rem; margin: auto; } iframe { display: block; margin: auto; } .product { margin: 30px 0; margin: 0.3rem 0; min-height:300px; } /*.product_result{ min-height:300px; }*/ .product li { float: left; width: 25%; list-style: none; overflow: hidden; margin-top: 24px; margin-top: 0.24rem; } .product li a { display: block; width: 90%; position: relative; } .product li a .product_pic { width: 100%; overflow: hidden; } .product li a img { display: block; width: 100%; } .product li a p { width: 100%; height: 50px; height: 0.5rem; margin: 0; background: #a60900; color: #fff; padding: 5px 0; position: absolute; left: 0; bottom: -100%; } .product li a:hover img { transform: scale(1.1); } .product li a:hover p { bottom: 0; } .product li a p span { display: block; font-size: 16px; font-size: 0.16rem; margin: 6px 0 5px 10px; margin: 0.06rem 0 0.05rem 0.1rem; } .product li a p i { display: block; margin-left: 10px; margin-left: 0.1rem; font-size: 14px; font-size: 0.14rem; } /*产品翻页*/ .product_page { text-align: right; } .product_page a { display: inline-block; width: 40px; width: 0.4rem; height: 40px; height: 0.4rem; font-size: 32px; font-size: 0.32rem; text-align: center; } .product_page a.cu_page { background: #a60900; color: #fff; } .product_page a i { font-size: 50px; font-size: 0.50rem; color: #a60900; } .product_page a.page_num:hover { background: #a60900; color: #fff; } .product_page a.page_arrow { margin-right: 50px; margin-right: 0.5rem; } .product_page a.page_arrow_left { margin-right: 10px; } .product_page a.page_arrow_left i { display: block; float: left; font-size: 43px; font-size: 0.43rem; margin-top: 2px; } /*产品内页详情*/ .product_cont { background: #fff; padding: 40px 0; padding: 0.4rem 0; margin-bottom: -0.5rem; } .product_font { width: 92%; margin: auto; background: #fff; position: relative; } .product_size { width: 98%; margin: auto; } .product_size a { display: inline-block; height: 52px; height: 0.52rem; line-height: 52px; line-height: 0.52rem; background: #a60900; color: #fff; font-size: 18px; font-size: 0.18rem; padding: 0 10px; padding: 0 0.1rem; /*margin: 14px 0 0 14px; margin: 0.14rem 0 0 0.14rem;*/ } .product_size a.grey_color { background: #f1f1f1; color: #333; margin: 14px 0 0 6px; margin: 0.14rem 0 0 0.06rem; } .product_font em { display: block; background: #dddddd; position: absolute; top: 0; } .product_font em.v_line { width: 28px; width: 0.28rem; height: 60%; /*height: 2.9rem;*/ left: -28px; left: -0.28rem; } .product_font em.h_line { width: 35%; /*width: 2.9rem;*/ height: 28px; height: 0.28rem; left: -28px; left: -0.28rem; top: -28px; top: -0.28rem; } .product_list_font { width: 98%; margin: 3% auto; } .product_cont .layout { width: 60%; } .product_list_font img { display: block; width: 14%; float: left; margin-bottom: 20px; margin-bottom: 0.2rem; } .product_list_font span { display: block; width: 70%; float: left; margin-left: 5%; } .product_list_info { width: 130px; width: 1.3rem; height: 50px; height: 0.5rem; line-height: 50px; line-height: 0.5rem; color: #fff; background: #a60900; text-align: center; font-size: 18px; font-size: 0.18rem; font-weight: normal; margin: 0 0 3px 6%; } .red_line { width: 100%; height: 3px; background: #a60900; } /*关于我们样式*/ .about_profie { margin: 60px auto; margin: 0.6rem auto; } .about_profie .layout{ width: 80%; } .about_profie_left { float: left; width: 40%; position: relative; } .about_profie_left .about_tit { width: 70%; position: absolute; right: -30%; top: 0; background: #a60900; color: #fff; } .about_profie_left img { display: block; width: 80%; margin: auto; } .about_profie_left span { display: block; width: 100%; margin-top: 50px; margin-top: 0.5rem; font-size: 30px; font-size: 0.3rem; color: #a60900; text-align: center; } .about_profie_left .about_tit h6 { width: 60%; margin: 10px auto; margin: 0.1rem auto; font-weight: normal; font-size: 24px; font-size: 0.24rem; position: relative; text-align: right; } .about_profie_left .about_tit h6 i { display: block; margin-top: 22px; margin-top: 0.22rem; } .about_profie_left .about_tit h6 em { display: block; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #fff; } .about_profie_right { float: right; width: 60%; margin-top: 120px; margin-top: 1.2rem; } .about_profie_right pre { font-size: 15px; font-size: 0.15rem; font-family: "微软雅黑" } .about_culture { width: 100%; background: url(../images/about_bg.jpg); padding: 30px 0; padding: 0.3rem 0; } .about_culture ul { padding: 0; } .about_culture ul li { float: left; width: 25%; list-style: none; } .about_culture ul li a { display: block; width: 90%; margin: auto; background: #eee; text-align: center; padding: 50px 0 30px; padding: 0.5rem 0 0.3rem; } .about_culture ul li h5 { display: inline-block; width: 90px; height: 90px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); /*position: relative; left: 50%; margin-left: -45px;*/ } .about_culture ul li:hover h5 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); box-shadow: 0 2px 5px #666; -webkit-box-shadow: 0 2px 5px #666; -moz-box-shadow: 0 2px 5px #666; -ms-box-shadow: 0 2px 5px #666; -o-box-shadow: 0 2px 5px #666; } .about_culture ul li h5 span { display: block; width: 46px; height: 46px; background: url(../images/about_icon1.png) no-repeat center; background-size: cover; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: absolute; left: 25%; top: 25%; } .about_culture ul li:hover h5 span { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); } .about_culture ul li a h5 span.bg1 { background: url(../images/about_icon1.png) no-repeat center; background-size: cover; } .about_culture ul li a h5 span.bg2 { background: url(../images/about_icon2.png) no-repeat center; background-size: cover; } .about_culture ul li a h5 span.bg3 { background: url(../images/about_icon3.png) no-repeat center; background-size: cover; } .about_culture ul li a h5 span.bg4 { background: url(../images/about_icon4.png) no-repeat center; background-size: cover; } .about_culture ul li h6 { position: relative; top: 20px; top: 0.2rem; font-size: 16px; font-size: 0.16rem; font-weight: normal; } .about_culture ul li p { width: 70%; margin: 44px auto 20px; margin: 0.44rem auto 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .about_honor { margin-bottom: 80px; } .about_honor .layout { position: relative; background: url(../images/about_honor.jpg); padding: 80px 0; padding: 0.8rem 0; overflow: hidden; } .about_honor .prev, .about_honor .next { position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; background-color: #a20000; bottom: 20px; color: #FFF; text-align: center; z-index: 999; font-size: 26px; text-align: center; } /*.about_honor .prev:hover { background-color: #910000; } .about_honor .next:hover { background-color: #910000; }*/ .about_honor .prev { left: 50%; cursor: pointer; } .about_honor .next { right: 50%; cursor: pointer; background: #850303; } .img-list { position: relative; height: 204px; overflow: hidden; left: 10%; top:-30px; /*border:1px solid #333;*/ } .img-list ul { width: 9999px; padding: 0; } .img-list li { float: left; display: block; width: 260px; margin-right: 90px; text-align: center; background: #fff; padding:5px 12px; } .img-list li a { display: block; } .img-list li img { width: 100%; cursor: pointer; } /*图片滚动1*/ .about_honor1 .layout { position: relative; padding: 40px 0 80px; padding: 0.4rem 0 0.8rem; } .about_honor1 .prev1, .about_honor1 .next1 { position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; background-color: #a20000; bottom: -20px; color: #FFF; text-align: center; z-index: 999; font-size: 26px; text-align: center; } /*.about_honor1 .prev1:hover { background-color: #910000; } .about_honor1 .next1:hover { background-color: #910000; }*/ .about_honor1 .prev1 { left: 50%; cursor: pointer; } .about_honor1 .next1 { right: 50%; cursor: pointer; background: #850303; } .img-list1 { position: relative; height: 200px; padding: 0 0 30px 0; overflow: hidden; left: 0; } .img-list1 ul { width: 9999px; } .img-list1 li { float: left; display: block; width: 260px; height: 200px; margin-right: 90px; text-align: center; } .img-list1 li a { display: block; height: 100%; } .img-list1 li img { width: 100%; height: 100%; cursor: pointer; box-shadow: 5px 2px 15px #999; -webkit-box-shadow: 5px 2px 15px #999; -moz-box-shadow: 5px 2px 15px #999; -ms-box-shadow: 5px 2px 15px #999; -o-box-shadow: 5px 2px 15px #999; } /*新闻*/ .news li { width: 32%; margin-right: 1%; margin-bottom: 16px; } .news li a {} .news li a h6 span { font-size: 16px; font-size: 0.16rem; } /*新闻翻页按钮*/ .news_page { text-align: center; margin-top: } .news_page a { display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0 10px; font-size: 40px; } /*.news_page a:link{ color: #333; } .news_page a:visited{ color: #a60900; }*/ .news_page a:hover { color: #e11004; } /*.news_page a:active{ color: #e11004; }*/ /*新闻内页*/ .news_cont { background: #f5f5f5; padding-top: 20px; padding-top: 0.2rem; margin-top: 30px; margin-top: 0.3rem; } .news_cont_font { margin-top: 30px; margin-top: 0.3rem; background: #fff; overflow: hidden; padding: 15px; } .news_cont_font p { overflow: hidden; } .inner_tit h6.news_cont_tit { color: #333; font-size: 22px; } .inner_tit em { color: #999; } .news_page_inner { background: #a60900; } .news_page_inner { margin-top: 30px; } .page_items { width: 60%; height: 50px; line-height: 50px; margin: auto; background: #eaeaea; text-align: center; position: relative; } .page_items:after { position: absolute; content: ""; width: 1px; height: 100%; background: #ccc; right: -3px; } .page_items:before { position: absolute; content: ""; width: 1px; height: 100%; background: #ccc; left: -3px; } .page_items a { display: inline-block; width: 48%; font-size: 16px; color: #a1a1a1; } .page_items a i { display: inline-block; font-size: 50px; color: #a60900; vertical-align: bottom; margin: 0 20px; } .page_items a:hover { color: #a60900; } @media (min-width:992px){ .inner_tit h6.news_cont_tit{font-size:24px;} } /*联系我们*/ .form_tit { width: 86%; font-size: 24px; font-size: 0.24rem; font-weight: normal; margin: 30px auto; margin: 0.3rem auto; } .form_tit span { display: inline-block; width: 24px; height: 24px; border: 4px solid #a60900; margin-right: 8px; margin-right: 0.08rem; } .form_tit i { display: block; font-size: 16px; font-size: 0.16rem; color: #e4e4e4; } .index_contact ul { margin: 50px 0; margin: 0.5rem 0; } .index_contact form{ width: 86%; margin:auto; } .index_contact form input { display: block; width: 80%; height: 40px; line-height: 40px; margin-bottom: 25px; margin-bottom: 0.25rem; border-style: none; border: 2px solid #e1e1e1; padding-left: 10px; } .index_contact form textarea { display: block; width: 80%; height: 240px; line-height: 40px; margin-bottom: 25px; margin-bottom: 0.25rem; padding: 0; border-style: none; border: 2px solid #e1e1e1; padding-left: 10px; } .index_contact form button { display: inline-block; width: 120px; width: 1.2rem; height: 50px; height: 0.5rem; border-style: none; border: none; color: #fff; background: #d00e03; font-size: 22px; font-size: 0.22rem; } .index_contact form button:hover { background: #a60900; } /*应用案例样式*/ .case { margin-top: 50px; margin-top: 0.5rem; background: #fff; } .case h5 { text-align: center; font-size: 16px; font-size: 0.16rem; font-weight: normal; } .case ul { margin-top: 100px; margin-top: 1rem; padding: 0; } .case li { width: 100%; list-style: none; margin-bottom: 60px; margin-bottom: 0.6rem; position: relative; cursor: pointer; } .case li span { display: block; width: 60px; height: 60px; line-height: 55px; position: absolute; left: 50%; margin-left: -30px; font-size: 40px; text-align: center; color: #888; background: #fff; } .case li em { display: block; width: 4px; height: 90%; position: absolute; left: 50%; top: 60px; margin-left: -2px; background: #ffe3e1; } .case li span.cu_setspan { background: #a60900; color: #fff; } .case li .brand { width: 43%; } .case li .brand_intro { width: 43%; } .case li.odd .brand { float: left; } .case li.odd .brand_intro { float: right; } .case li.even .brand { float: right; } .case li.even .brand_intro { float: left; } .case li .brand { background: #f9f9f9; padding: 20px; padding: 0.2rem; } .case li .brand a { display: inline-block; width: 25%; margin-left: -3px; margin-bottom: 6px; margin-bottom: 0.06rem; text-align: center; } .case li .brand a img { width: 100%; } .case li .brand_intro {} .case li .brand_intro h6 { font-size: 16px; font-size: 0.16rem; color: #999; font-weight: normal; } .case li:hover .brand { box-shadow: 2px 2px 9px #aaa; -webkit-box-shadow: 2px 2px 9px #aaa; -moz-box-shadow: 2px 2px 9px #aaa; -ms-box-shadow: 2px 2px 9px #aaa; -o-box-shadow: 2px 2px 9px #aaa; } .case li:hover h6 { color: #a60900; } .case li:hover span { background: #a60900; color: #fff; } @media screen and (min-width:1024px) and (max-width:1199px) { html { font-size: 480%; } nav .layout { position: relative; width: 90%; } .layout { width: 90%; } .logo a img { width: 95px; width: 0.95rem; } .logo a h1 { letter-spacing: 10px; letter-spacing: 0.10rem; } nav ul li a span { height: 5px; height: 0.05rem; top: -15px; /*top: -0.24rem;*/ left: 0 } .inner_tit_bgcolor p { width: 90%; } .about_profie_left { width: 40%; } .about_profie_left img { width: 94%; } .index_contact form input { width: 80%; } .index_contact form textarea { width: 80%; } } @media screen and (min-width:1200px) and (max-width:1439px) { html { font-size: 520%; } .top_bar .layout{ width: 90%; } nav .layout { position: relative; width: 90%; } .layout { width: 80%; } .logo a h1 { letter-spacing: 6px; letter-spacing: 0.06rem; } nav ul li a span { top: -20px; top: -0.20rem; } .inner_tit_bgcolor p { width: 85%; } .index_contact form input { width: 75%; } .index_contact form textarea { width: 75%; } } @media screen and (min-width:1440px) { html { font-size: 600%; } .top_bar .layout{ width: 70%; } nav .layout { position: relative; width: 70%; } .layout { width: 64%; } .index_brand_right { float: right; width: 28%; } .inner_tit_bgcolor p { width: 50%; } .about_profie .layout { width: 76%; } .about_profie_left img { width: 80%; } .img-list { left: 4%; } } /*人才招聘*/ .index_job .layout{padding-top:40px;padding-bottom:40px;} .job_list_box{background:#fff;} .job_list_box .span{float:left;width:21.25%;padding:0 5px;box-sizing: border-box;} .job_list_box .span5{width:15%} .job_top{border-top:6px #a60900 solid;border-bottom:1px #a60900 solid;line-height:24px;padding:20px 10px;overflow:hidden} .job_list .panel{border:0;box-shadow:none;border-radius:0;margin:0} .job_list .panel-heading{border-radius:0;border-bottom:1px #a60900 dashed;padding:0;position:relative} .job_list .panel-collapse{display: none;} .job_list .active .panel-heading{background-color:rgba(166,9,0,.1)} /* .job_list .active .panel-collapse{display: block;} */ .job_list .panel-heading a{display:block;color:#333;overflow:hidden;padding:15px 10px;position:relative;z-index:1;cursor: pointer;} .job_list .panel-body{border:1px #ddd solid;border-top:0;padding-top:25px;padding-bottom:25px;background:#f9f9f9;} .apply_btn{margin-top:30px;} .apply_btn a{display:inline-block;background-color:#333;font-size:16px;line-height:20px;color:#fff;padding:10px 30px;text-decoration:none} .apply_btn a:hover{background-color:#a60900} @media (max-width:767px){ .job_list_box .span{width:33.33333%} .job_list_box .span4,.job_list_box .span5{display:none} } @media (min-width:992px){ .index_job .layout{padding-top:50px;padding-bottom:60px;} .job_list_box .span{width:22%} .job_list_box .span5{width:12%} } @media (min-width:1200px){ .job_list_box .span{font-size:16px} .job_list .panel-body,.job_list .panel-heading a,.job_top{padding-left:30px;padding-right:30px} }