@charset "utf-8"; * { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } ul li { list-style:none } a { text-decoration:none } .clear { clear:both } img { padding:0; margin:0; border:0 } .clearfix:before, .clearfix:after { content:" "; display:table } .clearfix:after { clear:both } body { font-family:"微软雅黑"; font-size:14px; } @font-face { font-family: 'georgia'; src: url('../fonts/georgia.eot'); src: url('../fonts/georgia.eot?#iefix') format('embedded-opentype'), url('../fonts/georgia.woff') format('woff'), url('../fonts/georgia.ttf') format('truetype'), url('../fonts/georgia.svg#minijianyaya') format('svg'); font-weight: normal; font-style: normal; } .middleCenter { position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto } .container1{ width:74%; margin:0 auto; } header { width:100%; margin:0 auto; position:relative; } .daohang { display:block; width:100%; margin:0 auto; height:100px; clear:both; background-color:#fff; } .yx { float:left; } .yx a { display:block; padding-top:20px; } .yx img { max-width:100%; height:auto; } .navdaohang { float:right; margin:0px 80px 0px 0px; } .menupc li{ float: left; text-align: center; position: relative; line-height:100px; } .menupc li a{ display:block; color:#1a1a1a; padding: 0px 32px; font-size:18px; } .menupc li a i{ background:url(../images/jj.png) no-repeat bottom center; height:5px; width:100%; left:0px; bottom:15px; position:absolute; z-index:9999; display:none; } .menupc li a:hover i{ display:block; } .menupc li:hover a i{ display:block; } .menupc li:hover a{ color:#fff; background-color: #ff001f; } .menupc li a:hover{ color:#fff; background-color: #ff001f; } .menupc li .current{ color:#fff; background-color: #ff001f; } .menupc ul{ background-color:#fff !important; position: absolute; display:none; left: 0; top:100px; overflow: hidden; z-index: 999; width:100%; } .menupc ul li{ float: none; position: static; text-align: center; background:none; line-height: 40px; width:100%; } .menupc ul li a{ display: block; font-size: 16px; position: static; color:#fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 10px; } .menupc ul li a:hover{ color:#010101 !important; background-color:#fff !important; } .menupc ul li .current{ color:#010101 !important; background-color:#fff !important; } .menupc ul.subnav { display: block; } .nav-fr{ float:right; display:block; } .nation{ margin-top:39px; overflow:hidden; } .nation li{ float: left; background: url("../images/li.png") no-repeat right center; margin-right: 11px; padding-right: 11px; } .nation li:last-child{ background: none; margin-right: 0; padding-right: 0; } .nation li a{ display:block; line-height:25px; color:#000; padding-left: 27px; } .nation li a:hover{ color: #ff001f; } .n1{ background: url("../images/cn.jpg") no-repeat left center; } .n2{ background: url("../images/en.jpg") no-repeat left center; } /*手机导航*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:0px; line-height:80px; display:none; color:#666; } .header a[href="#page"] { display:none!important; } .mm-opened .header a[href="#page"] { display:block!important; } .mm-opened .header a[href="#mmenu"] { display:none!important; } #mmenu { z-index:9999; } #mmenu li .home-search { float:left; margin-left:20px; width:90%; background-color:#fff; padding-left:0; overflow:hidden; margin-top:10px; position:relative } #mmenu li .home-search .keyword { text-align:left; border:0; box-shadow:0; border-radius:0; width:86%; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -mz-border-radius:0; font-size:14px; color:#999; line-height:20px; vertical-align:top; padding:6px 86px 6px 10px; -webkit-appearance:none; background-color:#fff; border:1px solid #ccc } #mmenu li .home-search .keyword:focus { transition:border linear .2s, box-shadow linear .5s; -moz-transition:border linear .2s, -moz-box-shadow linear .5s; -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s; outline:0; border:1px solid #0a78bc; } #mmenu li .home-search .btn-sub { top:0; border:0; right:0; color:#e20008; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#0a78bc url(../images/search.png) no-repeat center center; } .container-fluid { margin-left:auto; margin-right:auto; padding:0 15px; } @media(max-width:1200px) { .daohang{ height:80px; } .yx a{ padding-top:10px; } .phone-nav { display:block; } .navdaohang { display:none; } .nav-fr{ display:none; } } .home-pro{ width:100%; margin:40px auto 30px auto; overflow:hidden; } .index_title{ overflow: hidden; text-align: center; } .index_title h3{ font-size: 30px; color: #000; font-weight: bold; background: url("../images/title.png") no-repeat center; } .pro_con{ margin-top: 25px; overflow: hidden; } .pro_con li{ float: left; width: 33.333333%; margin-bottom: 25px; overflow: hidden; } .pro_con li a{ display: block; } .pro_txt{ background-color: #fff; border: 1px solid #e6e6e6; padding: 10% 8% 7.5% 8%; overflow: hidden; position: relative; } .pro_txt h3{ font-size: 20px; color: #333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_txt dl{ margin: 25px 0px 10px 0px; overflow: hidden; height: 178px; } .pro_txt dl dd{ float: left; font-size: 16px; color: #666; margin-bottom: 13px; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_txt p{ width: 120px; line-height: 34px; background-color: #666; color: #fff; text-align: center; border-radius: 25px; } .pro_img{ position: relative; overflow: hidden; width: 100%; } .pro_img:after{ content: ''; display: block; padding-bottom: 75.2%; } .pro_img img{ transition: .5s; } .pro_con li a:hover .pro_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .pro_con li:nth-child(2n+1) a .pro_img i{ display: none; height: 0; width: 0; border-top: 15px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; position: absolute; top: 0; left: 50%; margin-left: -10px; transition: .5s; } .pro_con li:nth-child(2n+1) a:hover .pro_img i{ display: block; } .pro_con li a:hover .pro_txt{ box-shadow: 0px 0px 10px #ccc; } .pro_con li a:hover .pro_txt h3{ color: #ff001f; } .pro_con li a:hover .pro_txt p{ background-color: #ff001f; } .pro_con li:nth-child(2n) a .pro_img i{ display: none; height: 0; width: 0; border-bottom: 15px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; position: absolute; bottom: 0; left: 50%; margin-left: -10px; transition: .5s; } .pro_con li:nth-child(2n) a:hover .pro_img i{ display: block; } .home-about{ width: 100%; margin: 0 auto; overflow: hidden; position: relative; background: url("../images/aboutbg.jpg") no-repeat center; background-size: cover; } .about_fl{ float: left; width: 55px; margin: 65px 0px 0px 0px; } .about_fl img{ max-width: 100%; height: auto; } .about_fr{ float: left; width: 60%; background-color: #fff; box-shadow: 0px 0px 10px #a9a9a9; padding: 38px 30px; overflow: hidden; margin: 55px 0px; } .about_fr h3{ font-size: 32px; color: #000; font-weight: bold; margin-bottom: 25px; } .about_fr h3 em{ font-style: normal; font-size: 22px; color: #333; } .about_fr p{ font-size: 16px; color: #666; line-height: 25px; margin-bottom: 5%; } .about_fr span{ display: block; width: 140px; line-height: 40px; background-color: #ff001f; color: #fff; text-align: center; border-radius: 25px; font-size: 16px; box-shadow: 0px 2px 0px #a9a9a9; } .home-news{ width: 100%; margin:40px auto 30px auto; overflow:hidden; } .news_con{ margin-top: 35px; overflow: hidden; } .news_con li{ margin-bottom: 25px; overflow: hidden; position: relative; } .news_con li a{ display: block; box-shadow: 0px 0px 10px #ccc; margin: 5px 0px; } .news_img{ position: relative; overflow: hidden; width: 100%; } .news_img:after{ content: ''; display: block; padding-bottom: 53.6%; } .news_img img{ transition: .5s; } .news_date{ background-color: #666; overflow: hidden; width: 77px; height: 77px; text-align: center; color: #fff; position: absolute; left: 15px; top:5px; } .news_date p{ font-size: 32px; font-weight: bold; } .news_date span{ font-size: 14px; } .news_txt{ background-color: #fff; overflow: hidden; padding: 21px 18px; } .news_txt h3{ font-size: 17px; color: #333; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_txt p{ color: #666; line-height: 25px; margin-bottom: 20px; } .news_txt span{ display: block; width: 120px; line-height: 28px; border: 1px solid #666; color: #666; border-radius: 25px; text-align: center; } .news_con li a:hover .news_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .news_con li a:hover .news_date{ background-color: #ff001f; } .news_con li a:hover .news_txt h3{ color: #ff001f; } .news_con li a:hover .news_txt span{ border: 1px solid #ff001f; background-color: #ff001f; color: #fff; } footer{ width: 100%; margin: 0 auto; overflow: hidden; } .footer1{ background-color: #1a1a1a; overflow: hidden; padding: 21px 0px; } .footer1_1{ float: left; width: 10%; margin-top: 11px; overflow: hidden; } .footer1_1 img{ display: block; max-width: 100%; height: auto; } .footer1_2{ float: left; width: 35%; overflow: hidden; margin: 11px 5% 0px 5%; } .footer1_2 li{ float: left; width: 33.3%; background: url("../images/fli.jpg") no-repeat left top; padding-left: 15px; } .footer1_2 li a{ font-size: 16px; color: #fff; font-weight: bold; } .menulist{ margin-top: 15px; overflow: hidden; } .menulist li{ line-height: 25px; float: none; background: none; width: 100%; padding-left: 0; } .menulist li a{ color: #b2b2b2; font-size: 14px; font-weight: normal; } .menulist li a:hover{ color: #ff001f; } .footer1_3{ float: left; width: 20%; margin-top: 11px; } .footer1_3 h3{ font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 15px; } .footer1_3 span{ display: block; color: #ff001e; font-size: 20px; font-weight: bold; padding-left: 30px; background: url("../images/tel.png") no-repeat left center; } .footer1_3 p{ color: #b2b2b2; line-height: 25px; margin-top: 5px; } .footer1_4{ float: right; width: 25%; } .footer1_4 img{ display: block; max-width: 100%; height: auto; margin-left: auto; } .footer2{ background-color: #000; overflow: hidden; padding: 8px 0px; } .footer2 p{ text-align: center; color: #fff; line-height: 24px; } .footer2 p a{ color: #fff; } .footer2 p a:hover{ color: #ff001f; } /*威尼斯wnsr888*/ .inner_main{ width: 100%; height: auto; } .inner_main_title{ border-bottom: 1px solid #e0e0e0; overflow: hidden; box-shadow: 0px 0px 10px #ccc; } .inner_title{ float: left; overflow: hidden; } .inner_title li{ float: left; line-height: 70px; background: url("../images/ili.jpg") no-repeat right center; } .inner_title li:last-child{ background: none; } .inner_title li a{ display: block; font-size: 16px; color: #000; padding: 0px 20px; } .inner_title li a:hover{ color: #fff; background-color: #ff001f; } .inner_title li .current{ color: #fff; background-color: #ff001f; } .inner_location{ float: right; line-height: 70px; overflow: hidden; } .inner_location p{ color: #666; } .inner_location p a{ color: #666; } .inner_location p span{ font-weight: bold; color: #333; } .inner_main_con{ margin-top: 15px; overflow: hidden; } .inner_con_about{ color: #666; line-height: 26px; font-size: 16px; box-shadow: 0px 0px 10px #ccc; padding: 20px 20px 50px 20px; overflow: hidden; margin: 5px 0px 50px 0px; } .inner_con_about img{ display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } /*联系我们*/ .inner_con_contact{ color: #333; font-size: 16px; margin: 25px 0px 50px 0px; overflow: hidden; } .contact_title{ font-size: 28px; font-weight: bold; color: #333; text-align: center; } .contact_con{ margin-top: 30px; overflow: hidden; } .contact_con_fl{ float: left; width: 33%; background-color: #f5f5f5; padding: 3.5%; overflow: hidden; } .contact_con_fl li{ border-bottom: 1px solid #e6e6e6; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; color: #333; padding-left: 45px; } .contact_con_fl li:last-child{ margin-bottom: 0; } .lx1{ background: url("../images/lx1.png") no-repeat left 5px; } .lx2{ background: url("../images/lx2.png") no-repeat left 5px; } .lx3{ background: url("../images/lx3.png") no-repeat left 5px; } .lx4{ background: url("../images/lx4.png") no-repeat left 5px; } .contact_con_fl li h3{ font-size: 16px; font-weight: normal; } .contact_con_fl li p{ font-size: 18px; font-weight: bold; } .contact_con_fr{ float: right; width: 66%; } .contact_con_fr img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } /*人才招聘*/ .inner_con_talent{ overflow: hidden; margin-bottom:15px; padding:40px 20px; border: 1px solid #edecec; box-shadow: 0px 0px 3px #d2d2d2; } .talent_fl{ margin-bottom:30px; overflow:hidden; font-size:16px; color:#666; line-height:25px; } .talent_fr{ margin-bottom:30px; overflow:hidden; } .inner_con_talent img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .inner_con_job{ overflow: hidden; margin-bottom:15px; padding:30px 20px; border: 1px solid #edecec; box-shadow: 0px 0px 3px #d2d2d2; } .job_top{ background-color:#e50012; overflow: hidden; } .job_top li{ line-height:50px; color:#fff; text-align:center; font-size:16px; } .services-list { } .services-list li { list-style: none; margin-bottom: 10px; } .service-title{ cursor: pointer; outline:none; } .service-title a{ color:#333; display:block; min-height: 50px; line-height: 50px; background:#f2f2f2 url(../images/fr.png) no-repeat right center; } .service-title a:hover{ color:#333; background:#e6e6e6 url(../images/fr_h.png) no-repeat right center; } .service-title a.active { color:#333; background:#e6e6e6 url(../images/fr_h.png) no-repeat right center; } .service-title dt{ font-size:16px; text-align:center; text-transform:uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .service-content { background: #fff; color: #7b7b7b; overflow: hidden; width:100%; padding:0px 30px; } .service-info-text { margin:20px 0px 30px 0px; } .service-info-text h3{ font-size:16px; color:#e50012; font-weight:normal; padding-left:15px; margin-bottom:10px; } .service-info-text p{ font-size:14px; color:#666; padding:0px 15px; line-height:30px; } /*新闻中心*/ .inner_con_news{ overflow: hidden; } .inner_con_news li{ margin-bottom: 20px; overflow: hidden; position: relative; } .inner_con_news li a{ display: block; box-shadow: 0px 0px 10px #ccc; margin: 5px 0px; } .inews_img{ position: relative; overflow: hidden; width: 100%; } .inews_img:after{ content: ''; display: block; padding-bottom: 53.6%; } .inews_img img{ transition: .5s; } .inews_txt{ background-color: #fff; overflow: hidden; padding: 21px 18px; } .inews_txt h3{ font-size: 17px; color: #333; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inews_txt p{ color: #666; line-height: 25px; margin-bottom: 20px; height:100px; overflow:hidden; } .inews_txt span{ font-size: 12px; color: #666; } .inner_con_news li a:hover .inews_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .inner_con_news li a:hover .inews_txt h3{ color: #ff001f; border-bottom: 1px solid #ff001f; } /*分页*/ .pagination{ text-align:center; padding:0px 0px 50px 0px; color:#666; clear:both; } .pagination a{ display:inline-block ; color: #666; border:1px solid #D9D9D9; text-align: center; text-transform: capitalize; padding:0px 10px; line-height:28px; background-color:#fff; margin:0px 2px 10px 2px; } .pagination a:hover{ color:#fff; background-color:#ff001f; border:1px solid #ff001f; } .pagination a.active { display: inline-block; color: #fff; background-color: #ff001f; border: 1px solid #ff001f; } /*新闻详情*/ .inner_con_newsshow{ overflow: hidden; margin: 20px 0px 50px 0px; } .show_title{ text-align: center; padding-bottom: 25px; border-bottom: 1px dashed #bfbfbf; } .show_title h3{ font-size: 24px; font-weight:normal; text-align: center; color: #333; padding-bottom: 20px; line-height: 28px; } .show_title span{ color:#949494; margin:0px 10px; font-size:14px; padding-left:20px; } .browse{ background:url(../images/browse.png) no-repeat left center; } .date{ background:url(../images/date.png) no-repeat left center; } .show_content{ line-height:28px; color:#4b4b4b; padding:30px 10px; border-bottom:1px dashed #bfbfbf; font-size: 15px; } .show_content img{ display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .show_back{ padding-top:20px; } .show_back_fl{ margin-bottom:20px; overflow:hidden; } .show_back_fl li{ margin-bottom:2px; line-height:25px; color:#4d4d4d; width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:15px; } .show_back_fl li a{ color:#868686; font-size:15px; } .show_back_fl li a:hover{ color:#ff001f; } .show_back_fr{ margin-bottom:20px; overflow:hidden; padding:0; } .show_back_fr a{ display:block; line-height:46px; color:#fff; font-size:15px; background: #ff001f url(../images/return.png) no-repeat 20px center; padding-right:25px; text-align: right; } /*产品详情*/ .inner_con_proshow{ overflow: hidden; margin: 20px 0px 50px 0px; } /*产品中心*/ .inner_con_pro{ overflow: hidden; } .pro_fl{ float: left; width: 16%; margin-bottom: 25px; overflow: hidden; } .pro_fl li{ margin-bottom: 1px; overflow: hidden; } .pro_fl li a{ display: block; overflow: hidden; line-height: 40px; color: #333; background: #f5f5f5 url("../images/pli.jpg") no-repeat 15px center; padding-left: 30px; } .pro_fl li a:hover{ color: #fff; background: #ff001f url("../images/pli_h.jpg") no-repeat 15px center; } .pro_fl li .current{ color: #fff; background: #ff001f url("../images/pli_h.jpg") no-repeat 15px center; } .pro_fr{ float: right; width: 80%; } .pro_fr ul{ overflow: hidden; margin-bottom: 10px; } .pro_fr li{ margin-bottom: 9px; overflow: hidden; padding: 0px 5px; } .pro_fr li a{ display: block; border: 1px solid #e6e6e6; overflow: hidden; margin: 5px 0px; } .ipro_img{ position: relative; overflow: hidden; width: 100%; } .ipro_img:after{ content: ''; display: block; padding-bottom: 75.2%; } .ipro_img img{ transition: .5s; } .ipro_txt{ padding: 15px 0px; overflow: hidden; } .ipro_txt p{ text-align: center; color: #333; font-size: 18px; font-weight: bold; } .pro_fr li a:hover{ box-shadow: 0px 0px 10px #ccc; } .pro_fr li a:hover .ipro_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .pro_fr li a:hover .ipro_txt p{ color: #ff001f; } @media(max-width:320px) { } @media(max-width:414px) { .show_title h3{ font-size:18px; line-height:25px; } } @media(max-width:600px) { .pro_con li{ float: none; width: 100%; } .pro_txt dl{ height: auto; } .pro_txt{ padding: 7.5% 6%; } .footer1_1{ width: 100% !important; } .footer1_2{ width: 100% !important; } .footer1_3{ width: 100% !important; } .footer1_4{ width: 100% !important; } .inner_title{ float: none; width: 100%; } .inner_location{ float: none; width: 100%; line-height: 50px; } .inner_title li{ line-height: 40px; } .contact_title{ font-size: 20px; } .contact_con_fl{ float: none; width: 100%; padding: 5% !important; } .contact_con_fr{ float: none; width: 100%; } .pro_fr li{ padding: 0px 15px; } } @media(max-width:768px) { .about_fr{ width: 100% !important; } .about_fl{ display: none; } .footer1_1{ width: 30%; } .footer1_1 img{ margin: 0 auto; } .footer1_2{ width: 60%; } .footer1_3{ width: 40%; padding-left: 5%; } .footer1_4{ width: 60%; margin-top: 15px; } .footer1_4 img{ margin-right: auto; } } @media(max-width:1200px) { .container1{ width:100%; margin:0 auto; padding-left:15px; padding-right:15px; } .show_content img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .about_fr{ width: 70%; } .footer1_2{ margin: 11px 3% 0px 3%; } .contact_con_fl{ padding: 2.5%; } .contact_con_fl li p{ font-size: 16px; } } @media (min-width:1280px) and (max-width:1500px){ .navdaohang{ margin-right:40px; } .menupc li a{ padding:0px 25px; } .container1{ width:95%; } } @media (min-width:1501px) and (max-width:1700px){ .navdaohang{ margin-right:60px; } .menupc li a{ padding:0px 25px; } .container1{ width:85%; } } @media (min-width:1701px) and (max-width:1866px){ }