@charset "utf-8"; /* by Sean Lu 20180904 */ /* 绉诲姩绔叏灞€鎺у埗reset */ body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; } article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; } body { font-size: 100%; font-family:microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; } textarea { resize: none; } iframe,img { border:0; } ul,ol { list-style:none; } input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; } /* input { -webkit-appearance: none; } */ a { text-decoration: none; color: #666; } a:hover { text-decoration: underline; color: #1891cb; } /* 娓呯悊娴姩 */ .clearfix { clear: both; zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 鍏ㄥ眬娴姩 */ .fl { float: left; } .fr { float: right; } /* 鍦嗙粏婊氬姩鏉℃牱寮 20180601 */ ::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-button:vertical{display:none;} ::-webkit-scrollbar-track:vertical{background-color:black} ::-webkit-scrollbar-track-piece{background:#FFF} ::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;} ::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0} ::-webkit-scrollbar-corner:vertical{background-color:#535353} ::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} /* 鎷栭€夋枃瀛楁牱寮 20160628 */ ::selection { background: #1891cb; color: #fff; } ::-moz-selection { background: #1891cb; color: #fff; } .wrapper { margin: 0 auto; width: 1200px; } .header { height: 80px; background: #fff; padding: 0 5%; position: relative; } .header .logo { display: block; height: 100%; float: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; } .header .logo img { display: block; } .header .more { float: right; } .header .more .sea { float: left; padding-top: 35px; } .header .more .sea .key { height: 30px; line-height: 30px; border: 1px solid #c0c0c0; color: #666; padding: 0 20px; width: 100px; float: left; border-right: 0; } .header .more .sea .btn { height: 32px; border: 1px solid #c0c0c0; width: 30px; text-indent: -9999px; background: url(../img/search.png) no-repeat center; float: left; border-left: 0; cursor: pointer; } .header .more .link { float: left; padding-top: 35px; line-height: 30px; margin-left: 20px; } .header .more .link a { font-size: 14px; } .header .nav { text-align: center; } .header .nav .nli { display: inline-block; } .header .nav .nli .na { line-height: 60px; padding-top: 20px; display: block; font-size: 16px; text-decoration: none; width: 100px; -webkit-transition: all .2s; transition: all .2s; } .header .nav .nli:hover .na { background: #eeefef; } .header .nav .nli .sub { position: absolute; left: 0; top: 80px; width: 100%; padding: 15px 0 15px; background: rgba(255, 255, 255, 0.8); border-top: 1px solid #ebecec; visibility: hidden; opacity: 0; -webkit-transition: all .2s; transition: all .2s; z-index: 99; } .header .nav .nli:hover .sub { visibility: visible; opacity: 1; } .header .nav .nli .sub .swrap { text-align: center; margin-right: 15%; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all .2s; transition: all .2s; } .header .nav .nli .sub .swrap02 { margin-right: 0; } .header .nav .nli .sub .swrap02 a { margin: 0 20px; font-size: 14px; } .header .nav .nli:hover .sub .swrap { -webkit-transform: translateY(0); transform: translateY(0); } .header .nav .nli .sub dl { text-align: left; display: inline-block; vertical-align: top; margin: 0 20px; } .header .nav .nli .sub dl dt { line-height: 36px; } .header .nav .nli .sub dl dt a { display: inline-block; font-size: 14px; color: #838384; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; } .header .nav .nli .sub dl dt a:after { content: '>'; font-family: simsun; color: 999; margin-left: 10px; } .header .nav .nli .sub dl dt a:hover { color: #1891cb; } .header .nav .nli .sub dl dd { line-height: 26px; } .header .nav .nli .sub dl dd a { display: inline-block; font-size: 14px; color: #9c9c9d; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; } .header .nav .nli .sub dl dd a:hover { color: #1891cb; } .bannerslide { position: relative; } .bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 805px; } .bannerslide .swiper-slide .textbox { width: 540px; text-align: center; position: absolute; left: 50%; margin-left: 70px; top: 300px; } .bannerslide .swiper-slide .textbox02 { width: 400px; margin-left: 100px; top: 250px; } .bannerslide .swiper-slide .textbox03 { width: 450px; margin-left: -150px; top: 360px; } .bannerslide .swiper-slide .textbox04 { width: 350px; margin-left: -380px; top: 270px; } .bannerslide .swiper-slide.swiper-slide-active .textbox { } .bannerslide .swiper-slide .img { position: absolute; left: 50%; margin-left: -550px; top: 130px; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-15%) scale(0.8); transform: translateX(-15%) scale(0.8); -webkit-transition-delay: .3s; transition-delay: .3s; opacity: 0; } .bannerslide .swiper-slide.swiper-slide-active .img { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1; } .bannerslide .swiper-slide .img img { display: block; } .bannerslide .swiper-slide .textbox .pad { } .bannerslide .swiper-slide .textbox .sub { font-size: 20px; margin-bottom: 15px; text-transform: uppercase; color: #595757; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 1s .3s; transition: all 1s .3s; } .bannerslide .swiper-slide.swiper-slide-active .textbox .sub { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .bannerslide .swiper-slide .textbox .tit { font-size: 32px; color: #717071; margin-bottom: 15px; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 1s .6s; transition: all 1s .6s; } .bannerslide .swiper-slide .textbox04 .tit { font-size: 22px; line-height: 40px; } .bannerslide .swiper-slide.swiper-slide-active .textbox .tit { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .bannerslide .swiper-slide .textbox .txt { font-size: 18px; color: #595757; letter-spacing: 4px; margin-bottom: 15px; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 1s .9s; transition: all 1s .9s; } .bannerslide .swiper-slide.swiper-slide-active .textbox .txt { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .bannerslide .swiper-slide .textbox .btn { margin-top: 60px; opacity: 0; -webkit-transition: all 1.2s 1.8s; transition: all 1.2s 1.8s; } .bannerslide .swiper-slide.swiper-slide-active .textbox .btn { opacity: 1; } .bannerslide .swiper-slide .textbox .btn a { font-size: 12px; line-height: 24px; color: #595757; padding: 0 20px; border: 1px solid #999; display: inline-block; text-align: center; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; } .bannerslide .swiper-slide .textbox .btn a:hover { background: #fff; color: #1891cb; border-color: #1891cb; } .paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; } .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { background: #f00; } .bannerslide .swiper-slide .textbox05{ top:450px; margin-left:0; left:45%} .bannerslide .swiper-slide .textbox05 .btn a{ color:#d63f82; font-size:18px; font-weight:bold; text-shadow: 0 0 5px #fff; border:0;} .bannerslide .swiper-slide .textbox05 .btn a:hover{ background:none; color: #b10853;} .bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev { background-image: url(../img/arrows.png); background-size: 80px 60px; background-position: -40px 0; width: 40px; height: 60px; margin-top: -30px; } .bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next { background-image: url(../img/arrows.png); background-size: 80px 60px; background-position: 0 0; width: 40px; height: 60px; margin-top: -30px; } .homebox01 { } .homebox01 .wrapper { padding: 80px 0; } .homebox01 .leftbox { float: left; width: 660px; height: 515px; } .homebox01 .rightbox { margin-left: 660px; height: 515px; } .homebox01 .rightbox .item { position: relative; } .homebox01 .rightbox .item .img img { display: block; width: 100%; } .homebox01 .rightbox .item .textbox { position: absolute; right: 5.6%; top: 35.3%; width: 24%; z-index: 999; } .homebox01 .rightbox .item .textbox a.tit { margin-bottom: 22px; font-size: 20px; line-height: 26px; color: #595757; text-decoration: none; display: inline-block; } .homebox01 .rightbox .item .textbox a.btn { display: inline-block; border: #CCC 1px solid; padding: 5px 20px; line-height: 24px; background: #FFF; font-size: 12px; color: #595757; border-radius: 4px; } .homebox01 .rightbox .item .textbox a.btn:after { content: '>'; font-family: simsun; margin-left: 6px; } .homebox01 .rightbox .item .textbox a { -webkit-transition: all .5s; transition: all .5s; text-decoration: none; } .homebox01 .rightbox .item .textbox a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .hb01slide { position: relative; } .hb01slide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 515px; } .hb01slide .swiper-slide .textbox { position: absolute; right: 14.2%; top: 35.3%; width: 17%; } .hb01slide .swiper-slide .textbox02 { width: 20%; top: 30%; left: 14.2%; } .hb01slide .swiper-slide .textbox a.tit { margin-bottom: 22px; font-size: 20px; line-height: 26px; color: #595757; text-decoration: none; display: inline-block; } .hb01slide .swiper-slide .textbox a.btn { display: inline-block; border: #CCC 1px solid; padding: 5px 20px; line-height: 24px; background: #FFF; font-size: 12px; color: #595757; border-radius: 4px; } .hb01slide .swiper-slide .textbox a.btn:after { content: '>'; font-family: simsun; margin-left: 6px; } .hb01slide .swiper-slide .textbox a { -webkit-transition: all .5s; transition: all .5s; text-decoration: none; } .hb01slide .swiper-slide .textbox a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .homebox02 { background: #f6f6f6; padding: 80px 0; } .homebox02 .wrapper { background: #fff; } .homebox02 .wrapper .img { float: right; margin-left: 80px; } .homebox02 .wrapper .img img { display: block; width: 600px; height: 600px; } .homebox02 .wrapper .box { padding: 80px; } .homebox02 .wrapper .box .en { font-family: Georgia; font-size: 14px; color: #999; letter-spacing: 2px; margin-bottom: 10px; } .homebox02 .wrapper .box .cn { font-family: PMingLiu; font-size: 28px; color: #333; margin-bottom: 30px; } .homebox02 .wrapper .box .txt { font-size: 14px; color: #666; margin-bottom: 30px; } .homebox02 .wrapper .box .link { overflow: hidden; margin-bottom: 40px; } .homebox02 .wrapper .box .link a { display: inline-block; line-height: 38px; font-size: 12px; border-bottom: 1px solid #ccc; text-decoration: none; margin-right: 20px; padding: 0 20px; } .homebox02 .wrapper .box .link a:hover { border-bottom-color: #1891cb; } .homebox02 .wrapper .box .tabs { overflow: hidden; } .homebox02 .wrapper .box .tabs a { display: inline-block; line-height: 34px; font-size: 12px; padding: 0 10px; margin-right: 20px; border: 1px solid #ccc; border-radius: 4px; text-decoration: none; } .homebox02 .wrapper .box .tabs a:hover { border-color: #1891cb; } .homebox03 { padding: 80px 0; } .homebox03 .wrapper { background: #f6f6f6; } .homebox03 .wrapper .img { float: left; margin-right: 80px; } .homebox03 .wrapper .img img { display: block; width: 600px; height: 600px; } .homebox03 .wrapper .box { padding: 80px; } .homebox03 .wrapper .box .cn { font-size: 28px; color: #333; font-family: PMingLiu; margin-bottom: 40px; } .homebox03 .wrapper .box .sub { font-size: 18px; color: #333; margin-bottom: 30px; } .homebox03 .wrapper .box .txt { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 30px; } .homebox03 .wrapper .box .tip { font-size: 12px; color: #333; margin-bottom: 20px; } .homebox03 .wrapper .box .tabs { overflow: hidden; } .homebox03 .wrapper .box .tabs a { display: inline-block; line-height: 34px; font-size: 12px; padding: 0 10px; margin-right: 10px; border: 1px solid #ccc; border-radius: 4px; text-decoration: none; } .homebox03 .wrapper .box .tabs a:hover { border-color: #1891cb; } .homebox04 { background: #f6f6f6; padding: 80px 0; } .homebox04 .hb04tit { } .homebox04 .hb04tit .tit { float: left; font-family: PMingLiu; font-size: 28px; color: #333; margin-bottom: 20px; } .homebox04 .hb04tit .link { float: right; } .homebox04 .hb04tit .link a { display: inline-block; line-height: 34px; font-size: 12px; padding: 0 10px; margin-left: 10px; border: 1px solid #ccc; border-radius: 4px; text-decoration: none; } .homebox04 .hb04tit .link a:hover { border-color: #1891cb; } .homebox04 .hb04wrap { background: #fff; } .homebox04 .hb04wrap .img { float: right; margin-left: 80px; } .homebox04 .hb04wrap .img img { display: block; width: 600px; height: 500px; } .homebox04 .hb04wrap .box { padding: 80px; } .homebox04 .hb04wrap .box .topnews { line-height: 36px; height: 108px; overflow: hidden; margin-bottom: 20px; } .homebox04 .hb04wrap .box .topnews a { font-size: 24px; font-family: PMingLiu; text-decoration: none; } .homebox04 .hb04wrap .box .topnews a:after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../img/hot.png) no-repeat center; background-size: 100% auto; margin-left: 14px; } .homebox04 .hb04wrap .box .topnews .time { float: right; font-family: arial; font-size: 12px; color: #777; } .homebox04 .hb04wrap .box .hb04news { font-size: 14px; color: #777; margin-bottom: 50px; } .homebox04 .hb04wrap .box .hb04news li { line-height: 24px; height: 24px; overflow: hidden; } .homebox04 .hb04wrap .box .hb04news li:before { content: '鈥?; margin-right: 5px; } .homebox04 .hb04wrap .box .hb04news li .time { float: right; font-family: arial; font-size: 12px; color: #777; } .homebox04 .hb04wrap .box .hb04nlist { overflow: hidden; } .homebox04 .hb04wrap .box .hb04nlist .imgs { float: left; width: 30px; margin-right: 16px; padding-top: 4px; } .homebox04 .hb04wrap .box .hb04nlist .imgs img { display: block; width: 100%; height: 30px; } .homebox04 .hb04wrap .box .hb04nlist .list { } .homebox04 .hb04wrap .box .hb04nlist .list li { line-height: 20px; height: 20px; overflow: hidden; color: #666; font-size: 12px; } .homebox04 .hb04wrap .box .hb04nlist .list li a { } .footer { padding: 60px 0 40px; font-size: 12px; text-align: center; color: #999; } .footer span { margin: 0 30px; } .footer .foot { line-height: 24px; padding-top: 25px; margin-top: 25px; border-top: 1px solid #ddd; } .footer .foot a { color: #999; } .footer .foot .bei { float: right; } .footer .foot img { vertical-align: middle; margin-left: 10px; } .inpage { background: #f7f7f9; padding: 0 0 80px; } .headimg { border-radius: 10px; overflow: hidden; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); margin-bottom: 60px; } .headimg img { display: block; width: 100%; } .innav { padding: 30px 30px; text-align: center; background: #f7f7f9; vertical-align:top; } .innav .wrapper { vertical-align: top; font-size锛? } .innav .item { display: inline-block; margin: 0 5px; line-height: 30px; padding: 10px 20px;word-break:break-all; vertical-align:top; } .innav a { line-height: 30px; font-size: 14px; text-decoration: none; color: #666; display:inline-block; margin:0 20px;} .innavpro { vertical-align: top; } .innavpro a { width: 100px; line-height: 20px; } .innavpro .proname { display: block; line-height: 20px; overflow: hidden; } .innav a:hover { opacity: .8; } .innav a .icon { display: block; width: 80px; height: 80px; margin: 5px auto 10px; background: #999 url(../img/proicon01.png) no-repeat center top; background-size: 80px auto; border-radius: 4px; } .innav a img { display: block; width: 50px; height: 50px; margin: 5px auto; } .innav a.on { color: #1891cb; border-bottom-color: #fff; opacity: 1; } .innav a.on .icon { background-color: #1891cb; } .baikedekuang { padding: 40px 0; } .baikedetou { border-bottom: 1px solid #e3e3e3; line-height: 50px; height: 50px; margin-bottom: 30px; } .baikedetou h3 { float: left; border-bottom: 2px solid #929493; color: #595758; padding: 0 20px 0 0; font-size: 24px; font-weight: normal; } .baikedetou .baikemore { float: right; color: #1891cb; } .baikedeitem { width: 48%; margin-bottom: 30px; } .baikedelist { } .baikedelist li { border-bottom: 1px dashed #dedede; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; } .baikedelist li .img { float: left; margin-right: 20px; width: 200px; } .baikedelist li .img a { display: block; } .baikedelist li .img img { display: block; width: 100%; } .baikedelist li .info { margin-left: 220px; } .baikedelist li .info .name { font-size: 18px; line-height: 28px; height: 28px; overflow: hidden; margin-bottom: 10px; } .baikedelist li .info .text { font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; color: #999; margin-bottom: 5px; } .baikedelist li .info .time { font-size: 12px; line-height: 20px; height: 20px; overflow: hidden; color: #999; } .inwrap { padding: 70px 140px; background: #fff; border-radius: 0 0 10px 10px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); font-size: 16px; line-height: 30px; color: #666; } .inwrap p { margin-bottom: 20px; } .honorlist { overflow: hidden; margin-bottom: 20px; } .honorlist li { width: 20%; float: left; box-sizing: border-box; padding: 0 10px; margin-bottom: 20px; } .honorlist li img { width: 100%; display: block; } .honorlist li span { text-align: center; display: block; } .inbanner_news { height: 200px; background: url(../img/inbanner_news.jpg) no-repeat center; } .newslist { } .newslist .item { padding: 30px 0; border-bottom: 1px dashed #dedede; } .newslist .item .img { margin-right: 20px; float: left; } .newslist .item .name { line-height: 36px; margin-bottom: 20px; font-size: 26px; } .newslist .item .name a { } .newslist .item .info { color: #999; margin-bottom: 20px; } .newslist .item .time { color: #999; font-size: 12px; } .newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; margin-bottom: 5px; } .newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; } .newsinfo .author, .newsinfo .time { margin: 0 5px; } .newsmaincon { margin: 20px 0; font-family: microsoft yahei; } .newsmaincon img { max-width: 100%; } .newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; } .newsmaincon .dou { margin-bottom: 20px; } .newsmaincon .dou02 { overflow: hidden; } .newsmaincon .dou02 li { width: 50%; float: left; } .newsmaincon .dou li:before { content: '路'; color: #ea0000; font-weight: bold; margin-right: 10px; } .newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; } .newsbackline ul { width: 100%; } .newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; } .newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; } .newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; } .newsbackline ul li.prev { text-align: left; } .newsbackline ul li.prev a { text-align: center; } .newsbackline ul li.next { text-align: right; } .newsbackline ul li.next a { text-align: center; } .baikebox { margin-bottom: 30px; border-bottom: 1px solid #dedede; padding-bottom: 30px; } .baikebox .tit { font-size: 20px; color: #1891cb; font-weight: bold; margin-bottom: 20px; } .baikebox .list { overflow: hidden; } .baikebox .list .item { width: 33.333333%; float: left; box-sizing: border-box; } .baikebox .list .item:nth-child(1) { padding-right: 20px; border-right: 1px solid #dedede; } .baikebox .list .item:nth-child(2) { padding: 0 20px; border-right: 1px solid #dedede; } .baikebox .list .item:nth-child(3) { padding-left: 20px; } .baikebox .list .item .name { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dedede; } .baikebox .list .item ul { margin-bottom: 10px; } .baikebox .list .item ul li { line-height: 24px; font-size: 12px; height: 24px; overflow: hidden; } .baikebox .list .item ul li:before { content: '路'; margin-right: 6px; font-weight: bold; } .baikebox .list .item .btn { text-align: left; } .baikebox .list .item .btn a { display: inline-block; line-height: 30px; border: 1px solid #1891cb; color: #1891cb; border-radius: 20px; padding: 0 30px; font-size: 12px; } .baikebox .list .item .btn a:hover { text-decoration: none; background: #1891cb; color: #fff; } .baikelist { } .baikelist .tit { font-weight: bold; font-size: 20px; color: #1891cb; margin-bottom: 20px; } .baikelist ul { } .baikelist ul li { padding: 10px 0; border-bottom: 1px dashed #dedede; } .baikelist ul li:before { content: '路'; margin-right: 10px; } .prolist { } .prolist li { float: left; width: 31.333333%; margin: 0 1% 20px; box-sizing: border-box; padding: 30px; text-align: center; border: 3px solid #dedede; } .prolist li:hover { border: 3px solid #f60; } .prolist li img { display: block; width: 100%; -webkit-transition: all .4s; transition: all .4s; margin-bottom: 20px; } .prolist li a { display: block; } .prolist li a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .historylist { overflow: hidden; position: relative; padding: 40px 0; } .historylist:before { position: absolute; width: 2px; background: #1891cb; height: 100%; top: 0; bottom: 0; content: ''; display: block; left: 50%; } .historylist .item { overflow: hidden; margin-bottom: 40px; } .historylist .item .ibox { float: right; width: 50%; padding-left: 20px; position: relative; box-sizing: border-box; } .historylist .item:nth-child(2n) .ibox { float: left; padding-left: 0; padding-right: 20px; text-align: right; } .historylist .item .ibox:before { content: ''; display: block; width: 10px; height: 10px; background: #1891cb; border-radius: 50%; position: absolute; left: -4px; top: 10px; } .historylist .item:nth-child(2n) .ibox:before { left: auto; right: -6px; } .historylist .item .ibox .year { font-size: 30px; font-family: arial; font-weight: bold; color: #1891cb; margin-bottom: 10px; } .historylist .item .ibox .txt { font-size: 16px; color: #666; line-height: 26px; } .inwrap img { max-width: 100%; } @media (max-width: 1440px){ .header .more { display: none; } } @media (max-width: 1200px){ .wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; } .header { padding: 0 20px; } .header .more { display: none; } .header .nav .nli .na { width: auto; padding: 20px 10px 0; font-size: 14px; } .homebox01 .leftbox { float: none; width: 100%; } .homebox01 .rightbox { margin-left: 0; height: auto; overflow: hidden; } .homebox01 .rightbox .item { width: 50%; float: left; } } @media (max-width: 800px){ .header { height: auto; padding: 0; } .header .logo { float: none; height: 80px; } .header .logo img { height: 40px; } .header .nav { overflow: hidden; padding: 10px 0; background: #f7f7f7; } .header .nav .nli { float: left; width: 25%; } .header .nav .nli .na { padding-top: 0; font-size: 14px; line-height: 30px; } .header .nav .nli:hover .sub { display: none; } .bannerslide .swiper-slide { height: 200px; } .bannerslide .swiper-slide .img { margin-left: 0; top: 20px; left: 5%; } .bannerslide .swiper-slide .img img { width: 50%; } .bannerslide .swiper-slide .textbox { top: 0; margin-left: 0; left: 5%; -webkit-transform: scale(.3); transform: scale(.3); } .bannerslide .swiper-slide .textbox02 { left: 15%; } .bannerslide .swiper-slide .textbox03 { left: -5%; top: 15px; } .bannerslide .swiper-slide .textbox04 { left: -20%; top: -40px; } .bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev, .bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next { display: none; } .homebox01 .wrapper { padding: 0 0; } .homebox01 .leftbox { float: none; width: 100%; height: 250px; } .hb01slide .swiper-slide { height: 250px; } .hb01slide .swiper-slide .textbox { width: 19%; } .hb01slide .swiper-slide .textbox a.tit { font-size: 14px; line-height: 20px; } .hb01slide .swiper-slide .textbox a.btn { padding: 0 3px; font-size: 12px; } .homebox01 .rightbox { margin-left: 0; height: auto; } .homebox01 .rightbox .item { width: 100%; float: none; } .homebox01 .rightbox .item .textbox a.tit { font-size: 14px; line-height: 20px; } .homebox01 .rightbox .item .textbox a.btn { font-size: 12px; padding: 0 5px; } .homebox02 { padding: 20px 20px; } .homebox02 .wrapper .img { float: none; margin-left: 0; padding-top: 20px; } .homebox02 .wrapper .img img { width: 100%; height: auto; } .homebox02 .wrapper .box { padding: 20px 0 20px; } .homebox02 .wrapper .box .link { margin-bottom: 20px; } .homebox02 .wrapper .box .tabs a { margin-right: 10px; padding: 0 5px; } .homebox03 { padding: 20px 20px; } .homebox03 .wrapper .img { float: none; margin-right: 0; padding-top: 20px; } .homebox03 .wrapper .img img { width: 100%; height: auto; } .homebox03 .wrapper .box { padding: 20px 0 20px; } .homebox03 .wrapper .box .link { margin-bottom: 20px; } .homebox03 .wrapper .box .cn { margin-bottom: 20px; } .homebox03 .wrapper .box .tabs a { margin-right: 10px; padding: 0 5px; margin-bottom: 10px; } .homebox04 { padding: 20px 20px; } .homebox04 .hb04tit { margin-bottom: 20px; } .homebox04 .hb04tit .tit { float: none; text-align: center; margin-bottom: 10px; } .homebox04 .hb04tit .link { float: none; text-align: center; } .homebox04 .wrapper { padding: 0; } .homebox04 .hb04wrap { padding: 0 20px; } .homebox04 .hb04wrap .img { float: none; margin-left: 0; padding-top: 20px; } .homebox04 .hb04wrap .img img { width: 100%; height: auto; } .homebox04 .hb04wrap .box { padding: 20px 0; } .homebox04 .hb04wrap .box .topnews { height: auto; } .footer { padding-top: 40px; } .footer span { margin: 0 10px; } .footer .foot .bei { float: none; } .inpage { padding: 0 0 30px; } .headimg { margin: 0 -20px 30px; border-radius: 0; } .innav { margin-bottom: 0; } .innav .item { line-height: 36px; padding: 0 5px; margin: 0 0; height: 135px; width: 30%; } .innav a { line-height: 36px; font-size: 12px; } .innav .wrapper { padding: 0; } .inwrap { padding: 20px; } .honorlist li { width: 50%; } .newsbackline ul li a { width: 100%; } .inbanner_news { height: 100px !important; background-position: center; background-size: cover; margin-bottom: 0; position: relative; } .inbanner_news:after { content: ''; height: 30px; width: 100%; display: none; background: #f7f7f9; position: absolute; left: 0; top: 100px; right: 0; } .baikebox .list .item { width: 100%; margin-bottom: 20px; } .baikebox .list .item:nth-child(1) { padding: 0; border: 0; } .baikebox .list .item:nth-child(2) { padding: 0; border: 0; } .baikebox .list .item:nth-child(3) { padding: 0; border: 0; } .prolist li { width: 48%; padding: 10px; } .prolist li span { font-size: 12px; line-height: 18px; height: 36px; display: block; } .baikedeitem { width: 100%; } .baikedetou h3 { font-size: 18px; } .baikedelist li .img { width: 120px; } .baikedelist li .info { margin-left: 140px; } }