@charset "utf-8"; /* CSS Document */ /* -----------------------------首页样式start----------------------------- */ /*头部开始*/ .top1{ height: 40px; line-height: 40px; background: #efefef;} .top1L{ color: #333333; font-size: 12px;} .top1L span{ margin-right: 25px;} .top1R{ overflow: hidden;} .top1R a{ float: left; display: inline; color: #333333;} .top1R em{ float: left; display: inline; font-style: normal; width: 1px; height: 10px; background: #dbdbdb; margin: 15px;} .top1R a:hover{ color: #999999;} .top2{ height: 90px; background: #f9f9f9;} .logo{ height: 54px; margin: 18px 0 0 0;} .logo img{ display: block; height: 54px;} .top2R{ margin-top: 25px;} .search{ overflow: hidden; margin-right: 15px;} .search input{ float: left; display: inline; width: 328px; height: 38px; padding: 0 10px; border: 1px solid #dddddd; background: #FFF; color: #333; font-size: 14px;border-radius:3px 0 0 3px} .search input::-webkit-input-placeholder{ color: #999999;/* placeholder颜色 */ font-size:14px;/* placeholder字体大小 */ text-align: left; /* placeholder位置 */ } .search a{ float: left; display: inline; width: 70px; height: 40px; background:#5b5b5b url(../images/fIcn1.png) no-repeat center center;border-radius:0 3px 3px 0} .top2RBtn{ overflow: hidden;} .top2RBtn a{ display: block; height: 40px; line-height: 40px; width: 100px; font-size: 14px; color: #ffffff; text-align: center; background: #cd2027;border-radius:3px} .search a:hover,.top2RBtn a:hover{ opacity: .9;} .top3{ height: 50px; background: #ffffff;position: relative;z-index:111} .menu{position: relative;float:left;} .menu dd{ float: left; display: inline;position:relative;z-index:0} .menu dd.hover{z-index:11} .menu dd .yj{ display: block;} .menu dd .yj a{ display: block; padding: 0 50px; height: 50px; line-height: 50px; font-size: 15px;color: #333333;} .menu dd.hover .yj a{ background: #cd2027; color: #FFF;} .subMenuDiv{ display: none; width:130%; background:#fff; overflow: hidden; position: absolute; left:-15%; top:50px; box-shadow:0 3px 5px rgba(0,0,0,0.1); border-radius:0 0 3px 3px; } .subMenuDiv.typ2{ width:780px; left:-50px; } .subMenu_ul{ clear: both; overflow: hidden; padding:10px 0; } .subMenuDiv.typ2 .subMenu_ul{padding:15px;} .subMenu_ul li{ overflow: hidden; position: relative; } .subMenuDiv.typ2 .subMenu_ul li{margin:5px 0;} .subMenuDiv.typ2 .subMenu_ul li{ float: left; display: inline; } .subMenu_ul li .li_a1{ display: block; clear: both; line-height:24px; overflow: hidden; color:#333333; padding:5px; font-size:12px; text-align:center; } .subMenuDiv.typ2 .subMenu_ul li .li_a1{padding:0 15px;color:#cd2027;text-align:left;font-size:14px;} .subMenu_ul li .li_a1:hover{color:#cd2027} .liDiv_a{ overflow: hidden; padding:0 15px; } .liDiv_a a{ display:inline; float: left; width: 120px; line-height: 20px; color: #333333; text-align: left; padding:5px 0; } .liDiv_a a:hover{color:#cd2027} /*头部结束*/ /*menu开始*/ /*menu结束*/ /*indexBanner开始*/ .indexBanner{ overflow: hidden; height: 500px; width: 100%; position: relative;} .indexBanner .myslide{ background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; height: 500px;} .indexBanner .slick-dots{ position: absolute; bottom:21px; width: 100%; text-align: center;} .indexBanner .slick-dots li{ width:27px; height:4px; line-height: 9999px; text-align: center; background: #89a6cc; color: #ffffff; display: inline-block; margin: 0 5px; cursor: pointer;border-radius:3px} .indexBanner .slick-dots li.slick-active{background: #ffffff;} .indexBanner .con1{ position: absolute; left:50%; top: 50%; margin-top: -143px;]} /*indexBanner结束*/ .indexT{text-align: center; font-size: 0px;} .indexTC{ display: inline-block; overflow: hidden; border-bottom: 3px solid #cd2027; padding: 7px 0;} .indexTL{ font-size: 50px; color: #cd2027; height: 38px; line-height: 38px; margin-right: 5px;} .indexTR{ overflow: hidden;} .indexTR span{ overflow: hidden; display: block; line-height: 12px; height: 12px; font-size: 12px; color: #cd2027; margin-bottom: 2px;} .indexTR em{ overflow: hidden; display: block; line-height: 25px; height: 25px; font-size: 24px; color: #333333; font-style: normal;} /*第一通栏start*/ .indexBtn{ text-align: center;} .indexBtnC{ display: inline-block; overflow: hidden;} a.more{ float: left; display: inline; width: 70px; height: 40px; background:#FFF url(../images/more1.png) no-repeat center center; margin: 0 10px; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;} a.more:hover{ background-color: #cd2027; background-image: url(../images/more1h.png)} .column1Box{ padding: 50px 0; background: #f2f2f2;} .cloumn1{ padding-top: 5px;} .column1Scroll{position: relative;} .column1Scroll .bd{ overflow: hidden;padding:10px 5px;} .column1Scroll .slick-list{ overflow: visible; margin-right: -20px; } .column1Scroll .myslide{ width: 100%; float: left; display: inline;} .column1Scroll .con{ padding-right: 0px;} .column1ArrowsBox{ display: block; overflow: hidden; text-align: center;} .column1Arrows{ display: inline-block; overflow: hidden;} .column1Arrows .prev{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/prev1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;} .column1Arrows .next{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/next1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;} .column1Arrows .prev:hover{ background-color: #cd2027; background-image: url(../images/prev1h.png)} .column1Arrows .next:hover{ background-color: #cd2027; background-image: url(../images/next1h.png)} .column1List dd{ float: left; display: inline; width: 20%; float: left; display: inline; margin-bottom: 20px;} .column1List dd a{ display: block; margin-right: 20px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.02); transition: all 500ms;-webkit-transition: all 500ms;overflow:hidden;border-radius:3px} .column1List dd a:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);} .column1List dd .pic{position: relative;overflow: hidden;} .column1List dd .pic:after{ content: ""; display: block; width: 100%; padding-top: 75%; } .column1List dd .pic img{ display: block; position: absolute; left:50%; top:50%;max-width: 100%;max-height: 100%;object-fit:contain;transform:translate(-50%,-50%)} .column1List dd .text{ padding: 10px;overflow: hidden;background:#fbfbfb;transition-duration:0.3s;position: relative} .column1List dd .text:after{ content: ""; display: block; width:100%; height:1px; background:#e6e6e6; position: absolute; top: 0; left:0; opacity:0; transition-duration: 0.3s; } .column1List dd a:hover .text:after{opacity:1} .column1List dd a:hover .text{background:#fff} .column1List dd .text h1{ height: 25px; line-height: 25px; font-weight: normal; overflow: hidden; font-family: Arial; font-size: 14px; color: #333333;word-break: break-all} .column1List dd .text span{ display: block; height: 25px; line-height: 25px; overflow: hidden; color: #999999;} .column1List dd .text em{ display: block; font-style: normal; font-size: 12px;color: #c80000;} /*第一通栏end*/ /*第二通栏start*/ .column2Box{padding: 50px 0; background: #f7f7f7;} .column2Scroll{position: relative;} .column2Scroll .bd{ overflow: hidden;padding-top:10px;} .column2Scroll .slick-list{ overflow: visible; margin-right: -20px; } .column2Scroll .myslide{ width: 20%; float: left; display: inline;position:relative;top:0;transition-duration:0.3s} .column2Scroll .myslide:hover{top:-10px;} .column2Scroll .con{ padding-right: 20px;} .column2ArrowsBox{ display: block; overflow: hidden; text-align: center;} .column2Arrows{ display: inline-block; overflow: hidden;} .column2Arrows .prev{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/prev1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;} .column2Arrows .next{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/next1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;} .column2Arrows .prev:hover{ background-color: #cd2027; background-image: url(../images/prev1h.png)} .column2Arrows .next:hover{ background-color: #cd2027; background-image: url(../images/next1h.png)} .column2Scroll .myslide a{ display: block;text-align: center; padding:0 20px 45px; background: #f6dadb;transition-duration: 0.3s;border-radius:3px;overflow:hidden} .column2Scroll .myslide a:hover{box-shadow:0 3px 5px rgba(0,0,0,0.1)} .column2Scroll .icn{ padding:40px 0 10px 0; height:80px;} .column2Scroll .icn img{ display: block; height:80px; margin: 0 auto;} .column2Scroll .title{ height:30px; line-height: 30px; color: #333333; font-size: 14px;overflow: hidden;margin-top:15px;} .column2Scroll .text{ height:48px; line-height: 24px; color: #666666; font-size: 12px;} .column2Scroll .myslide.col1 a{ background: #f6dadb;} .column2Scroll .myslide.col2 a{ background: #f2e8c4;} .column2Scroll .myslide.col3 a{ background: #cbe3f3;} .column2Scroll .myslide.col4 a{ background: #f7e4d1;} .column2Scroll .myslide.col5 a{ background: #d5daf3;} .column2Scroll .myslide.col6 a{ background: #c3f1ec;} .column2Scroll .myslide.col7 a{ background: #edd9f7;} /*第二通栏end*/ /* *第三通栏start fpx 2018 */ .column3Box{padding: 50px 0; background: #f3f3f3 url(../images/c3Bg.jpg) no-repeat center bottom;} .indexSubMenu{ overflow: hidden;text-align: center; font-size: 0px;} .indexSubMenu a{ display: inline-block; font-size: 14px; color: #333333; padding: 0 30px; height: 40px; line-height: 40px; background: #FFF; margin: 0 15px; border-radius: 3px;} .indexSubMenu a.hover{ background: #cd2027; color: #FFF;} .indexSubMenu a:hover{ background: #cd2027; color: #FFF;} .column3CBox{ position: relative;} .column3C1{width:28%;} .column3C1 a{ display: block; background: #FFF;transition-duration:0.3s;overflow:hidden;border-radius:3px} .column3C1 a:hover{box-shadow:0 3px 6px rgba(0,0,0,0.1)} .column3C1 .pic{ position: relative; padding-top: 65.8031%;} .column3C1 .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;} .column3C1 .text{ overflow: hidden; padding:10px 20px 20px;} .column3C1 .text .title{ height: 38px; line-height: 38px; overflow: hidden; color: #333333; font-size: 14px;} .column3C1 .text .time{ height: 25px; line-height: 25px; overflow: hidden; color: #999999; font-size: 12px; margin-bottom: 7px;} .column3C1 .text .info{ height: 48px; line-height: 24px; overflow: hidden; color: #999999; font-size: 12px;} .column3C1 a:hover .text .title{ color: #cd2027;} .column3C2{height: 100%;position: absolute;width: 72%;right: 0px;top: 0px;padding-bottom: 20px;box-sizing: border-box;} .column3C2List{height: 100%;margin-right: -20px; margin-left: 20px;} .column3C2List dd{ float: left; display: inline; width: 50%; height: 50%; margin-bottom: 20px;} .column3C2List dd .con{ display: block; margin-right: 20px; height: 100%;} .column3C2List dd .con a{ display: block; height: 100%; background: #FFF;transition-duration:0.3s;border-radius:3px;overflow:hidden} .column3C2List dd .con a:hover{box-shadow:0 3px 6px rgba(0,0,0,0.1)} .column3C2List dd .con a .text{ overflow: hidden; padding:10px 20px 20px;} .column3C2List dd .con a .text .title{ height: 38px; line-height: 38px; overflow: hidden; color: #333333; font-size: 14px;} .column3C2List dd .con a .text .time{ height: 25px; line-height: 25px; overflow: hidden; color: #999999; font-size: 12px; margin-bottom: 7px;} .column3C2List dd .con a .text .info{ height: 48px; line-height: 24px; overflow: hidden; color: #999999; font-size: 12px;} .column3C2List dd .con a:hover .text .title{ color: #cd2027;} /*第三通栏end*/ /*第四通栏start*/ .cloumn4{} /*第四通栏end*/ /*底部开始*/ .footer1Box { background: #2e2e2e url(../images/footer1Bg.jpg) no-repeat center bottom; padding: 20px 0; } .footer1 { overflow: hidden; } .footerLF { float: left; display: inline; } .footerMenu { overflow: hidden; } .footerMenu dd { float: left; display: inline; min-width: 100px; margin-right: 52px; } .footerMenu dd em { font-style: normal; display: block; line-height: 43px; height: 43px; overflow: hidden; } .footerMenu dd em a { font-size: 14px; color: #ffffff; } .footerMenu dd em a:hover { color: #cd2027; } .footerMenu dd span { font-style: normal; display: block; line-height: 20px; padding: 5px 0; overflow: hidden; } .footerMenu dd span a { font-size: 12px; color: #eeeeee; } .footerMenu dd span a:hover { color: #cd2027; } .footContact li{ display: block; line-height: 20px; padding: 5px 0; overflow: hidden; color: #ededed; font-size: 14px; padding-left: 25px; background-position: left center; background-repeat: no-repeat; } .footContact li.li1{ background-image: url(../images/fFootIcn1.png)} .footContact li.li2{ background-image: url(../images/fFootIcn2.png)} .footContact li.li3{ background-image: url(../images/fFootIcn3.png)} .footerEwm { overflow: hidden; } .footerEwm dd { float: left; display: inline; position: relative; width: 122px; overflow: hidden; margin-left: 18px; } .footerEwm dd img { display: block; width: 120px; height: 120px; border: 1px solid #e6e6e6; } .footerEwm dd span { display: block; height: 40px; line-height: 40px; text-align: center; color: #ededed; } .footerEwm { float: left; padding-top: 15px; } .footer1Text{ line-height: 33px; color: #ededed; font-size: 12px; padding-top:15px;} .footerBO1 { background-color: #d6d6d6; overflow: hidden; height: 50px; line-height: 50px; color: #666666; } /*底部结束*/ /* -----------------------------首页样式end----------------------------- */ /* -----------------------------频道页start----------------------------- */ /* -----------------------------频道页end----------------------------- */ /*内页框架开始*/ /*内页外结构开始*/ /*内页外结构结束*/ /*当前位置开始*/ /*当前位置结束*/ /*页码开始*/ .page{padding-top:30px;text-align: center;clear: both;font-size: 14px;} .page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;border:1px solid #e6e6e6} .page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;} .page a:hover{background: #cd281e;color: #fff;border:1px solid #cd281e} .page a.hover{background: #cd281e;color: #fff;border:1px solid #cd281e} .page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;} .page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;} .page label{color:#999999;position: relative;top: -11px;} .page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;} .page a div{ width: 11px; height: 19px; background-position: center center; background-repeat: no-repeat; } .page a.firstPage div{background-image: url(../images/page/firstPage.png)} .page a.prevPage div{background-image: url(../images/page/prevPage.png)} .page a.nextPage div{background-image: url(../images/page/nextPage.png)} .page a.lastPage div{background-image: url(../images/page/lastPage.png)} .page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)} .page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)} .page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)} .page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)} .page a.firstPage.disabled{background:#E2E2E2;} .page a.prevPage.disabled{background:#E2E2E2;} .page a.nextPage.disabled{background:#E2E2E2;} .page a.lastPage.disabled{background:#E2E2E2;} .page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)} .page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)} .page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)} .page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)} /*页码结束*/ /**/ .floatR{ width: 40px; position: fixed; top: 50%; right: 0; z-index: 999; margin-top:70px; transition-duration:0.3s; } .floatR a{ display: block; width:40px; height:40px; border-radius:4px; overflow:hidden; background-color:#fff; background-position: center center; background-repeat: no-repeat; background-size:auto 20px; margin-bottom:10px; box-shadow: 0 0 9px 0 rgba(0,0,0,0.15); } .floatR a:hover{background-color:#cd2027;box-shadow: 0 3px 5px rgba(0,0,0,0.1);;} .floatR a span{ display: block; width:40px; height:40px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size:auto 20px; } .floatR a span.icon1{background-image:url(../images/icon8.png)} .floatR a span.icon2{background-image:url(../images/icon9.png)} .floatR a span.icon1:hover{background-image:url(../images/icon8h.png)} .floatR a span.icon2:hover{background-image:url(../images/icon9h.png)} .getHomeDiv{display:none} .floatR a.getHome{background-image:url(../images/getHome.png);} .floatR a.getHome:hover{background-image:url(../images/getHomeh.png);} /*内页框架结束*/ /**/ .pdtNumber{ clear: both; height:0; position: relative; z-index: 1; } .pdtNumberBox{ height:50px; line-height: 50px; position: absolute; bottom: 0; right:40px; z-index:1; font-size: 14px; color: #666; } .pdtNumberBox span{color:#cd2027;font-weight:bold;padding:0 5px;} .khzxBoxBox{transform:scale(0.9)} /** /*客服*/ .customer {position: fixed; z-index: 300; right: 0px; top:50%;margin-top:-115px; box-shadow: 0 3px 4px rgba(0,0,0,0.3); border-right: 0px; border-radius: 5px 0 0 5px; overflow: hidden; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-100);transition-duration:0.3s;} .customer-anchor { float: left; height: 200px; width: 38px; background: #f90; } .customer-anchor-icon { width: 11px; height: 20px; background: url(../images/jiantou180.png) no-repeat; margin: 0 auto; margin-top: 35px; } .c-active .customer-anchor-icon { background: url(../images/jiantou.png) no-repeat !important; } .customer-anchor p { color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; width: 14px; margin: 0 auto; margin-top: 11px; line-height: 18px; } .customer-box { float: left; width: 0px; background: #fff; height: 200px; overflow: hidden; } .customer-box-wrp { margin: 22px 0px 0px 14px; width: 160px; height: 137px; } .customer-box-wrp .icon-phone { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../images/icon_tel.png) no-repeat; } .customer-box-wrp .icon-qq { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../images/icon_qq.png) no-repeat; } .customer-box-wrp span { font-family: "Microsoft YaHei"; font-size: 14px; } .customer-box-wrp .f12 { font-size: 12px; margin-left: 28px; color: #8a8a8a; } .customer-box-wrp .link_join { text-decoration: none; font-size: 14px; font-family: "Microsoft YaHei"; color: #199ae6; } /**/ .spchNnn{ clear:both; overflow:hidden; padding:30px; background:#fcf8e3; border-radius:3px; border:1px solid #faebcc; font-size:16px; color:#666; line-height:120px; text-align: center; margin-right:15px; color: brown; } /**/ .linkBox{ clear: both; overflow:hidden; padding:10px 0; } .linkBox span{ float:left; line-height:40px; font-size:14px; color:#333; } .linkBox a{ display:inline; float:left; height:40px; overflow:hidden; line-height:40px; border-radius:3px; color:#333; padding:0 10px; position: relative; } .linkBox a:hover{color:#cd2027} .linkBox a:after{ content:""; display: block; width:1px; height:10px; background:#f5f5f5; position: absolute; right:0; top:50%; margin-top:-5px; } .linkBox a:last-child:after{display:none} @media (max-width:1650px) { .footerMenu dd{margin-right:40px} }