@import "font-awesome.min.css"; * { margin:0; padding:0; } body,html { font-size: 14px; font-family:"POPPINS-LIGHT","Microsoft YaHei" ; overflow-x:hidden; margin:0; padding:0; color: #000; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family:"POPPINS-LIGHT","Microsoft YaHei" ; } a { text-decoration: none; color: #333; } select:focus { outline:none; } .nopad { padding:0; } .nomargin { margin:0; } a:hover, a:active, a:focus { outline: none; text-decoration: none; } ul { padding:0; margin:0; font-size:0; } li { list-style: none; } .fl { float:left;} .fr { float:right;} .row { width:80%; padding: 0px; margin: 0 auto; text-align: center; } .prorow { width:1400px; padding: 0px; margin: 0 auto; text-align: center; } .row-pro { width:100%; padding: 0px; margin: 0 auto; text-align: center; } p,h1,h2,h3,h4,h5 { margin:0; } .tl { text-align: left; } .tr { text-align: right; } body{ width: 100%; opacity: 1; overflow: hidden; transition:opacity 0.3s; } body.on{ opacity: 1; } body::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } body::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; } body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #7c7c7c; } .w1400{ width: 1400px; position: relative; margin:0 auto; } .w1600{ width: 1600px; position: relative; margin: 0 auto; } .carousel-control.left { background:none; } .carousel-control.right { background: none; } .f-cb { zoom: 1; } @font-face { font-family: 'POPPINS-LIGHT'; src: url('../fonts/POPPINS-LIGHT.eot'); /* IE9 Compat Modes */ src: url('../fonts/POPPINS-LIGHT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/POPPINS-LIGHT.woff') format('woff'), /* Modern Browsers */ url('../fonts/POPPINS-LIGHT.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/POPPINS-LIGHT.svg') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'DINPRO-REGULAR'; src: url('../fonts/DINPRO-REGULAR.eot'); /* IE9 Compat Modes */ src: url('../fonts/DINPRO-REGULAR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/DINPRO-REGULAR.woff') format('woff'), /* Modern Browsers */ url('../fonts/DINPRO-REGULAR.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/DINPRO-REGULAR.svg') format('svg'); /* Legacy iOS */ } /** * 判断浏览器 */ #browser_ie { BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT: 120px; COLOR: #000; FONT-SIZE: 15px } #browser_ie .brower_info { MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px } #browser_ie .brower_info .notice_info { POSITION: relative; MARGIN-TOP: 5px; FLOAT: left } #browser_ie .brower_info .notice_info P { TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block } #browser_ie .browser_list { POSITION: relative; FLOAT: left } #browser_ie .browser_list IMG { WIDTH: 40px; HEIGHT: 40px } #browser_ie .browser_list SPAN { TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block } /*css组件设置*/ /*css组件设置*/ .imgZoom img,.imgY180 img { -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;} .imgZoom { overflow:hidden; } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)} .imgX360 img {-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;} .imgX360:hover img {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);} /*头部样式 */ /* .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #fff; border: 1px solid #60b830; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #60b830; } */ .carousel-control { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -20px; font-size:60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; } /*内页banner下的导航 */ #nei-main { padding-bottom: 30px; background:#eee; } #nei-mainabout { padding-top:40px; background:#eee; } #nei-mainnews { padding-bottom:60px; } /*内页公共部分*/ .nei-title { text-align: center; } .nei-title .title-text { font-size:42px; color: #000000; font-weight:700; font-family: "glyphicons-halflings-regular"; } .nei-title .title-text:after { content:''; width: 43px; height: 2px; display: block; margin:13px auto 25px; background:#d90813; } .nei-title .pro-title { width: 100%; } .nei-title .pro-title ul { width: 100%; text-align: center; } .nei-title .pro-title ul li{ height: 90px; margin-right: 55px; text-align: center; display: inline-block; } .nei-title .cate-title { width: 1400px; margin-bottom: 40px; margin: 0 auto; } .nei-title .cate-title ul { width: 100%; text-align: center; } .nei-title .cate-title ul li { height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: inline-block; color: #fff; background:#e1e1e1; border-radius: 20px; margin-right:30px; margin-bottom:10px; } .nei-title .cate-title ul li.cur{ height: 40px; line-height: 40px; margin-right: 30px; text-align: center; font-size:20px; display: inline-block; padding-left: 40px; padding-right: 40px; background:#ffffff; } .nei-title .cate-title ul li.cur a{ color: #e80014; } .nei-title .cate-title ul li:hover{ font-size:16px; color: #fff; background:#787677; } .nei-title .cate-title ul li:last-child { margin-right: 0; } .nei-title .cate-title ul li a { display: inline-block; padding-left: 40px; padding-right: 40px; color:#000; background:#e1e1e1; border-radius: 20px; } .nei-title .cate-title ul li a.active { display: inline-block; height: 40px; line-height: 40px; font-size:16px; padding-left: 40px; padding-right: 40px; color: #fff; background:#787677; border-radius: 20px; } .nei-title .cate-title ul li a:hover { color: #fff; font-size:16px; background:#787677; } /*面包屑*/ .list-bread { background-color: #f0efef; height:85px; line-height: 85px; } #tit { height:80px; background-color: #f5f5f5; } #tit .sendcate p{ width:60%; font-weight:bold; font-size:28px; color: #1e1e1e; padding-left:20px; float: left; text-transform: uppercase; } .breadcrumb { font-size: 14px; } .breadcrumb > li + li::before { padding: 0 5px; color: #474747; content: ">"; } .breadcrumb { float: left; padding:0; /*line-height: 128px;*/ margin-bottom:0; background: none; font-size: 14px; } .breadcrumb li a { color: #333; } .breadcrumb li i { margin-right: 10px; } .breadcrumb li.active { text-transform: capitalize; } .bread-nei { padding: 0 6.5%; } /*********************************************************************************************************************/ /** * 底部样式 */ /*footer*/ .company_ab .com_about{ width: 100%; } .contact-wrapper { width: 100%; background: #303030; text-align: center; padding: 0px; margin: 0 auto; } .contact-wrapper .zj{ text-align: center; width: 1400px; height: 410px; padding: 0px; margin: 0 auto; } .contact-wrapper .footlogo{ text-align: center; width: 100%; padding-top:60px; height:160px; padding-bottom:20px; } .footleft{ width:40%; float:left; text-align:left; } .footright{ width:60%; float:left; text-align: right; } .copyright .zjx{ text-align: center; width: 1400px; padding: 0px; margin: 0 auto; } .contact-wrapper .hd { float: left; width: 20%; margin-top: 40px; height:260px; } .contact-wrapper .hd .hd-inner { text-align: left; line-height: 25px; font-size: 14px; color: #010101; margin-top: 10px; padding-right:10%; font-style: italic; } .contact-wrapper .hd .search-wrapper { width: 100%; height: 70px; text-align: left; font-weight: bold; } .contact-wrapper .hd .search-text { width: 100%; margin-top: 20px; text-align: left; } .contact-wrapper .hd .search-input-box { width: 100%; height: 125px; margin-top: 20px; text-align: right; } .contact-wrapper .bd { float: left; width: 32%; margin-top: 20px; } .contact-wrapper .nd { float: left; width: 17%; margin-top: 20px; } .contact-wrapper .bd .search-wrapper { width: 100%; height: 35px; margin-top: 35px; text-align: left; line-height: 25px; font-size: 20px; color: #b2b2b2; } .contact-wrapper .nd .search-wrapper { width: 100%; height: 50px; margin-top: 20px; text-align: left; line-height: 50px; font-size: 20px; color: #b2b2b2; } .contact-wrapper .sear-line { width: 126px; height: 1px; background:#3d3d3d; margin-bottom:10px; } .contact-wrapper .bd .search-input-box { width: 100%; height: 125px; margin-top: 20px; text-align: left; } .contact-wrapper .nd .search-input-box { width: 100%; height: 125px; margin-top: 10px; text-align: left; } .contact-wrapper .bd .search-text { width: 100%; margin-top:5px; text-align: left; line-height: 30px; font-size: 14px; color: #b2b2b2; } .contact-wrapper .bd .search-text img{ margin-right:10px; } .contact-wrapper .bd .search-text a { color: #fff; } .contact-wrapper .nd .search-text { width: 100%; height: 30px; text-align: left; line-height: 30px; font-size: 14px; color: #fff; } .contact-wrapper .nd .search-text img{ margin-right:10px; } .contact-wrapper .nd .search-text a { color: #b2b2b2; } .com_about input[type=text] { background: #fff; border: 1px solid #cccccc; width: 475px; height: 40px; padding-left: 20px; font-size: 16px; } .com_about input[type=submit] { background: #7c7c7c; color: #fff; height: 40px; width: 153px; border: none; font-size: 16px; } .contact-wrapper .bd .contact-us { position: absolute; left: 970px; top: -190px; width: 580px; height: 300px; padding: 50px 70px 0; background-color: #333; } .contact-wrapper .bd .contact-us .contact-us-title { position: relative; height: 52px; padding-top: 22px; font-size: 30px; } .contact-wrapper .bd .contact-us .contact-us-title:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 4px; background-color: #fff; } .contact-wrapper .bd .contact-us .contact-us-text { margin-top: 32px; padding-right: 45px; line-height: 24px; } .contact-wrapper .bd .contact-us .contact-us-check { width: 426px; height: 48px; margin: 27px auto 0; background-color: #e70113; line-height: 48px; text-align: center; border-radius: 24px; } .copyright { color: #8a8a8a; font-size:14px; height: 50px; background:#1d1d1d; } .copyright .footlogo{ float: left; text-align: left; width: 25%; } .copyright .border-top { text-align: center; width: 100%; height: 50px; line-height: 50px; } .copyright .footjs{ float: left; text-align: right; width: 20%; height: 50px; line-height: 50px; } .copyright a{color: #8a8a8a;} .copyright p { /*color: #fff;*/ margin-bottom: 0; font-size:12px; font-family:"Arial"; } .copyright p a { /*color: #fff;*/ } .navboxa{height:100px;position:relative;z-index:9;margin:auto;filter:alpha(opacity=90);-moz-opacity:0.90;font-family:'微软雅黑';} .nava{width:100%;margin:0 auto;height:104px;list-style:none;} .nava li{float:left;height:100px;position:relative;list-style:none; line-height:100PX; width:16.66666%; } .nava li.last{background:none;} .nava li a{text-decoration:none;} .nava li a span{float:left;display:block;line-height:100px;font-size:16px;color:#1f1f1f;cursor:pointer;width:100%;text-align:center;} .nava li.selected .submenu{display:block;} .nava li .submenu{display:none;position:absolute;top:100px;left:0;} .nava li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;} .menu_li_txt{line-height:30px;font-size:12px;color:#696969; text-align:left;} .menu_li_txt font{font-size:14px;color:#bb1721;} .menu_li_txt a{color:#696969;text-decoration:none;font-size:14px;} .menu_li_txt a:hover{color:#696969;text-decoration:underline;} .menu_news_bg{width:550px;height:325px;background:#fff;} .menu_news_main{width:540px;margin:auto;padding-top:12px;} .menu_news_bgcn{width:470px;height:325px;background:#fff;} .menu_news_maincn{width:460px;margin:auto;padding-top:12px;} .menu_news_li{padding:0px 20px;margin-right:20px;height:150px;float:left;} .menu_news_img{float:left;text-align:left;color:#bb1721;line-height:30px;font-size:14px;} .menu_news_li2{padding:0px 30px;height:150px;float:right;} .menu_news_img2{float:left;margin-left:30px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;} .menu_news_li3{padding:0px 25px;height:150px;float:right;border-left:solid 1px #cccccc;} .menu_news_img3{float:left;margin-left:10px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;} .banner { text-align: center; } #aboutus{ background:#eee; } .div-about { width: 100%; height: 115px; text-align: center; background:url(../img/categorybg.jpg) no-repeat center center; } .div-about li{ display: inline-block; line-height:115px; padding-left:30px; padding-right:30px; font-size:24px; text-align:center; background:url(../img/catebottom.jpg) no-repeat bottom center; } .div-about li:hover{ background:url(../img/catebottom-1.jpg) no-repeat bottom center; } .div-about li a.active{ display: inline-block; line-height:115px; padding-left:30px; padding-right:30px; font-size:26px; text-align:center; background:url(../img/catebottom-1.jpg) no-repeat bottom center; } .div-aboutn { width: 100%; height: 120px; text-align: center; background:#fff; } .div-about-pro { width: 100%; height: 160px; text-align: center; background:#fff; } .div-aboutn .title{ text-align: center; height: 120px; line-height: 120px; font-size: 36px; color: #0d0d0d; } .div-about-pro .title-pro{ text-align: center; height: 160px; font-size: 36px; color: #0d0d0d; padding-top:35px; } .div-aboutn .title span{ } .aboutrow { width: 1250px; padding: 0px; margin: 0 auto; text-align: center; } .div-aboutn .cont{ text-align: left; height: 120px; line-height: 120px; font-size: 36px; font-weight: 900; color: #3f3939; } .div-about .title{ text-align: center; height: 60px; line-height: 60px; font-size: 36px; font-weight: 900; color: #0d0d0d; margin-top:40px; } .div-abt { position: absolute; background: #000; width: 100%; text-align: center; background: #d0091b; padding: 0px; z-index: 10; } /**********************底部样式 ****************************************/ .joincontacttextbg{ margin-top: 20px; margin-bottom: 30px; } .joincontacttextbg label { display: block; margin: 0px; } .joincontacttextbg input[type="text"], .joincontacttextbg input[type="email"], .joincontacttextbg select { border: 1px solid #DADADA; color: #888; height: 48px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; width: 80%; font-size: 12px; line-height:15px; box-shadow: inset 0px 1px 4px #ECECEC; -moz-box-shadow: inset 0px 1px 4px #ECECEC; -webkit-box-shadow: inset 0px 1px 4px #ECECEC; } .joincontacttextbg textarea { border: 1px solid #DADADA; color: #888; height: 48px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; width: 90%; font-size: 12px; line-height:15px; box-shadow: inset 0px 1px 4px #ECECEC; -moz-box-shadow: inset 0px 1px 4px #ECECEC; -webkit-box-shadow: inset 0px 1px 4px #ECECEC; } .joincontacttextbg textarea{ padding: 5px 3px 3px 5px; } .joincontacttextbg select { appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; line-height: 25px; } .joincontacttextbg textarea{ height:147px; } .joincontacttextbg .button { background: #2d2d2d; border: none; padding: 20px 55px 20px 55px; color: #FFF; border-radius: 3px; cursor: pointer; } .joincontacttextbg .button:hover { background: #000; } .joincontexta { width: 50%; float: left; height: 70px; } /*在线客服*/ .izl-rmenu{position:fixed;right:5%;bottom:10%;z-index:999;} .izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;display:block;padding:0;margin:0;border:none;border-radius: 0;} .izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;} .izl-rmenu .btn-qq.btn-qqe {background:url(../img/r_qqe.png) 0px 0px no-repeat;background-color:#6da9de;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat;background-color:#78c340;} .izl-rmenu .btn-wx.btn-wxe{background:url(../img/r_wxe.png) 0px 0px no-repeat;background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;} .izl-rmenu .btn-phone.btn-phonee{background:url(../img/r_phonee.png) 0px 0px no-repeat;background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} .backToTop {display: none; width: 64px;height:65px;position: fixed; right:30px;bottom: 100px;background:url(../../../Public/home/img/arrow-top.png) no-repeat center center; cursor:pointer; z-index:99;} @media (min-width: 1360px) .row { width: 100%; }