*{ margin: 0; padding: 0; box-sizing: border-box;} img { border: 0 none; vertical-align: center; } ul, li { list-style-type: none; margin:0px; padding:0px;} h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #666;} body, input, select, button, textarea { font: 0.14rem "微软雅黑", "Arial Regular"; outline: none;}/* 12px/1.5 字号12px，1.5倍行高，sans-serif无衬线字体*/ button { cursor: pointer; } i, em, cite { font-style: normal; } aside section,.body{display:block; width:10rem; margin:0 auto;} a, a:link { color: #000; text-decoration: none; }/*设置a标签基本样式与伪类选择器设置*/ a:visited {} a:active, a:hover { text-decoration: none; color:#d00000; } a:focus { outline: none;} a, p {color: #666;} a{transition:all 0.3s ease-in-out} .clear { clear:both; } html {font-size: 625%; font-size: 100px;} body { margin: 0 auto; width: 100%; height: 100%; overflow-x: hidden;} /*strong {font-size: 36px; text-transform: uppercase;}*/ h1, .f_size24 {font-size: 0.24rem;} h2, .f_size20 {font-size: 0.2rem;} h3, .f_size18 {font-size: 0.18rem;} h4, .f_size16 {font-size: 0.16rem;} small {font-size: 0.12rem; text-transform: uppercase;} /*-----------------------------//主体样式//-----------------------------*/ .cont {max-width: 12rem; margin: 0 auto; overflow: hidden;} .of {overflow: hidden;} .cont_position{position:absolute; width:100%;} /*------------------------//header样式//-------------------------*/ /*搜索框*/ .top {padding-top: 0.3rem;} .top > a {display: block;max-width:4.90rem;max-height:0.60rem;float: left;} .top > a > img {width: 100%;} .search {width: 2.38rem; height: 0.38rem; float: right; margin-top: 1px;position:relative} .search_text {width: 2rem; height: 0.38rem; line-height: 0.38rem; background: url("search_bg.png") left top; border: none; padding-left: 0.13rem; color: #aaaaaa; background-size: 119% 100%;text-indent:60px;} .search_btn {width: 0.38rem; height: 0.38rem; background: url("search_bg.png") right top; float: right; border: none; text-align: center; padding: 0.1rem; background-size: 626% 100%;} .search_ico {width: 0.18rem; height: 0.18rem; display: inline-block; background: url("ico.png") left top; background-size: 2444% 1667%;} /*select 产品文章切换搜索*/ .header-select select {background: transparent;width:70px;height:38px;/*padding:5px;*/font-size: 14px; border:solid 1px #dedede;-webkit-appearance: none;color:#999999;text-align:center;text-indent:8px;border-radius:5px 0px 0px 5px;} .header-select {width:70px;height:38px;overflow:hidden;background:url(/templates/default/images/sanjiao.png) no-repeat 85% #fff;border-radius:3px 3px 3px 3px;position:absolute;left:0px;top:0px;text-align:center} /*导航栏*/ /*.nav {width: 100%; height: 54px; background: url("nav_bg.png") center bottom no-repeat; margin-top: 23px; line-height: 58px;} .nav_list {width: 1227px;} .nav_list > li {padding: 0 27px; float: left;} .nav_list .border {width: 1px; height: 58px; background: url("nav_border.png") center no-repeat; padding: 0;} .nav_list > li > a {color: #fff; display: block;} .nav_list > li:hover, .nav_on {height: 54px; line-height: 58px; background: #1162b1;}*/ /*导航栏*/ .nav > .cont {position: relative; height: 100%;} .nav {width: 100%; height: 0.54rem; margin-top: 0.23rem; position: relative;} .nav_bg {width: 100%; height: 0.5rem; position: absolute; bottom: 0; z-index: 1;} .nav_list {/* width: 12.27rem; */ width: 110%; height: 0.5rem; position: absolute; z-index: 2; bottom: 0;} .nav_list > li {height: 0.50rem; float: left; position: relative; bottom: 0;} .nav_list .border {width: 1px; height: 0.54rem; background: url("nav_border.png") center no-repeat; background-size: 100%; padding: 0; top: 0; z-index: 1; margin-left: -1px;} .nav_list > li > a {width: 100%; height: 100%; color: #fff; line-height: 0.54rem; display: block; padding: 0 0.27rem; position: relative; z-index: 100;} @media screen and (max-width: 900px) { .nav_list > li > a {padding: 0 0.26rem;} } @media screen and (max-width: 880px) { .nav_list > li > a {padding: 0 0.25rem;} } @media screen and (max-width: 850px) { .nav_list > li > a {padding: 0 0.24rem;} } @media screen and (max-width: 820px) { .nav_list > li > a {padding: 0 0.23rem;} } @media screen and (max-width: 800px) { .nav_list > li > a {padding: 0 0.21rem;} } .block {display: block; background: #1162b1; width: 0%; height: 0.54rem; position: absolute; top: -0.04rem; z-index: 2;border-radius:5px;} .nav_list .mouseover {animation: mouseover 0.2s linear forwards;} .nav_list .mouseleave {animation: mouseleave 0.2s linear forwards;} @keyframes mouseover { 0% {width: 0%; left: 0;} 50% {width: 50%;} 100% {width: 100%;} } @keyframes mouseleave { 0% {width: 100%; left: 0;} 50% {width: 50%; left: 50%;} 100% {width: 0%; left: 100%;} } /*banner */ .swiper-slide > a {width: 100%; height: 100%;} .swiper-slide > a > img {width: 100%; height: 100%;} /*.pagination {position: absolute; right: 3rem; bottom: 0.67rem; z-index: 100;}*/ .pagination {position: relative; bottom: 0.67rem; z-index: 100; width: 1200px; margin: 0 auto; text-align: right;} .swiper-pagination-switch {display: inline-block; width: 0.3rem; height: 0.03rem; background: url("dot_bg.png") no-repeat; margin-left: 0.1rem; background-size: 100%;} .pagination > .swiper-active-switch {background: #ffa213;} /*---------------------//content主体样式//-----------------------*/ .cont_nav {width: 12.36rem; height: 1.4rem; position: relative; top: -0.46rem; z-index: 100; box-shadow: 1px 1px 20px rgba(124,123,127,0.3);background:#fff;border-radius:10px 0px 0px 0px;} .cont_nav_list {width: 100%; position: absolute; overflow: hidden;} .cont_nav_list > li {width: 3rem; height: 1.4rem; display: block; /*padding: 0.35rem 0.29rem;*/ color: #333; float: left; border-bottom: 2px solid #1162b1; background: #fff; position: relative; z-index: 10;/*padding: 0.2rem;*/} .cont_nav_list > li:nth-of-type(1){padding-top:0px;padding-left:0.6rem;} .cont_nav_list .left {width: 3.12rem; padding-left: 0.4rem; background: url("cont_nav.png"); background-size: 100% 100%; position: relative; z-index: 11;} .cont_nav_list .left .jn{width:150px;margin-top:0.2rem;} .cont_nav_list .left .jn img{max-width:150px;height:auto} .cont_nav_list .left >h1{color:#0070c1;padding-left:3%} .left > span {display: block; color: #ccc; font-family: "Arial Regular"; margin-top: 0.12rem;} .cont_nav_list .right h1{font-size:0.2rem;padding-top:0.1rem;line-height:0.26rem;} .cont_nav_list .right {width: 3rem; /*padding-top: 0.45rem;*/ position: relative;} /*.cont_nav_list .right:hover{background:#fdfdfd}*/ /*.cont_nav_list .right:hover h1,.cont_nav_list .right:hover span{color:#1162b1;}*/ .cont_nav_list li:hover:nth-of-type(1){background: url("cont_nav.png"); background-size: 100%;} .cont_nav_list li:hover{background:#1162b1;transition:all 0.5s ease-in-out} .cont_nav_list .right:hover h1{color:#fff;} .cont_nav_list .right:hover span{color:#a4c4e3} .cont_nav_list li:hover .border {width: 1px; height: 0.8rem; background: url("border.png") no-repeat;-webkit-transition: all 0.5s ; transition: all 0.5s ; background-size: 100%;} .cont_nav_list li:hover .ico1{background: url("n1.png") no-repeat; background-size: 100% 100%;} .cont_nav_list li:hover .ico2{background: url("n2.png") no-repeat; background-size: 100% 100%;} .cont_nav_list li:hover .ico3{background: url("n3.png") no-repeat; background-size: 100% 100%;} .right > a {color: #333;display:block;width:100%;height:100%;padding:0.2rem;padding-top:0.45rem;} .right > a > i {display: block; width: 0.5rem; height: 0.5rem; float: left; margin-right: 0.1rem;} .right > a > .ico1 {background: url("ico.png") left bottom; background-size: 880% 600%;} .right > a > .ico2 {background: url("ico.png") -0.57rem bottom; background-size: 880% 600%;} .right > a > .ico3 {background: url("ico.png") -1.21rem bottom; background-size: 880% 600%;} .right > a > span {display: block; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.02rem;} .border {width: 1px; height: 0.8rem; background: url("cont_nav_border.png") no-repeat; position: absolute; top: 0.35rem; right: 0; background-size: 100% 100%;} /*标题*/ .box {margin-top: 0.37rem;} .title {width: 100%; text-align: center; background: url("title_bottom.png") center bottom no-repeat; padding-bottom: 0.2rem;} .title > strong {color: #dedede;} .title > h1 {color: #1162b1;} /*产品列表*/ .cont_list { margin-top: 0.4rem;} .pro_list {width: 12.36rem; height: 2.40rem; margin-left: -0.16rem;} .cont_list > ul > li {float: left; width:3.08rem; height: 2rem; position: relative; color: #c8c9c9; padding: 0.1rem; overflow: hidden;} /*.cont_list > ul > li > img {width: 100%; height: 100%;}*/ .cont_list > ul > li:hover {/*box-shadow: 0px 0px 20px #ddd;*/ background: url("pro_bg.png") center; background-size: 100% 100%;} .pro_list li a{display:block;width:100%;height:100%;border-radius:20px;} .pro_list li a .pro_title,.pro_list li a .read_pro{color:#fff;font-weight:300;font-size:0.16rem;} .pro_list li a .pro_title:hover {color: #1162b1;} .pro_list .pro_end {margin: 0;} .pro_img {width:2.88rem;height:1.8rem; overflow:hidden;border-radius:10px;} /*.pro_list > li > img {position: absolute; width: 380px; height: 240px;overflow:hidden}*/ .pro_list > li .pro_img img{width:2.88rem;height:1.8rem;overflow:hidden;} /*.pro_list > li:hover .pro_img img{transform: scale(1.1); overflow:hidden;box-shadow: 0px 0px 30px rgba(0,0,0,0.1);width:2.88rem;height:1.8rem;} .pro_list > li:hover .pro_img{transform: scale(1);overflow:hidden;width:2.88rem;height:1.8rem;-webkit-transform:rotate(0deg);}*/ .pro_list > li .pro_img:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.1);} .pro_text {position: absolute; z-index: 100; top: 0.4rem; left: 0.3rem;} .pro_text > a {display: block; color: #fff; transition: all 0.3s ease-in-out;font-weight: 300} .pro_title:hover {color: #1162b1;} .read_pro {width: 0.96rem; height: 0.28rem; line-height: 0.28rem; background: url("read_pro.png"); text-align: center; margin-top: 0.3rem; background-size: 100% 100%;} .read_pro:hover {background: url("read_pro_hover.png"); color: #fff; background-size: 100% 100%;} .pro_text > small {display: block; margin-top: 0.12rem;width:1.72rem;color:#8ac4fb;font-weight: 300;word-break:break-all} /*cont_banner */ /*hover li 15% index li 40%*/ .cont_banner {width: 100%; position: relative; /*margin-top: 138px;*/ overflow: hidden;} .banner_list {width: 150%; position: relative; overflow: hidden;margin-top:0.4rem;} .banner_list > li {float: left; width: 20%; height: 6.4rem; position: relative; z-index: 100;} .banner_list > li > .banner_show {display: block; width: 100%; height: 100%; position: relative; color: #fff;} .cover {width: 100%; height: 100%; background: url("cover.png"); background-size: 100%; position: absolute; top: 0; text-align: center; padding-top: 2.38rem;} .cover > i {display: inline-block; width: 0.45rem; height: 0.45rem; background: url("ico.png") -3.48rem top; background-size: 978% 667%; margin-top: 0.38rem;} .cover > h2 {color: #ffffff;} .banner_list > li > .banner_show > img {width: 100%; height: 100%;} .banner_hover {width: 100%; height: 100%; background: url("banner_hover.png") center; position: absolute; top: 0; left: 0;padding: 1.58rem 13.02% 0; display: none;} .banner_hover .banner_Title{font-size:0.24rem;font-weight:bold;color:#fff;padding-bottom:0.25rem;background:url('banner_border.png') center bottom no-repeat;background-size:0.56rem 0.02rem; text-align: center; } .banner_hover .banner_Title a{color:#fff} .banner_hover > .banner_B{overflow:hidden} .banner_hover > .banner_B .banner_B_T{font-size:0.16rem;font-weight:bold;color:#fff;padding-left:2rem;width:80%;padding-top:0.1rem;line-height:1.8em;overflow:hidden;height:1rem;} .banner_hover > .banner_B .banner_B_icon1{background:url('icon1.png') no-repeat;background-size:0.50rem 0.48rem;background-position:30% top;margin-top:0.5rem;} .banner_hover > .banner_B .banner_B_icon2{background:url('icon2.png') no-repeat;background-size:0.48rem 0.47rem;background-position:30% top;} .banner_hover > .banner_B .banner_B_icon3{background:url('icon3.png') no-repeat;background-size:0.47rem 0.59rem;background-position:30% top;} .banner_hover > h2, .banner_hover > p, .banner_hover > a {color: #fff;} .banner_hover > span {display: inline-block; width: 0.56rem; height: 0.02rem background: #fff; margin: 0.3rem 0 0.2rem;} .banner_hover > p {line-height: 0.28rem;} .banner_hover > .banner_more {display: inline-block; width: 2.4rem; height: 0.5rem; line-height: 0.5rem; background: url("banner_hover_bg.png") center; background-size: 100% 100%; color: #1162b1; vertical-align: middle; position: relative; margin-top: 1.35rem;} .banner_more i {display: block; width: 0.1rem; height: 0.1rem; background: url("ico.png") left -0.92rem; background-size: 4400% 3000%; position: absolute; right: 0.2rem; top: 0.2rem;} .banner_more a{display:block;width:100%;height:100%;} .banner_more a:hover{background:#1162b1;color:#fff;border-radius:3px;transition:all 0.6s ease-in-out} .banner_more:hover a{color:#fff;} .banner_more:hover i{background: url("more_hover.png") left;right: 0.2rem; top: 0.2rem;display: block; width: 0.1rem; height: 0.1rem;position: absolute; } .banner_hover > a {display: block; width: 2.4rem; height: 0.5rem; line-height: 0.5rem; background: url("banner_hover_bg.png") center; color: #1162b1; vertical-align: middle; position: absolute; bottom: 1.6rem; left: 50%; margin-left: -1.2rem;} .banner_hover > .banner_more {position: absolute; bottom: 1.6rem; left: 50%; margin-left: -1.2rem;} /*hjc888老品牌娱乐通道*/ .cont_box {padding-top: 1rem; overflow: hidden; padding-bottom: 1.2rem;} .ab {background: url("bg_75.png") center;} .cont_list {width: 105%; /*overflow: hidden;*/} .ab_left {float: left; display: block; width: 5.4rem; height: 3.8rem;} .ab_left > a{display:block;width:100%;height:100%;} .ab_left > a > img {width: 100%;max-width:540px;} .ab_right {float: left; width: 7rem; height: 3.4rem; margin-top: 0.2rem; margin-left: -30px; overflow: hidden;} .ab_right > ul {float: left;} .ab_right > ul > li {position: relative; box-shadow: 1px 1px 20px rgba(124,123,127,0.1); overflow: hidden; /*background: #fff;*/} .ab_right > ul > li > img {margin: -3% 0 0 -3.1%; position: absolute; width: 106.5%; height: 110%;} .ab_cap_img{width:212px;height:197px;background:url('cap_bg.png') no-repeat;margin:-16px 0 0 -16px;position:absolute} .ab_cap:hover .ab_cap_img{background:url('a_bg.png') no-repeat;transition:all 1s ease-in-out} .ab_right .ab_text {width: 5rem; height: 3.4rem; line-height: 0.28rem; float: left; margin-right: 0.09rem; overflow: hidden; background: url('ab_text_bg.png') left top no-repeat; background-size: 100% 100%; padding: 10%;} .ab_text > .cont_text > a {display: block; margin-bottom: 0.2rem;} .ab_text > .cont_text > a > h2 {font-weight: bold; color: #1162b1;} .cont_text {color: #666666} @media screen and (max-width: 1030px) { .ab_right .ab_text {padding: 9%;} } @media screen and (max-width: 910px) { .ab_right .ab_text {padding: 7.5%;} } @media screen and (max-width: 878px) { .ab_right .ab_text {padding: 6.5%;} .ab_text > .cont_text > a {margin-bottom: 10px;} } .cont_text > a {color: #1162b1; font-weight: bold;} .ab_text > a > h2 {margin-bottom: 0.25rem;} .ab_cap {width: 1.81rem; height: 1.65rem;} .ab_right > ul > .ab_cap > img {width: 118%; height: 120%; margin: -8.5% 0 0 -8.5%;} .ab_cap > .cont_text {position:absolute;display: block; width: 100%; padding:0px; text-align: center; transition: all 0.3s ease-in-out;} .ab_cap > a > i {display: inline-block; background: url("ico.png");} .ab_cap > a > .cap_ico1 {width: 0.46rem; height: 0.58rem; background-position: left -1.14rem; margin-top: 0.4rem; margin-bottom: 0.1rem; background-size: 957% 517%} .ab_cap > a > .cap_ico2 {width: 0.7rem; height: 0.42rem; background-position: left -1.90rem; margin-top: 0.43rem; margin-bottom: 0.2rem; background-size: 629% 714%;} /*.ab_cap:hover{background:#1162b1;transition:all 0.3s ease-in-out}*/ .ab_cap:hover > .cont_text > h3 {color: #fff;} .ab_cap_img{width:2.12rem; height:1.97rem; background:url('cap_bg.png') no-repeat; margin:-0.16rem 0 0 -0.16rem;position:absolute} .ab_cap:hover .ab_cap_img{background:url('a_bg.png') no-repeat;transition:all 1s ease-in-out; background-size: 100%;} .ab_cap:hover > a > .cap_ico1{background:url('a1.png'); background-size: 100% 100%;} .ab_cap:hover > a > .cap_ico2{background:url('a2.png'); background-size: 100% 100%;} /*资讯中心*/ .info_left_box {width: 5.8rem; height: 4rem; padding: 0 0 0.1rem 0.1rem; /* background: url("bg_shadow.png") left bottom no-repeat; */float: left; position: relative;} .info_left_box > img {width: 5.7rem; height: 3.8rem; position: absolute; left: 0; bottom: 0;} .info_left {width: 5.7rem; height: 3.9rem; overflow: hidden; position: relative; z-index: 10;} .info_left img {height: 3.9rem;} .little_title {width: 5.7rem; height: 1.17rem; background: url("little_bg.png"); background-size: 100% 100%; position: absolute; bottom: 0px; z-index: 10; padding-left: 0.3rem; line-height: 1.17rem;} .little_title > h4 {color: #fff; transition: all 0.3s ease-in-out;} .little_title > h4:hover {color: #dedede;} .dot {bottom: 0.4rem; position: absolute; right: 0.3rem; z-index: 100;} .dot > .swiper-pagination-switch {width: 0.14rem; height: 0.14rem; border: 2px solid #dedede; border-radius: 50%;} .dot > .swiper-active-switch {background: #fff; border: 2px solid #fff;} .swiper-slide > a {display: block;} .info_right {float: right; width: 5.8rem;} .info_list > li {height: 1.35rem;} .info_list>li > a > .info_n_box{height: 1.35rem; padding: 0.3rem; border-bottom: 1px dashed #dedede;} .info_list > li > a{display: block; overflow: hidden;width:100%;height:100%;} .info_list > li > a > .info_n_box > p {float: left; height: 0.75rem; margin-right: 0.3rem; color: #aaa;} .info_list > li > a > .info_n_box > p > span {font-size: 0.28rem;} .info_list > li > a > .info_n_box > h3 {color: #333; margin-bottom: 0.1rem; transition: all 0s;} .info_list > li > a > .info_n_box > span {color: #666; line-height: 0.22rem;} .info_list .ab_more {color: #999;} .info_list > li:hover > a > .info_n_box > p {color: #fff;} .info_list > li:hover > a > .info_n_box > h3 {color: #fff;} .info_list > li:hover > a > .info_n_box > span {color: #a4c4e3;} .info_list > li a:hover{background: #1162b1; border: none;transition:all 0.8s ease-in-out} /* 233后添加 */ @media screen and (max-width: 1280px) { .info_right {margin-right: 20px;} } @media screen and (max-width: 1280px) { .info_right {margin-right: 40px;} } /*合作客户*/ .coop_cont .title h1{font-size:0.18rem;} .coop {background: #f6f6f6; padding-bottom: 0.87rem; position: relative;} .coop_line {width: 100%; height: 1px; border-top: 1px dashed #dedede; position: absolute; bottom:33%;} .cover_line {width: 1px; height: 2.8rem; background: #f6f6f6; position: absolute; right: 0; z-index: 100;} .coop_cont { margin-top: 0.5rem;} .coop-container {overflow: hidden;} .coop_list {float: left; width: 2.4rem;} .coop_list > li {width: 2.4rem; height: 1.4rem; text-align: center; border-right: 1px dashed #dedede;} .coop_list > li > a {height: 1.4rem; width: 2.4rem; display: table-cell; vertical-align: middle;} .coop_list > li > a >img{max-width:100%;max-height:0.5rem;} .coop_list > li > a > img{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;overflow:hidden} .coop_list > li:hover > a >img{transform: scale(1.1);overflow:hidden} .coop_showlist{overflow:hidden;text-align:center} .coop_showlist a{padding:10px;background:#eee;color:#666;display:inline-block;border-radius:5px;margin-left:10px;cursor:pointer;} .coop_showlist a:hover,.coop_showlist a.current{background:#1162b1;color:#fff;} .c_wrap {overflow: visible; position: relative;margin-top:0.4rem;display:none;} .coop-container {background: #f6f6f6;} .c_wrap > .coop_btn > span {display: block; position: absolute; width: 0.5rem; height: 0.5rem; background: url("ico.png") no-repeat; top: 50%; margin-top: -0.25rem; cursor: pointer; z-index: 100;} .c_wrap > .coop_btn > .coop_prev {background-position: -3.32rem bottom; left: -0.72rem; background-size: 878% 600%;} .c_wrap > .coop_btn > .coop_next {background-position: right bottom; right: -0.7rem; background-size: 878% 600%;} .c_wrap > .coop_btn > .coop_prev:hover {background-position: -3.32rem -1.99rem; background-size: 878% 600%;} .c_wrap > .coop_btn > .coop_next:hover {background-position: right -1.99rem; background-size: 878% 600%;} .width11 {display: none;} .width11 {bottom: -0.5rem; position: relative;} .c_wrap > .width11 > .coop_prev {left: 30%;} .c_wrap > .width11 > .coop_next {right: 30%;} .link_img > img {max-width: 2.4rem; max-height: 1.3rem;line-height:1.3rem;} .link_img > img{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;overflow:hidden} .link_img:hover >img{transform: scale(1.1);overflow:hidden} /*合作客户2*/ .coop2 {background: #f6f6f6; padding-bottom: 0.87rem; position: relative;} .coop_line2 {width: 100%; height: 1px; border-top: 1px dashed #dedede; position: absolute; bottom:38%;} .cover_line2 {width: 1px; height: 2.8rem; background: #f6f6f6; position: absolute; right: 0; z-index: 100;} .coop_cont2 { margin-top: 0.3rem;} .coop-container2 {overflow: hidden;} .coop_list2 {float: left; width: 2.4rem;} .coop_list2 > li {width: 2.4rem; height: 1.4rem; text-align: center; border-right: 1px dashed #dedede;} .coop_list2 > li > a {height: 1.4rem; width: 2.4rem; display: table-cell; vertical-align: middle;} .coop_list2 > li > a >img{max-width:100%;max-height:0.5rem;} .coop_list2 > li > a > img{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;overflow:hidden} .coop_list2 > li:hover > a >img{transform: scale(1.1);overflow:hidden} .c_wrap2 {overflow: visible; position: relative;margin-top:0.4rem;} .coop-container2 {background: #f6f6f6;} .coop_btn2 > span {display: block; position: absolute; width: 0.5rem; height: 0.5rem; background: url("ico.png") no-repeat; top: 50%; margin-top: -0.25rem; cursor: pointer; z-index: 100;} .coop_btn2 > .coop_prev2 {background-position: -3.32rem bottom; left: -0.72rem; background-size: 878% 600%;} .coop_btn2 > .coop_next2 {background-position: right bottom; right: -0.7rem; background-size: 878% 600%;} .coop_btn2 > .coop_prev2:hover {background-position: -3.32rem -1.99rem; background-size: 878% 600%;} .coop_btn2 > .coop_next2:hover {background-position: right -1.99rem; background-size: 878% 600%;} .width11 {display: none;} .width11 {bottom: -0.5rem; position: relative;} .c_wrap2 > .width11 > .coop_prev2 {left: 30%;} .c_wrap2 > .width11 > .coop_next2 {right: 30%;} /*合作客户3*/ .coop3 {background: #f6f6f6; padding-bottom: 0.87rem; position: relative;} .coop_line3 {width: 100%; height: 1px; border-top: 1px dashed #dedede; position: absolute; bottom:38%;} .cover_line3 {width: 1px; height: 2.8rem; background: #f6f6f6; position: absolute; right: 0; z-index: 100;} .coop_cont2 { margin-top: 0.3rem;} .coop-container3 {overflow: hidden;} .coop_list3 {float: left; width: 2.4rem;} .coop_list3 > li {width: 2.4rem; height: 1.4rem; text-align: center; border-right: 1px dashed #dedede;} .coop_list3 > li > a {height: 1.4rem; width: 2.4rem; display: table-cell; vertical-align: middle;} .coop_list3 > li > a >img{max-width:100%;max-height:0.5rem;} .coop_list3 > li > a > img{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;overflow:hidden} .coop_list3 > li:hover > a >img{transform: scale(1.1);overflow:hidden} .c_wrap3 {overflow: visible; position: relative;margin-top:0.4rem;} .coop-container3 {background: #f6f6f6;} .coop_btn3 > span {display: block; position: absolute; width: 0.5rem; height: 0.5rem; background: url("ico.png") no-repeat; top: 50%; margin-top: -0.25rem; cursor: pointer; z-index: 100;} .coop_btn3 > .coop_prev3 {background-position: -3.32rem bottom; left: -0.72rem; background-size: 878% 600%;} .coop_btn3 > .coop_next3 {background-position: right bottom; right: -0.7rem; background-size: 878% 600%;} .coop_btn3 > .coop_prev3:hover {background-position: -3.32rem -1.99rem; background-size: 878% 600%;} .coop_btn3 > .coop_next3:hover {background-position: right -1.99rem; background-size: 878% 600%;} .width11 {display: none;} .width11 {bottom: -0.5rem; position: relative;} .c_wrap3 > .width11 > .coop_prev3 {left: 30%;} .c_wrap3 > .width11 > .coop_next3 {right: 30%;} /*关于我们*/ .cont_ab {position: relative;} .head_ab > img {width: 100%; display: block;} .cont_ab {background: url("bg_36.png") top no-repeat #f5f5f5;} .nav_box {width: 100%; height: 0.6rem; margin: 0 auto; position: relative; top: -0.3rem; left: 0; line-height: 1.04rem;} .nav_box > .cont {box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08); position: relative; overflow: visible;} @media screen and (max-width: 1200px) { .nav_box > .cont {padding: 0 1.5%;} } .sec_box {width: 100%; position: relative; height: 0.6rem;} .sec_ico {display: block; width: 0.35rem; height: 0.26rem; background: url('sec_nav_ico.png') no-repeat; background-size: 100% 100%; position: absolute; right: -0.21rem; top: -0.06rem; z-index: 1;} .second_nav {text-align: center; line-height: 0.6rem; width: 100%; background: #fff; position: relative; z-index: 50;border-radius:5px;} .second_nav > li {display: inline-block; height: 0.6rem; padding: 0 0.17rem; margin: 0 0.225rem; z-index: 50;position:relative} .second_nav > li > a {display: block; transition: all 0.3s ease-in-out; color: #666666;} .second_nav > li:hover, .second_nav > .sec_on {border-bottom: 2px solid #1162b1;} .second_nav > li:hover > a, .second_nav > .sec_on > a {color: #1162b1;} /*.second_nav > li:hover dl{display:block;width:100%;} .second_nav > li >dl{position:absolute;text-align:center;background:#fafafa;display:none;left:-0.01rem;} .second_nav > li >dl > dd{text-align:center;width:100%;height:100%;border-bottom:dotted 1px #dedede;display:block;height:100%;} .second_nav > li >dl > dd a{display:block;width:100%;height:100%;} .second_nav > li >dl > dd a:hover{color:#1162b1}*/ .sec_two_kind {text-align: center; height: 0.6rem; line-height: 0.6rem; width: 100%;position: relative; z-index: 50;margin-top:0.2rem !important;} .sec_two_kind > li {display: inline-block; height: 0.6rem; padding: 0 0.17rem; margin: 0 0.225rem; z-index: 50;position:relative;background:#dedede;border-radius:5px;} .sec_two_kind > li > a {display: block; transition: all 0.3s ease-in-out; color: #666;} .sec_two_kind > li:hover, .sec_two_kind > .sec_on {background:#1162b1} .sec_two_kind > li:hover > a, .sec_two_kind > .sec_on > a {color: #fff;} .sec_two_kind > li:hover dl{display:block;width:100%;} .sec_two_kind > li >dl{position:absolute;text-align:center;background:#fafafa;display:none;left:-0.01rem;} .sec_two_kind > li >dl > dd{text-align:center;width:100%;height:100%;border-bottom:dotted 1px #dedede;display:block;height:100%;} .sec_two_kind > li >dl > dd a{display:block;width:100%;height:100%;} .sec_two_kind > li >dl > dd a:hover{color:#1162b1} /*公司简介*/ .au_box {padding-top: 0.9rem;} .au_left {width: 5.7rem; float: left;text-align:justify} .au_left .myContent{text-align:justify} .au_left .myContent p{text-align:justify} .au_box p {line-height: 0.28rem; margin-bottom: 0.15rem; color: #666666;} .au_box .f_size18 {color: #f2a30e; font-weight: bold;} .au_box .text {text-indent: 0.28rem;} .au_right {width: 5.7rem; height: 5.08rem; float: right; position: relative;} .au_right > div {position: absolute; cursor: default; overflow: hidden;} .au_right > .au_top {width: 5.7rem; height: 2.88rem; top: 0px;} .au_right > .left_bottom {width: 2.38rem; height: 2.82rem; left: 0; top: 2.26rem;} .au_right > .right_bottom {width: 3.32rem; height: 2.2rem; right: 0; top: 2.88rem;} .au_right > div > img {display: block; width: 100%;} /*项目展示*/ .pro_box {background: url("bg_36.png") top no-repeat; padding-bottom: 1rem; padding-top: 0.84rem;} .list_pro {width: 12.4rem; overflow: hidden; margin-left: -3px; text-align: center;} .list_pro > li {width: 270px; height: 280px; display: inline-block; margin-right: 34px; margin-bottom: 40px;} .list_pro > li > a {display: block; width: 100%; height: 100%; position: relative; background: #fff; transition: all 0.3s ease-in-out;} .list_pro > li > a > p {width: 100%; position: absolute;} .pro_top {height: 180px; top: 0; overflow: hidden;} .pro_top > img {width: 100%; height: 100%;} .pro_bottom {height: 160px; top:60%;text-align: center; padding: 43px 30px 30px;} .pro_bottom > span {display: block; font-size: 14px;} .pro_bottom > .f_size18 {color: #666; font-size: 18px;} .pro_bottom > .bottom_text {text-align: left; line-height: 24px; margin-top: 15px; color: #999;} .pro_ico {display: block; width: 54px; height: 54px; position: absolute; background: url("ico.png") -185px bottom no-repeat; left:50%; top: 60%; margin: -17px 0 0 -27px;} .list_pro > li > a:hover {background: #13b14b;} .list_pro > li > a:hover > .pro_bottom > span {color: #fff;} .list_pro > li > a:hover > .pro_ico {background: url("ico.png") -244px bottom no-repeat;} /*分页按钮*/ .page_list {text-align: center; margin-top: 0.6rem;} .page_list > li {display: inline-block; padding-right: 0.1rem; background: url("page_bg.png") right bottom no-repeat; margin: 0 0.02rem} .page_list > li > a {height: 0.5rem; padding: 0 0.103rem 0 0.203rem; line-height: 0.5rem; display: inline-block; background:url("page_bg.png") left -101px no-repeat; color: #999;} .page_list > li:hover, .page_list > .page_on {background: url("page_bg.png") right top no-repeat;} .page_list > li:hover > a, .page_list > .page_on > a {background: url("page_bg.png") left -50px no-repeat; color: #fff;} /*页码的样式*/ .pages{ font-size: 0.12rem; color:#535353; text-align:center;margin:0 auto;padding-top:0.4rem; padding-bottom:0.4rem; clear:both; overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin-top: 0.25rem; margin-bottom: 0.15rem;} .pages .curr{ color:#ff6c07;} .pages .curr a{color:#fff; font-weight:bold; text-decoration:none; cursor:text; border:solid 1px #1162b1;background-color:#1162b1;font-size:0.12rem} .pages .curr a:hover{ color:#fff; text-decoration:none;background-color:#1162b1;} .pages a{ color:#999; text-decoration:none; padding-left:0.19rem;padding-right:0.19rem;padding-top:0.17rem;padding-bottom:0.17rem; border:solid 1px #f3f3f3; background-color:#fff;font-size:0.12rem;border-radius:3px} .pages a:hover{ color:#1162b1; text-decoration:none;background-color:#fff;} .pages span{ margin:0 0.05rem;} /*人力资源*/ .hr_box ul > li {margin-bottom: 0.04rem; background: #fff; width: 100%; position: relative; padding: 0 0.5rem 0 0.51rem;} .hr_box ul > li > i {display: block; float: left; background: url("ico.png") no-repeat;} .hr_box ul > li > h1 {color: #333;} .hr_box ul > li > p {color: #666; margin: 0; margin-top: 0.1rem;} .hr_left {width: 49.8%; float: left;} .hr_box .hr_left > li {height: 2.2rem;} .hr_left > .left1 {padding-top: 0.54rem;} .hr_left > .left2 {padding-top: 0.66rem;} .hr_left .hr_ico1 {width: 0.9rem; height: 1.06rem; background-position: -1.99rem -0.44rem; margin: 0.05rem 0.52rem 0 0; background-size: 489% 283%;} .hr_left .hr_ico2 {width: 0.88rem; height: 0.88rem; background-position: -0.83rem -0.44rem; margin: 0px 0.54rem 0 0; background-size: 500% 341%;} .hr_L{width:55%;float:left;color:#fff;margin-left:4%;} .hr_R{width:39%;float:left;color:#fff;margin-left:2%;} .hr_L h1,.hr_R h1{font-size:0.28rem;font-weight:bold} .hr_L h1,.hr_L p,.hr_R h1,.hr_R p{color:#fff;} .hr_L p,.hr_R p{font-size:0.22rem;font-weight:100;color:#f6f6f6;} .hr_right {/* width: 5.98rem; */ width: 49.8%; float: right;} .hr_box .hr_right > li {height: 1.451rem; padding-top: 0.4rem;} .hr_box ul > li:last-child {margin-bottom: 0;} .hr_right .hr_ico3 {width: 0.62rem; height: 0.68rem; background-position: -1.71rem -1.64rem; margin-right: 0.49rem; background-size: 710% 441%;} .hr_right .hr_ico4 {width: 0.56rem; height: 0.56rem; background-position: -0.99rem -1.64rem; margin: 0.05rem 0.51rem 0 0.03rem; background-size: 786% 536%;} .hr_right .hr_ico5 {width: 0.64rem; height: 0.51rem; background-position: -2.49rem -1.64rem; margin: 0.08rem 0.48rem 0 0; background-size: 687.5% 588%;} .hr_L li p,.hr_L li p span,.hr_R li p,.hr_R li p span{color:#fff !important;font-size:0.22rem !important;font-weight:100 !important;} /*员工风采*/ .staff_box {padding: 0.81rem 0 1rem;} .staff_box .page > .page_list {margin-top: 0.3rem;} .staff_list {/*width: 12.3rem;*/width: 12rem; overflow: hidden; text-align: center; margin-left: 3px;} .staff_list > li {display: inline-block; width: 270px; height: 300px; /*margin: 0 34px 40px 0px;*/margin: 0 50px 40px 0px;} .staff_list > li:hover {box-shadow: 0px 0px 30px rgba(0,0,0,0.1);} .staff_list > li > a {width: 100%; height: 100%; display: block; background: #fff; text-align: center; color: #999; font-size: 14px;} .staff_img {width: 270px; height: 180px; margin: 0 auto; overflow: hidden;border-radius:5px 5px 0px 0px;} .staff_img > img {width: 100%; height: 100%;} .staff_list > li > a > h4 {color: #666; margin: 30px 0 15px; font-size: 16px;} /*招聘信息*/ .rec_box ul {width: 12.7rem; overflow: hidden; padding-left: 0.3rem; line-height: 0.5rem;} .rec_box ul > li {float: left; width: 3.1rem;} .job {margin-bottom: 0.04rem;} .job_title {position: relative; background: #eeeeee; cursor: pointer;border-radius:5px;} .job_title .job_ico {position: absolute; display: block; width: 0.4rem; height: 0.5rem; line-height: 0.5rem; top: 0; right: 0;} .job_ico > i {display: inline-block; width: 0.1rem; height: 0.1rem; background: url("ico.png") left -0.92rem no-repeat; background-size: 4400% 3000%;} .title_on, .job_title:hover {background: #f2a30e; color: #fff;} .title_on > ul > li > h4, .job_title:hover > ul > li > h4 {color: #fff;} .title_on > .job_ico > i, .job_title:hover > .job_ico > i {background: url("ico.png") left -1.02rem no-repeat; background-size: 4400% 3000%;} /*详细要求*/ .rec_box p {margin: 0;} .job_detail {padding: 0.3rem 0 0.35rem 0.3rem; display: none;} .job_detail > p > span {display: block;} .job_detail .job_email {color: #de2828;} /*资讯中心*/ .info_box {padding: 0.79rem 0 0.92rem;} .if {overflow: visible;} .list_info {width: 12rem; margin-left: 0;} .list_info > li {padding: 0.2rem 0.4rem 0.2rem 0.2rem; height: 2rem; width: 12rem; transition: all 0.3s ease-in-out; border-bottom: 1px dashed #dedede;} .list_info > li:hover {background: #fff; box-shadow: 0px 0px 10px #ddd;} .list_info > li:hover > a > .info_ico {background: url("ico.png") -3.2rem top no-repeat; background-size: 2000% 750%;} .list_info > li:hover .info_text > h3 {color: #1162b1;} .list_info > li > a {display: block; position: relative; overflow: hidden;} .info_img {float: left; width: 2.4rem; height: 1.6rem; margin-right: 0.4rem;} .info_img > img {width: 100%; height: 100%;} .info_text {padding: 0.3rem 0.6rem 0 0;} .info_text > h3 {margin-bottom: 0.05rem; color: #333;} .info_text > span {color: #999;} .info_text > p {line-height: 0.24rem; margin-top: 0.16rem; color: #888; height: 0.48rem; overflow: hidden; text-overflow: ellipsis;} .info_ico {display: block; width: 0.22rem; height: 0.4rem; background: url("ico.png") -2.95rem top no-repeat; position: absolute; right: 0; top: 0.6rem; background-size: 2000% 750%;} /*资讯中心详情*/ .info_detail {padding: 0.9rem 0 1.85rem 0;} .page_title {width: 100%; border-bottom: 1px dashed #dedede; text-align: center; padding-bottom: 0.2rem;} .page_title > h1 {margin-bottom: 0.2rem; color: #666; font-weight: bold;} .page_title > span {color: #999;} .detail_text {padding: 0.3rem 0.5rem 0; /*text-align: center;*/ line-height: 2em;} .detail_text > p {text-align: left;} .detail_text > img {margin-bottom: 0.1rem; width: 6.9rem; height: 4.95rem;} .goods_text p span {display: block; overflow: hidden;} /*产品展示*/ .product_box {padding: 0.4rem 0 0.92rem 0;} .goods_list{margin-top:0.3rem;} .goods_list > li {height: 323px;} .goods_list > li > a {border-bottom: 3px solid #dedede;border-radius:10px 10px 0px 0px;} .goods_img {width: 270px; height: 260px; overflow: hidden;} .goods_img > img {/* width: 100%; height: 100%; */max-width: 270px; max-height:100%;} /*.goods_img > img{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;overflow:hidden}*/ .goods_img:hover >img{transform: scale(1.1);overflow:hidden;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;} .goods_list > li > a > h4 {margin: 0; line-height: 60px;} .goods_list > li:hover > a {border-bottom: 3px solid #13b14b;} .goods_list > li:hover > a > h4 {background: url("text_hover.png") center;} /*产品展示详情*/ .detailG_box {padding-top: 0.6rem;} .g_top {width: 100%; height: 3.8rem; background: #fff;} .g_top > div {width: 50%; height: 100%;} .dg_img {float: left; text-align: center; /*padding-top: 0.3rem;*/width:380px !important;margin-left:110px;} .img-box{width:380px;height:380px;display:table-cell;vertical-align:middle;text-align:center} .dg_img > .img-box > img {max-height: 3.2rem; max-width: 3.32rem;vertical-align:middle} .dg_detail {float: right; padding-right: 0.6rem;} .dg_detail > h1 {height: 0.85rem; line-height: 0.85rem; border-bottom: 1px solid #dedede;} .dg_detail > .pro_intro {line-height: 0.48rem; margin-top: 0.2rem;} .dg_detail > .pro_intro span {display: block; color: #666;} .g_bottom {width: 100%; color: #666; text-align: center; margin: 0.6rem auto 0;} .g_bottom > .tabs > span {display: inline-block; width: 1.8rem; height: 0.5rem; line-height: 0.5rem; text-align: center; cursor: pointer; border: 1px solid #dedede; margin: 0 0.15rem; position: relative;} .g_bottom > .tabs > .active, .g_bottom > .tabs > span:hover {border: none; background: #1162b1; color: #fff;} .tabs_ico {display: block; position: absolute; bottom: 0; left: 50%; width: 0.15rem; height: 0.06rem; background: url("ico.png") right -1.73rem no-repeat; margin-left: -0.075rem; background-size: 2933% 5000%;} .g_bottom p {text-align: left; margin: 0; width: 100%;} .goods_text {margin-top: 0.4rem; padding-top: 0;} @media screen and (max-width: 800px) { .tabs_ico {bottom: -1px;} } @media screen and (max-width: 1200px) { .g_bottom {width: 99.5%;} } /*联系我们*/ .connUs_box {padding: 0.77rem 0 1.02rem 0;} .conn_detail {overflow: hidden;} .conn_detail ul {width: 50%; float: left;} .conn_detail ul li {height: 0.2rem; line-height: 0.2rem; margin-bottom: 0.36rem; color: #666666; font-size: 14px;} @media screen and (max-width: 960px) { .conn_detail ul {width: 80%; float: none; margin: 0 auto;} } .conn_detail ul li div{display: block; width: 0.24rem; height: 0.2rem; background: url("ico.png") no-repeat; float: left; margin-right: 0.13rem;} .conn_detail .d_ico1 {background-position: -0.57rem top; background-size: 1833% 1500%;} .conn_detail .d_ico2 {background-position: -0.88rem top; background-size: 1833% 1500%;} .conn_detail .d_ico3 {background-position: -1.23rem top; background-size: 1833% 1500%;} .conn_detail .d_ico4 {background-position: -1.57rem top; background-size: 1833% 1500%;} .conn_detail .d_ico5 {background-position: -1.90rem top; background-size: 1833% 1500%;} .conn_detail .d_ico6 {background-position: -2.22rem top; background-size: 1833% 1500%;} /*地图*/ .map_box {margin-top: 0.46rem; padding: 0.1rem; width: 100%; height: 5.4rem; position: relative; background: #fff;} #map {width: 11.8rem; height: 5.2rem;} .map_btn {position: absolute; bottom: 0.1rem; left: 0.1rem; width: 2rem;} .map_btn > span {display: block; width: 100%; height: 0.5rem; color: #999999; background: #ffffff; line-height: 0.5rem; text-align: center; cursor: pointer;} .map_btn > .map_on, .map_btn > span:hover {background: #1162b1; color: #ffffff;} .map_btn > span:nth-of-type(1){border-radius:5px 5px 0px 0px;} .map_btn > span:nth-of-type(2){border-radius:0px 0px 5px 5px;} /*------------------------//footer样式//-------------------------*/ .footer {background: url("foot_bg.png");} .foot_top {height: 2.52rem; padding-top: 0.5rem; overflow: hidden;} .foot_left {float: left;} .foot_left > dl {float: left; width: 1.5rem; margin-right: 0.2rem; } .foot_left > dl:nth-child(3){width:2.6rem;} .foot_left > dl > dt {margin-bottom: 0.2rem;} .foot_left > dl > dt > h4 {color: #ccc;} .foot_left > dl > dd {line-height: 0.3rem} /*.foot_left > dl > dd > a {color: #797e85; transition: all 0.3s ease-in-out;} .foot_left > dl > dd > a:hover {color: #ccc;}*/ .foot_left > dl > dd > a {display: block; color: #797e85; transition: all 0.3s ease-in-out;} .foot_left > dl > dd > a:hover {padding-left: 0.08rem; color: #ccc;} .foot_right {float: right; overflow: hidden;} .foot_right > img {float: right; margin-left: 0.3rem;} .phone {float: right; width: 2.6rem; overflow: hidden;} .phone_number {color: #fff; font-size: 0.28rem;} .phone_number > span {width: 0.46rem; height: 0.46rem; display: block; float: left; background: url("ico.png") left -0.4rem no-repeat; margin-right: 0.11rem; background-size: 956% 652%} .phone_number > h4 {color: #fff;} .phone_number > i {display: block; font-style: italic; white-space: nowrap; color: #fff;} /*在线客服资讯*/ .online_info {display: block; width: 2.6rem; height: 0.5rem; border:solid 1px #fff;text-align: center; line-height: 0.5rem; margin-top: 0.14rem;border-radius:5px;} .online_info > i {display: block; width: 0.22rem; height: 0.2rem; background: url("ico.png") -0.24rem top no-repeat; float: left; margin: 0.16rem 0.1rem 0px 0.67rem; color: #fff; background-size: 2000% 1500%;} .online_info > h4 {float: left; color: #ffffff; transition: all 0.3s ease-in-out;} .online_info:hover:hover{background: #1162b1;border:solid 1px #1162b1} /*分享到*/ .foot_bottom {width: 100%; height: 0.6rem; background: #30343b; line-height: 0.6rem; color: #999999} .share {float: right;} .share > dl > dt, .share > dl > dd {display: block; float: right; margin-left: 0.2rem;} .share > dl > dd {margin-top: 0.12rem;} .share > dl > dd > a {display: block; width: 0.36rem; height: 0.36rem; background: url("ico.png") no-repeat;} .share .weibo {background-position: right top; background-size: 1222% 833%;} .share .qq {background-position: right -0.4rem; background-size: 1222% 833%;} .share .weixin {background-position: right -0.8rem; background-size: 1222% 833%;} .copyright > a {color: #999;} /*---------------------------------------------------------------*/ body .ab_more {color: #999; transition: all 0.3s ease-in-out; display: inline-block;} body .ab_more:hover {color: #1162b1;} .rightRongyuList{width:100%; float:left; margin-left:0.1rem; overflow:hidden;} .rightRongyuList li{width:2.2rem; text-align:center; float:left; margin:0.1rem ;margin-right:0.3rem;overflow:hidden;height:2.1rem;} /*.rightRongyuList li img{border:2px solid red; }*/ .rightRongyuList li .cret_img{border-radius:5px; height:1.6rem;width:100%;padding:0.05rem;line-height:1.6rem;text-align:center;width:2.2rem;cursor:pointer;border:1px solid #dedede;border-radius:5px} .rightRongyuList li .cret_img img{max-width:2.2rem;max-height:1.6rem;height:100%;} .rightRongyuList li .cret_Title{font-size:0.14rem;text-align:center;padding-top:0.1rem;color:#666;padding-left:0.01rem;padding-right:0.01rem;} .new_img{width:2.5rem;height:1.6rem;overflow:hidden;float:left;margin-right:0.3rem;} .new_img img{width:2.5rem;height:1.6rem;} .link_img{width:2.4rem;height:1.3rem;} /*----- 侧边客服样式 -----*/ #online {width:151px; background:url(onlin2e.gif) no-repeat 0 -170px; right:0; top:190px; position:absolute; overflow:hidden; z-index:6000;} #online .lefto{width:32px; height:110px; margin-top:19px; background:url(onlin2e.gif) no-repeat 0 -19px; float:left; overflow:hidden;} #online .lefto a{width:32px; height:110px; display:block; text-indent: -5000px; overflow:hidden;} #online .righto{width:116px; margin-right:3px; float:right; overflow:hidden;} #online .righto a.close {width:100px; height:19px; padding-right:19px; background:url(onlin2e.gif) no-repeat -32px 0; display:block; text-indent: -5000px; overflow:hidden;box-sizing:content-box} #online .righto .T {width:109px; height:30px; line-height:30px; font-size:14px; font-weight:bold; padding-left:10px; background:url(onlin2e.gif) no-repeat -32px -190px; font-family: Microsoft YaHei;} #online .righto .C {width:106px; padding:10px 0 4px 8px; line-height:22px; background:url(onlin2e.gif) no-repeat -32px -220px; overflow:hidden;} #online .righto .C li { margin-bottom:6px; } #online .righto .C li a {width:100px;font-size:10px; height:25px; padding-left:38px; background:url(online.gif) no-repeat -40px -30px; line-height:25px; display:block; color:#555; } #online .righto .C li a:hover {background:url(onlin2e.gif) no-repeat -40px -60px; text-decoration:none; color:#fff;} #online .righto .time {width:116px; height:36px; background:url(onlin2e.gif) no-repeat -32px -130px;} .no_search{font-size:18px;color:#666;text-align:center;padding-top:30px} .banner{width: 100%;height: 550px;min-width:1200px;} .banner .swiper-container {width: 100%; height: 100%;} .banner .swiper-slide {text-align: center;font-size: 0.18rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-repeat:no-repeat; background-position:center center;overflow:hidden} .banner .swiper-slide a { display:block;width:100%;height:100%;margin:0 auto;} .banner .swiper-pagination .swiper-pagination-bullet{background-color: #ffa213;opacity: 1;width:0.3rem;height: 0.03rem;border-radius: 0;} .banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #222;} .banner .swiper-slide img{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;width:2.7rem;height:1.8rem;} .banner .swiper-container-horizontal>.swiper-pagination{bottom:0.6rem;} .banner .swiper-pagination{text-align:right;padding-right:3rem;} .au_overflow{overflow:hidden} .au_pro_left {width: 5.8rem; float: left;text-align:justify} .au_pro_left img{max-width:5.8rem;} .au_pro_right {width: 5.8rem;float: right;text-align:justify} .au_pro_right img{max-width:5.8rem;} .header-select select { /*统一边框*/ border: solid 1px #dedede; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*替换选择框的最右侧显示小箭头图片*/ background: url(/templates/default/images/sanjiao.png) no-repeat 90% transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right:25px; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ .header-select select::-ms-expand { display: none; }