#dowebok {width: 100%; height: 100%; margin: 0 auto;background: #f5f5f5;} /* section1 */ .banner {width: 100%; height: 100%;} .banner img {width: 100%; height: 100%;} .banner .swiper-slide { overflow: hidden; position: relative;} .banner .swiper-slide img {width:} .banner .swiper-pagination{position: absolute; left: 0; text-align: center; bottom:4rem; width: 100%;} .swiper-pagination-bullet{display: inline-block; width: 1.875rem; height: 0.1875rem; border-radius: 0.1875rem; opacity:1; background: #d5d5d5; margin: 0 6px; cursor: pointer;} .swiper-pagination-bullet-active{background: #ce0b2a;opacity: 1;} .ixtitle h1 {font-size: 0.875rem;text-align: center;} .ixtitle h1 b {color: #CE0B2A;} .ixtitle p {font-size: 0.70rem; color: #666; padding: 0.625rem 0.625rem 0; text-align: center;} .ixtitle p b {color: #CE0B2A;} .pt10{padding-top:10px } .pt20{padding-top:20px } .pt30{padding-top:30px } .pt40{padding-top:40px } /* section2 */ .section2 {background: #f5f5f5;} .ixfuza .ixtitle {padding-top: 1rem;} .ixfuza .cont {padding: 1rem 0;} .ixfuza .cont li {width:15rem; height: 2rem; border-radius: 2rem; margin:0 auto 0.5rem; background: #fff; box-shadow: 0 0 5px #ddd;} .ixfuza .cont li a {line-height: 2rem; font-size: 0.70rem; padding: 0 .625rem 0 0.9375rem; color: #666666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ixfuza .cont li:hover {background: #CE0B2A; } .ixfuza .cont li:hover a {color: #fff;} .ixfuza .swiper-wrapper {padding-bottom: 2rem;} .ixad {background: #ce0b2a; height: 7.96875rem;} .ixad .cont{padding: 1.5625rem 0 0;} .ixad .cont h2 {font-size: 0.8125rem; color: #fff; text-align: center; margin-bottom: 0.625rem;} .ixad .cont h3 {font-size: 0.68rem; color: #fff; text-align: center; font-weight: normal;} .ixad .cont h3 em {border: #fff solid 0.03125rem; padding: 0.1875rem 0.35rem; margin: 0 0.3125rem;font-weight: bold;} .ixad .cont p {padding-top: 0.625rem;} .ixad .cont p a {width: 17.5rem; margin: 0 auto;display: block; height: 1.875rem; background: #fff; border-radius: 1.875rem; text-align: center;line-height: 1.875rem; font-size: 0.75rem; color: #d20526;} .ixad .cont p a img {width: 1.34375rem; vertical-align: middle; display: inline-block; margin: -0.25rem 0.3125rem 0 0;} .section3 {background: #f5f5f5;} .ixtdtext {padding:0rem 0.625rem 0;} .ixtdtext .txt {width: 18.75rem;} .ixtdtext .txt h2 {font-size: 0.875rem;text-align: center;} .ixtdtext .txt h2 em {color: #CE0B2A;} .ixtdtext .txt p {font-size: 0.70rem; color: #666666; padding-top: 0.46875rem;text-align: center;} .ixtdtext .txt .tcon {padding-top: 1rem;} .ixtdtext .txt h3 {font-size: 0.8125rem; padding: 1.25rem 0 1.25rem;text-align: center;} .ixtdtext .txt h3 em {color: #CE0B2A;} .ixtdtext .txt li {line-height:2.2; color: #666666; font-size: 0.75rem;text-align:left; position: relative;} .ixtdtext .txt li i{ position:absolute; right:0; color:#999999} .ixtdtext .pic {width: 18.75rem; position: relative;} .ixtdtext .pic img {width: 100%;} .ixtdtext .pic .ixtdnum {position: absolute; left: 0; bottom: 0; width: 100%;} .ixtdtext .pic .ixtdnum li {float: left; width: 32.333%; height: 4.5rem; background: #fff; margin-right: 1%;} .ixtdtext .pic .ixtdnum li:nth-child(3) {margin-right: 0;} .ixtdtext .pic .ixtdnum li h4 {font-size: 1rem; color: #CE0B2A; text-align: center; padding-top:1.09375rem ; font-weight: normal;} .ixtdtext .pic .ixtdnum li h4 em {font-size: 0.5625rem; color: #666666; padding-left: 0.25rem; vertical-align: top; display: inline-block;} .ixtdtext .pic .ixtdnum li p {font-size: 0.70rem; color: #666; text-align: center; padding-top:0.3125rem; } .section4 {background: #f5f5f5;} .ixteam {padding: 0 0 0;} .ixteam .cont{padding: 0 0.625rem 0;} .ixteam .cont ul {padding-bottom: 1rem;} .ixteam .cont li {width: 18.75rem; padding: 1rem 0; } .ixteam .cont li .pic{width: 12.21875rem; height: 10.75rem; overflow: hidden; margin: 0 auto;} .ixteam .cont li .pic img{width: 12.21875rem; height: 10.75rem; transition: all 0.5s;} .ixteam .cont li:hover .pic img{transform: scale(1.1);} .ixteam .cont li .txt{background: #fff; width: 18.75rem; padding: 0.9375rem 0;} .ixteam .cont li .txt h2{font-size: 0.8125rem; position: relative; text-align: center;} .ixteam .cont li .txt h2::before{content: ""; width: 1.875rem; height: 0.09375rem; background: #CE0B2A; position:absolute; left: 50%; margin-left: -0.9375rem; bottom: -0.5rem;} .ixteam .cont li .txt p{padding-top: 0.9375rem; font-size: 0.70rem; text-align: center; line-height: 1.8; color: #666;} .ixteam .cont li .txt p a{ font-size: 0.70rem; text-align: center; line-height: 1.8; color: #666;} .section5 {background: #f5f5f5;} .ixyoushi {padding:0 0 0;} .ixyoushi .cont{padding: 1rem 0.625rem 0;} .ixyoushi .cont .swiper-wrapper {padding-bottom: 1rem;} .ixyoushi .cont ul {width: 18.75rem;} .ixyoushi .cont li {width: 18.75rem; height: 7rem; border-radius: 0.3125rem;background: #3d518e; position: relative; position: relative; box-sizing: border-box; margin-bottom: 1rem;} .ixyoushi .cont li .txt { position: relative;} .ixyoushi .cont li:nth-child(2n) {background: #CE0B2A;} .ixyoushi .cont li .txt h3 {font-size: 0.875rem; color: #fff; padding: 0.625rem 0.9375rem 0; } .ixyoushi .cont li .txt h3 img {width: 1.34375rem; height: 1.34375rem; vertical-align: middle; display: inline-block; margin: -0.25rem 0.3125rem 0 0;} .ixyoushi .cont li .txt p {font-size: 0.6rem;line-height: 1.5; color: #fff;padding: 0.3125rem 0.9375rem 0; } .ixyoushi .cont li span {right: 0.625rem; top:0.625rem;} .ixyoushi .cont li span h2 { font-size: 40p; text-align: center; color: #fff;} .section6 {background: #f5f5f5;} .ixwenti {padding: 0 0 0;} .ixwenti .cont {padding: 1.5rem 0.625rem 0;} .ixwenti .cont .ixwt-tab ul {text-align: center; font-size: 0} .ixwenti .cont .ixwt-tab ul li {text-align: center; cursor: pointer; color: #fff; position: relative; vertical-align: middle; display: inline-block;border-radius: 0.3125rem; font-size: 0.75rem; width: 18.75rem; height: 1.875rem; background: #d30b2b; line-height: 1.875rem;} .ixwenti .cont .ixwt-tab ul li em {font-size: 0.75rem; margin: 0 0.3125rem 0 0;} .ixwenti .cont .ixwt-tab ul li.on {background: #3d518e;} .ixwenti .cont .ixwt-con {padding: 1rem 0 0;} .ixwenti .cont .ixwt-con .ixwt-txt {border-radius: 0.3125rem; width: 18.75rem; padding:0.625rem 0.9375rem; background: #fff; text-align: center; border: #b5b5b5 solid 0.03125rem; box-sizing: border-box;} .ixwenti .cont .ixwt-con .ixwt-txt p {line-height: 1.5; font-size: 0.68rem; color: #666; text-align: center;} .ixwenti .cont .ixwt-con .ixwt-list {padding: 0.9375rem 0 0;} .ixwenti .cont .ixwt-con .ixwt-list .tlist {width: 18.75rem; border-radius: 0.3125rem; background: #3d518e;} .ixwenti .cont .ixwt-con .ixwt-list .tlist ul {padding:0.625rem; position: relative;} .ixwenti .cont .ixwt-con .ixwt-list .tlist ul::before {content: ""; width: 0.03125rem; height: 6.25rem; background: #6f7eab; left: 47%; top:0.625rem; position: absolute;} .ixwenti .cont .ixwt-con .ixwt-list .tlist li {width: 8.75rem; height: 1.25rem; float: left; position: relative;} .ixwenti .cont .ixwt-con .ixwt-list .tlist li::before {width:0.125rem; height: 0.125rem; background: #fff; content: ""; position: absolute; left:0.5rem; top:0.59375rem; border-radius: 0.125rem;} .ixwenti .cont .ixwt-con .ixwt-list .tlist li a { padding:0 0.9375rem;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 1.25rem;line-height: 1.25rem; font-size: 0.75rem; color: #fff;} .ixwenti .cont .ixwt-con .ixwt-list .tlist li:hover a {text-decoration:underline;} .ixwenti .cont .swiper-wrapper {padding-bottom: 2.5rem;} .section7 {background: #f5f5f5;} .ixfuwu {padding: 0;} .ixfuwu .ixtitle {height: 6.25rem;} .ixfuwu .ixtitle h1 {padding-top: 3.375rem; padding-bottom: 3.375rem} .ixfuwu .cont {height: 14.75rem; background: url(../images/ixBg3.jpg) center 0 no-repeat; background-size: cover;} .ixfuwu .cont .ixfwcon {padding: 1.5rem 0.625rem 0;} .ixfuwu .cont .ixfwcon li {width: 9.6875rem; vertical-align: middle; margin-right: 1.25rem;padding-bottom: 1.875rem;} .ixfuwu .cont .ixfwcon li h2 {font-size: 0.9375rem; color: #fff;} .ixfuwu .cont .ixfwcon li h2 a {font-size: 0.9375rem; color: #fff;} .ixfuwu .cont .ixfwcon li p {font-size: 0.70rem; color: #fff; padding: 0.46875rem 0 0;} .ixfuwu .cont .ixfwcon li .pic {width: 8.6875rem; height: 5.53125rem; overflow: hidden; padding-top: 1.25rem;} .ixfuwu .cont .ixfwcon li .pic img {width: 8.6875rem; height: 5.53125rem; transition: all 0.5s;} .ixfuwu .cont .ixfwcon li:hover .pic img {transform: scale(1.1);} .ixfuwu .cont .ixfwcon ul::-webkit-scrollbar{ width:0.375rem; height:0.1875rem;} .ixfuwu .cont .ixfwcon ul::-webkit-scrollbar-track{ background: rgb(189, 10, 39); border-radius:0.0625rem;} .ixfuwu .cont .ixfwcon ul::-webkit-scrollbar-thumb{ background: #ffffff; border-radius:0.3125rem;} .ixfuwu .cont .ixfwcon ul::-webkit-scrollbar-thumb:hover{ background: #eee;} .ixfuwu .cont .ixfwcon ul::-webkit-scrollbar-corner{ background: #179a16;} .section8 {background: url(/skins/images/wap/ixBg4.jpg) center 0 no-repeat;background-size: cover;} .ixcase .ixtitle {padding-top: 0;} .ixcase .cont {padding: 1rem 0.625rem 0;} .ixcase .cont li{width: 18.75rem; float: left;} .ixcase .cont li .pic {width: 18.75rem; height: 9.71875rem; overflow: hidden;} .ixcase .cont li .pic img {width: 18.75rem; height: 9.71875rem; transition: all 0.5s;} .ixcase .cont li:hover .pic img {width: 18.75rem; height: 9.71875rem; transition: all 0.5s;} .ixcase .cont li .txt {height: 5rem; background: #fff; padding: 0.625rem; box-shadow: 0 0 5px #ddd;} .ixcase .cont li .txt .so {font-size: 0.9375rem; color: #CE0B2A;font-weight: bold; margin-left: -0.3125rem;} .ixcase .cont li .txt h2 {font-size: 0.9375rem; color: #333;font-weight: bold; padding: 0.375rem 0 0; margin-bottom: 0.5rem;} .ixcase .cont li .txt h2 a {font-size: 0.9375rem; color: #333;font-weight: bold; padding: 0.375rem 0 0; margin-bottom: 0.5rem;} .ixcase .cont li .txt p {font-size: 0.75rem; color: #666666;padding-top: 0.375rem; border-top: #dfdfdf dashed 0.03125rem;} .ixcase .cont .more {padding-top: 1rem;} .ixcase .cont .more a {width: 10.625rem; height: 1.875rem; display: block; margin: 0 auto; border-radius: 1.875rem; background: #CE0B2A; color: #FFFFFF; font-size: 0.8125rem; text-align: center; line-height: 1.875rem;} .ixcase .cont .swiper-wrapper {padding-bottom: 2.5rem;} .section9 {background: #f5f5f5;} .ixliucheng .cont {padding: 1rem 0.625rem 0;} .ixliucheng .cont .ixlc-tab {padding: 0 0 0 0.35rem;} .ixliucheng .cont .ixlc-tab li {width: 1.9rem; font-size: 0.8rem; height: 7.5rem; position: relative; border: #d8d8d8 dashed 0.03125rem; float: left; margin-right: 0.3rem;} .ixliucheng .cont .ixlc-tab li:nth-child(8) {margin-right: 0;} .ixliucheng .cont .ixlc-tab li em {font-size: 1rem; color: #CE0B2A; display: block; padding: 0.25rem 0; } .ixliucheng .cont .ixlc-tab li p {padding:0 0.45rem; text-align: center;} .ixliucheng .cont .ixlc-tab li.on {background: #3d518e;} .ixliucheng .cont .ixlc-tab li.on em {color: #fff;} .ixliucheng .cont .ixlc-tab li.on p {color: #fff;} .ixliucheng .cont .ixlc-tab li.on::before {content: ""; width: 0; height: 0; border: transparent solid 0.45rem; border-top: #3D518E solid 0.45rem; position: absolute; left: 0.55rem; bottom: -0.9rem;} .ixliucheng .cont .ixlc-con {padding-top: 1.25rem;} .ixliucheng .cont .ixlc-con .txt {width: 18.75rem; border: #d8d8d8 dashed 0.03125rem; margin: 0 auto; padding: 0.625rem 0;} .ixliucheng .cont .ixlc-con .txt p {text-align: center; font-size: 0.68rem; color: #666666; padding: 0 0.625rem;} .ixliucheng .cont .ixlc-tel {padding-top: 0.9375rem;} .ixliucheng .cont .ixlc-tel h2 {text-align: center; color:#CE0B2A; font-size: 1rem;} .ixliucheng .cont .ixlc-tel h2 a {text-align: center; color:#CE0B2A; font-size: 1rem;} .ixliucheng .cont .ixlc-tel h2 img {width: 1.03125rem; height: 0.875rem; vertical-align: middle; display: inline-block; margin: -0.25rem 0.3125rem 0 0;} .ixliucheng .cont .ixlc-tel p {padding-top: 0.625rem;} .ixliucheng .cont .ixlc-tel p a {width: 12.1875rem; height: 1.875rem; display: block; margin: 0 auto; line-height: 1.875rem; border-radius: 0.3125rem; background: #CE0B2A; text-align: center; font-size: 0.8125rem; color: #fff;} .ixlc-item {display: none;} .ixliucheng .cont .ixlc-item:first-child {display: block;} .section10 {background: #f5f5f5;} .ixjiashi {padding: 0;} .ixjiashi .cont{padding: 1rem 0.625rem 0;} .ixjiashi .cont .swiper-wrapper {padding-bottom: 1.875rem;} .ixjiashi .cont .swiper-pagination-bullet {background: #d5d5d5;} .ixjiashi .cont .swiper-pagination-bullet-active {background: #CE0B2A;} .ixjiashi .cont .ixjscon a {width: 18.75rem; display: block;} .ixjiashi .cont .ixjscon .pic {width: 18.75rem; height: 12.40625rem; position: relative; margin-bottom: 0.5rem;} .ixjiashi .cont .ixjscon .pic img {width: 18.75rem; height: 12.40625rem;} .ixjiashi .cont .ixjscon .txt {padding-top: 0.625rem;} .ixjiashi .cont .ixjscon .txt p {font-size: 0.78rem; line-height: 1.8;} .ixjiashi .cont .more {padding-top: 0.9375rem;} .ixjiashi .cont .more a {width: 12.1875rem; height: 1.875rem; display: block; margin: 0 auto; line-height: 1.875rem; border-radius: 0.3125rem; background: #CE0B2A; text-align: center; font-size: 0.8125rem; color: #fff;} .section11 {background: #f5f5f5;} .ixnews .cont {padding: 1rem 0.625rem 0;} .ixnews .cont .ixnews-tab ul {text-align: center; font-size: 0;} .ixnews .cont .ixnews-tab li {width: 8rem; height: 1.875rem; display: inline-block; cursor: pointer; border-radius: 0.25rem; vertical-align: middle;margin: 0 0.3125rem; background: #ce0b2a; line-height: 1.875rem; text-align: center; color: #fff; font-size: 0.8125rem;} .ixnews .cont .ixnews-tab li.on {background: #3d518e;} .ixnews .cont .ixnews-con {padding-top: 1rem; height: 20rem; overflow: hidden;} .ixnews .cont .ixnews-con ul li {padding: 0.625rem 0; width: 18.75rem; border-bottom: #dcdcdc dashed 0.03125rem;} .ixnews .cont .ixnews-con ul li:last-child {border-bottom: none;} .ixnews .cont .ixnews-con ul li a {display: block;} .ixnews .cont .ixnews-con ul li .pic {width: 5.53125rem; height: 4.6875rem; overflow: hidden; float: left;} .ixnews .cont .ixnews-con ul li .pic img {width: 5.53125rem; height: 4.6875rem;transition: all 0.5s;} .ixnews .cont .ixnews-con ul li:hover .pic img {transform: scale(1.1);} .ixnews .cont .ixnews-con ul li .txt {width: 13.21875rem; height: 4.6875rem; float: right;background: #3d518e;} .ixnews .cont .ixnews-con ul li .txt .tcon {padding: 0.625rem 0.5rem 0 1rem;} .ixnews .cont .ixnews-con ul li .txt .tcon h2 {font-size: 0.8125rem; color: #fff;font-weight: normal;} .ixnews .cont .ixnews-con ul li .txt .tcon p {font-size: 0.625rem; color: #fff; padding-top: 0.5rem; line-height: 1.5;} .ixnews .cont .ixnews-con ul li:hover .txt {background: #3d518e;} .ixnews .cont .ixnews-con ul li:hover .txt .tcon h2 {color: #fff;} .ixnews .cont .ixnews-con ul li:hover .txt .tcon p {color: #fff;} .ixnews .cont .ixnews-con .swiper-wrapper {padding-bottom: 1.875rem;} .ixnews-item {visibility: hidden; height: 0;} .ixnews .cont .ixnews-con .ixnews-item.cur {visibility: visible; height: auto;} .ixcomment {padding: 0 0 0 ;} .ixcomment .cont {padding: 1rem 0.625rem 0 ;} .ixcomment .cont .pic {text-align: center; width: 100%;} .ixcomment .cont .pic img { width: 100%;} .ixcomment .cont .txt {padding:0.625rem 0;} .ixcomment .cont .txt li { width: 18.125rem; margin: 0 auto 0.9375rem;box-sizing: border-box; padding: 0.625rem; overflow: hidden; border-radius: 0.3125rem; position: relative;border: #b7b7b7 dashed 0.03125rem;} .ixcomment .cont .txt li span {font-weight: bold; font-size: 0.9375rem; position: relative; margin-bottom: 0.3125rem;display: inline-block;} .ixcomment .cont .txt li span::after {content: ""; width: 2.1875rem; height: 0.0625rem; background: #9b9b9b; position: absolute; right: -2.5rem; top: 0.5rem;} .ixcomment .cont .txt li p {line-height: 1.35; font-size: 0.75rem; color: #666666;} .section13 {background: #f5f5f5;} .ixzixun .cont { padding: 1rem 0.625rem 0;} .ixzixun .cont .w {background: url(../images/ixBg7.jpg) repeat;} .ixzixun .cont .ixzixuncon {padding:0.625rem;} .ixzixun .cont .ixzixuncon li {margin-bottom: 0.5rem;} .ixzixun .cont .ixzixuncon li textarea{background: #fff;width: 17.5rem; padding: 0.3125rem; font-size: 0.75rem; color: #666; font-family: "microsoft yahei"; box-sizing: border-box; height: 3.5rem; border: none;} .ixzixun .cont .ixzixuncon li input {width: 8.5rem; height: 1.75rem; font-size: 0.75rem; border: none; background: #fff; text-indent: 0.625rem; font-size: 0.75rem; color: #666;} .ixzixun .cont .ixzixuncon li input.yzm {width:8.5rem;} .ixzixun .cont .ixzixuncon li .yzmpic {width: 6.4375rem; height:1.75rem; margin:0 0 0 0.625rem;} .ixzixun .cont .ixzixuncon li .yzmpic img {width: 6.4375rem; height:1.75rem;} .ixzixun .cont .ixzixuncon li input.sbtn {width: 17.5rem; text-indent: 0; cursor: pointer; background: #CE0B2A; text-align: center; font-weight: bold; font-size: 0.8125rem; color: #fff;} .ixyueyu {padding:0.625rem 0.625rem;} .ixyueyu .cont .w {width: 18.75rem; } .ixyueyu .cont .ixyycon .txt {border: #b7b7b7 dashed 0.03125rem; padding: 0.625rem;} .ixyueyu .cont .ixyycon .txt p {line-height: 1.5; font-size: 0.625rem; color: #666;text-align: center;} .ixyueyu .cont .ixyycon h3 {padding: 0.625rem 0 ; font-size: 0.875rem; color: #666; text-align: center; font-weight: normal;} .ixyueyu .cont .ixyycon h4 a {width: 17.1875rem; height: 1.75rem;display: block; background: #CE0B2A; text-align: center;border-radius: 0.3125rem; line-height: 1.75rem; font-size: 0.875rem; color: #fff; margin: 0 auto;}